/* ========================================================
   PALETA OFICIAL CGRRD - RECEPCIÓN WEB
======================================================== */

:root {
    --cgrrd-blue-dark: #0A1E3F; /* Azul Marino muy oscuro (Logo oficial) */
    --cgrrd-blue-primary: #12346B; /* Azul corporativo principal */
    --cgrrd-blue-light: #F0F4F8; /* Fondo gris/azulado súper limpio */
    --cgrrd-gold: #C5A059; /* Acento dorado/ocre corporativo */
}

/* Fondo general de la aplicación */
body {
    background-color: var(--cgrrd-blue-light);
    font-family: 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
}

/* Títulos principales */
.text-primary {
    color: var(--cgrrd-blue-dark) !important;
}

/* Sombras elegantes para tarjetas y paneles */
.shadow-lg {
    box-shadow: 0 10px 25px rgba(10, 30, 63, 0.1) !important;
}

/* Diseño del panel de cámara (lector) */
#reader {
    border: 3px solid var(--cgrrd-blue-primary) !important;
    border-radius: 12px;
    background-color: #ffffff;
}

/* Caja de texto del lector físico USB */
#txtLectorFisico {
    border: 2px solid var(--cgrrd-gold);
    color: var(--cgrrd-blue-dark);
    transition: all 0.3s ease;
    border-radius: 8px;
}

    #txtLectorFisico:focus {
        box-shadow: 0 0 0 0.25rem rgba(197, 160, 89, 0.25);
        border-color: var(--cgrrd-gold);
        outline: none;
    }

/* Etiquetas y subtítulos */
.text-secondary {
    color: #495057 !important;
}

/* Personalización del Panel de Resultado (Verde / Rojo) */
#panelMensaje h3 {
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* Botones genéricos (si agregas un botón de 'Cerrar Sesión' o menú) */
.btn-primary {
    background-color: var(--cgrrd-blue-primary);
    border-color: var(--cgrrd-blue-dark);
}

    .btn-primary:hover {
        background-color: var(--cgrrd-blue-dark);
    }