/* Cuenta de Aparel: los estilos propios de CuentaEntrar, CuentaRegistro y MiCuenta (Docs/diseno/aparel/*.dc.html), con la
   raíz de cada pantalla delante. Botones, ×, chips, filtros, pasos, estados, modales, saldo y avatar son el bloque «estándar aparel v1»
   de src/ui/shell.css: acá solo lo que cada pantalla agrega. */
/* CuentaEntrar.dc.html */
.apc-entrar{font-family:'Hanken Grotesk',sans-serif;color:#171a24;font-size:14px;line-height:1.5;background:#f7f8fb;min-height:100vh;display:flex;flex-wrap:wrap}
.apc-entrar .mono{font-family:'DM Mono',monospace}
.apc-entrar .tenue{color:#6b7085}
.apc-entrar .lado{flex:1 1 520px;display:flex;flex-direction:column;padding:28px 40px;min-width:0;background:#fff}
.apc-entrar .form{width:min(400px,100%);margin:auto;display:flex;flex-direction:column;gap:16px;padding:32px 0}
.apc-entrar .campo{width:100%;min-height:48px;border:1px solid #d3d7e2;border-radius:12px;padding:0 14px;font:500 15px 'Hanken Grotesk',sans-serif;color:#171a24;background:#fff}
.apc-entrar .campo:focus{outline:2px solid #6d5ce8;outline-offset:1px;border-color:#6d5ce8}
.apc-entrar .o{display:flex;align-items:center;gap:12px;color:#6b7085;font-size:13px}
.apc-entrar .o::before,.apc-entrar .o::after{content:"";flex:1;height:1px;background:#e6e8ef}
.apc-entrar .cod{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}
.apc-entrar .cod input{height:58px;border:1px solid #d3d7e2;border-radius:12px;text-align:center;font:500 24px 'DM Mono',monospace;color:#171a24;min-width:0;width:100%}
.apc-entrar .cod input:focus{outline:2px solid #6d5ce8;border-color:#6d5ce8}
.apc-entrar .aviso{display:flex;gap:8px;align-items:flex-start;padding:10px 12px;border-radius:10px;background:#fdf0ef;color:#8a2c22;font-size:13px}
.apc-entrar .exito{display:flex;gap:8px;align-items:flex-start;padding:10px 12px;border-radius:10px;background:#e7f5ec;color:#1f6b3e;font-size:13px}
.apc-entrar .vitrina{flex:1 1 440px;background:#f3f1fd;display:flex;flex-direction:column;justify-content:center;gap:28px;padding:48px 56px;min-width:0}
.apc-entrar .tarjeta{background:#fff;border-radius:16px;box-shadow:0 1px 2px rgba(23,26,36,.06),0 12px 32px rgba(23,26,36,.08);overflow:hidden}
.apc-entrar .punto{display:flex;gap:12px;align-items:flex-start;font-size:15px}
.apc-entrar .punto i{width:26px;height:26px;border-radius:8px;background:#fff;display:grid;place-items:center;flex:none;font-style:normal;color:#6d5ce8;font:600 12px 'DM Mono',monospace;box-shadow:0 1px 2px rgba(23,26,36,.08)}
.apc-entrar .giro{width:22px;height:22px;border-radius:50%;border:3px solid #e6e8ef;border-top-color:#6d5ce8;animation:g 1s linear infinite}
@keyframes g{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.apc-entrar .giro{animation:none}}
/* CuentaRegistro.dc.html */
.apc-registro{font-family:'Hanken Grotesk',sans-serif;color:#171a24;font-size:14px;line-height:1.5;background:#f7f8fb;min-height:100vh;display:flex;flex-wrap:wrap}
.apc-registro .mono{font-family:'DM Mono',monospace}
.apc-registro .tenue{color:#6b7085}
.apc-registro .lado{flex:1 1 560px;display:flex;flex-direction:column;gap:20px;padding:28px 40px;min-width:0;background:#fff}
.apc-registro .form{width:min(480px,100%);margin:0 auto;display:flex;flex-direction:column;gap:18px;padding:8px 0 24px}
.apc-registro .campo{width:100%;min-height:48px;border:1px solid #d3d7e2;border-radius:12px;padding:0 14px;font:500 15px 'Hanken Grotesk',sans-serif;color:#171a24;background:#fff}
.apc-registro .campo:focus{outline:2px solid #6d5ce8;outline-offset:1px;border-color:#6d5ce8}
.apc-registro .campo[readonly]{background:#f7f8fb;color:#3d4256}
.apc-registro .lb{display:flex;flex-direction:column;gap:6px}
.apc-registro .lb > span:first-child{font-size:13px;font-weight:600}
.apc-registro .opc{font-weight:500;color:#6b7085}
.apc-registro .chips{display:flex;gap:8px;flex-wrap:wrap}
.apc-registro .opcion{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:0 14px;border-radius:999px;border:1px solid #d3d7e2;background:#fff;font:600 13.5px 'Hanken Grotesk',sans-serif;color:#3d4256;cursor:pointer}
.apc-registro .opcion[aria-pressed="true"]{border-color:#6d5ce8;background:#f0eefd;color:#4a3bc4}
.apc-registro .chip{display:inline-flex;align-items:center;gap:6px;border-radius:999px;font-weight:600;white-space:nowrap;min-height:22px;padding:1px 9px;font-size:11.5px}
.apc-registro .stp{display:flex;align-items:center;gap:8px;width:min(480px,100%);margin:0 auto}
.apc-registro .check{display:flex;gap:10px;align-items:flex-start;font-size:13.5px;color:#3d4256;cursor:pointer}
.apc-registro .check input{width:18px;height:18px;margin:2px 0 0;accent-color:#6d5ce8;flex:none}
.apc-registro .aviso{display:flex;flex-direction:column;gap:8px;padding:12px 14px;border-radius:12px;background:#fdf3e3;color:#7d500c;font-size:13.5px}
.apc-registro .vitrina{flex:1 1 400px;background:#f3f1fd;display:flex;flex-direction:column;justify-content:center;gap:18px;padding:48px 56px;min-width:0}
.apc-registro .tarjeta{background:#fff;border-radius:16px;box-shadow:0 1px 2px rgba(23,26,36,.06),0 12px 32px rgba(23,26,36,.08);padding:22px;display:flex;flex-direction:column;gap:14px;max-width:420px}
.apc-registro .plan{border:1.5px solid #6d5ce8;border-radius:16px;padding:18px;display:flex;flex-direction:column;gap:12px;background:#fbfaff}
.apc-registro .fila{display:flex;justify-content:space-between;gap:10px;font-size:13.5px}
/* MiCuenta.dc.html */
.apc-cuenta{font-family:'Hanken Grotesk',sans-serif;color:#171a24;font-size:14px;line-height:1.5;background:#f7f8fb;min-height:100vh}
.apc-cuenta .mono{font-family:'DM Mono',monospace}
.apc-cuenta .lbl{font-family:'DM Mono',monospace;font-size:11px;letter-spacing:.07em;text-transform:uppercase;color:#6b7085}
.apc-cuenta .tenue{color:#6b7085}
.apc-cuenta .card{padding:24px;display:flex;flex-direction:column;gap:18px}
.apc-cuenta .side{display:flex;flex-direction:column;gap:2px}
.apc-cuenta .side a,.apc-cuenta .side button.it{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:9px 12px;border-radius:9px;color:#3d4256;font:500 14px 'Hanken Grotesk',sans-serif;min-height:42px;border:0;background:none;cursor:pointer;text-align:left;width:100%}
.apc-cuenta .side a:hover,.apc-cuenta .side button.it:hover{background:#eef0f5;color:#171a24}
.apc-cuenta .side [aria-current="page"]{background:#fff;color:#171a24;box-shadow:0 1px 2px rgba(23,26,36,.06),0 0 0 1px #e6e8ef}
.apc-cuenta .side hr{border:0;border-top:1px solid #e6e8ef;margin:8px 4px}
.apc-cuenta .lb{display:flex;flex-direction:column;gap:6px;min-width:0}
.apc-cuenta .lb>span:first-child{font-size:13px;font-weight:600}
.apc-cuenta .opc{font-weight:500;color:#6b7085}
.apc-cuenta .nota{font-size:12.5px;color:#6b7085}
.apc-cuenta .tacho{width:32px;height:32px;border:0;border-radius:8px;background:none;display:grid;place-items:center;cursor:pointer;opacity:0;transition:opacity .12s}
.apc-cuenta .tacho:hover{background:#fdf0ef}
.apc-cuenta .pers:hover .tacho,.apc-cuenta .tacho:focus-visible{opacity:1}
.apc-cuenta .pers{display:flex;align-items:center;gap:14px;padding:12px 4px;border-top:1px solid #f0f1f5;flex-wrap:wrap}
.apc-cuenta .pers:first-of-type{border-top:0}
.apc-cuenta .ini{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;font:700 13px 'Hanken Grotesk',sans-serif;color:#171a24;flex:none}
.apc-cuenta .sw{width:44px;height:26px;border-radius:999px;border:0;background:#d3d7e2;position:relative;cursor:pointer;flex:none;padding:0;transition:background .12s}
.apc-cuenta .sw i{position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 2px rgba(23,26,36,.25);transition:left .12s}
.apc-cuenta .sw[aria-checked="true"]{background:#6d5ce8}
.apc-cuenta .sw[aria-checked="true"] i{left:21px}
.apc-cuenta .pop{position:absolute;top:calc(100% + 8px);right:0;width:300px;background:#fff;border:1px solid #e6e8ef;border-radius:14px;box-shadow:0 12px 40px rgba(23,26,36,.18);padding:8px;display:flex;flex-direction:column;gap:2px;z-index:41}
.apc-cuenta .pop a,.apc-cuenta .pop button.it{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:40px;padding:0 10px;border-radius:9px;color:#171a24;font:500 14px 'Hanken Grotesk',sans-serif;border:0;background:none;cursor:pointer;text-align:left;width:100%}
.apc-cuenta .pop a:hover,.apc-cuenta .pop button.it:hover{background:#f0f1f5;color:#171a24}
.apc-cuenta .capa{position:fixed;inset:0;z-index:40}
.apc-cuenta .mc{display:flex;flex-direction:column;gap:12px;padding:16px;border:1px solid #e6e8ef;border-radius:16px;background:#fff}
.apc-cuenta .nueva{display:flex;flex-direction:column;justify-content:center;gap:4px;min-height:150px;padding:16px;border-radius:16px;border:1.5px dashed #b9b2f5;background:#fcfbff;color:#4a3bc4;font-weight:600;text-align:center;align-items:center}
.apc-cuenta .nueva:hover{background:#f6f4ff;color:#4a3bc4}
.apc-entrar .btn.lnk,.apc-registro .btn.lnk{border-color:transparent;background:none;color:#5443d6;min-height:32px;padding:0 6px;font-size:14px}
.apc-entrar .btn.lnk:hover,.apc-registro .btn.lnk:hover{background:#f0eefd;color:#4a3bc4}
.apc-entrar [hidden],.apc-registro [hidden],.apc-cuenta [hidden]{display:none!important}
.apc-entrar a{color:#5443d6;text-decoration:none}.apc-entrar a:hover{color:#3f30b8}
.apc-registro a{color:#5443d6;text-decoration:none}.apc-registro a:hover{color:#3f30b8}
.apc-cuenta a{color:#5443d6;text-decoration:none}.apc-cuenta a:hover{color:#3f30b8}