@media (max-width: 1024px) {
    .text-card { padding: 40px 40px; }
}

@media (max-width: 768px) {
    section { padding: 70px 16px; }
    .text-card  { padding: 32px 24px; }
    .socios-grid { grid-template-columns: 1fr; gap: 18px; }
    .artist-card { padding: 28px 38px; }
    .hero { padding: 70px 16px 50px; }
}

@media (max-width: 480px) {
    .hero-logo img { width: 88vw; }
    .text-card { padding: 26px 18px; }
    .socio-card { padding: 34px 22px; }
    .btn-main, .btn-outline { padding: 13px 30px; font-size: 1.2rem; }
}