html,
body {
  height: 100%;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Helvetica Neue", sans-serif;
}

.handwriting {
  font-family: "Edu QLD Hand";
}

/* Cursor parpadeante para el typing */
.blinking-cursor {
  font-weight: bold;
  font-size: 1.5rem;
  color: #fb923c; /* orange-400 */
  animation: blink 1s step-start infinite;
  margin-left: 4px;
}

@keyframes blink {
  50% {
    opacity: 0;
  }
}

/* Ajustes por si se usa/oculta promo */
.promo-bar + .site-header {
  /* cuando hay promo, header baja 32px (top-8) */
  /* handled via class in PHP: top-8 */
}

.site-header {
  /* estilos extra si necesitas */
}

/* Utilidad para secciones con hero debajo del header */
.main-offset {
  /* altura calculada: promo (32px) + header (varía por padding) */
  margin-top: 160px; /* puedes ajustar por página si el hero cambia */
}
.hero-offset {
  padding-top: 200px;
  padding-bottom: 20px;
}