/* Scoped integration of the two supplied packages. No cover, cropping or upscaling of masters. */
html{scroll-padding-top:12px}
.site-header,.final-cta,.floating-whatsapp{display:none!important}
.hero,.site-footer{min-height:0!important;height:auto!important;aspect-ratio:auto!important;padding:0!important;margin:0;background:none!important;overflow:clip;color:var(--blue)}
.hero:after,.site-footer:after{content:none!important}
.hero>:not(.approved-stage):not(.approved-controls),.site-footer>:not(.approved-stage):not(.approved-controls){display:none!important}
.approved-stage{position:relative;width:100%;margin:0;padding:0;line-height:0}
.approved-hero{aspect-ratio:3/2}
.approved-footer{aspect-ratio:78/35}
.approved-stage picture{display:block;width:100%;height:100%}
.approved-art{display:block;width:100%;height:auto;object-fit:contain;margin:0;border:0}
.approved-hotspots{position:absolute;inset:0;pointer-events:none}
.approved-hotspot{position:absolute;display:block;pointer-events:auto;min-width:44px;min-height:44px;border:0;padding:0;background:transparent;border-radius:999px;line-height:1}
.approved-hotspot:focus-visible{outline:3px solid var(--yellow);outline-offset:3px;background:#ffffff30}
.approved-hotspot:focus-visible:after{content:attr(aria-label);position:absolute;top:100%;left:0;width:max-content;max-width:240px;padding:8px 12px;border-radius:8px;color:var(--blue);background:var(--yellow);font:700 14px/1.4 var(--open);z-index:10}
.approved-hotspot:disabled{pointer-events:none}
.ah-logo{left:3.7%;top:2%;width:17%;height:17%}
.ah-inicio{left:25.4%;top:6.2%;width:5.1%;height:5%}.ah-passeios{left:32.8%;top:6%;width:7.4%;height:5.2%}.ah-tripulantes{left:41.1%;top:6%;width:12.2%;height:5.2%}.ah-sobre{left:54%;top:6%;width:6%;height:5.2%}.ah-faq{left:61.1%;top:6%;width:4.2%;height:5.2%}
.ah-whatsapp-top{left:66.8%;top:4.3%;width:22.8%;height:7.8%}.ah-conhecer{left:4.1%;top:54%;width:20.4%;height:7.3%}.ah-whatsapp{left:25.2%;top:54%;width:19.3%;height:7.3%}
.af-whatsapp{left:38.3%;top:25.6%;width:23.2%;height:10.8%}
.af-inicio{left:33.7%;top:73.5%;width:4.4%;height:6.6%}.af-passeios{left:39.1%;top:73.5%;width:5.4%;height:6.6%}.af-tripulantes{left:45.2%;top:73.5%;width:9.8%;height:6.6%}.af-sobre{left:55.6%;top:73.5%;width:4.3%;height:6.6%}.af-faq{left:61%;top:73.5%;width:3.4%;height:6.6%}
.af-instagram{left:34.8%;top:81%;width:3%;height:7.4%}.af-facebook{left:38.7%;top:81%;width:3%;height:7.4%}.af-youtube{left:42.6%;top:81%;width:3%;height:7.4%}.af-tiktok{left:46.4%;top:81%;width:3%;height:7.4%}
.approved-controls{display:none}
.mobile-brand-header{display:none}
.approved-sr-only{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important}
.experiences{padding:24px 0 20px!important}.benefits{padding:0 0 24px!important}.faq-section{padding:24px 0!important}.wave-top{display:none!important}
.approved-link-grid a,.approved-link-grid button,.approved-menu summary,.approved-menu a{min-height:44px;display:flex;align-items:center;justify-content:center;padding:10px 12px;border:0;font:700 14px/1.4 var(--open)}
@media(max-width:1024px){
  .approved-hotspots{display:none}
  .approved-controls{display:grid;gap:10px;padding:12px max(14px,env(safe-area-inset-right)) calc(14px + env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left));background:var(--blue);color:var(--white)}
  .approved-controls .button{width:100%;min-height:52px;box-shadow:none}
  .approved-controls .button-teal{background:var(--yellow);color:var(--blue);border-color:var(--yellow)}
  .approved-menu{border-radius:12px;background:#ffffff14;margin:0;padding:0}
  .approved-menu summary{cursor:pointer;justify-content:space-between;list-style:none}
  .approved-menu summary::-webkit-details-marker{display:none}
  .approved-menu nav,.approved-link-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}
  .approved-menu a{border-top:1px solid #ffffff26}
  .approved-link-grid button{background:transparent;color:inherit;opacity:.55}
  .approved-footer-controls p{margin:4px 0 0;text-align:center;font-size:14px;line-height:1.5}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media(max-width:767px){
  .mobile-brand-header{display:block;position:relative;z-index:5;background:rgb(0 51 153 / .94);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);color:var(--white);padding:calc(10px + env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) 10px max(16px,env(safe-area-inset-left));border-bottom:1px solid #ffffff30}
  .mobile-brand-row{display:flex;align-items:center;justify-content:space-between;gap:16px;min-width:0}
  .mobile-brand-logo{display:block;width:clamp(180px,58vw,260px);max-width:calc(100% - 68px);flex-shrink:1;line-height:0;padding:8px;background:var(--white);border-radius:10px;overflow:hidden}
  .mobile-brand-logo img{display:block;width:100%;height:auto;object-fit:contain;max-width:100%;margin:0}
  .mobile-brand-toggle{display:grid;place-items:center;flex:0 0 52px;width:52px;height:52px;padding:12px;border:1px solid #ffffff40;border-radius:16px;background:#ffffff18;color:var(--white);cursor:pointer}
  .mobile-brand-toggle svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:2.5;stroke-linecap:round}
  .mobile-brand-nav:not([hidden]){display:grid;gap:4px;padding-top:12px}
  .mobile-brand-nav a{display:flex;align-items:center;gap:12px;min-height:48px;padding:12px 14px;font:600 16px/1.5 var(--open);border-radius:10px}
  .mobile-brand-nav .mobile-brand-reserve{justify-content:center;min-height:60px;margin-top:8px;background:var(--yellow);color:var(--blue);font-weight:700}
  .mobile-brand-reserve svg{width:32px;height:32px;fill:none;stroke:currentColor;stroke-width:1.7;flex-shrink:0}
  .mobile-brand-header :focus-visible{outline:3px solid var(--yellow);outline-offset:3px}
  /* Omit only the baked desktop navigation strip; retain original pixel proportions. */
  .approved-hero{aspect-ratio:auto;overflow:hidden}
  .approved-hero picture{height:auto;clip-path:inset(20% 0 0);margin-top:calc(-100vw * 2 / 3 * .20)}
  .approved-hero-controls .approved-menu{display:none}
}
/* Desktop keeps the approved artwork and its precise HTML link layer,
   including computer windows between 768 and 1024px. Mobile is unchanged. */
@media(min-width:768px){
  .approved-controls{display:none!important}
  .approved-hotspots{display:block!important}
  .approved-hotspot{min-width:0;min-height:0;cursor:pointer}
  .approved-hotspot:disabled{cursor:default}
}
.desktop-crystal-menu{display:none}
@media(min-width:768px){
 .hero{position:relative}
 .approved-hero>.desktop-crystal-menu{display:flex!important;position:absolute;z-index:4;left:23%;top:4%;width:67%;height:9%;align-items:center;justify-content:center;gap:clamp(10px,1.5vw,22px);padding:4px 12px;background:linear-gradient(110deg,#003399d9,#003399bd);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid #ffffff25;border-radius:12px;box-shadow:inset 0 1px #ffffff30;color:#fff;line-height:1.4}
 .desktop-crystal-menu a{font:600 14px/1.4 var(--open);white-space:nowrap;text-decoration:none;min-height:44px;display:inline-flex;align-items:center;justify-content:center;position:relative}
 .desktop-crystal-menu a[aria-current]:after{content:'';position:absolute;bottom:3px;left:10%;right:10%;height:3px;background:var(--yellow);border-radius:4px}
 .desktop-crystal-menu .desktop-crystal-whatsapp{min-height:40px;padding:8px 14px;gap:8px;border-radius:999px;background:#1ba29a;border:1px solid #ffffffb3;font-size:13px}
 .desktop-crystal-menu svg{width:20px;height:20px;flex-shrink:0}
 .desktop-crystal-menu a:focus-visible{outline:3px solid var(--yellow);outline-offset:3px}
 .ah-inicio,.ah-passeios,.ah-tripulantes,.ah-sobre,.ah-faq,.ah-whatsapp-top{display:none}
}
@media(min-width:768px) and (max-width:1100px){.approved-hero>.desktop-crystal-menu{gap:8px;padding:4px 8px}.desktop-crystal-menu a{font-size:12px}.desktop-crystal-menu .desktop-crystal-whatsapp{font-size:12px;padding:6px 9px;gap:4px}}
@media(min-width:768px){
 .approved-footer:after{content:'';position:absolute;z-index:2;left:33%;top:73%;width:33%;height:7%;background:linear-gradient(110deg,#0655ad,#00459f);pointer-events:none}
 .af-inicio,.af-passeios,.af-tripulantes,.af-sobre,.af-faq{display:none!important}
}
