@layer components{.lado-guardado{min-height:236px}.login-title.login-slogan{letter-spacing:-.03em;overflow-wrap:anywhere;font-size:clamp(30px,3.4vw,46px);line-height:1.08}.lado-foto{object-fit:cover;object-position:var(--foco,50% 50%);z-index:-2;width:100%;height:100%;display:block;position:absolute;inset:0}.lado-veu{z-index:-1;pointer-events:none;background:linear-gradient(to top, color-mix(in srgb, var(--device) calc(var(--veu,.45) * 100%), transparent) 0%, color-mix(in srgb, var(--device) calc(var(--veu,.45) * 60%), transparent) 55%, color-mix(in srgb, var(--device) calc(var(--veu,.45) * 32%), transparent) 100%);position:absolute;inset:0}.login-hero.lado-com-foto{isolation:isolate;border-radius:var(--radius-xl);background:var(--photo);min-height:min(640px,100svh - 64px);color:var(--photo-ink);flex-direction:column;justify-content:space-between;gap:28px;padding:24px 32px 36px;display:flex;position:relative;overflow:hidden}.login-hero.lado-com-foto .lado-marca{border-radius:var(--radius);background:var(--surface);max-width:100%;color:var(--ink);box-shadow:var(--shadow-soft);align-self:flex-start;padding:8px 12px}.login-hero.lado-com-foto .lado-marca :is(.brand,.marca-cliente){margin-bottom:0}.login-hero.lado-com-foto .lado-texto{text-shadow:0 1px 14px color-mix(in srgb, var(--device) 40%, transparent)}.login-hero.lado-com-foto :is(.login-title,.login-title .hl,.lede,.login-pontos,.login-pontos svg){color:var(--photo-ink)}.login-hero.lado-com-foto .login-title .hl{opacity:.86}.login-hero.lado-com-foto .lede{opacity:.92}.lado-faixa{isolation:isolate;border-radius:var(--radius-lg);background:var(--photo);height:140px;display:block;position:relative;overflow:hidden}.lado-faixa-texto{color:var(--photo-ink);font-family:var(--f-display);letter-spacing:-.02em;text-wrap:balance;text-shadow:0 1px 10px color-mix(in srgb, var(--device) 45%, transparent);-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:19px;font-weight:600;line-height:1.15;display:-webkit-box;position:absolute;bottom:12px;left:16px;right:16px;overflow:hidden}.lado-faixa.so-celular{display:none}@media (max-width:860px){.lado-faixa.so-celular{margin-bottom:18px;display:block}.login-hero.lado-com-foto{display:none}}.campo-tela .lado-faixa{flex:none;height:128px}.lado-opcoes{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px;display:grid}.lado-opcoes .opt{cursor:pointer;width:100%}.lado-opcoes .opt[aria-checked=true]{border-color:var(--accent);background:var(--accent-soft)}.lado-opcoes .opt:disabled{cursor:not-allowed;opacity:.7}.lado-miniatura{border-radius:var(--radius);background:var(--surface-2);border:1px solid var(--line-2);width:128px;height:80px;color:var(--ink-3);flex:none;place-items:center;display:grid;overflow:hidden}.lado-miniatura img{object-fit:cover;width:100%;height:100%;display:block}.previa-entrada{border:1px solid var(--line-2);border-radius:12px;font-size:11px;overflow:hidden}.previa-computador{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center;gap:12px;min-height:196px;padding:12px;display:grid}.previa-celular{flex-direction:column;gap:10px;width:min(220px,100%);min-height:300px;margin:0 auto;padding:12px;display:flex}.previa-lado{flex-direction:column;gap:10px;min-width:0;display:flex}.previa-lado-foto{isolation:isolate;background:var(--photo);min-height:172px;color:var(--photo-ink);border-radius:10px;justify-content:space-between;align-self:stretch;padding:10px;position:relative;overflow:hidden}.previa-marca-selo{border-radius:6px;align-self:flex-start;max-width:100%;padding:3px 6px}.previa-logo{object-fit:contain;object-position:left center;max-width:96px;height:18px;display:block}.previa-titulo{font-family:var(--f-display);letter-spacing:-.02em;overflow-wrap:anywhere;-webkit-line-clamp:4;-webkit-box-orient:vertical;font-size:15px;font-weight:600;line-height:1.1;display:-webkit-box;overflow:hidden}.previa-cartao{border:1px solid var(--linha-previa);border-radius:10px;flex-direction:column;gap:6px;padding:10px;display:flex}.previa-campo{border:1px solid var(--linha-previa);opacity:.75;border-radius:6px;padding:4px 6px;display:block}.previa-botao{text-align:center;background:var(--accent);color:var(--accent-ink);border-radius:999px;padding:4px 10px;font-weight:600;display:block}.previa-faixa{isolation:isolate;background:var(--photo);border-radius:10px;height:84px;position:relative;overflow:hidden}.previa-faixa-texto{color:var(--photo-ink);font-family:var(--f-display);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;font-weight:600;line-height:1.15;display:-webkit-box;position:absolute;bottom:6px;left:8px;right:8px;overflow:hidden}}