/* =========================================================
   NOSSA HISTÓRIA — sobre + timeline
   Padrão visual --sj-* (paleta azul Chambéry)
   ========================================================= */

/* SOBRE */
.sobre{width:100%;position:relative;text-align:left;padding-bottom:50px;}
.sobre .sobre_texto{width:100%;position:relative;color:var(--sj-texto);font-family:var(--fonte-padrao);font-size:15px;line-height:1.75;padding:0 0 40px;text-align:left;font-weight:400;}
.sobre .sobre_texto b,.sobre .sobre_texto strong{font-weight:700;color:var(--sj-titulo);}
.sobre .sobre_texto u{text-decoration:underline;}
.sobre .sobre_texto i{font-style:italic;}
.sobre .sobre_texto a{color:var(--sj-azul);text-decoration:underline;text-underline-offset:3px;}
.sobre .sobre_texto a:hover{color:var(--sj-azul-escuro);}

.sobre .sobre_texto .avatar{width:360px;aspect-ratio:1/1;margin:4px 30px 14px 0;position:relative;float:left;overflow:hidden;border-radius:14px;background:var(--sj-azul-suave);box-shadow:0 18px 36px rgba(0,73,124,.12);}
.sobre .sobre_texto .avatar img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;position:relative;transition:transform .5s ease;}
.sobre .sobre_texto .avatar:hover img{transform:scale(1.05);}
.sobre .sobre_texto .avatar .play{width:100%;height:100%;z-index:11;position:absolute;left:0;top:0;background-color:rgba(0,73,124,.55);background-image:url(../imagens/ico-play.png);background-repeat:no-repeat;background-position:center center;background-size:auto 70px;transition:all .3s ease;}
.sobre .sobre_texto .avatar:hover .play{background-color:rgba(0,73,124,.35);}

.sobre .video{width:100%;aspect-ratio:16/9;position:relative;overflow:hidden;border-radius:14px;background:var(--sj-azul-suave);margin:0 0 40px;}
.sobre .video img{width:100%;height:100%;object-fit:cover;display:block;}
.sobre .video .play{position:absolute;left:0;top:0;width:100%;height:100%;z-index:11;background-color:rgba(0,73,124,.5);background-image:url(../imagens/ico-play.png);background-repeat:no-repeat;background-position:center center;background-size:auto 90px;transition:all .3s ease;}
.sobre .video:hover .play{background-color:rgba(0,73,124,.3);}

/* TIMELINE (anos no topo, sticky) */
.timeline{width:100%;position:sticky;z-index:10;left:0;top:70px;background-color:#fff;border-radius:0 0 14px 14px;box-shadow:0 12px 22px rgba(0,73,124,.08);border-top:1px solid var(--sj-cinza-borda);}
.timeline ol{width:100%;position:relative;clear:both;text-align:center;padding:14px 10px 4px;margin:0;list-style:none;}
.timeline ol li{min-width:46px;display:inline-block;font-size:14px;font-weight:600;font-family:var(--fonte-padrao);position:relative;color:var(--sj-cinza-texto);text-align:center;line-height:22px;padding:6px 10px 14px;cursor:pointer;transition:all .25s ease;}
.timeline ol li:hover{color:var(--sj-azul);}
.timeline ol li#ativo{color:var(--sj-azul);font-weight:800;}
.timeline ol li#ativo::after{content:'';position:absolute;left:50%;bottom:6px;width:18px;height:3px;background:var(--sj-azul);border-radius:2px;transform:translateX(-50%);}
.timeline a{color:inherit;text-decoration:none;}

/* REGISTROS DA TIMELINE */
.registros{width:100%;position:relative;clear:both;padding:30px 0 30px;}
.registros ul{width:100%;position:relative;clear:both;text-align:left;margin:0;padding:0;list-style:none;}
.registros ul li{width:auto;padding:28px 30px;display:block;position:relative;clear:both;border-radius:14px;transition:all .3s ease;overflow:hidden;margin:8px 0;background:#fff;border:1px solid var(--sj-cinza-borda);}
.registros ul li:nth-child(odd){background:#f7fafc;}
.registros ul li:hover{border-color:var(--sj-azul-suave);box-shadow:0 18px 32px rgba(0,73,124,.10);}

.registros ul li .bloco{width:100%;float:left;margin:0;font-size:16px;line-height:1.55;text-align:left;color:var(--sj-titulo);font-weight:700;font-family:var(--fonte-padrao);transition:all .3s ease;}
.registros ul li .bloco .titulo_timeline{width:100%;position:relative;color:var(--sj-titulo);font-size:19px;font-weight:800;letter-spacing:-.01em;margin:0 0 6px;}
.registros ul li .bloco p{font-size:14.5px;font-weight:400;color:var(--sj-cinza-texto);line-height:1.7;margin:0;}
.registros ul li .bloco .ano{float:left;margin:2px 22px 12px 0;width:72px;font-size:18px;font-weight:800;font-family:var(--fonte-padrao);text-align:center;color:#fff;line-height:72px;height:72px;background:linear-gradient(135deg, var(--sj-azul) 0%, var(--sj-azul-escuro) 100%);border-radius:14px;overflow:hidden;letter-spacing:-.5px;box-shadow:0 8px 18px rgba(29,138,216,.25);}
.registros ul li .bloco p img{width:170px;height:120px;object-fit:cover;display:inline-block;float:right;margin:0 0 10px 22px;position:relative;transition:all .3s ease;border-radius:10px;overflow:hidden;}
.registros ul li .bloco p:hover img{opacity:.85;}

/* GALERIA */
.util-galeria{width:100%;position:relative;overflow:hidden;text-align:center;}
.galeria{width:100%;display:inline-block;position:relative;margin-top:24px;}
.galeria ul{display:flex;flex-wrap:wrap;gap:14px;width:100%;list-style:none;margin:24px 0 60px;padding:0;justify-content:center;}
.galeria ul li{position:relative;width:240px;height:180px;overflow:hidden;border-radius:10px;transition:all .35s ease;}
.galeria ul li:hover{transform:translateY(-3px);box-shadow:0 14px 26px rgba(0,73,124,.15);}
.galeria ul li img{width:100%;height:100%;object-fit:cover;display:block;}

/* BLOCKS */
.blocks{width:100%;position:relative;padding:0 0 15px;text-align:center;}
.blocks ul{width:100%;padding:0;text-align:center;list-style:none;display:flex;flex-wrap:wrap;gap:18px;justify-content:center;}
.blocks ul li{list-style:none;flex:1 1 calc(33% - 18px);min-height:220px;padding:22px 26px;text-align:left;transition:all .3s ease;background:#fff;border:1px solid var(--sj-cinza-borda);border-radius:12px;line-height:1.6;}
.blocks ul li .qual{width:100%;color:var(--sj-titulo);font-weight:800;font-size:22px;line-height:1.2;font-family:var(--fonte-padrao);padding:0;margin:4px 0 10px;letter-spacing:-.01em;}
.blocks ul li:hover{transform:translateY(-4px);border-color:var(--sj-azul-suave);box-shadow:0 24px 40px rgba(0,73,124,.12);}

/* RESPONSIVO */
@media screen and (max-width: 1100px){
    .galeria ul li{width:165px;height:120px;}
}

@media screen and (max-width: 850px){
    section{padding-top:30px;}

    .timeline{width:94%;float:none;padding:0 3%;position:relative;margin:0;top:0;}
    .timeline .anos{display:none;}

    .sobre .sobre_texto{text-align:left;width:100%;padding:0 0 30px;}
    .sobre .sobre_texto .avatar{width:90%;aspect-ratio:4/3;margin:14px auto 22px;float:none;display:block;}

    .registros{padding:30px 0 0;}
    .registros ul li{padding:22px 18px;}
    .registros ul li .bloco .ano{margin:0 auto 16px;float:none;}
    .registros ul li .bloco p img{width:100%;height:auto;float:none;margin:14px 0;display:block;}

    .blocks{width:96%;padding:15px 2% 30px;}
    .blocks ul li{flex:1 1 100%;min-height:auto;padding:18px;}
}