.elementor-1162 .elementor-element.elementor-element-36553adb{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-1162 .elementor-element.elementor-element-6076e8c7{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1162 .elementor-element.elementor-element-49818492{--display:flex;--min-height:0px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:-2px;--margin-bottom:-2px;--margin-left:-2px;--margin-right:-2px;}.elementor-1162 .elementor-element.elementor-element-49818492.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-1162 .elementor-element.elementor-element-746a60be{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1162 .elementor-element.elementor-element-5cf9fb16{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:22px;--margin-bottom:66px;--margin-left:85px;--margin-right:0px;}.elementor-1162 .elementor-element.elementor-element-664cfa50{margin:62px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1162 .elementor-element.elementor-element-664cfa50.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-1162 .elementor-element.elementor-element-d814629{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1162 .elementor-element.elementor-element-d814629.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-1162 .elementor-element.elementor-element-8110f48{text-align:center;}.elementor-1162 .elementor-element.elementor-element-e0b366f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1162 .elementor-element.elementor-element-795083a{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-around;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-1162 .elementor-element.elementor-element-795083a.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-1162 .elementor-element.elementor-element-1906991{--display:flex;--min-height:0px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}@media(max-width:767px){.elementor-1162 .elementor-element.elementor-element-5ffa25c{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -170px) 0px;}.elementor-1162 .elementor-element.elementor-element-5ffa25c img{width:52%;}.elementor-1162 .elementor-element.elementor-element-5cf9fb16{--width:500px;--margin-top:12px;--margin-bottom:5px;--margin-left:8px;--margin-right:-3px;}.elementor-1162 .elementor-element.elementor-element-5cf9fb16.e-con{--align-self:center;--order:99999 /* order end hack */;}.elementor-1162 .elementor-element.elementor-element-664cfa50{width:var( --container-widget-width, 398px );max-width:398px;margin:20px 139px calc(var(--kit-widget-spacing, 0px) + 40px) 109px;--container-widget-width:398px;--container-widget-flex-grow:0;}}@media(min-width:768px){.elementor-1162 .elementor-element.elementor-element-6076e8c7{--width:33.3333%;}.elementor-1162 .elementor-element.elementor-element-49818492{--width:47.444%;}.elementor-1162 .elementor-element.elementor-element-746a60be{--width:66.6666%;}.elementor-1162 .elementor-element.elementor-element-5cf9fb16{--width:66.6666%;}.elementor-1162 .elementor-element.elementor-element-d814629{--width:95.639%;}.elementor-1162 .elementor-element.elementor-element-795083a{--width:95%;}}/* Start custom CSS for html, class: .elementor-element-664cfa50 *//* ================================
   Easy English — NAV + HAMBURGUESA
   (versión completa y corregida)
   ================================ */

/* Paleta del logo */
:root{
  --ee-dark:#1B64AE;   /* azul oscuro */
  --ee-mid:#4EA1DA;    /* azul medio  */
  --ee-ink:#3A3E42;    /* gris texto  */
}

html{ scroll-behavior:smooth; }
/* Evita que un header fijo tape las anclas (ajusta a tu altura real) */
[id]{ scroll-margin-top: 96px; }

/* ===== NAV contenedor ===== */
.ee-nav{
  --gap: clamp(12px, 1.8vw, 22px);
  display:flex; align-items:center; justify-content:center;
  gap: var(--gap);
  max-width:min(92vw,1100px);
  margin-inline:auto; padding:6px 8px;
  position:relative; z-index:50;
  font: 700 16px/1.2 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
}

/* Lista principal */
.ee-nav .ee-menu{
  display:flex; align-items:center; justify-content:center;
  list-style:none; margin:0; padding:0;
  /* ——— fuerza UNA SOLA FILA en escritorio ——— */
  flex-wrap: nowrap;             /* sin saltos */
  white-space: nowrap;           /* no partir texto */
  gap: clamp(16px, 2.6vw, 42px);
}

/* Enlaces base */
.ee-nav .ee-menu a{
  position:relative; display:inline-block;
  font-size: clamp(14px, 1.1vw, 16px);
  padding:10px 14px;
  border-radius:12px;                   /* “pastilla/cuadro” */
  color:var(--ee-ink);
  text-decoration:none;
  transition: transform .18s ease, color .18s ease;
}

/* Hover: pastilla en degradado azul + sombra suave */
.ee-nav .ee-menu a::before{
  content:""; position:absolute; inset:0;
  border-radius:12px;
  background: linear-gradient(90deg, var(--ee-dark), var(--ee-mid));
  transform: scale(.92);
  opacity:0; z-index:-1;
  transition: opacity .18s ease, transform .18s ease, box-shadow .18s ease;
}
.ee-nav .ee-menu a:hover{
  color:#fff; transform: translateY(-1px);
}
.ee-nav .ee-menu a:hover::before{
  opacity:1; transform:scale(1);
  box-shadow:0 6px 16px rgba(0,0,0,.12);
}

/* ==========================
   HAMBURGUESA (sin JavaScript)
   Estructura HTML:
   <input id="ee-toggle" class="ee-toggle" type="checkbox">
   <label for="ee-toggle" class="ee-burger"><span></span></label>
   <ul class="ee-menu">...</ul>
   ========================== */
.ee-toggle{ display:none; }

/* Botón: cuadro azul, 3 líneas blancas, animación a “X” */
.ee-burger{
  --size: 48px;             /* tamaño del botón */
  --pad: 12px;              /* margen interno de las líneas */
  --line-h: 3.5px;          /* grosor de línea */
  --radius: 14px;           /* bordes del cuadro */
  --blue: #1B64AE;
  --blue-2:#0f4f93;

  position:relative;
  width:var(--size); height:var(--size);
  display:none;             /* se muestra en móvil */
  place-items:center; cursor:pointer;
  border:none; border-radius:var(--radius);
  background: var(--blue);
  box-shadow: 0 10px 24px rgba(27,100,174,.28), 0 2px 6px rgba(0,0,0,.12);
  transition: transform .18s ease, box-shadow .18s ease, background .18s ease;
}
.ee-burger:hover{
  background: var(--blue-2);
  transform: translateY(-1px);
  box-shadow: 0 14px 32px rgba(27,100,174,.32), 0 4px 10px rgba(0,0,0,.14);
}
/* Oculta íconos default del builder si los hubiera */
.ee-burger i, .ee-burger svg{ display:none !important; }

/* 3 líneas blancas */
.ee-burger span,
.ee-burger::before,
.ee-burger::after{
  content:""; position:absolute; left:var(--pad); right:var(--pad);
  height:var(--line-h); background:#fff; border-radius:999px;
  transition: transform .24s cubic-bezier(.2,.7,.2,1), top .24s cubic-bezier(.2,.7,.2,1), opacity .18s ease;
}
/* superior / central / inferior */
.ee-burger::before{ top: calc(50% - 9px); }
.ee-burger span    { top: 50%; transform: translateY(-50%); }
.ee-burger::after { top: calc(50% + 9px); }

/* ACTIVO (checkbox checked) -> X */
.ee-toggle:checked + .ee-burger{
  background: var(--blue-2);
}
.ee-toggle:checked + .ee-burger::before{
  top:50%; transform: translateY(-50%) rotate(45deg);
}
.ee-toggle:checked + .ee-burger::after{
  top:50%; transform: translateY(-50%) rotate(-45deg);
}
.ee-toggle:checked + .ee-burger span{
  opacity:0; transform: translateY(-50%) scaleX(.6);
}

/* Accesibilidad (focus teclado) */
.ee-burger:focus-visible{
  outline:0;
  box-shadow:
    0 0 0 3px rgba(255,255,255,.6),
    0 0 0 6px rgba(27,100,174,.45),
    0 10px 24px rgba(27,100,174,.28);
}

/* ========= Responsive ========= */
@media (max-width: 980px){
  .ee-burger{ display:grid; margin-left:auto; }  /* aparece el botón */
  .ee-nav{ gap:12px; }

  /* Menú como dropdown */
  .ee-nav .ee-menu{
    position:absolute; top:100%; right:0; left:auto;
    display:flex; flex-direction:column; align-items:flex-start;
    gap:8px; padding:12px;
    background:#fff; border-radius:14px;
    box-shadow:0 16px 38px rgba(0,0,0,.14);
    min-width:240px;
    transform: translateY(12px);
    opacity:0; pointer-events:none;
    transition: opacity .2s ease, transform .2s ease;
    /* en móvil dejamos que pueda saltar a varias líneas si el texto es largo */
    flex-wrap: nowrap;
    white-space: normal;
  }
  /* Abrir al activar el checkbox */
  .ee-toggle:checked ~ .ee-menu{
    opacity:1; pointer-events:auto; transform: translateY(6px);
  }
}

/* Respeta preferencias de movimiento reducido */
@media (prefers-reduced-motion: reduce){
  .ee-burger, .ee-burger::before, .ee-burger::after, .ee-burger span,
  .ee-nav .ee-menu a, .ee-nav .ee-menu a::before{
    transition: none !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-73607a9 *//* ============================================================
   EASY ENGLISH ACADEMY GT — "El Camino Inesperado"
   Hoja de estilos separada.

   DÓNDE PEGAR ESTO EN WORDPRESS (elige UNA opción):

   OPCIÓN A (recomendada, sin plugins):
   Apariencia > Personalizar > CSS adicional  → pega todo este archivo.

   OPCIÓN B (si usas Elementor Pro):
   Selecciona la Sección/Contenedor donde está el HTML →
   panel izquierdo > pestaña "Avanzado" > "CSS personalizado" → pega todo este archivo.

   OPCIÓN C:
   Instala un plugin ligero tipo "WPCode" o "Simple Custom CSS"
   y pega este archivo en un snippet tipo CSS.
   ============================================================ */

#eea-story {
  /* Full-bleed: rompe el ancho del contenedor padre de Elementor
     y ocupa todo el ancho de la ventana, sin importar dónde esté anidado. */
  width:100vw !important;
  max-width:100vw !important;
  margin-left:calc(50% - 50vw) !important;
  margin-right:calc(50% - 50vw) !important;

  --chalk-green:#24402F;
  --chalk-green-dark:#152A1D;
  --paper:#F6F1E3;
  --paper-soft:#EFE7D3;
  --marigold:#E39A34;
  --brick:#B5442C;
  --ink:#1C271F;
  --chalk-gray:#C7CFC2;
  --white:#FFFDF7;

  --font-display:'Fraunces', serif;
  --font-body:'Inter', sans-serif;
  --font-hand:'Caveat', cursive;

  background:var(--paper);
  color:var(--ink);
  font-family:var(--font-body);
  line-height:1.6;
  overflow-x:hidden;
}
#eea-story * { box-sizing:border-box; }
#eea-story .eea-wrap { max-width:900px; margin:0 auto; padding:0 24px; }
#eea-story a { color:inherit; }

/* ---------- HERO ---------- */
#eea-story .eea-hero {
  background:
    radial-gradient(ellipse at 20% -10%, rgba(227,154,52,0.18), transparent 55%),
    var(--chalk-green);
  color:var(--paper);
  padding:88px 0 96px;
  position:relative;
}
#eea-story .eea-hero::after {
  content:"";
  position:absolute; left:0; right:0; bottom:0; height:14px;
  background:repeating-linear-gradient(90deg, var(--marigold) 0 26px, transparent 26px 40px);
  opacity:.85;
}
#eea-story .eea-eyebrow {
  font-family:var(--font-hand);
  font-size:1.4rem;
  color:var(--marigold);
  display:inline-block;
  margin-bottom:6px;
  transform:rotate(-2deg);
}
#eea-story .eea-hero h1 {
  font-family:var(--font-display) !important;
  font-weight:600 !important;
  font-size:clamp(2.1rem, 5vw, 3.4rem) !important;
  line-height:1.12 !important;
  margin:0 0 22px !important;
  max-width:14ch;
  color:var(--paper) !important;
}
#eea-story .eea-hero h1 em {
  font-style:italic;
  color:var(--marigold) !important;
}
#eea-story .eea-hero p {
  font-size:1.15rem !important;
  max-width:52ch;
  color:var(--chalk-gray) !important;
  margin:0 !important;
}

/* ---------- JOURNEY / RUTA ---------- */
#eea-story .eea-journey { padding:80px 0 40px; position:relative; }
#eea-story .eea-journey-head { max-width:60ch; margin-bottom:56px; }
#eea-story .eea-journey-head .eea-tag {
  font-family:var(--font-hand);
  font-size:1.3rem;
  color:var(--brick);
}
#eea-story .eea-journey-head h2 {
  font-family:var(--font-display) !important;
  font-weight:600 !important;
  font-size:clamp(1.6rem, 3.4vw, 2.3rem) !important;
  margin:4px 0 0 !important;
  color:var(--ink) !important;
}

#eea-story .eea-route { position:relative; }
#eea-story .eea-route svg {
  position:absolute;
  left:23px; top:8px; bottom:8px;
  width:6px; height:calc(100% - 16px);
  overflow:visible;
}
#eea-story .eea-route-path {
  stroke:var(--brick);
  stroke-width:3;
  fill:none;
  stroke-linecap:round;
  stroke-dasharray:9 11;
}

#eea-story .eea-stop {
  position:relative;
  padding:0 0 64px 66px;
}
#eea-story .eea-stop:last-child { padding-bottom:8px; }
#eea-story .eea-stop-marker {
  position:absolute;
  left:0; top:2px;
  width:48px; height:48px;
  border-radius:50%;
  background:var(--white);
  border:3px solid var(--brick);
  display:flex; align-items:center; justify-content:center;
  font-family:var(--font-display);
  font-weight:700;
  color:var(--brick);
  font-size:1.05rem;
  box-shadow:0 3px 0 rgba(28,39,31,0.12);
}
#eea-story .eea-stop-place {
  font-family:var(--font-hand);
  font-size:1.3rem;
  color:var(--chalk-green);
  display:block;
  margin-bottom:2px;
}
#eea-story .eea-stop h3 {
  font-family:var(--font-display) !important;
  font-weight:600 !important;
  font-size:1.35rem !important;
  margin:0 0 10px !important;
  color:var(--ink) !important;
}
#eea-story .eea-stop p { margin:0 0 10px !important; color:#3A4A3D !important; }
#eea-story .eea-stop p:last-child { margin-bottom:0; }
#eea-story .eea-stop-quote {
  font-family:var(--font-display);
  font-style:italic;
  font-size:1.15rem;
  color:var(--chalk-green-dark);
  border-left:3px solid var(--marigold);
  padding-left:16px;
  margin:14px 0;
}

/* ---------- MODELO / STATS ---------- */
#eea-story .eea-model {
  background:var(--chalk-green-dark);
  color:var(--paper);
  padding:72px 0;
  margin-top:24px;
}
#eea-story .eea-model-head { max-width:56ch; margin-bottom:40px; }
#eea-story .eea-model-head .eea-tag {
  font-family:var(--font-hand);
  font-size:1.3rem;
  color:var(--marigold);
}
#eea-story .eea-model-head h2 {
  font-family:var(--font-display) !important;
  font-weight:600 !important;
  font-size:clamp(1.5rem, 3.2vw, 2.1rem) !important;
  margin:4px 0 14px !important;
  color:var(--paper) !important;
}
#eea-story .eea-model-head p { color:var(--chalk-gray) !important; margin:0 !important; }

#eea-story .eea-cards {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:20px;
}
#eea-story .eea-card {
  background:rgba(246,241,227,0.06);
  border:1px solid rgba(246,241,227,0.16);
  border-radius:4px;
  padding:26px 24px;
}
#eea-story .eea-card .eea-num {
  font-family:var(--font-display);
  font-weight:700;
  font-size:2.4rem;
  color:var(--marigold);
  display:block;
  line-height:1;
  margin-bottom:8px;
}
#eea-story .eea-card h4 {
  font-family:var(--font-body) !important;
  font-weight:600 !important;
  font-size:1rem !important;
  margin:0 0 8px !important;
  text-transform:uppercase;
  letter-spacing:.04em;
  color:var(--paper) !important;
}
#eea-story .eea-card p {
  margin:0 !important;
  font-size:.95rem !important;
  color:var(--chalk-gray) !important;
}

/* ---------- PADRINOS CTA ---------- */
#eea-story .eea-padrinos {
  background:var(--paper-soft);
  padding:84px 0;
  position:relative;
}
#eea-story .eea-padrinos-box {
  background:var(--white);
  border:2px solid var(--chalk-green);
  border-radius:6px;
  padding:48px;
  position:relative;
}
#eea-story .eea-padrinos-box::before {
  content:"50/50";
  position:absolute;
  top:-18px; left:40px;
  background:var(--brick);
  color:var(--white);
  font-family:var(--font-display);
  font-weight:700;
  font-size:1rem;
  padding:6px 16px;
  border-radius:3px;
  letter-spacing:.03em;
}
#eea-story .eea-padrinos-box h2 {
  font-family:var(--font-display) !important;
  font-weight:600 !important;
  font-size:clamp(1.7rem, 3.6vw, 2.4rem) !important;
  margin:10px 0 14px !important;
  color:var(--chalk-green-dark) !important;
}
#eea-story .eea-padrinos-box > p {
  font-size:1.08rem !important;
  color:#3A4A3D !important;
  max-width:58ch;
  margin:0 0 32px !important;
}

#eea-story .eea-split {
  display:grid;
  grid-template-columns:1fr auto 1fr;
  align-items:center;
  gap:18px;
  background:var(--chalk-green);
  color:var(--paper);
  border-radius:5px;
  padding:26px 22px;
  margin-bottom:32px;
}
#eea-story .eea-split .eea-half { text-align:center; }
#eea-story .eea-split .eea-half .eea-amt {
  font-family:var(--font-display);
  font-weight:700;
  font-size:2rem;
  color:var(--marigold);
  display:block;
}
#eea-story .eea-split .eea-half span.eea-lbl {
  font-size:.85rem;
  color:var(--chalk-gray);
  text-transform:uppercase;
  letter-spacing:.04em;
}
#eea-story .eea-split .eea-plus {
  font-family:var(--font-display);
  font-size:1.6rem;
  color:var(--marigold);
}

#eea-story .eea-benefits {
  list-style:none;
  margin:0 0 36px;
  padding:0;
  display:grid;
  gap:12px;
}
#eea-story .eea-benefits li {
  padding-left:26px;
  position:relative;
  font-size:.98rem;
  color:#3A4A3D;
}
#eea-story .eea-benefits li::before {
  content:"✓";
  position:absolute; left:0; top:0;
  color:var(--brick);
  font-weight:700;
}

#eea-story .eea-cta-row {
  display:flex;
  flex-wrap:wrap;
  gap:14px;
  align-items:center;
}
#eea-story .eea-btn {
  display:inline-flex;
  align-items:center;
  gap:8px;
  background:var(--brick);
  color:var(--white);
  text-decoration:none;
  font-weight:600;
  font-size:1rem;
  padding:15px 26px;
  border-radius:4px;
  transition:transform .15s ease, background .15s ease;
}
#eea-story .eea-btn:hover { background:#973a25; transform:translateY(-2px); }
#eea-story .eea-btn.eea-btn-outline {
  background:transparent;
  color:var(--chalk-green-dark);
  border:2px solid var(--chalk-green);
}
#eea-story .eea-btn.eea-btn-outline:hover { background:var(--chalk-green); color:var(--white); }

/* ---------- FOOTER ---------- */
#eea-story .eea-foot {
  background:var(--chalk-green-dark);
  color:var(--chalk-gray);
  text-align:center;
  padding:38px 0;
  font-size:.9rem;
}
#eea-story .eea-foot strong { color:var(--paper); }

/* ---------- Reveal animation ---------- */
#eea-story .eea-stop, #eea-story .eea-card, #eea-story .eea-padrinos-box {
  opacity:0;
  transform:translateY(14px);
  transition:opacity .6s ease, transform .6s ease;
}
#eea-story .eea-stop.eea-in, #eea-story .eea-card.eea-in, #eea-story .eea-padrinos-box.eea-in {
  opacity:1;
  transform:translateY(0);
}
@media (prefers-reduced-motion: reduce){
#eea-story .eea-stop, #eea-story .eea-card, #eea-story .eea-padrinos-box { opacity:1; transform:none; transition:none; }
}

/* ---------- Responsive ---------- */
@media (max-width:640px){
#eea-story .eea-hero { padding:64px 0 72px; }
#eea-story .eea-cards { grid-template-columns:1fr; }
#eea-story .eea-padrinos-box { padding:30px 22px; }
#eea-story .eea-split { grid-template-columns:1fr; text-align:center; }
#eea-story .eea-split .eea-plus { transform:rotate(90deg); }
#eea-story .eea-model, #eea-story .eea-padrinos { padding:56px 0; }
}/* End custom CSS */