/* ============ Responsivo ============ */

/* Laptops menores */
@media (max-width:1180px){
  :root{--section-y:120px}
  .nav-list{gap:18px}
  .nav-link{font-size:.66rem}
  .show{flex:0 0 calc((100% - 48px)/3)}
  #agenda{margin-top:-250px}
}

/* Tablet */
@media (max-width:980px){
  :root{--section-y:100px}
  html{scroll-padding-top:76px}

  .nav-cta{display:none}
  .nav-toggle{display:flex}
  .nav{
    position:fixed;inset:0 0 0 auto;width:min(320px,84vw);
    background:rgba(8,8,8,.98);backdrop-filter:blur(16px);
    display:flex;flex-direction:column;justify-content:center;gap:34px;padding:40px;
    transform:translateX(100%);transition:transform .4s cubic-bezier(.22,.61,.36,1);
    border-left:1px solid var(--line);
  }
  .nav.open{transform:translateX(0)}
  .nav-list{flex-direction:column;align-items:flex-start;gap:22px}
  .nav-link{font-size:1rem;letter-spacing:.1em}
  .nav-cta-mobile{display:inline-flex;align-self:flex-start}
  body.nav-lock{overflow:hidden}

  .hero-media img{object-position:72% center;opacity:.85}
  .hero-fade{background:linear-gradient(90deg,rgba(5,5,5,.95) 8%,rgba(5,5,5,.72) 55%,rgba(5,5,5,.6) 100%),linear-gradient(to top,#050505 3%,transparent 50%)}
  .hero-stats{gap:34px}
  .stream-logo{height:30px}

  .grid-3{grid-template-columns:repeat(2,1fr)}
  .grid-4{grid-template-columns:repeat(2,1fr)}
  .about{grid-template-columns:1fr;gap:40px}
  .about-photo{max-width:420px;margin-inline:auto}
  .ig-grid{grid-template-columns:repeat(3,1fr)}
  .show{flex:0 0 calc((100% - 24px)/2)}
  #agenda{margin-top:-230px}
  .section-title::before,.section-title::after{flex-basis:90px}
  .cta{padding-block:80px}
  .cta-photo{object-position:72% center}
  .cta-bg::after{content:"";position:absolute;inset:0;z-index:1;background:rgba(5,2,2,.45)}
  .cta-inner{justify-content:center;text-align:center;gap:34px;max-width:100%}
  .cta-title{text-align:center;width:100%}
  .cta-action{width:100%}
  .footer{padding-block:80px 40px}
  .footer-inner{grid-template-columns:1fr;gap:40px;text-align:center;justify-items:center}
  .footer-brand{border-right:0;border-bottom:1px solid rgba(255,255,255,.12);padding-right:0;padding-bottom:32px;width:100%;display:flex;justify-content:center}
  .footer-social ul{justify-content:center}
  .social-icons{justify-content:center;gap:18px}
  .footer-contact p{justify-content:center}
}

/* Mobile */
@media (max-width:640px){
  :root{--section-y:90px}
  body{font-size:15px}
  .container{padding-inline:18px}
  .brand img{width:104px}

  .hero{min-height:88svh}
  .hero-inner{padding-block:130px 90px}
  .hero-media img{object-position:70% center;opacity:.6}
  .hero-fade{background:linear-gradient(180deg,rgba(5,5,5,.55),rgba(5,5,5,.8) 55%,#050505 96%)}
  .hero-actions .btn{flex:1 1 100%}
  .hero-stats{gap:22px;margin-top:44px;justify-content:space-between;width:100%}
  .hero-stats strong{font-size:1.9rem}
  .hero-stats span{font-size:.62rem}

  .section-title{margin-bottom:40px}
  .section-title::before,.section-title::after{flex-basis:34px;margin-inline:12px}

  .grid-3,.grid-4{grid-template-columns:1fr}
  .ig-grid{grid-template-columns:repeat(2,1fr)}
  .show{flex:0 0 78%}
  .car-btn{display:none}
  #agenda{margin-top:-200px}
  .cta{padding-block:64px}
  .cta-photo{object-position:68% center}
  .cta-title{font-size:1.65rem}
  .cta-action .btn{width:100%;justify-content:center}
  .footer{padding-block:70px 36px}
  .footer-brand img{width:150px}
  .social-icons{gap:14px}
  .ico-label{font-size:.55rem}
  .footer-contact p{font-size:.9rem;flex-wrap:nowrap}
  .footer-contact a{word-break:break-word}
  .stream-logo{height:28px;max-width:70%}
  .copyright{margin-top:50px;padding-inline:70px;line-height:1.5}
  .to-top{right:16px;bottom:16px}
}