@layer components{.planos-trilho{overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;grid-auto-columns:86%;grid-auto-flow:column;gap:16px;margin:-16px 0 0;padding:16px 0 4px;list-style:none;display:grid;position:relative;overflow-x:auto}.planos-trilho::-webkit-scrollbar{display:none}.planos-trilho:focus-visible{outline:2px solid var(--focus);outline-offset:6px;border-radius:var(--radius-lg)}.planos-item{scroll-snap-align:start;min-width:0}.planos-pontos{justify-content:center;gap:4px;margin-top:4px;display:flex}.planos-ponto{cursor:pointer;background:0 0;border:0;place-items:center;width:44px;height:44px;display:grid}.planos-ponto:before{content:"";background:color-mix(in srgb, var(--text) 24%, transparent);width:8px;height:8px;transition:background-color .18s var(--ease-stamp), transform .18s var(--ease-stamp);border-radius:999px}.planos-ponto[aria-current=true]:before{background:var(--action);transform:scale(1.3)}.planos-ponto:focus-visible{outline:2px solid var(--focus);outline-offset:-6px;border-radius:999px}@media (min-width:768px){.planos-trilho{grid-auto-flow:row;grid-template-columns:repeat(var(--planos-n,2), minmax(0, 1fr));max-width:min(100%, calc(390px * var(--planos-n,2)));grid-auto-columns:auto;gap:24px;margin-inline:auto;padding:16px 0 0;overflow:visible}.planos-pontos{display:none}}.planos-ver{min-height:44px;color:var(--action-text);align-items:center;gap:4px;font-size:14px;font-weight:600;display:inline-flex}.planos-ver:hover{text-underline-offset:3px;text-decoration:underline}.planos-ver:focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-radius:var(--radius-input)}.planos-fecho{text-align:center;flex-direction:column;align-items:center;gap:20px;display:flex}.planos-fecho p{max-width:520px}#comparar:focus{outline:none}#comparar:focus-visible{outline:2px solid var(--focus);outline-offset:8px;border-radius:var(--radius-lg)}@media (max-width:520px){.planos-desc{display:none}}.planos-selo{justify-content:center;align-items:center;min-height:26px;margin:0;display:flex}.planos-pix{justify-content:center;align-items:center;gap:8px;display:inline-flex}.planos-pix svg{color:var(--action-text,var(--action));flex:none}}
