.card-base{background:var(--n0);border:1px solid var(--n200);border-radius:var(--r-lg);padding:var(--s6);transition:border-color var(--motion-short) var(--ease-guide), box-shadow var(--motion-short) var(--ease-guide)}@media (hover:hover){.card-base:hover{border-color:var(--brand);box-shadow:var(--shadow-md)}.card-base:hover .card-seta{transform:translate(3px)}}.card-titulo{color:var(--n1000);display:block}.card-resumo,.card-data,.card-sub{display:block}.card-seta{color:var(--brand-strong);font-size:var(--text-headline);transition:transform var(--motion-short) var(--ease-still);line-height:1}.card-padrao{align-items:baseline;gap:var(--s4);display:flex}.card-corpo{gap:var(--s2);flex-direction:column;flex:1;min-width:0;display:flex}.card-passo{color:var(--brand-strong);font-variant-numeric:tabular-nums}.card-corpo .card-data{margin-top:var(--s1)}.card-porta,.card-porta .card-conteudo{gap:var(--s2);flex-direction:column;display:flex}.card-porta .card-inner,.card-porta .card-conteudo,.card-porta .card-resumo{flex:1}.card-pe{justify-content:space-between;align-items:center;gap:var(--s4);margin-top:var(--s3);padding-top:var(--s3);border-top:1px solid var(--n200);display:flex}.card-linha{align-items:center;gap:var(--s3) var(--s4);grid-template-columns:1fr auto;display:grid}.card-frente,.card-lado{gap:var(--s1);flex-direction:column;min-width:0;display:flex}.card-lado{grid-column:1/-1}.card-lado:empty{display:none}.card-valor{color:var(--brand-strong)}@media (min-width:768px){.card-linha{gap:var(--s6);grid-template-columns:1.1fr 1fr auto}.card-lado{grid-column:auto}}.card-grid{gap:var(--s4);display:grid}.card-grid>.card-base{max-width:var(--card-max,none)}@media (min-width:768px){.card-grid{gap:var(--s6)}.card-grid-2,.card-grid-3{grid-template-columns:repeat(2,1fr)}}@media (min-width:1280px){.card-grid-3{grid-template-columns:repeat(3,1fr)}.card-grid-3:not(.card-grid-keep):has(>:nth-child(4):last-child){grid-template-columns:repeat(2,1fr)}}.card-campo{background-color:var(--brand);-webkit-mask-image:var(--card-arte);-webkit-mask-image:var(--card-arte);mask-image:var(--card-arte);flex:none;align-self:stretch;display:block;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:cover;mask-size:cover;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.card-base:has(.card-campo,.card-numero,.card-marca){display:block;overflow:hidden;container-type:inline-size}.card-base:has(.card-conteudo){padding:0}.card-inner{flex-direction:column;width:100%;display:flex}.card-conteudo{padding:var(--s6)}.card-campo{height:36px}@container (min-width:440px){.card-inner{flex-direction:row;align-items:stretch}.card-campo{width:128px;height:auto}.card-conteudo{flex:1;min-width:0}}.card-base:has(.card-campo,.card-numero,.card-marca) .card-conteudo{align-items:baseline;gap:var(--s4);display:flex}.card-fam-calculadora .card-campo{background-color:var(--brand);height:148px;position:relative;-webkit-mask-image:none;mask-image:none}.card-fam-calculadora .card-campo:after{content:"";background-color:var(--gold);-webkit-mask-image:var(--card-arte);-webkit-mask-image:var(--card-arte);mask-image:var(--card-arte);position:absolute;inset:0;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:cover;mask-size:cover;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}@container (min-width:440px){.card-fam-calculadora .card-inner{flex-direction:column}.card-fam-calculadora .card-campo{width:auto;height:148px}}.card-numero{min-height:72px;font-size:var(--text-display-lg);letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:var(--brand);background:hsl(var(--brand-hsl) / .07);flex:none;justify-content:center;align-self:stretch;align-items:center;font-weight:600;line-height:1;display:flex}@container (min-width:440px){.card-numero{width:128px;min-height:0}}.card-marca{height:72px;padding:var(--s4) var(--s6);background:var(--n100);border-bottom:1px solid var(--n200);flex:none;justify-content:flex-start;align-self:stretch;align-items:center;display:flex}.card-marca img{object-fit:contain;filter:brightness(0);width:auto}.card-marca img[src$=ondo\.svg]{height:38px}.card-marca img[src$=morpho\.svg]{height:36px}.card-marca img[src$=blend\.svg]{height:40px}.card-marca img[src$=crown\.svg]{height:24px}.card-marca img[src$=rain\.svg]{height:22px}.card-marca img[src$=etherfuse\.svg]{height:20px}.card-marca img[src$=avenia\.svg]{height:19px}@container (min-width:440px){.card-base:has(.card-marca) .card-inner{flex-direction:column}.card-marca{width:auto;height:72px}}