.elementor-1189 .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-1189 .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-1189 .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-1189 .elementor-element.elementor-element-49818492.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-1189 .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-1189 .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-1189 .elementor-element.elementor-element-664cfa50{margin:62px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1189 .elementor-element.elementor-element-664cfa50.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-1189 .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-1189 .elementor-element.elementor-element-d814629.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-1189 .elementor-element.elementor-element-8110f48{text-align:center;}.elementor-1189 .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-1189 .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-1189 .elementor-element.elementor-element-795083a.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-1189 .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-1189 .elementor-element.elementor-element-5ffa25c{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -170px) 0px;}.elementor-1189 .elementor-element.elementor-element-5ffa25c img{width:52%;}.elementor-1189 .elementor-element.elementor-element-5cf9fb16{--width:500px;--margin-top:12px;--margin-bottom:5px;--margin-left:8px;--margin-right:-3px;}.elementor-1189 .elementor-element.elementor-element-5cf9fb16.e-con{--align-self:center;--order:99999 /* order end hack */;}.elementor-1189 .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-1189 .elementor-element.elementor-element-6076e8c7{--width:33.3333%;}.elementor-1189 .elementor-element.elementor-element-49818492{--width:47.444%;}.elementor-1189 .elementor-element.elementor-element-746a60be{--width:66.6666%;}.elementor-1189 .elementor-element.elementor-element-5cf9fb16{--width:66.6666%;}.elementor-1189 .elementor-element.elementor-element-d814629{--width:95.639%;}.elementor-1189 .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
   IDENTIDAD KAQCHIKEL / IXIMCHÉ
   Estilo basado en la pieza promocional
   ============================================================ */

#eea-culture {

  width:100vw !important;
  max-width:100vw !important;
  margin-left:calc(50% - 50vw) !important;
  margin-right:calc(50% - 50vw) !important;

  /* PALETA DE LA PROMOCIÓN */
  --maya-green:#587451;
  --maya-green-dark:#3E5A3D;
  --maya-green-deep:#304731;

  --paper:#F4EBD8;
  --paper-light:#FAF5E8;
  --paper-dark:#E7D9BD;

  --brown:#8A4D18;
  --brown-dark:#683711;

  --yellow:#E9B94D;
  --orange:#D77A32;

  --ink:#28352B;
  --muted:#5D675C;

  --white:#FFFDF5;

  --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.65;

  overflow:hidden;
}

#eea-culture * {
  box-sizing:border-box;
}

#eea-culture .eea-wrap {
  width:100%;
  max-width:1080px;
  margin:0 auto;
  padding:0 28px;
}

#eea-culture a {
  color:inherit;
}


/* ============================================================
   TEXTURA DE PAPEL
   ============================================================ */

#eea-culture::before {
  content:"";
  position:fixed;
  inset:0;

  pointer-events:none;
  z-index:9999;

  opacity:.08;

  background-image:
    radial-gradient(#6E5B3E 0.7px, transparent 0.7px);

  background-size:7px 7px;
}


/* ============================================================
   HERO
   ============================================================ */

#eea-culture .eea-hero {

  position:relative;

  min-height:650px;

  display:flex;
  align-items:flex-end;

  padding:0 0 75px;

  color:var(--white);

  overflow:hidden;

  background:
    linear-gradient(
      to bottom,
      rgba(40,50,39,.05) 0%,
      rgba(40,50,39,.10) 40%,
      rgba(40,50,39,.82) 100%
    ),
    url("URL-DE-LA-FOTO-DE-IXIMCHE")
    center center / cover no-repeat;
}


/* Oscurecimiento inferior */

#eea-culture .eea-hero::after {

  content:"";

  position:absolute;

  left:0;
  right:0;
  bottom:0;

  height:12px;

  background:
    repeating-linear-gradient(
      135deg,
      var(--maya-green) 0 25px,
      var(--paper) 25px 45px
    );
}


/* Contenido hero */

#eea-culture .eea-hero .eea-wrap {

  position:relative;
  z-index:2;
}


/* Etiqueta */

#eea-culture .eea-eyebrow {

  display:inline-block;

  background:var(--maya-green);

  color:var(--paper);

  padding:8px 17px;

  font-family:var(--font-body);

  font-size:.85rem;

  font-weight:700;

  text-transform:uppercase;

  letter-spacing:.08em;

  margin-bottom:15px;

  transform:rotate(-1deg);
}


/* Título */

#eea-culture .eea-hero h1 {

  font-family:var(--font-display) !important;

  font-size:clamp(3rem,7vw,5.8rem) !important;

  line-height:.94 !important;

  font-weight:700 !important;

  max-width:900px;

  margin:0 0 20px !important;

  color:var(--white) !important;

  text-shadow:0 3px 18px rgba(0,0,0,.3);
}

#eea-culture .eea-hero h1 em {

  color:#E6B75A !important;

  font-style:italic;
}


/* Descripción */

#eea-culture .eea-hero p {

  max-width:720px;

  margin:0 !important;

  font-size:1.12rem !important;

  color:#F5EEDF !important;

  line-height:1.7 !important;
}


/* ============================================================
   INTRO
   ============================================================ */

#eea-culture .eea-intro {

  position:relative;

  background:var(--paper);

  padding:95px 0 85px;
}


/* Patrón superior */

#eea-culture .eea-intro::before {

  content:"";

  position:absolute;

  top:0;
  left:0;
  right:0;

  height:30px;

  background:
    linear-gradient(
      135deg,
      transparent 14px,
      var(--maya-green) 15px,
      var(--maya-green) 20px,
      transparent 21px
    );

  background-size:40px 30px;

  opacity:.9;
}


#eea-culture .eea-intro-grid {

  display:grid;

  grid-template-columns:
    minmax(0, .9fr)
    minmax(0, 1.1fr);

  gap:70px;

  align-items:center;
}


#eea-culture .eea-intro .eea-tag {

  color:var(--maya-green);

  font-family:var(--font-hand);

  font-size:1.6rem;

  font-weight:700;
}


#eea-culture .eea-intro h2 {

  font-family:var(--font-display) !important;

  font-size:clamp(2.2rem,4vw,3.7rem) !important;

  line-height:1.05 !important;

  margin:8px 0 0 !important;

  color:var(--brown-dark) !important;
}


#eea-culture .eea-intro h2 span {

  color:var(--maya-green);
}


#eea-culture .eea-intro-text {

  border-left:5px solid var(--yellow);

  padding-left:30px;
}


#eea-culture .eea-intro-text p {

  color:var(--muted) !important;

  font-size:1.08rem !important;

  margin:0 0 18px !important;
}


/* ============================================================
   JOURNEY
   ============================================================ */

#eea-culture .eea-journey {

  position:relative;

  background:var(--maya-green);

  color:var(--paper);

  padding:95px 0 80px;

  overflow:hidden;
}


/* Decoración */

#eea-culture .eea-journey::before {

  content:"";

  position:absolute;

  top:0;
  left:0;
  right:0;

  height:38px;

  background:
    repeating-linear-gradient(
      135deg,
      var(--paper) 0 16px,
      transparent 16px 34px
    );

  opacity:.95;
}


#eea-culture .eea-journey::after {

  content:"";

  position:absolute;

  width:300px;
  height:300px;

  right:-130px;
  bottom:-130px;

  border:2px solid rgba(244,235,216,.16);

  transform:rotate(45deg);
}


#eea-culture .eea-journey-head {

  max-width:720px;

  margin-bottom:70px;
}


#eea-culture .eea-journey-head .eea-tag {

  color:var(--yellow);

  font-family:var(--font-hand);

  font-size:1.6rem;
}


#eea-culture .eea-journey-head h2 {

  font-family:var(--font-display) !important;

  font-size:clamp(2.2rem,4.5vw,3.8rem) !important;

  line-height:1.05 !important;

  margin:5px 0 15px !important;

  color:var(--paper) !important;
}


#eea-culture .eea-journey-head p {

  color:#DCE2D6 !important;

  font-size:1.05rem !important;

  margin:0 !important;
}


/* ============================================================
   RUTA VERTICAL
   ============================================================ */

#eea-culture .eea-route {

  position:relative;
}


/* Línea */

#eea-culture .eea-route svg {

  position:absolute;

  left:26px;
  top:5px;
  bottom:5px;

  width:6px;

  height:calc(100% - 10px);

  overflow:visible;
}


#eea-culture .eea-route-path {

  stroke:var(--yellow);

  stroke-width:3;

  fill:none;

  stroke-linecap:round;

  stroke-dasharray:5 12;
}


/* Cada parada */

#eea-culture .eea-stop {

  position:relative;

  padding:0 0 80px 78px;
}


#eea-culture .eea-stop:last-child {

  padding-bottom:10px;
}


/* Número */

#eea-culture .eea-stop-marker {

  position:absolute;

  left:0;
  top:0;

  width:54px;
  height:54px;

  display:flex;

  align-items:center;
  justify-content:center;

  border-radius:50%;

  background:var(--paper);

  border:4px solid var(--yellow);

  color:var(--brown);

  font-family:var(--font-display);

  font-weight:700;

  font-size:1.1rem;

  box-shadow:
    0 5px 0 rgba(0,0,0,.15);
}


/* Lugar */

#eea-culture .eea-stop-place {

  display:block;

  color:var(--yellow);

  font-family:var(--font-hand);

  font-size:1.45rem;

  font-weight:700;

  margin-bottom:2px;
}


/* Título */

#eea-culture .eea-stop h3 {

  font-family:var(--font-display) !important;

  font-size:clamp(1.6rem,3vw,2.25rem) !important;

  line-height:1.1 !important;

  color:var(--paper) !important;

  margin:0 0 14px !important;
}


/* Texto */

#eea-culture .eea-stop p {

  color:#E1E7DF !important;

  font-size:1rem !important;

  margin:0 0 13px !important;

  max-width:700px;
}


/* Frase */

#eea-culture .eea-stop-quote {

  font-family:var(--font-display) !important;

  font-size:1.5rem !important;

  font-style:italic;

  color:var(--yellow) !important;

  border-left:4px solid var(--yellow);

  padding:15px 20px;

  margin:22px 0 !important;

  background:rgba(0,0,0,.08);
}


/* ============================================================
   MINI CARDS — EXPOSITORES
   ============================================================ */

#eea-culture .eea-mini-card {

  display:inline-flex;

  flex-direction:column;

  min-width:210px;

  margin:10px 12px 5px 0;

  padding:15px 18px;

  background:rgba(244,235,216,.1);

  border:1px solid rgba(244,235,216,.25);

  border-left:4px solid var(--yellow);
}


#eea-culture .eea-mini-card strong {

  font-family:var(--font-display);

  font-size:1.05rem;

  color:var(--paper);
}


#eea-culture .eea-mini-card span {

  color:#CCD5C9;

  font-size:.85rem;
}


/* ============================================================
   IMPACTO
   ============================================================ */

#eea-culture .eea-impact {

  background:var(--paper);

  padding:100px 0;
}


#eea-culture .eea-model-head {

  max-width:720px;

  margin-bottom:50px;
}


#eea-culture .eea-model-head .eea-tag {

  color:var(--maya-green);

  font-family:var(--font-hand);

  font-size:1.6rem;

  font-weight:700;
}


#eea-culture .eea-model-head h2 {

  font-family:var(--font-display) !important;

  color:var(--brown-dark) !important;

  font-size:clamp(2.2rem,4vw,3.5rem) !important;

  line-height:1.05 !important;

  margin:6px 0 15px !important;
}


#eea-culture .eea-model-head h2 em {

  color:var(--maya-green);
}


#eea-culture .eea-model-head p {

  color:var(--muted) !important;

  font-size:1.08rem !important;

  margin:0 !important;
}


/* Cards */

#eea-culture .eea-cards {

  display:grid;

  grid-template-columns:
    repeat(3,1fr);

  gap:20px;
}


#eea-culture .eea-card {

  position:relative;

  background:var(--paper-light);

  border:1px solid #D8CDB6;

  border-top:6px solid var(--maya-green);

  padding:32px 27px;

  transition:
    transform .25s ease,
    box-shadow .25s ease;
}


#eea-culture .eea-card:hover {

  transform:translateY(-6px);

  box-shadow:
    0 15px 35px rgba(62,90,61,.13);
}


#eea-culture .eea-card .eea-num {

  display:block;

  font-family:var(--font-display);

  font-size:3rem;

  line-height:1;

  font-weight:700;

  color:var(--brown);

  margin-bottom:15px;
}


#eea-culture .eea-card h4 {

  font-family:var(--font-display) !important;

  font-size:1.35rem !important;

  color:var(--maya-green-dark) !important;

  margin:0 0 12px !important;
}


#eea-culture .eea-card p {

  color:var(--muted) !important;

  font-size:.96rem !important;

  margin:0 !important;
}


/* ============================================================
   COMUNIDAD
   ============================================================ */

#eea-culture .eea-community {

  background:var(--paper-dark);

  padding:90px 0;

  position:relative;
}


#eea-culture .eea-community-box {

  background:var(--maya-green);

  color:var(--paper);

  padding:60px;

  position:relative;

  overflow:hidden;

  border:1px solid rgba(255,255,255,.12);
}


/* Patrón decorativo */

#eea-culture .eea-community-box::after {

  content:"";

  position:absolute;

  right:-70px;
  bottom:-100px;

  width:300px;
  height:300px;

  border:30px double rgba(244,235,216,.12);

  transform:rotate(45deg);
}


#eea-culture .eea-community-content {

  position:relative;

  z-index:2;

  max-width:650px;
}


#eea-culture .eea-community-content .eea-tag {

  color:var(--yellow);

  font-family:var(--font-hand);

  font-size:1.5rem;
}


#eea-culture .eea-community-content h2 {

  font-family:var(--font-display) !important;

  font-size:clamp(2.2rem,4vw,3.4rem) !important;

  line-height:1.05 !important;

  color:var(--paper) !important;

  margin:6px 0 18px !important;
}


#eea-culture .eea-community-content p {

  color:#DEE4DB !important;

  font-size:1rem !important;

  margin:0 0 15px !important;
}


/* Lista */

#eea-culture .eea-community-list {

  position:relative;

  z-index:3;

  margin-top:42px;

  display:grid;

  grid-template-columns:
    repeat(3,1fr);

  gap:15px;
}


#eea-culture .eea-person {

  padding:22px;

  background:rgba(244,235,216,.08);

  border:1px solid rgba(244,235,216,.2);

  border-bottom:3px solid var(--yellow);
}


#eea-culture .eea-person-icon {

  display:block;

  font-family:var(--font-display);

  font-weight:700;

  font-size:1.5rem;

  color:var(--yellow);

  margin-bottom:10px;
}


#eea-culture .eea-person strong {

  display:block;

  color:var(--paper);

  font-family:var(--font-display);

  font-size:1.05rem;

  margin-bottom:6px;
}


#eea-culture .eea-person span:last-child {

  color:#CFD8CE;

  font-size:.85rem;

  line-height:1.5;
}


/* ============================================================
   FRASE FINAL
   ============================================================ */

#eea-culture .eea-quote-section {

  background:var(--brown);

  color:var(--paper);

  padding:110px 0;

  position:relative;

  text-align:center;

  overflow:hidden;
}


/* Patrón */

#eea-culture .eea-quote-section::before,
#eea-culture .eea-quote-section::after {

  content:"";

  position:absolute;

  width:220px;
  height:220px;

  border:2px solid rgba(244,235,216,.18);

  transform:rotate(45deg);
}


#eea-culture .eea-quote-section::before {

  left:-120px;
  top:-100px;
}


#eea-culture .eea-quote-section::after {

  right:-120px;
  bottom:-100px;
}


#eea-culture .eea-big-quote {

  max-width:850px;

  margin:auto;

  position:relative;

  z-index:2;
}


#eea-culture .eea-quote-mark {

  display:block;

  font-family:var(--font-display);

  font-size:7rem;

  line-height:.5;

  color:var(--yellow);

  opacity:.8;
}


#eea-culture .eea-big-quote blockquote {

  font-family:var(--font-display);

  font-size:clamp(2rem,4.5vw,3.7rem);

  line-height:1.08;

  font-weight:600;

  margin:20px 0 25px;

  color:var(--paper);
}


#eea-culture .eea-quote-caption {

  display:block;

  font-family:var(--font-hand);

  font-size:1.4rem;

  color:#F1D58B;
}


/* ============================================================
   FOOTER
   ============================================================ */

#eea-culture .eea-foot {

  background:var(--maya-green-deep);

  color:#CDD5CA;

  text-align:center;

  padding:45px 20px;

  font-size:.9rem;
}


#eea-culture .eea-foot strong {

  color:var(--paper);

  font-family:var(--font-display);

  font-size:1.1rem;
}


/* ============================================================
   ANIMACIONES
   ============================================================ */

#eea-culture .eea-stop,
#eea-culture .eea-card,
#eea-culture .eea-community-box,
#eea-culture .eea-big-quote,
#eea-culture .eea-mini-card,
#eea-culture .eea-person {

  opacity:0;

  transform:translateY(22px);

  transition:
    opacity .7s ease,
    transform .7s ease;
}


#eea-culture .eea-stop.eea-in,
#eea-culture .eea-card.eea-in,
#eea-culture .eea-community-box.eea-in,
#eea-culture .eea-big-quote.eea-in,
#eea-culture .eea-mini-card.eea-in,
#eea-culture .eea-person.eea-in {

  opacity:1;

  transform:translateY(0);
}


/* ============================================================
   RESPONSIVE
   ============================================================ */

@media (max-width:800px){

  #eea-culture .eea-hero {

    min-height:560px;

    padding-bottom:60px;
  }

  #eea-culture .eea-intro-grid {

    grid-template-columns:1fr;

    gap:35px;
  }

  #eea-culture .eea-cards {

    grid-template-columns:1fr;
  }

  #eea-culture .eea-community-list {

    grid-template-columns:1fr;
  }

  #eea-culture .eea-community-box {

    padding:40px 28px;
  }

}


@media (max-width:600px){

  #eea-culture .eea-wrap {

    padding-left:20px;
    padding-right:20px;
  }

  #eea-culture .eea-hero {

    min-height:520px;

    padding-bottom:48px;

    background-position:center;
  }

  #eea-culture .eea-hero h1 {

    font-size:clamp(2.6rem,12vw,4rem) !important;
  }

  #eea-culture .eea-hero p {

    font-size:.98rem !important;
  }

  #eea-culture .eea-intro {

    padding:75px 0;
  }

  #eea-culture .eea-journey {

    padding:80px 0 65px;
  }

  #eea-culture .eea-stop {

    padding-left:67px;

    padding-bottom:65px;
  }

  #eea-culture .eea-stop-marker {

    width:46px;
    height:46px;
  }

  #eea-culture .eea-route svg {

    left:21px;
  }

  #eea-culture .eea-mini-card {

    display:flex;

    width:100%;

    margin-right:0;
  }

  #eea-culture .eea-impact {

    padding:75px 0;
  }

  #eea-culture .eea-community {

    padding:65px 0;
  }

  #eea-culture .eea-community-box {

    padding:35px 22px;
  }

  #eea-culture .eea-big-quote blockquote {

    font-size:2rem;
  }

}


/* ============================================================
   ACCESIBILIDAD
   ============================================================ */

@media (prefers-reduced-motion:reduce){

  #eea-culture .eea-stop,
  #eea-culture .eea-card,
  #eea-culture .eea-community-box,
  #eea-culture .eea-big-quote,
  #eea-culture .eea-mini-card,
  #eea-culture .eea-person {

    opacity:1;

    transform:none;

    transition:none;
  }
}/* End custom CSS */