/* Timeline Quem Somos — ajuste exclusivo para mobile.
 * Mantém o layout desktop intacto e usa um indicador próprio de scroll,
 * evitando o vazamento visual da scrollbar nativa para fora da cápsula.
 */
@media (max-width:760px){
  body.home .tor-timeline-shell{
    box-sizing:border-box!important;
    height:61px!important;
    min-height:61px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    padding:0!important;
    border-radius:50px!important;
    scroll-snap-type:x proximity!important;
    scroll-padding-inline:8px!important;
    overscroll-behavior-x:contain!important;
    -webkit-overflow-scrolling:touch!important;
    touch-action:pan-x!important;
    scrollbar-width:none!important;
  }

  body.home .tor-timeline-shell::-webkit-scrollbar{
    display:none!important;
    width:0!important;
    height:0!important;
  }

  body.home .tor-timeline{
    display:grid!important;
    grid-template-columns:none!important;
    grid-auto-flow:column!important;
    grid-auto-columns:88px!important;
    width:max-content!important;
    min-width:max-content!important;
    height:61px!important;
    min-height:61px!important;
    align-items:stretch!important;
  }

  body.home .tor-year-btn{
    width:88px!important;
    min-width:88px!important;
    height:61px!important;
    min-height:61px!important;
    padding:5px 6px!important;
    scroll-snap-align:start!important;
  }

  body.home .tor-year-btn > .tor-year-medal,
  body.home .tor-year-btn > .tor-year-medal svg{
    width:15px!important;
    height:15px!important;
    min-width:15px!important;
    min-height:15px!important;
  }

  body.home .tor-year-btn > span:not(.tor-year-medal){
    font-size:.7rem!important;
    line-height:16px!important;
  }

  /* Scrollbar visual própria. Fica fora da cápsula, mas contida no bloco,
   * sem extrapolar bordas nem criar aquele filete laranja vazando. */
  body.home .tor-timeline-mobile-scrollbar{
    position:relative!important;
    display:block!important;
    width:calc(100% - 18px)!important;
    height:3px!important;
    margin:7px 9px 0!important;
    overflow:hidden!important;
    border-radius:999px!important;
    background:rgba(239,123,48,.12)!important;
  }

  body.home .tor-timeline-mobile-scrollbar-thumb{
    position:absolute!important;
    top:0!important;
    left:0!important;
    height:100%!important;
    min-width:28px!important;
    border-radius:999px!important;
    background:rgba(239,123,48,.82)!important;
    transform:translate3d(0,0,0);
    will-change:transform,width;
    pointer-events:none!important;
  }

  html[data-bs-theme="dark"] body.home .tor-timeline-mobile-scrollbar{
    background:rgba(255,255,255,.08)!important;
  }
  html[data-bs-theme="dark"] body.home .tor-timeline-mobile-scrollbar-thumb{
    background:rgba(242,138,70,.9)!important;
  }
}

@media (min-width:761px){
  body.home .tor-timeline-mobile-scrollbar{display:none!important}
}