/* docs.css: Estilos personalizados para documentos formales de Almacenes El Mueble */

/* Cambiar el título principal grande (h1) al color marrón corporativo */
.doc-container h1 {
    color: #5c3a21 !important;
}

/* Cambiar los títulos azules por el color marrón corporativo */
.doc-container .text-primary {
    color: #5c3a21 !important; /* Marrón elegante acorde a la marca */
}

/* Subtítulos secundarios en un tono cálido o gris oscuro */
.doc-container .text-secondary {
    color: #8c6239 !important;
}

/* Cambiar el color de los enlaces o acentos si los hay */
.doc-container a {
    color: #b86200;
}

.doc-container a:hover {
    color: #e67e22;
}

/* Personalización de la tarjeta del documento con un borde más notorio */
.doc-container .card {
    border-radius: 12px;
    border: 2px solid #d2b496 !important; /* Borde más grueso y en un tono marrón/arena claro más visible */
    box-shadow: 0 4px 12px rgba(92, 58, 33, 0.08) !important; /* Sombra suave opcional para darle profundidad */
}


.doc-container .form-check-input {
    border: 2px solid #5c3a21 !important;
    background-color: #ffffff;
    cursor: pointer;
    width: 1.2rem;
    height: 1.2rem;
    margin-top: 0.15rem;
}

.doc-container .form-check-input:checked {
    background-color: #5c3a21 !important;
    border-color: #5c3a21 !important;
}

.doc-container .form-check-input:focus {
    box-shadow: 0 0 0 0.25rem rgba(92, 58, 33, 0.25);
    border-color: #5c3a21;
}

.doc-container .form-check-label {
    cursor: pointer;
    font-size: 0.95rem;
}