/* ==========================================================================
   ESTILOS PARA EL MODAL DE ACTIVACIÓN / FORMATO (UNIFICADO)
   ========================================================================== */

/* Contenedor principal del modal */
.modal-custom-format .modal-content {
    border-radius: 18px !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
    background-color: #fdfaf7 !important;
    overflow: hidden;
    border: none !important;
}

/* Encabezado del modal */
.modal-custom-format .modal-header {
    background-image: url("../img/EncabezadoPrinc.5d88fc2552c2.png");
    background-size: 280px 75px;
    background-repeat: no-repeat;
    border-bottom: none !important;
    background-position: 10px 10px;
    height: 75px;
    color: white;
    padding: 12px 25px;
    display: flex;
    align-items: center;
    gap: 15px;
}

/* Icono del encabezado (limitado a 30px para que no explote) */
.modal-custom-format .modal-header-icon,
.modal-custom-format .excel-img {
    width: 30px !important;
    height: auto !important;
    filter: brightness(0) invert(1) !important;
}

/* Título del modal */
.modal-custom-format .modal-title {
    font-size: 1.2rem;
    font-weight: bold;
    color: white !important;
    margin: 0;
}

/* Cuerpo del modal y elementos de formulario */
.modal-custom-format .modal-body {
    padding: 20px 35px 15px 35px !important;
}

.modal-custom-format .modal-body p,
.modal-custom-format label {
    font-size: 0.95rem;
    color: #5d4037 !important;
}

/* Inputs y Textareas acordes a la paleta */
.modal-custom-format .form-control {
    border-radius: 8px !important;
    border: 1px solid #d7ccc8 !important;
    background-color: #fff !important;
    color: #3e2723 !important;
    padding: 10px 12px !important;
}

.modal-custom-format .form-control:focus {
    border-color: #be9374 !important;
    box-shadow: 0 0 0 0.2rem rgba(190, 147, 116, 0.25) !important;
}

/* Footer y Botones */
.modal-custom-format .modal-footer {
    border: none !important;
    padding: 0 35px 30px 35px !important;
}

/* Botón primario (Enviar Solicitud) estilizado con el color de la tabla café */
.modal-custom-format .btn-primary-custom {
    background-color: #be9374 !important;
    border: none !important;
    color: #fff !important;
    font-weight: bold;
    border-radius: 8px !important;
    padding: 8px 22px !important;
    transition: background-color 0.2s ease;
}

.modal-custom-format .btn-primary-custom:hover {
    background-color: #a87e60 !important;
}

/* Botón de cerrar personalizado (Cerrar / Cancelar X) */
.custom-close-button {
    display: flex;
    align-items: center;
    background: none;
    border: none;
    font-size: 1.1rem;
    font-weight: bold;
    color: #5d4037 !important;
    cursor: pointer;
    transition: opacity 0.2s ease;
    padding: 0;
}

.custom-close-button:hover {
    opacity: 0.7;
}

.custom-close-button .close-icon-x {
    font-family: 'Arial Black', Gadget, sans-serif;
    font-size: 1.4rem;
    font-weight: 900;
    color: #8d6e63 !important;
    margin-left: 8px;
    line-height: 1;
}