/* ============================================
   AGIRAPOP! — Responsive
   ============================================ */

@media (max-width:1024px){
    .nav{display:none}
    .hero-container{grid-template-columns:1fr;gap:3rem;text-align:center}
    .hero-text{order:2}
    .hero-box-wrap{order:1}
    .hero-cta{justify-content:center}
    .hero-stats{justify-content:center}
    .products-grid{grid-template-columns:1fr 1fr}
    .patente-grid{grid-template-columns:1fr 1fr}
    .footer-top{grid-template-columns:1fr 1fr;gap:2.5rem}
    .numbers-grid{grid-template-columns:1fr 1fr;gap:1.2rem}
}

@media (max-width:768px){
    .float-buttons{bottom:1rem;right:1rem;gap:.8rem}
    .float-btn{width:54px;height:54px}
    .float-btn svg{width:26px;height:26px}
    .video-frame{transform:rotate(0)}
    .cidades-grid{grid-template-columns:1fr 1fr;gap:1.4rem 1rem}
    .regioes-grid{grid-template-columns:1fr 1fr;gap:.6rem}
    .virais-grid{grid-template-columns:1fr;gap:2.5rem}
    .comments-grid{grid-template-columns:1fr;gap:1.5rem}
    .fan-row{grid-template-columns:auto auto 1fr;gap:.8rem;padding:.8rem 1rem}
    .fan-stats,.fan-badge{display:none}
    .timeline::before{left:20px}
    .timeline-item{grid-template-columns:auto 1fr;gap:1rem}
    .timeline-item:nth-child(even) .timeline-card{grid-column:2}
    .timeline-item:nth-child(even) .timeline-empty{display:none}
    .timeline-card,.timeline-item:nth-child(even) .timeline-card{grid-column:2;box-shadow:5px 5px 0 var(--red)}
    .timeline-item:nth-child(even) .timeline-card:hover{transform:translate(-3px,-3px);box-shadow:8px 8px 0 var(--red)}
    .timeline-dot{grid-column:1;grid-row:1}
}

@media (max-width:640px){
    .section,.manifesto,.ritual,.final-cta,.video-section,.numbers-section,.cidades-section,.virais-section,.comments-section,.fans-section,.historia-section{padding:5rem 1rem}
    .header{padding:0}
    .header-container{padding:0 1rem}
    .brand-logo{height:40px}
    .hero{padding:calc(var(--header-h) + 1.5rem) 1rem 0}
    .funko-box{width:280px;height:400px}
    .funko-character{font-size:9rem}
    .funko-box-name h3{font-size:1.6rem}
    .products-grid{grid-template-columns:1fr;gap:3rem}
    .patente-grid{grid-template-columns:1fr}
    .footer-top{grid-template-columns:1fr;gap:2rem}
    .footer-bottom{flex-direction:column;gap:1rem;text-align:center}
    .hero-stats{flex-wrap:wrap;gap:1rem}
    .hero-cta{flex-direction:column;align-items:stretch}
    .hero-cta .btn-pop{justify-content:center}
    .mp-modal{padding:2rem 1.2rem}
    .mp-modal-title{font-size:1.8rem}
    .numbers-grid{grid-template-columns:1fr 1fr;gap:.8rem}
    .number-card{padding:1.5rem 1rem}
    .number-card-num{font-size:2.2rem}
}