/* ===================================================
   RESPONSIVE.CSS - Adaptación a dispositivos móviles
   =================================================== */

@media (max-width: 1024px) {
    .editor-layout {
        grid-template-columns: 1fr;
    }
    .editor-preview {
        position: static;
    }
}

@media (max-width: 768px) {
    .hero-title { font-size: 2rem; }
    .hero-stats { flex-direction: column; gap: 1rem; padding: 1.5rem; }
    .stat-divider { width: 60px; height: 1px; }
    .features-grid { grid-template-columns: 1fr; }
    .contract-types-grid { grid-template-columns: 1fr; }
    .stats-grid { grid-template-columns: 1fr; }
    .footer-content { grid-template-columns: 1fr; gap: 2rem; }
    .hero-actions { flex-direction: column; width: 100%; }
    .hero-actions .btn-primary,
    .hero-actions .btn-ghost { width: 100%; }
    .header-content { padding: 0; }
    .contract-card { flex-direction: column; align-items: flex-start; gap: 0.75rem; }
    .contract-card-right { flex-direction: row; align-items: center; gap: 0.75rem; width: 100%; justify-content: space-between; }
    .form-grid { grid-template-columns: 1fr; }
    .paper-signatures { grid-template-columns: 1fr; gap: 2rem; }
}

@media (max-width: 480px) {
    .main-header { padding: 0 1rem; }
    .hero-section { padding: 3rem 1rem 2rem; }
    .auth-card { padding: 1.5rem; }
    .dashboard-container { padding: 1.5rem 1rem 3rem; }
    .selector-container { padding: 2rem 1rem; }
}