@media (max-width:1279px){
  .stamp{width:128px;height:128px}
  .ar{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .ar-m{padding:16px}
  .ar-t{padding:28px}
  .cl{gap:6px 16px}
  .rv-g{display:flex;gap:16px;margin:0 calc(var(--gutter,24px) * -1);padding:4px var(--gutter,24px) 12px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:0 var(--gutter,24px);overscroll-behavior-x:contain;scrollbar-width:thin}
  .rv{flex:0 0 300px;scroll-snap-align:start}
}
@media (max-width:1023px){
  .tm-g{gap:12px}
  .tm-bd{padding:16px 14px}
  .tm .stamp{display:block;top:0;left:50%;right:auto;width:max-content;height:auto;padding:3px 12px;transform:translate(-50%,-50%);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.4;white-space:nowrap}
  .tm .stamp svg{display:none}
  .tm .stamp::before{content:'Na dúvida, vá de M'}
  .dc ol{grid-template-columns:repeat(4,minmax(0,1fr))}
  .dc li+li{border-left:0}
  .dc li:not(:nth-child(4n+1)){border-left:1px solid var(--n200)}
  .dc li:nth-child(n+5){border-top:1px solid var(--n200)}
  .ar{grid-template-columns:1fr}
  .ar-m{padding:24px;border-right:0;border-bottom:1px solid var(--n200)}
  .map{max-width:460px;margin:0 auto}
  .lg{flex-wrap:wrap;gap:8px 24px}
}
@media (max-width:767px){
  .bc{flex-wrap:wrap;font-size:14px}
  .gg{font-size:14px}
  .vis{display:block;height:auto;aspect-ratio:4/3;padding:0}
  .vis>img{position:absolute;inset:0;width:100%;height:100%}
  .vis-c{left:12px;bottom:12px;font-size:14px}
  .vis-cr{font-size:14px}
  .nt{font-size:14px}
  .ck{grid-template-columns:1fr}
  .stp p{font-size:14px}
  .cf{flex-direction:column;align-items:stretch;gap:16px;margin-top:40px;text-align:center}
  .cf .btn{width:100%}

  .tm-g{grid-template-columns:1fr;gap:20px}
  .tm{display:grid;grid-template-columns:120px minmax(0,1fr)}
  .tm-ph{aspect-ratio:auto;min-height:100%;border-radius:calc(var(--r-lg) - 1px) 0 0 calc(var(--r-lg) - 1px)}
  .tm-ph img{padding:40px 10px 12px}
  .tm-ph .szt{top:10px;left:8px;padding:3px 8px}
  .tm-bd{align-items:flex-start;padding:20px 16px 16px;text-align:left}
  .tm h3{font-size:17px}
  .tp{font-size:14px}
  .tm-d{margin-top:8px;font-size:14px}
  .tm-pr{padding-top:12px}
  .tm-pr span{font-size:14px}
  .tm .stamp{left:auto;right:12px;transform:translateY(-50%)}
  .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,.dc li span,.dc li b.z{font-size:14px}
  .dc ol{grid-template-columns:repeat(2,minmax(0,1fr))}
  .dc li:not(:nth-child(4n+1)){border-left:0}
  .dc li:nth-child(even){border-left:1px solid var(--n200)}
  .dc li:nth-child(n+3){border-top:1px solid var(--n200)}

  .pp{grid-template-columns:1fr}
  .pp p{font-size:14px}

  .ar-m{padding:16px}
  .m-l text{display:none}
  .m-l text.bh,.m-l text.br,.m-l text.at{display:inline;font-size:26px;stroke-width:6px}
  .lg{font-size:14px}
  .ar-t{padding:24px 16px}
  .cl{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ar-f{flex-direction:column;align-items:stretch;text-align:center}
  .ar-f .btn{width:100%}

  .rv-h{flex-direction:column;gap:6px;margin:48px 0 20px;padding-top:48px}
  .rv-h h3{font-size:20px;text-align:center;text-wrap:balance}
  .rv-g{gap:12px}
  .rv{flex-basis:min(300px,82%);padding:16px}
  .rv blockquote{font-size:15px}
  .rv figcaption{font-size:15px}
  .rv figcaption span{font-size:14px}

  .sp-h .sup{font-size:14px}
  .sp-h .btn{width:100%}
  .cs{flex-direction:column;align-items:center;gap:12px}
  .cs li+li::before{display:none}
}
@media (max-width:359px){
  .tm{grid-template-columns:100px minmax(0,1fr)}
  .m-l text.bh,.m-l text.br,.m-l text.at{font-size:27px}
  .cl{grid-template-columns:1fr}
}
@media (orientation:landscape) and (max-height:500px){
  .vis{height:300px}
}
@media (pointer:coarse){
  .bc a{margin:0}
  .vis-cr a{padding:13px 0}
  .cl{row-gap:0}
  .cl li{display:flex;align-items:center;min-height:44px}
  .cl .lk{display:inline-flex;align-items:center;min-height:44px;padding:0;margin:0}
}