/* ============================================================
   CSS DINÂMICO — GERADO PELO PAINEL GLOCKEN
   ============================================================ */

/* --- VARIÁVEIS GLOBAIS (CSS Custom Properties) --- */
:root {
    --accent:           #fad335;
    --cor-secundaria:   #000000;
    --cor-fundo:        #ffffff;
    --cor-texto:        #000000;
    --cor-acento:       #fad335;
    --font-color-act:   #fad335;
    --font-color:       #000000;

    /* Border radius global */
    --borda-raio:       5px;

    /* Espaçamento entre seções */
    --espacamento-sec:  100px;

    /* Fontes globais */
    --fonte-titulo:     'Inter', sans-serif;
    --fonte-corpo:      'Inter',    sans-serif;
}

/* --- APLICAÇÃO DO BORDER RADIUS --- */
/* Aplica o arredondamento nos elementos principais do site */
.btn-saber-mais,
.btn-enviar,
.btn-galeria-completa,
.btn-checkout,
.btn-buy-overlay,
.btn-mapa,
.btn-insta,
.badge-discount,
.card-tag,
.product-card,
.sede-card,
.prof-card,
.galeria-item,
.hero-content,
input, select, textarea,
.product-img-box,
.modal-flex,
.prof-img img {
    border-radius: var(--borda-raio) !important;
}

/* --- ESPAÇAMENTO ENTRE SEÇÕES --- */
.section-sobre,
.section-cards-alternados,
.section-galeria,
.section-professores,
.section-sedes,
.section-contato,
#modalidades,
#sobre,
#galeria,
#professores,
#unidades,
#contato {
    /* padding-top: var(--espacamento-sec); */
    padding-bottom: var(--espacamento-sec);
}

/* --- CORES GLOBAIS --- */
/* Fundo principal das seções escuras */
body {
    background-color: var(--cor-fundo);
    color: var(--cor-texto);
}

/* Cor de acento nos destaques */
span.destaque,
.hero-content span,
.contato-info h2 span {
    color: var(--cor-acento);
}

/* --- SLIDE / HERO --- */
.hero-content h1 {
    font-family: 'Inter', sans-serif;
    font-size: 60clamp;
    font-weight: 500;
    letter-spacing: 2px;
}

/* --- SOBRE --- */
.sobre-content h2 {
    font-family: 'Inter', sans-serif;
    font-size: 30px;
    font-weight: 500;
    letter-spacing: -1PX;
}
.sobre-text p, .sobre-text {
    font-family: 'Inter', sans-serif;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.7;
}

/* --- CARDS / MODALIDADES --- */
.card-header h2 {
    font-family: 'Inter', sans-serif;
    font-size: 34px;
    font-weight: 500;
    letter-spacing: -1px;
}
.card-description, .card-description p {
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.6;
}

/* --- PROFESSORES --- */
.professores-header h2 {
    font-family: 'Inter', sans-serif;
    font-size: 30px;
    font-weight: 500;
    letter-spacing: -2px;
    margin-bottom: 50px;
}
.professores-header p, .prof-meta h3 {
    font-family: 'Inter', sans-serif;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.7;
}

.modal-text h2 {
    font-family: 'Inter', sans-serif;
    font-weight: 500;
}
.modal-text p {
    font-weight: 300;
    line-height: 1,7;
}

/* --- UNIDADES / SEDES --- */
.sedes-header h2 {
    font-family: 'Inter', sans-serif;
    font-size: 30px;
    font-weight: 500;
    letter-spacing: -1px;
}
.sede-info h3{
    font-family: 'Inter', sans-serif;
    font-size: 26px;
    font-weight: 500;
    letter-spacing: -1px;
}
.sede-info p, .sedes-header p {
    font-size: 15px;
    font-weight: 500;
    line-height: 1.6;
}
.sede-details p{
    font-size: 15px;
    font-weight: 500;
    line-height: 1.6;
}


/* --- CONTATO --- */
.contato-info h2 {
    font-family: 'Inter', sans-serif;
    font-size: 40px;
    font-weight: 500;
    letter-spacing: -2px;
}
.contato-form-box input,
.contato-form-box select,
.contato-form-box textarea {
    font-size: 14px;
}

/* --- FOOTER --- */
.footer-logo {
    font-size: 40px;
    font-weight: 900;
}
.footer-brand p {
    font-size: 15px;
    font-weight: 100;
    line-height: 1.6;
}
.footer-nav h4, .footer-extra h4 {
    font-size: 13px;
    font-weight: 900;
}