@media (max-width: 1200px) { .hero-title { font-size: 4rem; } .footer-top-grid { grid-template-columns: 1.2fr 0.8fr 1fr 0.8fr; gap: 30px; } .brand-col { padding-right: 0; } }
@media (max-width: 992px) { .section { padding: 80px 0; } .hero-title { font-size: 3.2rem; } .nosotros-grid, .edicion-grid, .contacto-grid { grid-template-columns: 1fr; gap: 50px; } .image-placeholder { height: 450px; } .nosotros-img-box { order: 2; } .nosotros-text-box { order: 1; } .footer-top-grid { grid-template-columns: 1fr 1fr; gap: 40px; } }
@media (max-width: 768px) { .nav-menu { display: none; } .hero-title { font-size: 2.5rem; } .hero-buttons { flex-direction: column; gap: 15px; align-items: stretch; } .btn-secondary { margin-left: 0; } .features-grid { grid-template-columns: 1fr; gap: 20px; } .contacto-form-box { padding: 30px 20px; } .footer-top-grid { grid-template-columns: 1fr; gap: 35px; } .footer-bottom-flex { flex-direction: column; text-align: center; gap: 10px; } }