/* Compra · fase 2 (3.4 Cuenta y 3.5 Compra completa). Mismo vidrio de v10.css; solo transform/height, ≤ 220 ms. */
.caja-cuenta{display:grid;gap:14px;min-width:0}
.seg-cuenta{position:relative;display:grid;grid-template-columns:1fr 1fr;padding:4px;border-radius:999px;background:rgba(32,39,56,.07);border:1px solid rgba(255,255,255,.7);box-shadow:inset 0 1px 2px rgba(32,39,56,.08)}
.seg-ind{position:absolute;top:4px;bottom:4px;left:4px;width:calc(50% - 4px);border-radius:999px;background:var(--tinta);box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 4px 12px rgba(32,39,56,.22);transition:transform .22s cubic-bezier(.33,0,.15,1);will-change:transform}
.caja-cuenta[data-modo=crear] .seg-ind{transform:translateX(100%)}
.seg-cuenta button{position:relative;z-index:1;min-height:44px;border:0;background:none;border-radius:999px;font:700 15px Manrope,Arial,sans-serif;color:var(--tinta);cursor:pointer;transition:color .22s}
.seg-cuenta button[aria-selected=true]{color:#fff}
.seg-cuenta button:focus-visible{outline:3px solid #1E2530;outline-offset:2px}
.cc-ventana{overflow:hidden;transition:height .22s cubic-bezier(.33,0,.15,1);margin-inline:-4px;padding-inline:4px}
.cc-pista{display:flex;align-items:flex-start;width:200%;transition:transform .22s cubic-bezier(.33,0,.15,1);will-change:transform}
.caja-cuenta[data-modo=crear] .cc-pista{transform:translateX(-50%)}
.cc-panel{width:50%;flex:none;min-width:0;padding:2px 4px 6px}
.cc-form{display:grid;gap:14px;min-width:0}
.oauth{display:grid;gap:10px}
.btn-oauth{width:100%;justify-content:center;gap:10px;min-height:48px;font-weight:700;background-color:#fff;border-color:#DADCE0;color:#1F1F1F}
.btn-oauth.apple{background-color:#1A1D24;border-color:#1A1D24;color:#fff}
.btn-oauth.microsoft{color:#5E5E5E;border-color:#8C8C8C}
.logo-oauth{width:20px;height:20px;flex:none;stroke:none!important}
.btn-oauth[aria-busy=true]{opacity:.7;cursor:progress}
.o-correo{display:flex;align-items:center;gap:10px;color:var(--tenue);font-size:13px;margin:2px 0}
.o-correo:before,.o-correo:after{content:"";flex:1;height:1px;background:var(--borde)}
.cc-form input[aria-invalid=true],.cc-form select[aria-invalid=true]{border-color:#A1261B;box-shadow:0 0 0 2px rgba(161,38,27,.18)}
.cc-form select{width:100%;min-height:48px;border-radius:14px;border:1px solid var(--borde);background:#fff;padding:0 12px;font:500 16px Manrope,Arial,sans-serif;color:var(--tinta)}
.acciones-co{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.seg-pago{display:flex;gap:4px;padding:4px;border-radius:999px;background:rgba(32,39,56,.07);overflow-x:auto;scrollbar-width:none}
.seg-pago button{flex:1 0 auto;min-height:44px;border:0;border-radius:999px;background:none;padding:0 14px;font:700 14.5px Manrope,Arial,sans-serif;color:var(--tinta);cursor:pointer;white-space:nowrap}
.seg-pago button[aria-selected=true]{background:var(--tinta);color:#fff}
.seg-pago button:focus-visible{outline:3px solid #1E2530;outline-offset:2px}
.pp-panel{display:grid;gap:12px}
.co-panel button[aria-busy=true],.co-panel .btn-primary[disabled]{opacity:.75;cursor:progress}
.co-panel .error a{font-weight:700}
@media(prefers-reduced-motion:reduce){.seg-ind,.cc-ventana,.cc-pista,.seg-cuenta button{transition:none}}
.co-panel>*{min-width:0}
.co-panel>.insignia{justify-self:start}
.seg-pago button{flex:1 1 auto;padding:0 10px}
.seg-pago .solo-ancho{display:none}
@media(min-width:420px){.seg-pago .solo-ancho{display:inline}}
.pp-panel .btn-primary,.acciones-co .btn-primary,.acciones-co .btn-glass{white-space:normal;text-align:center}
.seg-cuenta .btn-text,.seg-pago .btn-text{text-decoration:none;justify-content:center}