/* styles.css */
/* Tailwind CSS Utilities & Custom Overrides */

[x-cloak] { 
    display: none !important; 
}

body {
    transition: background-color 0.3s ease, color 0.3s ease;
}

/* Scrollbar personalizado para darle un toque premium */
::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-track {
    background: #111827; 
}
::-webkit-scrollbar-thumb {
    background: #4b5563; 
    border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
    background: #6b7280; 
}

/* Modo Terreno - Alto Contraste */
.modo-terreno ::-webkit-scrollbar-track {
    background: #ffffff; 
}
.modo-terreno ::-webkit-scrollbar-thumb {
    background: #000000; 
}

/* Animaciones sutiles */
.fade-in {
    animation: fadeIn 0.4s ease-in-out;
}

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

/* Asegurar contraste en impresión */
@media print {
    body, #resumen-impresion {
        background-color: white !important;
        color: black !important;
    }
    .no-imprimir {
        display: none !important;
    }
}

/* Estilos específicos para forzar visibilidad en PDF */
.pdf-export-active {
    background-color: white !important;
    color: black !important;
}

.pdf-export-active .rounded-xl {
    background-color: #f9fafb !important; /* gray-50 */
    border-color: #000000 !important;
    color: black !important;
    box-shadow: none !important;
}

.pdf-export-active .bg-gray-800, 
.pdf-export-active .bg-gray-700 {
    background-color: white !important;
    color: black !important;
}

.pdf-export-active .text-white {
    color: black !important;
}

.pdf-export-active .border-gray-700, 
.pdf-export-active .border-gray-600 {
    border-color: #000000 !important;
}

/* Colores de las tarjetas en PDF */
.pdf-export-active .bg-yellow-100 { background-color: #fef9c3 !important; }
.pdf-export-active .bg-slate-200 { background-color: #e2e8f0 !important; }
.pdf-export-active .bg-blue-100 { background-color: #dbeafe !important; }
.pdf-export-active .bg-gray-100 { background-color: #f3f4f6 !important; }