@import url('https://fonts.googleapis.com/css2?family=Figtree:wght@400;700&display=swap');
@import url('https://mcdgv4q4mfzp49dnzqs2hr-gjqm0.pub.sfmc-content.com/sqiugiucd1i');
@import url('https://cloud.divulga.sebraeam.com.br/header.css');
@import url('https://cloud.divulga.sebraeam.com.br/home.css');
@import url('https://cloud.divulga.sebraeam.com.br/impacto.css');
@import url('https://cloud.divulga.sebraeam.com.br/cursos.css');
@import url('https://cloud.divulga.sebraeam.com.br/mulheres.css');
@import url('https://cloud.divulga.sebraeam.com.br/ferramentas.css');
@import url('https://cloud.divulga.sebraeam.com.br/pilar.css');
@import url('https://cloud.divulga.sebraeam.com.br/cases.css');
@import url('https://cloud.divulga.sebraeam.com.br/formulario.css');
@import url('https://cloud.divulga.sebraeam.com.br/footer');

/* Nova paleta Sebrae Delas */
:root {
    --color-creme:        #FDFBE9; /* Creme */
    --color-atlantico:    #0A2179; /* Atlântico */
    --color-azul-sebrae:  #2A4FDA; /* Azul Sebrae */
    --color-azul-claro:   #2DD3FF; /* Azul Claro */
    --color-vermelho:     #E62C2C; /* Vermelho */
    --color-laranja:      #FF8540; /* Laranja */
    --color-amarelo:      #F6E827; /* Amarelo */
    --color-verde:        #73E5AB; /* Verde */
    --color-neutral-0:    #FFFFFF; /* Branco */
    --color-neutral-1:    #1D1D1D; /* Preto/escuro */
    --color-muted:        #6c6c80; /* Cinza Muted */
    --font-primary:       'Figtree', Arial, sans-serif; /* Fonte padrão */
    --shadow-light:       0px 4px 14px rgba(0, 0, 0, 0.1); /* Sombra leve */
    --shadow-dark:        0px 6px 28px rgba(0, 0, 0, 0.2); /* Sombra escura */
}

* {
    font-family: var(--font-primary);
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    scroll-behavior: smooth;
}

body {
    background-color: var(--color-creme);
    color: var(--color-atlantico);
    line-height: 1.6;
    font-size: 1rem;
}

/* Botão padrão (btn-default) */
.btn-default {
    display: flex;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
    background: linear-gradient(90deg, var(--color-azul-sebrae) 60%, var(--color-laranja) 100%);
    color: var(--color-neutral-0);
    padding: 12px 18px;
    font-weight: 700;
    font-size: 1rem;
    border: none;
    border-radius: 8px;
    box-shadow: var(--shadow-light);
    cursor: pointer;
    transition: all 0.3s ease-in-out;
}
.btn-default:hover {
    background: var(--color-vermelho);
    box-shadow: var(--shadow-dark);
    color: var(--color-neutral-0);
}

/* Títulos principais */
.section-title {
    font-size: 1.8rem;
    font-weight: 900;
    color: var(--color-atlantico);
    margin-bottom: 16px;
}
.section-subtitle {
    font-size: 2.4rem;
    font-weight: 700;
    color: var(--color-azul-sebrae);
    line-height: 1.1;
    margin-bottom: 24px;
}

/* Highlight box */
.highlight-box {
    background-color: var(--color-amarelo);
    color: var(--color-atlantico);
    border-radius: 12px;
    padding: 20px;
    text-align: center;
    font-weight: 800;
    box-shadow: var(--shadow-light);
}

/* Tira de paleta de cores */
.palette-strip {
    display: flex;
    width: 100%;
    height: 64px;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: var(--shadow-light);
}
.palette-strip > div {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 1rem;
}
.palette-strip .s--azul-claro { background: var(--color-azul-claro); color: var(--color-atlantico); }
.palette-strip .s--vermelho   { background: var(--color-vermelho); color: var(--color-neutral-0); }
.palette-strip .s--laranja    { background: var(--color-laranja); color: var(--color-neutral-0); }
.palette-strip .s--amarelo    { background: var(--color-amarelo); color: var(--color-atlantico); }
.palette-strip .s--verde      { background: var(--color-verde); color: var(--color-atlantico); }

/* Texto adicionais */
.text-muted {
    color: var(--color-muted);
    font-size: 0.9rem;
}
.text-accent {
    color: var(--color-azul-sebrae);
    font-weight: 800;
}

/* Responsividade */
@media (max-width: 768px) {
    .section-title {
        font-size: 1.4rem;
    }
    .section-subtitle {
        font-size: 1.8rem;
    }
    .btn-default {
        padding: 10px;
        font-size: 0.95rem;
        border-radius: 6px;
    }
    .highlight-box {
        padding: 16px;
        font-size: 1rem;
    }
    .palette-strip {
        height: 48px;
        font-size: 0.85rem;
    }
}

@media (max-width: 480px) {
    .section-title {
        font-size: 1.7rem;
        margin: 20px;
    }
    .section-subtitle {
        font-size: 1.5rem;
    }
    .btn-default {
        padding: 8px;
        font-size: 0.9rem;
    }
    .highlight-box {
        padding: 12px;
        font-size: 0.9rem;
        border-radius: 8px;
    }
    .palette-strip {
        height: 36px;
        font-size: 0.75rem;
    }
}