/* Estilos para impresión */
@media print {
    .no-print {
        display: none !important;
    }

    body {
        margin: 0 !important;
        padding: 20px !important;
        font-size: 11pt !important;
        background: #ffffff !important;
    }

    .print-container {
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        box-shadow: none !important;
    }

    .card {
        border: none !important;
        box-shadow: none !important;
    }

    table {
        page-break-inside: auto !important;
        width: 100% !important;
    }

    tr {
        page-break-inside: avoid !important;
        page-break-after: auto !important;
    }

    thead {
        display: table-header-group !important;
    }

    /* Asegurar que los textos sean negros para mejor legibilidad */
    .text-primary, .text-muted, .text-dark {
        color: #000 !important;
    }

    /* Ocultar elementos no necesarios en impresión */
    .btn, .navbar, .footer {
        display: none !important;
    }
}

/* Estilos normales para pantalla */
@media screen {
    .print-only {
        display: none !important;
    }
}

@media (max-width: 600px) {
    .card {
        padding: 2vw; /* Ajusta el padding para pantallas pequeñas */
    }

    img {
        max-height: 100%;
    }

    .img-table {
        width: 12vw;
        max-height: 12vw;
    }

    .img-nav {
        width: auto;
        max-height: 12vw;
    }
}

/*Slate*/

.color-slate-500 {
    color: #64748b;
}

.color-slate-600 {
    color: #475569;
}

.color-slate-700 {
    color: #334155;
}

.color-slate-800 {
    color: #1e293b;
}

/*BackGround color*/

.bg-gray-50 {
    background-color: #f9fafb;
}

.bg-gray-200 {
    background-color: #e5e7eb;
}

.bg-gray-300 {
    background-color: #d1d5db;
}

.bg-gray-400 {
    background-color: #9ca3af;
}

.bg-gray-500 {
    background-color: #6b7280;
}

.bg-gray-600 {
    background-color: #4b5563;
}

/*TEAL*/

.bg-teal-50 {
    background-color: #f0fdfa;
}

.bg-teal-100 {
    background-color: #ccfbf1;
}

.bg-teal-200 {
    background-color: #99f6e4;
}

.bg-teal-300 {
    background-color: #5eead4;
}

.bg-teal-400 {
    background-color: #2dd4bf;
}

.bg-teal-500 {
    background-color: #14b8a6;
}

.bg-teal-600 {
    background-color: #0d9488;
}

/*TEAL Color*/


.color-teal-50 {
   color: #f0fdfa;
}

.color-teal-200 {
    color: #99f6e4;
}

.color-teal-300 {
    color: #5eead4;
}

.color-teal-400 {
   color: #2dd4bf;
}

.color-teal-500 {
    color: #14b8a6;
}

.color-teal-600 {
    color: #0d9488;
}


/*Sky*/


.bg-sky-50 {
    background-color: #f0f9ff;
}

.bg-sky-200 {
    background-color: #bae6fd;
}

.bg-sky-300 {
    background-color: #7dd3fc;
}

.bg-sky-400 {
    background-color: #38bdf8;
}

.bg-sky-500 {
    background-color: #0ea5e9;
}

.bg-sky-600 {
    background-color: #0284c7;
}

/*Rose*/


.bg-rose-50 {
    background-color: #fff1f2;
}

.bg-rose-200 {
    background-color: #fecdd3;
}

.bg-rose-300 {
    background-color: #fda4af;
}

.bg-rose-400 {
    background-color: #fb7185;
}

.bg-rose-500 {
    background-color: #f43f5e;
}

.bg-rose-600 {
    background-color: #e11d48;
}

/*Rose color*/

.color-rose-500 {
    color: #f43f5e;
}

.color-rose-600 {
    color: #e11d48;
}

/*Colores Angular*/
.color-angular-danger {
    color: #DC4C64;
}

.color-angular-primary {
    color: #3B71CA;
}

.color-angular-negro {
    color: #332D2D;
}