/* R12 · escala compacta, centrado estable y movimiento ligero */
body{font-size:15px}
.hero h1{font-size:clamp(42px,4.95vw,60px)}
.section h2,.section-title h2,.impact-statement h2,.closing h2{font-size:clamp(30px,3.7vw,46px)}
.hero .lead,.section .lead{font-size:18px;line-height:1.58}
.button{font-size:14px;min-height:50px;padding:13px 22px}
.closing-center .button{font-size:16px;min-height:58px;padding:16px 28px}
@media(min-width:981px){
 .section:not(.hero){padding-block:148px}
 .g6.g6-pinned,#funciones.g6-host-pinned{padding-block:0}
 .hero h1{font-size:clamp(42px,4.95vw,60px)}
 .section h2,.section-title h2,.impact-statement h2,.closing h2{font-size:clamp(30px,3.7vw,46px)}
 .hero .lead,.section .lead{font-size:18px;line-height:1.58}
 .route-step h3{font-size:28px}.route-step p{font-size:18px}
 .g6.g6-pinned .g6-left{gap:40px}
 .g6.g6-pinned .gallery-active-copy h3{font-size:27px}
 .g6.g6-pinned .gallery-active-copy p{font-size:14px}
 .g6.g6-pinned .gallery-stage{height:100%}
 .g6.g6-pinned .gallery-card{scale:.94}
 .timer-dock{transform-origin:50% 50%}
}
@media(max-width:980px){
 .section:not(.hero){padding-block:68px}
 .hero h1{font-size:clamp(37px,6.7vw,44px)}
 .section h2,.section-title h2,.impact-statement h2,.closing h2{font-size:clamp(32px,5.7vw,40px)}
 .hero .lead,.section .lead{font-size:18px;line-height:1.58}
 .route-step h3{font-size:25px}.route-step p{font-size:16px}
 .g6 .gallery-active-copy{height:162px}
 .g6 .gallery-active-copy h3{font-size:26px}
 .g6 .gallery-active-copy p{font-size:15px}
 .g6 .gallery-stage{height:770px}
 .g6 .gallery-card{width:min(324px,calc(100vw - 56px));height:724px;scale:.97}
 .timer-dock{transform-origin:50% 50%}
}
@media(max-width:560px){
 .section:not(.hero){padding-block:64px}
 .hero .lead,.section .lead{font-size:17px;line-height:1.58}
 .g6 .gallery-active-copy{height:154px}
 .g6 .gallery-stage{height:742px}
 .g6 .gallery-card{height:700px}
}
@media(hover:hover) and (pointer:fine){
 .timer-dock{transform-origin:50% 50%;transition:opacity .35s ease,transform .35s cubic-bezier(.2,.7,.2,1),scale .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s ease,border-color .35s ease}
 .timer-dock:not(.is-away):hover{scale:1.08;border-color:#d3efa2aa;box-shadow:0 14px 38px #0009,0 0 24px #d3efa222}
}
.timer-dock.tapped{animation:dock-tap .4s cubic-bezier(.2,.7,.2,1)}
@keyframes dock-tap{0%{scale:1}45%{scale:1.03}100%{scale:1}}
@media(prefers-reduced-motion:reduce){.timer-dock:hover{scale:1}.timer-dock.tapped{animation:none}}

@media(prefers-reduced-motion:reduce){.g6.g6-pinned,#funciones.g6-host-pinned{padding-block:0}}
@media(min-width:981px){.g6.g6-pinned .gallery-active-copy.g6-swap{animation:g6-swap .5s ease both}}