.elementor-widget-container .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-container .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-7132 .elementor-element.elementor-element-3cf0136{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-slider_revolution .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-slider_revolution .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-7132 .elementor-element.elementor-element-6036726{--display:flex;}.elementor-widget-spacer .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-spacer .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-7132 .elementor-element.elementor-element-bbd8534{--spacer-size:50px;}.elementor-7132 .elementor-element.elementor-element-3dbf081{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-html .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-html .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-7132 .elementor-element.elementor-element-b1ec6a7{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7132 .elementor-element.elementor-element-77e34c5{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}:root{--page-title-display:none;}.elementor-widget .tippy-tooltip .tippy-content{text-align:center;}/* Start custom CSS for html, class: .elementor-element-2f80639 */:root {
    --navy:#0a1b3c;
    --gold:#e0b563;
    --radius:22px;
}

/* Texto institucional */
.texto-institucional {
    max-width: 900px;
    color: #3a3a3a;
    font-size: 18px;
    margin: 10px auto 40px auto;
    line-height: 1.6;
}

/* ---------------- TIMELINE ---------------- */

.timeline-viewport{
    width:100%;
    max-width:900px;
    margin:auto;
    overflow:hidden; /* ESSENCIAL → mostra só 5 bolinhas */
    position:relative;
    padding-top:40px;
}

/* Linha navy */
.timeline-line{
    position:absolute;
    top:60px;
    left:0;
    width:100%;
    height:4px;
    background:var(--navy);
    z-index:0;
}

/* Slider interno */
.timeline-slider{
    display:flex;
    gap:60px;
    padding:20px 25px;
    width:max-content;
    position:relative;
    transition:transform .4s ease;
}

/* Pontos */
.timeline-dot{
    text-align:center;
    cursor:pointer;
    min-width:120px; /* 5 bolinhas cabem perfeitamente */
    z-index:3;
}

.timeline-dot::before{
    content:"";
    width:22px;
    height:22px;
    margin:auto;
    background:var(--gold);
    border-radius:50%;
    display:block;
    animation:pulse 1.7s infinite;
}

@keyframes pulse{
    0%{transform:scale(1);}
    50%{transform:scale(1.25);}
    100%{transform:scale(1);}
}

.timeline-dot span{
    margin-top:8px;
    display:block;
    font-size:15px;
    font-weight:700;
    color:var(--navy);
}

.timeline-dot.active::before{
    background:var(--navy);
    box-shadow:0 0 12px var(--navy);
}

/* --------------- SETAS MODERNAS --------------- */

.timeline-buttons{
    display:flex;
    justify-content:center;
    gap:25px;
    margin-top:15px;
}

.arrow-btn{
    background:var(--navy);
    color:white;
    border:none;
    font-size:24px;
    padding:10px 18px;
    border-radius:40px;
    cursor:pointer;
    transition:.3s;
    box-shadow:0 4px 12px rgba(0,0,0,0.15);
}
.arrow-btn:hover{
    background:var(--gold);
    color:var(--navy);
}

/* ---------------- CARDS EM 4 COLUNAS ---------------- */

.cards-grid{
    margin-top:50px;
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:28px;
}

.card-presidente{
    background:white;
    padding:35px;
    border-radius:var(--radius);
    border:3px solid rgba(224,181,99,0.4);
    text-align:center;
    box-shadow:0 15px 35px rgba(0,0,0,0.07);
    transition:.3s;
}

.card-presidente.active{
    transform:scale(1.07);
    border-color:var(--gold);
    box-shadow:0 20px 45px rgba(224,181,99,0.4);
}

.card-presidente .foto{
    width:125px;
    height:125px;
    border-radius:50%;
    object-fit:cover;
    border:5px solid var(--gold);
    margin-bottom:13px;
}

.card-presidente h3{
    font-size:20px;
    color:var(--navy);
    font-weight:700;
}
.card-presidente .periodo{
    font-size:17px;
    color:var(--gold);
    font-weight:700;
}
.card-presidente .frase{
    margin-top:10px;
    font-size:15px;
    color:#555;
}
/* Efeito hover premium */
.card-presidente {
    transition: transform .35s ease, box-shadow .35s ease, border-color .35s ease;
}

.card-presidente:hover {
    transform: scale(1.04);
    border-color: var(--gold);
    box-shadow: 0 22px 45px rgba(224, 181, 99, 0.35);
}
/* ===== RESPONSIVIDADE PARA MOBILE ===== */
@media (max-width: 768px) {

    /* Ajusta viewport */
    .timeline-viewport {
        max-width: 100%;
        overflow: hidden;
        padding-top: 30px;
    }

    /* Reduz tamanho dos pontos */
    .timeline-dot {
        min-width: 90px !important;
    }

    /* Reduz gap entre pontos */
    .timeline-slider {
        gap: 35px !important;
        padding: 10px !important;
    }

    /* Cards: virar 1 por linha */
    .cards-grid {
        grid-template-columns: 1fr !important;
        gap: 20px;
    }

    /* Ajuste visual dos cards */
    .card-presidente {
        padding: 25px !important;
    }

    .card-presidente .foto {
        width: 110px !important;
        height: 110px !important;
    }

    /* Setas */
    .timeline-buttons {
        margin-top: 10px;
        gap: 15px;
    }

    .arrow-btn {
        padding: 8px 14px;
        font-size: 20px;
    }
}
/* =============================
   SUBLINHADO DOURADO ELEGANTE
   =============================*/
.titulo-gestoes {
    position: relative;
    font-size: 2.4rem;
    text-align: center;
    color: #0E2A47; /* navy */
    margin-bottom: 25px;
    font-weight: 700;
}

.titulo-gestoes::after {
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -12px;
    width: 90px;
    height: 4px;
    border-radius: 50px;
    background: linear-gradient(to right, #bfa253, #d9be75, #bfa253);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-39eaf99 */:root {
    --navy:#0a1b3c;
    --gold:#e0b563;
}

/* --------------------- SESSÃO ---------------------- */

.sessao-inauguracao {
    padding: 80px 20px;
    background: #f5f6f9;
    text-align: center;
}

.inauguracao-container {
    max-width: 900px;
    margin: auto;
}

/* --------------------- TÍTULO ---------------------- */

.titulo-inauguracao {
    font-size: 42px;
    color: var(--navy);
    font-weight: 700;
    margin-bottom: 10px;
}

.linha-decorativa {
    width: 120px;
    height: 4px;
    margin: 12px auto 28px auto;
    background: linear-gradient(90deg, var(--gold), #f5dba1, var(--gold));
    border-radius: 4px;
}

/* --------------------- TEXTO INTRO ---------------------- */

.texto-intro {
    font-size: 18px;
    color: #333;
    line-height: 1.7;
    max-width: 780px;
    margin: 0 auto 40px auto;
}

/* --------------------- FOTO DA PLACA ---------------------- */

.placa-wrapper {
    background: white;
    padding: 20px;
    border-radius: 16px;
    border: 3px solid rgba(224,181,99,0.35);
    box-shadow: 0 20px 45px rgba(0,0,0,0.10);
    max-width: 500px;
    margin: auto;
}

.placa-img {
    width: 100%;
    border-radius: 12px;
    display: block;
}

/* --------------------- LEGENDA ---------------------- */

.legenda-foto {
    margin-top: 18px;
    font-size: 15px;
    color: #444;
    font-style: italic;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-cec84e7 *//* =============================
   SESSÃO ESCURA DE CHAMADA
   =============================*/

.secao-chamada {
    background: #0A1624; /* navy profundo quase preto */
    padding: 80px 20px;
    text-align: center;
    display: flex;
    justify-content: center;
}

.chamada-conteudo {
    max-width: 900px;
}

.titulo-chamada {
    font-size: 2.6rem;
    font-weight: 700;
    color: #ffffff;
    margin-bottom: 20px;
    position: relative;
}

.titulo-chamada::after {
    content: "";
    width: 110px;
    height: 4px;
    background: linear-gradient(to right, #bfa253, #e6d49a, #bfa253);
    display: block;
    margin: 12px auto 0;
    border-radius: 50px;
}

.texto-chamada {
    color: #d7d7d7;
    font-size: 1.2rem;
    max-width: 700px;
    margin: 0 auto 35px;
    line-height: 1.7;
}

.botao-chamada {
    display: inline-block;
    padding: 15px 40px;
    font-size: 1.2rem;
    font-weight: 700;
    text-decoration: none;
    color: #0A1624;
    background: linear-gradient(to right, #d5b86a, #f9e7b3, #d5b86a);
    border-radius: 50px;
    transition: 0.3s ease;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.25);
}

.botao-chamada:hover {
    transform: scale(1.07);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.35);
}/* End custom CSS */