/**
 * Page: Carreira (pg-carreira.php)
 *
 * Mantém apenas regras que não cabem em Tailwind inline:
 * - Marquee de imagens (#imagesMarquee) com animação infinita
 * - Texto com gradiente (`.dock-gradient-text*` usado no h2 Valores)
 */

/* ── Marquee de imagens (Vamos Juntos) ── */
#carousel {
    width: 100%;
    overflow: hidden;
}

#imagesMarquee.linha {
    display: flex;
    width: max-content;
    animation: marquee-scroll 60s linear infinite;
}

#imagesMarquee.linha.rtl {
    animation-direction: normal;
}

.slideItem {
    flex-shrink: 0;
    margin-right: 1rem;
    display: inline-block;
    position: relative;
}

.slideItemImage {
    width: auto;
    height: 240px;
    max-width: none;
    object-fit: cover;
    display: block;
}

.centerHelper {
    display: none;
}

@keyframes marquee-scroll {
    from { transform: translateX(0); }
    to   { transform: translateX(-50%); }
}

@media (max-width: 768px) {
    .slideItemImage {
        height: 180px;
    }
}

/* ── Texto com gradiente (h2 "Valores") ── */
.dock-gradient-text {
    background-image: linear-gradient(110deg, #00d8d8 0%, #c96dff 100%);
    background-size: 100% 25%;
    background-position: bottom;
    background-repeat: no-repeat;
    padding-bottom: 8px;
}

.dock-gradient-text.dock-gradient-text-purple {
    background-image: linear-gradient(110deg, #c96dff 0%, #c96dffb2 100%);
}


/* Avatar dos depoimentos: protege contra .owl-item img { width: 100% } default do Owl */
.depoItem .depoItemImage {
    width: 112px !important;
    height: 112px !important;
    max-width: 112px !important;
    flex-shrink: 0;
    object-fit: cover;
    border-radius: 9999px;
    display: block;
}