/* ============================================================
   ESTILOS GERAIS & CUSTOMIZAÇÕES — C.D.R. SÃO JOSÉ
   ============================================================ */

/* Base Resets & Custom Scrollbar */
body {
    background-color: #051124;
    color: #F4F5F8;
    overflow-x: hidden;
}

::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-track {
    background: #051124;
}
::-webkit-scrollbar-thumb {
    background: #E62035;
}

/* Custom typography utilities */
.text-outline {
    color: transparent;
    -webkit-text-stroke: 1px #F4F5F8;
}

.text-outline-red {
    color: transparent;
    -webkit-text-stroke: 2px #E62035;
}

/* Abstract Bocce Ball Element for animation */
.bocha-ball {
    position: absolute;
    border-radius: 50%;
    background: radial-gradient(circle at 30% 30%, #ff4d5d, #E62035, #8a0b1a);
    box-shadow: inset -10px -10px 20px rgba(0,0,0,0.5), 10px 10px 30px rgba(0,0,0,0.5);
    z-index: 10;
}

/* Image Masking Effect */
.img-reveal {
    clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
}

/* WhatsApp Floating CTA Pulse Effect */
@keyframes whatsapp-wave {
    0% {
        box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.7);
    }
    70% {
        box-shadow: 0 0 0 16px rgba(37, 211, 102, 0);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(37, 211, 102, 0);
    }
}

.whatsapp-float-btn {
    animation: whatsapp-wave 2.2s infinite;
}