/* Estilos personalizados para la ventana modal */
    #custom-modal-overlay {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.75);
        display: none; /* Oculto por defecto */
        justify-content: center;
        align-items: center;
        z-index: 1000;
        opacity: 0;
        transition: opacity 0.3s ease-in-out;
    }

    #custom-modal-content {
        transform: scale(0.8);
        transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    }

    /* Estilo para mostrar la ventana (usado por JS) */
    #custom-modal-overlay.open {
        display: flex;
        opacity: 1;
    }

    #custom-modal-overlay.open #custom-modal-content {
        transform: scale(1);
    }

    /* Estilo de la banda superior roja y blanca */
    .important-bar {
        background-color: #f87171; /* Rojo Tailwind 400 */
        background-image: linear-gradient(
            45deg,
            #f87171 25%,
            #ffffff 25%,
            #ffffff 50%,
            #f87171 50%,
            #f87171 75%,
            #ffffff 75%,
            #ffffff 100%
        );
        background-size: 50px 50px;
        animation: stripe-move 1s linear infinite;
    }

    @keyframes stripe-move {
        0% { background-position: 0 0; }
        100% { background-position: 50px 0; }
    }