/* ===================================
   ADDITIONAL GRADIENT BLOBS FOR DEPTH
   =================================== */

/* Blob no carousel - canto esquerdo */
.agents-carousel-section {
    position: relative;
}

.carousel-container::before {
    content: '';
    position: absolute;
    top: -20%;
    left: -15%;
    width: 600px;
    height: 600px;
    background: radial-gradient(circle, rgba(0, 102, 255, 0.06) 0%, rgba(0, 163, 255, 0.03) 50%, transparent 70%);
    border-radius: 50%;
    filter: blur(90px);
    animation: floatBlobCarousel1 22s ease-in-out infinite;
    z-index: 0;
    pointer-events: none;
}

/* Blob no carousel - canto direito inferior */
.carousel-container::after {
    content: '';
    position: absolute;
    bottom: -25%;
    right: -10%;
    width: 550px;
    height: 550px;
    background: radial-gradient(circle, rgba(0, 163, 255, 0.07) 0%, rgba(0, 102, 255, 0.04) 50%, transparent 70%);
    border-radius: 50%;
    filter: blur(85px);
    animation: floatBlobCarousel2 19s ease-in-out infinite;
    z-index: 0;
    pointer-events: none;
}

@keyframes floatBlobCarousel1 {

    0%,
    100% {
        transform: translate(0, 0) scale(1);
    }

    50% {
        transform: translate(80px, -60px) scale(1.1);
    }
}

@keyframes floatBlobCarousel2 {

    0%,
    100% {
        transform: translate(0, 0) scale(1);
    }

    50% {
        transform: translate(-70px, 50px) scale(0.9);
    }
}

/* Blob adicional no FAQ - canto inferior esquerdo */
.faq-container::before {
    content: '';
    position: absolute;
    bottom: 10%;
    left: 5%;
    width: 450px;
    height: 450px;
    background: radial-gradient(circle, rgba(0, 102, 255, 0.5) 0%, rgba(0, 163, 255, 0.04) 50%, transparent 70%);
    border-radius: 50%;
    filter: blur(75px);
    animation: floatBlobFAQ 20s ease-in-out infinite;
    z-index: 0;
    pointer-events: none;
}

@keyframes floatBlobFAQ {

    0%,
    100% {
        transform: translate(0, 0);
    }

    50% {
        transform: translate(60px, -70px);
    }
}

/* Garantir que containers tenham position relative */
.carousel-container,
.faq-container {
    position: relative;
}