/* Selección de texto en body */
::-moz-selection {
  background-color: #0a0e1a;
  color: #ffff;
}

::selection {
  background-color: #0a0e1a;
  color: #ffff;
}

/* 1) Quita el padding real de la tarjeta (article) SOLO en Blog Grid */
article.et_pb_post {
	padding: 0 !important;
}

/* 2) Quita el “sangrado” (margin negativo) de la imagen SOLO en Blog Grid */
.et_pb_image_container {
	margin: 0 !important;
}

/* =========================
   BOTONES DIVI
   ========================= */
.et_pb_button:after,
.et_pb_button:hover:after,
.et_pb_more_button:after,
.et_pb_more_button:hover:after,
.et_pb_promo_button:after,
.et_pb_promo_button:hover:after,
.et_pb_pricing_table_button:after,
.et_pb_pricing_table_button:hover:after {
  content: none !important;
  display: none !important;
}

/* =========================
 HERO FULL HEIGHT
   ========================= */
#fullHero { 
  min-height: 100vh;
}

/* Móvil: viewport estable para evitar saltos por barras */
@media (max-width: 980px) {
  #fullHero {
    min-height: 100svh;
  }
}

/* Header con animación suave (top + opacity) */
#navPrincipal {
  transition: top 320ms ease, opacity 220ms ease;
  will-change: top, opacity;
  opacity: 1;
}

/* Estado oculto: se mueve (por JS con top:-100px) y se desvanece */
#navPrincipal.is-hidden {
  opacity: 0;
  pointer-events: none; /* evita clics cuando está oculto */
}

@media (min-width: 981px) {
    #main-content {
        margin-top: 80px !important;
    }
}