/* public/css/style.css */

/* Importamos fuentes */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700;900&family=Montserrat:wght@700;900&family=Teko:wght@700&display=swap');

body { 
    font-family: 'Inter', sans-serif; 
}

/* Utilidad para ocultar elementos (importante para la lógica de visualización) */
.hidden { 
    display: none !important; 
}

/* Animaciones */
@keyframes fadeIn { 
    from { opacity: 0; transform: translateY(10px); } 
    to { opacity: 1; transform: translateY(0); } 
}

.animate-fadeIn { 
    animation: fadeIn 0.3s ease-out forwards; 
}

/* ========================================== */
/* --- ESTILOS EXCLUSIVOS PARA IMPRESIÓN --- */
/* ========================================== */
@media print {
    /* Forzar fondo blanco en toda la página y quitar márgenes */
    body, html {
        background-color: white !important;
        background-image: none !important;
        margin: 0 !important;
        padding: 0 !important;
        height: auto !important;
    }

    /* Ocultar la barra de navegación superior completamente */
    nav {
        display: none !important;
    }
    
    /* Quitar el comportamiento flex del contenedor principal para que no centre la hoja */
    main {
        display: block !important;
        padding: 0 !important;
        background: white !important;
        min-height: 0 !important;
    }

    /* Ocultar TODO dentro del main EXCEPTO nuestra planilla */
    main > *:not(#print-section) {
        display: none !important;
    }
    
    /* Mostrar solo la planilla, pegada arriba a la izquierda */
    #print-section {
        display: block !important;
        position: relative !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        color: black !important;
    }

    /* Forzar que se impriman los colores de fondo (el beige de tu plantilla) */
    * {
        -webkit-print-color-adjust: exact !important;
        print-color-adjust: exact !important;
    }

    /* Evitar que la tabla se corte a la mitad de la hoja */
    table { page-break-inside:auto; }
    tr    { page-break-inside:avoid; page-break-after:auto; }
    thead { display:table-header-group; }
    
    /* Márgenes físicos de la hoja A4 */
    @page { 
        margin: 5mm; 
        size: A4 portrait;
    }
}

/* Clase para ocultar la planilla en la pantalla normal */
.print-only {
    display: none;
}

@media print {
    .print-only {
        display: block;
    }
}