/*
Theme Name: Astra Child
Theme URI: www.cineinclusão.com.br
Description: Child theme para Astra
Author: Seu Nome
/* Font tokens */
:root {
    --fci-font-heading: "Alternate Gothic", "Alternate Gothic No1 D", "Alternate Gothic No 1 D", "Alternate Gothic No 3 D", sans-serif;
    --fci-font-body: "Minion Pro", "Minion Pro Display", "Minion Pro Caption", sans-serif;
}

/* Paragraphs */
p {
    margin: 0 0 1.5em 0;
}

/* Links */
a {
    color: var(--fci-color-accent);
    text-decoration: none;
    transition: color 0.2s ease, text-decoration 0.2s ease;
}

a:hover,
a:focus-visible {
    color: var(--fci-color-text);
    text-decoration: underline;
}

/* ==========================================================================
   4. LAYOUT DA PÁGINA TIMELINE (body.fci-timeline-full)
   ========================================================================== */

/* 
   Esta seção controla o layout específico da página Timeline Full.
   Classe aplicada via functions.php em páginas que usam page-timeline.php
*/

/* Oculta o header da página */
body.fci-timeline-full .entry-header,
body.fci-timeline-full .site-header,
body.fci-timeline-full .ast-breadcrumbs-wrapper,
body.fci-timeline-full .site-footer,
body.fci-timeline-full #colophon {
    display: none !important;
}

/* Remove margens e paddings do Astra */
body.fci-timeline-full .site,
body.fci-timeline-full .site-content,
body.fci-timeline-full .ast-container,
body.fci-timeline-full .entry-content,
body.fci-timeline-full article {
    margin: 0 !important;
    padding: 0 !important;
    max-width: none !important;
    width: 100% !important;
}

body.fci-timeline-full .ast-separate-container .ast-article-single,
body.fci-timeline-full .ast-separate-container .ast-article-post {
    background: transparent !important;
    padding: 0 !important;
}

/* Container da timeline ocupa 100% da viewport */
body.fci-timeline-full .timelinejs3-embed {
    height: 100vh !important;
    min-height: 100vh !important;
    width: 100% !important;
}

/* ==========================================================================
   5. UTILITÁRIOS
   ========================================================================== */

/* Espaçamento */
.fci-mt-0 { margin-top: 0 !important; }
.fci-mt-sm { margin-top: var(--fci-space-sm) !important; }
.fci-mt-md { margin-top: var(--fci-space-md) !important; }
.fci-mt-lg { margin-top: var(--fci-space-lg) !important; }

.fci-mb-0 { margin-bottom: 0 !important; }
.fci-mb-sm { margin-bottom: var(--fci-space-sm) !important; }
.fci-mb-md { margin-bottom: var(--fci-space-md) !important; }
.fci-mb-lg { margin-bottom: var(--fci-space-lg) !important; }

.fci-p-0 { padding: 0 !important; }
.fci-p-sm { padding: var(--fci-space-sm) !important; }
.fci-p-md { padding: var(--fci-space-md) !important; }
.fci-p-lg { padding: var(--fci-space-lg) !important; }

/* Display */
.fci-hide { display: none !important; }

.fci-hide-mobile { 
    display: none !important; 
}

@media (min-width: 769px) {
    .fci-hide-mobile { 
        display: block !important; 
    }
}

.fci-hide-desktop { 
    display: block !important; 
}

@media (min-width: 769px) {
    .fci-hide-desktop { 
        display: none !important; 
    }
}

/* Alinhamento de texto */
.fci-text-center { text-align: center !important; }

/* ========================================================================== 
   6. AJUSTES FORTES TIMELINEJS (CENTRALIZAÇÃO E MENOS ESPAÇO MORTO)
   ========================================================================== */

body.fci-timeline-full {
    background: #20bec6 !important;
}

body.fci-timeline-full #page,
body.fci-timeline-full .site,
body.fci-timeline-full .site-content,
body.fci-timeline-full .ast-container,
body.fci-timeline-full .ast-separate-container,
body.fci-timeline-full .site-main,
body.fci-timeline-full .entry-content {
    background: #20bec6 !important;
}

/* Fundo transparente nos slides para mostrar cor da página */
body.fci-timeline-full .tl-timeline,
body.fci-timeline-full .tl-storyslider,
body.fci-timeline-full .tl-slide {
    background: #20bec6 !important;
    background-color: #20bec6 !important;
    background-image: none !important;
}

/* Preenche o espaço visível durante a transição de slides com a cor da página */
body.fci-timeline-full .tl-slide-container,
body.fci-timeline-full .tl-slides-container,
body.fci-timeline-full .tl-slide-scrollable-container,
body.fci-timeline-full .tl-slide-content-container,
body.fci-timeline-full .tl-slide-background {
    background: #20bec6 !important;
    background-color: #20bec6 !important;
}

/* Camadas adicionais do TimelineJS que podem aparecer nas transições */
body.fci-timeline-full .tl-slide,
body.fci-timeline-full .tl-slide.tl-slide-previous,
body.fci-timeline-full .tl-slide.tl-slide-next,
body.fci-timeline-full .tl-slide .tl-slide-background,
body.fci-timeline-full .tl-slide .tl-slide-background-content,
body.fci-timeline-full .tl-slide .tl-slide-background-color,
body.fci-timeline-full .tl-slide .tl-slide-background-block,
body.fci-timeline-full .tl-slide .tl-slide-background-image,
body.fci-timeline-full .tl-slide .tl-slide-media,
body.fci-timeline-full .tl-slide .tl-slide-media-container,
body.fci-timeline-full .tl-slide .tl-slide-media-background,
body.fci-timeline-full .tl-slide .tl-slide-image,
body.fci-timeline-full .tl-slide .tl-slide-image img,
body.fci-timeline-full .tl-slide .tl-placeholder,
body.fci-timeline-full .tl-slide .tl-placeholder .tl-icon-placeholder,
body.fci-timeline-full .tl-slide .tl-placeholder .tl-icon-placeholder:before,
body.fci-timeline-full .tl-slide .tl-placeholder .tl-icon-placeholder:after {
    background: #20bec6 !important;
    background-color: #20bec6 !important;
}

/* Abrange wrappers da área visível do slider que podem “vazar” branco */
body.fci-timeline-full .tl-slider-container,
body.fci-timeline-full .tl-slider-container-mask,
body.fci-timeline-full .tl-storyslider-container,
body.fci-timeline-full .tl-storyslider,
body.fci-timeline-full .tl-timeline .tl-storyslider,
body.fci-timeline-full .tl-slider-container .tl-slide-container,
body.fci-timeline-full .tl-slider-container .tl-slide {
    background: #20bec6 !important;
    background-color: #20bec6 !important;
}

/* Slides com texto: fundo branco e texto preto */
body.fci-timeline-full .tl-slide[id*="historia_intro"],
body.fci-timeline-full .tl-slide[id*="historia_summary"],
body.fci-timeline-full .tl-slide[id*="_texto_historia"] {
    background: #ffffff !important;
    background-color: #ffffff !important;
}

body.fci-timeline-full .tl-slide[id*="historia_intro"] .tl-slide-background,
body.fci-timeline-full .tl-slide[id*="historia_summary"] .tl-slide-background,
body.fci-timeline-full .tl-slide[id*="_texto_historia"] .tl-slide-background,
body.fci-timeline-full .tl-slide[id*="historia_intro"] .tl-slide-content-container,
body.fci-timeline-full .tl-slide[id*="historia_summary"] .tl-slide-content-container,
body.fci-timeline-full .tl-slide[id*="_texto_historia"] .tl-slide-content-container,
body.fci-timeline-full .tl-slide[id*="historia_intro"] .tl-slide-background-color,
body.fci-timeline-full .tl-slide[id*="historia_summary"] .tl-slide-background-color,
body.fci-timeline-full .tl-slide[id*="_texto_historia"] .tl-slide-background-color {
    background: #ffffff !important;
    background-color: #ffffff !important;
}

body.fci-timeline-full .tl-slide[id*="historia_intro"] .tl-text,
body.fci-timeline-full .tl-slide[id*="historia_summary"] .tl-text,
body.fci-timeline-full .tl-slide[id*="_texto_historia"] .tl-text,
body.fci-timeline-full .tl-slide[id*="historia_intro"] .tl-headline,
body.fci-timeline-full .tl-slide[id*="historia_summary"] .tl-headline,
body.fci-timeline-full .tl-slide[id*="_texto_historia"] .tl-headline,
body.fci-timeline-full .tl-slide[id*="historia_intro"] .tl-headline-title,
body.fci-timeline-full .tl-slide[id*="historia_summary"] .tl-headline-title,
body.fci-timeline-full .tl-slide[id*="_texto_historia"] .tl-headline-title,
body.fci-timeline-full .tl-slide[id*="historia_intro"] .tl-text p,
body.fci-timeline-full .tl-slide[id*="historia_summary"] .tl-text p,
body.fci-timeline-full .tl-slide[id*="_texto_historia"] .tl-text p,
body.fci-timeline-full .tl-slide[id*="historia_intro"] .tl-text li,
body.fci-timeline-full .tl-slide[id*="historia_summary"] .tl-text li,
body.fci-timeline-full .tl-slide[id*="_texto_historia"] .tl-text li {
    color: #000000 !important;
}

/* Resultados gerais: fundo verde e texto branco */
body.fci-timeline-full .tl-slide[id*="historia_summary"],
body.fci-timeline-full .tl-slide[id*="numeros_consolidados"] {
    background: #20bec6 !important;
    background-color: #20bec6 !important;
}

body.fci-timeline-full .tl-slide[id*="historia_summary"] .tl-slide-background,
body.fci-timeline-full .tl-slide[id*="numeros_consolidados"] .tl-slide-background,
body.fci-timeline-full .tl-slide[id*="historia_summary"] .tl-slide-content-container,
body.fci-timeline-full .tl-slide[id*="numeros_consolidados"] .tl-slide-content-container,
body.fci-timeline-full .tl-slide[id*="historia_summary"] .tl-slide-background-color,
body.fci-timeline-full .tl-slide[id*="numeros_consolidados"] .tl-slide-background-color {
    background: #20bec6 !important;
    background-color: #20bec6 !important;
}

body.fci-timeline-full .tl-slide[id*="historia_summary"] .tl-text,
body.fci-timeline-full .tl-slide[id*="numeros_consolidados"] .tl-text,
body.fci-timeline-full .tl-slide[id*="historia_summary"] .tl-headline,
body.fci-timeline-full .tl-slide[id*="numeros_consolidados"] .tl-headline,
body.fci-timeline-full .tl-slide[id*="historia_summary"] .tl-headline-title,
body.fci-timeline-full .tl-slide[id*="numeros_consolidados"] .tl-headline-title,
body.fci-timeline-full .tl-slide[id*="historia_summary"] .tl-text p,
body.fci-timeline-full .tl-slide[id*="numeros_consolidados"] .tl-text p,
body.fci-timeline-full .tl-slide[id*="historia_summary"] .tl-text li,
body.fci-timeline-full .tl-slide[id*="numeros_consolidados"] .tl-text li {
    color: #ffffff !important;
}

/* Garante fundo na área de mídia mesmo sem imagem carregada */
body.fci-timeline-full .tl-slide .tl-media,
body.fci-timeline-full .tl-slide .tl-media-content,
body.fci-timeline-full .tl-slide .tl-media-content-container,
body.fci-timeline-full .tl-slide .tl-media-wrapper,
body.fci-timeline-full .tl-slide .tl-media-item,
body.fci-timeline-full .tl-slide .tl-media-item img,
body.fci-timeline-full .tl-slide .tl-media-item picture,
body.fci-timeline-full .tl-slide .tl-media-content .tl-embed,
body.fci-timeline-full .tl-slide .tl-media-content .tl-embed iframe {
    background: #20bec6 !important;
    background-color: #20bec6 !important;
}

/* Capas: imagem ocupa toda a tela */
body.fci-timeline-full .tl-slide[id*="_capa"] .tl-slide-content-container {
    position: relative !important;
    height: 100% !important;
}

body.fci-timeline-full .tl-slide[id*="_capa"] .tl-media-content-container,
body.fci-timeline-full .tl-slide[id*="_capa"] .tl-media-content,
body.fci-timeline-full .tl-slide[id*="_capa"] .tl-media-item {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    max-height: none !important;
}

body.fci-timeline-full .tl-slide[id*="_capa"] .tl-media-item img,
body.fci-timeline-full .tl-slide[id*="_capa"] .tl-slide-image img,
body.fci-timeline-full .tl-slide[id*="_capa"] .tl-media-content img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

/* Aumenta a área útil do slide e reduz a área da timenav */
body.fci-timeline-full .tl-storyslider,
body.fci-timeline-full .tl-timeline .tl-storyslider {
    height: 70vh !important; /* mais alto que os ~518px fixos */
    min-height: 60vh !important;
}

@media (min-height: 900px) {
    body.fci-timeline-full .tl-storyslider,
    body.fci-timeline-full .tl-timeline .tl-storyslider {
        height: 75vh !important;
    }
}

/* Regras do TimeNav foram consolidadas mais abaixo (evita conflitos). */

/* Zera margens extras das caixas de texto e mídia dentro do slide */
body.fci-timeline-full .tl-slide .tl-text-content-container,
body.fci-timeline-full .tl-slide .tl-media-content-container {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

/* Slides de texto: força textos em branco */
body.fci-timeline-full .tl-slide .tl-text,
body.fci-timeline-full .tl-slide .tl-text p,
body.fci-timeline-full .tl-slide .tl-text li,
body.fci-timeline-full .tl-slide .tl-text h1,
body.fci-timeline-full .tl-slide .tl-text h2,
body.fci-timeline-full .tl-slide .tl-text h3,
body.fci-timeline-full .tl-slide .tl-text h4,
body.fci-timeline-full .tl-slide .tl-text h5,
body.fci-timeline-full .tl-slide .tl-text h6,
body.fci-timeline-full .tl-slide .tl-text a {
    color: #ffffff !important;
}

/* Tipografia base para parágrafos da timeline */
.tl-timeline p {
    font-family: var(--fci-font-body) !important;
    font-weight: 200 !important;
    font-size: 20px !important;
    line-height: 1.1 !important;
}

/* Botões sociais nos resultados gerais */
body.fci-timeline-full .fci-consolidated-list {
    list-style: none;
    padding-left: 0;
    margin: 0;
}

body.fci-timeline-full .fci-consolidated-list .fci-social-block {
    display: flex;
    gap: 14px;
    margin-top: 10px;
    align-items: center;
}
body.fci-timeline-full .fci-consolidated-list .fci-social-icon-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 999px;
    color: #ffffff !important;
    border: 2px solid rgba(255, 255, 255, 0.7);
    background: transparent;
    text-decoration: none;
}

body.fci-timeline-full .fci-consolidated-list .fci-social-icon-link svg {
    width: 20px;
    height: 20px;
    fill: currentColor;
    display: block;
}

body.fci-timeline-full .fci-consolidated-list .fci-social-icon-link:hover {
    background: #ffffff;
    color: #20bec6 !important;
}

/* Textos da timeline (exceto títulos) */
body.fci-timeline-full .tl-text,
body.fci-timeline-full .tl-text-content-container,
body.fci-timeline-full .tl-text p,
body.fci-timeline-full .tl-text li,
body.fci-timeline-full .tl-text a,
body.fci-timeline-full .tl-text span {
    font-family: var(--fci-font-body) !important;
}

/* Mantém títulos com outline (sem preenchimento) */
body.fci-timeline-full .tl-slide .tl-headline,
body.fci-timeline-full .tl-slide .tl-headline-title,
body.fci-timeline-full .tl-slide h2.tl-headline-title,
body.fci-timeline-full .tl-slide .tl-text .tl-headline,
body.fci-timeline-full .tl-slide .tl-text .tl-headline-title {
    color: transparent !important;
    -webkit-text-stroke: 2px #FFFFFF !important;
    text-stroke: 2px #FFFFFF !important;
    paint-order: stroke !important;
}

/* Slides com fundo branco: stroke verde nos títulos */
body.fci-timeline-full .tl-slide[id*="historia_intro"] .tl-headline,
body.fci-timeline-full .tl-slide[id*="historia_summary"] .tl-headline,
body.fci-timeline-full .tl-slide[id*="_texto_historia"] .tl-headline,
body.fci-timeline-full .tl-slide[id*="historia_intro"] .tl-headline-title,
body.fci-timeline-full .tl-slide[id*="historia_summary"] .tl-headline-title,
body.fci-timeline-full .tl-slide[id*="_texto_historia"] .tl-headline-title,
body.fci-timeline-full .tl-slide[id*="historia_intro"] h2.tl-headline-title,
body.fci-timeline-full .tl-slide[id*="historia_summary"] h2.tl-headline-title,
body.fci-timeline-full .tl-slide[id*="_texto_historia"] h2.tl-headline-title {
    -webkit-text-stroke: 2px #20bec6 !important;
    text-stroke: 2px #20bec6 !important;
}

/* Resultados gerais: stroke branco no título */
body.fci-timeline-full .tl-slide[id*="historia_summary"] .tl-headline,
body.fci-timeline-full .tl-slide[id*="numeros_consolidados"] .tl-headline,
body.fci-timeline-full .tl-slide[id*="historia_summary"] .tl-headline-title,
body.fci-timeline-full .tl-slide[id*="numeros_consolidados"] .tl-headline-title,
body.fci-timeline-full .tl-slide[id*="historia_summary"] h2.tl-headline-title,
body.fci-timeline-full .tl-slide[id*="numeros_consolidados"] h2.tl-headline-title {
    -webkit-text-stroke: 2px #ffffff !important;
    text-stroke: 2px #ffffff !important;
}

/* Capas: numeral + ordinal sem preenchimento com borda tripla */
body.fci-timeline-full .tl-slide[id*="_capa"] .tl-headline,
body.fci-timeline-full .tl-slide[id*="_capa"] .tl-headline-title,
body.fci-timeline-full .tl-slide[id*="_capa"] h2.tl-headline-title {
    color: transparent !important;
    -webkit-text-fill-color: transparent !important;
    -webkit-text-stroke: 1px #20bec6 !important;
    text-stroke: 1px #20bec6 !important;
    paint-order: stroke !important;
    text-shadow:
        1px 0 0 #20bec6, -1px 0 0 #20bec6, 0 1px 0 #20bec6, 0 -1px 0 #20bec6,
        2px 0 0 #20bec6, -2px 0 0 #20bec6, 0 2px 0 #20bec6, 0 -2px 0 #20bec6,
        3px 0 0 #20bec6, -3px 0 0 #20bec6, 0 3px 0 #20bec6, 0 -3px 0 #20bec6 !important;
}

body.fci-timeline-full .tl-slide[id*="_capa"] .tl-headline .fci-ordinal,
body.fci-timeline-full .tl-slide[id*="_capa"] .tl-headline-title .fci-ordinal {
    display: inline-block !important;
    margin-left: 0.08em !important;
    font-size: 0.55em !important;
    line-height: 1 !important;
    vertical-align: super !important;
    letter-spacing: 0 !important;
}

body.fci-timeline-full .tl-slide[id*="_capa"] .tl-headline::after,
body.fci-timeline-full .tl-slide[id*="_capa"] .tl-headline-title::after,
body.fci-timeline-full .tl-slide[id*="_capa"] h2.tl-headline-title::after,
body.fci-timeline-full .tl-slide[id*="_capa"] .tl-headline .fci-ordinal::after,
body.fci-timeline-full .tl-slide[id*="_capa"] .tl-headline-title .fci-ordinal::after {
    content: none !important;
    display: none !important;
}

body.fci-timeline-full .tl-slide[id*="_capa"] .tl-headline .fci-ordinal svg,
body.fci-timeline-full .tl-slide[id*="_capa"] .tl-headline .fci-ordinal .fci-triangle,
body.fci-timeline-full .tl-slide[id*="_capa"] .tl-headline-title .fci-ordinal svg,
body.fci-timeline-full .tl-slide[id*="_capa"] .tl-headline-title .fci-ordinal .fci-triangle {
    display: none !important;
}

body.fci-timeline-full .tl-slide[id*="_capa"] .tl-headline .fci-ordinal::after,
body.fci-timeline-full .tl-slide[id*="_capa"] .tl-headline-title .fci-ordinal::after {
    content: none !important;
}

/* SVG da capa: visível apenas no slide de capa */
body.fci-timeline-full .tl-timenav .fci-cover-svg,
body.fci-timeline-full .tl-timemarker .fci-cover-svg {
    display: none !important;
}

body.fci-timeline-full .tl-slide[data-is-cover="true"] .fci-cover-svg {
    display: block !important;
    position: absolute !important;
    top: 2vh !important;
    left: 2vw !important;
    height: 35vh !important;
    width: auto !important;
    max-width: 100vw !important;
    z-index: 2 !important;
}

body.fci-timeline-full .tl-slide[data-is-cover="true"] .fci-cover-svg img,
body.fci-timeline-full .tl-slide[data-is-cover="true"] .fci-cover-svg svg {
    height: 100% !important;
    width: auto !important;
    display: block !important;
}

/* Logo da capa inicial */
body.fci-timeline-full .tl-slide[id*="intro_capa"] .fci-intro-logo {
    position: absolute !important;
    right: 4vw !important;
    bottom: 4vh !important;
    height: 24vh !important;
    width: auto !important;
    max-width: 50vw !important;
    z-index: 3 !important;
    pointer-events: none !important;
}


/* Centraliza verticalmente o bloco de conteúdo dentro da área do slide */
body.fci-timeline-full .tl-slide-scrollable-container {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    overflow: visible !important;
    min-height: 100% !important;
}

body.fci-timeline-full .tl-slide-content-container,
body.fci-timeline-full .tl-slide-content {
    max-height: none !important;
    margin-top: auto !important;
    margin-bottom: auto !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
}

/* Centraliza horizontalmente o conteúdo do slide (texto + galerias)
   e ignora o padding inline do TimelineJS. */
body.fci-timeline-full .tl-slide-content {
    max-width: 1100px;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: clamp(16px, 4vw, 40px) !important;
    padding-right: clamp(16px, 4vw, 40px) !important;
    box-sizing: border-box !important;
}

/* Reforço de especificidade para sobrepor inline width/padding do TimelineJS */
body.fci-timeline-full .tl-timeline .tl-slide-content {
    width: auto !important;
    max-width: 1100px !important;
    padding-left: clamp(16px, 4vw, 40px) !important;
    padding-right: clamp(16px, 4vw, 40px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
}

/* Garante que o grid da galeria fique visualmente centralizado */
body.fci-timeline-full .fci-gallery {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-template-rows: repeat(2, minmax(100px, 1fr));
    grid-auto-rows: minmax(100px, 1fr);
    gap: clamp(8px, 1.5vw, 12px);
    max-width: 1100px;
    width: 100%;
    margin: 12px auto 6px;
    padding: 0 4px;
        max-height: 45vh;
    box-sizing: border-box;
}

body.fci-timeline-full .fci-gallery__item {
    display: block;
    position: relative;
    overflow: hidden;
    border-radius: clamp(3px, 0.5vw, 6px);
    height: 100%;
    width: 100%;
    aspect-ratio: 4 / 3;
    box-shadow: 0 2px 8px rgba(0,0,0,0.2);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    cursor: pointer;
}

body.fci-timeline-full .fci-gallery__item:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0,0,0,0.3);
}

body.fci-timeline-full .fci-gallery__thumb,
body.fci-timeline-full .fci-gallery__item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.3s ease;
}

body.fci-timeline-full .fci-gallery__item:hover img {
    transform: scale(1.05);
}

/* Evita espaço extra entre o conteúdo e a timenav */
body.fci-timeline-full .tl-slider-container {
    padding-bottom: 0 !important;
}

/* Compacta um pouco o interior da barra de navegação */
body.fci-timeline-full .tl-timenav,
body.fci-timeline-full .tl-timenav-slider {
    padding-top: 2px !important;
    padding-bottom: 2px !important;
}

/* Posiciona a barra de controle no rodapé do componente
body.fci-timeline-full .tl-menubar {
    top: auto !important;
    bottom: 8px !important;
    left: 8px !important;
} */

/* Responsividade da timeline */
@media (max-width: 1100px) {
    body.fci-timeline-full .tl-slide-content,
    body.fci-timeline-full .tl-timeline .tl-slide-content {
        max-width: 960px !important;
    }
}

@media (max-width: 900px) {
    body.fci-timeline-full .tl-storyslider,
    body.fci-timeline-full .tl-timeline .tl-storyslider {
        height: 72vh !important;
        min-height: 58vh !important;
    }

    body.fci-timeline-full .fci-gallery {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        grid-template-rows: repeat(3, minmax(90px, 1fr));
        gap: clamp(8px, 1.5vw, 10px);
        padding: 0 6px;
        max-height: 48vh;
    }

    body.fci-timeline-full .fci-gallery__item {
        border-radius: 4px;
    }
}

@media (max-width: 768px) {
    body.fci-timeline-full .tl-storyslider,
    body.fci-timeline-full .tl-timeline .tl-storyslider {
        height: 68vh !important;
        min-height: 55vh !important;
    }

    body.fci-timeline-full .tl-slide-content,
    body.fci-timeline-full .tl-timeline .tl-slide-content {
        max-width: 100% !important;
        padding-left: clamp(14px, 5vw, 28px) !important;
        padding-right: clamp(14px, 5vw, 28px) !important;
    }

    body.fci-timeline-full .fci-gallery {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        grid-template-rows: repeat(3, minmax(80px, 1fr));
        gap: 8px;
        padding: 0 8px;
        margin: 10px auto 6px;
        max-height: 46vh;
    }

    body.fci-timeline-full .fci-gallery__item {
        border-radius: 4px;
        aspect-ratio: 3 / 2;
    }
}

@media (max-width: 600px) {
    body.fci-timeline-full .tl-storyslider,
    body.fci-timeline-full .tl-timeline .tl-storyslider {
        height: 65vh !important;
        min-height: 50vh !important;
    }

    body.fci-timeline-full .fci-gallery {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        grid-template-rows: repeat(3, minmax(70px, 1fr));
        gap: 8px;
        padding: 0 6px;
        margin: 8px auto 4px;
        max-height: 42vh;
    }

    body.fci-timeline-full .fci-gallery__item {
        border-radius: 3px;
        aspect-ratio: 4 / 3;
        min-height: 70px;
    }

    /* Ajusta títulos e textos em mobile */
    body.fci-timeline-full .tl-headline-title,
    body.fci-timeline-full h2.tl-headline-title {
        font-size: clamp(1.4rem, 5vw, 2rem) !important;
        line-height: 1.3 !important;
    }

    body.fci-timeline-full .tl-text p {
        font-size: 14px !important;
        line-height: 1.5 !important;
    }
}

/* Responsividade para celulares muito pequenos */
@media (max-width: 420px) {
    body.fci-timeline-full .tl-storyslider,
    body.fci-timeline-full .tl-timeline .tl-storyslider {
        height: 62vh !important;
        min-height: 48vh !important;
    }

    body.fci-timeline-full .fci-gallery {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        grid-template-rows: repeat(3, minmax(80px, 1fr));
        gap: 8px;
        padding: 0 4px;
        margin: 8px auto 6px;
        max-width: 100%;
        max-height: 38vh;
    }

    body.fci-timeline-full .fci-gallery__item {
        border-radius: 3px;
        aspect-ratio: 4 / 3;
        min-height: 80px;
        max-height: 120px;
        width: 100%;
    }

    body.fci-timeline-full .fci-gallery__item:hover {
        transform: none;
    }

    body.fci-timeline-full .fci-gallery__item:hover img {
        transform: scale(1.02);
    }

    body.fci-timeline-full .tl-slide-content,
    body.fci-timeline-full .tl-timeline .tl-slide-content {
        padding-left: 12px !important;
        padding-right: 12px !important;
    }

    body.fci-timeline-full .tl-headline-title,
    body.fci-timeline-full h2.tl-headline-title {
        font-size: clamp(1.2rem, 6vw, 1.6rem) !important;
        line-height: 1.25 !important;
    }

    body.fci-timeline-full .tl-text p {
        font-size: 13px !important;
        line-height: 1.5 !important;
    }

    /* Botões de navegação menores em telas muito pequenas */
    body.fci-timeline-full .tl-slidenav-next,
    body.fci-timeline-full .tl-slidenav-previous {
        width: 36px !important;
        height: 36px !important;
    }
}

.tl-slidenav-next,
.tl-slidenav-previous {
    background-color: transparent !important;
}


.tl-slidenav-description {
    display: none !important;
}

/* Ícones dos botões de navegação da timeline em branco */
body.fci-timeline-full .tl-slidenav-icon,
body.fci-timeline-full .tl-slidenav-next .tl-slidenav-icon,
body.fci-timeline-full .tl-slidenav-previous .tl-slidenav-icon {
    color: #000000 !important;
    fill: #000000 !important;
}

/* Tipografia dos títulos da timeline */
body.fci-timeline-full .tl-headline,
body.fci-timeline-full .tl-headline-title,
body.fci-timeline-full h2.tl-headline-title {
    font-family: var(--fci-font-heading) !important;
    color: transparent !important;
    -webkit-text-stroke: 1px #FFFFFF !important;
    text-stroke: 1px #FFFFFF !important;
    text-transform: uppercase !important;
    font-weight: 700 !important;
    letter-spacing: -0.01em !important;
    paint-order: stroke !important;
    font-size: clamp(2rem, 5vw, 4rem)
    line-height: 1.1 !important;
    -webkit-line-height: 1.1 !important;    
}

/* ==========================================================================
   7. LIGHTBOX FALLBACK (Custom lightbox quando GLightbox indisponível)
   ========================================================================== */

.tl-timemarker:hover .tl-timemarker-content-container .tl-timemarker-content .tl-timemarker-text h2.tl-headline {
    color: #000000 !important;
}

/* Overlay escuro com backdrop blur */
.fci-lightbox {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(24, 24, 24, 0.95);
    backdrop-filter: blur(8px);
    z-index: 99999;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity 0.3s ease, visibility 0.3s ease;
}

/* Estado aberto */
body.fci-lightbox--open {
    overflow: hidden;
}

body.fci-lightbox--open .fci-lightbox {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

/* Botão fechar */
.fci-lightbox__close {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 48px;
    height: 48px;
    background: rgba(206, 219, 219, 0.1);
    border: 2px solid #CEDBDB;
    border-radius: 50%;
    color: #CEDBDB;
    font-size: 24px;
    line-height: 1;
    cursor: pointer;
    z-index: 100001;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.2s ease, transform 0.2s ease;
}

.fci-lightbox__close:hover,
.fci-lightbox__close:focus-visible {
    background: #18BEC6;
    color: #181818;
    transform: scale(1.1);
    outline: none;
}

.fci-lightbox__close::before {
    content: "×";
    font-weight: 300;
}

/* Container interno */
.fci-lightbox__inner {
    position: relative;
    max-width: 90vw;
    max-height: 90vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

/* Botões de navegação */
.fci-lightbox__nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 56px;
    height: 56px;
    background: rgba(206, 219, 219, 0.1);
    border: 2px solid #CEDBDB;
    border-radius: 50%;
    color: #CEDBDB;
    font-size: 28px;
    line-height: 1;
    cursor: pointer;
    z-index: 100000;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.2s ease, transform 0.2s ease;
}

.fci-lightbox__nav:hover,
.fci-lightbox__nav:focus-visible {
    background: #18BEC6;
    color: #181818;
    transform: translateY(-50%) scale(1.1);
    outline: none;
}

.fci-lightbox__nav--prev {
    left: 20px;
}

.fci-lightbox__nav--prev::before {
    content: "‹";
    font-weight: 700;
}

.fci-lightbox__nav--next {
    right: 20px;
}

.fci-lightbox__nav--next::before {
    content: "›";
    font-weight: 700;
}

/* Container de mídia */
.fci-lightbox__media {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 100%;
    max-height: calc(90vh - 80px);
}

/* Imagem */
.fci-lightbox__img {
    max-width: 100%;
    max-height: calc(90vh - 80px);
    width: auto;
    height: auto;
    object-fit: contain;
    border-radius: 4px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.6);
}

/* Caption */
.fci-lightbox__caption {
    margin-top: 16px;
    padding: 12px 20px;
    background: rgba(61, 61, 61, 0.9);
    color: #CEDBDB;
    font-size: 14px;
    line-height: 1.5;
    text-align: center;
    border-radius: 4px;
    max-width: 600px;
}

/* Responsividade mobile */
@media (max-width: 768px) {
    .fci-lightbox__close {
        top: 12px;
        right: 12px;
        width: 44px;
        height: 44px;
        font-size: 22px;
    }

    .fci-lightbox__nav {
        width: 48px;
        height: 48px;
        font-size: 24px;
    }

    .fci-lightbox__nav--prev {
        left: 12px;
    }

    .fci-lightbox__nav--next {
        right: 12px;
    }

    .fci-lightbox__inner {
        max-width: 95vw;
        max-height: 95vh;
    }

    .fci-lightbox__media {
        max-height: calc(95vh - 60px);
    }

    .fci-lightbox__img {
        max-height: calc(95vh - 60px);
    }

    .fci-lightbox__caption {
        font-size: 13px;
        padding: 10px 16px;
        margin-top: 12px;
    }
}

.fci-text-left { text-align: left !important; }
.fci-text-right { text-align: right !important; }


/* Customização GLightbox */
.goverlay {
    background: rgba(24, 24, 24, 0.95) !important;
    backdrop-filter: blur(8px);
}

.glightbox-container .gclose.gbtn,
.glightbox-container .gprev.gbtn,
.glightbox-container .gnext.gbtn {
    background: rgb(211, 211, 211) !important;
    border-radius: 50% !important;
    width: 48px !important;
    height: 48px !important;
    transition: all 0.2s ease !important;
}

.glightbox-container .gclose.gbtn:hover,
.glightbox-container .gprev.gbtn:hover,
.glightbox-container .gnext.gbtn:hover {
    background: #18BEC6 !important;
    transform: scale(1.1) !important;
}

.glightbox-container .gclose.gbtn svg,
.glightbox-container .gprev.gbtn svg,
.glightbox-container .gnext.gbtn svg {
    fill: #000000 !important;
}

/* Mostrar datas e mídia quando presentes (não ocultar por padrão) */
.tl-timemarker-media-container,
.tl-headline-date {
    display: block !important;
}

/* Garantir datas/caption/credit visíveis também nas capas */
body.fci-timeline-full .tl-slide[id*="_capa"] .tl-caption,
body.fci-timeline-full .tl-slide[id*="_capa"] .tl-credit {
    display: block !important;
}

/* TimeNav: legibilidade dos botoes e eixo X visivel */
body.fci-timeline-full .tl-timenav,
body.fci-timeline-full .tl-timenav-slider,
body.fci-timeline-full .tl-timenav .tl-timenav-container {
    margin-left: auto !important;
    margin-right: auto !important;
    color: #000000 !important;
    box-sizing: border-box !important;
}

body.fci-timeline-full .tl-timeaxis-background {
    background: #eaeaea !important;
}

/* TimeNav sem faixas de grupo */
body.fci-timeline-full .tl-timegroup,
body.fci-timeline-full .tl-timegroup-message {
    display: none !important;
}

body.fci-timeline-full .tl-timenav,
body.fci-timeline-full .tl-timeline .tl-timenav {
    height: 124px !important;
    min-height: 124px !important;
    max-height: 148px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

body.fci-timeline-full .tl-timenav-slider,
body.fci-timeline-full .tl-timenav-slider-background {
    align-items: flex-start !important;
}

body.fci-timeline-full .tl-timenav-item-container,
body.fci-timeline-full .tl-timenav-container {
    height: 80px !important;
    top: 0 !important;
}

body.fci-timeline-full .tl-timemarker {
    top: 6px !important;
    height: 80px !important;
    min-width: 120px !important;
    margin-right: 8px !important;
}

/* Forçar exibição de todos os marcadores (sobrescreve display:none inline do JS) */
body.fci-timeline-full .tl-timemarker,
body.fci-timeline-full .tl-timemarker[id*="_galeria"],
body.fci-timeline-full .tl-timemarker[id*="_texto"],
body.fci-timeline-full .tl-timemarker[id*="_capa"],
body.fci-timeline-full .tl-timemarker[id*="historia_intro"],
body.fci-timeline-full .tl-timemarker[id*="numeros_consolidados"] {
    display: block !important;
    visibility: visible !important;
}

/* Forçar primeiro e último marcador (fallback) */
body.fci-timeline-full .tl-timenav .tl-timemarker:first-of-type,
body.fci-timeline-full .tl-timenav .tl-timemarker:last-of-type {
    display: block !important;
    visibility: visible !important;
}

body.fci-timeline-full .tl-timemarker:nth-of-type(3n+2),
body.fci-timeline-full .tl-timemarker:nth-of-type(3n) {
    top: 6px !important;
}

body.fci-timeline-full .tl-timemarker-content-container {
    border-radius: 4px !important;
    background: #FFFFFF !important;
    color: #000000 !important;
    font-weight: 700 !important;
    border: 1px solid rgba(0, 0, 0, 0.15);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    white-space: normal !important;
    transition: box-shadow 0.25s ease, border-color 0.25s ease, background-color 0.25s ease;
    transform: none !important;
    height: 80px !important;
    min-height: 80px !important;
    padding: 8px 10px !important;
    font-size: 8px !important;
    line-height: 1.15 !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
    hyphens: none !important;
    text-align: center !important;
    letter-spacing: 0.02em !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

body.fci-timeline-full .tl-timemarker-text,
body.fci-timeline-full .tl-timemarker-text h2 {
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
    hyphens: none !important;
    line-height: 1.15 !important;
    font-size: 9px !important;
    text-align: center !important;
}

body.fci-timeline-full .tl-timemarker-content-container *,
body.fci-timeline-full .tl-timemarker-content,
body.fci-timeline-full .tl-timemarker-text h2 {
    color: #5b5b5b !important;
}

body.fci-timeline-full .tl-timemarker:hover .tl-timemarker-content-container *,
body.fci-timeline-full .tl-timemarker:hover .tl-timemarker-content,
body.fci-timeline-full .tl-timemarker:hover .tl-timemarker-text h2 {
    color: #000000 !important;
}

body.fci-timeline-full .tl-timeline .tl-timenav .tl-timemarker:hover .tl-timemarker-content-container {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.5),
                0 2px 6px rgba(0, 0, 0, 0.3),
                0 0 0 2px rgba(24, 190, 198, 0.5) !important;
    border-color: #18BEC6 !important;
    transform: none !important;
    height: 80px !important;
    min-height: 80px !important;
    padding: 8px 10px !important;
    font-size: 8px !important;
    transition: none !important;
}

/* Bloquear expansão do TimelineJS no hover */
body.fci-timeline-full .tl-timemarker:hover .tl-timemarker-content-container,
body.fci-timeline-full .tl-timemarker:focus .tl-timemarker-content-container {
    width: auto !important;
    max-width: none !important;
    transition: none !important;
}

body.fci-timeline-full .tl-timemarker:hover .tl-timemarker-content-container.tl-timemarker-content-container-small,
body.fci-timeline-full .tl-timemarker:focus .tl-timemarker-content-container.tl-timemarker-content-container-small {
    width: auto !important;
    max-width: none !important;
}

body.fci-timeline-full .tl-timemarker.tl-timemarker-active .tl-timemarker-content-container,
body.fci-timeline-full .tl-timemarker.tl-timemarker-active .tl-timemarker-content {
    background: #ffffff !important;
    color: #000000 !important;
    border-color: #18BEC6;
    transform: none !important;
}

body.fci-timeline-full .tl-timemarker.tl-timemarker-active .tl-timemarker-content-container *,
body.fci-timeline-full .tl-timemarker.tl-timemarker-active .tl-timemarker-content *,
body.fci-timeline-full .tl-timemarker.tl-timemarker-active .tl-timemarker-text h2 {
    color: #000000 !important;
}

body.fci-timeline-full .tl-timemarker-line-left,
body.fci-timeline-full .tl-timemarker-line-right {
    display: none !important;
}

body.fci-timeline-full .tl-timemarker-text h2 {
    font-size: 12px !important;
    line-height: 1.15 !important;
}

body.fci-timeline-full .tl-timemarker:hover .tl-timemarker-text h2,
body.fci-timeline-full .tl-timemarker:focus .tl-timemarker-text h2 {
    font-size: 12px !important;
    line-height: 1.15 !important;
}

body.fci-timeline-full .tl-timeaxis-background,
body.fci-timeline-full .tl-timeaxis {
    height: 40px !important;
    bottom: 0 !important;
}

body.fci-timeline-full .tl-timeaxis .tl-timeaxis-content-container {
    height: 40px !important;
}

body.fci-timeline-full .tl-timeaxis-major .tl-timeaxis-tick-text {
    font-size: 12px !important;
    line-height: 20px !important;
    padding-top: 2px !important;
    color: #000000 !important;
    font-weight: 700 !important;
    text-shadow: none !important;
    display: block !important;
    overflow: visible !important;
}

/* Espaçar marcadores horizontalmente (lado a lado) */
body.fci-timeline-full .tl-timemarker[id*="_capa"] {
    transform: translateX(0px) !important;
}

body.fci-timeline-full .tl-timemarker[id*="_galeria"] {
    transform: translateX(110px) !important;
}

body.fci-timeline-full .tl-timemarker[id*="_texto"] {
    transform: translateX(220px) !important;
}

/* Posicionar o botão de resultados após o 3º da última edição */
body.fci-timeline-full .tl-timemarker[id*="historia_summary"],
body.fci-timeline-full .tl-timemarker[id*="numeros_consolidados"] {
    transform: translateX(330px) !important;
}

/* Garantir que os marcadores sejam clicáveis após transformação */
body.fci-timeline-full .tl-timemarker {
    pointer-events: auto !important;
    z-index: 10 !important;
}

body.fci-timeline-full .tl-timemarker .tl-timemarker-content-container,
body.fci-timeline-full .tl-timemarker .tl-timemarker-text,
body.fci-timeline-full .tl-timemarker .tl-timemarker-media-container {
    pointer-events: auto !important;
}

/* Ajustar altura do container para acomodar as 3 linhas */
body.fci-timeline-full .tl-timenav-item-container,
body.fci-timeline-full .tl-timenav-container,
body.fci-timeline-full .tl-timenav-container-mask {
    height: auto !important;
    min-height: 124px !important;
}

/* Mostrar somente anos no eixo: esconde ticks menores (meses/dias) */
body.fci-timeline-full .tl-timeaxis-minor {
    display: none !important;
}

body.fci-timeline-full .tl-timeaxis .tl-timeaxis-content-container .tl-timeaxis-major {
    opacity: 1 !important;
    visibility: visible !important;
}

@media (max-width: 768px) {
    body.fci-timeline-full .tl-timenav,
    body.fci-timeline-full .tl-timeline .tl-timenav {
        height: 112px !important;
        min-height: 112px !important;
    }

    body.fci-timeline-full .tl-timenav-item-container,
    body.fci-timeline-full .tl-timenav-container {
        height: 72px !important;
    }

    body.fci-timeline-full .tl-timemarker {
        height: 72px !important;
        min-width: 110px !important;
    }

    body.fci-timeline-full .tl-timemarker-content-container {
        height: 72px !important;
        min-height: 72px !important;
        font-size: 8px !important;
        padding: 8px 8px !important;
        line-height: 1.15 !important;
        white-space: normal !important;
        word-break: break-word !important;
    }

    body.fci-timeline-full .tl-timeaxis-background,
    body.fci-timeline-full .tl-timeaxis {
        height: 36px !important;
    }

    body.fci-timeline-full .tl-timeaxis .tl-timeaxis-content-container {
        height: 36px !important;
    }

    body.fci-timeline-full .tl-timeaxis-major .tl-timeaxis-tick-text {
        font-size: 11px !important;
        line-height: 18px !important;
        padding-top: 2px !important;
    }
}

@media (max-width: 600px) {
    body.fci-timeline-full .tl-timenav,
    body.fci-timeline-full .tl-timeline .tl-timenav {
        height: 104px !important;
        min-height: 104px !important;
    }

    body.fci-timeline-full .tl-timenav-item-container,
    body.fci-timeline-full .tl-timenav-container {
        height: 66px !important;
    }

    body.fci-timeline-full .tl-timemarker {
        height: 66px !important;
        min-width: 100px !important;
    }

    body.fci-timeline-full .tl-timemarker-content-container {
        height: 66px !important;
        min-height: 66px !important;
        font-size: 8px !important;
        padding: 7px 7px !important;
        line-height: 1.15 !important;
        white-space: normal !important;
        word-break: break-word !important;
    }

    body.fci-timeline-full .tl-timeaxis-background,
    body.fci-timeline-full .tl-timeaxis {
        height: 34px !important;
    }

    body.fci-timeline-full .tl-timeaxis .tl-timeaxis-content-container {
        height: 34px !important;
    }

    body.fci-timeline-full .tl-timeaxis-major .tl-timeaxis-tick-text {
        font-size: 10px !important;
        line-height: 16px !important;
        padding-top: 2px !important;
    }
}

@media (max-width: 420px) {
    body.fci-timeline-full .tl-timenav,
    body.fci-timeline-full .tl-timeline .tl-timenav {
        height: 96px !important;
        min-height: 96px !important;
    }

    body.fci-timeline-full .tl-timenav-item-container,
    body.fci-timeline-full .tl-timenav-container {
        height: 60px !important;
    }

    body.fci-timeline-full .tl-timemarker {
        height: 60px !important;
        min-width: 96px !important;
    }

    body.fci-timeline-full .tl-timemarker-content-container {
        height: 60px !important;
        min-height: 60px !important;
        font-size: 8px !important;
        padding: 7px 6px !important;
        line-height: 1.15 !important;
        white-space: normal !important;
        word-break: break-word !important;
    }

    body.fci-timeline-full .tl-timeaxis-background,
    body.fci-timeline-full .tl-timeaxis {
        height: 32px !important;
    }

    body.fci-timeline-full .tl-timeaxis .tl-timeaxis-content-container {
        height: 32px !important;
    }

    body.fci-timeline-full .tl-timeaxis-major .tl-timeaxis-tick-text {
        font-size: 9px !important;
        line-height: 14px !important;
        padding-top: 2px !important;
    }
}

.ast-separate-container #primary, .ast-separate-container.ast-left-sidebar #primary, .ast-separate-container.ast-right-sidebar #primary {
    margin: 0 !important;
    padding: 0 !important;
}

.tl-headline-date, body.fci-timeline-full .tl-slide[id*="_capa"] .tl-headline-date, .tl-icon-image, #intro_capa .tl-text-headline-container {
    display: none !important;
}


.tl-timeline .tl-text ul {
    padding-left: 0 !important;
}


.tl-skinny .tl-slide {
    padding-top: 0 !important;
}