:root {
    --primary-color: #25d366; /* Verde do botão foi mantido */
    --dark-green: #071F3A;
    --text-color: #333;
    --background-color: #FFFFFF;
    --light-gray-bg: #F8F9FA;
    --border-color: #071F3A;
    --error-color: #D32F2F;
    --success-color: #071F3A;
    --font-family: 'Poppins';
}
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&display=swap');

/* Adicionado para rolagem suave */
html {
    scroll-behavior: smooth;
}

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
/* ALTERAÇÃO 1: Adicionado fallback genérico 'sans-serif' */
body { font-family: var(--font-family), sans-serif; color: var(--text-color); background-color: var(--background-color); line-height: 1.6; }
.container { width: 90%; max-width: 1650px; margin: 0 auto; }
h1, h2, h3 { color: var(--dark-green); font-weight: 700; line-height: 1.2; }
img { max-width: 100%; height: auto; display: block; }

.btn { display: inline-block; padding: 12px 24px; border-radius: 50px; border: none; font-weight: 600; cursor: pointer; text-align: center; text-decoration: none; transition: background-color 0.3s, color 0.3s; }
.btn-primary { background-color: var(--primary-color); color: var(--background-color); font-weight: 700; }
.btn-primary:hover { background-color: #21b88a; } /* Ajustar hover se necessário */
.btn-secondary { background-color: var(--primary-color); color: var(--background-color); border: 1px solid var(--dark-green); font-weight: 700; }
.btn-secondary:hover { background-color: #21b88a; } /* Ajustar hover se necessário */

.main-header { padding: 1rem 0; position: absolute; width: 100%; z-index: 10; }
.main-header .logo { width: 350px;}

/* Hero Section */
.hero-section { background-color: #333; color: white; padding: 120px 0 60px; background-size: cover; background-position: center; position: relative; min-height: 100vh; display: flex; align-items: center; }
/* Adicionado para alinhar o conteúdo da hero à esquerda */
.hero-section .hero-container { width: 100%; max-width: 100%; padding-left: 5%; /* Espaçamento da borda esquerda */padding-right: 5%; /* Espaçamento da borda direita */}
.hero-section::after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.5); }
.hero-container { position: relative; z-index: 2; display: flex; flex-direction: column; gap: 2rem; width: 100%; }
.hero-content { text-align: center; }
.hero-content h1 { color: white; font-size: 2.5rem; margin-bottom: 2rem; text-align: left; }
.hero-content p { font-size: 1.1rem; max-width: 500px; margin-left: auto; margin-right: auto; margin-bottom: 2rem; }
.scroll-down-link { margin-top: 2rem; display: inline-block; }
.hero-form-wrapper { background-color: #fff; color: var(--text-color); border-radius: 8px; padding: 2.5rem; max-width: 550px; width: 100%; margin: 2rem auto 0; }

/* Formulário da Hero Atualizado */
.contact-form p { font-weight: 600; margin-bottom: 1rem; text-align: center; }
.contact-form input, .contact-form select { width: 100%; padding: 12px; border: 1px solid var(--border-color); border-radius: 4px; margin-bottom: 1rem; font-family: var(--font-family), sans-serif; /* Garante fonte no form */ font-size: 1rem; color: #333; }
.contact-form select { appearance: none; background: url("data:image/svg+xml,%3Csvg%20width%3D'12'%20height%3D'8'%20viewBox%3D'0%200%2012%208'%20fill%3D'none'%20xmlns%3D'http%3A//www.w3.org/2000/svg'%3E%3Cpath%20d%3D'M1.41%200.589966L6%205.16997L10.59%200.589966L12%201.99997L6%207.99997L0%201.99997L1.41%200.589966Z'%20fill%3D'%23333'%2F%3E%3C/svg%3E") no-repeat right 12px center; }
.contact-form select:invalid { color: #666; }
.contact-form small { display: block; font-size: 0.75rem; margin-bottom: 1.5rem; color: #666; text-align: center; }
.contact-form .btn { width: 100%; }
#form-status { margin-top: 1rem; text-align: center; font-weight: 600; font-size: 0.9rem; }
#form-status.success { color: var(--success-color); }
#form-status.error { color: var(--error-color); }

/* --- NOVOS ESTILOS - SEÇÃO "QUEM ORGANIZA" --- */
.about-section {
    padding: 60px 0;
    text-align: left; /* Alterado de 'center' */
    background-color: var(--light-gray-bg); /* Fundo claro da imagem */
}
.about-title-main {
    text-align: center;
    font-size: 2.2rem;
    margin-bottom: 3rem;
}
.about-main-content {
    display: flex;
    flex-direction: column; /* Mobile-first: empilhado */
    align-items: center;
    gap: 2rem;
    max-width: 1100px;
    margin: 0 auto;
}
.about-image {
    flex-shrink: 0;
    width: 250px;
    height: 250px;
}
.about-image img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
    border: 5px solid var(--background-color);
    box-shadow: 0 4px 15px rgba(0,0,0,0.1);
}
.about-text {
    flex: 1;
    text-align: left;
}
.about-text h3 {
    font-size: 1.8rem;
    font-weight: 700;
    color: var(--dark-green);
    margin-bottom: 1rem;
}
.about-text p {
    font-size: 1rem;
    line-height: 1.7;
    color: var(--text-color);
}
.about-details-grid {
    list-style: none;
    padding: 0;
    display: grid;
    grid-template-columns: 1fr; /* Mobile-first: 1 coluna */
    gap: 1.5rem;
    max-width: 1100px;
    margin: 3rem auto 0 auto;
}
.about-details-grid li {
    position: relative;
    padding-left: 35px; /* Espaço para o checkmark */
    font-size: 0.95rem;
    font-weight: 500;
}
.about-details-grid li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 4px; /* Ajuste fino vertical */
    width: 22px;
    height: 22px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2328D8A3' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'%3E%3C/path%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.about-details-grid li small {
    display: block;
    font-size: 0.85rem;
    color: #666;
    margin-top: 0.25rem;
}
/* --- FIM DOS NOVOS ESTILOS --- */

/* --- SEÇÃO ECOSSISTEMA EMPRESARIAL (AJUSTADA) --- */
.ecosystem-section {
    padding: 60px 0;
    background-color: var(--light-gray-bg);
    text-align: center;
}
.ecosystem-title {
    font-size: 2.2rem;
    margin-bottom: 3rem;
    color: var(--dark-green);
}
.ecosystem-title .arck1pro-text {
    color: var(--dark-green); /* Alterado de volta para --dark-green */
}
.ecosystem-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1.5rem;
    max-width: 1200px;
    margin: 0 auto 3rem auto;
}
.ecosystem-card {
    background-color: var(--background-color);
    border-radius: 12px;
    padding: 1.5rem;
    box-shadow: 0 4px 15px rgba(0,0,0,0.05);
    display: flex;
    flex-direction: column;
}
.ecosystem-card h3 {
    font-size: 1.1rem;
    font-weight: 700;
    color: var(--dark-green);
    margin-bottom: 1rem;
    text-transform: uppercase;
    border-bottom: 2px solid var(--primary-color);
    padding-bottom: 0.5rem;
    min-height: 3.5rem; /* Garante altura mínima para alinhamento */
}
.ecosystem-card ul {
    list-style: none;
    padding: 0;
    margin-top: 1rem;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    min-height: 150px;
}
.ecosystem-card li {
    font-size: 0.9rem;
    color: var(--text-color);
    line-height: 1.5;
    margin-bottom: 0.5rem;
    text-align: center;
}
.ecosystem-card li:last-child {
    margin-bottom: 0;
}

.ecosystem-metrics {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    margin-top: 3rem;
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
    justify-content: space-around;
}
.metric-item {
    text-align: center;
}
.metric-number {
    display: block;
    font-size: 2.5rem;
    font-weight: 700;
    color: var(--dark-green); /* Alterado de volta para --dark-green */
    line-height: 1;
}
.metric-description {
    display: block;
    font-size: 0.9rem;
    color: var(--text-color);
    margin-top: 0.25rem;
}
.ecosystem-arck1pro-logo {
    margin: 3rem auto 0 auto;
    width: 200px;
}
/* --- FIM DA NOVA SEÇÃO --- */


/* --- NOVA SEÇÃO COMBINADA "WHY & BENEFITS" --- */
.why-benefits-section {
    padding: 60px 0;
    background-color: var(--background-color); /* Fundo cinza claro para a seção inteira */
}
.why-benefits-grid {
    display: flex;
    flex-direction: column; /* Mobile first: empilhado */
    gap: 5rem;
    max-width: 1200px; /* Ajuste a largura máxima conforme necessário */
    margin: 0 auto;
    align-items: stretch; /* Garante que os cards tenham a mesma altura */
}
.why-benefits-card {
    background-color: var(--background-color); /* Fundo branco para os cards */
    padding: 3rem 2.5rem; /* <-- ALTERAÇÃO AQUI: Padding vertical aumentado */
    border-radius: 12px;
    box-shadow: 0 6px 20px rgba(0,0,0,0.08); /* Sombra suave */
    flex: 1; /* Faz os cards terem a mesma largura quando em linha */
    display: flex; /* Adicionado para permitir alinhamento interno */
    flex-direction: column; /* Adicionado para alinhar título e conteúdo */
}
.why-benefits-title {
    font-size: 1.8rem;
    margin-bottom: 1.5rem;
    color: var(--dark-green);
    text-align: center; /* Centraliza títulos dos cards */
}
.why-benefits-card p {
    margin-bottom: 1rem;
    font-family: inherit;
    text-align: justify; /* Justifica o texto */
    color: var(--text-color);
    line-height: 1.7;
}
.why-benefits-card p:last-of-type {
    margin-bottom: 0;
}
/* Estilos reutilizados para a lista de benefícios dentro do card */
.why-benefits-card .benefits-list {
    list-style: none;
    padding: 0;
    margin: 0 auto; /* Centraliza a lista dentro do card */
    text-align: left;
    display: inline-block; /* Ajusta ao conteúdo */
    margin-top: auto; /* Empurra a lista para baixo se houver espaço */
    margin-bottom: auto; /* Empurra a lista para cima se houver espaço */
}
.why-benefits-card .benefits-list li {
    font-size: 1.1rem; /* Ajuste o tamanho se necessário */
    font-weight: 600;
    color: var(--text-color);
    position: relative;
    padding-left: 40px;
    margin-bottom: 1rem; /* Ajuste o espaçamento se necessário */
}
.why-benefits-card .benefits-list li:last-child {
    margin-bottom: 0;
}
.why-benefits-card .benefits-list li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 24px; /* Ajuste o tamanho se necessário */
    height: 24px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2328D8A3' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'%3E%3C/path%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
/* Botão centralizado abaixo do grid */
.why-benefits-cta {
    text-align: center;
    margin-top: 3rem; /* Espaço acima do botão */
}
/* --- FIM DA NOVA SEÇÃO --- */


/* Profitability Banner */
.profitability-banner-section { padding: 60px 0; background-color:#071F3A; background-size: cover; background-position: right center; }
.banner-container { display: flex; flex-direction: column; align-items: flex-start; gap: 1rem; }
.banner-container h3 { font-size: 1.8rem; max-width: 400px; color: white; }

/* --- ESTILOS DA CALCULADORA ATUALIZADOS --- */
.simulator-section { padding: 60px 0; }

.simulator-header {
    text-align: center;
    max-width: 600px;
    margin: 0 auto 3rem auto;
}
.simulator-header h2 {
    font-size: 2.2rem;
    margin-bottom: 1rem;
}
.simulator-header small {
    display: block;
    margin-top: 1rem;
    color: #666;
}

.simulator-container {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    max-width: 1000px; /* Limita a largura máxima da calculadora */
    margin: 0 auto;
}

.simulator-inputs, .simulator-results {
    border: 1px solid var(--dark-green); /* Alterado para --dark-green */
    border-radius: 8px;
    padding: 2rem;
    flex: 1; /* Faz as duas colunas terem o mesmo tamanho */
    min-height: 450px; /* Altura mínima aumentada */
}

.simulator-inputs h3, .simulator-results h3 {
    font-size: 1.25rem;
    margin-bottom: 1.5rem;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid var(--border-color);
}

/* Card de Inputs da Esquerda */
.simulator-inputs {
    display: flex;
    flex-direction: column; /* Revertido para column */
}
.simulator-inputs p { /* Estilo para o texto abaixo do label PRAZO */
    font-size: 0.9rem;
    color: #555;
    margin-bottom: 0.5rem; /* Espaço antes dos botões */
}
.simulator-cta p {
    font-size: 0.9rem;
    text-align: justify;
}


.form-inputs {
    display: flex;
    flex-direction: column; /* Ajustado para Column */
    gap: 1.5rem;
    margin-bottom: 1.5rem;
}
.input-group { flex: 1; }
.input-group.full-width { flex-basis: 100%; margin-top: 1.5rem; /* Espaço acima do Prazo */ }
.input-group label { font-weight: 600; display: block; margin-bottom: 0.5rem; }
.input-with-prefix { display: flex; border: 1px solid var(--border-color); border-radius: 4px; }
.input-with-prefix span { padding: 10px; background-color: var(--light-gray-bg); }
.input-with-prefix input { border: none; padding: 10px; width: 100%; font-size: 1rem; }

/* Botões de Modalidade */
.forma-options-group { display: flex; border: 1px solid var(--border-color); border-radius: 4px; overflow: hidden; }
.forma-btn { flex: 1; background-color: #fff; border: none; padding: 10px; cursor: pointer; font-weight: 600; transition: background-color 0.3s, color 0.3s; font-size: 0.9rem; font-family: inherit; }
.forma-btn + .forma-btn { border-left: 1px solid var(--border-color); }
.forma-btn.selected { background-color: #071F3A; color: white; }


/* Botões de Tempo */
.tempo-options-group { display: flex; border: 1px solid var(--border-color); border-radius: 4px; overflow: hidden; }
.tempo-btn { flex: 1; background-color: #fff; border: none; padding: 10px; cursor: pointer; font-weight: 600; transition: background-color 0.3s, color 0.3s; font-size: 0.9rem; font-family: inherit; }
.tempo-btn + .tempo-btn { border-left: 1px solid var(--border-color); }
.tempo-btn.selected { background-color: #071F3A; color: white; }

.error-message { color: var(--error-color); font-size: 0.8rem; margin-top: 0.5rem; display: none; }

/* Card de Resultados da Direita */
.simulator-results {
    display: flex;
    flex-direction: column;
    justify-content: flex-start; /* Alinha os resultados no topo */
}

.result-block {
    background-color: #071F3A;
    color: white;
    padding: 1.5rem; /* Padding interno do bloco de resultado */
    text-align: center;
    border-radius: 8px;
    margin-bottom: 1.5rem; /* Espaçamento entre os blocos de resultado */
    transition: display 0.3s ease; /* Transição suave para mostrar/esconder */
}

.result-block p {
    font-size: 1.1rem; /* Tamanho do label (ex: "Rendimento Mensal") */
}
.result-block strong {
    font-size: 2.5rem; /* Tamanho do valor (ex: "R$ 0,00") */
    display: block;
    margin-top: 0.5rem;
}
.results-note {
    font-size: 0.9rem;
    color: #555;
    text-align: center;
    margin-top: auto; /* Empurra a nota para o final do card */
    padding-top: 1rem;
    transition: display 0.3s ease; /* Transição suave */
}

.simulator-cta { text-align: center; margin-top: 2.5rem; }
/* --- FIM DOS ESTILOS DA CALCULADORA --- */


/* --- SEÇÃO DE FAQ ATUALIZADA --- */
.faq-section {
    padding: 60px 0;
    background: var(--dark-green); /* Fundo escuro */
    color: white; /* Texto padrão branco */
}
.faq-container {
    max-width: 800px;
    text-align: center;
}
.faq-header-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
    margin-bottom: 0.5rem;
}
.faq-header-wrapper h2 {
    color: white; /* Título principal branco */
    margin-bottom: 0;
    font-size: 2.2rem;
}
.faq-icon {
    color: #FFFFFF; /* Dourado para o ícone */
}
.faq-subtitle {
    color: #f0f0f0; /* Subtítulo cinza claro */
    font-size: 1.1rem;
    margin-bottom: 2.5rem;
}
.faq-accordion .accordion-item {
    background-color: rgba(255, 255, 255, 0.05); /* Fundo do item levemente transparente */
    margin-bottom: 1rem;
    border-radius: 8px;
    border: 1px solid rgba(255, 255, 255, 0.1); /* Borda levemente transparente */
    text-align: left;
}
.faq-accordion .accordion-header {
    font-family: inherit; /* ALTERAÇÃO 2: Força herança da fonte Poppins */
    color: white;
    font-weight: 600;
    width: 100%;
    background: none;
    border: none;
    text-align: left;
    padding: 1.25rem 1.5rem;
    font-size: 1.1rem;
    cursor: pointer;
    position: relative;
    padding-right: 3rem; /* Espaço para o ícone de chevron */
}
/* Novo ícone de chevron (seta) */
.faq-accordion .accordion-header::after {
    content: 'v';
    /* font-family: 'Poppins', sans-serif; REMOVIDO - usa fonte do header */
    font-weight: 700;
    color: white;
    position: absolute;
    right: 1.5rem;
    top: 50%;
    transform: translateY(-50%) rotate(0deg);
    transition: transform 0.3s ease-in-out;
}
.faq-accordion .accordion-item.active .accordion-header::after {
    transform: translateY(-50%) rotate(180deg); /* Gira o ícone quando ativo */
}
/* Estilo do conteúdo (resposta) */
.faq-accordion .accordion-content {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease-out, padding 0.3s ease-out;
    padding: 0 1.5rem;
}
.faq-accordion .accordion-item.active .accordion-content {
    max-height: 200px; /* Ajuste se necessário para respostas mais longas */
    padding: 0 1.5rem 1.5rem 1.5rem; /* Padding completo quando ativo */
}
.faq-accordion .accordion-content p {
    color: #e0e0e0; /* Cor do texto da resposta (levemente cinza) */
    line-height: 1.7;
}
/* --- FIM DA SEÇÃO DE FAQ --- */

/* Footer */
.main-footer { background-color: var(--dark-green); color: white; padding: 2rem 0; text-align: center; }


/* --- (NOVO) ESTILOS PARA intl-tel-input --- */
.contact-form .iti {
    width: 100%;
    margin-bottom: 1rem; /* Move a margem do input para este container */
}

/* O input de telefone dentro da biblioteca */
.contact-form #telefone.iti__tel-input {
    width: 100%;
    margin-bottom: 0; /* Remove a margem original, pois .iti já tem */
    /* Garante que o padding vertical seja o mesmo dos outros inputs */
    padding-top: 12px; 
    padding-bottom: 12px;
    /* O padding-left é controlado pela biblioteca, mas garantimos a altura */
    height: auto; 
}

/* Garante que o dropdown de países não seja muito largo */
.iti__country-list {
    width: 300px; /* Limita a largura do dropdown */
    z-index: 20; /* Garante que o dropdown apareça sobre outros elementos */
}
/* --- FIM DOS ESTILOS intl-tel-input --- */


/* Media Queries */
@media (min-width: 768px) {
    .hero-container { align-items: center; flex-direction: row; justify-content: space-between; text-align: left; }
    .hero-content { text-align: left; max-width: 55%; }
    .hero-content p { margin-left: 0; margin-right: 0; }
    .hero-form-wrapper { margin: 0 0 0 2rem;}

    /* Inputs da Calculadora Lado a Lado em Telas Maiores */
    .form-inputs {
        flex-direction: row; /* Volta para linha em telas maiores */
        flex-wrap: wrap;
        align-items: flex-start;
    }
    .input-group.full-width {
        margin-top: 0; /* Remove a margem extra */
    }


    /* --- Media Query "Quem Organiza" --- */
    .about-main-content {
        flex-direction: row; /* Lado a lado no desktop */
        gap: 3rem;
    }
    .about-image {
        width: 300px; /* Imagem um pouco maior no desktop */
        height: 300px;
    }
    .about-details-grid {
        grid-template-columns: repeat(3, 1fr); /* 3 colunas no desktop */
    }
    /* --- Fim da Media Query --- */

    /* --- Media Query ECOSSISTEMA EMPRESARIAL --- */
    .ecosystem-grid {
        grid-template-columns: repeat(2, 1fr); /* 2 colunas para tablets */
    }
    .ecosystem-metrics {
        flex-direction: row; /* Itens lado a lado no desktop */
    }
    /* --- FIM DA Media Query ECOSSISTEMA --- */

     /* --- Media Query WHY & BENEFITS --- */
    .why-benefits-grid {
        flex-direction: row; /* Lado a lado no desktop */
        align-items: stretch; /* Garante que os cards tenham a mesma altura */
    }
     /* --- Fim da Media Query --- */

    .banner-container { flex-direction: row; justify-content:space-around; align-items: center }

    /* Media query da calculadora */
    .simulator-container {
        flex-direction: row;
        align-items: stretch; /* Faz os cards terem a mesma altura */
    }
}

@media (min-width: 1024px) {
    .main-header .logo { width: 350px; margin-left: -320px; }
    /* --- Media Query ECOSSISTEMA EMPRESARIAL (Desktop) --- */
    .ecosystem-grid {
        grid-template-columns: repeat(4, 1fr); /* 4 colunas para desktop */
    }
    /* --- FIM DA Media Query ECOSSISTEMA --- */
}


/* Adicionado para ajustar a logo no mobile */
@media (max-width: 767px) {
  .main-header .logo { width: 250px; /* Tamanho reduzido para o mobile */ margin-left: auto; /* Centraliza a logo */ margin-right: auto; /* Centraliza a logo */}
   .hero-form-wrapper { max-width: 400px; /* Adicione esta linha para aumentar a largura */}
    .hero-content h1 { font-size: 1.5rem; }
    .hero-content p { font-size: 0.9rem; text-align: left; }

    /* --- Media Query Mobile "Quem Organiza" --- */
    .about-text {
        text-align: justify; /* Texto justificado no mobile */
    }
    .about-text h3 {
        text-align: center; /* Centraliza o nome no mobile */
    }
    .about-details-grid {
        gap: 1rem; /* Espaçamento menor no mobile */
    }
    /* --- Fim da Media Query --- */

    /* --- Media Query WHY & BENEFITS Mobile --- */
    .why-benefits-card p {
        text-align: justify; /* Justifica texto no mobile */
    }
    .why-benefits-card .benefits-list {
        display: block; /* Ocupa largura total no mobile */
        padding-left: 1rem; /* Pequeno recuo */
    }
     /* --- Fim da Media Query --- */

    .accordion-card p { text-align: justify; } /* Manter se usar em outro lugar */
    /*.accordion-header { margin: 0.10rem 0;} Removido - Estilos do FAQ são mais específicos */

    /* Ajuste de altura da calculadora no mobile */
    .simulator-inputs, .simulator-results {
        min-height: auto; /* Remove a altura mínima fixa */
    }
}
/* --- Media Queries para Telas Maiores --- */

/* Tablet e telas maiores (a partir de 768px) */
@media (min-width: 768px) {
    .main-header .logo { width: 350px; margin-left: -90px; padding: 0 40px; }
    /* Estilos para tablets em modo retrato e acima */
    /* Ex: mudar layout para colunas, aumentar fontes, etc. */

}

/* Laptop e telas maiores (a"1024px") */
@media (min-width: 1024px) {
    .main-header .logo { width: 350px; margin-left: -90px; padding: 0 40px; }
    /* Estilos para notebooks e desktops */
    /* Ex: ajustar espaçamentos, refinar layout de colunas, etc. */

}

/* Laptop L e telas muito grandes (a partir de 1440px) */
@media (min-width: 1440px) {
    .main-header .logo { width: 350px; margin-left: -100px; }

}

/* NOVO ESTILO: Termo de Responsabilidade */
.simulator-disclaimer {
    font-size: 0.8rem; /* Tamanho menor */
    color: #666; /* Cor cinza */
    text-align: center; /* Centralizado */
    max-width: 800px; /* Limita a largura */
    margin: 1.5rem auto 1.5rem auto; /* Espaçamento acima/abaixo e centraliza horizontalmente */
    line-height: 1.5; /* Espaçamento entre linhas */
}
/* --- FIM DO NOVO ESTILO --- */