/* Local review: compact mobile opening, consistent symbols and touch controls. */
.mm-icon{display:inline-block;width:1em;height:1em;flex:none;vertical-align:-.12em;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:square;stroke-linejoin:miter;pointer-events:none}
.mm-icon--play{fill:currentColor;stroke:none}
.v37-contact .mm-icon,.v37-foot .mm-icon,.mm-play-label .mm-icon{width:16px;height:16px}
.mm-play-label{gap:8px}
.mm-magic-toggle{display:grid!important;place-items:center;width:32px;height:32px;line-height:0;padding:0;color:var(--w);border:1px solid var(--br3);border-radius:50%;transform:none!important;background:transparent!important}
.mm-magic-toggle svg{display:block;width:19px;height:19px;fill:currentColor;stroke:none;transform-box:view-box;transform-origin:50% 50%;transform:rotate(0deg);transition:transform .45s cubic-bezier(.22,.61,.36,1)}
.proceso-step.expanded .mm-magic-toggle{color:var(--w);border-color:currentColor}
.proceso-step.expanded .mm-magic-toggle svg{transform:rotate(108deg)}
.btt-btn{width:48px;height:48px}
.btt-btn svg{width:20px;height:20px}
.drawer{max-height:100dvh;overflow-y:auto;overscroll-behavior:contain;padding-bottom:max(28px,env(safe-area-inset-bottom))}
.drawer-close{min-width:72px;min-height:44px}
.sec,.v38-photography{scroll-margin-top:0}
#lightbox-close,#lightbox-prev,#lightbox-next{min-width:48px;min-height:48px;display:flex;align-items:center;justify-content:center;gap:8px}
#lightbox-close .mm-icon,#lightbox-prev .mm-icon,#lightbox-next .mm-icon{width:20px;height:20px}
.mm-v40 .v37-contact{color:#eee;gap:8px;min-height:44px}
.mm-v40 .v37-contact:hover{color:#fff}
.mm-v40 .v37-replay .mm-icon{width:16px;height:16px}

@media(max-width:1000px){
 .nav .nav-logo{flex-shrink:0}
 .nav .nav-right{margin-left:auto}
 .nav .nav-cta{display:none}
 .nav .theme-btn{width:44px;height:44px;min-width:44px;min-height:44px}
}
@media(max-width:700px){
 html{scroll-padding-top:86px}
 .nav,.nav.scrolled{top:8px;left:12px;right:12px;height:60px;padding:0;border-radius:12px}
 .nav .nav-inner{min-height:58px;height:58px;padding:0 10px;gap:8px}
 .nav .nav-logo{gap:8px}
 .nav .nav-logo-text{font-size:18px!important;letter-spacing:-.04em!important;white-space:nowrap}
 .nav .nav-logo-img{width:23px!important;height:23px!important}
 .nav .nav-right{gap:0}
 .nav .ham{margin:0}
 .mm-v40{min-height:0;max-height:none;padding:0 0 68px!important;overflow:hidden}
 .mm-v40 .v37-content{margin:0 20px;padding:96px 0 24px;min-height:0;width:auto;pointer-events:auto}
 .mm-v40 .v37-eyebrow{font-size:10px;line-height:1.6;letter-spacing:0;margin:0 0 14px}
 .mm-v40 h1{font-size:clamp(30px,8.2vw,42px)!important;line-height:1.1!important;letter-spacing:-.045em!important;max-width:18ch}
 .mm-v40 h1 br:first-child{display:none}
 .mm-v40 .v37-bottom{margin-top:16px}
 .mm-v40 .v37-bottom p{font-size:13px;line-height:1.55;margin:0 0 17px;max-width:30ch}
 .mm-v40 .v37-actions{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:8px 16px}
 .mm-v40 .hero-port-btn{font-size:12px!important;min-height:46px;padding:12px 16px!important;letter-spacing:0!important}
 .mm-v40 .v37-contact{font-size:12px;min-height:46px;gap:7px;white-space:nowrap}
 .mm-v40 .v37-image{height:clamp(340px,50svh,440px);min-height:0;width:100%;margin:0;order:1}
 .mm-v40 .v37-image::after{background:linear-gradient(0deg,rgba(8,8,8,.65),transparent 32%)}
 .mm-v40 .v40-layer[data-photo=TOA] img{object-position:50% 60%}
 .mm-v40 .v37-image-credit{left:20px;right:auto;bottom:70px;text-align:left;max-width:calc(100% - 40px);font-size:10px;padding:6px 9px;line-height:1.5}
 .mm-v40 .v40-motion{left:20px;right:20px;bottom:14px;justify-content:space-between;gap:12px}
 .mm-v40 .v40-pause{font-size:11px;background:#080808c9;color:#fff;padding:10px 12px}
 .mm-v40 .v37-replay{inset:auto auto 12px 20px;margin:0;padding:0;min-height:44px;font-size:10px;gap:6px;background:transparent}
 .mm-v40 .v37-foot{inset:auto 20px 12px 20px;min-height:44px;padding:0;border:0;justify-content:flex-end;pointer-events:none}
 .mm-v40 .v37-foot>span{display:none}
 .mm-v40 .v37-foot a{pointer-events:auto;min-height:44px;font-size:10px;gap:6px}
 .sec{padding-block:52px;scroll-margin-top:0}
 .proceso-step{padding-right:46px!important}
 .proceso-step-expand-ico{top:22px;right:0;bottom:auto}
 .proceso-detail-inner{padding:20px 16px}
 .mm-catalog{margin-inline:20px}
 .mm-catalog>summary{line-height:1.5;min-height:56px}
 .btt-btn{position:relative;bottom:auto;right:auto;margin:18px 20px 20px auto;transform:none!important}
 .btt-btn:not(.vis){display:none}
 #lightbox-close{top:max(14px,env(safe-area-inset-top));right:14px;font-size:13px}
 #lightbox-prev{left:12px}#lightbox-next{right:12px}
 #lightbox-counter{bottom:max(78px,calc(env(safe-area-inset-bottom) + 56px));font-size:12px}
 #lightbox-img{max-width:calc(100vw - 24px);max-height:calc(100dvh - 160px)}
 .mm-video-consent{padding:28px 20px}
}
@media(max-width:360px){
 .mm-v40 .v37-content{padding-top:90px;margin-inline:18px}
 .mm-v40 .v37-eyebrow{font-size:9px}
 .mm-v40 h1{font-size:30px!important}
 .mm-v40 .v37-actions{gap:4px 12px}
 .mm-v40 .hero-port-btn{font-size:11px!important;padding-inline:12px!important}
 .mm-v40 .v37-contact{font-size:11px}
 .mm-v40 .v37-image{height:350px}
}
@media(prefers-reduced-motion:reduce){
 .mm-magic-toggle svg{transition:none;animation:none}
 .mm-icon,.btt-btn,.drawer{transition:none!important}
}