/* ESTILOS EN PANTALLA (WEB) */
.reporte-container {
    background-color: #ffffff;
    padding: 30px;
    border-radius: 8px;
    max-width: 800px;
    margin: 0 auto;
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
}

.reporte-header {
    display: table;
    width: 100%;
    margin-bottom: 20px;
}

.logo-empresa {
    display: table-cell;
    vertical-align: middle;
    width: 30%;
}

.logo-empresa img {
    max-width: 160px;
    height: auto;
}

.info-empresa {
    display: table-cell;
    vertical-align: middle;
    width: 70%;
    text-align: right;
}

.info-empresa h2 {
    margin: 0;
    font-size: 18pt;
    color: #333;
}

.info-empresa p {
    margin: 2px 0;
    color: #666;
}

.reporte-datos {
    margin-bottom: 20px;
}

.tabla-reporte {
    width: 100%;
    border-collapse: collapse;
    margin-top: 15px;
}

.tabla-reporte th, 
.tabla-reporte td {
    border: 1px solid #dddddd;
    padding: 10px;
    text-align: center; /* Datos centrados */
    vertical-align: middle;
}

.tabla-reporte th {
    background-color: #f2f2f2;
    font-weight: bold;
}

.reporte-footer {
    margin-top: 50px;
    display: table;
    width: 100%;
}

.firma {
    display: table-cell;
    width: 50%;
    text-align: center;
}

/* =================================================== */
/* CONFIGURACIÓN EXCLUSIVA PARA DESCARGAR PDF / IMPRIMIR */
/* =================================================== */
@media print {
    /* 1. Ocultar el menú, botones y elementos con clase .no-print */
    .no-print, 
    nav, 
    header, 
    footer, 
    .sidebar, 
    .btn, 
    #menu {
        display: none !important;
    }

    /* 2. Resetear márgenes de la página y ajustar el reporte */
    body {
        background-color: #ffffff !important;
        margin: 0 !important;
        padding: 0 !important;
    }

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

    /* 3. Asegurar que las tablas mantengan bordes limpios */
    .tabla-reporte th, 
    .tabla-reporte td {
        border: 1px solid #000000 !important;
    }

    /* Ajuste de página A4 / Carta */
    @page {
        size: letter;
        margin: 1.5cm;
    }
}