/* Loaded only up to 767px. No tablet or desktop selectors. */
.mobile-brand-header,.hero>.approved-hero,.hero>.approved-hero-controls,.site-footer>.approved-footer,.site-footer>.approved-footer-controls{display:none!important}
.mobile-package{position:relative;width:100%;line-height:0;overflow:clip;background:var(--blue);margin:0;padding:0}
.mobile-package-header{padding-top:env(safe-area-inset-top)}
.mobile-package picture{display:block;width:100%;height:auto;clip-path:none;margin:0}
.mobile-package .mobile-art__image{display:block;width:100%;height:auto;aspect-ratio:941/1672;object-fit:contain;margin:0}
.mobile-package-header picture{aspect-ratio:941/1672}
.mp-hotspots{position:absolute;inset:0;pointer-events:none}
.mobile-package-header .mp-hotspots{top:env(safe-area-inset-top)}
.mp-hotspot{position:absolute;display:block;pointer-events:auto;min-width:44px;min-height:44px;border:0;padding:0;border-radius:999px;background:transparent;cursor:pointer}
.mp-hotspot:disabled{pointer-events:none}
.mp-art-frame{position:relative;width:100%}
.mp-hotspot:focus-visible{outline:3px solid var(--yellow);outline-offset:2px;background:#ffffff20}
.mobile-package-header .menu{right:3.2%;top:3.4%;width:9.2%;height:7%}
.mobile-package-header .mp-live-button{display:flex;align-items:center;justify-content:center;min-height:0;gap:clamp(5px,1.7vw,12px);font:700 clamp(12px,3.7vw,27px)/1.2 var(--open);text-decoration:none;white-space:nowrap;box-shadow:0 3px 8px #00339922}
.mobile-package-header .mp-live-button svg{flex:none;width:clamp(18px,5.6vw,42px);height:clamp(18px,5.6vw,42px);fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.mobile-package-header .tours{left:5.2%;top:49.4%;width:59.6%;height:5.6%;background:var(--yellow);color:var(--blue);border:1px solid var(--yellow)}
.mobile-package-header .talk{left:12%;top:55.85%;width:49.1%;height:5.2%;background:var(--teal);color:var(--white);border:2px solid var(--white);font-size:clamp(12px,3.5vw,26px)}
.mobile-package-footer .whatsapp{left:21.2%;top:26%;width:57%;height:6.7%}
.mobile-package-footer .inicio{left:15%;top:59.8%;width:33.4%;height:5%}
.mobile-package-footer .passeios{left:50.4%;top:59.8%;width:33.4%;height:5%}
.mobile-package-footer .tripulantes{left:15%;top:65%;width:33.4%;height:5%}
.mobile-package-footer .sobre{left:50.4%;top:65%;width:33.4%;height:5%}
.mobile-package-footer .faq{left:15%;top:70.2%;width:33.4%;height:5%}
.mobile-package-footer .contato{left:50.4%;top:70.2%;width:33.4%;height:5%}
/* Exact artwork hit regions: never overlap adjacent navigation rows. */
.mobile-package-footer :is(.inicio,.passeios,.tripulantes,.sobre,.faq,.contato){min-height:0;border-radius:12px}
.mobile-package-footer :is(.instagram,.email,.whatsapp-contact){top:79.9%;width:max(9.4%,44px);height:max(5.3%,44px);transform:translate(-50%,-50%)}
.mobile-package-footer .instagram{left:33.8%}
.mobile-package-footer .email{left:50%}
.mobile-package-footer .whatsapp-contact{left:66.2%}
.hero>.mobile-drawer:not([hidden]){display:block!important}
.mobile-drawer{position:fixed;z-index:100;inset:0;padding:max(24px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left));background:#003399f5;color:var(--white);overflow-y:auto;line-height:1.5}
.drawer-close{display:block;margin-left:auto;min-width:48px;min-height:48px;border:1px solid #ffffff66;border-radius:50%;color:var(--white);background:transparent;font-size:32px}
.mobile-drawer nav{display:grid;gap:12px;margin-top:24px}
.mobile-drawer nav a{display:flex;align-items:center;min-height:52px;padding:12px 18px;border:1px solid #ffffff66;border-radius:16px;font:700 16px/1.5 var(--open)}
@media(prefers-reduced-motion:reduce){.mobile-package *{animation:none!important;transition:none!important}}