/* Diseño Circular Inteligente y Minimalista */
        .btn-evangelio-flotante {
            position: fixed !important;
            bottom: 25px !important;
            right: 25px !important;
            z-index: 999999 !important;
            width: 56px !important;
            height: 56px !important;
            background: #ffffff !important; /* Fondo blanco limpio */
            border: 2px solid #003399 !important; /* Borde azul de tu marca */
            border-radius: 50% !important; /* Círculo perfecto */
            display: flex !important;
            align-items: center !important;
            justify-content: center !important;
            color: #003399 !important;
            font-size: 24px !important;
            text-decoration: none !important;
            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15) !important;
            transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
            overflow: hidden !important;
            white-space: nowrap !important;
            -webkit-transform: translate3d(0,0,0);
        }

        /* Texto inicialmente oculto */
        .btn-evangelio-flotante span {
            display: none !important;
            font-size: 15px !important;
            font-weight: 600 !important;
            margin-left: 8px !important;
            color: #ffffff !important;
        }

        /* Animación de Expansión en Computadora (Hover) */
        @media (min-width: 992px) {
            .btn-evangelio-flotante:hover {
                width: 190px !important; /* Se estira para mostrar el texto */
                border-radius: 30px !important;
                background: #003399 !important; /* Cambia al azul corporativo */
                color: #FFD700 !important; /* Icono dorado */
                border-color: #FFD700 !important;
                justify-content: flex-start !important;
                padding-left: 20px !important;
                box-shadow: 0 8px 20px rgba(0, 51, 153, 0.3) !important;
            }
            .btn-evangelio-flotante:hover span {
                display: inline-block !important; /* Muestra el texto al estirarse */
            }
        }

        /* Ajuste y visualización en Pantallas Táctiles (Celulares) */
        @media (max-width: 991px) {
            .btn-evangelio-flotante {
                bottom: 20px !important;
                right: 20px !important;
                width: 50px !important;
                height: 50px !important;
                font-size: 20px !important;
                background: #003399 !important; /* En móvil se queda fijo en azul para resaltar */
                color: #ffffff !important;
                border-color: #FFD700 !important; /* Borde dorado directo */
                box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2) !important;
            }
        }