/* ══════════════════════════════════════════════════════════
   AGUAS TERMALES DE CHIGNAHUAPAN (13-oct-2026, rama loc-termales)
   Rehecha con la estructura visual de Quetzalapan (la página modelo):
   portada grande, cifras, bloques con foto, íconos y esquema de llegada.
   Usa las bases de estilos.css y comun.css (menú, pie, idiomas); aquí
   solo va lo suyo, con prefijo at-.

   Identidad: AGUA TERMAL (turquesa), CALOR (naranja brasa), VAPOR
   (crema) y BOSQUE de la barranca (verde muy oscuro). Todo se ve al
   cargar; el vapor de la portada y el brillo del termómetro son adorno
   y se apagan con «reducir movimiento».
   ══════════════════════════════════════════════════════════ */

.at-pag{
  --at-bosque:#0E2A27;
  --at-bosque-2:#123430;
  --at-agua:#2BB9C4;
  --at-agua-cl:#9BE3E8;
  --at-agua-txt:#0A6A73;
  --at-calor:#E0703A;
  --at-calor-cl:#F5A877;
  --at-calor-txt:#A3441A;
  --at-vapor:#F6F1EA;
  --at-arena:#EFE6DA;
  --at-arena-2:#DCCFBD;
  --at-arena-txt:#695D4E;
  --at-tinta:#14231F;
  --at-gris:#4A5754;
  background:#FFFBF5;
  color:var(--at-tinta);
}
.at-pag main{display:block;overflow-x:clip}
.at-wrap{max-width:1180px;margin:0 auto;padding:0 28px}

/* ── piezas comunes ─────────────────────────────────────── */
.at-ey{
  font-family:'Oswald',sans-serif;font-weight:500;letter-spacing:.24em;
  text-transform:uppercase;font-size:12.5px;line-height:1.3;
  color:var(--at-agua-txt);display:flex;align-items:center;gap:12px;margin:0 0 16px;
}
.at-ey::before{content:"";flex:none;width:34px;height:2px;background:currentColor}
.at-ey-c{justify-content:center}
.at-ey-c::after{content:"";flex:none;width:34px;height:2px;background:currentColor}
.at-oscuro .at-ey{color:var(--at-agua-cl)}

.at-h2{
  font-family:'Fraunces',Georgia,serif;font-weight:900;
  font-size:clamp(32px,4.4vw,56px);line-height:1.04;letter-spacing:-.015em;
  color:var(--at-tinta);margin:0;text-wrap:balance;word-break:auto-phrase;
}
.at-h2 em{font-style:italic;font-weight:600;color:var(--at-calor-txt)}
.at-oscuro .at-h2{color:#fff}
.at-oscuro .at-h2 em{color:var(--at-calor-cl)}

.at-p{font-size:17px;line-height:1.7;color:var(--at-gris);max-width:58ch;margin:18px 0 0;text-wrap:pretty}
.at-vh{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.at-cab{max-width:720px}
.at-cab-c{margin:0 auto;text-align:center}

.at-foto{margin:0;position:relative;border-radius:22px;overflow:hidden;background:var(--at-arena-2);box-shadow:0 24px 50px -30px rgba(14,42,39,.6)}
.at-foto img{display:block;width:100%;height:100%;object-fit:cover}
.at-foto figcaption{
  position:absolute;left:0;right:0;bottom:0;padding:48px 18px 14px;
  font-size:13.5px;line-height:1.4;color:#fff;
  background:linear-gradient(0deg,rgba(6,20,18,.74),rgba(6,20,18,0));
}

.at-btn{
  display:inline-flex;align-items:center;gap:10px;
  font-family:'Oswald',sans-serif;font-weight:600;letter-spacing:.06em;text-transform:uppercase;
  font-size:14px;line-height:1;padding:15px 24px;border-radius:999px;border:2px solid transparent;
  transition:transform .18s,background-color .18s,filter .18s;
}
.at-btn svg{width:18px;height:18px;flex:none}
.at-btn-calor{background:var(--at-calor);border-color:var(--at-calor);color:#2A1206}
.at-btn-calor:hover{filter:brightness(1.07);transform:translateY(-2px)}
.at-btn-claro{border-color:rgba(255,255,255,.78);color:#fff;background:rgba(255,255,255,.08);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.at-btn-claro:hover{background:rgba(255,255,255,.18);transform:translateY(-2px)}

.at-link{
  display:inline-flex;align-items:center;gap:8px;margin-top:22px;
  font-weight:700;font-size:16px;color:var(--at-agua-txt);
  border-bottom:2px solid currentColor;padding-bottom:3px;
}
.at-link svg{width:18px;height:18px;transition:transform .18s}
.at-link:hover svg{transform:translateX(4px)}
.at-pag a:focus-visible,.at-pag button:focus-visible,.at-pag summary:focus-visible{outline:3px solid var(--at-agua);outline-offset:3px;border-radius:6px}

/* La línea de los 7 colores de Pueblos Mágicos, en bloques planos (igual que Quetzalapan) */
.at-colores{
  display:block;height:7px;
  background:linear-gradient(90deg,#EC0A82 0 14.2857%,#F0183A 0 28.5714%,#F7941D 0 42.8571%,#FBB200 0 57.1429%,#5FB924 0 71.4286%,#00A6C8 0 85.7143%,#7C2D8E 0);
}

/* ══ PORTADA ═══════════════════════════════════════════════ */
.at-hero{
  position:relative;isolation:isolate;overflow:hidden;
  min-height:min(calc(100svh - 62px),960px);
  display:flex;align-items:flex-end;
  background:var(--at-bosque);color:#fff;
}
.at-hero-foto,.at-hero-foto img{position:absolute;inset:0;width:100%;height:100%}
.at-hero-foto{z-index:-3}
.at-hero-foto img{object-fit:cover;object-position:50% 50%}
.at-hero::before{
  content:"";position:absolute;inset:0;z-index:-2;pointer-events:none;
  background:
    linear-gradient(90deg,rgba(7,22,20,.86) 0%,rgba(7,22,20,.62) 30%,rgba(7,22,20,.14) 56%,rgba(7,22,20,0) 72%),
    linear-gradient(0deg,rgba(7,22,20,.72) 0%,rgba(7,22,20,0) 42%);
}
/* El vapor: tres nubes suaves que suben detrás del título (sin filtros: degradados) */
.at-vapor{position:absolute;left:0;bottom:0;width:min(62vw,760px);height:70%;z-index:-1;pointer-events:none}
.at-vapor i{
  position:absolute;bottom:-12%;width:46%;height:60%;border-radius:50%;
  background:radial-gradient(closest-side,rgba(255,250,242,.24),rgba(255,250,242,.08) 60%,rgba(255,250,242,0));
  animation:at-sube 11s ease-in-out infinite;opacity:0;
}
.at-vapor i:nth-child(1){left:4%}
.at-vapor i:nth-child(2){left:30%;animation-delay:-3.7s;width:40%}
.at-vapor i:nth-child(3){left:54%;animation-delay:-7.3s;width:36%}
@keyframes at-sube{
  0%{transform:translateY(0) scale(.8);opacity:0}
  30%{opacity:1}
  100%{transform:translateY(-55%) scale(1.25);opacity:0}
}
.at-hero-in{width:100%;padding-top:48px;padding-bottom:clamp(48px,8svh,92px)}
.at-crumb{font-family:'Oswald',sans-serif;letter-spacing:.16em;text-transform:uppercase;font-size:11px;color:rgba(255,255,255,.82);margin-bottom:22px;text-shadow:0 1px 10px rgba(0,0,0,.55)}
.at-crumb a:hover{color:#fff}
.at-kicker{font-family:'Oswald',sans-serif;font-weight:500;letter-spacing:.24em;text-transform:uppercase;font-size:13px;line-height:1.4;color:var(--at-agua-cl);margin:0 0 14px;max-width:560px;text-shadow:0 1px 12px rgba(0,0,0,.6)}
.at-h1{
  margin:0;max-width:820px;font-family:'Fraunces',Georgia,serif;font-weight:900;line-height:.9;
  font-size:clamp(56px,min(9vw,14svh),136px);letter-spacing:-.035em;
  background:linear-gradient(180deg,#fff 0%,#fff 48%,#FFD3B4 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
  filter:drop-shadow(0 6px 26px rgba(0,0,0,.35));padding-bottom:.06em;word-break:auto-phrase;
}
/* «de Chignahuapan»: segunda línea chica en itálica (en japonés y chino va primero) */
.at-h1 em{
  display:block;margin:.14em 0;font-style:italic;font-weight:500;font-size:clamp(26px,min(3.2vw,5svh),44px);
  letter-spacing:-.005em;line-height:1.1;color:#fff;-webkit-text-fill-color:#fff;
}
.at-hero-lead{font-size:clamp(16.5px,1.35vw,19px);line-height:1.6;max-width:40ch;color:rgba(255,255,255,.92);margin:20px 0 0;text-shadow:0 1px 14px rgba(0,0,0,.4)}
.at-acciones{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.at-hero .at-colores{position:absolute;left:0;right:0;bottom:0}

/* ══ CIFRAS ════════════════════════════════════════════════ */
.at-datos{background:var(--at-bosque);color:#fff;padding:34px 0 36px}
.at-datos-lista{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.at-datos-lista li{padding:4px 16px;border-left:1px solid rgba(255,255,255,.14);text-align:center}
.at-datos-lista li:first-child{border-left:0}
.at-dato-n{display:block;font-family:'Fraunces',Georgia,serif;font-weight:900;font-size:clamp(30px,3.4vw,48px);line-height:1;letter-spacing:-.02em;color:var(--at-calor-cl);white-space:nowrap}
.at-dato-t{display:block;margin-top:9px;font-size:14.5px;line-height:1.35;color:rgba(255,255,255,.8)}

/* ══ EL CONTRASTE ══════════════════════════════════════════ */
.at-contraste{padding:clamp(76px,9vw,124px) 0}
.at-contraste-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(32px,5vw,72px);align-items:center}
.at-foto-rio{aspect-ratio:4/5;max-width:540px;justify-self:end;width:100%}

/* El termómetro: del aire frío del amanecer al agua caliente */
.at-termo{position:relative;height:104px;margin-top:40px;max-width:520px}
.at-termo-barra{
  position:absolute;left:0;right:0;top:12px;height:14px;border-radius:8px;overflow:hidden;
  background:linear-gradient(90deg,#7CC4EC 0%,#BFE3EE 30%,var(--at-calor-cl) 66%,var(--at-calor) 100%);
}
/* el brillo que corre: una capa más ancha que se desliza con transform (no repinta) */
.at-termo-barra i{
  position:absolute;top:0;bottom:0;left:-300px;right:0;
  background:repeating-linear-gradient(90deg,rgba(255,255,255,.55) 0 10px,rgba(255,255,255,0) 10px 30px);
  animation:at-corre 16s linear infinite;
}
@keyframes at-corre{to{transform:translateX(300px)}}
.at-termo::before,.at-termo::after{content:"";position:absolute;top:6px;width:26px;height:26px;border-radius:50%;border:4px solid #fff;box-shadow:0 2px 10px rgba(14,42,39,.25)}
.at-termo::before{left:-6px;background:#7CC4EC}
.at-termo::after{right:-6px;background:var(--at-calor)}
.at-termo-frio,.at-termo-calor{position:absolute;top:44px;display:flex;flex-direction:column;gap:3px;max-width:48%;font-size:13.5px;line-height:1.35;color:var(--at-gris)}
.at-termo-frio{left:0}
.at-termo-calor{right:0;text-align:right;align-items:flex-end}
.at-termo b{font-family:'Fraunces',Georgia,serif;font-weight:900;font-size:24px;line-height:1;letter-spacing:-.01em}
.at-termo-frio b{color:#1F6E99}
.at-termo-calor b{color:var(--at-calor-txt)}

/* ══ QUÉ ESPERAR ═══════════════════════════════════════════ */
.at-esperar{background:var(--at-arena);padding:clamp(76px,9vw,124px) 0}
.at-mosaico{
  display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);
  grid-template-areas:"colores ninos" "claves ninos";
  gap:clamp(12px,1.6vw,18px);margin-top:36px;
}
.at-foto-colores{grid-area:colores;aspect-ratio:3/2}
.at-foto-ninos{grid-area:ninos;min-height:100%}
.at-claves{grid-area:claves;list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,1.6vw,18px)}
.at-claves li{display:flex;flex-direction:column;gap:12px;padding:20px 18px;border-radius:18px;background:#fff;border:1px solid var(--at-arena-2)}
.at-claves svg{width:34px;height:34px;color:var(--at-agua-txt)}
.at-claves b{font-family:'Fraunces',Georgia,serif;font-weight:700;font-size:17px;line-height:1.25;color:var(--at-tinta)}
.at-nota{margin:22px 0 0;font-size:14.5px;line-height:1.5;color:var(--at-arena-txt);display:flex;gap:10px;align-items:flex-start}
.at-nota::before{content:"i";flex:none;width:20px;height:20px;border-radius:50%;margin-top:1px;background:var(--at-arena-txt);color:#fff;font:700 12px/20px Georgia,serif;text-align:center}

/* ══ CUÁNDO IR ═════════════════════════════════════════════ */
.at-cuando{padding:clamp(76px,9vw,124px) 0}
.at-dia{list-style:none;margin:36px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.at-dia li{position:relative;display:flex;flex-direction:column;gap:8px;padding:24px 22px 22px;border-radius:20px;background:#fff;border:1.5px solid var(--at-arena-2)}
.at-dia svg{width:34px;height:34px;color:var(--at-arena-txt)}
.at-dia b{font-family:'Fraunces',Georgia,serif;font-weight:900;font-size:24px;line-height:1.1;color:var(--at-tinta)}
.at-dia span{font-size:15.5px;line-height:1.55;color:var(--at-gris)}
.at-dia .at-dia-on{border-color:var(--at-calor);background:linear-gradient(180deg,#FFF3EA,#fff 70%);box-shadow:0 18px 40px -28px rgba(224,112,58,.7)}
.at-dia-on svg{color:var(--at-calor-txt)}
.at-dia-sello{
  position:absolute;top:18px;right:18px;padding:5px 11px;border-radius:999px;
  font-family:'Oswald',sans-serif;font-style:normal;font-weight:600;font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;
  background:var(--at-calor);color:#2A1206;
}

/* El año: la mínima del amanecer de cada mes (barras) */
.at-anio{margin:clamp(44px,6vw,64px) 0 0;padding:clamp(22px,3vw,34px);border-radius:24px;background:var(--at-bosque);color:#fff}
.at-anio-t{font-family:'Oswald',sans-serif;font-weight:500;letter-spacing:.18em;text-transform:uppercase;font-size:12.5px;color:var(--at-agua-cl)}
.at-meses{list-style:none;margin:22px 0 0;padding:0;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(4px,.8vw,10px);align-items:end;height:200px}
.at-meses li{position:relative;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;height:100%}
.at-meses i{display:block;width:100%;max-width:46px;border-radius:8px 8px 3px 3px;background:linear-gradient(180deg,rgba(155,227,232,.55),rgba(155,227,232,.18))}
.at-meses .t5{height:60px}.at-meses .t6{height:72px}.at-meses .t7{height:84px}.at-meses .t8{height:96px}
.at-meses .t9{height:108px}.at-meses .t10{height:120px}.at-meses .t11{height:132px}
.at-meses b{order:-1;margin-bottom:6px;font-family:'Fraunces',Georgia,serif;font-weight:800;font-size:clamp(12px,1.3vw,17px);line-height:1;color:#fff}
.at-meses span{margin-top:8px;font-family:'Oswald',sans-serif;font-weight:500;font-size:clamp(10px,1vw,13px);letter-spacing:.06em;text-transform:uppercase;color:rgba(255,255,255,.78);white-space:nowrap}
.at-meses .at-frio i{background:linear-gradient(180deg,#F5A877,#E0703A)}
.at-meses .at-frio b{color:var(--at-calor-cl)}
/* la gota de lluvia, encima del número */
.at-meses .at-lluvia::before{
  content:"";order:-2;width:9px;height:9px;margin-bottom:8px;
  border-radius:0 50% 50% 50%;transform:rotate(45deg);background:var(--at-agua-cl);
}
.at-anio-ley{list-style:none;margin:22px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:10px 26px;font-size:14.5px;line-height:1.4;color:rgba(255,255,255,.88)}
.at-anio-ley li{display:flex;align-items:center;gap:10px}
.at-anio-ley li::before{content:"";flex:none;width:14px;height:14px;border-radius:4px}
.at-ley-frio::before{background:var(--at-calor)}
.at-ley-lluvia::before{width:10px!important;height:10px!important;border-radius:0 50% 50% 50%!important;transform:rotate(45deg);background:var(--at-agua-cl)}
.at-anio-fuente{margin:16px 0 0;font-size:13px;color:rgba(255,255,255,.66)}
.at-anio-fuente a{color:var(--at-agua-cl);text-decoration:underline;text-underline-offset:3px}

/* ══ QUÉ LLEVAR ════════════════════════════════════════════ */
.at-llevar{background:var(--at-vapor);padding:clamp(76px,9vw,124px) 0}
.at-mochila{list-style:none;margin:40px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.at-mochila li{
  display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px;
  padding:26px 16px 22px;border-radius:20px;background:#fff;border:1px solid var(--at-arena-2);
  transition:transform .2s,box-shadow .2s;
}
.at-mochila li:hover{transform:translateY(-3px);box-shadow:0 16px 34px -24px rgba(14,42,39,.55)}
.at-mochila svg{width:52px;height:52px;color:var(--at-calor-txt)}
.at-mochila li:nth-child(even) svg{color:var(--at-agua-txt)}
.at-mochila b{font-weight:700;font-size:15.5px;line-height:1.35;color:var(--at-tinta)}

/* ══ CUIDA TU CUERPO ═══════════════════════════════════════ */
.at-cuidate{
  position:relative;isolation:isolate;overflow:hidden;color:#fff;padding:clamp(84px,10vw,132px) 0;
  background:
    radial-gradient(60% 50% at 12% 110%,rgba(224,112,58,.28),rgba(224,112,58,0) 70%),
    radial-gradient(50% 60% at 95% -10%,rgba(43,185,196,.22),rgba(43,185,196,0) 70%),
    var(--at-bosque);
}
.at-cuidate-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(32px,5vw,72px);align-items:start}
.at-tips{list-style:none;margin:0;padding:0;counter-reset:at}
.at-tips li{
  counter-increment:at;position:relative;padding:16px 0 16px 58px;
  border-top:1px solid rgba(255,255,255,.14);font-size:17px;line-height:1.5;color:rgba(255,255,255,.9);
}
.at-tips li:last-child{border-bottom:1px solid rgba(255,255,255,.14)}
.at-tips li::before{
  content:counter(at,decimal-leading-zero);position:absolute;left:0;top:13px;
  font-family:'Fraunces',Georgia,serif;font-weight:900;font-size:26px;line-height:1;color:var(--at-calor-cl);
}

/* ══ CÓMO LLEGAR ═══════════════════════════════════════════ */
.at-llegar{padding:clamp(76px,9vw,124px) 0}
.at-llegar-grid{
  display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);
  grid-template-areas:"cab ficha" "accion ficha";
  column-gap:clamp(36px,5vw,72px);row-gap:8px;align-items:start;
}
.at-ll-cab{grid-area:cab}
.at-llegar .at-ficha{grid-area:ficha}
.at-ll-accion{grid-area:accion}

/* el esquema: el kiosco, al oriente y bajando a la barranca */
.at-ruta{position:relative;height:156px;margin:30px 0 8px;max-width:540px}
.at-ruta-svg{position:absolute;left:0;top:0;width:100%;height:130px;overflow:visible}
.at-ruta-camino{fill:none;stroke:var(--at-bosque);stroke-width:5;stroke-linecap:round;stroke-dasharray:1 11;stroke-dashoffset:0}
.at-ruta-barranca{fill:var(--at-arena);stroke:none}
.at-rp{position:absolute;border-radius:50%;transform:translate(-50%,-50%)}
.at-rp-a{left:3.5%;top:34px;width:18px;height:18px;background:#fff;border:4px solid var(--at-bosque)}
.at-rp-b{left:96.5%;top:110px;width:28px;height:28px;background:var(--at-calor);border:5px solid #fff;box-shadow:0 0 0 2px var(--at-calor),0 0 0 10px rgba(224,112,58,.18)}
.at-rl{position:absolute;font-size:14px;line-height:1.25}
.at-rl-a{left:0;top:52px;font-weight:700;color:var(--at-tinta)}
.at-rl-km{left:42%;top:4px;transform:translateX(-50%);font-family:'Oswald',sans-serif;font-weight:600;font-size:16px;letter-spacing:.04em;color:var(--at-bosque);white-space:nowrap}
.at-rl-b{right:0;top:132px;font-weight:800;color:var(--at-calor-txt);text-align:right;white-space:nowrap}

.at-ficha{margin:8px 0 0;padding:6px 26px;border-radius:22px;background:var(--at-arena)}
.at-ficha div{padding:18px 0;border-top:1px solid rgba(20,35,31,.12)}
.at-ficha div:first-child{border-top:0}
.at-ficha dt{font-family:'Oswald',sans-serif;font-weight:500;letter-spacing:.16em;text-transform:uppercase;font-size:12px;color:var(--at-agua-txt)}
.at-ficha dd{margin:6px 0 0;font-family:'Fraunces',Georgia,serif;font-weight:700;font-size:19px;line-height:1.3;color:var(--at-tinta)}
.at-tip{display:flex;gap:14px;align-items:flex-start;margin-top:14px;padding:18px 20px;border-radius:16px;background:#FFF1E6;border:1px solid #F3C9A8;color:#4E2A13}
.at-tip svg{flex:none;width:30px;height:30px;color:var(--at-calor)}
.at-tip p{margin:0;font-size:16px;line-height:1.55}
.at-tip b{display:block;font-family:'Oswald',sans-serif;font-weight:600;letter-spacing:.16em;text-transform:uppercase;font-size:12.5px;color:var(--at-calor-txt);margin-bottom:2px}
.at-apps-t{margin:28px 0 10px;font-family:'Oswald',sans-serif;font-weight:500;letter-spacing:.14em;text-transform:uppercase;font-size:12.5px;color:var(--at-arena-txt)}
.at-apps{display:flex;flex-wrap:wrap;gap:10px}
.at-app{
  display:inline-flex;align-items:center;gap:9px;padding:12px 18px;border-radius:14px;
  background:#fff;border:1.5px solid var(--at-bosque);color:var(--at-bosque);font-weight:700;font-size:15.5px;
  transition:background-color .18s,color .18s,transform .18s;
}
.at-app svg{width:20px;height:20px;flex:none}
.at-app:hover{background:var(--at-bosque);color:#fff;transform:translateY(-2px)}

/* ══ PREGUNTAS FRECUENTES ══════════════════════════════════ */
.at-faq{background:var(--at-arena);padding:clamp(72px,9vw,116px) 0}
.at-faq-in{max-width:880px}
.at-faq-lista{margin-top:30px}
.at-fq{background:#fff;border:1px solid var(--at-arena-2);border-radius:16px;margin-bottom:12px;overflow:hidden;transition:box-shadow .2s,border-color .2s}
.at-fq[open]{border-color:var(--at-agua);box-shadow:0 10px 30px rgba(14,42,39,.08)}
.at-fq summary{
  cursor:pointer;list-style:none;position:relative;
  font-family:'Fraunces',Georgia,serif;font-weight:800;font-size:17.5px;line-height:1.3;
  color:var(--at-tinta);padding:18px 52px 18px 22px;
}
.at-fq summary::-webkit-details-marker{display:none}
.at-fq summary::after{
  content:"+";position:absolute;right:20px;top:50%;transform:translateY(-50%);
  font-family:'Oswald',sans-serif;font-weight:600;font-size:22px;color:var(--at-agua-txt);
}
.at-fq[open] summary::after{content:"–"}
.at-fq p{margin:0;padding:0 22px 20px;color:var(--at-gris);font-size:15.5px;line-height:1.7}

/* ══ SIGUE PLANEANDO TU VIAJE ══════════════════════════════ */
.at-sigue{position:relative;isolation:isolate;overflow:hidden;color:#fff;padding:clamp(88px,10vw,128px) 0 clamp(72px,9vw,112px);background:var(--at-bosque)}
.at-sigue-foto{position:absolute;inset:0;z-index:-2}
.at-sigue-foto img{width:100%;height:100%;object-fit:cover;object-position:50% 45%}
.at-sigue::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(7,22,20,.4) 0%,rgba(7,22,20,.72) 55%,rgba(7,22,20,.9) 100%)}
.at-ir-lista{list-style:none;margin:36px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.at-ir-lista li{display:flex}
.at-ir{
  flex:1;display:flex;flex-direction:column;gap:8px;padding:22px 20px 20px;border-radius:18px;min-height:150px;
  background:rgba(7,22,20,.55);border:1px solid rgba(255,255,255,.2);
  backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
  transition:transform .2s,background-color .2s,border-color .2s;
}
.at-ir:hover{transform:translateY(-4px);background:rgba(7,22,20,.74);border-color:rgba(245,168,119,.6)}
.at-ir-k{font-family:'Oswald',sans-serif;font-weight:500;letter-spacing:.16em;text-transform:uppercase;font-size:12px;color:var(--at-calor-cl)}
.at-ir-t{font-family:'Fraunces',Georgia,serif;font-weight:800;font-size:21px;line-height:1.18}
.at-ir-fl{width:22px;height:22px;margin-top:auto;color:var(--at-calor-cl);transition:transform .18s}
.at-ir:hover .at-ir-fl{transform:translateX(5px)}
.at-sigue-nota{margin:26px 0 0;font-size:14px;line-height:1.5;color:rgba(255,255,255,.72)}

/* ══ RESPONSIVO ════════════════════════════════════════════ */
@media (orientation:landscape) and (min-width:700px){
  .at-hero-in{max-width:none;padding-left:max(28px,4vw);padding-right:max(28px,4vw)}
  .at-hero-lead{max-width:min(40ch,40vw)}
}
@media (orientation:portrait){
  .at-hero::before{
    background:linear-gradient(180deg,rgba(7,22,20,.25) 0%,rgba(7,22,20,0) 14%,rgba(7,22,20,.08) 30%,rgba(7,22,20,.6) 48%,rgba(7,22,20,.9) 68%,rgba(7,22,20,.96) 100%);
  }
  .at-vapor{width:100%;height:55%}
}
/* tabletas en vertical: el botón de regresar y el chat flotan abajo */
@media (orientation:portrait) and (max-width:1100px){
  .at-hero-in{padding-bottom:max(104px,9svh)}
}
@media (max-width:1100px){
  .at-mochila{grid-template-columns:repeat(3,minmax(0,1fr))}
  .at-ir-lista{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:860px){
  .at-contraste-grid,.at-cuidate-grid,.at-llegar-grid{grid-template-columns:minmax(0,1fr)}
  .at-foto-rio{justify-self:start;max-width:520px}
  .at-mosaico{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"colores colores" "ninos claves"}
  .at-claves{grid-template-columns:minmax(0,1fr)}
  .at-foto-ninos{aspect-ratio:auto}
  .at-dia{grid-template-columns:minmax(0,1fr)}
  .at-llegar-grid{grid-template-areas:"cab" "ficha" "accion";row-gap:0}
  .at-ll-accion{margin-top:8px}
  .at-datos-lista{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:22px}
  .at-datos-lista li:nth-child(3){border-left:0}
}
@media (max-width:640px){
  .at-wrap{padding:0 16px}
  .at-hero-in{padding-top:max(36px,30svh);padding-bottom:98px}
  .at-crumb{display:none}
  .at-kicker{font-size:11px;letter-spacing:.13em}
  .at-h1{font-size:clamp(46px,14vw,64px)}
  .at-h1 em{font-size:26px}
  .at-acciones{margin-top:22px}
  .at-btn{padding:14px 20px;font-size:13.5px}
  .at-datos-lista li{padding:2px 10px}
  .at-dato-n{font-size:30px}
  .at-p{font-size:16.5px}
  .at-mosaico{grid-template-columns:minmax(0,1fr);grid-template-areas:"colores" "ninos" "claves"}
  .at-foto-ninos{aspect-ratio:4/5}
  .at-claves li{flex-direction:row;align-items:center;padding:16px}
  .at-claves svg{flex:none;width:30px;height:30px}
  .at-mochila{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .at-mochila li{padding:20px 12px 18px;gap:10px}
  .at-mochila svg{width:44px;height:44px}
  .at-mochila b{font-size:14.5px}
  .at-anio{padding:20px 14px 22px;border-radius:20px}
  .at-meses{height:184px;gap:3px}
  .at-meses span{letter-spacing:0}
  .at-dia-sello{top:16px;right:16px}
  .at-tips li{font-size:16px;padding-left:50px}
  .at-tips li::before{font-size:22px;top:15px}
  .at-ficha{padding:4px 18px}
  .at-ficha dd{font-size:17.5px}
  .at-ir-lista{grid-template-columns:minmax(0,1fr)}
  .at-ir{min-height:0}
  .at-termo-frio,.at-termo-calor{font-size:13px}
  .at-fq summary{font-size:16px;padding:15px 46px 15px 16px}
  .at-fq p{padding:0 16px 16px}
}
@media (max-width:640px) and (max-height:740px){
  .at-hero-in{padding-top:24px}
  .at-hero-lead{font-size:15.5px;margin-top:14px}
  .at-acciones{margin-top:18px}
}

@media (prefers-reduced-motion:reduce){
  .at-vapor i,.at-termo-barra i{animation:none}
  .at-vapor i{opacity:.7}
  .at-btn,.at-ir,.at-app,.at-link svg,.at-ir-fl,.at-mochila li,.at-fq{transition:none}
}