/*
Theme Name: Tema UAB
Theme URI: https://uniaoafrobrasil.com.br
Description: Tema filho do GeneratePress para o Instituto União Afro Brasil. Identidade afro com paleta Terras + cores temáticas das áreas de atuação. Compatível com blocos NATIVOS do Gutenberg (cliente edita visualmente).
Author: AMDS Tecnologia da Informação
Author URI: https://amds.com.br
Template: generatepress
Version: 3.0.0
Text Domain: generatepress-uab-child
*/

/* ============================================
   UAB · UNIÃO AFRO BRASIL · v3.0
   Paleta Terras + 6 cores temáticas afro
   ============================================ */

@import url('https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,400;9..144,500;9..144,600;9..144,700&family=Inter:wght@400;500;600;700&display=swap');

:root {
    /* ----- Paleta base (fundos, textos, estrutura) ----- */
    --uab-bg-dark: #171C1B;
    --uab-bg-medium: #222827;
    --uab-bg-warm: #2d3331;
    --uab-brown: #954F1F;
    --uab-ochre: #DEAB36;
    --uab-cream: #f5ede0;
    --uab-paper: #fbf7f0;
    --uab-text-dark: #2d2218;
    --uab-text-mute: #6b5a4a;
    --uab-line: rgba(45, 34, 24, .12);
    --uab-orange: #E07A1F;


    /* ----- Cores temáticas — áreas de atuação ----- */
    --uab-green: #2B6F40;
    /* Sustentabilidade / ESG / Empreendedorismo */
    --uab-blue: #355E9F;
    /* Esportes e Saúde */
    --uab-red: #CB2928;
    /* Cultura */
    --uab-brown-edu: #954F1F;
    /* Educação (mesmo do --uab-brown) */
    --uab-black: #171C1B;
    /* Questões Raciais e Afro */
    --uab-mustard: #DEAB36;
    /* Turismo (mesmo do --uab-ochre) */

    /* ----- Tipografia ----- */
    --uab-serif: 'Fraunces', Georgia, serif;
    --uab-sans: 'Inter', system-ui, sans-serif;
}

html {
    scroll-behavior: smooth;
}

body.uab-home {
    background: var(--uab-paper);
    color: var(--uab-text-dark);
    font-family: var(--uab-sans);
}

/* ============================================
   ESTRUTURA COMUM DE SEÇÕES
   ============================================ */
.uab-section {
    padding: 100px 24px !important;
    position: relative;
    overflow: hidden;
    margin: 0 !important;
}

@media (max-width: 880px) {
    .uab-section {
        padding: 64px 24px !important;
    }
}

.uab-section>.wp-block-columns,
.uab-section>.wp-block-group,
.uab-section>p,
.uab-section>h1,
.uab-section>h2,
.uab-section>h3,
.uab-section>.wp-block-buttons,
.uab-section>.wp-block-gallery {
    max-width: 1280px;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* ----- EYEBROW base (Categoria pequena acima do título) ----- */
/* Cor padrão: marrom + underline ocre. Cada seção pode sobrescrever (ver abaixo) */
.uab-eyebrow {
    display: inline-block !important;
    color: var(--uab-brown) !important;
    font-size: 11px !important;
    letter-spacing: 3px !important;
    font-weight: 700 !important;
    text-transform: uppercase;
    margin-bottom: 16px !important;
    padding-bottom: 8px;
    border-bottom: 2px solid var(--uab-ochre);
}

/* ----- EYEBROWS TEMÁTICOS por seção ----- */
/* Cada seção da home recebe uma cor da paleta afro no eyebrow,
   conectando visualmente o conteúdo com as áreas de atuação. */

/* Sobre — marrom (Educação, raízes) */
.uab-sobre .uab-eyebrow {
    color: var(--uab-brown-edu) !important;
    border-bottom-color: var(--uab-brown-edu) !important;
}

/* MVV — mostarda (propósito, luz) */
.uab-mvv .uab-eyebrow {
    color: var(--uab-mustard) !important;
    border-bottom-color: var(--uab-mustard) !important;
}

/* Áreas — vermelho (vitalidade, ação) */
.uab-areas .uab-eyebrow {
    color: var(--uab-red) !important;
    border-bottom-color: var(--uab-red) !important;
}

/* Projetos — verde (crescimento, sustentabilidade) */
.uab-projetos .uab-eyebrow {
    color: var(--uab-green) !important;
    border-bottom-color: var(--uab-green) !important;
}

/* Sede — azul (estrutura, solidez) */
.uab-sede .uab-eyebrow {
    color: var(--uab-blue) !important;
    border-bottom-color: var(--uab-blue) !important;
}

/* Galeria — vermelho (cultura, expressão) */
.uab-galeria .uab-eyebrow {
    color: var(--uab-red) !important;
    border-bottom-color: var(--uab-red) !important;
}

/* Governança — azul (institucional) */
.uab-governanca .uab-eyebrow {
    color: var(--uab-blue) !important;
    border-bottom-color: var(--uab-blue) !important;
}

/* Transparência — mostarda (confiança, abertura) */
.uab-transp .uab-eyebrow {
    color: var(--uab-mustard) !important;
    border-bottom-color: var(--uab-mustard) !important;
}

/* Doação — verde (apoio, crescimento) */
.uab-doacao .uab-eyebrow {
    color: var(--uab-green) !important;
    border-bottom-color: var(--uab-green) !important;
}

/* ----- TÍTULO PRINCIPAL ----- */
.uab-title {
    font-family: var(--uab-serif) !important;
    font-size: clamp(32px, 4vw, 48px) !important;
    line-height: 1.1 !important;
    font-weight: 400 !important;
    color: var(--uab-text-dark) !important;
    margin-bottom: 20px !important;
    letter-spacing: -.5px;
}

.uab-title em {
    color: var(--uab-brown);
    font-style: italic;
}

/* ----- LEAD ----- */
.uab-lead {
    font-size: 18px !important;
    line-height: 1.7 !important;
    color: var(--uab-text-mute) !important;
    max-width: 720px !important;
    margin-bottom: 56px !important;
}

/* ============================================
   BOTÕES
   ============================================ */
.uab-section .wp-block-button.uab-btn .wp-block-button__link {
    padding: 16px 28px !important;
    font-family: var(--uab-sans) !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    letter-spacing: 2px !important;
    text-transform: uppercase;
    text-decoration: none !important;
    border-radius: 2px !important;
    transition: all .25s;
    display: inline-flex;
    align-items: center;
    gap: 10px;
}

.uab-section .wp-block-button.uab-btn .wp-block-button__link::after {
    content: " →";
    transition: transform .25s;
}

.uab-section .wp-block-button.uab-btn:hover .wp-block-button__link::after {
    transform: translateX(4px);
}

/* PRIMARY */
.uab-section .wp-block-button.uab-btn-primary .wp-block-button__link {
    background: var(--uab-orange) !important;
    color: #fff !important;
    border: none !important;
}

.uab-section .wp-block-button.uab-btn-primary .wp-block-button__link:hover {
    background: var(--uab-ochre) !important;
    color: var(--uab-bg-dark) !important;
    transform: translateY(-1px);
}

/* GHOST */
.uab-section .wp-block-button.uab-btn-ghost .wp-block-button__link {
    background: transparent !important;
    color: var(--uab-ochre) !important;
    border: 1px solid var(--uab-ochre) !important;
}

.uab-section .wp-block-button.uab-btn-ghost .wp-block-button__link:hover {
    background: var(--uab-ochre) !important;
    color: var(--uab-bg-dark) !important;
}

/* DARK */
.uab-section .wp-block-button.uab-btn-dark .wp-block-button__link {
    background: var(--uab-bg-dark) !important;
    color: var(--uab-cream) !important;
    border: none !important;
}

.uab-section .wp-block-button.uab-btn-dark .wp-block-button__link:hover {
    background: var(--uab-bg-warm) !important;
}

/* ============================================
   HERO
   ============================================ */
.uab-hero {
    background: linear-gradient(135deg, var(--uab-bg-dark) 0%, var(--uab-bg-medium) 60%, var(--uab-bg-warm) 100%) !important;
    padding: 120px 24px 100px !important;
    position: relative;
    overflow: hidden;
}

@media (max-width: 880px) {
    .uab-hero {
        padding: 80px 24px 60px !important;
    }
}

/* Faixa Kente vertical na esquerda — 6 cores da paleta afro */
.uab-hero::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 6px;
    background: linear-gradient(180deg,
            var(--uab-green) 0%, var(--uab-green) 16.66%,
            var(--uab-blue) 16.66%, var(--uab-blue) 33.33%,
            var(--uab-red) 33.33%, var(--uab-red) 50%,
            var(--uab-brown-edu) 50%, var(--uab-brown-edu) 66.66%,
            var(--uab-black) 66.66%, var(--uab-black) 83.33%,
            var(--uab-mustard) 83.33%);
    z-index: 2;
}

/* Padrão Adinkra de fundo — usa mostarda */
.uab-hero::after {
    content: "";
    position: absolute;
    right: -60px;
    top: -40px;
    width: 500px;
    height: 500px;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'><defs><pattern id='a' x='0' y='0' width='38' height='38' patternUnits='userSpaceOnUse'><circle cx='19' cy='19' r='13' fill='none' stroke='%23DEAB36' stroke-width='1.2'/><circle cx='19' cy='19' r='5' fill='none' stroke='%23DEAB36' stroke-width='1.2'/><line x1='19' y1='0' x2='19' y2='38' stroke='%23DEAB36' stroke-width='0.6'/><line x1='0' y1='19' x2='38' y2='19' stroke='%23DEAB36' stroke-width='0.6'/></pattern></defs><rect width='200' height='200' fill='url(%23a)'/></svg>");
    opacity: .07;
    pointer-events: none;
    z-index: 1;
}

.uab-hero>* {
    position: relative;
    z-index: 3;
}

.uab-hero .uab-hero-row {
    align-items: center;
    display: grid !important;
    grid-template-columns: minmax(0, 48%) minmax(0, 58%);
    gap: 0 !important;
}

@media (max-width: 880px) {
    .uab-hero .uab-hero-row {
        display: flex !important;
        flex-direction: column !important;
        gap: 40px !important;
    }

    .uab-hero .uab-hero-text,
    .uab-hero .uab-hero-img-col {
        flex-basis: 100% !important;
    }
}

/* Badge */
.uab-hero .uab-hero-badge {
    display: inline-flex !important;
    align-items: center;
    gap: 10px;
    padding: 8px 16px !important;
    background: rgba(222, 171, 54, .12);
    border: 1px solid rgba(222, 171, 54, .35);
    color: var(--uab-ochre) !important;
    font-size: 11px !important;
    letter-spacing: 3px;
    font-weight: 600 !important;
    margin: 0 0 32px 0 !important;
    border-radius: 2px;
}

.uab-hero .uab-hero-badge::before {
    content: "";
    width: 6px;
    height: 6px;
    background: var(--uab-ochre);
    border-radius: 50%;
}

/* H1 */
.uab-hero .uab-hero-h1 {
    font-family: var(--uab-serif) !important;
    font-size: clamp(40px, 5.5vw, 68px) !important;
    line-height: 1.02 !important;
    font-weight: 400 !important;
    color: var(--uab-cream) !important;
    letter-spacing: -1px;
    margin: 0 0 28px 0 !important;
}

.uab-hero .uab-hero-h1 em {
    color: var(--uab-orange);
    font-style: italic;
    font-weight: 500;
}

.uab-hero .uab-hero-sub {
    color: rgba(245, 237, 224, .7) !important;
    font-size: 17px !important;
    line-height: 1.6 !important;
    max-width: 540px;
    margin: 0 0 40px 0 !important;
}

.uab-hero .uab-hero-cta {
    margin-bottom: 64px !important;
    gap: 14px;
}

.uab-hero .uab-hero-stats {
    padding-top: 36px !important;
    margin-top: 0 !important;
    border-top: 1px solid rgba(222, 171, 54, .2);
    gap: 32px !important;
}

.uab-hero .uab-stat-num {
    font-family: var(--uab-serif) !important;
    color: var(--uab-ochre) !important;
    font-size: 36px !important;
    font-weight: 500 !important;
    line-height: 1 !important;
    margin: 0 !important;
}

.uab-hero .uab-stat-label {
    color: rgba(245, 237, 224, .55) !important;
    font-size: 11px !important;
    letter-spacing: 2px !important;
    font-weight: 600 !important;
    margin: 8px 0 0 0 !important;
    text-transform: uppercase;
}

.uab-hero .uab-hero-text {
    position: relative;
    z-index: 4;
}

.uab-hero .uab-hero-text::before {
    content: "";
    position: absolute;
    top: -56px;
    bottom: -56px;
    left: -32px;
    right: -118px;
    background: linear-gradient(90deg,
            var(--uab-bg-dark) 0%,
            var(--uab-bg-dark) 62%,
            rgba(23, 28, 27, .9) 76%,
            rgba(23, 28, 27, .46) 90%,
            rgba(23, 28, 27, 0) 100%);
    z-index: -1;
    pointer-events: none;
}

.uab-hero .uab-hero-img-col {
    position: relative;
    z-index: 2;
    margin-left: -72px;
    margin-right: -96px;
    min-height: clamp(460px, 44vw, 620px);
}

.uab-hero .uab-hero-img-col::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg,
            var(--uab-bg-dark) 0%,
            rgba(23, 28, 27, .54) 5%,
            rgba(23, 28, 27, .16) 14%,
            rgba(23, 28, 27, .03) 24%,
            transparent 32%);
    z-index: 4;
    pointer-events: none;
}

.uab-hero .uab-hero-img-col .metaslider,
.uab-hero .uab-hero-img-col .flexslider,
.uab-hero .uab-hero-img-col .wp-block-gallery,
.uab-hero .uab-hero-img-col .wp-block-image,
.uab-hero .uab-hero-img-col figure {
    width: 100% !important;
    height: clamp(460px, 44vw, 620px) !important;
    min-height: clamp(460px, 44vw, 620px);
    margin: 0 !important;
    overflow: hidden !important;
    border-radius: 4px;
}

.uab-hero .uab-hero-img-col .slides,
.uab-hero .uab-hero-img-col .slide,
.uab-hero .uab-hero-img-col .slides li {
    height: 100% !important;
}

.uab-hero .uab-hero-img-col img {
    width: 100% !important;
    height: 100% !important;
    min-height: clamp(460px, 44vw, 620px);
    object-fit: cover !important;
    object-position: 58% center;
    border-radius: 4px;
    filter: sepia(.22) contrast(1.08) brightness(.9) hue-rotate(-5deg);
}

@media (max-width: 880px) {
    .uab-hero .uab-hero-img-col {
        margin-left: 0;
        margin-right: 0;
        min-height: 360px;
        width: 100%;
    }

    .uab-hero .uab-hero-text::before {
        display: none;
    }

    .uab-hero .uab-hero-img-col::before {
        background: linear-gradient(180deg,
                rgba(23, 28, 27, .12) 0%,
                rgba(23, 28, 27, .02) 45%,
                rgba(23, 28, 27, .2) 100%);
    }

    .uab-hero .uab-hero-img-col .metaslider,
    .uab-hero .uab-hero-img-col .flexslider,
    .uab-hero .uab-hero-img-col .wp-block-gallery,
    .uab-hero .uab-hero-img-col .wp-block-image,
    .uab-hero .uab-hero-img-col figure,
    .uab-hero .uab-hero-img-col img {
        height: 360px !important;
        min-height: 360px;
    }
}

/* ============================================
   SOBRE
   ============================================ */
.uab-sobre {
    background: var(--uab-paper);
}

.uab-sobre .uab-sobre-row {
    align-items: start;
    gap: 80px !important;
}

@media (max-width: 880px) {
    .uab-sobre .uab-sobre-row {
        flex-direction: column !important;
    }

    .uab-sobre .uab-sobre-img-col,
    .uab-sobre .uab-sobre-body {
        flex-basis: 100% !important;
    }
}

.uab-sobre .uab-sobre-img img {
    aspect-ratio: 4/5;
    object-fit: cover;
    width: 100%;
    border-radius: 4px;
    filter: sepia(.2) contrast(1.05);
}

.uab-sobre .uab-sobre-body p,
.uab-sobre .uab-sobre-p,
.uab-sobre .uab-dropcap {
    font-size: 17px !important;
    line-height: 1.8 !important;
    color: var(--uab-text-mute) !important;
    margin-bottom: 20px !important;
}

.uab-sobre .uab-dropcap::first-letter {
    font-family: var(--uab-serif);
    font-size: 72px;
    line-height: .85;
    float: left;
    margin: 6px 12px 0 0;
    color: var(--uab-brown);
    font-weight: 500;
}

.uab-sobre .uab-quote {
    margin-top: 32px !important;
    padding: 24px 28px !important;
    background: var(--uab-cream) !important;
    border-left: 3px solid var(--uab-ochre) !important;
    font-family: var(--uab-serif) !important;
    font-size: 19px !important;
    font-style: italic;
    color: var(--uab-text-dark) !important;
    line-height: 1.5;
}

.uab-sobre .uab-quote p {
    color: var(--uab-text-dark) !important;
    font-size: 19px !important;
    margin: 0 !important;
}

/* ============================================
   MVV
   ============================================ */
.uab-mvv {
    background: var(--uab-bg-dark) !important;
    color: var(--uab-cream);
    position: relative;
    overflow: hidden;
}

/* Faixinha colorida no TOPO da seção — assinatura visual da paleta */
.uab-mvv::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 4px;
    background: linear-gradient(90deg,
            var(--uab-green) 0%, var(--uab-green) 16.66%,
            var(--uab-blue) 16.66%, var(--uab-blue) 33.33%,
            var(--uab-red) 33.33%, var(--uab-red) 50%,
            var(--uab-brown-edu) 50%, var(--uab-brown-edu) 66.66%,
            var(--uab-black) 66.66%, var(--uab-black) 83.33%,
            var(--uab-mustard) 83.33%);
    z-index: 3;
}

.uab-mvv::after {
    content: "";
    position: absolute;
    right: -100px;
    bottom: -100px;
    width: 600px;
    height: 600px;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'><defs><pattern id='m' x='0' y='0' width='40' height='40' patternUnits='userSpaceOnUse'><path d='M 20 4 L 36 20 L 20 36 L 4 20 Z' fill='none' stroke='%23DEAB36' stroke-width='1'/></pattern></defs><rect width='200' height='200' fill='url(%23m)'/></svg>");
    opacity: .04;
    pointer-events: none;
}

.uab-mvv>* {
    position: relative;
    z-index: 2;
}

.uab-mvv .uab-title {
    color: var(--uab-cream) !important;
}

.uab-mvv .uab-lead {
    color: rgba(245, 237, 224, .7) !important;
}

.uab-mvv .uab-mvv-grid {
    gap: 32px !important;
}

@media (max-width: 880px) {
    .uab-mvv .uab-mvv-grid {
        flex-direction: column !important;
    }
}

.uab-mvv-card {
    padding: 36px 32px !important;
    background: rgba(222, 171, 54, .06) !important;
    border: 1px solid rgba(222, 171, 54, .15);
    border-top: 3px solid transparent;
    border-radius: 4px;
    transition: all .3s;
}

.uab-mvv-card:hover {
    background: rgba(222, 171, 54, .1) !important;
    transform: translateY(-4px);
}

/* Cada card MVV ganha uma cor de topo: Missão=verde, Visão=azul, Valores=vermelho */
.uab-mvv .uab-mvv-grid .uab-mvv-card:nth-child(1) {
    border-top-color: var(--uab-green);
}

.uab-mvv .uab-mvv-grid .uab-mvv-card:nth-child(1):hover {
    border-color: var(--uab-green);
}

.uab-mvv .uab-mvv-grid .uab-mvv-card:nth-child(2) {
    border-top-color: var(--uab-blue);
}

.uab-mvv .uab-mvv-grid .uab-mvv-card:nth-child(2):hover {
    border-color: var(--uab-blue);
}

.uab-mvv .uab-mvv-grid .uab-mvv-card:nth-child(3) {
    border-top-color: var(--uab-red);
}

.uab-mvv .uab-mvv-grid .uab-mvv-card:nth-child(3):hover {
    border-color: var(--uab-red);
}

.uab-mvv-num {
    font-family: var(--uab-serif) !important;
    font-size: 14px !important;
    color: var(--uab-ochre) !important;
    letter-spacing: 4px !important;
    margin: 0 0 16px 0 !important;
}

.uab-mvv-h3 {
    font-family: var(--uab-serif) !important;
    font-size: 26px !important;
    font-weight: 500 !important;
    color: var(--uab-cream) !important;
    margin: 0 0 16px 0 !important;
}

.uab-mvv-card p {
    color: rgba(245, 237, 224, .7) !important;
    font-size: 15px !important;
    line-height: 1.7 !important;
    margin: 0 !important;
}

/* ============================================
   ÁREAS
   ============================================ */
.uab-areas {
    background: var(--uab-paper);
}

.uab-areas .uab-areas-grid {
    border: 1px solid var(--uab-line) !important;
    background: var(--uab-line) !important;
    gap: 1px !important;
    margin-bottom: 0 !important;
}

.uab-areas .uab-areas-grid+.uab-areas-grid {
    border-top: none !important;
    margin-top: 0 !important;
}

@media (max-width: 1024px) {
    .uab-areas .uab-areas-grid {
        flex-wrap: wrap !important;
    }

    .uab-areas .uab-area-card {
        flex-basis: calc(50% - 1px) !important;
    }
}

@media (max-width: 540px) {
    .uab-areas .uab-areas-grid {
        flex-direction: column !important;
    }

    .uab-areas .uab-area-card {
        flex-basis: 100% !important;
    }
}

.uab-area-card {
    background: var(--uab-paper) !important;
    padding: 36px 28px !important;
    transition: all .3s;
}

.uab-area-card:hover {
    background: var(--uab-cream) !important;
}

.uab-area-icon {
    width: 48px;
    height: 48px;
    background: var(--uab-bg-dark);
    color: var(--uab-ochre) !important;
    display: grid !important;
    place-items: center;
    font-size: 22px !important;
    margin: 0 0 24px 0 !important;
    border-radius: 2px;
    transition: all .3s;
    text-align: center;
    line-height: 48px;
}

.uab-area-card:hover .uab-area-icon {
    background: var(--uab-brown);
    color: var(--uab-cream) !important;
}

.uab-area-h3 {
    font-family: var(--uab-serif) !important;
    font-size: 22px !important;
    font-weight: 500 !important;
    color: var(--uab-text-dark) !important;
    margin: 0 0 12px 0 !important;
    line-height: 1.2 !important;
}

.uab-area-list {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.uab-area-list li {
    font-size: 14px !important;
    color: var(--uab-text-mute) !important;
    padding: 6px 0 !important;
    border-bottom: 1px dashed var(--uab-line);
    list-style: none !important;
}

.uab-area-list li:last-child {
    border-bottom: none;
}

.uab-area-list li::before {
    content: none !important;
}

/* ----- Cores temáticas por área (ícone + hover) ----- */
/* Linha 1: Educação(marrom), Empreendedorismo(verde), Cultura(vermelho), Saúde(azul) */
.uab-areas-grid:first-of-type .uab-area-card:nth-child(1) .uab-area-icon {
    background: var(--uab-brown-edu);
    color: var(--uab-cream) !important;
}

.uab-areas-grid:first-of-type .uab-area-card:nth-child(2) .uab-area-icon {
    background: var(--uab-green);
    color: var(--uab-cream) !important;
}

.uab-areas-grid:first-of-type .uab-area-card:nth-child(3) .uab-area-icon {
    background: var(--uab-red);
    color: var(--uab-cream) !important;
}

.uab-areas-grid:first-of-type .uab-area-card:nth-child(4) .uab-area-icon {
    background: var(--uab-blue);
    color: var(--uab-cream) !important;
}

/* Linha 2: Esporte(azul), Turismo(mostarda), Direitos Humanos(preto), Inovação(verde) */
.uab-areas-grid:first-of-type+.uab-areas-grid .uab-area-card:nth-child(1) .uab-area-icon {
    background: var(--uab-blue);
    color: var(--uab-cream) !important;
}

.uab-areas-grid:first-of-type+.uab-areas-grid .uab-area-card:nth-child(2) .uab-area-icon {
    background: var(--uab-mustard);
    color: var(--uab-bg-dark) !important;
}

.uab-areas-grid:first-of-type+.uab-areas-grid .uab-area-card:nth-child(3) .uab-area-icon {
    background: var(--uab-black);
    color: var(--uab-cream) !important;
}

.uab-areas-grid:first-of-type+.uab-areas-grid .uab-area-card:nth-child(4) .uab-area-icon {
    background: var(--uab-green);
    color: var(--uab-cream) !important;
}

/* Hover: ícone mantém a cor da área */
.uab-areas-grid:first-of-type .uab-area-card:nth-child(1):hover .uab-area-icon {
    background: var(--uab-brown-edu);
}

.uab-areas-grid:first-of-type .uab-area-card:nth-child(2):hover .uab-area-icon {
    background: var(--uab-green);
}

.uab-areas-grid:first-of-type .uab-area-card:nth-child(3):hover .uab-area-icon {
    background: var(--uab-red);
}

.uab-areas-grid:first-of-type .uab-area-card:nth-child(4):hover .uab-area-icon {
    background: var(--uab-blue);
}

.uab-areas-grid:first-of-type+.uab-areas-grid .uab-area-card:nth-child(1):hover .uab-area-icon {
    background: var(--uab-blue);
}

.uab-areas-grid:first-of-type+.uab-areas-grid .uab-area-card:nth-child(2):hover .uab-area-icon {
    background: var(--uab-mustard);
}

.uab-areas-grid:first-of-type+.uab-areas-grid .uab-area-card:nth-child(3):hover .uab-area-icon {
    background: var(--uab-black);
}

.uab-areas-grid:first-of-type+.uab-areas-grid .uab-area-card:nth-child(4):hover .uab-area-icon {
    background: var(--uab-green);
}

/* ============================================
   PROJETOS
   ============================================ */
.uab-projetos {
    background: var(--uab-bg-medium) !important;
    color: var(--uab-cream);
}

.uab-projetos .uab-title {
    color: var(--uab-cream) !important;
}

.uab-projetos .uab-lead {
    color: rgba(245, 237, 224, .7) !important;
}

.uab-projetos .uab-projetos-grid {
    gap: 24px !important;
    margin-bottom: 24px !important;
}

.uab-projetos .uab-projetos-grid:last-child {
    margin-bottom: 0 !important;
}

.uab-projetos .uab-projetos-grid+.uab-projetos-grid {
    margin-top: 24px !important;
}

@media (max-width: 880px) {
    .uab-projetos .uab-projetos-grid {
        flex-direction: column !important;
    }
}

.uab-proj-card {
    background: linear-gradient(180deg, var(--uab-bg-warm) 0%, var(--uab-bg-medium) 100%) !important;
    padding: 36px 32px !important;
    border-radius: 4px;
    border: 1px solid rgba(222, 171, 54, .15);
    transition: all .3s;
    position: relative;
    overflow: hidden;
}

/* Faixa colorida no topo: gradiente arco-íris afro (revelado no hover) */
.uab-proj-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(90deg,
            var(--uab-green) 0%,
            var(--uab-blue) 25%,
            var(--uab-red) 50%,
            var(--uab-brown-edu) 75%,
            var(--uab-mustard) 100%);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .4s;
}

.uab-proj-card:hover::before {
    transform: scaleX(1);
}

.uab-proj-card:hover {
    border-color: var(--uab-ochre);
    transform: translateY(-4px);
}

.uab-proj-tag {
    display: inline-block !important;
    font-size: 10px !important;
    letter-spacing: 2px !important;
    color: var(--uab-ochre) !important;
    font-weight: 700 !important;
    margin: 0 0 16px 0 !important;
    text-transform: uppercase;
}

.uab-proj-h3 {
    font-family: var(--uab-serif) !important;
    font-size: 24px !important;
    font-weight: 500 !important;
    color: var(--uab-cream) !important;
    margin: 0 0 12px 0 !important;
    line-height: 1.2 !important;
}

.uab-proj-card p {
    color: rgba(245, 237, 224, .7) !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
    margin: 0 !important;
}

/* ============================================
   SEDE
   ============================================ */
.uab-sede {
    background: var(--uab-paper);
}

.uab-sede .uab-sede-row {
    align-items: center;
    gap: 64px !important;
}

@media (max-width: 880px) {
    .uab-sede .uab-sede-row {
        flex-direction: column !important;
    }

    .uab-sede .uab-sede-img-col,
    .uab-sede .uab-sede-body {
        flex-basis: 100% !important;
    }
}

.uab-sede .uab-sede-img img {
    aspect-ratio: 5/4;
    object-fit: cover;
    width: 100%;
    border-radius: 4px;
    filter: sepia(.15) contrast(1.05);
}

.uab-sede-desc {
    font-size: 17px !important;
    color: var(--uab-text-mute) !important;
    line-height: 1.7 !important;
    margin: 0 0 24px 0 !important;
}

.uab-sede-features {
    list-style: none !important;
    margin: 0 0 28px 0 !important;
    padding: 0 !important;
    display: grid !important;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

.uab-sede-features li {
    padding: 14px 18px !important;
    background: var(--uab-cream);
    border-left: 2px solid var(--uab-blue);
    font-size: 14px !important;
    font-weight: 500 !important;
    color: var(--uab-text-dark) !important;
    list-style: none !important;
}

.uab-sede-features li::before {
    content: none !important;
}

.uab-sede-address {
    padding: 20px 24px !important;
    background: var(--uab-bg-dark) !important;
    color: var(--uab-cream);
    border-radius: 4px;
}

.uab-sede-address-label {
    color: var(--uab-blue) !important;
    font-size: 11px !important;
    letter-spacing: 2px !important;
    font-weight: 700 !important;
    margin: 0 0 6px 0 !important;
}

.uab-sede-address-text {
    color: var(--uab-cream) !important;
    font-size: 15px !important;
    margin: 0 !important;
    line-height: 1.6 !important;
}

/* ============================================
   GALERIA
   ============================================ */
.uab-galeria {
    background: var(--uab-cream) !important;
    padding: 80px 24px !important;
}

.uab-galeria .uab-galeria-grid {
    gap: 12px !important;
    margin-top: 48px !important;
}

.uab-galeria .uab-galeria-grid img {
    border-radius: 4px;
    filter: sepia(.2) contrast(1.05);
    transition: all .3s;
    aspect-ratio: 1/1 !important;
    object-fit: cover !important;
}

.uab-galeria .uab-galeria-grid img:hover {
    filter: none;
    transform: scale(1.02);
}

/* ============================================
   GOVERNANÇA
   ============================================ */
.uab-governanca {
    background: var(--uab-paper);
}

.uab-gov-intro {
    align-items: center;
    margin-bottom: 64px !important;
    gap: 64px !important;
}

@media (max-width: 880px) {
    .uab-gov-intro {
        flex-direction: column !important;
    }
}

.uab-gov-desc {
    font-size: 17px !important;
    color: var(--uab-text-mute) !important;
    line-height: 1.7 !important;
    margin: 0 !important;
}

.uab-gov-leaders {
    gap: 24px !important;
    margin-bottom: 56px !important;
}

@media (max-width: 540px) {
    .uab-gov-leaders {
        flex-direction: column !important;
    }
}

/* Líderes: cada um com uma cor diferente */
.uab-gov-leader {
    padding: 28px 32px !important;
    background: var(--uab-cream) !important;
    border-left: 4px solid var(--uab-blue);
    border-radius: 0 4px 4px 0;
}

.uab-gov-leaders .uab-gov-leader:nth-child(1) {
    border-left-color: var(--uab-blue);
}

.uab-gov-leaders .uab-gov-leader:nth-child(2) {
    border-left-color: var(--uab-green);
}

.uab-gov-role {
    font-size: 10px !important;
    letter-spacing: 2.5px !important;
    color: var(--uab-brown) !important;
    font-weight: 700 !important;
    text-transform: uppercase;
    margin: 0 0 8px 0 !important;
}

.uab-gov-leaders .uab-gov-leader:nth-child(1) .uab-gov-role {
    color: var(--uab-blue) !important;
}

.uab-gov-leaders .uab-gov-leader:nth-child(2) .uab-gov-role {
    color: var(--uab-green) !important;
}

.uab-gov-name {
    font-family: var(--uab-serif) !important;
    font-size: 22px !important;
    color: var(--uab-text-dark) !important;
    font-weight: 500 !important;
    margin: 0 !important;
}

.uab-gov-table {
    gap: 24px !important;
    padding: 40px !important;
    background: var(--uab-bg-dark) !important;
    color: var(--uab-cream);
    border-radius: 4px;
    margin-bottom: 0 !important;
}

@media (max-width: 880px) {
    .uab-gov-table {
        flex-direction: column !important;
        padding: 28px !important;
    }
}

/* Cada coluna da tabela ganha uma cor temática no h4 */
.uab-gov-col-h4 {
    font-size: 11px !important;
    letter-spacing: 2px !important;
    color: var(--uab-ochre) !important;
    font-weight: 700 !important;
    text-transform: uppercase;
    margin: 0 0 16px 0 !important;
    padding-bottom: 10px !important;
    border-bottom: 1px solid rgba(222, 171, 54, .3);
}

.uab-gov-table .uab-gov-col:nth-child(1) .uab-gov-col-h4 {
    color: var(--uab-mustard) !important;
    border-bottom-color: rgba(222, 171, 54, .3);
}

.uab-gov-table .uab-gov-col:nth-child(2) .uab-gov-col-h4 {
    color: var(--uab-green) !important;
    border-bottom-color: rgba(43, 111, 64, .4);
}

.uab-gov-table .uab-gov-col:nth-child(3) .uab-gov-col-h4 {
    color: var(--uab-red) !important;
    border-bottom-color: rgba(203, 41, 40, .4);
}

.uab-gov-list {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.uab-gov-list li {
    font-size: 14px !important;
    color: rgba(245, 237, 224, .8) !important;
    padding: 7px 0 !important;
    border-bottom: 1px solid rgba(222, 171, 54, .08);
    list-style: none !important;
}

.uab-gov-list li:last-child {
    border-bottom: none;
}

.uab-gov-list li::before {
    content: none !important;
}

/* ============================================
   TRANSPARÊNCIA
   ============================================ */
.uab-transp {
    background: linear-gradient(135deg, var(--uab-bg-warm) 0%, var(--uab-bg-dark) 100%) !important;
    color: var(--uab-cream);
    text-align: center;
}

.uab-transp .uab-title {
    color: var(--uab-cream) !important;
}

.uab-transp .uab-lead {
    color: rgba(245, 237, 224, .7) !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.uab-transp .uab-transp-grid {
    gap: 24px !important;
}

@media (max-width: 880px) {
    .uab-transp .uab-transp-grid {
        flex-wrap: wrap !important;
    }

    .uab-transp .uab-transp-card {
        flex-basis: calc(50% - 12px) !important;
    }
}

@media (max-width: 540px) {
    .uab-transp .uab-transp-grid {
        flex-direction: column !important;
    }

    .uab-transp .uab-transp-card {
        flex-basis: 100% !important;
    }
}

.uab-transp-card {
    padding: 32px 24px !important;
    background: rgba(222, 171, 54, .06) !important;
    border: 1px solid rgba(222, 171, 54, .2);
    border-top: 3px solid transparent;
    border-radius: 4px;
    text-align: center;
    transition: all .3s;
}

/* Cada card de transparência com sua cor no topo */
.uab-transp .uab-transp-grid .uab-transp-card:nth-child(1) {
    border-top-color: var(--uab-blue);
}

.uab-transp .uab-transp-grid .uab-transp-card:nth-child(2) {
    border-top-color: var(--uab-green);
}

.uab-transp .uab-transp-grid .uab-transp-card:nth-child(3) {
    border-top-color: var(--uab-mustard);
}

.uab-transp .uab-transp-grid .uab-transp-card:nth-child(4) {
    border-top-color: var(--uab-red);
}

.uab-ico {
    font-size: 28px !important;
    color: var(--uab-ochre) !important;
    margin: 0 0 16px 0 !important;
    text-align: center !important;
}

.uab-transp .uab-transp-grid .uab-transp-card:nth-child(1) .uab-ico {
    color: var(--uab-blue) !important;
}

.uab-transp .uab-transp-grid .uab-transp-card:nth-child(2) .uab-ico {
    color: var(--uab-green) !important;
}

.uab-transp .uab-transp-grid .uab-transp-card:nth-child(3) .uab-ico {
    color: var(--uab-mustard) !important;
}

.uab-transp .uab-transp-grid .uab-transp-card:nth-child(4) .uab-ico {
    color: var(--uab-red) !important;
}

.uab-transp-h4 {
    font-family: var(--uab-serif) !important;
    font-size: 17px !important;
    color: var(--uab-cream) !important;
    margin: 0 0 8px 0 !important;
    font-weight: 500 !important;
    text-align: center !important;
}

.uab-transp-card p {
    font-size: 13px !important;
    color: rgba(245, 237, 224, .65) !important;
    line-height: 1.5 !important;
    margin: 0 !important;
    text-align: center !important;
}

/* ============================================
   DOAÇÃO
   ============================================ */
.uab-doacao {
    background: var(--uab-cream) !important;
}

.uab-doacao .uab-doacao-grid {
    gap: 24px !important;
}

@media (max-width: 880px) {
    .uab-doacao .uab-doacao-grid {
        flex-direction: column !important;
    }
}

.uab-doacao-card {
    background: var(--uab-paper) !important;
    padding: 40px 32px !important;
    border-radius: 4px;
    border: 1px solid var(--uab-line);
    text-align: center;
    transition: all .3s;
    position: relative;
}

.uab-doacao-card:hover {
    border-color: var(--uab-ochre);
    transform: translateY(-6px);
    box-shadow: 0 12px 32px rgba(149, 79, 31, .1);
}

/* Card destacado — só o do meio recebe o destaque mostarda */
.uab-doacao-featured {
    background: var(--uab-bg-dark) !important;
    color: var(--uab-cream);
    border-color: var(--uab-ochre) !important;
}

.uab-doacao-featured::before {
    content: "MAIS ESCOLHIDO";
    position: absolute;
    top: -12px;
    left: 50%;
    transform: translateX(-50%);
    background: var(--uab-ochre);
    color: var(--uab-bg-dark);
    padding: 4px 12px;
    font-size: 9px;
    letter-spacing: 2px;
    font-weight: 700;
    border-radius: 2px;
    z-index: 2;
}

.uab-doacao-nivel {
    font-size: 10px !important;
    letter-spacing: 3px !important;
    color: var(--uab-brown) !important;
    font-weight: 700 !important;
    margin: 0 0 12px 0 !important;
    text-align: center !important;
}

.uab-doacao-featured .uab-doacao-nivel {
    color: var(--uab-ochre) !important;
}

.uab-doacao-h3 {
    font-family: var(--uab-serif) !important;
    font-size: 28px !important;
    margin: 0 0 16px 0 !important;
    font-weight: 500 !important;
    color: var(--uab-text-dark) !important;
    text-align: center !important;
}

.uab-doacao-featured .uab-doacao-h3 {
    color: var(--uab-cream) !important;
}

.uab-doacao-valor {
    font-family: var(--uab-serif) !important;
    font-size: 42px !important;
    color: var(--uab-brown) !important;
    margin: 0 0 8px 0 !important;
    line-height: 1 !important;
    font-weight: 500;
    text-align: center !important;
}

.uab-doacao-featured .uab-doacao-valor {
    color: var(--uab-ochre) !important;
}

.uab-doacao-valor small {
    font-size: 16px !important;
    color: var(--uab-text-mute);
    font-weight: 400;
}

.uab-doacao-featured .uab-doacao-valor small {
    color: rgba(245, 237, 224, .5);
}

.uab-doacao-desc {
    font-size: 14px !important;
    color: var(--uab-text-mute) !important;
    margin: 16px 0 28px 0 !important;
    min-height: 60px;
    text-align: center !important;
}

.uab-doacao-featured .uab-doacao-desc {
    color: rgba(245, 237, 224, .7) !important;
}

.uab-doacao-featured .wp-block-button.uab-btn-ghost .wp-block-button__link {
    border-color: var(--uab-ochre) !important;
    color: var(--uab-ochre) !important;
}

/* ============================================
   CTA FINAL
   ============================================ */
.uab-cta-final {
    background: var(--uab-ochre) !important;
    text-align: center;
    position: relative;
    overflow: hidden;
}

/* Faixinha colorida no topo do CTA final — assinatura visual antes do footer */
.uab-cta-final::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 4px;
    background: linear-gradient(90deg,
            var(--uab-green) 0%, var(--uab-green) 16.66%,
            var(--uab-blue) 16.66%, var(--uab-blue) 33.33%,
            var(--uab-red) 33.33%, var(--uab-red) 50%,
            var(--uab-brown-edu) 50%, var(--uab-brown-edu) 66.66%,
            var(--uab-black) 66.66%, var(--uab-black) 83.33%,
            var(--uab-mustard) 83.33%);
    z-index: 3;
}

.uab-cta-final::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'><defs><pattern id='c' x='0' y='0' width='40' height='40' patternUnits='userSpaceOnUse'><circle cx='20' cy='20' r='14' fill='none' stroke='%23171C1B' stroke-width='1'/><circle cx='20' cy='20' r='6' fill='none' stroke='%23171C1B' stroke-width='1'/></pattern></defs><rect width='100%25' height='100%25' fill='url(%23c)'/></svg>");
    opacity: .08;
    pointer-events: none;
}

.uab-cta-final>* {
    position: relative;
    z-index: 2;
}

.uab-cta-h2 {
    font-family: var(--uab-serif) !important;
    font-size: clamp(32px, 5vw, 56px) !important;
    line-height: 1.05 !important;
    color: var(--uab-bg-dark) !important;
    margin: 0 0 20px 0 !important;
    font-weight: 400 !important;
}

.uab-cta-h2 em {
    font-style: italic;
}

.uab-cta-p {
    font-size: 18px !important;
    color: rgba(23, 28, 27, .75) !important;
    max-width: 600px !important;
    margin: 0 auto 40px auto !important;
}

/* ============================================
   AJUSTES GERAIS
   ============================================ */

/* Zera espaços e padding default do GP na home */
body.uab-home .entry-content,
body.uab-home .entry-content>*,
body.uab-home .site-content,
body.uab-home .inside-article,
body.uab-home .inside-article>.entry-content {
    margin: 0 !important;
    padding: 0 !important;
}

body.uab-home .entry-content>.uab-section,
body.uab-home .entry-content>section.uab-section {
    margin: 0 !important;
}

body.uab-home .uab-section+.uab-section,
body.uab-home section+section,
body.uab-home .wp-block-group+.wp-block-group {
    margin-top: 0 !important;
}

body.uab-home .site-main {
    margin: 0 !important;
    padding: 0 !important;
}

.uab-section p:empty {
    display: none;
}

.uab-section .wp-block-columns {
    margin-bottom: 0 !important;
}






/* ============================================================================
   COMPLEMENTO · Header/Footer GLOBAL + Páginas Internas
   ============================================================================ */

/* HEADER · GLOBAL */
.site-header {
    background: rgba(23, 28, 27, .96) !important;
    backdrop-filter: blur(10px);
    border-bottom: 1px solid rgba(222, 171, 54, .15);
    position: sticky;
    top: 0;
    z-index: 100;
}

.site-branding,
.main-navigation a {
    color: var(--uab-cream) !important;
}

.site-title {
    font-family: var(--uab-serif) !important;
    font-weight: 500 !important;
}

.site-title a {
    color: var(--uab-cream) !important;
}

.main-navigation a:hover,
.main-navigation .current-menu-item>a {
    color: var(--uab-ochre) !important;
}

.main-navigation,
.main-navigation .main-nav,
.main-navigation .main-nav ul,
.main-navigation .main-nav ul li,
.main-navigation .main-nav ul li a,
.inside-navigation,
.menu-toggle,
#site-navigation {
    background: transparent !important;
    background-color: transparent !important;
}

.main-navigation .menu-item-cta a {
    background: var(--uab-ochre) !important;
    color: var(--uab-bg-dark) !important;
    padding: 10px 20px !important;
    border-radius: 2px;
    letter-spacing: 1.5px;
    font-size: 11px !important;
    text-transform: uppercase;
    font-weight: 600 !important;
}

.main-navigation .menu-item-cta a:hover {
    background: var(--uab-cream) !important;
}


/* FOOTER · GLOBAL */
.site-footer,
.footer-widgets,
.site-info {
    background: var(--uab-bg-dark) !important;
    color: var(--uab-cream) !important;
}

.footer-widgets {
    padding: 80px 24px 32px !important;
    border-bottom: 1px solid rgba(222, 171, 54, .15);
}

.footer-widgets h1,
.footer-widgets h2,
.footer-widgets h3,
.footer-widgets h4,
.footer-widgets h5,
.footer-widgets h6,
.footer-widgets .widget-title,
.footer-widgets .wp-block-heading {
    font-size: 11px !important;
    letter-spacing: 2.5px !important;
    color: var(--uab-ochre) !important;
    font-weight: 700 !important;
    margin: 0 0 16px 0 !important;
    padding: 0 !important;
    text-transform: uppercase !important;
    font-family: var(--uab-sans) !important;
    line-height: 1.2 !important;
    border: none !important;
}

.footer-widgets p,
.footer-widgets li,
.footer-widgets a,
.footer-widgets .wp-block-paragraph {
    font-size: 14px !important;
    line-height: 1.6 !important;
    color: rgba(245, 237, 224, .65) !important;
    margin: 0 0 8px 0 !important;
}

.footer-widgets p:last-child {
    margin-bottom: 0 !important;
}

.footer-widgets a {
    text-decoration: none !important;
}

.footer-widgets a:hover {
    color: var(--uab-ochre) !important;
}

.footer-widgets ul,
.footer-widgets .wp-block-list {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.footer-widgets li {
    padding: 4px 0 !important;
    margin: 0 !important;
    list-style: none !important;
    border: none !important;
}

.footer-widgets li::before {
    content: none !important;
}

.footer-widgets .inside-footer-widgets>* {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

.footer-widgets .widget>*:first-child,
.footer-widgets .widget_block>*:first-child,
.footer-widgets .wp-block-group>*:first-child {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

.site-info {
    padding: 24px !important;
    border-top: 1px solid rgba(222, 171, 54, .15);
}

.site-info p,
.site-info a {
    color: rgba(245, 237, 224, .5) !important;
    font-size: 12px !important;
}

.site-info a:hover {
    color: var(--uab-ochre) !important;
}


/* ============================================================================
   PÁGINAS INTERNAS
   ============================================================================ */

body:not(.uab-home) {
    background: var(--uab-paper) !important;
}

body:not(.uab-home) .site-content {
    background: var(--uab-paper) !important;
    padding: 40px 24px !important;
}

body:not(.uab-home) .inside-article {
    background: #fff !important;
    border: 1px solid var(--uab-line) !important;
    border-radius: 4px !important;
    box-shadow: 0 2px 8px rgba(45, 34, 24, .04) !important;
    padding: 40px !important;
}

body:not(.uab-home) .entry-title,
body:not(.uab-home) h1.entry-title {
    font-family: var(--uab-serif) !important;
    color: var(--uab-text-dark) !important;
    font-weight: 500 !important;
    letter-spacing: -.3px;
    margin-bottom: 16px !important;
}

body:not(.uab-home) .entry-content h1,
body:not(.uab-home) .entry-content h2,
body:not(.uab-home) .entry-content h3,
body:not(.uab-home) .entry-content h4 {
    font-family: var(--uab-serif) !important;
    color: var(--uab-text-dark) !important;
    font-weight: 500 !important;
}

body:not(.uab-home) .entry-meta,
body:not(.uab-home) .posted-on,
body:not(.uab-home) .byline {
    color: var(--uab-text-mute) !important;
    font-size: 13px !important;
}

body:not(.uab-home) .entry-meta a {
    color: var(--uab-brown) !important;
}

body:not(.uab-home) .entry-content a {
    color: var(--uab-brown) !important;
    text-decoration: underline;
    text-decoration-color: rgba(149, 79, 31, .3);
}

body:not(.uab-home) .entry-content a:hover {
    color: var(--uab-ochre) !important;
    text-decoration-color: var(--uab-ochre);
}

body:not(.uab-home) .cat-links a,
body:not(.uab-home) .tags-links a {
    color: var(--uab-brown) !important;
}


/* SIDEBAR */
body:not(.uab-home) .sidebar .widget,
body:not(.uab-home) .widget-area .widget {
    background: #fff !important;
    border: 1px solid var(--uab-line) !important;
    border-radius: 4px !important;
    padding: 28px !important;
    margin-bottom: 24px !important;
    box-shadow: 0 2px 8px rgba(45, 34, 24, .04);
}

body:not(.uab-home) .sidebar .widget-title,
body:not(.uab-home) .widget-area .widget-title {
    font-family: var(--uab-sans) !important;
    font-size: 11px !important;
    letter-spacing: 2.5px !important;
    color: var(--uab-brown) !important;
    font-weight: 700 !important;
    text-transform: uppercase;
    margin-bottom: 16px !important;
    padding-bottom: 12px;
    border-bottom: 2px solid var(--uab-ochre);
}

body:not(.uab-home) .sidebar .widget a,
body:not(.uab-home) .widget-area .widget a {
    color: var(--uab-text-dark) !important;
    text-decoration: none;
    font-size: 14px;
}

body:not(.uab-home) .sidebar .widget a:hover,
body:not(.uab-home) .widget-area .widget a:hover {
    color: var(--uab-brown) !important;
}

body:not(.uab-home) .sidebar .widget ul,
body:not(.uab-home) .widget-area .widget ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

body:not(.uab-home) .sidebar .widget li,
body:not(.uab-home) .widget-area .widget li {
    padding: 8px 0 !important;
    border-bottom: 1px dashed var(--uab-line);
    list-style: none !important;
}

body:not(.uab-home) .sidebar .widget li:last-child,
body:not(.uab-home) .widget-area .widget li:last-child {
    border-bottom: none;
}

body:not(.uab-home) .search-form input[type="search"] {
    background: var(--uab-paper) !important;
    border: 1px solid var(--uab-line) !important;
    padding: 12px 14px !important;
    font-size: 14px !important;
    color: var(--uab-text-dark) !important;
    border-radius: 2px !important;
}

body:not(.uab-home) .search-form button,
body:not(.uab-home) .search-form input[type="submit"] {
    background: var(--uab-bg-dark) !important;
    color: var(--uab-cream) !important;
    padding: 12px 20px !important;
    border: none !important;
    font-size: 12px !important;
    letter-spacing: 1.5px !important;
    text-transform: uppercase;
    font-weight: 600 !important;
    cursor: pointer;
    border-radius: 2px !important;
}

body:not(.uab-home) .search-form button:hover,
body:not(.uab-home) .search-form input[type="submit"]:hover {
    background: var(--uab-brown) !important;
}


/* COMENTÁRIOS */
.comments-area {
    background: #fff !important;
    border: 1px solid var(--uab-line) !important;
    border-radius: 4px !important;
    padding: 32px !important;
    margin-top: 24px;
}

.comments-area h2,
.comments-area h3,
.comment-reply-title {
    font-family: var(--uab-serif) !important;
    color: var(--uab-text-dark) !important;
    font-weight: 500 !important;
    margin-bottom: 20px !important;
}

.comments-area textarea,
.comments-area input[type="text"],
.comments-area input[type="email"],
.comments-area input[type="url"] {
    background: var(--uab-paper) !important;
    border: 1px solid var(--uab-line) !important;
    padding: 12px 14px !important;
    font-size: 14px !important;
    font-family: var(--uab-sans) !important;
    color: var(--uab-text-dark) !important;
    border-radius: 2px !important;
}

.comments-area textarea:focus,
.comments-area input:focus {
    border-color: var(--uab-ochre) !important;
    outline: none;
}

.comments-area .submit,
.comments-area input[type="submit"] {
    background: var(--uab-bg-dark) !important;
    color: var(--uab-cream) !important;
    padding: 14px 28px !important;
    border: none !important;
    font-size: 12px !important;
    letter-spacing: 2px !important;
    text-transform: uppercase;
    font-weight: 700 !important;
    cursor: pointer;
    border-radius: 2px;
}

.comments-area .submit:hover,
.comments-area input[type="submit"]:hover {
    background: var(--uab-brown) !important;
}


.uab-hero .uab-hero-img img {
    object-position: 20% center;
    /* puxa um pouco pra direita */
}



/* ============================================
   SLIDER DE FOTOS · MetaSlider
   ============================================ */

/* Fundo da seção */
.uab-slider-section {
    background: var(--uab-bg-dark) !important;
    color: var(--uab-cream);
}

/* Eyebrow e título adaptados ao fundo escuro */
.uab-slider-section .uab-eyebrow {
    color: var(--uab-ochre) !important;
    border-bottom-color: var(--uab-ochre) !important;
}

.uab-slider-section .uab-title {
    color: var(--uab-cream) !important;
}

.uab-slider-section .uab-title em {
    color: var(--uab-orange);
}

/* Container do MetaSlider */
.uab-slider-section .metaslider {
    margin-top: 48px !important;
    border-radius: 4px !important;
    overflow: hidden !important;
    box-shadow: 0 24px 64px rgba(0, 0, 0, .5) !important;
}

/* Imagens do slider */
.uab-slider-section .metaslider .slide img {
    width: 100% !important;
    height: auto !important;
    display: block !important;
    filter: sepia(.15) contrast(1.05) brightness(.95) !important;
    transition: filter .4s !important;
}

.uab-slider-section .metaslider .slide img:hover {
    filter: none !important;
}

/* Navegação — setas */
.uab-slider-section .metaslider .flex-direction-nav a {
    background: rgba(23, 28, 27, .7) !important;
    border: 1px solid rgba(222, 171, 54, .3) !important;
    color: var(--uab-ochre) !important;
    border-radius: 2px !important;
    transition: all .25s !important;
}

.uab-slider-section .metaslider .flex-direction-nav a:hover {
    background: var(--uab-ochre) !important;
    color: var(--uab-bg-dark) !important;
    border-color: var(--uab-ochre) !important;
}

/* Navegação — bolinhas (pager) */
.uab-slider-section .metaslider .flex-control-paging li a {
    background: rgba(222, 171, 54, .3) !important;
    box-shadow: none !important;
    transition: background .25s !important;
}

.uab-slider-section .metaslider .flex-control-paging li a.flex-active,
.uab-slider-section .metaslider .flex-control-paging li a:hover {
    background: var(--uab-ochre) !important;
}

/* Faixinha Kente no topo da seção */
.uab-slider-section::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 4px;
    background: linear-gradient(90deg,
            var(--uab-green) 0%, var(--uab-green) 16.66%,
            var(--uab-blue) 16.66%, var(--uab-blue) 33.33%,
            var(--uab-red) 33.33%, var(--uab-red) 50%,
            var(--uab-brown-edu) 50%, var(--uab-brown-edu) 66.66%,
            var(--uab-black) 66.66%, var(--uab-black) 83.33%,
            var(--uab-mustard) 83.33%);
    z-index: 3;
}

/* Mobile */
@media (max-width: 880px) {
    .uab-slider-section .metaslider {
        margin-top: 32px !important;
    }
}


/* ============================================
   VÍDEO EM DESTAQUE
   ============================================ */

.uab-video-section {
    background: var(--uab-bg-dark) !important;
    position: relative;
    overflow: hidden;
}

/* Faixinha Kente no topo */
.uab-video-section::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 4px;
    background: linear-gradient(90deg,
            var(--uab-green) 0%, var(--uab-green) 16.66%,
            var(--uab-blue) 16.66%, var(--uab-blue) 33.33%,
            var(--uab-red) 33.33%, var(--uab-red) 50%,
            var(--uab-brown-edu) 50%, var(--uab-brown-edu) 66.66%,
            var(--uab-black) 66.66%, var(--uab-black) 83.33%,
            var(--uab-mustard) 83.33%);
    z-index: 3;
}

/* Eyebrow e título no fundo escuro */
.uab-video-section .uab-eyebrow {
    color: var(--uab-ochre) !important;
    border-bottom-color: var(--uab-ochre) !important;
}

.uab-video-section .uab-title {
    color: var(--uab-cream) !important;
}

.uab-video-section .uab-title em {
    color: var(--uab-orange);
}

/* Container do vídeo */
.uab-video-section .uab-video-player {
    margin-top: 48px !important;
    border-radius: 4px !important;
    overflow: hidden !important;
    box-shadow: 0 24px 64px rgba(0, 0, 0, .6) !important;
    border: 1px solid rgba(222, 171, 54, .15) !important;
    position: relative;
}

/* Vídeo ocupa largura total */
.uab-video-section .uab-video-player video {
    width: 100% !important;
    height: auto !important;
    display: block !important;
    max-height: 70vh;
    object-fit: cover;
}

/* Controles com cor da UAB (onde o browser permite) */
.uab-video-section .uab-video-player video:focus {
    outline: 2px solid var(--uab-ochre) !important;
}

/* Mobile */
@media (max-width: 880px) {
    .uab-video-section .uab-video-player {
        margin-top: 32px !important;
    }

    .uab-video-section .uab-video-player video {
        max-height: 55vw;
    }
}