.mia-page{background:#f8f6ee;padding-top:0!important}.mia-page>header{background:transparent!important;box-shadow:none!important;transition:background .25s ease,box-shadow .25s ease,backdrop-filter .25s ease}.mia-page>header.scrolled{background:rgba(18,40,27,.96)!important;box-shadow:0 4px 16px rgba(0,0,0,.14)!important;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.mia-main{margin:0;padding:0}.mia-hero{height:min(76vh,760px);min-height:590px;position:relative;display:flex;align-items:flex-end;overflow:hidden;background:#1c3226}.mia-hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 43%}.mia-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,28,19,.70) 0%,rgba(10,28,19,.40) 43%,rgba(10,28,19,.08) 72%),linear-gradient(0deg,rgba(10,28,19,.58) 0%,transparent 52%)}.mia-hero-content{position:relative;z-index:2;width:min(1180px,calc(100% - 48px));margin:0 auto;padding:0 0 64px;color:#fff}.mia-kicker{font:700 23px 'Caveat',cursive;color:#f4b942;margin-bottom:6px}.mia-hero h1{font-size:clamp(48px,6vw,78px);line-height:.96;color:#fff;margin:0 0 14px;max-width:650px}.mia-lead{font-size:18px;line-height:1.7;color:rgba(255,255,255,.92);max-width:600px}.mia-chips{display:flex;flex-wrap:wrap;gap:9px;margin-top:20px}.mia-chip{padding:8px 13px;border-radius:999px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.24);backdrop-filter:blur(8px);font-size:13px;font-weight:700;color:#fff}.mia-content{max-width:1180px;margin:0 auto;padding:72px 24px 80px}.mia-section{margin-top:76px}.mia-section:first-child{margin-top:0}.mia-section-head{max-width:720px;margin-bottom:24px}.mia-eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:11px;font-weight:800;color:var(--clay)}.mia-section h2,.mia-card h2{font-size:clamp(29px,3.4vw,43px);line-height:1.08;color:var(--green-deep);margin:6px 0 10px}.mia-section-head p,.mia-card p{color:var(--ink-soft);line-height:1.72}.mia-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.mia-gallery-item{border:0;padding:0;background:#eee8dc;border-radius:22px;overflow:hidden;aspect-ratio:4/5;cursor:zoom-in;box-shadow:0 10px 30px rgba(18,40,27,.07)}.mia-gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.mia-gallery-item:hover img{transform:scale(1.025)}.mia-story-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:18px;align-items:stretch}.mia-card{background:#fff;border:1px solid rgba(30,61,43,.09);border-radius:24px;padding:28px;box-shadow:0 10px 30px rgba(18,40,27,.055)}.mia-about-intro{max-width:720px}.mia-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin-top:22px}.mia-facts>div{display:flex;align-items:center;gap:12px;background:#f7f2e7;border-radius:15px;padding:13px 14px}.mia-facts i{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#fff;color:var(--clay);font-size:12px}.mia-facts span{display:flex;flex-direction:column;min-width:0}.mia-facts small{font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:#7d786e;font-weight:700}.mia-facts b{font-size:13px;color:var(--green-deep);margin-top:2px}.mia-commitment{background:linear-gradient(145deg,#fff,#f7f2e7)}.mia-commitment-note{display:flex;gap:12px;margin-top:22px;padding:16px;border-radius:16px;background:var(--green-dark);color:#fff;font-size:13px;line-height:1.55}.mia-commitment-note i{color:#f4b942;margin-top:3px}.mia-benefit-card{padding:32px}.mia-benefits{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.mia-benefits span{background:#f4ecdc;border-radius:999px;padding:10px 13px;font-size:12px;font-weight:700}.mia-benefit-note{font-size:12px!important;margin-top:14px}.mia-cta{background:var(--green-dark);color:#fff;border-radius:28px;padding:34px 38px;display:flex;justify-content:space-between;align-items:center;gap:28px}.mia-cta .mia-eyebrow{color:#f4b942}.mia-cta h2{color:#fff;margin:4px 0 8px}.mia-cta p{color:rgba(255,255,255,.8);max-width:650px}.mia-cta-actions{display:flex;flex-direction:column;gap:9px;min-width:180px}.mia-primary,.mia-secondary{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:13px 18px;border-radius:12px;font-weight:700}.mia-primary{background:var(--mustard);color:#2a281f}.mia-secondary{background:rgba(255,255,255,.96);color:var(--green-dark);font-size:13px}.mia-more-wrap{overflow:hidden}.mia-more{display:flex;gap:15px;overflow-x:auto;scrollbar-width:none;padding:2px 2px 14px;scroll-behavior:smooth}.mia-more::-webkit-scrollbar{display:none}.mia-more-card{flex:0 0 220px;background:#fff;border-radius:18px;overflow:hidden;border:1px solid rgba(30,61,43,.08);box-shadow:0 7px 20px rgba(18,40,27,.05)}.mia-more-card img{height:185px;width:100%;object-fit:cover}.mia-more-card div{padding:13px}.mia-more-card h3{font-size:20px;margin-bottom:3px}.mia-more-card p{font-size:12px;color:var(--ink-soft)}.mia-lightbox{position:fixed;inset:0;z-index:5000;background:rgba(5,15,10,.92);display:flex;align-items:center;justify-content:center;padding:28px;opacity:0;visibility:hidden;transition:.2s ease}.mia-lightbox.open{opacity:1;visibility:visible}.mia-lightbox img{max-width:min(92vw,1050px);max-height:88vh;object-fit:contain;border-radius:16px}.mia-lightbox-close{position:absolute;top:18px;right:18px;width:44px;height:44px;border:0;border-radius:50%;background:#fff;color:#183426;font-size:20px;cursor:pointer}
@media(max-width:800px){.mia-hero{height:72vh;min-height:570px}.mia-hero-bg{object-position:center 42%}.mia-hero-shade{background:linear-gradient(0deg,rgba(10,28,19,.84) 0%,rgba(10,28,19,.43) 45%,rgba(10,28,19,.10) 72%)}.mia-hero-content{width:calc(100% - 32px);padding-bottom:34px}.mia-kicker{font-size:19px}.mia-hero h1{font-size:48px}.mia-lead{font-size:15px;line-height:1.62}.mia-chip{font-size:12px;padding:7px 11px}.mia-content{padding:46px 12px 58px}.mia-section{margin-top:46px}.mia-section-head{padding:0 4px;margin-bottom:18px}.mia-gallery{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:10px;scrollbar-width:none;padding:0 4px 8px}.mia-gallery::-webkit-scrollbar{display:none}.mia-gallery-item{flex:0 0 88%;aspect-ratio:4/5;scroll-snap-align:center;border-radius:19px}.mia-story-grid{grid-template-columns:1fr;gap:14px}.mia-card{border-radius:20px;padding:22px 18px}.mia-facts{grid-template-columns:1fr;gap:8px;margin-top:18px}.mia-facts>div{padding:11px 12px}.mia-benefit-card{padding:23px 18px}.mia-benefits{gap:7px}.mia-benefits span{padding:9px 10px;font-size:11px}.mia-cta{margin-left:0;margin-right:0;border-radius:22px;padding:25px 19px;align-items:stretch;flex-direction:column;gap:20px}.mia-cta-actions{min-width:0}.mia-primary{padding:13px}.mia-secondary{padding:10px}.mia-more-section .mia-section-head{padding:0 4px}.mia-more{padding-left:4px;padding-right:4px}.mia-more-card{flex-basis:190px}.mia-more-card img{height:165px}.mia-lightbox{padding:16px}.mia-lightbox img{max-width:96vw;max-height:84vh}.mia-lightbox-close{top:12px;right:12px}}

/* Ajustes v3: proporciones, ritmo vertical y móvil */
.mia-page>header.menu-open{background:rgba(18,40,27,.98)!important;box-shadow:0 4px 16px rgba(0,0,0,.14)!important;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.mia-hero{height:clamp(500px,64vh,650px);min-height:500px}
.mia-hero-bg{object-position:center center}
.mia-content{max-width:1220px;padding:52px 22px 64px}
.mia-section{margin-top:52px}
.mia-section-head{margin-bottom:18px}
.mia-story-grid{gap:16px}
.mia-card{height:100%}
.mia-commitment-note i{display:none}
.mia-more-card{flex-basis:205px}
.mia-more-card img{height:172px}
body.mia-lightbox-lock{position:fixed;width:100%;overflow:hidden}
@media(max-width:800px){
  .mia-hero{height:500px;min-height:500px;background:#173225}
  .mia-hero-bg{height:auto;min-height:0;top:0;bottom:auto;aspect-ratio:1000/720;object-fit:cover;object-position:center center}
  .mia-hero-shade{background:linear-gradient(0deg,rgba(10,28,19,.94) 0%,rgba(10,28,19,.70) 33%,rgba(10,28,19,.15) 72%,rgba(10,28,19,.05) 100%)}
  .mia-hero-content{width:calc(100% - 28px);padding-bottom:25px}
  .mia-content{padding:30px 8px 44px}
  .mia-section{margin-top:30px}
  .mia-section-head{padding:0 7px;margin-bottom:14px}
  .mia-gallery{gap:8px;padding:0 7px 5px}
  .mia-gallery-item{flex:0 0 91%;border-radius:18px}
  .mia-story-grid{gap:10px}
  .mia-card{border-radius:19px;padding:19px 15px}
  .mia-facts{gap:7px;margin-top:15px}
  .mia-facts>div{padding:10px 11px}
  .mia-benefit-card{padding:20px 15px}
  .mia-cta{margin:0 0;border-radius:20px;padding:21px 15px;gap:15px}
  .mia-more-section .mia-section-head{padding:0 7px}
  .mia-more{gap:9px;padding:1px 7px 8px}
  .mia-more-card{flex-basis:174px;border-radius:15px}
  .mia-more-card img{height:148px}
  .mia-more-card div{padding:10px}
  .mia-more-card h3{font-size:18px}
}


/* Ajustes v4: portada, degradado, márgenes y ritmo compacto */
.mia-hero{height:clamp(620px,72vh,760px);min-height:620px}
.mia-hero-bg{object-position:center 58%}
.mia-hero-shade{background:linear-gradient(90deg,rgba(9,31,20,.78) 0%,rgba(9,31,20,.48) 38%,rgba(9,31,20,.12) 68%),linear-gradient(0deg,rgba(7,37,23,.90) 0%,rgba(7,37,23,.34) 43%,rgba(7,37,23,.05) 74%)}
.mia-hero-adopt{display:inline-flex;align-items:center;justify-content:center;gap:8px;margin-top:15px;padding:11px 17px;border-radius:11px;background:var(--mustard);color:#2a281f;font-size:13px;font-weight:800;box-shadow:0 5px 16px rgba(0,0,0,.12)}
.mia-content{padding-top:38px;padding-bottom:52px}
.mia-section{margin-top:36px}
.mia-gallery-section+.mia-story-grid{margin-top:38px}
.mia-story-grid+.mia-section{margin-top:38px}

@media(max-width:800px){
  .mia-hero{height:520px;min-height:520px;display:flex;align-items:flex-end;background:#082d1c}
  .mia-hero-bg{inset:0;width:100%;height:72%;aspect-ratio:auto;object-fit:cover;object-position:center 62%}
  .mia-hero-shade{background:linear-gradient(0deg,#082d1c 0%,rgba(8,45,28,.98) 25%,rgba(8,45,28,.80) 43%,rgba(8,45,28,.24) 67%,rgba(8,45,28,.04) 100%)}
  .mia-hero-content{width:calc(100% - 20px);padding:0 0 18px}
  .mia-kicker{margin-bottom:3px}
  .mia-hero h1{margin-bottom:8px}
  .mia-lead{line-height:1.5}
  .mia-chips{margin-top:11px;gap:6px}
  .mia-hero-adopt{margin-top:10px;padding:10px 15px}
  .mia-content{padding:20px 5px 34px}
  .mia-section{margin-top:18px}
  .mia-section:first-child{margin-top:0}
  .mia-section-head,.mia-more-section .mia-section-head{padding:0 5px;margin-bottom:10px}
  .mia-gallery{padding:0 5px 3px;gap:7px}
  .mia-gallery-item{flex-basis:94%}
  .mia-gallery-section+.mia-story-grid{margin-top:18px}
  .mia-story-grid{gap:8px}
  .mia-story-grid+.mia-section{margin-top:18px}
  .mia-card{padding:17px 13px}
  .mia-benefit-card{padding:17px 13px}
  .mia-cta{padding:18px 13px;gap:12px}
  .mia-more{padding:1px 5px 6px;gap:7px}
  .mia-more-card{flex-basis:168px}
}

/* Ajustes v5: móvil compacto, hero más legible y lightbox deslizable */
@media(max-width:800px){
  .mia-hero{height:540px;min-height:540px}
  .mia-hero-bg{height:75%;object-position:center 68%}
  .mia-hero-shade{background:linear-gradient(0deg,#082d1c 0%,rgba(8,45,28,.99) 27%,rgba(8,45,28,.86) 43%,rgba(8,45,28,.30) 66%,rgba(8,45,28,.04) 100%)}
  .mia-hero-content{width:calc(100% - 18px);padding-bottom:11px}
  .mia-kicker{margin-bottom:2px}
  .mia-hero-adopt{min-height:42px;padding:11px 20px;font-size:14px;border-radius:12px}
  .mia-content{width:100%;max-width:none;padding:16px 3px 28px}
  .mia-section{margin-top:12px}
  .mia-section-head,.mia-more-section .mia-section-head{padding:0 4px;margin-bottom:8px}
  .mia-gallery{padding:0 4px 2px;gap:6px}
  .mia-gallery-item{flex-basis:96%}
  .mia-gallery-section+.mia-story-grid{margin-top:12px}
  .mia-story-grid{gap:6px}
  .mia-story-grid+.mia-section{margin-top:12px}
  .mia-card{border-radius:18px;padding:15px 11px}
  .mia-facts{margin-top:12px;gap:6px}
  .mia-facts>div{padding:9px 10px}
  .mia-commitment-note{margin-top:13px;padding:13px}
  .mia-benefit-card{padding:15px 11px}
  .mia-benefits{margin-top:13px}
  .mia-benefit-note{margin-top:10px}
  .mia-cta{padding:16px 11px;gap:10px;border-radius:18px}
  .mia-more{padding:1px 4px 4px;gap:6px}
  .mia-more-card{flex-basis:166px}
  .mia-lightbox{padding:8px;overscroll-behavior:contain;touch-action:pan-y}
  .mia-lightbox img{max-width:calc(100vw - 16px);max-height:88vh;border-radius:12px;user-select:none;-webkit-user-drag:none;touch-action:pan-y}
}

/* Ajustes v6 — móvil: ancho útil, ritmo vertical y portada */
@media(max-width:800px){
  /* Portada: contenido un poco más abajo y CTA superior con más presencia */
  .mia-hero-content{width:calc(100% - 12px);padding-bottom:2px}
  .mia-hero-adopt{min-height:46px;padding:13px 24px;font-size:15px;border-radius:12px;margin-top:11px}

  /* Ancho útil similar al formulario: márgenes laterales mínimos */
  .mia-content{width:100%;max-width:none;padding:14px 4px 24px}
  .mia-section-head,.mia-more-section .mia-section-head{padding-left:4px;padding-right:4px}
  .mia-gallery{padding-left:4px;padding-right:4px}
  .mia-gallery-item{flex-basis:97%}
  .mia-card{padding-left:10px;padding-right:10px}
  .mia-benefit-card{padding-left:10px;padding-right:10px}
  .mia-cta{margin-left:0;margin-right:0;padding-left:10px;padding-right:10px}
  .mia-more{padding-left:4px;padding-right:4px}

  /* Sobrescribe los espacios grandes heredados de escritorio */
  .mia-section{margin-top:10px}
  .mia-gallery-section+.mia-story-grid{margin-top:10px}
  .mia-story-grid+.mia-section{margin-top:10px}
  .mia-story-grid{gap:6px}
  .mia-more-section{margin-top:12px}
}

/* v7 — corrección raíz del layout móvil.
   style.css aplica padding global a todos los <section>; en esta página
   ese padding duplicaba los márgenes y los espacios entre bloques. */
.mia-main > .mia-hero,
.mia-content > .mia-section{padding:0}

@media(max-width:800px){
  /* Portada: bajar el bloque sin cambiar la fotografía. */
  .mia-hero{height:552px;min-height:552px;padding:0}
  .mia-hero-content{width:calc(100% - 18px);padding:0 0 7px;transform:translateY(10px)}
  .mia-hero-adopt{display:flex;width:100%;min-height:46px;margin-top:11px;padding:13px 18px;font-size:15px}

  /* El bloque verde de CTA era la referencia correcta: 4px por lado. */
  .mia-content{box-sizing:border-box;width:100%;max-width:none;margin:0;padding:16px 4px 24px}
  .mia-content > .mia-section{box-sizing:border-box;width:100%;margin:0;padding:0}
  .mia-content > .mia-section + .mia-section{margin-top:12px}
  .mia-content > .mia-gallery-section + .mia-story-grid{margin-top:12px}
  .mia-content > .mia-story-grid + .mia-section{margin-top:12px}
  .mia-content > .mia-more-section{margin-top:14px}

  /* Sin un segundo margen interno en títulos, galería o carrusel. */
  .mia-section-head,
  .mia-more-section .mia-section-head{padding-left:4px;padding-right:4px;margin-bottom:9px}
  .mia-gallery{padding-left:4px;padding-right:0;padding-bottom:2px}
  .mia-gallery-item{flex-basis:96%}
  .mia-story-grid{gap:7px}
  .mia-card,.mia-benefit-card{width:100%;box-sizing:border-box}
  .mia-cta{width:100%;box-sizing:border-box;margin:0}
  .mia-more{padding-left:4px;padding-right:0;padding-bottom:4px}
}


/* v8 — pulido móvil: respiro, indicador de scroll y CTA corregido */
.mia-scroll-cue{display:none}
@media(max-width:800px){
  /* Un poco más de verde bajo el CTA de portada, sin mover los márgenes laterales. */
  .mia-hero{height:585px;min-height:585px}
  .mia-hero-content{padding-bottom:17px;transform:translateY(4px)}
  .mia-scroll-cue{display:flex;width:34px;height:27px;margin:6px auto 0;align-items:center;justify-content:center;color:rgba(255,255,255,.88);font-size:16px;text-decoration:none;animation:miaCue 1.8s ease-in-out infinite}
  @keyframes miaCue{0%,100%{transform:translateY(0);opacity:.65}50%{transform:translateY(5px);opacity:1}}

  /* Mantiene los 4px laterales de v7; solo recupera aire vertical. */
  .mia-content{padding-top:18px;padding-bottom:28px}
  .mia-content > .mia-section + .mia-section{margin-top:17px}
  .mia-content > .mia-gallery-section + .mia-story-grid{margin-top:18px}
  .mia-content > .mia-story-grid + .mia-section{margin-top:18px}
  .mia-content > .mia-more-section{margin-top:19px}
  .mia-story-grid{gap:12px}

  /* El bloque de proceso vuelve a tener jerarquía normal y padding interno. */
  .mia-cta{padding:18px 14px 14px;gap:12px;border-radius:18px}
  .mia-cta h2{font-size:30px!important;line-height:1.02!important;margin:4px 0 7px!important}
  .mia-cta p{font-size:14px;line-height:1.42;margin:0}
  .mia-cta-actions{gap:7px}
  .mia-cta .mia-primary{min-height:44px}
  .mia-cta .mia-secondary{min-height:38px}

  /* Galería preparada para movimiento suave tipo ping-pong. */
  .mia-gallery{scroll-snap-type:none;scroll-behavior:auto;overscroll-behavior-x:contain}
}
@media(prefers-reduced-motion:reduce){.mia-scroll-cue{animation:none}}

/* v9 — ajuste final móvil: respiración vertical + CTA de proceso */
@media(max-width:800px){
  /* Portada aprobada: solo baja ligeramente CTA/flecha y prolonga el verde. */
  .mia-hero{height:602px;min-height:602px}
  .mia-hero-content{padding-bottom:13px;transform:translateY(10px)}
  .mia-hero-adopt{margin-top:14px}
  .mia-scroll-cue{margin-top:9px}

  /* Respiro moderado ENTRE bloques, sin alterar los 4px laterales aprobados. */
  .mia-content{padding-top:20px;padding-bottom:30px}
  .mia-content > .mia-gallery-section + .mia-story-grid{margin-top:24px}
  .mia-story-grid{gap:18px}
  .mia-content > .mia-story-grid + .mia-section{margin-top:24px}
  .mia-content > .mia-section + .mia-section{margin-top:24px}
  .mia-content > .mia-more-section{margin-top:25px}

  /* Proceso de adopción: regla específica para vencer estilos globales de section/h2. */
  .mia-content > section.mia-cta{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:16px!important;padding:20px 14px 14px!important;border-radius:18px!important}
  .mia-content > section.mia-cta > div:first-child{width:100%;padding:0 2px;box-sizing:border-box}
  .mia-content > section.mia-cta .mia-eyebrow{display:block;font-size:10px;line-height:1.25;letter-spacing:.09em;margin:0 0 5px}
  .mia-content > section.mia-cta h2{font-size:27px!important;line-height:1.04!important;margin:0 0 9px!important;max-width:none!important}
  .mia-content > section.mia-cta p{font-size:13px!important;line-height:1.45!important;margin:0!important;max-width:none!important}
  .mia-content > section.mia-cta .mia-cta-actions{width:100%;gap:7px;margin:0}
}

/* v10 — pulido visual de tarjetas aprobado */
.mia-commitment{background:linear-gradient(145deg,#fffdfd,#fff7f4)!important;border-color:rgba(205,105,75,.10)!important}
.mia-benefit-card{background:linear-gradient(145deg,#ffffff,#f3f8fc)!important;border-color:rgba(75,132,170,.12)!important}

/* v11 — respiración vertical + animaciones suaves */
@media(max-width:800px){
  /* 20px desde portada a Galería; 16px entre los demás bloques. */
  .mia-content{padding-top:20px}
  .mia-content > .mia-gallery-section + .mia-story-grid{margin-top:16px}
  .mia-story-grid{gap:16px}
  .mia-content > .mia-story-grid + .mia-section{margin-top:16px}
  .mia-content > .mia-section + .mia-section{margin-top:16px}
  .mia-content > .mia-more-section{margin-top:16px}
}

/* Entrada discreta de contenido: una sola vez al aparecer. */
.mia-reveal{opacity:0;transform:translateY(14px);transition:opacity .46s ease,transform .46s ease;will-change:opacity,transform}
.mia-reveal.mia-reveal-visible{opacity:1;transform:none}

/* Microinteracciones de botones. */
.mia-primary,.mia-secondary,.mia-hero-adopt{transition:transform .16s ease,box-shadow .2s ease,filter .2s ease}
@media(hover:hover){.mia-primary:hover,.mia-secondary:hover,.mia-hero-adopt:hover{transform:translateY(-1px);filter:brightness(1.025)}}
.mia-primary:active,.mia-secondary:active,.mia-hero-adopt:active{transform:scale(.98)}

/* Apertura de foto más suave. */
.mia-lightbox img{transform:scale(.975);opacity:.86;transition:transform .24s ease,opacity .24s ease}
.mia-lightbox.open img{transform:scale(1);opacity:1}

@media(prefers-reduced-motion:reduce){
  .mia-reveal,.mia-reveal.mia-reveal-visible{opacity:1;transform:none;transition:none}
  .mia-primary,.mia-secondary,.mia-hero-adopt,.mia-lightbox img{transition:none!important;transform:none!important}
}

/* v12 — corrección verificada: la v9 ya tenía 24px, así que 16px no aumentaba el aire. */
@media(max-width:800px){
  /* Separación visible desde el final de la portada hasta Galería. */
  .mia-content{padding-top:28px!important}

  /* Aire vertical real entre los bloques principales. */
  .mia-content > .mia-gallery-section + .mia-story-grid{margin-top:28px!important}
  .mia-story-grid{gap:28px!important}
  .mia-content > .mia-story-grid + .mia-section{margin-top:28px!important}
  .mia-content > .mia-section + .mia-section{margin-top:28px!important}
  .mia-content > .mia-more-section{margin-top:28px!important}
}

/* Animación visible pero sobria. */
.mia-reveal{opacity:0;transform:translateY(22px);transition:opacity .62s ease,transform .62s cubic-bezier(.22,.61,.36,1)}
.mia-reveal.mia-reveal-visible{opacity:1;transform:translateY(0)}
@media(prefers-reduced-motion:reduce){
  .mia-reveal,.mia-reveal.mia-reveal-visible{opacity:1!important;transform:none!important;transition:none!important}
}

/* v13 — jerarquía visual final de las tarjetas */
.mia-commitment h2{font-size:clamp(26px,3vw,37px)}
.mia-commitment{background:linear-gradient(145deg,#fffdfd,#fff5f1)!important;border-color:rgba(205,105,75,.13)!important}
.mia-benefit-card{background:linear-gradient(145deg,#ffffff,#eef6fb)!important;border-color:rgba(75,132,170,.17)!important}
.mia-benefit-card .mia-eyebrow{color:#668da8}
.mia-benefits span{background:#eaf3f8;color:var(--green-deep)}
@media(max-width:800px){.mia-commitment h2{font-size:27px}}

/* v14: ficha de historia a ancho completo tras retirar bloque redundante de adopción responsable */
.mia-story-grid{grid-template-columns:1fr!important;}
.mia-about-intro{max-width:820px;}

/* Fotos horizontales: mostrar el encuadre completo dentro de la tarjeta de galería. */
.mia-gallery-item.mia-gallery-landscape img{object-fit:contain;background:#eee8dc}

/* Galería preparada para videos: no altera las fichas mientras no haya elementos .mia-gallery-video. */
.mia-gallery-item.mia-gallery-video{position:relative}
.mia-gallery-item.mia-gallery-video .mia-video-play{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:rgba(0,0,0,.58);color:#fff;font-size:1.15rem;pointer-events:none;box-shadow:0 6px 22px rgba(0,0,0,.22)}
.mia-lightbox video.mia-lightbox-video{display:none;max-width:min(94vw,1100px);max-height:88vh;width:auto;height:auto;border-radius:14px;background:#000}
.mia-lightbox.mia-show-video>img{display:none}
.mia-lightbox.mia-show-video video.mia-lightbox-video{display:block}

/* v12: el botón de cierre queda siempre por encima del contenido del visor. */
.mia-lightbox-close{z-index:20;pointer-events:auto;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.mia-lightbox>img,.mia-lightbox-video{position:relative;z-index:1}


/* v15 — lightbox móvil: cierre aislado de los gestos y fondo inmóvil. */
.mia-lightbox-close{z-index:100!important;pointer-events:auto!important;touch-action:none!important;-webkit-user-select:none;user-select:none}
.mia-lightbox-close i{pointer-events:none}
.mia-lightbox>img,.mia-lightbox-video{touch-action:pan-y}
body.mia-lightbox-lock{overscroll-behavior:none}

/* v21 — al abrir el visor, el header conserva el estado verde aunque el body quede congelado. */
.mia-page>header.mia-lightbox-header{background:rgba(18,40,27,.96)!important;box-shadow:0 4px 16px rgba(0,0,0,.14)!important;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}