.atl{background:var(--bg);min-height:100svh;position:relative}.atl-escena{background:radial-gradient(120% 80% at 40% 40%, #17140f 0%, var(--bg) 62%);position:fixed;inset:0}.atl-cargando{color:var(--ink-soft);font-size:14px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.atl-vistas{left:var(--gutter);bottom:calc(24px + var(--safe-b));flex-wrap:wrap;gap:8px;max-width:calc(100% - 460px);display:flex;position:absolute}.atl-vistas .chip{background:var(--glass-strong);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.atl-girar{left:var(--gutter);top:calc(var(--barra-h) + var(--safe-t) + 18px);color:var(--ink-faint);font-size:13px;position:absolute}.atl-panel{z-index:5;top:calc(var(--barra-h) + var(--safe-t) + 12px);border:1px solid var(--glass-line);background:var(--glass-strong);-webkit-backdrop-filter:blur(22px)saturate(1.2);backdrop-filter:blur(22px)saturate(1.2);border-radius:24px;flex-direction:column;width:min(420px,36vw);display:flex;position:fixed;bottom:16px;right:16px;overflow:hidden;box-shadow:0 30px 80px #00000073}.atl-cabeza{padding:22px 22px 8px}.atl-cabeza h1{letter-spacing:-.035em;font-size:clamp(1.7rem,2.4vw,2.3rem);line-height:1.05}.atl-cabeza p{color:var(--ink-soft);margin-top:6px;font-size:14.5px}.atl-pestanas{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:12px 16px;display:grid;position:relative}.atl-pestana{text-align:left;border:1px solid var(--line);background:#ffffff05;border-radius:14px;gap:1px;min-height:52px;padding:8px 12px;transition:border-color .2s,background-color .2s;display:grid}.atl-pestana[aria-selected=true]{border-color:var(--gold);background:#e0ab451a}@media (hover:hover){.atl-pestana:hover{border-color:var(--line-3)}}.atl-pestana-nombre{color:var(--ink-faint);font-size:12px;font-weight:600}.atl-pestana-valor{white-space:nowrap;text-overflow:ellipsis;font-size:14.5px;font-weight:600;overflow:hidden}.atl-opciones{border-top:1px solid var(--line);overscroll-behavior:contain;flex:1;min-height:0;padding:6px 16px 16px;overflow-y:auto}.atl-opciones>div{padding-top:12px}.atl-chips{flex-wrap:wrap;gap:8px;display:flex}.atl-chip{flex-direction:column;align-items:flex-start;gap:1px;height:auto;min-height:48px;padding:8px 14px}.atl-chip small{color:var(--gold-2);font-variant-numeric:tabular-nums;font-size:12px}.atl-desc{color:var(--ink-soft);flex-basis:100%;margin-top:8px;font-size:14px}.atl-telas{gap:8px;display:grid}.atl-telas .tela-tarjeta{-webkit-backdrop-filter:none;backdrop-filter:none;background:#ffffff05}.atl-colores{gap:6px;display:grid}.atl-color{text-align:left;border:1px solid #0000;border-radius:999px;align-items:center;gap:12px;min-height:52px;padding:4px 10px 4px 4px;font-size:15px;font-weight:600;display:flex}.atl-color[aria-checked=true]{border-color:var(--gold)}.atl-color[aria-checked=true] .pastilla-color{border-color:var(--gold-2)}.atl-sub{color:var(--ink-faint);margin:14px 0 10px;font-size:13px;font-weight:600}.atl-sub:first-child{margin-top:0}.atl-precio{padding:16px 18px calc(16px + var(--safe-b));border-top:1px solid var(--line);background:#08080a99;gap:12px;display:grid;position:relative}.atl-precio-titulo{color:var(--ink-faint);font-size:12.5px;font-weight:600}.atl-precio-total{font-family:var(--font-display);letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:2rem;line-height:1.1}.atl-precio-nota{color:var(--ink-faint);font-size:12.5px}.atl-acciones{align-items:center;gap:8px;display:flex}.atl-acciones .boton{flex:1}.atl-aviso{background:var(--gold);color:var(--gold-ink);border-radius:999px;padding:8px 14px;font-size:13px;font-weight:600;position:absolute;top:-44px;right:18px}@media (max-width:899px){.atl-escena{height:56svh;bottom:auto}.atl-girar{display:none}.atl-vistas{max-width:none;padding:0 var(--gutter);scrollbar-width:none;flex-wrap:nowrap;bottom:10px;left:0;right:0;overflow-x:auto}.atl-vistas .chip{flex:none}.atl-panel{border-bottom:0;border-radius:22px 22px 0 0;width:auto;inset:calc(56svh - 14px) 0 0}.atl-cabeza{display:none}.atl-pestanas{scrollbar-width:none;padding:12px 16px 10px;display:flex;overflow-x:auto}.atl-pestana{flex:none;min-width:116px}.atl-precio{padding:10px 14px calc(10px + var(--safe-b));grid-template-columns:auto 1fr;align-items:center;gap:10px}.atl-precio-titulo,.atl-precio-nota{display:none}.atl-precio-total{font-size:1.5rem}.atl-acciones .boton{padding:0 14px}}.atl-pestana,.atl-color{transition:border-color .2s var(--ease-out), background-color .2s var(--ease-out), transform .1s var(--ease-out)}.atl-pestana:active,.atl-color:active{transform:scale(.97)}@media (prefers-reduced-transparency:reduce){.atl-panel,.atl-vistas .chip{background:var(--bg-2);-webkit-backdrop-filter:none;backdrop-filter:none}}