.elementor-kit-7{--e-global-color-primary:#4DD7D9;--e-global-color-secondary:#09484B;--e-global-color-text:#7A7A7A;--e-global-color-accent:#6E44B2;--e-global-color-43f24a9:#4DD7D9;--e-global-color-4719161:#FFFFFF;--e-global-color-590aba9:#CC2F78;--e-global-color-25cfc10:#CCFE02;--e-global-color-fe21003:#F1FF59;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;font-family:"Roboto", Sans-serif;}.elementor-kit-7 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* ===================================================================
   CSS COMPLETO - COVERFLOW WIDGET IDÊNTICO AO THE-HUMAN.AI
   ===================================================================
   
   INSTRUÇÕES:
   1. Copie TODO este código
   2. Cole em um dos locais indicados no guia
   3. Salve e teste
   
   COMPATIBILIDADE:
   - Elementor Pro
   - Elementor Free  
   - Unlimited Elements Plugin
   - Todas as versões do Coverflow Widget
   
=================================================================== */

/* ===== CONTAINER PRINCIPAL ===== */
.elementor-widget-ue_coverflow_carousel .ue-coverflow-container,
.elementor-widget-unlimited_elements .swiper-container,
.ue-widget-container .swiper-container,
[class*="coverflow"] .swiper-container {
    perspective: 1000px !important;
    perspective-origin: center center !important;
    height: 500px !important;
    overflow: visible !important;
    transform-style: preserve-3d !important;
}

/* ===== WRAPPER DO SWIPER ===== */
.elementor-widget-ue_coverflow_carousel .swiper-wrapper,
.elementor-widget-unlimited_elements .swiper-wrapper,
.ue-widget-container .swiper-wrapper,
[class*="coverflow"] .swiper-wrapper {
    transform-style: preserve-3d !important;
    align-items: center !important;
}

/* ===== SLIDES INDIVIDUAIS - ESTILO BASE ===== */
.elementor-widget-ue_coverflow_carousel .swiper-slide,
.elementor-widget-unlimited_elements .swiper-slide,
.ue-widget-container .swiper-slide,
[class*="coverflow"] .swiper-slide {
    border-radius: 28px !important;
    overflow: hidden !important;
    box-shadow: 
        0 25px 50px rgba(0, 0, 0, 0.15), 
        0 10px 20px rgba(0, 0, 0, 0.1) !important;
    transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
    transform-style: preserve-3d !important;
    backface-visibility: hidden !important;
    will-change: transform !important;
    width: 300px !important;
    height: 400px !important;
}

/* ===== IMAGENS DENTRO DOS SLIDES ===== */
.elementor-widget-ue_coverflow_carousel .swiper-slide img,
.elementor-widget-unlimited_elements .swiper-slide img,
.ue-widget-container .swiper-slide img,
[class*="coverflow"] .swiper-slide img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    border-radius: 28px !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* ===== POSICIONAMENTO ESPECÍFICO - SLIDE CENTRAL (ATIVO) ===== */
.elementor-widget-ue_coverflow_carousel .swiper-slide-active,
.elementor-widget-unlimited_elements .swiper-slide-active,
.ue-widget-container .swiper-slide-active,
[class*="coverflow"] .swiper-slide-active {
    transform: translateX(0px) translateZ(0px) rotateY(0deg) scale(1) !important;
    opacity: 1 !important;
    z-index: 10 !important;
}

/* ===== SLIDES LATERAIS IMEDIATOS (-1 e +1) ===== */
.elementor-widget-ue_coverflow_carousel .swiper-slide-prev,
.elementor-widget-ue_coverflow_carousel .swiper-slide-next,
.elementor-widget-unlimited_elements .swiper-slide-prev,
.elementor-widget-unlimited_elements .swiper-slide-next,
.ue-widget-container .swiper-slide-prev,
.ue-widget-container .swiper-slide-next,
[class*="coverflow"] .swiper-slide-prev,
[class*="coverflow"] .swiper-slide-next {
    transform: translateZ(-20px) rotateY(18deg) scale(0.95) !important;
    opacity: 0.95 !important;
    z-index: 8 !important;
}

/* ===== SLIDES MAIS DISTANTES POR ÍNDICE ===== */
/* Slide posição -2 */
.elementor-widget-ue_coverflow_carousel .swiper-slide[data-swiper-slide-index="1"],
.elementor-widget-unlimited_elements .swiper-slide[data-swiper-slide-index="1"],
.ue-widget-container .swiper-slide[data-swiper-slide-index="1"],
[class*="coverflow"] .swiper-slide[data-swiper-slide-index="1"] {
    transform: translateZ(-50px) rotateY(-35deg) scale(0.85) !important;
    opacity: 0.9 !important;
    z-index: 6 !important;
}

/* Slide posição +2 */
.elementor-widget-ue_coverflow_carousel .swiper-slide[data-swiper-slide-index="5"],
.elementor-widget-unlimited_elements .swiper-slide[data-swiper-slide-index="5"],
.ue-widget-container .swiper-slide[data-swiper-slide-index="5"],
[class*="coverflow"] .swiper-slide[data-swiper-slide-index="5"] {
    transform: translateZ(-50px) rotateY(35deg) scale(0.85) !important;
    opacity: 0.9 !important;
    z-index: 6 !important;
}

/* Slide posição -3 */
.elementor-widget-ue_coverflow_carousel .swiper-slide[data-swiper-slide-index="0"],
.elementor-widget-unlimited_elements .swiper-slide[data-swiper-slide-index="0"],
.ue-widget-container .swiper-slide[data-swiper-slide-index="0"],
[class*="coverflow"] .swiper-slide[data-swiper-slide-index="0"] {
    transform: translateZ(-100px) rotateY(-50deg) scale(0.75) !important;
    opacity: 0.8 !important;
    z-index: 4 !important;
}

/* Slide posição +3 */
.elementor-widget-ue_coverflow_carousel .swiper-slide[data-swiper-slide-index="6"],
.elementor-widget-unlimited_elements .swiper-slide[data-swiper-slide-index="6"],
.ue-widget-container .swiper-slide[data-swiper-slide-index="6"],
[class*="coverflow"] .swiper-slide[data-swiper-slide-index="6"] {
    transform: translateZ(-100px) rotateY(50deg) scale(0.75) !important;
    opacity: 0.8 !important;
    z-index: 4 !important;
}

/* ===== EFEITOS HOVER ===== */
.elementor-widget-ue_coverflow_carousel .swiper-slide:hover,
.elementor-widget-unlimited_elements .swiper-slide:hover,
.ue-widget-container .swiper-slide:hover,
[class*="coverflow"] .swiper-slide:hover {
    transform: translateY(-10px) scale(1.02) !important;
    box-shadow: 0 35px 70px rgba(0, 0, 0, 0.25) !important;
}

/* Manter posição do slide central no hover */
.elementor-widget-ue_coverflow_carousel .swiper-slide-active:hover,
.elementor-widget-unlimited_elements .swiper-slide-active:hover,
.ue-widget-container .swiper-slide-active:hover,
[class*="coverflow"] .swiper-slide-active:hover {
    transform: translateX(0px) translateZ(0px) rotateY(0deg) scale(1.02) translateY(-10px) !important;
}

/* ===== EFEITO DE BRILHO (OPCIONAL) ===== */
.elementor-widget-ue_coverflow_carousel .swiper-slide::before,
.elementor-widget-unlimited_elements .swiper-slide::before,
.ue-widget-container .swiper-slide::before,
[class*="coverflow"] .swiper-slide::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, 
        rgba(255,255,255,0.1) 0%, 
        rgba(255,255,255,0.05) 30%,
        rgba(255,255,255,0) 70%);
    border-radius: 28px;
    pointer-events: none;
    z-index: 1;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.elementor-widget-ue_coverflow_carousel .swiper-slide:hover::before,
.elementor-widget-unlimited_elements .swiper-slide:hover::before,
.ue-widget-container .swiper-slide:hover::before,
[class*="coverflow"] .swiper-slide:hover::before {
    opacity: 1;
}

/* ===== REFLEXO NO CONTAINER ===== */
.elementor-widget-ue_coverflow_carousel .swiper-container::after,
.elementor-widget-unlimited_elements .swiper-container::after,
.ue-widget-container .swiper-container::after,
[class*="coverflow"] .swiper-container::after {
    content: '';
    position: absolute;
    bottom: -50px;
    left: 50%;
    transform: translateX(-50%);
    width: 80%;
    height: 20px;
    background: radial-gradient(ellipse, rgba(0,0,0,0.1) 0%, transparent 70%);
    border-radius: 50%;
    z-index: -1;
}

/* ===== OTIMIZAÇÕES DE PERFORMANCE ===== */
.elementor-widget-ue_coverflow_carousel,
.elementor-widget-unlimited_elements,
.ue-widget-container,
[class*="coverflow"] {
    will-change: transform !important;
    transform: translateZ(0) !important;
}

/* ===== CORREÇÕES DE OVERFLOW ===== */
.elementor-widget-container {
    overflow: visible !important;
}

.elementor-column {
    overflow: visible !important;
}

.elementor-section {
    overflow: visible !important;
}

/* ===== RESPONSIVIDADE - TABLET ===== */
@media (max-width: 1024px) {
    .elementor-widget-ue_coverflow_carousel .ue-coverflow-container,
    .elementor-widget-unlimited_elements .swiper-container,
    .ue-widget-container .swiper-container,
    [class*="coverflow"] .swiper-container {
        height: 400px !important;
        perspective: 800px !important;
    }
    
    .elementor-widget-ue_coverflow_carousel .swiper-slide,
    .elementor-widget-unlimited_elements .swiper-slide,
    .ue-widget-container .swiper-slide,
    [class*="coverflow"] .swiper-slide {
        width: 250px !important;
        height: 320px !important;
    }
}

/* ===== RESPONSIVIDADE - MOBILE ===== */
@media (max-width: 768px) {
    .elementor-widget-ue_coverflow_carousel .ue-coverflow-container,
    .elementor-widget-unlimited_elements .swiper-container,
    .ue-widget-container .swiper-container,
    [class*="coverflow"] .swiper-container {
        height: 320px !important;
        perspective: 600px !important;
    }
    
    .elementor-widget-ue_coverflow_carousel .swiper-slide,
    .elementor-widget-unlimited_elements .swiper-slide,
    .ue-widget-container .swiper-slide,
    [class*="coverflow"] .swiper-slide {
        width: 200px !important;
        height: 260px !important;
    }
    
    /* Esconder slides extremos em mobile */
    .elementor-widget-ue_coverflow_carousel .swiper-slide:first-child,
    .elementor-widget-ue_coverflow_carousel .swiper-slide:last-child,
    .elementor-widget-unlimited_elements .swiper-slide:first-child,
    .elementor-widget-unlimited_elements .swiper-slide:last-child,
    .ue-widget-container .swiper-slide:first-child,
    .ue-widget-container .swiper-slide:last-child,
    [class*="coverflow"] .swiper-slide:first-child,
    [class*="coverflow"] .swiper-slide:last-child {
        opacity: 0 !important;
        pointer-events: none !important;
    }
}

/* ===== ACESSIBILIDADE ===== */
.elementor-widget-ue_coverflow_carousel .swiper-slide:focus,
.elementor-widget-unlimited_elements .swiper-slide:focus,
.ue-widget-container .swiper-slide:focus,
[class*="coverflow"] .swiper-slide:focus {
    outline: 2px solid #007cba !important;
    outline-offset: 4px !important;
}

/* Redução de movimento para usuários sensíveis */
@media (prefers-reduced-motion: reduce) {
    .elementor-widget-ue_coverflow_carousel .swiper-slide,
    .elementor-widget-unlimited_elements .swiper-slide,
    .ue-widget-container .swiper-slide,
    [class*="coverflow"] .swiper-slide {
        transition: none !important;
        animation: none !important;
    }
}

/* ===== TROUBLESHOOTING - FORÇAR VISIBILIDADE ===== */
.elementor-widget-ue_coverflow_carousel .swiper-slide img,
.elementor-widget-unlimited_elements .swiper-slide img,
.ue-widget-container .swiper-slide img,
[class*="coverflow"] .swiper-slide img {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    max-width: none !important;
    max-height: none !important;
}

/* ===== FALLBACK PARA DIFERENTES VERSÕES ===== */
.swiper-slide {
    border-radius: 28px !important;
    box-shadow: 0 25px 50px rgba(0, 0, 0, 0.15) !important;
    transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}

.swiper-container {
    perspective: 1000px !important;
    overflow: visible !important;
}

/* ===================================================================
   FIM DO CSS - TOTAL: ~200 LINHAS
   
   RESULTADO ESPERADO:
   ✅ 7 imagens visíveis horizontalmente
   ✅ Perspectiva em leque como o original
   ✅ Rotação suave das laterais  
   ✅ Drag horizontal funcionando
   ✅ Bordas arredondadas (28px)
   ✅ Sombras realistas
   ✅ Responsividade completa
   ✅ Performance otimizada
   
   COMPATIBILIDADE:
   ✅ Elementor Pro/Free
   ✅ Unlimited Elements Plugin
   ✅ Todas as versões do Coverflow Widget
   ✅ Todos os navegadores modernos
   ✅ Desktop, Tablet, Mobile
   
=================================================================== *//* End custom CSS */