.elementor-15773 .elementor-element.elementor-element-e690db7{--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-15773 .elementor-element.elementor-element-e690db7.e-con{--flex-grow:0;--flex-shrink:0;}@media(min-width:769px){.elementor-15773 .elementor-element.elementor-element-e690db7{--width:116.181%;}}/* Start custom CSS for html, class: .elementor-element-ec4b7b8 *//* === VARIÁVEIS DE COR === */
:root {
    --cor-primaria: rgba(5, 151, 226, 1); /* AZUL #0597E2 */
    --cor-primaria-hover: #047bba;
    --cor-primaria-gradiente-fim: #035e8f;
    --cor-secundaria: #FFD700; /* Amarelo Ouro */
    --cor-fundo-pagina: #F4F8FB; /* Fundo da página bem claro, quase branco */
    --cor-fundo-artigo: #FFFFFF;
    --cor-texto: #33475b; /* Cinza escuro levemente azulado para corpo de texto */
    --cor-texto-titulos: #1a3b58; /* Azul escuro para títulos principais */
    --cor-texto-leve: #5a7184; /* Cinza médio para parágrafos e detalhes */
    --cor-texto-claro: #FFFFFF;
    --cor-cinza-borda: #E0E7EF; /* Borda mais suave */
    --cor-fundo-indice: #F8FAFC;
    --cor-sucesso: #27ae60;
    --font-principal: 'Roboto', sans-serif;
    --font-destaque: 'Montserrat', sans-serif;

    --sombra-padrao: 0 6px 20px rgba(100, 120, 150, 0.08);
    --border-radius-padrao: 8px; /* Bordas um pouco menos arredondadas para um look formal */
}

/* === RESET BÁSICO & GERAL === */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
    font-size: 100%;
}

body {
    font-family: var(--font-principal);
    color: var(--cor-texto);
    line-height: 1.75;
    background-color: var(--cor-fundo-pagina);
    font-size: 1rem; /* 16px base */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.container {
    width: 90%;
    max-width: 850px; /* Container mais estreito para melhor leitura de texto longo */
    margin: 0 auto;
    padding: 0 15px;
}

a {
    color: var(--cor-primaria);
    text-decoration: none;
    font-weight: 500;
    transition: color 0.25s ease;
}
a:hover {
    color: var(--cor-primaria-hover);
    text-decoration: underline;
    text-underline-offset: 3px;
}
.inline-link {
    font-weight: 600; /* Destaque para links no texto */
    border-bottom: 1px dotted var(--cor-primaria);
}
.inline-link:hover {
    border-bottom-style: solid;
}

/* === HEADER DA PÁGINA === */
.page-header-legal {
    background: var(--cor-fundo-artigo);
    color: var(--cor-texto-titulos);
    padding: 30px 0;
    text-align: center;
    margin-bottom: 40px;
    border-bottom: 1px solid var(--cor-cinza-borda);
}
.page-header-legal .logo-text-header {
    font-family: var(--font-destaque);
    font-size: 1.6rem;
    font-weight: 700;
    color: var(--cor-primaria); /* Logo com cor primária */
    display: block;
    margin-bottom: 8px;
}
.page-header-legal .logo-text-header:hover {
    color: var(--cor-primaria-hover);
    text-decoration: none;
}
.page-header-legal h1 {
    font-family: var(--font-destaque);
    font-size: clamp(2rem, 4.5vw, 2.8rem);
    font-weight: 800;
    letter-spacing: -0.5px;
    margin: 0;
    color: var(--cor-texto-titulos);
}

/* === ÍNDICE (OPCIONAL) === */
.document-index {
    background-color: var(--cor-fundo-indice);
    padding: 20px 25px;
    border-radius: var(--border-radius-padrao);
    margin-bottom: 40px;
    border: 1px solid var(--cor-cinza-borda);
}
.document-index h2 {
    font-family: var(--font-destaque);
    font-size: 1.3rem;
    color: var(--cor-texto-titulos);
    margin-bottom: 15px;
    font-weight: 700;
    padding-bottom: 8px;
    border-bottom: 2px solid var(--cor-secundaria);
    display: inline-block;
}
.document-index ul {
    list-style: none;
    padding-left: 0;
    column-count: 2; /* Para duas colunas no índice se houver muitos itens */
    column-gap: 30px;
}
.document-index ul li {
    margin-bottom: 8px;
}
.document-index ul li a {
    font-size: 0.95rem;
    color: var(--cor-texto);
    font-weight: 500;
}
.document-index ul li a:hover {
    color: var(--cor-primaria);
    text-decoration: underline;
}

/* === CONTEÚDO PRINCIPAL === */
.main-content {
    padding-bottom: 60px;
}

.legal-document-article {
    background-color: var(--cor-fundo-artigo);
    padding: 35px 40px; /* Padding interno do artigo */
    border-radius: var(--border-radius-padrao);
    box-shadow: var(--sombra-padrao);
}
.main-document-title { /* Título principal dos documentos */
    font-family: var(--font-destaque);
    font-size: 1.6rem;
    color: var(--cor-texto-titulos);
    margin-bottom: 25px;
    font-weight: 700;
    text-align: center;
    padding-bottom: 10px;
    border-bottom: 1px solid var(--cor-cinza-borda);
}

.legal-document-article section {
    margin-bottom: 35px; /* Espaçamento entre seções */
    padding-bottom: 20px;
    border-bottom: 1px dashed var(--cor-cinza-borda); /* Divisor mais sutil */
}
.legal-document-article section:last-of-type { /* Remove borda da última seção */
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}
.legal-document-article h3, /* Títulos H3 das seções do termo principal */
.legal-document-article h4 { /* Títulos H4 das seções do regulamento de frete */
    font-family: var(--font-destaque);
    font-size: 1.4rem; /* Tamanho para H3 */
    color: var(--cor-primaria);
    margin-top: 10px; /* Menor margem acima do H3/H4 */
    margin-bottom: 18px;
    font-weight: 700;
    position: relative;
}
.legal-document-article h4 { /* Títulos do segundo regulamento */
    font-size: 1.3rem; /* Um pouco menor que H3 */
    color: var(--cor-texto-titulos); /* Cor diferente para H4 */
}
.legal-document-article h3::before,
.legal-document-article h4::before { /* Detalhe antes do título */
    content: '';
    display: inline-block;
    width: 8px;
    height: 8px;
    background-color: var(--cor-secundaria);
    border-radius: 50%;
    margin-right: 10px;
    vertical-align: middle; /* Alinha com o texto */
}


.legal-document-article p {
    font-size: 1rem; /* Texto do corpo */
    line-height: 1.8; /* Boa legibilidade */
    margin-bottom: 1em;
    color: var(--cor-texto-leve);
}
.legal-document-article p strong { /* Destaques dentro dos parágrafos */
    color: var(--cor-texto);
    font-weight: 600; /* Um pouco menos forte que títulos */
}

.legal-document-article ul {
    list-style: none; /* Remove marcadores padrão */
    padding-left: 0; /* Sem recuo padrão */
    margin-bottom: 1em;
}
.legal-document-article ul li {
    font-size: 1rem;
    line-height: 1.8;
    margin-bottom: 0.6em;
    position: relative;
    padding-left: 25px; /* Espaço para o marcador customizado */
    color: var(--cor-texto-leve);
}
.legal-document-article ul li::before { /* Marcador customizado */
    content: '›'; /* Ou use um SVG/ícone */
    color: var(--cor-primaria);
    font-weight: bold;
    position: absolute;
    left: 5px;
    top: -1px; /* Ajuste fino vertical */
    font-size: 1.2em;
}
.legal-document-article ul li strong { /* Destaque dentro de itens de lista */
    color: var(--cor-texto);
    font-weight: 600;
}
.document-tagline {
    font-style: italic;
    text-align: center;
    margin-top: 30px;
    color: var(--cor-texto-titulos);
    font-weight: 500;
}
.section-divider {
    border: 0;
    height: 1px;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), var(--cor-cinza-borda), rgba(0, 0, 0, 0));
    margin: 40px 0;
}


/* === CONEXÃO SOCIAL (LEGAL) === */
.social-connect-legal {
    margin-top: 40px;
    padding-top: 30px;
    text-align: center;
    /* Não precisa de borda superior se for a última seção */
}
.social-connect-legal p {
    font-size: 1.1rem;
    margin-bottom: 20px;
    color: var(--cor-texto-titulos);
    font-weight: 500;
}

.social-icons-container {
    display: flex;
    justify-content: center;
    gap: 20px; /* Espaço menor entre ícones */
    flex-wrap: wrap;
}

.social-icon-link {
    display: flex;
    flex-direction: column;
    align-items: center;
    color: var(--cor-texto-leve);
    transition: color 0.25s ease, transform 0.25s ease;
}
.social-icon-link svg {
    width: 28px; /* Ícones um pouco menores */
    height: 28px;
    stroke: currentColor;
    margin-bottom: 6px;
}
.social-icon-link span {
    font-size: 0.85rem;
    font-weight: 500;
}

.social-icon-link:hover {
    color: var(--cor-primaria);
    transform: translateY(-2px);
}
.social-icon-link.whatsapp-link:hover {
    color: var(--cor-sucesso);
}


/* === RESPONSIVIDADE === */
@media (max-width: 768px) {
    .container {
        width: 95%;
    }
    .page-header-legal {
        padding: 25px 0;
        margin-bottom: 30px;
    }
    .page-header-legal h1 {
        font-size: clamp(1.8rem, 4vw, 2.4rem);
    }
    .document-index ul {
        column-count: 1; /* Uma coluna no mobile para o índice */
    }
    .legal-document-article {
        padding: 25px 20px;
    }
    .main-document-title {
        font-size: 1.4rem;
    }
    .legal-document-article h3, .legal-document-article h4 {
        font-size: 1.25rem;
    }
    .legal-document-article p, .legal-document-article ul li {
        font-size: 0.95rem;
    }
    .social-icons-container {
        gap: 15px;
    }
    .social-icon-link svg {
        width: 26px;
        height: 26px;
    }
}

@media (max-width: 480px) {
    .legal-document-article {
        padding: 20px 15px;
    }
     .document-index {
        padding: 15px;
    }
    .document-index h2 {
        font-size: 1.2rem;
    }
    .document-index ul li a {
        font-size: 0.9rem;
    }
    .legal-document-article p, .legal-document-article ul li {
        font-size: 0.9rem; /* Ajuste fino para telas bem pequenas */
        line-height: 1.7;
    }
}/* End custom CSS */