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

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

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

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

    /* Fontes globais */
    --fonte-titulo:     'Helvetica', 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: clamp(30px, 6vw, 70px);
    font-weight: 100;
    letter-spacing: -2px;
    line-height: 1.1;
}

/* --- SOBRE --- */
.sobre-content h2 {
    font-family: 'Inter', sans-serif;
    font-size: 48px;
    font-weight: 900;
    letter-spacing: -2px;
    line-height: 1.1;
}
.sobre-text p, .sobre-text {
    font-family: 'Inter', sans-serif;
    font-size: 17px;
    font-weight: 400;
    line-height: 1.7;
}

/* --- CARDS / MODALIDADES --- */
.card-header h2 {
    font-family: 'Inter', sans-serif;
    font-size: clamp(24px, 4vw, 30px);
    font-weight: 900;
    letter-spacing: -1px;
    line-height: 1.1;
}
.card-description, .card-description p {
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.6;
}

/* --- PROFESSORES --- */
.professores-header h2 {
    font-family: 'Inter', sans-serif;
    font-size: 50px;
    font-weight: 100;
    letter-spacing: -2px;
}
.prof-meta h3 {
    font-size: 18px;
    font-weight: 100;
}
.modal-text h2 {
    font-family: 'Inter', sans-serif;
    font-weight: 100;
}
.modal-text p {
    line-height: 1.7;
}

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

/* --- CONTATO --- */
.contato-info h2 {
    font-family: 'Inter', sans-serif;
    font-size: clamp(40px, 6vw, 70px);
    font-weight: 900;
    letter-spacing: -2px;
    line-height: 1.1;
}
.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;
    line-height: 1.6;
}
.footer-nav h4, .footer-extra h4 {
    font-size: 13px;
    font-weight: 900;
}