/* MEDIA-LANDSCAPE.CSS - RESPONSIVIDADE  */

/* MOBILE - LANDSCAPE */
@media (max-width:1024px) and (orientation:landscape){
:root{
  /* Largura do frame em landscape. */
  --hero-frame-width:80vw;

  /* Altura disponível para o frame. */
  --hero-frame-max-height:calc(100svh - 90px)
}

/* Logo do header mobile. */
.nav-brand img{width:300px;height:50px}

/* LANDSCAPE - somente hamburger, sem textos do menu */
.menu-toggle{display:block;z-index:45;}

/* LANDSCAPE - esconde os links normalmente */
.main-nav{display:none;}

/* LANDSCAPE - mostra os links somente quando o hamburger for aberto */
.main-nav.open{display:flex;position:fixed;top:68px;right:12px;left:12px;flex-direction:column;align-items:stretch;gap:0;padding:0;background:rgba(7,7,12,.96);backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.12);opacity:1;visibility:visible;transform:none;z-index:44}

/* Topo. */
.site-header{height:80px}

/* LANDSCAPE - links do menu aberto */
.main-nav.open a{padding:10px;border-bottom:1px solid rgba(255,255,255,.08);}

/* LANDSCAPE - animação do hamburger aberto */
.menu-toggle.open span:nth-child(1){top:10px;transform:rotate(45deg);}
.menu-toggle.open span:nth-child(2){opacity:0;}
.menu-toggle.open span:nth-child(3){top:19px;transform:rotate(-45deg);}

/* HERO em landscape continua limitado à viewport. */
.hero{height:100svh;min-height:0}

/* HERO FRAME centralizado. */
.hero-frame{
  inset:auto;
  top:50%;
  left:50%;
  width:min(var(--hero-frame-width),calc(var(--hero-frame-max-height) * 1.7777778));
  max-height:var(--hero-frame-max-height);
  transform:translate(-50%,-50%) rotate(var(--hero-frame-rotation)) scale(var(--hero-frame-scroll-scale,1))
}

/* Logo do HERO. */
.hero-logo{width:31vw}

/* Seções em landscape. */
.section-hero{min-height:130svh}

/* Atividades em landscape. */
.activity-story{height:130svh}

/* Local em duas colunas. */
.local-content,.local-gallery{grid-template-columns:1fr 1fr}

/* Reserva em landscape. */
.reservation-content{grid-template-columns:minmax(0,1fr) minmax(300px,390px)}

/* Ticket em landscape. */
.ticket{max-width:390px}

/* Títulos em landscape. */
.section-hero h1,.section-hero h2{font-size:95px}

/* Participantes em landscape. */
.participants-list article{grid-template-columns:1fr}

/* Código do participante. */
.participants-list article span{font-size:23px}

/* Hero - CORREÇÕES FINAIS - HERO / FOOTER / WHATSAPP */
.site-footer{grid-template-columns:minmax(0,1fr);gap:8px;padding:14px 16px;text-align:center;justify-items:center;align-items:center;min-width:0}
.site-footer>*{min-width:0;width:100%;margin:0}
.footer-links{display:flex;flex-direction:column;flex-wrap:nowrap;align-items:center;justify-content:center;gap:8px}
.footer-links a{max-width:100%;text-align:center;overflow-wrap:anywhere}
.footer-credit{line-height:1.3;overflow-wrap:anywhere}
.whatsapp-help-button{position:fixed;top:auto;left:auto;right:max(14px,env(safe-area-inset-right));bottom:max(14px,env(safe-area-inset-bottom));z-index:9999;width:50px;min-width:50px;height:50px;min-height:50px;padding:0;border-radius:50%;display:inline-flex;align-items:center;justify-content:center}
.whatsapp-help-button span{display:none}
.hero{height:auto;min-height:100svh;padding:88px 0 24px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;overflow:hidden;box-sizing:border-box}
.hero-frame{position:relative;inset:auto;top:auto;left:auto;right:auto;bottom:auto;width:min(82vw,calc((100svh - 190px)*1.7777778));max-width:92vw;max-height:calc(100svh - 190px);aspect-ratio:16/9;margin:0 auto;border-width:3px;transform:rotate(var(--hero-frame-rotation)) scale(var(--hero-frame-scroll-scale, 1))}
.hero-frame-inner,.hero-image{width:100%;height:100%}
.hero-image{display:block;object-fit:cover}
.hero-bottom{position:relative;inset:auto;width:100%;margin-top:16px;padding:0 16px;box-sizing:border-box;text-align:center;z-index:3}
.hero-bottom p{margin:0;font-size:11px;line-height:1.5;letter-spacing:.16em}
.hero-bottom .scroll-cue {margin-top: 10px;}
}