/* Linha do Tempo - Quem Somos */
.qs-timeline { position:relative; padding:100px 0 60px; background:#ffffff; overflow:visible; }
.qs-timeline__wrap { max-width:1480px; margin:0 auto; padding:0 20px; }
.owl-timeline { visibility:visible; }
.owl-timeline .owl-stage-outer { padding:0; overflow:visible; }
.owl-timeline .owl-stage { display:flex; align-items:center; padding:0; margin:0; }
.owl-timeline .owl-item { margin-right:5px; }
.owl-timeline .owl-nav { position:absolute; top:50%; transform:translateY(-50%); width:100%; height:0; pointer-events:none; }
.owl-timeline .owl-nav button { position:absolute; top:50%; transform:translateY(-50%); width:44px; height:44px; border-radius:50%; border:2px solid #0e3b62; background:#fff; color:#0e3b62; display:flex; align-items:center; justify-content:center; font-size:18px; font-weight:bold; transition:all 200ms ease; pointer-events:auto; }
.owl-timeline .owl-nav button:hover { background:#0e3b62; color:#fff; transform:translateY(-50%) scale(1.1); }
.owl-timeline .owl-nav button.owl-prev { left:-60px; }
.owl-timeline .owl-nav button.owl-next { right:-60px; }
.owl-timeline .owl-nav button.owl-prev::before { content:"‹"; }
.owl-timeline .owl-nav button.owl-next::before { content:"›"; }
.tl-item { position:relative; display:flex; flex-direction:column; align-items:center; height:auto; }
.tl-top { min-height:220px; display:flex; align-items:flex-end; justify-content:space-between; width:100%; max-width:380px; gap:16px; }
/* Itens do topo: descrição acima da data, empilhados */
.tl-item:not(.is-alt) .tl-top { flex-direction:column; align-items:center; gap:12px; justify-content:flex-end; }
.tl-item:not(.is-alt) .tl-desc { text-align:center; }
/* Itens alternados (superiores): ícone e haste ficam no topo */
.tl-item.is-alt .tl-top { flex-direction:column; align-items:center; gap:12px; justify-content:flex-start; }
.tl-item.is-alt .tl-desc { text-align:center; }
.tl-desc { max-width:360px; text-align:center; color:#123047; font-size:13px; line-height:1.5; margin:0; }
.tl-axis { width:100%; height:54px; position:relative; margin:10px 0 18px; --axis-center:27px; display:flex; align-items:center; }
.tl-bar { position:absolute; left:0; top:50%; transform:translateY(-50%); width:calc(100% - 5px); height:22px; background:#0e3b62; clip-path: polygon(0 0, calc(100% - 30px) 0, 100% 50%, calc(100% - 30px) 100%, 0 100%, 18px 50%); z-index:2; margin-left:-0px; }
.tl-item.is-alt .tl-bar { background:#1aa1ff; }
.tl-item.is-alt .tl-axis { transform:translateY(0px); }
.tl-dot { position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:14px; height:14px; background:#fff; border-radius:50%; border:3px solid #0e3b62; z-index:3; }
.tl-item.is-alt .tl-dot { border-color:#1aa1ff; }
.tl-bottom { display:flex; flex-direction:column; align-items:center; gap:12px; min-height:280px; }
.tl-year { font-family:'Verbatim','Poppins', Arial, sans-serif; font-size:42px; font-weight:900; color:#0e3b62; line-height:1; text-align:center; }
.tl-item.is-alt .tl-year { color:#147fd0; }
.tl-stem { position:absolute; left:50%; transform:translateX(-50%); top: var(--axis-center); width:2px; height:90px; background:#0e3b62; z-index:1; }
.tl-stem--up { top:auto; bottom: calc(100% - var(--axis-center)); height:90px; }
.tl-stem--down { top: var(--axis-center); height:90px; }
.tl-item.is-alt .tl-stem { background:#1aa1ff; transition:height 300ms ease; }
.tl-item.is-alt .tl-stem::after { border-color:#1aa1ff; }
.tl-item.is-alt .tl-stem--up { height:140px; }
.tl-icon { width:120px; height:120px; background:#fff; border-radius:8px; display:flex; align-items:center; justify-content:center; box-shadow:0 8px 20px rgba(0,0,0,.15); border:3px solid #0e3b62; position:relative; z-index:2; padding:8px; cursor:pointer; transition:transform 300ms ease, box-shadow 300ms ease, z-index 0ms ease; }
.tl-item.is-alt .tl-icon { border-color:#1aa1ff; }
.tl-icon:hover { transform:scale(2.5); box-shadow:none; z-index:999; }
.tl-item.is-alt .tl-icon:hover { transform:scale(2.5) translateY(40px); }
.tl-item.is-alt:hover .tl-stem--up { height:180px; }
.tl-icon img { width:100%; height:100%; object-fit:contain; object-position:center; border-radius:4px; transition:border-radius 300ms ease; }
.tl-icon:hover img { border-radius:8px; }

@media (max-width: 1280px) {
  .owl-timeline .owl-nav button.owl-prev { left:-50px; }
  .owl-timeline .owl-nav button.owl-next { right:-50px; }
}

@media (max-width: 980px) {
  .tl-year { font-size:36px; }
  .tl-icon { width:100px; height:100px; }
  .owl-timeline .owl-nav button.owl-prev { left:-30px; }
  .owl-timeline .owl-nav button.owl-next { right:-30px; }
  .owl-timeline .owl-nav button { width:38px; height:38px; font-size:16px; }
}

@media (max-width: 640px) {
  .owl-timeline .owl-nav button.owl-prev { left:-20px; }
  .owl-timeline .owl-nav button.owl-next { right:-20px; }
  .owl-timeline .owl-nav button { width:34px; height:34px; font-size:14px; }
}