/* app/assets/stylesheets/custom.css (Solución Final para el Borde Blanco) */
/* app/assets/stylesheets/custom.css (Solución para Box-Shadow) */

/* 1. Elimina la sombra del contenido del modal para evitar la línea blanca */
.modal.show .modal-content {
    /* Anula la sombra de caja (box-shadow) que crea la línea blanca */
    box-shadow: none !important;
}

/* 2. Mantén la anulación del border-bottom, por si acaso. */
.modal.show .modal-content .modal-header.bg-danger {
    border-bottom: none !important;
}

/* ====================================================== */
/* 🔑 PRUEBA DE CARGA CSS Y SOLUCIÓN DE GESTOS */
/* ====================================================== */

/* 1. Prueba visual para ver si el CSS se está aplicando */
/* Debería darle un color de fondo GRIS CLARO al calendario. */
/* Si ves este color, el CSS está bien enlazado. */
.fc-view-harness {
    background-color: #f7f7f7 !important; /* Fondo gris claro */
    border: 3px solid red !important;     /* Borde rojo (muy visible) */
}

/* 2. Solución de Gestos Táctiles (Swipe) */
/* CLAVE: Esto anula el robo de gestos por parte del navegador. */
.fc,
.fc-view-harness {
    touch-action: pan-x pan-y !important; /* Permite arrastre horizontal (swipe) y vertical (scroll) */
}

/* Aplica esto específicamente a las vistas de día (donde el swipe es necesario) */
.fc-dayGridDay-view,
.fc-timeGridDay-view {
    touch-action: pan-x pan-y !important;
}

.bg-personal {
  background-color: #000;
}