/* ===========================
   EVOLUO — editor.css
   =========================== */

/* Fondo global */
html, body { height: 100%; }
body { background:#21244D; }

/* ====== HEADER (Home centrado / Pages compacto) ====== */
.evo-header{
  width:100%;
  min-height:100vh;                 /* HOME: pantalla completa */
  display:grid;
  place-items:center;               /* centro vertical + horizontal */
}

.evo-header-center{
  position:relative;                /* para posicionar el dropdown */
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
  gap:12px;
  transition:
    transform .45s ease,
    padding .45s ease,
    gap .3s ease,
    opacity .45s ease;
}

/* Logo correcto */
.evo-logo{
  color:#26B19A !important;
  font-family: var(--wp--preset--font-family--galacond) !important;
  font-weight:800;
  letter-spacing:.02em;
  text-transform: lowercase;
  margin:0;
  line-height:1;
  font-size:clamp(64px,12vw,160px);
}

/* Banda del slogan:
   - display:inline + box-decoration-break: clone → divide el fondo por línea */
.evo-tagline{
  display:inline;
  background:#E0DCB2;
  color:#E34E65;
  padding:6px 12px;
  margin:0;
  line-height:1.1;
  font-size:clamp(14px,2vw,22px);
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  white-space:normal;               /* permite salto a 2 líneas */
}

/* Flecha debajo del slogan */
.evo-toggle{
  margin-top:12px;
  background:transparent;
  border:0;
  padding:0;
  cursor:pointer;
}
.evo-chevron{ display:block; transition: transform .35s ease; }

/* ====== MENÚ – dropdown superpuesto (no empuja el layout) ====== */
.evo-menu-pop{
  position:absolute;
  top: calc(100% + 44px);           /* debajo del botón/flecha */
  left: 50%;
  transform: translateX(-50%) translateY(-8px);
  opacity:0;
  pointer-events:none;
  transition: opacity .3s ease, transform .35s ease;
}

.evo-menu{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:10px;
}

.evo-menu-link{
  color:#E34E65;
  text-decoration:none;
  font-size:clamp(22px,3.4vw,36px);
}
.evo-menu-link:hover{ opacity:.9; }

/* Estado: menú abierto */
.evo-header.is-open .evo-menu-pop{
  opacity:1;
  transform: translateX(-50%) translateY(0);
  pointer-events:auto;
}
.evo-header.is-open .evo-chevron{ transform: rotate(180deg); }

/* ====== PÁGINAS INTERNAS (header compacto arriba) ====== */
.evo-header.is-compact{
  min-height:120px;
  align-items:start;
  place-items:start center;
}
.evo-header.is-compact .evo-header-center{
  padding-top:24px;
  gap:6px;
  transform:none;
}
.evo-header.is-compact .evo-logo{ font-size:clamp(36px,6vw,88px); }
.evo-header.is-compact .evo-tagline{ font-size:clamp(12px,1.6vw,16px); }

/* Transición de salida desde home */
.evo-header.leaving .evo-header-center{
  transform: translateY(-30vh);
  opacity:.98;
}

/* ====== FOOTER ====== */
.evo-footer{
  position:fixed;
  left:0; right:0; bottom:24px;
  pointer-events:none;
}
.evo-footer p{
  opacity:.9;
  font-size:14px;
  text-align:center;
  color:#fff;
  margin:0;
}

/* ====== MOBILE tweaks ====== */
@media (max-width: 600px){
  /* padding lateral 30px */
  .evo-header{ padding: 0 30px; }

  /* logo más grande en móvil */
  .evo-logo{ font-size: 120px; }

  /* tagline en dos líneas con “pastillas” por línea */
  .evo-tagline{
    display:inline;
    padding:6px 10px;
    line-height:1.1;
    /* el “clone” ya aplicado arriba hace que cada línea tenga su fondo */
  }

  /* acercar el dropdown */
  .evo-menu-pop{ top: calc(100% + 36px); }
}