.elementor-2748 .elementor-element.elementor-element-2c42c38d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-2748 .elementor-element.elementor-element-49b7cc88{--display:flex;}.elementor-2748 .elementor-element.elementor-element-78b6c36b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2748 .elementor-element.elementor-element-3acb5c5{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2748 .elementor-element.elementor-element-19f2e0a4{--display:flex;}.elementor-2748 .elementor-element.elementor-element-19f2e0a4.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-2748 .elementor-element.elementor-element-42077ef7{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2748 .elementor-element.elementor-element-67899858{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2748 .elementor-element.elementor-element-4d45c1c7{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2748 .elementor-element.elementor-element-6b9c2c50{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2748 .elementor-element.elementor-element-9819e9d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2748 .elementor-element.elementor-element-7c382268{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2748 .elementor-element.elementor-element-17901b28{--display:flex;}.elementor-2748 .elementor-element.elementor-element-2cdb056b{--display:flex;}.elementor-2748 .elementor-element.elementor-element-3b1c80f8{--display:flex;}.elementor-2748 .elementor-element.elementor-element-5c78d096{--display:flex;}.elementor-2748 .elementor-element.elementor-element-74666044{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2748 .elementor-element.elementor-element-799d825f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2748 .elementor-element.elementor-element-1fc301b0{--display:flex;}.elementor-2748 .elementor-element.elementor-element-47ae1ec{--display:flex;}.elementor-2748 .elementor-element.elementor-element-4ae3ad2c{--display:flex;}.elementor-2748 .elementor-element.elementor-element-4a7deb74{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2748 .elementor-element.elementor-element-67db3378{--display:flex;}.elementor-2748 .elementor-element.elementor-element-3d1f2abc{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2748 .elementor-element.elementor-element-679b68dd{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2748 .elementor-element.elementor-element-153ecd43{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2748 .elementor-element.elementor-element-2530851f{--display:flex;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-2748 .elementor-element.elementor-element-19f2e0a4{--width:98.216%;}}@media(max-width:1024px){.elementor-2748 .elementor-element.elementor-element-799d825f{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}}@media(max-width:767px){.elementor-2748 .elementor-element.elementor-element-799d825f{--margin-top:36px;--margin-bottom:36px;--margin-left:36px;--margin-right:36px;}}/* Start custom CSS for heading, class: .elementor-element-2fc73c75 *//* Fonte Montserrat */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@900&display=swap');

/* --- CORREÇÃO DE COR: Força Bruta para Branco --- */
.titulo-vsl,
.titulo-vsl h1,
.titulo-vsl h2,
.titulo-vsl h3,
.titulo-vsl h4,
.titulo-vsl span,
.titulo-vsl p,
.titulo-vsl .elementor-heading-title {
    color: #ffffff !important; /* O !important obriga a ficar branco */
    fill: #ffffff !important;  /* Garante branco até em ícones SVG se tiver */
}

/* Configuração Geral do Texto */
.titulo-vsl {
    font-family: 'Montserrat', sans-serif;
    font-weight: 900;
    font-size: 44px;
    text-align: center;
    line-height: 1.4;
    text-shadow: 0px 4px 15px rgba(0,0,0, 0.9);
    
    /* Renderização suave */
    -webkit-font-smoothing: antialiased;
    transform: translateZ(0);
    position: relative;
    z-index: 1; 
}

/* --- SOLUÇÃO PARA NÃO QUEBRAR O TIKTOK SHOP NO CELULAR --- */
.titulo-vsl .junto {
    white-space: nowrap;
}

/* --- O BLOCO AMARELO (DESTAQUE) --- */
.titulo-vsl .destaque {
    /* Fundo Amarelo + O Brilho (Gradient) */
    background-color: #ffe600;
    background-image: linear-gradient(
        120deg, 
        transparent 30%, 
        rgba(255,255,255,0.8) 50%, 
        transparent 70%
    );
    background-size: 200% 100%; 
    background-position: 100% 0; 
    background-repeat: no-repeat;
    
    /* --- CORREÇÃO DO DESTAQUE: Força Preto aqui dentro --- */
    color: #000000 !important; 
    
    padding: 4px 12px;
    border-radius: 6px;
    
    display: inline-block;
    position: relative; 
    
    /* Glow externo fixo */
    box-shadow: 0px 0px 20px rgba(255, 230, 0, 0.6); 
    
    /* Inclinação */
    transform: skew(-3deg);
    
    /* DUAS ANIMAÇÕES AO MESMO TEMPO */
    animation: 
        tremer-frio-forte 4s ease-in-out infinite,
        mover-fundo-brilho 3s linear infinite;
}

/* Garante que o texto DENTRO do destaque seja preto também */
.titulo-vsl .destaque span {
    color: #000000 !important;
}

/* 1. O TREMOR */
@keyframes tremer-frio-forte {
    0% { transform: skew(-3deg) translateX(0); }
    5% { transform: skew(-3deg) translateX(-4px); } 
    10% { transform: skew(-3deg) translateX(4px); }
    15% { transform: skew(-3deg) translateX(-4px); }
    20% { transform: skew(-3deg) translateX(4px); }
    25% { transform: skew(-3deg) translateX(0); }
    100% { transform: skew(-3deg) translateX(0); }
}

/* 2. O BRILHO (Background) */
@keyframes mover-fundo-brilho {
    0% { background-position: 200% 0; } 
    20% { background-position: -100% 0; } 
    100% { background-position: -100% 0; } 
}

/* 3. A POEIRA CAINDO */
.titulo-vsl .destaque::before {
    content: '';
    position: absolute;
    bottom: 2px;
    left: 50%;
    width: 6px; 
    height: 6px;
    background: transparent; 
    z-index: -1; 
    
    /* Os pixels de poeira */
    box-shadow: 
        -50px 0px 0px #ffe600,  
         50px 0px 0px #ffe600,
        -25px -5px 0px #ffe600, 
         25px -5px 0px #ffe600;
         
    opacity: 0;
    pointer-events: none;
    
    animation: poeira-caindo 4s ease-in-out infinite;
}

@keyframes poeira-caindo {
    0% { opacity: 0; transform: translateY(0px) scale(1); }
    5% { opacity: 1; }
    20% { opacity: 0; transform: translateY(30px) scale(0.5); }
    100% { opacity: 0; transform: translateY(30px); }
}

/* Mobile */
@media (max-width: 768px) {
    .titulo-vsl,
    .titulo-vsl h1,
    .titulo-vsl h2 {
        font-size: 28px !important; /* Ajuste forçado no mobile */
    }
    .titulo-vsl .destaque {
        background-size: 300% 100%; 
    }
    .titulo-vsl .destaque::before {
        box-shadow: 
        -30px 0px 0px #ffe600, 
         30px 0px 0px #ffe600,
        -15px -5px 0px #ffe600,
         15px -5px 0px #ffe600;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3acb5c5 *//* Empurra o container para baixo no PC */
.elementor-2748 .elementor-element.elementor-element-3acb5c5 {
    margin-top: 80px !important;
}

/* Força bruta: Empurra o container MUITO para baixo apenas no celular */
@media (max-width: 768px) {
    .elementor-2748 .elementor-element.elementor-element-3acb5c5 {
        margin-top: 280px !important; 
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4515ff93 */@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;700;900&display=swap');

/* --- ESTRUTURA GERAL --- */
.quem-e-section {
    font-family: 'Inter', sans-serif;
    padding: 40px 10px;
    background-color: transparent; /* Deixa o fundo do site aparecer */
    max-width: 1000px;
    margin: 0 auto;
}

/* --- CABEÇALHO --- */
.quem-header {
    text-align: center;
    margin-bottom: 50px;
}

.quem-header h2 {
    color: #fff;
    font-size: 32px;
    font-weight: 900;
    text-transform: uppercase;
    margin-bottom: 10px;
    letter-spacing: -1px;
}

.text-highlight {
    color: #ffe600; /* Amarelo da sua marca */
    text-shadow: 0 0 20px rgba(255, 230, 0, 0.3);
}

.quem-header p {
    color: #a1a1a1;
    font-size: 16px;
}

/* --- CONTAINER DOS CARDS --- */
.cards-container {
    display: flex;
    gap: 30px;
    justify-content: center;
    align-items: stretch; /* Cards com mesma altura */
}

/* --- ESTILO BASE DOS CARDS --- */
.card-dores, .card-solucao {
    flex: 1;
    background: linear-gradient(145deg, #0f0f0f, #050505);
    border-radius: 20px;
    padding: 40px 30px;
    position: relative;
    overflow: hidden;
    transition: transform 0.3s ease;
    border: 1px solid rgba(255,255,255,0.05);
}

.card-dores:hover, .card-solucao:hover {
    transform: translateY(-5px);
}

/* --- ESTILO ESPECÍFICO: DORES (VERMELHO) --- */
.card-dores {
    box-shadow: 0 10px 40px rgba(255, 0, 0, 0.05);
    border-bottom: 4px solid #ff3333;
}

.card-dores h3 {
    color: #ff3333;
    font-size: 22px;
    font-weight: 800;
    text-transform: uppercase;
    margin: 15px 0 10px 0;
}

/* --- ESTILO ESPECÍFICO: SOLUÇÃO (VERDE) --- */
.card-solucao {
    background: linear-gradient(145deg, #121212, #080808);
    box-shadow: 0 10px 40px rgba(0, 255, 65, 0.05);
    border-bottom: 4px solid #00ff41;
}

.card-solucao h3 {
    color: #00ff41;
    font-size: 22px;
    font-weight: 800;
    text-transform: uppercase;
    margin: 15px 0 10px 0;
}

/* --- ÍCONES E DESCRIÇÃO --- */
.card-icon-box {
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    background: rgba(255,255,255,0.05);
    margin-bottom: 20px;
}

.card-icon-box svg {
    width: 28px;
    height: 28px;
}

.red-glow { box-shadow: 0 0 20px rgba(255, 51, 51, 0.2); }
.green-glow { box-shadow: 0 0 20px rgba(0, 255, 65, 0.2); }

.card-desc {
    color: #ccc;
    font-size: 14px;
    line-height: 1.5;
    margin-bottom: 30px;
    min-height: 45px;
}

/* --- LISTAS --- */
.lista-check {
    list-style: none;
    padding: 0;
    margin: 0;
}

.lista-check li {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 0;
    border-bottom: 1px solid rgba(255,255,255,0.05);
    color: #e0e0e0;
    font-size: 15px;
    font-weight: 500;
}

.lista-check li strong {
    color: #fff;
    font-weight: 700;
}

.lista-check li:last-child {
    border-bottom: none;
}

/* Ícones da lista */
.lista-check .icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    font-size: 12px;
    font-weight: bold;
    flex-shrink: 0;
}

/* Cores da lista Vermelha */
.lista-red .icon {
    background: rgba(255, 51, 51, 0.15);
    color: #ff3333;
    border: 1px solid rgba(255, 51, 51, 0.3);
}

/* Cores da lista Verde */
.lista-green .icon {
    background: rgba(0, 255, 65, 0.15);
    color: #00ff41;
    border: 1px solid rgba(0, 255, 65, 0.3);
}

/* --- MOBILE --- */
@media (max-width: 768px) {
    .cards-container {
        flex-direction: column; /* Empilha um em cima do outro */
        gap: 40px;
    }
    
    .quem-header h2 {
        font-size: 24px;
    }
    
    .card-desc {
        min-height: auto;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-767ba78a */@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;700;900&display=swap');

/* CONTAINER PRINCIPAL */
.garantia-premium-box {
    background: linear-gradient(145deg, #0f0f0f, #050505); 
    border: 1px solid rgba(255, 230, 0, 0.15); 
    border-radius: 20px;
    padding: 35px;
    max-width: 850px;
    margin: 40px auto;
    
    display: flex;
    align-items: center;
    gap: 30px;
    
    position: relative;
    overflow: hidden; 
    box-shadow: 0px 20px 40px rgba(0,0,0,0.6); 
    
    font-family: 'Inter', sans-serif;
}

/* Luz de fundo */
.garantia-premium-box::before {
    content: '';
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,230,0,0.03) 0%, rgba(0,0,0,0) 60%);
    pointer-events: none;
    z-index: 0;
}

/* --- ÍCONE --- */
.icon-wrapper {
    position: relative;
    width: 90px;
    height: 90px;
    flex-shrink: 0;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

.icon-wrapper svg {
    width: 100%;
    height: 100%;
    filter: drop-shadow(0px 0px 15px rgba(255, 230, 0, 0.4));
    animation: flutuar-escudo 3s ease-in-out infinite;
}

/* Badge "45 DIAS" flutuando no ícone */
.badge-dias {
    position: absolute;
    bottom: -10px;
    background: #ffe600;
    color: #000;
    font-weight: 900;
    font-size: 12px;
    padding: 4px 10px;
    border-radius: 4px;
    box-shadow: 0px 5px 15px rgba(0,0,0,0.5);
    transform: rotate(-5deg);
}

.icon-glow {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #ffe600;
    border-radius: 50%;
    filter: blur(40px);
    opacity: 0.15;
    z-index: -1;
    animation: pulsar-glow 3s infinite;
}

/* --- TEXTO --- */
.text-content {
    position: relative;
    z-index: 1;
    text-align: left;
    flex: 1; /* Ocupa o resto do espaço */
}

.garantia-title {
    color: #ffe600;
    font-size: 28px;
    font-weight: 900;
    text-transform: uppercase;
    margin: 0 0 12px 0;
    letter-spacing: -1px;
    line-height: 1.1;
}

.garantia-desc {
    color: #a1a1a1; 
    font-size: 16px;
    line-height: 1.5;
    margin: 0 0 25px 0;
    font-weight: 400;
}

.garantia-desc strong {
    color: #fff;
    font-weight: 700;
}

/* --- BOTÃO --- */
.btn-garantia {
    display: inline-block;
    background-color: #ffe600;
    color: #000;
    font-weight: 800;
    font-size: 15px;
    padding: 12px 35px;
    border-radius: 6px;
    text-decoration: none;
    text-transform: uppercase;
    box-shadow: 0px 0px 20px rgba(255, 230, 0, 0.2);
    transition: all 0.3s ease;
}

.btn-garantia:hover {
    transform: translateY(-3px);
    box-shadow: 0px 0px 30px rgba(255, 230, 0, 0.5);
    background-color: #ffdb00;
}

/* ANIMAÇÕES */
@keyframes flutuar-escudo {
    0% { transform: translateY(0px); }
    50% { transform: translateY(-6px); }
    100% { transform: translateY(0px); }
}

@keyframes pulsar-glow {
    0% { opacity: 0.15; transform: scale(1); }
    50% { opacity: 0.3; transform: scale(1.1); }
    100% { opacity: 0.15; transform: scale(1); }
}

/* MOBILE */
@media (max-width: 768px) {
    .garantia-premium-box {
        flex-direction: column;
        text-align: center;
        padding: 30px 20px;
    }
    .text-content {
        text-align: center;
    }
    .garantia-title {
        font-size: 24px;
    }
    .btn-garantia {
        width: 100%;
        display: block;
    }
}/* End custom CSS */