.elementor-1028 .elementor-element.elementor-element-330608bc{--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-1028 .elementor-element.elementor-element-137bee47{--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-1028 .elementor-element.elementor-element-24db44f6{--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-1028 .elementor-element.elementor-element-24db44f6.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-1028 .elementor-element.elementor-element-5c8db0be{--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-1028 .elementor-element.elementor-element-65073160{--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-1028 .elementor-element.elementor-element-10ec6ca{margin:62px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1028 .elementor-element.elementor-element-10ec6ca.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-1028 .elementor-element.elementor-element-2740922{--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-1028 .elementor-element.elementor-element-b8516c3{--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-1028 .elementor-element.elementor-element-2264fd7{--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-1028 .elementor-element.elementor-element-33cd8a4{--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-1028 .elementor-element.elementor-element-4229cfb{--spacer-size:93px;}.elementor-1028 .elementor-element.elementor-element-a16cc11{--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-1028 .elementor-element.elementor-element-a16cc11.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-1028 .elementor-element.elementor-element-96a8ac7 .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-1028 .elementor-element.elementor-element-f3ee1d6{--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-1028 .elementor-element.elementor-element-75e3002{--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-1028 .elementor-element.elementor-element-3c9ad17{--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-1028 .elementor-element.elementor-element-1b5cdaa{--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;}@media(max-width:767px){.elementor-1028 .elementor-element.elementor-element-4838685d{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -170px) 0px;}.elementor-1028 .elementor-element.elementor-element-4838685d img{width:52%;}.elementor-1028 .elementor-element.elementor-element-65073160{--width:500px;--margin-top:12px;--margin-bottom:5px;--margin-left:8px;--margin-right:-3px;}.elementor-1028 .elementor-element.elementor-element-65073160.e-con{--align-self:center;--order:99999 /* order end hack */;}.elementor-1028 .elementor-element.elementor-element-10ec6ca{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-1028 .elementor-element.elementor-element-137bee47{--width:33.3333%;}.elementor-1028 .elementor-element.elementor-element-24db44f6{--width:47.444%;}.elementor-1028 .elementor-element.elementor-element-5c8db0be{--width:66.6666%;}.elementor-1028 .elementor-element.elementor-element-65073160{--width:66.6666%;}.elementor-1028 .elementor-element.elementor-element-b8516c3{--width:33.3333%;}.elementor-1028 .elementor-element.elementor-element-2264fd7{--width:66.6666%;}.elementor-1028 .elementor-element.elementor-element-a16cc11{--width:41.68%;}.elementor-1028 .elementor-element.elementor-element-75e3002{--width:25%;}.elementor-1028 .elementor-element.elementor-element-3c9ad17{--width:50%;}.elementor-1028 .elementor-element.elementor-element-1b5cdaa{--width:25%;}}/* Start custom CSS for html, class: .elementor-element-10ec6ca *//* ================================
   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 */