@media (max-width:1279px){
  .ar{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .ar-m{padding:16px}
  .ar-t{padding:28px}
  .ar-t .cl{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ar-f{flex-wrap:wrap}
  .rv-g{grid-template-columns:repeat(3,minmax(0,1fr))}
  .stamp{width:128px;height:128px}
  .dc ol{grid-template-columns:repeat(4,minmax(0,1fr))}
  .dc li:nth-child(4n+1){border-left:0}
  .dc li:nth-child(n+5){border-top:1px solid var(--n200)}
}
@media (max-width:1023px){
  .vis{height:400px}
  .vis-cr{max-width:564px;margin-left:auto;margin-right:auto}
  .stp{grid-template-columns:1fr;gap:0;max-width:600px;margin:0 auto}
  .stp li{display:grid;grid-template-columns:28px minmax(0,1fr);column-gap:16px;padding-bottom:24px}
  .stp li::before{grid-row:1/span 2;margin:0}
  .stp b,.stp p{grid-column:2}
  .stp b{padding-top:2px}
  .stp li::after,.stp li+li::after{content:'';position:absolute;left:13px;top:30px;bottom:2px;width:2px;height:auto;border-radius:2px;background:var(--p100)}
  .stp li:last-child{padding-bottom:0}
  .stp li:last-child::after{display:none}
  .cf{margin-top:36px}
  .tm .stamp{display:block;top:0;left:50%;right:auto;width:max-content;height:auto;transform:translate(-50%,-50%);padding:3px 12px;border-radius:var(--r-full);background:var(--white);border:1.5px solid var(--rusty);color:var(--n900);font-size:12.5px;font-weight:600;line-height:1.5;white-space:nowrap}
  .tm .stamp svg{display:none}
  .tm .stamp::after{content:'Na dúvida, vá de M'}
  .tm-bd{padding:16px 14px}
  .ar{grid-template-columns:1fr}
  .ar-m{padding:20px;border-right:0;border-bottom:1px solid var(--n200)}
  .map{max-width:520px;margin:0 auto}
  .ar-t .cl{grid-template-columns:repeat(3,minmax(0,1fr))}
  .rv-g{grid-template-columns:repeat(2,minmax(0,1fr))}
  .rv blockquote{font-size:15px}
  .rv-h{margin-top:56px;padding-top:56px}
}
@media (max-width:767px){
  .bc,.gg{font-size:14px}
  .vis{height:auto;aspect-ratio:4/3;padding:0;display:block}
  .vis>img{position:absolute;inset:0;width:100%;height:100%}
  .vis-c{left:12px;bottom:12px;font-size:14px}
  .cr,.vis-cr{font-size:14px}
  .ben p,.pp p{font-size:14px}
  .ck{grid-template-columns:1fr}
  .stp p{font-size:14px}
  .cf{flex-direction:column;align-items:stretch;gap:16px;margin-top:32px;text-align:center}
  .cf .btn{width:100%}
  .tm-g{grid-template-columns:1fr;gap:28px;max-width:440px;margin:0 auto}
  .tm-ph{aspect-ratio:auto;height:220px}
  .tm-bd{padding:16px}
  .tp,.tm-d,.tm-pr span,.tm-all{font-size:14px}
  .dc{margin-top:32px}
  .dc-h{flex-direction:column;align-items:flex-start;gap:4px;padding:16px}
  .dc-h p{font-size:14px}
  .dc ol{grid-template-columns:1fr}
  .dc li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;text-align:left}
  .dc li+li{border-left:0;border-top:1px solid var(--n200)}
  .dc li span{font-size:15px;color:var(--n700)}
  .dc li b.z{font-size:14px;line-height:1.5}
  .pp{grid-template-columns:1fr}
  .ar-m{padding:12px}
  .m-l text:not(.at):not(.pa):not(.bh):not(.cur){display:none}
  .m-l text{font-size:24px;stroke-width:5px}
  .lg{flex-wrap:wrap;gap:8px 20px;font-size:14px}
  .ar-t{padding:20px 16px}
  .ar-t .cl{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 16px}
  .ar-f{flex-direction:column;align-items:stretch;gap:12px}
  .ar-f .btn{white-space:normal}
  .rv-h{margin:48px 0 20px;padding-top:48px}
  .rv-h h3{font-size:20px}
  .rv-s{margin:-8px 0 20px}
  .rv-g{grid-template-columns:1fr;gap:12px}
  .rv blockquote{font-size:16px}
  .rv figcaption{font-size:15px}
  .rv figcaption span{font-size:14px}
  .sp-h .sup{font-size:14px}
  .cs{flex-direction:column;align-items:flex-start;gap:12px;width:max-content;max-width:100%;margin:24px auto 0}
  .cs li+li::before{display:none}
  .end>.wrap>p{font-size:17px}
  .end>.wrap>p.sup{margin-top:28px;font-size:14px}
}
@media (max-width:359px){
  .m-l text{font-size:27px}
  .ar-t .cl{grid-template-columns:1fr}
}
@media (orientation:landscape) and (max-height:500px){
  html{scroll-padding-top:calc(var(--nav-h) + var(--banner-h,0px) + 16px)}
  .lnav{position:static}
  .vit{font-size:32px}
  .hero-g{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px}
  .hero-b{flex-wrap:wrap}
  .vis{height:300px}
}
@media (pointer:coarse),(max-width:1023px){
  .bc a{display:inline-flex;align-items:center;min-height:44px;margin:-12px 0}
  .cr a,.vis-cr a{padding:13px 0}
  .cl:has(.lk){row-gap:8px}
  .cl .lk{display:flex;align-items:center;min-height:44px;padding:0;margin:0}
  .cl:has(.lk) [aria-current]{display:flex;align-items:center;min-height:44px}
}