/* Nova Paleta de Cores Discursiva 360° */
:root {
    --cor-principal-teal: #239089; /* Novo Teal solicitado pelo cliente */
    --cor-secundaria-cream: #EDEDE9; /* Novo Cream solicitado pelo cliente */
    --cor-destaque-botoes: #ffc340; /* Amarelo dourado para botões */
    --cor-texto-sobre-cream: #239089; /* Teal para texto sobre fundo cream */
    --cor-texto-sobre-teal: #EDEDE9; /* Cream para texto sobre fundo teal */
    --cor-texto-sobre-botao: #239089; /* Teal para texto sobre botão amarelo */
    --cor-branca: #FFFFFF;
    --cor-preta: #000000;
    --cor-cinza-escuro: #333333; /* Pode ser usado para texto menos destacado sobre cream */
    --cor-cinza-claro: #e0e0e0; /* Para bordas sutis ou fundos muito claros */
    --cor-destaque-secundaria: #FF6B6B; /* Nova cor de destaque para elementos importantes */
    --cor-destaque-terciaria: #4ECDC4; /* Nova cor complementar para elementos visuais */

    --fonte-principal: 'Montserrat', sans-serif;
}

body {
    font-family: var(--fonte-principal);
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    background-color: var(--cor-secundaria-cream); /* Fundo principal cream */
    color: var(--cor-texto-sobre-cream); /* Texto principal teal sobre cream */
    line-height: 1.6;
}

a {
    text-decoration: none;
    color: var(--cor-principal-teal); /* Links em teal */
}

a:hover {
    color: #074a50; /* Teal um pouco mais escuro para hover */
}

img {
    max-width: 100%;
    height: auto;
    display: block;
}

.container {
    width: 90%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 20px 0;
}

/* Cabeçalho */
.cabecalho {
    background-color: var(--cor-secundaria-cream); /* Fundo cream */
    padding: 15px 0;
    border-bottom: 1px solid var(--cor-principal-teal); /* Borda teal sutil */
    position: sticky;
    top: 0;
    z-index: 1000;
}

.cabecalho .container {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.logo-placeholder {
    font-size: 1.8em;
    font-weight: bold;
    color: var(--cor-principal-teal); /* Logo em teal */
}

.menu-navegacao ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
}

.menu-navegacao ul li {
    margin-left: 25px;
}

.menu-navegacao ul li a {
    font-weight: 500;
    font-size: 1em;
    color: var(--cor-principal-teal);
}

.menu-navegacao ul li a:hover {
    color: #074a50;
}

.menu-hamburguer {
    display: none; 
    font-size: 1.8em;
    cursor: pointer;
    color: var(--cor-principal-teal);
}

/* Botões */
.btn {
    display: inline-block;
    padding: 14px 28px;
    border-radius: 6px;
    font-weight: bold;
    text-align: center;
    transition: all 0.3s ease;
    cursor: pointer;
    letter-spacing: 0.5px;
    margin: 8px;
    box-shadow: 0 4px 10px rgba(0,0,0,0.12);
}

.btn-primario {
    background-color: var(--cor-destaque-botoes);
    color: var(--cor-texto-sobre-botao);
    border: 2px solid var(--cor-destaque-botoes);
}

.btn-primario:hover {
    background-color: #e6b038; /* Amarelo dourado mais escuro */
    color: var(--cor-texto-sobre-botao);
    border-color: #e6b038;
    transform: translateY(-3px);
    box-shadow: 0 8px 15px rgba(0,0,0,0.18);
}

.btn-secundario {
    background-color: transparent;
    color: var(--cor-destaque-botoes);
    border: 2px solid var(--cor-destaque-botoes);
}

.btn-secundario:hover {
    background-color: var(--cor-destaque-botoes);
    color: var(--cor-texto-sobre-botao);
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
}

/* Seções */
.secao {
    padding: 60px 0;
}

.secao-titulo {
    text-align: center;
    font-size: 2.5em;
    color: var(--cor-principal-teal);
    margin-bottom: 40px;
    font-weight: 700;
}

/* Cards */
.cards-container {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    justify-content: center;
}

.card {
    background-color: var(--cor-branca); /* Cards com fundo branco para contraste com o cream do body */
    padding: 30px;
    border-radius: 10px;
    box-shadow: 0 6px 18px rgba(0,0,0,0.1);
    text-align: center;
    flex-basis: calc(33.333% - 30px);
    display: flex;
    flex-direction: column;
    align-items: center;
    border: 1px solid var(--cor-cinza-claro);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(0,0,0,0.15);
}

.card img.icone-card {
    width: 60px; 
    height: 60px;
    margin-bottom: 15px;
}

.card h3 {
    font-size: 1.5em;
    color: var(--cor-principal-teal);
    margin-bottom: 10px;
    font-weight: 700;
}

.card p {
    font-size: 1em;
    color: var(--cor-cinza-escuro); /* Texto do card em cinza escuro para legibilidade */
    margin-bottom: 20px;
    flex-grow: 1;
}

/* Rodapé */
.rodape {
    background-color: var(--cor-principal-teal);
    color: var(--cor-secundaria-cream);
    padding: 40px 0;
    text-align: center;
}

.rodape .container {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.rodape-links ul {
    list-style: none;
    padding: 0;
    margin: 0 0 20px 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.rodape-links ul li {
    margin: 5px 15px;
}

.rodape-links ul li a {
    color: var(--cor-secundaria-cream);
}

.rodape-links ul li a:hover {
    color: var(--cor-branca);
}

.redes-sociais {
    display: flex;
    justify-content: center;
    margin: 10px 0;
}

.redes-sociais a {
    margin: 0 8px;
    font-size: 1.2em;
    color: var(--cor-secundaria-cream);
    display: inline-block;
}

.redes-sociais a:hover {
    color: var(--cor-branca);
}

.rodape p {
    margin-top: 10px;
    margin-bottom: 5px;
    font-size: 0.9em;
}

/* Responsividade */
@media (max-width: 768px) {
    .menu-navegacao {
        display: none; 
        flex-direction: column;
        width: 100%;
        position: absolute;
        top: 70px; 
        left: 0;
        background-color: var(--cor-secundaria-cream);
        border-top: 1px solid var(--cor-principal-teal);
        padding: 10px 0;
        box-shadow: 0 2px 5px rgba(0,0,0,0.1);
    }

    .menu-navegacao.ativo {
        display: flex; 
    }

    .menu-navegacao ul {
        flex-direction: column;
        width: 100%;
    }

    .menu-navegacao ul li {
        margin: 10px 0;
        text-align: center;
    }

    .menu-hamburguer {
        display: block; 
    }

    .secao-titulo {
        font-size: 2em;
    }

    .card {
        flex-basis: calc(50% - 20px); 
    }
}

@media (max-width: 480px) {
    .card {
        flex-basis: 100%; 
    }
    .btn {
        padding: 10px 20px;
        font-size: 0.9em;
    }
    .secao-hero {
        padding: 10px 0;
    }
    .secao-hero .container {
        text-align: center;
        max-width: 90%;
    }
    .garantias {
        flex-direction: column; /* Stack items vertically */
        align-items: center; /* Center items horizontally */
        gap: 15px; /* Add space between stacked items */
    }
    .garantia-item {
        margin: 0; /* Reset horizontal margin */
        width: auto; /* Allow items to size naturally */
        justify-content: center; /* Center content within item if needed */
    }
    .secao-hero-texto h1 {
        font-size: 1.2em; /* Increased size, removed uppercase */
        line-height: 1.3; /* Slightly increased spacing */
        margin-bottom: 10px; /* Adjusted margin */
        word-break: keep-all;
        hyphens: none;
        letter-spacing: normal; /* Reset spacing */
        font-weight: 700; /* Consistent weight */
        text-shadow: none;
        max-width: 100%;
        white-space: normal;
        overflow-wrap: normal;
        word-spacing: normal; /* Reset spacing */
        display: block;
        width: 100%;
        text-transform: none; /* Removed uppercase */
        font-family: 'Montserrat', sans-serif;
    }
    .secao-hero-texto p {
        font-size: 0.65em;
        margin-bottom: 10px;
        word-break: keep-all;
        hyphens: none;
        letter-spacing: normal;
        line-height: 1.3;
        max-width: 100%;
        white-space: normal;
        overflow-wrap: normal;
        word-spacing: normal;
        display: block;
        width: 100%;
        font-family: 'Montserrat', sans-serif;
    }
}

/* Estilos específicos para seções da Home */
.secao-hero {
    background-color: var(--cor-principal-teal); /* Hero com fundo teal */
    color: var(--cor-texto-sobre-teal); /* Texto cream sobre teal */
    padding: 80px 0;
}

.secao-hero .container {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.secao-hero-texto {
    flex-basis: 55%;
}

.secao-hero-texto h1 {
    font-size: 2.5em;
    margin-bottom: 20px;
    color: var(--cor-secundaria-cream); /* Título cream sobre teal */
    font-weight: 700; /* Reduzido de 900 para 700 */
}

.secao-hero-texto p {
    font-size: 1.2em;
    margin-bottom: 30px;
}

/* Ajuste para botões na Hero Section */
.secao-hero .btn-primario {
    background-color: var(--cor-destaque-botoes);
    color: var(--cor-texto-sobre-botao);
    border-color: var(--cor-destaque-botoes);
    box-shadow: 0 4px 8px rgba(0,0,0,0.15);
}
.secao-hero .btn-primario:hover {
    background-color: #e6b038; /* Amarelo dourado mais escuro */
    border-color: #e6b038;
    color: var(--cor-texto-sobre-botao);
    box-shadow: 0 6px 12px rgba(0,0,0,0.2);
}
.secao-hero .btn-secundario {
    background-color: transparent;
    color: var(--cor-destaque-botoes);
    border: 2px solid var(--cor-destaque-botoes);
}
.secao-hero .btn-secundario:hover {
    background-color: var(--cor-destaque-botoes);
    color: var(--cor-texto-sobre-botao);
    box-shadow: 0 4px 8px rgba(0,0,0,0.15);
}

.secao-hero-imagem {
    flex-basis: 40%;
    text-align: center; 
}

.secao-hero-imagem img {
    max-width: 100%;
    border-radius: 8px;
}

.placeholder-imagem {
    width: 100%;
    height: 300px; 
    background-color: rgba(255,255,255,0.1); /* Placeholder sutil sobre teal */
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--cor-secundaria-cream);
    font-style: italic;
    border-radius: 8px;
    border: 1px dashed var(--cor-secundaria-cream);
}

.secao-como-funciona {
    background-color: var(--cor-secundaria-cream); /* Fundo cream */
}
.secao-como-funciona .card {
    background-color: var(--cor-branca);
    border: 1px solid #d1c7b8; /* Borda sutil para cards sobre cream */
}
.secao-como-funciona .card .placeholder-imagem.icone-card {
    background-color: var(--cor-principal-teal);
    color: var(--cor-secundaria-cream);
}

.secao-nossos-servicos {
    background-color: var(--cor-principal-teal); /* Fundo teal */
    color: var(--cor-texto-sobre-teal);
}
.secao-nossos-servicos .secao-titulo {
    color: var(--cor-secundaria-cream);
}
.secao-nossos-servicos .card {
    background-color: var(--cor-secundaria-cream);
    color: var(--cor-texto-sobre-cream);
}
.secao-nossos-servicos .card h3 {
    color: var(--cor-principal-teal);
}
.secao-nossos-servicos .card p {
    color: var(--cor-cinza-escuro);
}
.secao-nossos-servicos .card .placeholder-imagem.icone-card {
    background-color: var(--cor-principal-teal);
    color: var(--cor-secundaria-cream);
}
.secao-nossos-servicos .btn-primario {
    background-color: var(--cor-destaque-botoes);
    color: var(--cor-texto-sobre-botao);
    border-color: var(--cor-destaque-botoes);
    box-shadow: 0 4px 8px rgba(0,0,0,0.15);
}
.secao-nossos-servicos .btn-primario:hover {
    background-color: #e6b038;
    border-color: #e6b038;
    color: var(--cor-texto-sobre-botao);
    box-shadow: 0 6px 12px rgba(0,0,0,0.2);
}

.secao-depoimentos {
    background-color: var(--cor-secundaria-cream); /* Fundo cream */
}

.card-depoimento {
    background-color: var(--cor-branca);
    padding: 25px;
    border-radius: 10px;
    text-align: left;
    flex-basis: calc(33.333% - 30px);
    border: 1px solid #d1c7b8;
    box-shadow: 0 6px 18px rgba(0,0,0,0.08);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.card-depoimento:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(0,0,0,0.12);
}

.card-depoimento img.foto-depoimento {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    float: left;
    margin-right: 15px;
    margin-bottom: 10px;
    border: 3px solid var(--cor-principal-teal);
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
}

.card-depoimento p.texto-depoimento {
    font-style: italic;
    margin-bottom: 10px;
    color: var(--cor-cinza-escuro);
}

.card-depoimento p.nome-aluno {
    font-weight: bold;
    color: var(--cor-principal-teal);
    text-align: right;
}

.secao-sobre-nos {
    background-color: var(--cor-principal-teal);
    color: var(--cor-secundaria-cream);
}
.secao-sobre-nos .secao-titulo {
    color: var(--cor-secundaria-cream);
}
.secao-sobre-nos .placeholder-imagem {
    background-color: rgba(242,238,230,0.2); /* Cream com transparência sobre teal */
    color: var(--cor-secundaria-cream);
    border-color: var(--cor-secundaria-cream);
}

.secao-sobre-nos .container {
    display: flex;
    align-items: center;
    gap: 40px;
}

.secao-sobre-nos-texto {
    flex-basis: 60%;
}

.secao-sobre-nos-imagem {
    flex-basis: 40%;
}

.secao-cta-final {
    background-color: var(--cor-secundaria-cream);
    color: var(--cor-principal-teal);
}

.secao-cta-final .secao-titulo {
    color: var(--cor-principal-teal);
}

.secao-cta-final .btn-primario {
    background-color: var(--cor-destaque-botoes);
    color: var(--cor-texto-sobre-botao);
    border-color: var(--cor-destaque-botoes);
    box-shadow: 0 4px 8px rgba(0,0,0,0.15);
}

.secao-cta-final .btn-primario:hover {
    background-color: #e6b038;
    border-color: #e6b038;
    color: var(--cor-texto-sobre-botao);
    box-shadow: 0 6px 12px rgba(0,0,0,0.2);
}

.secao-cta-final .btn-secundario {
    background-color: transparent;
    color: var(--cor-destaque-botoes);
    border: 2px solid var(--cor-destaque-botoes);
}

.secao-cta-final .btn-secundario:hover {
    background-color: var(--cor-destaque-botoes);
    color: var(--cor-texto-sobre-botao);
    box-shadow: 0 4px 8px rgba(0,0,0,0.15);
}


/* Ajustes responsivos para seções específicas */
@media (max-width: 768px) {
    .secao-hero .container {
        flex-direction: column;
        text-align: center;
    }
    .secao-hero-texto {
        margin-bottom: 30px;
    }
    .secao-sobre-nos .container {
        flex-direction: column;
        text-align: center;
    }
    .secao-sobre-nos-imagem {
        margin-top: 20px;
    }
}

/* Estilos específicos para páginas de produto/obrigado/contato */
/* Manual, Recurso, Trilha - Hero Section */
.secao-hero[style*="var(--cor-bege)"] {
    background-color: var(--cor-principal-teal) !important; /* Força Teal para hero de produtos */
    color: var(--cor-secundaria-cream) !important;
}
.secao-hero[style*="var(--cor-bege)"] h1,
.secao-hero[style*="var(--cor-bege)"] p {
    color: var(--cor-secundaria-cream) !important;
}
.secao-hero[style*="var(--cor-bege)"] .btn-primario {
    background-color: var(--cor-destaque-botoes) !important;
    color: var(--cor-texto-sobre-botao) !important;
    border-color: var(--cor-destaque-botoes) !important;
    box-shadow: 0 4px 8px rgba(0,0,0,0.15) !important;
}
.secao-hero[style*="var(--cor-bege)"] .btn-primario:hover {
    background-color: #e6b038 !important;
    border-color: #e6b038 !important;
    color: var(--cor-texto-sobre-botao) !important;
    box-shadow: 0 6px 12px rgba(0,0,0,0.2) !important;
}
.secao-hero[style*="var(--cor-bege)"] .placeholder-imagem {
    background-color: rgba(242,238,230,0.2) !important; /* Cream com transparência sobre teal */
    color: var(--cor-secundaria-cream) !important;
    border-color: var(--cor-secundaria-cream) !important;
}

/* Cards de características de produto (Manual, Recurso, Trilha) */
.secao .card[style*="var(--cor-verde-claro)"] {
    background-color: var(--cor-branca) !important; /* Fundo branco para cards */
    border: 1px solid #d1c7b8 !important;
}
.secao .card[style*="var(--cor-verde-claro)"] h3 {
    color: var(--cor-principal-teal) !important;
}
.secao .card[style*="var(--cor-verde-claro)"] p {
    color: var(--cor-cinza-escuro) !important;
}
.secao .card[style*="var(--cor-verde-claro)"] .placeholder-imagem.icone-card {
    background-color: var(--cor-principal-teal) !important;
    color: var(--cor-secundaria-cream) !important;
}

/* Seção de Garantia/Preço (Manual, Recurso, Trilha) */
.secao[style*="var(--cor-verde-medio)"] {
    background-color: var(--cor-principal-teal) !important; /* Fundo Teal */
    color: var(--cor-secundaria-cream) !important;
}
.secao[style*="var(--cor-verde-medio)"] .secao-titulo,
.secao[style*="var(--cor-verde-medio)"] p {
    color: var(--cor-secundaria-cream) !important;
}
.secao[style*="var(--cor-verde-medio)"] .placeholder-imagem {
    background-color: var(--cor-secundaria-cream) !important;
    color: var(--cor-principal-teal) !important;
}
.secao[style*="var(--cor-verde-medio)"] .btn-primario {
    background-color: var(--cor-destaque-botoes) !important;
    color: var(--cor-texto-sobre-botao) !important;
    border-color: var(--cor-destaque-botoes) !important;
    box-shadow: 0 4px 8px rgba(0,0,0,0.15) !important;
}
.secao[style*="var(--cor-verde-medio)"] .btn-primario:hover {
    background-color: #e6b038 !important;
    border-color: #e6b038 !important;
    color: var(--cor-texto-sobre-botao) !important;
    box-shadow: 0 6px 12px rgba(0,0,0,0.2) !important;
}

/* Página Sobre Nós - Seção principal */
.secao[style*="var(--cor-verde-claro)"] {
    background-color: var(--cor-secundaria-cream) !important; /* Fundo Cream */
}
.secao[style*="var(--cor-verde-claro)"] h1,
.secao[style*="var(--cor-verde-claro)"] h3,
.secao[style*="var(--cor-verde-claro)"] strong {
    color: var(--cor-principal-teal) !important;
}
.secao[style*="var(--cor-verde-claro)"] p,
.secao[style*="var(--cor-verde-claro)"] li {
    color: var(--cor-cinza-escuro) !important;
}
.secao[style*="var(--cor-verde-claro)"] .placeholder-imagem {
    background-color: var(--cor-principal-teal) !important;
    color: var(--cor-secundaria-cream) !important;
}

/* Página Contato - Formulário */
.formulario-contato {
    background-color: var(--cor-branca) !important; /* Fundo branco para formulário */
    border: 1px solid #d1c7b8 !important;
}
.formulario-contato label,
.formulario-contato h3 {
    color: var(--cor-principal-teal) !important;
}
.formulario-contato input[type="text"],
.formulario-contato input[type="email"],
.formulario-contato textarea {
    border: 1px solid var(--cor-principal-teal) !important;
    color: var(--cor-cinza-escuro);
}
.formulario-contato .btn-primario {
    background-color: var(--cor-destaque-botoes) !important;
    color: var(--cor-texto-sobre-botao) !important;
    border-color: var(--cor-destaque-botoes) !important;
    box-shadow: 0 4px 8px rgba(0,0,0,0.15) !important;
}
.formulario-contato .btn-primario:hover {
    background-color: #e6b038 !important;
    border-color: #e6b038 !important;
    color: var(--cor-texto-sobre-botao) !important;
    box-shadow: 0 6px 12px rgba(0,0,0,0.2) !important;
}
.info-contato-alternativa h3,
.info-contato-alternativa a {
    color: var(--cor-principal-teal) !important;
}
.info-contato-alternativa .redes-sociais {
    filter: none !important; /* Remover filtro para ícones aparecerem coloridos */
}
.info-contato-alternativa .redes-sociais img {
    filter: brightness(0) saturate(100%) invert(25%) sepia(30%) saturate(2500%) hue-rotate(150deg) brightness(90%) contrast(95%); /* Tentar colorir para o teal */
}

/* Páginas de Obrigado - Upsell Box */
.upsell-box {
    background-color: var(--cor-branca) !important; /* Fundo branco */
    border: 1px solid var(--cor-principal-teal) !important;
}
.upsell-box h2,
.upsell-box .preco-promocional {
    color: var(--cor-principal-teal) !important;
}
.upsell-box p {
    color: var(--cor-cinza-escuro) !important;
}
.upsell-box .preco-original {
    color: #777 !important;
}
.upsell-box .btn-primario {
    background-color: var(--cor-principal-teal) !important;
    color: var(--cor-secundaria-cream) !important;
    border-color: var(--cor-principal-teal) !important;
}
.secao-obrigado h1 {
    color: var(--cor-principal-teal) !important;
}
.secao-obrigado .placeholder-imagem {
    background-color: var(--cor-principal-teal) !important;
    color: var(--cor-secundaria-cream) !important;
}

/* Páginas de Obrigado - Trilha */
.instrucoes-trilha {
    background-color: var(--cor-branca) !important;
    border: 1px solid var(--cor-principal-teal) !important;
}
.instrucoes-trilha h2, .instrucoes-trilha .card-instrucao h3, .instrucoes-trilha .aviso-link {
    color: var(--cor-principal-teal) !important;
}
.instrucoes-trilha .card-instrucao {
    background-color: var(--cor-secundaria-cream) !important;
    border: 1px solid #d1c7b8 !important;
}
.instrucoes-trilha .card-instrucao p {
    color: var(--cor-cinza-escuro) !important;
}

/* Termos e Privacidade */
.secao-conteudo-legal h1, .secao-conteudo-legal h2, .secao-conteudo-legal h3 {
    color: var(--cor-principal-teal) !important;
}
.secao-conteudo-legal p, .secao-conteudo-legal li {
    color: var(--cor-cinza-escuro) !important;
}

/* Ajuste final para ícones de redes sociais no rodapé */
.rodape .redes-sociais img {
    filter: brightness(0) saturate(100%) invert(93%) sepia(8%) saturate(347%) hue-rotate(320deg) brightness(107%) contrast(93%); /* Para cor cream */
}




/* Estilos para Logo com Favicon */
.logo-container {
    display: flex;
    align-items: center;
    gap: 8px; /* Espaço entre favicon e texto */
}

.logo-favicon {
    width: 28px; /* Tamanho discreto */
    height: 28px;
    vertical-align: middle; /* Alinhamento vertical */
}

.logo-text {
    font-size: 1.8em;
    font-weight: bold;
    color: var(--cor-principal-teal);
}

/* Remover ou comentar o estilo antigo se não for mais usado */
/* .logo-placeholder {
    font-size: 1.8em;
    font-weight: bold;
    color: var(--cor-principal-teal); 
} */



/* Estilos para Logo com Favicon */
.logo-container {
    display: flex;
    align-items: center;
    gap: 8px;
}

.logo-favicon {
    width: 30px;
    height: 30px;
    object-fit: contain;
}

.logo-text {
    font-size: 1.8em;
    font-weight: bold;
    color: var(--cor-principal-teal);
}

/* Ajustes de responsividade para cards e ícones */
@media (max-width: 768px) {
    .card img.icone-card {
        width: 80px !important;
        height: 80px !important;
    }
    
    .cards-container {
        gap: 20px;
    }
}

@media (max-width: 480px) {
    .card {
        padding: 20px;
    }
    
    .card img.icone-card {
        width: 70px !important;
        height: 70px !important;
    }
    
    .card h3 {
        font-size: 1.3em;
        margin-bottom: 8px;
    }
    
    .card p {
        font-size: 0.9em;
    }
    
    .card-depoimento {
        padding: 15px;
    }
    
    .card-depoimento img.foto-depoimento {
        width: 60px;
        height: 60px;
        margin-right: 10px;
    }
    
    .card-depoimento p.texto-depoimento {
        font-size: 0.9em;
        clear: both;
        padding-top: 5px;
    }
    
    .logo-favicon {
        width: 24px;
        height: 24px;
    }
    
    .logo-text {
        font-size: 1.5em;
    }
}