/* ============ RESPONSIVE ============ */
@media(max-width:1020px){
  .steps{grid-template-columns:1fr 1fr}
  .metrics{grid-template-columns:1fr 1fr}
  .metric:nth-child(2){border-right:none}
  .metric:nth-child(-n+2){border-bottom:1px solid var(--line-soft)}
  .foot-grid{grid-template-columns:1fr 1fr}
  .feat-grid{grid-template-columns:1fr}
  .ad-layout{grid-template-columns:1fr}
  .ad-tabs{position:static;display:flex;overflow-x:auto}
  .ad-tabs button{border-bottom:none;border-right:1px solid var(--line-soft);white-space:nowrap}
}
@media(max-width:860px){
  .nav-links,.nav-cta,.nav-admin{display:none}
  .burger{display:block}
  .cap-row{grid-template-columns:auto 1fr;grid-template-rows:auto auto;gap:.4rem 1.2rem}
  .cap-tags{grid-column:2;justify-content:flex-start;max-width:none}
  .cap-arrow{display:none}
  .rail{display:none}
  .act-cap{max-width:86vw}
  #cap1{bottom:14vh}
  #cap2,#cap3{top:auto;bottom:14vh;right:auto;left:1.2rem;text-align:left}
  #cap2 .ph,#cap3 .ph{justify-content:flex-start}
  #cap4{bottom:10vh}
}
@media(max-width:640px){
  .steps{grid-template-columns:1fr}
  .metrics{grid-template-columns:1fr}
  .metric{border-right:none;border-bottom:1px solid var(--line-soft)}
  .metric:last-child{border-bottom:none}
  .foot-grid{grid-template-columns:1fr}
  .hero-intro{bottom:12vh}
  .ad-row{grid-template-columns:52px 1fr;grid-template-rows:auto auto}
  .ad-row .pill{grid-column:2}
  .ad-act{grid-column:1/-1;flex-wrap:wrap}
  .drawer .row2{grid-template-columns:1fr}
}
@media (prefers-reduced-motion: reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}

@media(max-width:640px){
  .tl-item{grid-template-columns:1fr;gap:.5rem}
  .tl-periodo{padding-top:0}
}