.elementor-15787 .elementor-element.elementor-element-bdd78fd{--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;}/* Start custom CSS for html, class: .elementor-element-94824e2 *//* === VARIÁVEIS DE COR (Baseadas no seu CSS de "Formas de Pagamento") === */
:root {
    --cor-primaria: rgba(5, 151, 226, 1); 
    --cor-primaria-hover: #036aa0;
    --cor-secundaria: #FFD700; 
    --cor-secundaria-hover: #eab600;

    --cor-fundo-pagina: #f0f4f9;
    --cor-fundo-card: #FFFFFF;
    --cor-fundo-card-header-sutil: #f7faff;
    --cor-fundo-bloco-alternativo: linear-gradient(145deg, #e6f2ff 0%, #f5faff 100%);
    
    --cor-texto: #1a2a4c;
    --cor-texto-leve: #4a607c; 
    --cor-texto-claro: #FFFFFF; 
    --cor-texto-card-header: var(--cor-primaria);
    
    --cor-cinza-borda: #ced4da; 
    --cor-sucesso: #059669; 
    --cor-icone-card: var(--cor-primaria);
    --cor-icone-hero: var(--cor-secundaria);

    --cor-aviso-cancelamento: #f39c12;
    --cor-erro-cancelamento: #e74c3c;

    --font-principal: 'Roboto', sans-serif;
    --font-destaque: 'Montserrat', sans-serif;
    --font-cta: 'Poppins', sans-serif;

    --sombra-card: 0 10px 30px rgba(31, 41, 55, 0.08), 0 4px 10px rgba(0,0,0,0.05);
    --sombra-card-hover: 0 18px 45px rgba(5, 151, 226, 0.15), 0 8px 20px rgba(5,151,226,0.1);
    --sombra-botao: 0 8px 20px rgba(0,0,0, 0.15); 
    --sombra-botao-hover: 0 12px 30px rgba(0,0,0, 0.22);
    --border-radius-padrao: 16px; 
    --transition-padrao: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}

/* === ESTILOS GERAIS === */
body {
    font-family: var(--font-principal); margin: 0; padding: 0;
    line-height: 1.7; color: var(--cor-texto);
    background-color: var(--cor-fundo-pagina);
    font-size: 1rem; 
    -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
    overflow-x: hidden;
}
.container { width: 90%; max-width: 880px; margin: 0 auto; padding: 0 15px; }
a { color: var(--cor-primaria); text-decoration: none; font-weight: 500; transition: var(--transition-padrao); }
a:hover { color: var(--cor-primaria-hover); }
strong { font-weight: 700; }
.keyword-base { 
    font-weight: 600; color: var(--cor-primaria);
    border-bottom: 2px dotted var(--cor-secundaria);
    padding-bottom: 1px; transition: var(--transition-padrao);
}
.keyword-base:hover { color: var(--cor-secundaria); border-bottom-color: var(--cor-primaria); }

/* === HEADER DA PÁGINA === */
.page-header-base {
    display: none; 
}

/* === HERO SECTION === */
.hero-base { 
    background-color: var(--cor-primaria); 
    color: var(--cor-texto-claro); padding: 60px 20px 70px; text-align: center;
    border-radius: 0 0 40px 40px; 
    position: relative; box-shadow: 0 8px 30px rgba(5, 151, 226, 0.25);
    overflow: hidden;
}

.hero-base-content { position: relative; z-index: 1; }
.hero-icon-base { 
    display: inline-block; width: 60px; height: 60px; line-height: 60px;
    background-color: var(--cor-secundaria); color: var(--cor-primaria);
    border-radius: 50%; margin-bottom: 20px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
    animation: bounceIconBase 2.8s infinite ease-in-out; 
}
.hero-icon-base svg { width: 32px; height: 32px; vertical-align: middle; }

@keyframes bounceIconBase { 
    0%, 100% { transform: translateY(0) scale(1); }
    50% { transform: translateY(-8px) scale(1.03); }
}

.hero-base h1 { 
    font-family: var(--font-destaque);
    font-size: clamp(2.3rem, 5.5vw, 3.5rem); font-weight: 900;
    margin-bottom: 15px; line-height: 1.18;
    text-shadow: 1px 1px 4px rgba(0,0,0,0.25);
    animation: fadeInDownSlight 1s ease-out;
}
.subtitle-base { 
    font-family: var(--font-cta); font-size: 1.25rem; line-height: 1.65;
    max-width: 700px; margin: 0 auto; opacity: 0.85; font-weight: 500;
    animation: fadeInUpSlight 1s ease-out 0.3s; animation-fill-mode: backwards;
}
.highlight-dropshipping-base { 
    color: var(--cor-secundaria); font-weight: 700;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.15);
}

@keyframes fadeInDownSlight { 
    from { opacity: 0; transform: translateY(-15px); }
    to { opacity: 1; transform: translateY(0); }
}
@keyframes fadeInUpSlight { 
    from { opacity: 0; transform: translateY(15px); }
    to { opacity: 1; transform: translateY(0); }
}

/* === MAIN CONTENT === */
.main-content-base {
    padding-top: 0; 
}

/* === CONTAINER DO ARTIGO E INTRO === */
.article-container-base { 
    margin-top: -35px; 
    position: relative; 
    z-index: 2; 
    margin-bottom: 40px; 
}
.content-main-base { 
    background-color: var(--cor-fundo-card); padding: 30px;
    border-radius: var(--border-radius-padrao); box-shadow: var(--sombra-card);
}
.intro-box-base { 
    background-color: var(--cor-fundo-card-alternativo); padding: 20px 25px;
    border-radius: 10px; margin-bottom: 30px;
    border-left: 5px solid var(--cor-primaria);
    font-size: 1.05rem; color: var(--cor-texto-leve);
}

/* Título "Entenda Nossos Processos" */
.content-section-title { 
    font-family: var(--font-destaque); font-size: 1.7rem;
    color: var(--cor-texto); margin: 35px 0 25px; text-align: center;
    font-weight: 800; border-bottom: 2px solid var(--cor-secundaria);
    display: inline-block; padding-bottom: 8px; position: relative;
    left: 50%; transform: translateX(-50%);
}

/* === CARDS DE CONTEÚDO DA POLÍTICA === */
.content-card-base { 
    background-color: var(--cor-fundo-card); border: 1px solid var(--cor-cinza-borda);
    border-radius: var(--border-radius-padrao); margin-bottom: 25px;
    box-shadow: var(--sombra-card); transition: var(--transition-padrao);
    overflow: hidden; position: relative;
}
.content-card-base:hover {
    transform: translateY(-6px) scale(1.01); box-shadow: var(--sombra-card-hover);
    border-color: var(--cor-primaria);
}
.content-card-base::before { 
    content: ""; position: absolute; left: 0; top: 0; height: 0; width: 5px;
    background: linear-gradient(var(--cor-primaria), var(--cor-secundaria));
    transition: height 0.4s ease-out;
    border-radius: var(--border-radius-padrao) 0 0 var(--border-radius-padrao);
}
.content-card-base:hover::before { height: 100%; }

.content-card-header { 
    display: flex; align-items: center; gap: 12px; padding: 15px 20px;
    background-color: var(--cor-fundo-card-header-sutil);
    border-bottom: 1px solid var(--cor-cinza-borda);
}
.content-card-icon svg { 
    width: 24px; height: 24px; fill: var(--cor-icone-card);
}
.content-card-base h3 { 
    font-family: var(--font-destaque); font-size: 1.15rem;
    color: var(--cor-texto-card-header); margin: 0; font-weight: 700;
    display: flex; align-items: center;
}
.emoji-highlight { margin-right: 8px; font-size: 1.2em; }

.content-card-body { padding: 20px; }
.content-card-body p, .content-card-body ul li {
    font-size: 0.95rem; color: var(--cor-texto-leve); line-height: 1.65; margin-bottom: 10px;
}
.list-styled-base { list-style: none; padding-left: 0; margin-top: 10px; }
.list-styled-base li { padding-left: 22px; position: relative; margin-bottom: 8px; }
.list-styled-base li::before {
    content: '✓'; color: var(--cor-sucesso); position: absolute;
    left: 0; top: 1px; font-weight: bold;
}
.list-styled-base.warning-list li::before { color: var(--cor-aviso-cancelamento); }
.list-styled-base.arrow li::before { content: '→'; color: var(--cor-primaria); font-size: 1.1em; top: 0; }
.list-styled-base.nested { margin-top: 8px; padding-left: 15px; }
.list-styled-base.nested li::before { content: '▹'; font-size: 1.2em; top: -1px;}

.text-highlight-strong { 
    color: var(--cor-primaria); font-weight: 700;
}
.text-success-base { color: var(--cor-sucesso); font-weight: 600; }
.text-warning-base { color: var(--cor-aviso-cancelamento); font-weight: 600; }

.info-box-light-base { 
    background-color: #e6f2ff; padding: 12px 15px;
    border-radius: 6px; margin: 15px 0;
    border-left: 3px solid var(--cor-primaria); font-size: 0.9rem;
}
.info-box-icon-base { margin-right: 8px; font-size: 1.1em; color: var(--cor-primaria); }
.important-note-base { 
    background-color: rgba(255, 193, 7, 0.1); 
    border-left: 3px solid var(--cor-amarelo-texto-destaque);
    padding: 12px 15px; border-radius: 6px; margin: 15px 0; font-size: 0.9rem;
}
.important-note-base .info-box-icon-base { color: var(--cor-amarelo-texto-destaque); }
.dropshipping-attention-card { border-left: 5px solid var(--cor-aviso-cancelamento); }
.dropshipping-attention-card .content-card-header { background-color: rgba(243,156,18, 0.05); }
.dropshipping-attention-card .content-card-icon svg { fill: var(--cor-aviso-cancelamento); }
.dropshipping-attention-card h3 { color: var(--cor-aviso-cancelamento); }


/* === SEÇÃO FINAL DE CONTATO === */
.final-contact-section-base { 
    background: var(--cor-fundo-bloco-alternativo);
    padding: 40px 30px; border-radius: var(--border-radius-padrao);
    margin-top: 40px; text-align: center; box-shadow: var(--sombra-card);
    border-top: 4px solid var(--cor-primaria); position: relative; overflow: hidden;
}
.section-title-centered-base { 
    font-family: var(--font-destaque); font-size: clamp(1.5rem, 4vw, 2.1rem);
    color: var(--cor-primaria); margin-bottom: 15px; font-weight: 900;
    position: relative; padding-bottom: 15px;
}
.section-title-centered-base span { font-size: 1.8rem; margin-right: 10px; vertical-align: middle; }
.section-title-centered-base::after {
    content: ''; position: absolute; bottom: 0; left: 50%;
    transform: translateX(-50%); width: 60px; height: 3px;
    background: var(--cor-secundaria); border-radius: 2px;
}
.section-paragraph-base { 
    font-size: 1.05rem; line-height: 1.7;
    color: var(--cor-texto-leve); max-width: 600px; margin: 0 auto 30px;
}
.update-date-text { 
    font-style: italic; color: var(--cor-texto-muted);
    font-size: 0.9rem; margin-bottom: 0; 
    padding-top: 20px; border-top: 1px solid var(--cor-cinza-borda); margin-top: 25px;
}
.commitment-text-base { 
    font-size: 0.95rem; color: var(--cor-texto-leve); margin-top: 25px;
    max-width: 600px; margin-left: auto; margin-right: auto;
}

.social-buttons-base { 
    display: flex; justify-content: center; gap: 18px; flex-wrap: wrap;
    margin-bottom: 25px; 
}
.cta-button-base { 
    display: inline-flex; align-items: center; gap: 10px;
    padding: 13px 30px; border-radius: 8px; 
    font-family: var(--font-cta); font-size: 1rem; font-weight: 700;
    text-transform: uppercase; letter-spacing: 0.8px;
    transition: var(--transition-padrao);
    box-shadow: var(--sombra-botao); border: none;
    position: relative; overflow: hidden;
}
.cta-button-base::before { 
    content: ''; position: absolute; top: 50%; left: 50%; width: 0; height: 0;
    background: rgba(255,255,255,0.15); border-radius: 50%;
    transform: translate(-50%, -50%);
    transition: width 0.4s ease, height 0.4s ease, opacity 0.4s ease;
    opacity: 0; pointer-events: none;
}
.cta-button-base:hover::before { width: 250%; height: 250%; opacity: 1; }
.cta-button-base:hover {
    transform: translateY(-3px) scale(1.03); box-shadow: var(--sombra-botao-hover);
}
.cta-button-base .btn-svg-icon-base, .cta-button-base span { position: relative; z-index: 1; }

/* Cores dos botões e ícones */
.cta-button-base.whatsapp { 
    background-color: #25D366; /* Cor específica do WhatsApp */
    color: var(--cor-texto-claro); 
} 
.cta-button-base.whatsapp:hover { background-color: #1DAE51; color: var(--cor-texto-claro); }

.cta-button-base.email {
    background-color: var(--cor-primaria); 
    color: var(--cor-texto-claro);
}
.cta-button-base.email:hover { background-color: var(--cor-primaria-hover); color: var(--cor-texto-claro); }

.cta-button-base.instagram {
    background: linear-gradient(45deg, #f09433, #e6683c, #dc2743, #bc1888); /* Gradiente do Instagram */
    color: var(--cor-texto-claro);
    border: none; /* Garante que não haja borda sobre o gradiente */
}
.cta-button-base.instagram:hover {
    background: linear-gradient(45deg, #bc1888, #dc2743, #e6683c, #f09433); /* Gradiente invertido */
    color: var(--cor-texto-claro);
}

.btn-svg-icon-base { 
    width: 20px; height: 20px;
    /* fill é removido para que o SVG use suas cores internas */
}
/* Se o SVG do WhatsApp ou Email for monocromático e precisar ser branco: */
.cta-button-base.whatsapp .btn-svg-icon-base path,
.cta-button-base.email .btn-svg-icon-base path {
    fill: var(--cor-texto-claro);
}
/* Para o SVG do Instagram, se ele for apenas contorno e você quiser branco: */
.cta-button-base.instagram .btn-svg-icon-base rect,
.cta-button-base.instagram .btn-svg-icon-base path:not([fill^="url(#"]), /* Não sobrescreve paths com gradiente interno */
.cta-button-base.instagram .btn-svg-icon-base line {
    stroke: var(--cor-texto-claro);
    fill: none;
}
.cta-button-base.instagram .btn-svg-icon-base path[d^="M16 11.37"] { /* Círculo central */
    fill: var(--cor-texto-claro);
}


/* === RESPONSIVIDADE === */
@media (max-width: 768px) {
    body { font-size: 0.95rem; }
    .hero-base { padding: 50px 15px 60px; margin-bottom: 30px; border-radius: 0 0 30px 30px;}
    .hero-base h1 { font-size: clamp(2rem, 5vw, 3rem); }
    .subtitle-base { font-size: 1.15rem; }
    .article-container-base { margin-top: -30px; }
    .content-main-base { padding: 25px 20px; }
    .intro-box-base { padding: 15px; font-size: 1rem;}
    .content-section-title { font-size: 1.5rem; }
    .content-card-header { padding: 12px 15px; gap: 10px; }
    .content-card-icon svg { width: 22px; height: 22px; }
    .content-card-base h3 { font-size: 1.1rem; }
    .content-card-body { padding: 15px 18px; }
    .content-card-body p, .content-card-body ul li { font-size: 0.9rem; }
    .final-contact-section-base { padding: 30px 20px; margin-top: 30px;}
    .section-title-centered-base {font-size: clamp(1.4rem, 4vw, 1.9rem);}
    .section-paragraph-base {font-size: 1rem;}
    .social-buttons-base { flex-direction: column; align-items: stretch; gap: 15px; }
    .cta-button-base { font-size: 0.95rem; padding: 12px 25px; }
}
@media (max-width: 480px) {
    .hero-base { padding: 40px 10px 50px; border-radius: 0 0 25px 25px;}
    .hero-base h1 { font-size: clamp(1.8rem, 6vw, 2.6rem); }
    .subtitle-base { font-size: 1.05rem; }
    .article-container-base { margin-top: -25px; }
    .content-main-base { padding: 20px 15px; }
    .intro-box-base { font-size: 0.95rem; }
    .content-section-title { font-size: 1.3rem; }
    .content-card-base h3 { font-size: 1.05rem; }
    .content-card-icon svg { width: 20px; height: 20px; }
    .content-card-body p, .content-card-body ul li { font-size: 0.88rem; }
    .update-date-text { font-size: 0.85rem; }
}/* End custom CSS */