/* AM Vivencial Tours v4 - Portada */

/* enlace de texto con subrayado de marca (zona de toque de 44px) */
.am-page .am-home-link{ display:inline-flex; align-items:center; gap:10px; min-height:44px; font-family:var(--am-font-display); font-weight:600; font-size:1rem;
  letter-spacing:.01em; color:var(--am-green-800); text-decoration:underline; text-decoration-color:var(--am-terracotta); text-decoration-thickness:2px; text-underline-offset:7px;
  transition:color .3s, text-underline-offset .3s var(--am-ease); }
.am-page .am-home-link span{ display:inline-block; transition:transform .45s var(--am-ease); }
.am-page .am-home-link:hover{ color:var(--am-terracotta-700); text-underline-offset:10px; }
.am-page .am-home-link:hover span{ transform:translateX(5px); }
.am-page .am-home-link--light{ color:#FAEDE4; text-decoration-color:var(--am-beige); }
.am-page .am-home-link--light:hover{ color:#fff; }

/* ============================ HERO ============================ */
.am-home-hero{ position:relative; min-height:100svh; display:flex; flex-direction:column; justify-content:flex-end; color:#fff; overflow:hidden; background:var(--am-coffee); }
.am-home-hero__media{ position:absolute; inset:0; }
.am-home-hero__slide{ position:absolute; inset:0; opacity:0; transition:opacity 1.6s var(--am-ease); }
.am-home-hero__slide.is-active{ opacity:1; }
.am-home-hero__slide img, .am-home-hero__video{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:var(--pos,50% 50%); }
.am-home-hero__slide img{ transform:scale(1.04); transition:transform 9s linear; }
.am-home-hero__slide.is-active img{ transform:scale(1); }
.am-home-hero__video{ opacity:0; transition:opacity .9s var(--am-ease); }
.am-home-hero__slide.is-playing .am-home-hero__video{ opacity:1; }
/* r22: el velo anterior apagaba toda la foto (la de Las Grietas bajaba de 95 a 57 de brillo). Ahora oscurece
   solo donde va el texto, abajo a la izquierda, y una franja arriba para el header. */
.am-home-hero__veil{ position:absolute; inset:0;
  background:
    linear-gradient(180deg, rgba(20,16,12,.45) 0%, rgba(20,16,12,0) 20%),
    radial-gradient(90% 115% at 0% 100%, rgba(20,16,12,.88) 0%, rgba(20,16,12,.66) 55%, rgba(20,16,12,0) 100%); }
/* En tablet y celular el texto ocupa casi todo el ancho: velo vertical. Medido sobre el video del gallo
   (la diapositiva mas clara): peor 10 % del fondo del titulo 7:1 a 390 y 9,6:1 a 820 (con el radial era 3:1). */
@media (max-width:900px){
  /* r24: el velo se parte en dos. La franja de arriba (cabecera) queda fija en ::after de la caja de fotos; el resto
     se aclara por diapositiva con --veil (data-veil en templates/home.php; Las Grietas va mas suave). Con --veil:1 la
     suma de las dos capas es el velo de antes (.5 / .22 a 20 % / .6 a 42 % / .86 abajo). */
  .am-home-hero__veil{ background:linear-gradient(180deg, rgba(20,16,12,.1) 0%, rgba(20,16,12,.22) 20%, rgba(20,16,12,.6) 42%, rgba(20,16,12,.86) 100%);
    opacity:var(--veil,1); transition:opacity 1.6s var(--am-ease); }
  .am-home-hero__media::after{ content:''; position:absolute; inset:0 0 auto; height:20%; pointer-events:none;
    background:linear-gradient(180deg, rgba(20,16,12,.45), rgba(20,16,12,0)); }
  /* encuadre propio en vertical (--pos-m): el video horizontal de Galapagos deja al lobo marino en cuadro */
  .am-home-hero__slide img, .am-home-hero__video{ object-position:var(--pos-m, var(--pos,50% 50%)); }
  /* r24: sombra difusa detras del titulo y del texto (la misma idea que el antetitulo): con el velo mas suave la
     foto se ve clara alrededor y la letra sigue teniendo fondo oscuro detras. Medido por diapositiva a 390 y 820. */
  .am-page .am-home-hero__title, .am-page .am-home-hero__lead{ position:relative; isolation:isolate; }
  /* el boton transparente de WhatsApp lleva un fondo oscuro de vidrio: sobre el agua clara de Las Grietas no se leia */
  .am-home-hero .am-btn--ghost{ --b-bg:rgba(20,16,12,.32); }
  .am-page .am-home-hero__title::before, .am-page .am-home-hero__lead::before{ content:''; position:absolute; z-index:-1; inset:-8px -18px; pointer-events:none;
    border-radius:28px; background:rgba(20,16,12,.5); filter:blur(18px); }
}
@media (prefers-reduced-motion:reduce){ html:not(.am-motion-force) .am-home-hero__veil{ transition:none; } }
.am-motion-ninguna .am-home-hero__veil{ transition:none; }
.am-home-hero__inner{ position:relative; z-index:2; padding-top:calc(var(--am-hd) + 56px); padding-bottom:clamp(28px,5vh,52px); }
.am-page .am-home-hero__kicker{ margin:0 0 24px; font-family:var(--am-font-display); font-weight:600;
  font-size:var(--am-eyebrow-fs); letter-spacing:.2em; text-transform:uppercase; line-height:1.3; color:#fff;
  /* r23: sobre las fotos claras (queso, momoto, poster de Galapagos) el fondo detras del antetitulo llegaba a una
     luminancia de 0,5 y ningun color de letra alcanzaba 4,5:1. Letra blanca a 600 + una sombra difusa oscura detras
     (::before, desenfocada, sin bordes): medido por diapositiva a 390, 820, 1280 y 1440. */
  text-shadow:0 1px 2px rgba(20,16,12,.7);
  position:relative; isolation:isolate; width:fit-content; max-width:100%; }
.am-page .am-home-hero__kicker::before{ content:''; position:absolute; z-index:-1; inset:-6px -14px; pointer-events:none;
  border-radius:999px; background:rgba(20,16,12,.56); filter:blur(12px); }
.am-page .am-home-hero__title{ color:#fff; max-width:15ch; text-shadow:0 4px 40px rgba(0,0,0,.25); gap:.06em; }
.am-home-hero__title .am-title-duo__strong{ font-size:clamp(2.15rem,5.4vw,5.3rem); line-height:.96; letter-spacing:.005em; }
.am-home-hero__title .am-title-duo__light{ font-size:clamp(2.3rem,5.9vw,5.8rem); line-height:1.02; letter-spacing:-.02em; color:var(--am-beige); }
.am-page .am-home-hero__lead{ color:#efe6da; margin:24px 0 32px; max-width:52ch; }
.am-home-hero__foot{ position:relative; z-index:2; display:flex; align-items:center; justify-content:space-between; gap:18px 28px;
  padding-top:16px; padding-bottom:22px; border-top:1px solid rgba(255,255,255,.18); }
.am-page .am-home-hero__place{ display:flex; align-items:center; gap:8px; margin:0; font-family:var(--am-font-display); font-size:.9rem; letter-spacing:.04em; line-height:1.3; color:#efe6da; }
/* r24: en computadora el lugar va abajo a la DERECHA, fuera del velo radial (anclado abajo a la izquierda): sobre la
   chompa blanca del queso o las cascadas no se leia (1,0 a 1,8:1). Pastilla oscura difusa, igual que el antetitulo.
   Tambien en celular: con el velo mas suave de Las Grietas el pie queda sobre agua clara. */
.am-page .am-home-hero__place{ position:relative; isolation:isolate; text-shadow:0 1px 2px rgba(20,16,12,.8); }
.am-page .am-home-hero__place::before{ content:''; position:absolute; z-index:-1; inset:-9px -18px; pointer-events:none;
  border-radius:999px; background:rgba(20,16,12,.8); filter:blur(11px); }
.am-home-hero__place .am-ico{ color:var(--am-beige); flex:none; }
/* r23: si el cliente deja una foto sin pie en el panel, no queda el pin suelto */
.am-page .am-home-hero__place:has(> [data-hero-label]:empty){ visibility:hidden; }
.am-home-hero__ctrl{ display:flex; align-items:center; gap:14px; }
.am-home-hero__bars{ display:flex; gap:8px; }
.am-page button.am-home-hero__bar{ position:relative; width:54px; height:44px; cursor:pointer; }
.am-home-hero__bar::before, .am-home-hero__bar span{ content:''; position:absolute; left:0; right:0; top:50%; height:3px; margin-top:-1.5px; border-radius:3px; }
.am-home-hero__bar::before{ background:rgba(255,255,255,.3); transition:background .3s; }
.am-home-hero__bar:hover::before{ background:rgba(255,255,255,.6); }
.am-home-hero__bar span{ background:var(--am-beige); transform:scaleX(0); transform-origin:0 50%; }
.am-home-hero__bar.is-active span{ animation:am-bar var(--dur,7000ms) linear forwards; }
.am-home-hero.is-paused .am-home-hero__bar.is-active span{ animation-play-state:paused; }
@keyframes am-bar{ to{ transform:scaleX(1); } }
.am-page button.am-home-hero__pause{ display:inline-flex; align-items:center; justify-content:center; flex:none; width:44px; height:44px; min-width:0; padding:0 !important;
  border-radius:50% !important; border:1px solid rgba(255,255,255,.45) !important; background:rgba(20,16,12,.25) !important; color:#fff !important; box-shadow:none !important; cursor:pointer;
  transition:background-color .3s, border-color .3s; }
.am-page button.am-home-hero__pause:hover{ background:rgba(250,237,228,.18) !important; border-color:var(--am-beige) !important; }
.am-home-hero__play-i, .am-home-hero__pause[aria-pressed="true"] .am-home-hero__pause-i{ display:none; }
.am-home-hero__pause[aria-pressed="true"] .am-home-hero__play-i{ display:block; }
@media (max-width:760px){
  .am-home-hero__inner{ padding-top:calc(var(--am-hd) + 28px); }
  .am-page .am-home-hero__kicker{ letter-spacing:.14em; margin-bottom:18px; }   /* r24: tamano de antetitulo global (14px a 390) */
  .am-page .am-home-hero__lead{ margin:18px 0 26px; }
  .am-home-hero .am-btns .am-btn{ width:100%; }
  .am-home-hero__foot{ flex-wrap:wrap; padding-right:0; }
  .am-page button.am-home-hero__bar{ width:40px; }
  .am-home-hero__bars{ gap:6px; }
}
/* pantallas bajas (portatiles de 640-780px de alto, tabletas en horizontal): los botones no pueden quedar bajo el pliegue */
@media (min-width:700px) and (max-height:780px){
  .am-home-hero__inner{ padding-top:calc(var(--am-hd) + 20px); }
  .am-home-hero__title .am-title-duo__strong{ font-size:clamp(2rem,8.6vh,5.3rem); }
  .am-home-hero__title .am-title-duo__light{ font-size:clamp(2.1rem,9.2vh,5.8rem); }
  .am-page .am-home-hero__lead{ margin:14px 0 20px; }
  .am-page .am-home-hero__kicker{ margin-bottom:14px; }
}
@media (max-height:500px) and (orientation:landscape){
  .am-page .am-home-hero__lead{ display:none; }
  .am-home-hero .am-btns{ margin-top:18px; }
  .am-home-hero__foot{ padding-top:8px; padding-bottom:8px; }
}
@media (prefers-reduced-motion:reduce){
  .am-home-hero__slide, .am-home-hero__slide img{ transition:none; transform:none; }
  .am-home-hero__bar.is-active span{ animation:none; transform:scaleX(1); }
}

/* ============================ INTRO ============================ */
/* 29-sep: menos aire entre el hero y esta seccion (antes 156px de relleno a 1440 y el titulo
   centrado contra una foto de 726px de alto: el texto arrancaba 352px debajo del hero). */
.am-page .am-section.am-home-intro{ padding-top:clamp(44px,5.6vw,84px); padding-bottom:var(--am-sec-y-tight); } /* r23: menos aire entre la seccion 2 y la 3 (mismo fondo crema) */
.am-home-intro{ overflow-x:clip; }
.am-home-intro__grid{ display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:clamp(40px,5.6vw,88px); align-items:center; }
.am-home-intro__text .am-h2{ margin-bottom:26px; max-width:15ch; }
.am-home-intro__text .am-lead{ margin-bottom:18px; }
.am-page .am-home-intro__text p{ max-width:40rem; }
.am-page .am-home-intro__more{ margin:22px 0 0; }
/* respaldo con una sola foto (si am_home_viajes queda con menos de dos fotos validas) */
.am-page .am-home-intro__photo{ margin:0 calc(-1 * max(var(--am-gutter), (100vw - var(--am-container)) / 2)) 0 0; aspect-ratio:4/5; border-radius:0; box-shadow:none; }

/* ---------- Carrusel "Viajes que conectan" (29-sep) ----------
   Sangra hasta el borde derecho de la ventana (misma formula que el borde del contenedor).
   Las fotos se apilan; el JS de templates/home.php las desliza de izquierda a derecha. Sin JS se
   ve la primera y no hay controles. */
.am-home-viajes{ min-width:0; margin:0 calc(-1 * max(var(--am-gutter), (100vw - var(--am-container)) / 2)) 0 0; }
.am-page .am-home-viajes__view{ aspect-ratio:5/4; border-radius:var(--am-r-lg) 0 0 var(--am-r-lg); box-shadow:none;
  touch-action:pan-y; -webkit-user-select:none; user-select:none; }
.am-home-viajes__slide{ position:absolute; inset:0; margin:0; visibility:hidden; }
.am-home-viajes__slide.is-active{ visibility:visible; z-index:1; }
.am-home-viajes__slide.is-moving{ visibility:visible; }
.am-page .am-home-viajes__slide img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:var(--pos,50% 50%); -webkit-user-drag:none; }
/* modo suave: fundido corto en vez de desplazamiento */
.am-home-viajes[data-mode="suave"] .am-home-viajes__slide{ visibility:visible; opacity:0; transition:opacity .35s ease; }
.am-home-viajes[data-mode="suave"] .am-home-viajes__slide.is-active{ opacity:1; }

.am-home-viajes__bar{ display:flex; flex-wrap:wrap; align-items:center; gap:6px 22px; padding:12px max(var(--am-gutter), (100vw - var(--am-container)) / 2) 0 0; }
.am-home-viajes__ctrl{ display:flex; align-items:center; gap:10px; flex:none; }
.am-home-viajes__ctrl[hidden]{ display:none; }
.am-home-viajes__dots{ display:flex; gap:6px; }
.am-page button.am-home-viajes__dot{ position:relative; width:34px; height:44px; min-width:0; margin:0; padding:0 !important; border:0 !important; border-radius:0 !important;
  background:none !important; box-shadow:none !important; cursor:pointer; }
.am-home-viajes__dot::before, .am-home-viajes__dot span{ content:''; position:absolute; left:0; right:0; top:50%; height:3px; margin-top:-1.5px; border-radius:3px; }
.am-home-viajes__dot::before{ background:rgba(37,30,24,.16); transition:background-color .3s; }
.am-home-viajes__dot:hover::before{ background:rgba(37,30,24,.34); }
.am-home-viajes__dot span{ background:var(--am-terracotta); transform:scaleX(0); transform-origin:0 50%; }
.am-home-viajes__dot.is-active span{ animation:am-bar var(--viajes-dur,6000ms) linear forwards; }
.am-home-viajes.is-paused .am-home-viajes__dot.is-active span{ animation-play-state:paused; }
.am-home-viajes[data-mode="suave"] .am-home-viajes__dot.is-active span,
.am-home-viajes[data-mode="ninguna"] .am-home-viajes__dot.is-active span{ animation:none; transform:scaleX(1); }
.am-page button.am-home-viajes__pause{ display:inline-flex; align-items:center; justify-content:center; flex:none; width:44px; height:44px; min-width:0; margin:0; padding:0 !important;
  border-radius:50% !important; border:1px solid rgba(37,30,24,.24) !important; background:transparent !important; color:var(--am-green-800) !important; box-shadow:none !important; cursor:pointer;
  transition:background-color .3s, border-color .3s; }
.am-page button.am-home-viajes__pause:hover{ border-color:var(--am-terracotta) !important; background:rgba(162,87,58,.07) !important; }
.am-page button.am-home-viajes__pause[hidden]{ display:none; }
.am-home-viajes__play-i, .am-home-viajes__pause[aria-pressed="true"] .am-home-viajes__pause-i{ display:none; }
.am-home-viajes__pause[aria-pressed="true"] .am-home-viajes__play-i{ display:block; }
.am-page .am-home-viajes__pie{ flex:1 1 240px; min-width:0; margin:0; max-width:none; font-size:.92rem; line-height:1.45; font-style:italic; color:var(--am-muted); text-wrap:pretty; }
.am-page .am-home-viajes__pie:empty{ display:none; }

@media (max-width:900px){
  .am-home-intro__grid{ grid-template-columns:1fr; gap:0; }
  .am-home-intro__text .am-h2{ max-width:20ch; }
  .am-page .am-home-intro__photo{ margin:32px calc(-1 * var(--am-gutter)) 0; }
  .am-home-viajes{ margin:32px calc(-1 * var(--am-gutter)) 0; }
  .am-page .am-home-viajes__view{ aspect-ratio:16/10; border-radius:0; }
  .am-home-viajes__bar{ padding:8px var(--am-gutter) 0; gap:2px 18px; }
}
@media (min-width:641px) and (max-width:900px){
  .am-page .am-home-intro__photo{ aspect-ratio:5/4; }
  /* foto vertical 9:16 en caja 5:4: solo se ve el 45% del alto; con 55% la persona sale entera (con 16% se cortaba en la cintura) */
  .am-page .am-home-intro__photo img{ object-position:50% 55%; }
}
@media (max-width:640px){
  .am-page .am-home-viajes__view{ aspect-ratio:4/3; }
  .am-page .am-home-viajes__pie{ font-size:.88rem; }
}

/* ============================ CATEGORIAS (indice editorial) ============================
   29-sep: el titulo va centrado, con las olas de marca, y manda sobre los nombres de categoria
   (antes los nombres median 44px contra 43px del titulo: no se leia como titulo). La foto crece y
   ya no se esconde bajo 1024px: computadora y tablet con foto fija al lado, celular con la foto
   fija arriba y la lista pasando por debajo. Misma idea en los tres. */
.am-page .am-section.am-home-cats{ padding-top:var(--am-sec-y-tight); }
.am-home-cats__head{ text-align:center; margin:0 0 clamp(32px,4.4vw,64px); }
.am-page .am-home-cats__waves{ margin:0 auto 18px; }
.am-page .am-home-cats__title{ margin:0 auto; max-width:18ch; text-align:center; text-wrap:balance; font-weight:600; }

.am-home-cats__grid.has-photo{ display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.06fr); gap:clamp(28px,5.2vw,88px); align-items:start; }
.am-home-cats__aside{ position:sticky; top:calc(var(--am-hd) + 28px); z-index:2; container-type:inline-size; }
/* r24: la foto llena SIEMPRE el ancho de su columna. Antes aspect-ratio 4/5 + max-height encogia tambien el ancho en
   los portatiles bajos (1366x657: foto de 407px, 30 % del ancho, con 147px de columna vacia). Ahora el alto es 4:5
   del ancho (125cqw) mientras quepa en la ventana; si no cabe, cede la proporcion y no el ancho. */
.am-page .am-home-cats__photo{ position:relative; width:100%; aspect-ratio:auto; height:clamp(300px, calc(100svh - var(--am-hd) - 56px), 125cqw); border-radius:var(--am-r-lg); overflow:hidden; box-shadow:var(--am-shadow); }
.am-page .am-home-cats__photo img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; opacity:0; transition:opacity .6s var(--am-ease); }
.am-page .am-home-cats__photo img.is-on{ opacity:1; }
.am-home-cats__tag{ position:absolute; left:14px; bottom:14px; z-index:2; max-width:calc(100% - 28px); padding:10px 16px; border-radius:var(--am-r-sm);
  background:var(--am-beige); color:var(--am-coffee); box-shadow:0 10px 24px rgba(37,30,24,.2);
  font-family:var(--am-font-display); font-size:.8rem; font-weight:600; letter-spacing:.08em; line-height:1.25; text-transform:uppercase; }
.am-home-cats__tag:empty{ display:none; }

.am-page .am-home-index{ list-style:none; margin:0; padding:0; }
.am-page .am-home-index li{ margin:0; padding:0; list-style:none; }
.am-page .am-home-index li:last-child .am-home-index__row{ border-bottom:1px solid var(--am-line); }
.am-home-cats__grid.has-photo .am-home-index li:first-child .am-home-index__row{ padding-top:6px; border-top:0; }
.am-home-index__row{ display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:6px 24px; padding:22px 0; border-top:1px solid var(--am-line); color:inherit; text-decoration:none; }
/* la categoria queda claramente por debajo del titulo de seccion, pero por encima de las rutas (peso 300) */
.am-home-index__name{ font-family:var(--am-font-display); font-weight:500; font-size:clamp(1.4rem,2.2vw,2.05rem); line-height:1.08; letter-spacing:-.012em; color:var(--am-green-800); transition:color .35s var(--am-ease); }
.am-home-index__desc{ grid-column:1; color:var(--am-muted); font-size:1rem; line-height:1.5; max-width:52ch; }
.am-home-index__row .am-ico{ grid-column:2; grid-row:1 / span 2; width:28px; height:28px; color:var(--am-terracotta); transition:transform .45s var(--am-ease); }
.am-home-index__row:hover .am-home-index__name, .am-home-index__row:focus-visible .am-home-index__name, .am-home-index__row.is-on .am-home-index__name{ color:var(--am-terracotta-700); }
.am-home-index__row:hover .am-ico, .am-home-index__row:focus-visible .am-ico, .am-home-index__row.is-on .am-ico{ transform:translateX(6px); }

/* tablet: dos columnas como en computadora, foto algo mas angosta y vertical */
@media (min-width:641px) and (max-width:1023px){
  .am-home-cats__grid.has-photo{ grid-template-columns:minmax(0,1fr) minmax(0,1.1fr); gap:32px; }
  .am-home-cats__aside{ top:calc(var(--am-hd) + 20px); }
  .am-page .am-home-cats__photo{ height:clamp(260px, calc(100svh - var(--am-hd) - 40px), 133cqw); }
  .am-home-index__row{ padding:18px 0; gap:6px 16px; }
  .am-home-index__desc{ font-size:.95rem; }
  .am-home-index__row .am-ico{ width:24px; height:24px; }
}
/* celular: la foto queda fija arriba (bajo la cabecera) y la lista pasa por debajo */
@media (max-width:640px){
  .am-home-cats__grid.has-photo{ display:block; }
  .am-home-cats__aside{ top:var(--am-hd); z-index:3; margin:0 calc(-1 * var(--am-gutter)); padding:8px var(--am-gutter) 12px; }
  /* el fondo crema solo mientras la foto esta pegada arriba (la lista pasa por debajo); en reposo no tapa la textura */
  .am-home-cats__aside.is-stuck{ background:var(--am-cream); }
  .am-home-cats__aside.is-stuck::after{ content:''; position:absolute; left:0; right:0; top:100%; height:16px; pointer-events:none; background:linear-gradient(180deg, var(--am-cream), rgba(251,248,243,0)); }
  .am-page .am-home-cats__photo{ height:auto; aspect-ratio:16/10; max-height:32vh; min-height:170px; border-radius:var(--am-r); box-shadow:none; }
  .am-home-cats__tag{ left:10px; bottom:10px; padding:8px 12px; font-size:.72rem; }
  .am-home-cats__grid.has-photo .am-home-index li:first-child .am-home-index__row{ padding-top:14px; }
  .am-home-index__row{ padding:18px 0; gap:6px 16px; }
  .am-home-index__row .am-ico{ width:24px; height:24px; }
}
@media (prefers-reduced-motion:reduce){ html:not(.am-motion-force) .am-home-cats__photo img{ transition-duration:.2s; } }
.am-motion-ninguna .am-home-cats__photo img{ transition:none; }

/* ============================ COMUNITARIO (banda de marca) ============================ */
.am-page .am-section.am-home-community{ padding-block:var(--am-sec-y); }
.am-home-community__grid{ position:relative; z-index:1; display:grid;
  grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr); column-gap:clamp(40px,6vw,110px);
  grid-template-areas:"head art" "quote art" "cta art"; }
.am-home-community__grid.has-counters{ grid-template-areas:"head art" "quote art" "count count" "cta cta"; }
.am-home-community__head{ grid-area:head; }
.am-home-community__art{ grid-area:art; align-self:end; justify-self:end; }
.am-home-community__quote{ grid-area:quote; }
.am-home-community__counters{ grid-area:count; }
.am-home-community__cta{ grid-area:cta; }
.am-page .am-home-community__waves{ margin:0 0 26px; }
/* el emblema estatico de la banda va abajo a la izquierda: a la derecha ya esta el ave */
.am-home-community.am-community-band::after{ right:auto; left:-18%; top:auto; bottom:-34%; translate:none; width:clamp(520px,60vw,880px); opacity:.07; }
.am-page .am-home-community__title{ margin:0; gap:.1em; }
.am-home-community__title .am-title-duo__strong{ font-size:clamp(2.6rem,6.6vw,6rem); line-height:.92; letter-spacing:.015em; color:#FAEDE4; }
.am-home-community__title .am-title-duo__light{ font-size:clamp(1.9rem,4.3vw,3.9rem); line-height:1.04; color:var(--am-beige); }
.am-home-community__bird{ display:block; width:clamp(180px,20vw,280px); height:auto; color:var(--am-beige); opacity:.92; }
.am-page .am-home-community__quote{ position:relative; margin:clamp(32px,5vw,56px) 0 0; padding-left:clamp(20px,2.4vw,34px) !important; border-left:2px solid var(--am-terracotta) !important; }
.am-page .am-home-community__quote p{ margin:0; max-width:27ch; text-wrap:pretty; font-family:var(--am-font-display); font-weight:300; font-size:clamp(1.45rem,2.5vw,2.15rem); line-height:1.28; letter-spacing:-.01em; color:#FAEDE4; }
.am-page .am-home-community__quote p.am-home-community__quote-strong{ margin-top:.5em; font-weight:500; color:var(--am-beige); }
.am-page .am-home-community__counters{ display:grid; grid-template-columns:repeat(auto-fit,minmax(160px,1fr)); gap:24px; margin:clamp(40px,5vw,64px) 0 0; }
.am-home-community__counter{ display:flex; flex-direction:column-reverse; gap:6px; padding-top:18px; border-top:1px solid rgba(225,197,175,.3); }
.am-page .am-home-community__counter dt{ margin:0; font-size:.98rem; line-height:1.4; color:#eadccf; }
.am-page .am-home-community__counter dd{ margin:0; }
.am-home-community__counter .am-counter{ font-family:var(--am-font-display); font-weight:300; font-size:clamp(2.6rem,4.6vw,4rem); line-height:1; color:var(--am-beige); }
.am-page .am-home-community__cta{ margin-top:clamp(36px,4.5vw,56px); }
/* variante con foto real de comunidad (com-comunidad-1) */
.am-home-community__art--photo{ margin:0; position:relative; width:100%; justify-self:stretch; }
.am-home-community__img{ aspect-ratio:4/5; box-shadow:var(--am-shadow-lg); }
.am-home-community__tag{ position:absolute; left:-10px; bottom:28px; z-index:2; padding:12px 18px; border-radius:var(--am-r-sm); background:var(--am-beige); color:var(--am-coffee);
  font-family:var(--am-font-display); font-size:.78rem; font-weight:600; letter-spacing:.08em; text-transform:uppercase; box-shadow:var(--am-shadow); }
@media (max-width:900px){
  .am-home-community__grid, .am-home-community__grid.has-counters{ grid-template-columns:minmax(0,1fr) auto; column-gap:16px; grid-template-areas:"head art" "quote quote" "count count" "cta cta"; }
  .am-home-community__bird{ width:clamp(88px,20vw,150px); }
  .am-home-community__grid.has-photo{ grid-template-columns:1fr; grid-template-areas:"head" "art" "quote" "count" "cta"; }
  .am-home-community__grid.has-photo .am-home-community__art{ margin-top:32px; }
  .am-home-community__img{ aspect-ratio:4/3; }
}
@media (max-width:640px){
  .am-home-community__grid:not(.has-photo){ grid-template-columns:minmax(0,1fr); grid-template-areas:"head" "quote" "count" "cta"; }
  .am-home-community__grid:not(.has-photo) .am-home-community__art{ position:absolute; top:-8px; right:var(--am-gutter); }
  .am-home-community__bird{ width:64px; }
  .am-home-community__title .am-title-duo__strong{ font-size:clamp(2.2rem,10.4vw,2.8rem); }
  .am-home-community.am-community-band::after{ left:-40%; bottom:-10%; width:130vw; }
}
@media (max-width:600px){
  .am-home-community__tag{ left:12px; bottom:12px; max-width:calc(100% - 24px); font-size:.72rem; padding:9px 12px; }
  .am-page .am-home-community__waves{ margin-bottom:18px; }
}

/* ============================ RUTAS CON TARIFA ============================ */
.am-home-routes{ background:var(--am-sand); }
.am-page .am-home-routes__title{ margin:0 0 clamp(28px,4vw,48px); gap:.08em; }
.am-home-routes__title .am-title-duo__light{ color:var(--am-terracotta-700); }
/* La lista se apoya en una hoja de cuaderno sobre el fondo arena (pedido de David, 24-sep):
   papel claro con filo tenue, pauta apenas perceptible, filete terracota en el margen y
   sombra suave. La jerarquia de lineas es a proposito: la pauta es textura y los filetes
   beige entre rutas son los que de verdad se leen. */
.am-home-routes__sheet{
  position:relative;
  --sheet-rule:clamp(13px,1.8vw,26px);   /* donde cae el filete terracota */
  --sheet-pad:clamp(24px,3.4vw,46px);    /* el texto arranca a la derecha del filete */
  --sheet-bleed:clamp(8px,1vw,16px);     /* las pautas sobresalen un poco del texto */
  padding:clamp(12px,1.8vw,26px) clamp(16px,2.3vw,32px) clamp(12px,1.8vw,26px) var(--sheet-pad);
  border-radius:var(--am-r-sm);
  border:1px solid rgba(37,30,24,.075);
  background-color:#FFFCF7;
  background-image:repeating-linear-gradient(180deg, rgba(55,70,49,.06) 0 1px, transparent 1px 34px);
  box-shadow:0 1px 1px rgba(37,30,24,.05), 0 26px 52px -30px rgba(37,30,24,.45);
}
/* filete terracota del margen, con las puntas difuminadas como en una hoja de verdad */
.am-home-routes__sheet::before{
  content:''; position:absolute; top:0; bottom:0; left:var(--sheet-rule); width:1px; pointer-events:none;
  background:linear-gradient(180deg, rgba(162,87,58,0) 0, rgba(162,87,58,.6) 7%, rgba(162,87,58,.6) 93%, rgba(162,87,58,0) 100%);
}
.am-page .am-home-routes__list{ list-style:none; margin:0; padding:0; }
.am-page .am-home-routes__list li{ margin:0; padding:0; list-style:none; }
/* el filo de la hoja hace de primera y de ultima pauta */
.am-page .am-home-routes__list li:first-child .am-home-route{ border-top:0; }
.am-home-route{ display:grid; grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) 12.25rem 8.5rem; align-items:baseline; gap:6px 22px;
  padding:26px var(--sheet-bleed); margin-inline:calc(-1 * var(--sheet-bleed));
  border-top:1px solid var(--am-line); color:inherit; text-decoration:none;
  transition:background-color .3s var(--am-ease); }
.am-home-route:hover, .am-home-route:focus-visible{ background-color:rgba(162,87,58,.045); }
/* peso ligero de la firma de marca (300): la experiencia acompana, la categoria del indice manda (24-sep) */
.am-home-route__name{ font-family:var(--am-font-display); font-weight:300; font-size:clamp(1.3rem,1.95vw,1.75rem); line-height:1.1; letter-spacing:-.005em; color:var(--am-green-800); transition:color .35s var(--am-ease); }
.am-home-route:hover .am-home-route__name, .am-home-route:focus-visible .am-home-route__name{ color:var(--am-terracotta-700); }
.am-home-route__sub, .am-home-route__dur{ color:var(--am-muted); font-size:1rem; line-height:1.45; }
.am-home-route__dur{ white-space:nowrap; }
.am-home-route__price{ justify-self:end; text-align:right; }
.am-page .am-home-routes__more{ display:flex; flex-wrap:wrap; align-items:center; gap:4px 20px; margin:clamp(24px,3vw,36px) 0 0; max-width:none; color:var(--am-muted); }
/* portatiles de 1024-1200: sin esto "Tour Gastronomico Mindo" se parte en dos lineas */
@media (min-width:1024px) and (max-width:1200px){
  .am-home-route{ grid-template-columns:minmax(0,1.55fr) minmax(0,1fr) 9.5rem 8rem; gap:6px 20px; }
  /* en esta franja no cabe la duracion de una tirada: mejor dos lineas que desbordar sobre el precio */
  .am-home-route__dur{ white-space:normal; text-wrap:pretty; }
}
@media (max-width:1023px){
  .am-home-route{ grid-template-columns:1fr auto; padding:22px var(--sheet-bleed); }
  .am-home-route__name, .am-home-route__sub{ grid-column:1 / -1; }
  .am-home-route__dur{ white-space:normal; text-wrap:pretty; }
}
@media (max-width:560px){
  /* en movil la hoja se estrecha: menos margen, gap corto y sombra mas corta para que no pese.
     Con estas medidas la duracion vuelve a caber en una sola linea desde 390px. */
  .am-home-routes__sheet{ --sheet-bleed:7px; --sheet-pad:19px; --sheet-rule:10px; padding-right:13px;
    box-shadow:0 1px 1px rgba(37,30,24,.05), 0 16px 30px -20px rgba(37,30,24,.4); }
  .am-home-route{ gap:6px 12px; }
  .am-home-route__dur{ font-size:.94rem; }
}

/* ============================ AVES ============================ */
.am-home-birds{ overflow:hidden; }
.am-home-birds__grid{ display:grid; grid-template-columns:1fr 1.05fr; gap:clamp(40px,6vw,90px); align-items:stretch; }
.am-home-birds__text .am-h2{ margin-bottom:22px; max-width:15ch; }

.am-home-season{ container-type:inline-size; margin:30px 0 0; padding:clamp(18px,2.2vw,26px); border-radius:var(--am-r); background:rgba(37,30,24,.46); border:1px solid rgba(225,197,175,.16); }
.am-home-season__head{ display:flex; flex-wrap:wrap; align-items:baseline; justify-content:space-between; gap:4px 16px; margin-bottom:16px; }
.am-page .am-home-season__title{ margin:0; font-size:1.2rem; font-weight:500; letter-spacing:0; color:#FAEDE4; }
.am-page .am-home-season__now{ margin:0; font-size:.95rem; line-height:1.4; color:var(--am-beige); }
.am-home-season__cal{ display:grid; gap:9px; }
.am-home-season__row{ display:grid; grid-template-columns:minmax(128px,10em) repeat(12,minmax(0,1fr)); align-items:center; gap:4px; }
.am-home-season__label{ display:flex; align-items:center; gap:8px; padding-right:8px; font-size:.92rem; line-height:1.2; color:#efe5d9; }
.am-home-season__row:not(.am-home-season__row--months) .am-home-season__label::before{ content:''; flex:none; width:10px; height:10px; border-radius:50%; background:var(--sw); box-shadow:inset 0 0 0 1px rgba(250,237,228,.35); }
.am-home-season__m{ display:flex; align-items:center; justify-content:center; height:24px; font-family:var(--am-font-display); font-weight:500; font-size:max(.75rem,12px); color:#d9cdbf; }
.am-home-season__m.is-now{ border-radius:50%; background:var(--am-beige); color:var(--am-coffee); width:min(24px,100%); height:auto; aspect-ratio:1; justify-self:center; }
.am-home-season__cell{ display:block; height:14px; border-radius:3px; background:rgba(250,237,228,.08); }
.am-home-season__row--dry{ --sw:var(--am-terracotta); }
.am-home-season__row--rainy{ --sw:var(--am-olive); }
.am-home-season__row--migr{ --sw:var(--am-beige); }
.am-home-season__cell.is-on{ background:var(--sw); box-shadow:inset 0 0 0 1px rgba(250,237,228,.22); }
.am-home-season__cell.is-now{ outline:1.5px solid rgba(250,237,228,.9); outline-offset:1px; }
.am-page .am-home-season .am-home-link{ margin-top:12px; }
.am-js .am-home-season[data-reveal] .am-home-season__cell.is-on{ transform-origin:0 50%; }
.am-page .am-home-birds__credit{ margin:18px 0 4px; font-size:.88rem; line-height:1.4; color:#d8ccbd; font-style:italic; }

/* columnas de fotos: miden lo mismo que el texto (contain:size evita que las 6 fotos estiren la fila) */
.am-home-birds__cols{ display:grid; grid-template-columns:1fr 1fr; gap:18px; height:auto; min-height:clamp(480px,44vw,600px); contain:size; overflow:hidden; border-radius:var(--am-r-lg);
  -webkit-mask-image:linear-gradient(180deg,transparent,#000 12%,#000 88%,transparent); mask-image:linear-gradient(180deg,transparent,#000 12%,#000 88%,transparent); }
.am-home-birds__col{ display:flex; flex-direction:column; gap:18px; }
.am-home-birds__col:nth-child(2){ margin-top:-80px; }
.am-home-birds__col .am-media{ aspect-ratio:4/5; border-radius:var(--am-r); flex:0 0 auto; }
@media (max-width:900px){
  .am-home-birds__grid{ grid-template-columns:1fr; }
  .am-home-birds__cols{ height:auto; min-height:0; contain:none; -webkit-mask-image:none; mask-image:none; grid-template-columns:1.25fr 1fr; align-items:end; gap:12px; border-radius:0; }
  .am-home-birds__col:nth-child(2){ margin-top:0; }
  .am-home-birds__col .am-media:nth-child(n+2){ display:none; }
}
@container (max-width:500px){
  .am-home-season__row{ grid-template-columns:repeat(12,minmax(0,1fr)); row-gap:6px; gap:3px; }
  .am-home-season__row .am-home-season__label{ grid-column:1 / -1; }
  .am-home-season__row--months .am-home-season__label{ display:none; }
  .am-home-season__cal{ gap:12px; }
}

/* ============================ VIAJES QUE REGENERAN ============================ */
.am-home-regen{ position:relative; min-height:0; display:flex; align-items:center; overflow:hidden; color:#fff; background:var(--am-coffee); }
.am-home-regen__bg{ position:absolute; inset:0; }
.am-home-regen__bg img{ width:100%; height:100%; object-fit:cover; }
.am-home-regen::before{ content:''; position:absolute; inset:0; z-index:1;
  background:linear-gradient(180deg,rgba(20,16,12,.35) 0%,rgba(20,16,12,.85) 75%),linear-gradient(90deg,rgba(20,16,12,.7) 0%,rgba(20,16,12,0) 65%); }
.am-home-regen__inner{ position:relative; z-index:2; padding-block:var(--am-sec-y); }
.am-page .am-home-regen__title{ color:#fff; margin-bottom:26px; gap:.02em; }
.am-home-regen__title .am-title-duo__light{ color:var(--am-beige); }
.am-home-regen .am-lead{ max-width:58ch; }
.am-page .am-home-regen__pillars{ list-style:none; margin:clamp(40px,6vw,72px) 0 0; padding:0; display:grid; grid-template-columns:1.2fr 1fr 1.4fr; gap:clamp(24px,3vw,48px); }
.am-page .am-home-regen__pillars li{ margin:0; padding:20px 0 0 !important; list-style:none; border-top:1px solid rgba(250,237,228,.35); }
.am-page .am-home-regen .am-home-pillar__title{ margin:0 0 10px; font-family:var(--am-font-display); font-weight:300; font-size:clamp(1.9rem,3.2vw,2.8rem); line-height:1; letter-spacing:-.01em; color:#FAEDE4; }
.am-page .am-home-regen__pillars p{ margin:0; max-width:36ch; font-size:1rem; line-height:1.55; color:#efe5d9; }
@media (max-width:760px){
  .am-home-regen__inner{ padding-top:80px; padding-bottom:64px; }
  .am-page .am-home-regen__title{ font-size:clamp(2.4rem,11vw,3.2rem) !important; }
  .am-page .am-home-regen__pillars{ grid-template-columns:1fr; gap:0; }
  .am-page .am-home-regen__pillars li{ padding:16px 0 !important; }
  .am-page .am-home-regen .am-home-pillar__title{ font-size:1.9rem; margin-bottom:6px; }
}

/* ============================ CTA ============================ */
/* el cierre respira un poco mas que una seccion normal: viene despues de la banda beige */
.am-home-cta{ padding-top:var(--am-sec-y); } /* r23: antes 168 px arriba; va con el aire del resto del sitio */
.am-home-cta__box{ position:relative; display:flex; align-items:center; min-height:clamp(440px,42vw,560px); border-radius:32px; overflow:hidden; isolation:isolate;
  background:var(--am-coffee); box-shadow:var(--am-shadow-lg); }
.am-home-cta__media{ position:absolute; inset:0; z-index:-2; overflow:hidden; }
.am-home-cta__media img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:60% 50%; }
.am-home-cta__box::after{ content:''; position:absolute; inset:0; z-index:-1; pointer-events:none;
  background:linear-gradient(90deg,rgba(37,30,24,.9) 0%,rgba(37,30,24,.72) 38%,rgba(37,30,24,.18) 72%,rgba(37,30,24,0) 100%); }
.am-home-cta__text{ position:relative; max-width:660px; padding:clamp(36px,5vw,72px); color:#fff; }
.am-page .am-home-cta__waves{ color:var(--am-beige); height:42px; margin-bottom:22px; }
.am-page .am-home-cta__title{ color:#fff; margin:0 0 18px; max-width:18ch; }
.am-page .am-home-cta__text .am-lead{ color:#efe5d9; margin:0 0 30px; }
@media (max-width:760px){
  .am-home-cta__box{ flex-direction:column; align-items:stretch; min-height:0; border-radius:24px; }
  .am-home-cta__media{ position:relative; inset:auto; z-index:0; aspect-ratio:16/10; }
  .am-home-cta__media img{ object-position:70% 60%; }
  .am-home-cta__box::after{ display:none; }
  .am-home-cta__text{ padding:28px 24px 32px; }
  .am-page .am-home-cta__waves{ height:34px; margin-bottom:16px; }
}
@media (max-width:560px){
  .am-home-cta .am-btns{ flex-direction:column; align-items:stretch; }
  .am-home-cta .am-btns .am-btn{ width:100%; }
}

/* =============== IMPULSO A COMUNIDADES Y EMPRENDIMIENTOS ===============
   Pedido del cliente del 17-sep. Banda beige del manual con tinta vino: rompe la
   seguidilla oscura (regeneran / cierre) y no se lee como banner generico. */
.am-page .am-section.am-home-impulso{ position:relative; overflow:hidden; isolation:isolate;
  background:var(--am-beige); color:var(--am-wine);
  --am-contours-color:var(--am-wine); --am-contours-opacity:.055;
  padding-block:var(--am-sec-y); }
.am-home-impulso::after{ content:''; position:absolute; inset:0 0 auto; height:1px; background:rgba(54,5,0,.22); }

.am-home-impulso__leaf{ position:absolute; z-index:0; right:-3%; top:-14%; height:128%; width:auto;
  color:var(--am-wine); opacity:.07; pointer-events:none; }

.am-home-impulso__grid{ position:relative; z-index:1; display:grid; grid-template-columns:1.06fr .94fr;
  gap:clamp(34px,4.6vw,78px); align-items:start; }
/* 29-sep: "Para comunidades y emprendimientos" con letra mas grande (antes 12px).
   r24: 18px en celular y tablet, 22px a 1280 y 24px a 1440 (antes 16-18,7px: se veia igual que los demas
   antetitulos), y en vino. Especificidad 0,4,1 para ganarle a am.css (.am-page .am-section:not(...) .am-eyebrow,
   0,4,0), que lo pintaba terracota-700 con 4,13:1 sobre el beige. */
.am-page .am-section.am-home-impulso p.am-home-impulso__eyebrow{ color:var(--am-wine); margin-bottom:22px; font-size:clamp(1.125rem,1.7vw,1.5rem); font-weight:600; letter-spacing:.12em; line-height:1.3; }
.am-page .am-section.am-home-impulso p.am-home-impulso__eyebrow::before{ width:.45em; height:1.15em; }
.am-page .am-home-impulso__title{ margin:0; gap:.12em; max-width:20ch; }
.am-home-impulso__title .am-title-duo__strong{ color:var(--am-wine); font-size:clamp(1.7rem,2.7vw,2.6rem); line-height:1.02; letter-spacing:.012em; }
.am-home-impulso__title .am-title-duo__light{ color:var(--am-terracotta-700); font-size:clamp(1.45rem,2.2vw,2.15rem); line-height:1.12; }

.am-home-impulso__body{ padding-left:clamp(26px,3.2vw,54px); border-left:1px solid rgba(54,5,0,.22); }
.am-page .am-home-impulso__text{ color:var(--am-coffee); margin:0 0 clamp(26px,3vw,38px); max-width:44ch; text-wrap:pretty; }
.am-home-impulso__hit{ color:var(--am-wine); font-weight:700; }
.am-home-impulso__acts{ gap:14px; }
.am-home-impulso .am-btn--wine{ --b-bg:var(--am-wine); --b-bd:var(--am-wine); --b-fg:#FAEDE4; --b-hover:var(--am-coffee); --b-hfg:#fff; }
.am-home-impulso .am-btn--wine-line{ --b-bg:transparent; --b-bd:rgba(54,5,0,.5); --b-fg:var(--am-wine); --b-hover:var(--am-wine); --b-hfg:#FAEDE4; }
.am-home-impulso__mail{ letter-spacing:.005em; }
.am-home-impulso__mail .am-ico{ flex:none; }

@media (max-width:980px){
  .am-home-impulso__grid{ grid-template-columns:1fr; gap:28px; align-items:start; }
  .am-page .am-home-impulso__title{ max-width:22ch; }
  .am-home-impulso__body{ padding-left:0; border-left:0; padding-top:26px; border-top:1px solid rgba(54,5,0,.22); }
  .am-home-impulso__leaf{ right:-18%; top:auto; bottom:-18%; height:76%; opacity:.06; }
}
@media (max-width:560px){
  .am-page .am-section.am-home-impulso{ padding-block:64px 68px; }
  .am-home-impulso__title .am-title-duo__strong{ font-size:clamp(1.6rem,7.4vw,2rem); }
  .am-home-impulso__title .am-title-duo__light{ font-size:clamp(1.35rem,6vw,1.7rem); }
  .am-page .am-home-impulso__text{ max-width:none; }
  .am-home-impulso__acts{ flex-direction:column; align-items:stretch; }
  .am-home-impulso__acts .am-btn{ width:100%; }
  .am-home-impulso__mail{ font-size:.88rem; padding:0 16px; }
  .am-home-impulso__leaf{ display:none; }
}

/* =========================================================================
   r23 · Fotos "expandidas" en tablet y celular (reunion del 29-sep: "tendrian que centrarse mas")
   Medido antes: hero de la portada al 26 % de la foto a 390 y al 39 % a 820 (100svh en vertical); foto de
   "Impulsamos el turismo comunitario" al 56 % a 820 (retrato metido en un marco 4:3).
   ========================================================================= */
@media (max-width:1023px) and (orientation:portrait){
  /* el alto lo pone el contenido (flex-end); el minimo ya no es la pantalla entera */
  .am-home-hero{ min-height:max(540px, 72svh); }
}
@media (max-width:900px){
  /* la foto conserva su proporcion (retrato o apaisada) con un tope de alto; mas angosta en tablet */
  .am-home-community__grid.has-photo .am-home-community__art--photo{ max-width:560px; }
  .am-home-community__img{ aspect-ratio:auto; }
  .am-page .am-home-community__img > img{ height:auto; max-height:min(72svh, 640px); }
}

/* =========================================================================
   r26 · DIMENSIONES EN COMPUTADORA (pedido del cliente, 30-sep y 1-oct)
   Cada seccion de la portada tiene que caber entera en la pantalla de una laptop (1280x720,
   1366x657, 1536x730) y ninguna foto puede tocar el borde de la ventana. Solo desde 1025 px:
   tablet y celular quedan como estaban.
   ========================================================================= */
@media (min-width:1025px){
  /* Viajes que conectan: el carrusel ya no sangra hasta el borde derecho; queda dentro del margen,
     con las cuatro esquinas redondeadas, y su alto se topa por el alto de la ventana. */
  .am-page .am-section.am-home-intro{ padding-top:var(--am-sec-y-tight); padding-bottom:var(--am-sec-y-tight); }
  .am-home-viajes{ margin:0; }
  .am-page .am-home-viajes__view{ aspect-ratio:auto; height:clamp(300px,calc(100svh - var(--am-hd) - var(--am-sec-y-tight) * 2 - 100px),560px); border-radius:var(--am-r-lg); overflow:hidden; }
  .am-home-viajes__bar{ padding:10px 0 0; }
  .am-page .am-home-intro__photo{ margin:0; aspect-ratio:auto; height:clamp(320px,calc(100svh - var(--am-hd) - var(--am-sec-y-tight) * 2),620px); border-radius:var(--am-r-lg); overflow:hidden; }
  .am-home-intro__text .am-h2{ margin-bottom:18px; }
  .am-home-intro__text .am-lead{ margin-bottom:12px; }

  /* Siete formas de viajar: menos aire sobre la lista y foto con el alto de la ventana */
  .am-home-cats__head{ margin-bottom:clamp(22px,min(3vw,4.4vh),48px); }
  .am-page .am-home-cats__photo{ height:clamp(300px,calc(100svh - var(--am-hd) - 48px),125cqw); }

  /* Turismo comunitario: titulo y foto se ajustan al alto de la pantalla */
  .am-home-community__title .am-title-duo__strong{ font-size:clamp(2.4rem,min(6.6vw,10.5vh),6rem); }
  .am-home-community__title .am-title-duo__light{ font-size:clamp(1.8rem,min(4.3vw,7vh),3.9rem); }
  .am-page .am-home-community__waves{ margin-bottom:16px; }
  .am-page .am-home-community__quote{ margin-top:clamp(22px,min(4vw,4.5vh),56px); }
  .am-page .am-home-community__quote p{ font-size:clamp(1.35rem,min(2.5vw,4.4vh),2.15rem); }
  .am-page .am-home-community__cta{ margin-top:clamp(22px,min(4vw,4.5vh),56px); }
  .am-home-community__img{ aspect-ratio:auto; height:clamp(320px,calc(100svh - var(--am-hd) - var(--am-sec-y) * 2),640px); }
  .am-page .am-home-community__img > img{ width:100%; height:100%; object-fit:cover; }

  /* Viajes que regeneran */
  .am-page .am-home-regen__title{ margin-bottom:18px; }
  .am-page .am-home-regen__pillars{ margin-top:clamp(26px,min(4vw,5vh),72px); }

  /* Cierre: la caja con foto no pasa del alto disponible */
  .am-home-cta__box{ min-height:clamp(380px,min(42vw,calc(100svh - var(--am-hd) - var(--am-sec-y) * 2)),560px); }
  .am-home-cta__text{ padding:clamp(32px,min(5vw,7vh),72px); }
  .am-page .am-home-cta__waves{ height:34px; margin-bottom:14px; }
}
@media (min-width:1025px) and (max-height:820px){
  /* pantallas bajas (1366x657, 1280x720, 1536x730): la banda comunitaria y "regeneran" usan el aire corto */
  .am-page .am-section.am-home-community{ padding-block:var(--am-sec-y-tight); }
  .am-home-community__img{ height:clamp(320px,calc(100svh - var(--am-hd) - var(--am-sec-y-tight) * 2),640px); }
  .am-home-regen__inner{ padding-block:var(--am-sec-y-tight); }
  .am-page .am-section.am-home-cta{ padding-top:var(--am-sec-y-tight); padding-bottom:var(--am-sec-y-tight); }
  .am-home-cta__box{ min-height:clamp(360px,min(42vw,calc(100svh - var(--am-hd) - var(--am-sec-y-tight) * 2 - 8px)),560px); }
}
@media (min-width:1025px) and (max-height:900px){
  /* Rutas de un dia: filas mas bajas para que la hoja entre con su titulo */
  .am-page .am-home-routes__title{ margin-bottom:clamp(18px,3vh,40px); }
  .am-home-route{ padding-top:clamp(9px,1.7vh,26px); padding-bottom:clamp(9px,1.7vh,26px); }
  .am-page .am-section.am-home-routes{ padding-block:var(--am-sec-y-tight); }
  .am-page .am-home-routes__more{ margin-top:clamp(16px,2.6vh,36px); }
}