/* ---------- Fontes ------------------------------------------------------- */

@font-face {
    font-family: "WRBuruhKota";
    src: url("../fonts/WR Buruh Kota.otf") format("opentype"),
         url("../fonts/WR Buruh Kota.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "WRBuruhKotaExtrude";
    src: url("../fonts/WR Buruh Kota Extrude.otf") format("opentype"),
         url("../fonts/WR Buruh Kota Extrude.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "InterVar";
    src: url("../fonts/Inter-VariableFont_opsz,wght.ttf") format("truetype-variations");
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "InterVar";
    src: url("../fonts/Inter-Italic-VariableFont_opsz,wght.ttf") format("truetype-variations");
    font-weight: 100 900;
    font-style: italic;
    font-display: swap;
}

/* ---------- Cores -------------------------------------------------------- */

:root {
    --uni-yellow: #e7ff00;  /* destaques, pílulas de título, CTA em fundo escuro */
    --uni-cyan:   #00c9ff;  /* fundo principal da home, títulos sobre azul */
    --uni-royal:  #034ea1;  /* fundo de seções, editais, CTA sólido */
    --uni-mint:   #00ffce;  /* gradiente "Como é a prova?", acentos */
    --uni-violet: #5a20f5;  /* seção Formas de ingresso, SOS Unisc */
    --uni-navy:   #172e75;  /* header, footer, cards escuros */
    --uni-white:  #ffffff;

    /* aliases dos tokens antigos — mantém as regras do style.scss válidas */
    --dark-blue: var(--uni-navy);
    --light-blue: var(--uni-cyan);
    --medium-blue: var(--uni-royal);
    --electric-indigo: var(--uni-violet);
    --neon-violet: var(--uni-violet);
    --white: var(--uni-white);

    --radius-card: 1rem;
    --radius-pill: 10rem;
}

* {
    --dark-blue: #172e75;
    --light-blue: #00c9ff;
    --medium-blue: #034ea1;
    --electric-indigo: #5a20f5;
    --neon-violet: #5a20f5;
    --white: #ffffff;
}

/* ---------- Aplicação das fontes ---------------------------------------- */

body {
    color: var(--uni-white);
    font-family: "InterVar", "Inter", Helvetica, Arial, sans-serif;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.45;
    -webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
    font-weight: 400;
    text-wrap: pretty;
}

/* display: tudo que usa .title-case no tema passa a usar a Buruh Kota */
.title-case {
    font-family: "WRBuruhKota", Impact, sans-serif;
    font-feature-settings: "liga" 0, "clig" 0, "dlig" 0, "calt" 0;
    font-variant-ligatures: none;
    font-weight: 400;
    letter-spacing: 0.01em;
    line-height: 0.95em;
    text-transform: uppercase;
}

/* ---------- 3. Base ----------------------------------------------------- */

body { background-color: var(--uni-royal); }
body.page-template-page-home { background-color: var(--uni-cyan); }

a { color: inherit; text-decoration: none; transition: 0.2s; }
a:hover { color: var(--uni-yellow); }

/* corpo de texto ficou menor e mais claro no layout novo */
.course-listing-intro p,
.home-admissions-inner p,
.test-explainer-inner p,
.highlight-financing-inner p,
.influencer-tour-title p,
.faq-inner p {
    font-size: 0.9375rem;
    line-height: 1.5;
}

@media screen and (min-width: 62em) {
    .course-listing-intro p,
    .home-admissions-inner p,
    .test-explainer-inner p,
    .highlight-financing-inner p,
    .influencer-tour-title p,
    .faq-inner p { font-size: 1rem; }
}

/* ---------- 4. Header --------------------------------------------------- */

header { background-color: var(--uni-cyan); }

@media screen and (max-width: 47.99em) {
    .section-menu { background-color: var(--uni-cyan); }
}

@media screen and (min-width: 48em) {
    .section-menu li a.med-school-link {
        background-color: var(--uni-navy);
        color: var(--uni-white);
    }
}

.header-inner { padding: 0.75rem 1rem; }

@media screen and (min-width: 62em) {
    .header-inner { gap: 1.5rem; padding: 0.75rem 2rem; }
}

.section-menu li {
    font-family: "InterVar", Helvetica, Arial, sans-serif;
    font-size: 0.6875rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

@media screen and (min-width: 87.5em) {
    .section-menu li { font-size: 0.75rem; }
}

/* item ativo = pílula amarela (antes era sublinhado) */
.section-menu li { color: var(--uni-navy); }

.section-menu li a { border-radius: 0; padding: 0.35rem 0.75rem; }

.section-menu li a.active {
    background-color: var(--uni-yellow);
    color: var(--uni-navy);
    text-decoration-color: transparent;
}

.section-menu li a:hover {
    background-color: rgba(255, 255, 255, 0.14);
    color: var(--uni-white);
    text-decoration-color: transparent;
}

.section-menu li a.active:hover {
    background-color: var(--uni-white);
    color: var(--uni-navy);
}

@media (min-width: 1110px) {
    .section-menu { align-self: stretch; align-items: stretch; gap: 0; }
    .section-menu li { display: flex; }
    .section-menu li a {
        align-items: center;
        display: flex;
        height: calc(100% + 1.5rem);
        justify-content: center;
        margin: -0.75rem 0;
        padding: 0 0.85rem;
    }
    .section-menu li a.med-school-link { padding: 0 1rem; }
}

@media screen and (min-width: 87.5em) {
    .section-menu { gap: 0; }
}

@media screen and (min-width: 48em) {
    .section-menu li a.med-school-link { border-radius: 0; }
}

/* seletor EAD / PRESENCIAL: cápsula branca */
.website-selector ul {
    background-color: var(--uni-cyan);
    border-color: var(--uni-yellow);
    border-style: solid;
    border-width: 2px;
    padding: 0.15rem;
}

.website-selector ul li a {
    color: var(--uni-navy);
    font-family: "InterVar", Helvetica, Arial, sans-serif;
    font-size: 0.75rem;
    font-weight: 800;
    letter-spacing: 0.04em;
    padding: 0.35rem 0.9rem;
    text-transform: uppercase;
}

@media screen and (min-width: 62em) {
    .website-selector ul li a { font-size: 0.9375rem; }
}

.website-selector ul li a.distance-link {
    background-color: transparent;
    color: var(--uni-navy);
}

.website-selector ul li a.in-person-link {
    background-color: var(--uni-white);
    border-radius: var(--radius-pill);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
    color: var(--uni-navy);
}

/* ---------- 5. Banner --------------------------------------------------- */

.banner-container img { border-radius: 0; max-width: none; }

.banner-content { gap: 0.75rem; }

.banner-content .new-cta-fill {
    background-color: var(--uni-white);
    color: var(--uni-navy);
}

.banner-content .new-cta-fill:hover {
    background-color: var(--uni-yellow);
    color: var(--uni-navy);
}

/* ---------- 6. CTA padrão ----------------------------------------------- */

.new-cta-fill {
    border-radius: var(--radius-pill);
    font-family: "WRBuruhKota", Impact, sans-serif;
    font-size: 0.8125rem;
    letter-spacing: 0.02em;
    line-height: 1;
    padding: 0.6rem 1.25rem;
    text-transform: uppercase;
}

@media screen and (min-width: 62em) {
    .new-cta-fill { font-size: 0.9375rem; padding: 0.75rem 1.75rem; }
}

/* ---------- 7. Acesso rápido -------------------------------------------- */

.quick-access { padding: 2.5rem 1rem; }

@media screen and (min-width: 62em) {
    .quick-access { padding: 4rem 0 3rem 0; }
}

.quick-access-inner {
    gap: 1rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    max-width: 56rem;
}

@media screen and (min-width: 62em) {
    .quick-access-inner { gap: 1.5rem; grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

.quick-access-inner li {
    background-color: var(--uni-royal);
    border-radius: var(--radius-card);
}

.quick-access-inner li:hover { background-color: var(--uni-royal); }

.quick-access-inner li a { gap: 1rem; padding: 1.75rem 1rem; }

@media screen and (min-width: 62em) {
    .quick-access-inner li a { gap: 1.25rem; padding: 2rem 1.5rem; }
}

.quick-access-inner li a img { max-width: 3.5rem; }

@media screen and (min-width: 62em) {
    .quick-access-inner li a img { max-width: 4.5rem; }
}

/* rótulo em duas cores: linha 1 ciano, <strong> amarelo */
.quick-access-inner li a span {
    color: var(--uni-cyan);
    font-family: "WRBuruhKota", Impact, sans-serif;
    font-size: 0.9375rem;
    font-weight: 400;
    letter-spacing: 0.02em;
    line-height: 1.1em;
}

@media screen and (min-width: 62em) {
    .quick-access-inner li a span { font-size: 1.0625rem; }
}

.quick-access-inner li a span strong { color: var(--uni-yellow); }

/* ---------- 8. Listagem de cursos --------------------------------------- */

.course-listing { padding: 1rem 1rem 2rem 1rem; }

@media screen and (min-width: 62em) {
    .course-listing { padding: 1rem 0 3rem 0; }
}

.course-listing-intro { align-items: center; gap: 0.75rem; }

/* MARKUP NOVO (opcional): envolva o h2 num .section-title-pill para as
   estrelinhas laterais. Sem isso o h2 já vira a pílula amarela. */
.course-listing-intro h2 {
    background-color: var(--uni-yellow);
    border-radius: var(--radius-pill);
    color: #222018;
    font-size: 1.25rem;
    padding: 0.6rem 2rem;
    text-align: center;
}

@media screen and (min-width: 48em) {
    .course-listing-intro h2 { font-size: 1.5rem; padding: 0.7rem 2.5rem; }
}

@media screen and (min-width: 62em) {
    .course-listing-intro h2 { font-size: 1.75rem; padding: 0.75rem 3rem; }
}

.course-listing-intro h2 strong { color: #222018; font-weight: inherit; }

.course-listing-intro p {
    color: var(--uni-navy);
    margin: 0 auto;
    max-width: 46rem;
    text-align: center;
}

.course-listing-intro p strong { font-weight: 700; }

/* filtro + busca: dois pills nas extremidades */
.course-filters-search { padding: 1.5rem 0 1rem 0; }

@media screen and (min-width: 62em) {
    .course-filters-search { padding: 2rem 0 1.25rem 0; }
}

form.course-search { align-items: center; gap: 1rem; justify-content: space-between; }

@media screen and (min-width: 62em) { form.course-search { max-height: none; } }

form.course-search button {
    background-color: transparent;
    border-color: var(--uni-royal);
    border-width: 1px;
    border-radius: var(--radius-pill);
    color: var(--uni-royal);
    font-size: 0.6875rem;
    gap: 0.4rem;
    height: auto;
    letter-spacing: 0.04em;
    padding: 0.4rem 0.9rem;
    width: auto;
}

form.course-search button:hover {
    background-color: var(--uni-yellow);
    border-color: var(--uni-yellow);
    color: var(--uni-royal);
}

form.course-search button.course-filters-open {
    border-color: var(--uni-royal);
    color: var(--uni-royal);
}

form.course-search button svg { height: 0.9rem; width: 0.9rem; }

form.course-search button span { display: block; font-size: 0.6875rem; }

@media screen and (min-width: 62em) {
    form.course-search button { padding: 0.45rem 1rem; }
    form.course-search button span { font-size: 0.75rem; }
}

.course-search-inner {
    background-color: transparent;
    border-color: var(--uni-royal);
    border-width: 1px;
    flex-grow: 0;
    gap: 0.4rem;
    max-width: 15rem;
    padding: 0.4rem 0.9rem;
}

@media screen and (min-width: 62em) {
    .course-search-inner { max-width: 17rem; padding: 0.45rem 1rem; }
}

.course-search-inner svg { color: var(--uni-royal); height: 1rem; width: 1rem; }

@media screen and (min-width: 62em) {
    .course-search-inner svg { height: 1rem; width: 1rem; }
}

.course-search-inner input { color: var(--uni-royal); font-size: 0.6875rem; }

@media screen and (min-width: 62em) { .course-search-inner input { font-size: 0.75rem; } }

.course-search-inner input::placeholder {
    color: var(--uni-royal);
    letter-spacing: 0.04em;
    opacity: 0.75;
}

.course-search-focused { border-color: var(--uni-yellow); }
.course-search-focused svg { color: var(--uni-royal); }

.course-filters-group h3 { color: var(--uni-royal); font-size: 0.8125rem; }

.course-filters-group ul li a {
    background-color: transparent;
    border-color: var(--uni-royal);
    border-width: 1px;
    color: var(--uni-royal);
    font-size: 0.75rem;
    padding: 0.3rem 0.9rem;
}

.course-filters-group ul li a:hover,
.course-filters-group ul li a.selected {
    background-color: var(--uni-yellow);
    border-color: var(--uni-yellow);
    color: var(--uni-royal);
}

/* cartões de curso: contorno claro sobre o ciano */
.listing-inner { gap: 1rem; }

@media screen and (min-width: 48em) { .listing-inner { gap: 1.25rem; } }

.course-item {
    background-color: transparent;
    border-color: var(--uni-royal);
    border-radius: var(--radius-card);
    border-width: 1px;
    margin-bottom: 0.75rem;
}

.course-item a { gap: 0.15rem; padding: 1.25rem 1rem 1.75rem 1rem; }

@media screen and (min-width: 62em) {
    .course-item a { padding: 1.5rem 1.25rem 2rem 1.25rem; }
}

/* modalidade (Presencial / Semipresencial) acima do nome */
.course-item a .course-mode-label {
    color: var(--uni-royal);
    font-size: 0.6875rem;
    letter-spacing: 0.02em;
    opacity: 0.9;
}

.course-item a h3 {
    color: var(--uni-royal);
    font-size: 1rem;
    line-height: 1em;
}

@media screen and (min-width: 48em) { .course-item a h3 { font-size: 1.125rem; } }
@media screen and (min-width: 62em) { .course-item a h3 { font-size: 1.25rem; } }

.course-item a p.degree {
    color: var(--uni-royal);
    font-size: 0.6875rem;
    margin-top: 0.15rem;
    opacity: 0.9;
    padding-bottom: 0;
}

@media screen and (min-width: 62em) { .course-item a p.degree { font-size: 0.75rem; } }

.course-item a p.course-cta {
    background-color: var(--uni-white);
    bottom: -0.6rem;
    color: var(--uni-royal);
    font-size: 0.625rem;
    letter-spacing: 0.04em;
    padding: 0.3rem 0.9rem;
}

@media screen and (min-width: 62em) {
    .course-item a p.course-cta { font-size: 0.6875rem; padding: 0.35rem 1rem; }
}

.course-item a:hover p.course-cta {
    background-color: var(--uni-yellow);
    color: var(--uni-royal);
}

/* card em destaque (Medicina) */
.course-item.medschool {
    background-color: var(--uni-royal);
    border-color: var(--uni-royal);
}

.course-item.medschool a h3 { color: var(--uni-mint); }

.course-item.medschool a p.degree { color: var(--uni-white); }

.course-item.medschool a p.course-cta { background-color: var(--uni-white); color: var(--uni-navy); }

.course-item.medschool a:hover p.course-cta { background-color: var(--uni-yellow); }

/* ---------- 9. "Como é a prova?" ---------------------------------------- */

.test-explainer {
    padding: 1rem 1rem 0 1rem;
    position: relative;
    z-index: 21;
}

@media screen and (min-width: 62em) { .test-explainer { padding: 1rem 0 0 0; } }

.test-explainer-inner {
    background-color: var(--uni-mint);
    border-radius: 1.5rem;
    color: var(--uni-royal);
    margin-bottom: -2.5rem;
    padding: 1.75rem;
    text-align: center;
}

@media screen and (min-width: 48em) {
    .test-explainer-inner { margin-bottom: -3rem; }
}

@media screen and (min-width: 62em) {
    .test-explainer-inner {
        align-items: center;
        display: grid;
        gap: 2.5rem;
        grid-template-columns: 1fr 1.6fr;
        margin-bottom: -3.5rem;
        padding: 2.25rem 3rem;
        text-align: left;
    }
}

@media screen and (min-width: 87.5em) {
    .test-explainer-inner { gap: 3rem; grid-template-columns: 1fr 1.6fr; padding: 2.5rem 3.5rem; }
}

.test-explainer-inner h2 { color: var(--uni-royal); font-size: 1.75rem; }

@media screen and (min-width: 48em) { .test-explainer-inner h2 { font-size: 2.25rem; } }
@media screen and (min-width: 62em) { .test-explainer-inner h2 { font-size: 2.5rem; } }

.test-explainer-inner h2 strong { color: var(--uni-royal); font-weight: inherit; }

.test-explainer-inner .right { align-items: center; gap: 0.85rem; }

@media screen and (min-width: 62em) { .test-explainer-inner .right { align-items: flex-start; } }

.test-explainer-inner p { color: var(--uni-royal); margin: 0; }

.test-explainer-inner p strong { font-weight: 700; }

.test-explainer-inner .new-cta-fill {
    align-self: center;
    background-color: var(--uni-royal);
    color: var(--uni-white);
    margin-right: 0;
}

.test-explainer-inner .new-cta-fill:hover {
    background-color: var(--uni-royal);
    color: var(--uni-white);
}

/* ---------- 10. Formas de ingresso (violeta) ---------------------------- */

.home-admissions {
    background-color: var(--uni-violet);
    /* padrão de estrelas do layout: descomente quando o arquivo estiver em /img
    background-image: url("../img/bg-stars-violet.avif");
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover; */
    /* clip (não hidden) recorta o sangramento lateral do .checker-divider
       sem cortar a coluna de texto verticalmente */
    overflow-x: clip;
    overflow-y: visible;
}

.home-admissions-inner {
    color: var(--uni-white);
    padding: 4.5rem 1rem 0 1rem;
}

@media screen and (min-width: 48em) {
    .home-admissions-inner {
        align-items: stretch;
        gap: 2rem;
        grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr);
        padding: 5.5rem 0 0 0;
    }
}

@media screen and (min-width: 62em) {
    .home-admissions-inner { padding-top: 6.5rem; }
}

.home-admissions-inner h2 { font-size: 1.375rem; }

@media screen and (min-width: 48em) { .home-admissions-inner h2 { font-size: 1.625rem; } }
@media screen and (min-width: 62em) { .home-admissions-inner h2 { font-size: 1.875rem; } }

.home-admissions-inner h2 strong { color: var(--uni-white); font-weight: inherit; }

.home-admissions-inner .left { gap: 2rem; max-width: 26rem; }

@media screen and (min-width: 62em) { .home-admissions-inner .left { gap: 2.5rem; } }

.home-admissions-inner .home-admissions-type { gap: 0.5rem; }

/* "Saiba mais sobre cada forma de ingresso" virou pílula contornada */
.home-admissions-inner a.arrow-cta {
    border: 1px solid rgba(255, 255, 255, 0.6);
    border-radius: var(--radius-pill);
    color: var(--uni-cyan);
    font-size: 0.8125rem;
    font-weight: 400;
    padding: 0.35rem 1rem;
}

.home-admissions-inner a.arrow-cta:hover {
    background-color: var(--uni-white);
    border-color: var(--uni-white);
    color: var(--uni-violet);
}

.home-admissions-inner a.arrow-cta span.cta-text { font-size: 0.8125rem; }

.home-admissions-inner .new-cta-fill {
    background-color: var(--uni-mint);
    color: var(--uni-navy);
}

.home-admissions-inner .new-cta-fill:hover {
    background-color: var(--uni-white);
    color: var(--uni-violet);
}

/* lista de formas de ingresso: ícone contornado + rótulo ciano */
.home-admissions-inner .right ul { gap: 0.85rem; padding: 0; }

@media screen and (min-width: 48em) { .home-admissions-inner .right ul { gap: 1rem; padding: 0; } }
@media screen and (min-width: 62em) { .home-admissions-inner .right ul { gap: 1.15rem; padding: 0; } }

.home-admissions-inner .right ul li a { gap: 0.85rem; }

.home-admissions-inner .right ul li a .home-admissions-icon {
    aspect-ratio: 1 / 1;
    max-width: 2rem;
    min-width: 2rem;
    width: 2rem;
}

@media screen and (min-width: 62em) {
    .home-admissions-inner .right ul li a .home-admissions-icon {
        max-width: 2.25rem;
        min-width: 2.25rem;
        width: 2.25rem;
    }
}

.home-admissions-icon .icon-mask {
    background-color: var(--uni-mint);
    display: block;
    height: 100%;
    width: 100%;
    -webkit-mask-image: var(--icon-url);
    mask-image: var(--icon-url);
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.home-admissions-inner .right ul li a span {
    color: var(--uni-white);
    font-family: "WRBuruhKota", Impact, sans-serif;
    font-size: 0.9375rem;
    letter-spacing: 0.02em;
    line-height: 1.05em;
    text-decoration-line: none;
}

@media screen and (min-width: 62em) {
    .home-admissions-inner .right ul li a span { font-size: 1.0625rem; }
}

.home-admissions-inner .right ul li a:hover span { color: var(--uni-cyan); }

/* no mobile, a foto "sangra" até a borda real da tela (ignora o padding do
   container/section) e fica maior, já que a largura maior aumenta a altura
   proporcionalmente (mesma imagem, sem cortar) */
@media screen and (max-width: 47.99em) {
    .home-admissions-inner .right img {
        display: block;
        margin-left: calc(50% - 50vw);
        margin-right: calc(50% - 50vw);
        max-width: 100vw;
        width: 100vw;
    }
}

/* desktop: a foto é ancorada direto na seção (que já ocupa a tela toda),
   não no container/coluna — assim ela encosta na borda real da página
   e fica bem maior, independente da largura do container */
@media screen and (min-width: 48em) {
    .home-admissions-inner .right img {
        bottom: 0;
        max-width: 52rem;
        position: absolute;
        right: 0;
        width: 68vw;
    }
}

@media screen and (min-width: 87.5em) {
    .home-admissions-inner .right img { max-width: 58rem; }
}

/* ---------- 11. Bolsas e financiamentos --------------------------------- */

.highlight-financing { background-color: var(--uni-navy); }

.page-template-page-home .highlight-financing { padding: 2.5rem 1rem; }

@media screen and (min-width: 62em) {
    .page-template-page-home .highlight-financing { padding: 3.5rem 0; }
}

.highlight-financing-inner { gap: 1.5rem; }

@media screen and (min-width: 62em) {
    .highlight-financing-inner { align-items: center; gap: 3rem; grid-template-columns: 1fr 1fr; }
}

.highlight-financing-inner .left {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    text-align: center;
}

@media screen and (min-width: 62em) {
    .highlight-financing-inner .left { align-items: flex-start; gap: 1.25rem; text-align: left; }
}

.highlight-financing-inner .left h2 { font-size: 1.75rem; }

@media screen and (min-width: 48em) { .highlight-financing-inner .left h2 { font-size: 2.25rem; } }
@media screen and (min-width: 62em) { .highlight-financing-inner .left h2 { font-size: 2.75rem; } }

.highlight-financing-inner .left h2 strong { color: var(--uni-yellow); display: block; }

.highlight-financing-inner .left p { text-align: inherit; }

.highlight-financing-inner .right { align-items: center; gap: 0.5rem; justify-content: center; }

.highlight-financing-inner .right img {
    aspect-ratio: 16 / 9;
    border-radius: 1.5rem;
    display: block;
    height: auto;
    object-fit: cover;
    width: 100%;
}

@media screen and (min-width: 62em) {
    .highlight-financing-inner .right img { aspect-ratio: 2 / 1; }
}

.highlight-financing-inner .right .new-cta-fill {
    margin-right: 0;
    margin-top: -1.5rem;
    position: relative;
    z-index: 2;
}

.highlight-financing-inner .new-cta-fill {
    background-color: var(--uni-yellow);
    color: var(--uni-navy);
}

.highlight-financing-inner .new-cta-fill:hover {
    background-color: var(--uni-white);
    color: var(--uni-navy);
}

/* ---------- 12. Tour / espaços (faixa de fotos) ------------------------- */

.influencer-tour { background-color: var(--uni-royal); }

.page-template-page-home .influencer-tour { background-color: var(--uni-royal); }

.influencer-tour-padding { padding: 3rem 1rem 0 1rem; }

@media screen and (min-width: 62em) { .influencer-tour-padding { padding: 4rem 0 0 0; } }

.influencer-tour-title h2 {
    color: var(--uni-cyan);
    font-size: 1.5rem;
    margin-bottom: 0.75rem;
}

@media screen and (min-width: 48em) { .influencer-tour-title h2 { font-size: 1.875rem; } }
@media screen and (min-width: 62em) { .influencer-tour-title h2 { font-size: 2.25rem; margin-bottom: 1rem; } }

.influencer-tour-title h2 strong { color: var(--uni-white); font-weight: inherit; }

.influencer-tour-title p { color: var(--uni-white); max-width: 40rem; }

/* faixa horizontal sangrando nas laterais, cartões verticais */
#tour-carousel { padding-bottom: 3rem; padding-top: 2rem; }

#tour-carousel .splide__slide { aspect-ratio: 3 / 4; border-radius: 0.75rem; padding: 0.5rem; }

#tour-carousel .splide__video,
#tour-carousel .splide__video__wrapper,
#tour-carousel video { aspect-ratio: 3 / 4; border-radius: 0.75rem; }

#tour-carousel img { border-radius: 0.75rem; height: 100%; object-fit: cover; }

/* ---------- 13. SOS Unisc ----------------------------------------------- */

.get-help {
    background: linear-gradient(to bottom, var(--uni-royal) 50%, var(--uni-cyan) 50%);
    padding: 0 1rem;
}

@media screen and (min-width: 62em) { .get-help { padding: 0; } }

.page-template-page-med .get-help,
.page-template-page-admission .get-help {
    background: linear-gradient(to bottom, var(--uni-navy) 50%, var(--uni-cyan) 50%);
}

.get-help-inner {
    background-color: var(--uni-violet);
    border-radius: 1.5rem;
    gap: 1.25rem;
    padding: 1.75rem;
}

.page-template-page-med .get-help-inner,
.page-template-page-admission .get-help-inner {
    background-color: var(--uni-violet);
}

.page-template-page-about .get-help-inner {
    background-color: var(--uni-navy);
}

@media screen and (min-width: 48em) {
    .get-help-inner { gap: 2rem; grid-template-columns: 1fr 1fr; padding: 2rem 2.5rem; }
}

@media screen and (min-width: 62em) {
    .get-help-inner { gap: 3rem; padding: 2.25rem 3.5rem; }
}

.get-help-inner h2 { font-size: 2rem; }

@media screen and (min-width: 48em) { .get-help-inner h2 { font-size: 2.5rem; } }
@media screen and (min-width: 62em) { .get-help-inner h2 { font-size: 3rem; } }

.get-help-inner h2 strong { color: var(--uni-white); font-weight: inherit; }

.get-help-inner p { color: var(--uni-white); }

.get-help-inner .new-cta-fill {
    background-color: var(--uni-cyan);
    color: var(--uni-navy);
}

.get-help-inner .new-cta-fill:hover {
    background-color: var(--uni-white);
    color: var(--uni-violet);
}

/* ---------- 14. FAQ ----------------------------------------------------- */

.faq { background-color: var(--uni-cyan); padding: 3rem 1rem; }

@media screen and (min-width: 62em) { .faq { padding: 4rem 0; } }

.faq-inner { gap: 1.5rem; }

.faq-inner h2 {
    color: var(--uni-navy);
    font-size: 1.5rem;
}

@media screen and (min-width: 48em) { .faq-inner h2 { font-size: 1.875rem; } }
@media screen and (min-width: 62em) { .faq-inner h2 { font-size: 2.25rem; } }

.accordion .accordion-item {
    border-bottom-color: rgba(23, 46, 117, 0.35);
    border-bottom-width: 1px;
}

.accordion .accordion-button {
    color: var(--uni-navy);
    font-family: "WRBuruhKota", Impact, sans-serif;
    font-size: 1rem;
    font-weight: 400;
    letter-spacing: 0.02em;
    padding: 0.9rem 0;
    text-transform: none;
}

@media screen and (min-width: 62em) {
    .accordion .accordion-button { font-size: 1.125rem; padding: 1.1rem 0; }
}

.accordion .accordion-button[aria-expanded="true"] { color: var(--uni-navy); }
.accordion .accordion-button[aria-expanded="false"] { color: var(--uni-navy); }
.accordion .accordion-button[aria-expanded="false"]:hover { color: var(--uni-royal); }

.accordion .accordion-button svg { height: 1rem; width: 1rem; }

@media screen and (min-width: 62em) {
    .accordion .accordion-button svg { height: 1rem; width: 1rem; }
}

.accordion .accordion-body { color: var(--uni-navy); padding-bottom: 0.75rem; }

.accordion .accordion-body p { color: var(--uni-navy); font-size: 0.875rem; }

@media screen and (min-width: 62em) { .accordion .accordion-body p { font-size: 0.9375rem; } }

/* ---------- 15. Editais e documentos ------------------------------------ */

.documents { background-color: var(--uni-royal); padding: 3rem 1rem; }

@media screen and (min-width: 62em) { .documents { padding: 4rem 0; } }

.documents-inner { gap: 2rem; }

@media screen and (min-width: 62em) {
    .documents-inner { align-items: center; gap: 4rem; grid-template-columns: 1fr 1.3fr; }
}

.documents-inner h2 { font-size: 2rem; }

@media screen and (min-width: 48em) { .documents-inner h2 { font-size: 2.5rem; } }
@media screen and (min-width: 62em) { .documents-inner h2 { font-size: 3rem; } }

.documents-inner h2 strong { color: var(--uni-cyan); display: block; font-weight: inherit; }

.documents ul { gap: 0.75rem; }

@media screen and (min-width: 48em) { .documents ul { grid-template-columns: 1fr; } }

.documents ul li a { align-items: flex-start; gap: 0.6rem; }

.documents ul li a span { font-size: 0.8125rem; line-height: 1.35; }

@media screen and (min-width: 62em) { .documents ul li a span { font-size: 0.875rem; } }

.documents ul li a .file {
    color: var(--uni-cyan);
    flex-basis: 1rem;
    min-width: 1rem;
}

@media screen and (min-width: 62em) {
    .documents ul li a .file { flex-basis: 1.15rem; min-width: 1.15rem; }
}

/* ---------- 16. Footer -------------------------------------------------- */

footer { background-color: var(--uni-navy); padding: 2rem 1rem; }

@media screen and (min-width: 62em) { footer { padding: 2.5rem 0; } }

.footer-inner p { font-size: 0.8125rem; line-height: 1.45; }

@media screen and (min-width: 62em) { .footer-inner p { font-size: 0.8125rem; } }

.footer-inner ul.social-icons { gap: 0.85rem; }

.footer-inner ul.social-icons li a { color: var(--uni-white); }

.footer-inner ul.social-icons li a svg { height: 1rem; width: 1rem; }

@media screen and (min-width: 62em) {
    .footer-inner ul.social-icons li a svg { height: 1.1rem; width: 1.1rem; }
}

.footer-inner ul.social-icons li a:hover { color: var(--uni-cyan); }

.footer-inner .logo-footer img { min-width: 0; }

@media screen and (min-width: 62em) { .footer-inner .logo-footer img { min-width: 10rem; } }

/* ---------- 17. Transferências ------------------------------------------ */

.transference-intro-inner h2 { font-size: 1.75rem; }

@media screen and (min-width: 48em) { .transference-intro-inner h2 { font-size: 2.25rem; } }
@media screen and (min-width: 62em) { .transference-intro-inner h2 { font-size: 2.75rem; } }

.transference-intro-inner h2 strong { color: var(--uni-yellow); }

.transference-benefits-inner h2 { font-size: 1.75rem; }

@media screen and (min-width: 48em) { .transference-benefits-inner h2 { font-size: 2.25rem; } }
@media screen and (min-width: 62em) { .transference-benefits-inner h2 { font-size: 2.75rem; } }

.transference-benefits-inner h2 strong { color: var(--uni-yellow); }

.transference-how-to-inner h2 { font-size: 1.75rem; }

@media screen and (min-width: 48em) { .transference-how-to-inner h2 { font-size: 2.25rem; } }
@media screen and (min-width: 62em) { .transference-how-to-inner h2 { font-size: 2.75rem; } }

/* CTA em fundo navy: amarelo (igual "Bolsas e financiamentos" na home) */
.transference-benefits-inner .new-cta-fill {
    background-color: var(--uni-yellow);
    color: var(--uni-navy);
}

.transference-benefits-inner .new-cta-fill:hover {
    background-color: var(--uni-white);
    color: var(--uni-navy);
}

/* "50%" em destaque no card principal do bento */
.bento-left h3 { color: var(--uni-yellow); }

.bento-inner { border-color: var(--uni-cyan); }

.bento-left p { outline-color: var(--uni-cyan); }

/* CTAs em fundo violeta: mantém mint (igual home-admissions) */
.transference-how-to-inner .new-cta-fill {
    background-color: var(--uni-mint);
    color: var(--uni-navy);
}

.transference-how-to-inner .new-cta-fill:hover {
    background-color: var(--uni-white);
    color: var(--uni-violet);
}

.transference-how-to-inner p { color: var(--uni-mint); }

/* números dos passos em amarelo, pra dar o mesmo pop da home */
.transference-steps-outer .step .step-number { color: var(--uni-yellow); }

/* ---------- 18. Bolsas e financiamentos (página) ------------------------ */

.scholarships-intro-inner h2 { font-size: 1.75rem; }

@media screen and (min-width: 48em) { .scholarships-intro-inner h2 { font-size: 2.25rem; } }
@media screen and (min-width: 62em) { .scholarships-intro-inner h2 { font-size: 2.75rem; } }

.scholarships-intro-inner h2 strong { color: var(--uni-yellow); }

/* título das listagens (Bolsas / Financiamentos / Descontos) vira pílula
   amarela, igual "Cursos de Graduação" na home */
.scholarship-listing h2 {
    background-color: var(--uni-yellow);
    border-radius: var(--radius-pill);
    color: var(--uni-navy);
    font-size: 1.25rem;
    margin-left: auto;
    margin-right: auto;
    padding: 0.5rem 2rem;
    width: fit-content;
}

@media screen and (min-width: 48em) { .scholarship-listing h2 { font-size: 1.5rem; } }
@media screen and (min-width: 62em) { .scholarship-listing h2 { font-size: 1.75rem; } }

.income-calcutation-inner h2 { font-size: 1.75rem; }

@media screen and (min-width: 48em) { .income-calcutation-inner h2 { font-size: 2.25rem; } }
@media screen and (min-width: 62em) { .income-calcutation-inner h2 { font-size: 2.75rem; } }

.income-calcutation-inner h2 strong { color: var(--uni-yellow); }

/* ---------- 19. Formas de ingresso (página) ------------------------------ */

.admissions-listing h2 {
    background-color: var(--uni-yellow);
    border-radius: var(--radius-pill);
    color: var(--uni-navy);
    font-size: 1.25rem;
    margin-left: auto;
    margin-right: auto;
    padding: 0.5rem 2rem;
    text-align: center;
    width: fit-content;
}

@media screen and (min-width: 48em) { .admissions-listing h2 { font-size: 1.5rem; } }
@media screen and (min-width: 62em) { .admissions-listing h2 { font-size: 1.75rem; } }

/* ---------- 20. Por quê estudar na Unisc (página) ------------------------ */

.about-intro-inner-top h2 { font-size: 1.75rem; }

@media screen and (min-width: 48em) { .about-intro-inner-top h2 { font-size: 2.25rem; } }

@media screen and (min-width: 62em) {
    .about-intro-inner-top h2 {
        font-size: 2.75rem;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
    }
}

.about-intro-inner-top h2 strong { color: var(--uni-yellow); }

.about-intro-features-inner h2 {
    color: var(--uni-white);
    font-size: 1.75rem;
}

@media screen and (min-width: 48em) { .about-intro-features-inner h2 { font-size: 2.25rem; } }
@media screen and (min-width: 62em) { .about-intro-features-inner h2 { font-size: 2.75rem; } }

.about-intro-features-inner h2 strong { color: var(--uni-yellow); }

/* ---------- 21. Medicina (página) ---------------------------------------- */

.get-to-know-inner h2 { font-size: 1.75rem; }

@media screen and (min-width: 48em) { .get-to-know-inner h2 { font-size: 2.25rem; } }
@media screen and (min-width: 62em) { .get-to-know-inner h2 { font-size: 2.75rem; } }

.get-to-know-inner h2 strong { color: var(--uni-yellow); }

.med-test-inner h2 { color: var(--uni-mint); font-size: 1.75rem; }

@media screen and (min-width: 48em) { .med-test-inner h2 { font-size: 2.25rem; } }
@media screen and (min-width: 62em) { .med-test-inner h2 { font-size: 2.75rem; } }

.med-test-area { background-color: var(--uni-mint); color: var(--uni-navy); }

.med-test-area h3 { color: var(--uni-navy); }

.med-scholarships-financing h2 {
    background-color: var(--uni-yellow);
    border-radius: var(--radius-pill);
    color: var(--uni-navy);
    font-size: 1.25rem;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 2rem;
    padding: 0.5rem 2rem;
    width: fit-content;
}

@media screen and (min-width: 48em) { .med-scholarships-financing h2 { font-size: 1.5rem; } }
@media screen and (min-width: 62em) { .med-scholarships-financing h2 { font-size: 1.75rem; } }

.med-reason-photo {
    padding: 1rem 1rem 0 1rem;
    text-align: center;
}

@media screen and (min-width: 48em) { .med-reason-photo { padding: 1rem 0 0 0; } }

.med-reason-photo img {
    display: inline-block;
    height: auto;
    margin-bottom: -0.35rem;
    max-width: 100%;
    width: 44rem;
}

.med-now-banner {
    background-color: var(--uni-navy);
    padding: 1rem 1rem 2rem 1rem;
}

@media screen and (min-width: 48em) { .med-now-banner { padding: 1rem 0 3rem 0; } }

.med-now-banner a {
    border-radius: 1.5rem;
    display: block;
    overflow: hidden;
}

.med-now-banner img {
    border-radius: 1.5rem;
    display: block;
    height: auto;
    transition: 0.2s;
    width: 100%;
}

.med-now-banner a:hover img { transform: scale(1.02); }

/* ---------- 22. Modal "Antes de sair" ------------------------------------ */

.exit-modal .modal-header {
    padding: 0;
    position: relative;
}

.exit-modal .exit-modal-banner {
    display: block;
}

.exit-modal .exit-modal-banner img {
    border-radius: 1rem 1rem 0 0;
    display: block;
    height: auto;
    width: 100%;
}

.exit-modal .modal-body {
    background-color: var(--uni-cyan);
    color: var(--uni-navy);
}

.exit-modal .modal-body p { color: var(--uni-navy); }

.exit-modal .course-signup-cta {
    background-color: var(--uni-navy);
    border-color: var(--uni-navy);
    color: var(--uni-white);
    justify-content: center;
}

.exit-modal .course-signup-cta:hover {
    background-color: var(--uni-white);
    border-color: var(--uni-navy);
    color: var(--uni-navy);
}

.exit-modal .mini-sos-unisc {
    background-color: var(--uni-yellow);
    color: var(--uni-navy);
}

.exit-modal .mini-sos-unisc h3 { color: var(--uni-navy); }
.exit-modal .mini-sos-unisc p { color: var(--uni-navy); }

.exit-modal .mini-sos-unisc .new-cta-fill {
    background-color: var(--uni-navy);
    color: var(--uni-white);
}

.exit-modal .mini-sos-unisc .new-cta-fill:hover {
    background-color: var(--uni-white);
    color: var(--uni-navy);
}