/* Registro en pasos y sin brincos (Rodrigo, 22 oct 2026). Ver registro-pasos.js. */

/* el brinco: el navegador anclaba el scroll a un elemento de fondo y, al crecer el formulario, arrastraba la página */
html:has(#perfil-reg:not(.oculto)), html:has(#registro:not(.oculto)),
body:has(#perfil-reg:not(.oculto)), body:has(#registro:not(.oculto)) { overflow-anchor: none; }
#perfil-reg, #registro { overflow-anchor: none; }

/* pasos de «Arma tu perfil» (solo cuentas nuevas) */
#perfil-reg .pr-num { margin: 0 0 4px; font: 700 var(--t-1, 11px)/1.2 Archivo, sans-serif; letter-spacing: .14em; text-transform: uppercase; color: var(--menta, #89FF9E); }
#perfil-reg:not(.pr-en-pasos) .pr-num, #perfil-reg:not(.pr-en-pasos) .pr-cab2, #perfil-reg:not(.pr-en-pasos) .pr-bts2 { display: none; }
#perfil-reg.pr-p1 .pr-paso2 { display: none; }
#perfil-reg.pr-p2 > :not(.pr-paso2):not(.atras) { display: none !important; }
#perfil-reg .pr-cab2 h2 { margin: 0 0 4px; }
#perfil-reg .pr-cab2 .hint { margin: 0 0 8px; }
#perfil-reg .pr-bts2 { margin-top: 18px; display: grid; gap: 10px; }
#perfil-reg .pr-bts2 .btn { margin: 0; width: 100%; }

/* desplegables: «¿Qué atiendes?» y «¿Qué autos atiendes más?» */
.pr-desp { border: 1px solid var(--linea2, rgba(255,255,255,.16)); border-radius: var(--radio-2, 12px); background: rgba(255,255,255,.03); }
.pr-desp > summary { list-style: none; display: flex; align-items: center; gap: 10px; min-height: 47px; padding: 0 14px; cursor: pointer; color: var(--tinta, #fff); font-size: 16px; }
.pr-desp > summary::-webkit-details-marker { display: none; }
.pr-desp .pr-res { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pr-desp .pr-res.vacio { color: var(--gris, #9AA3B0); }
.pr-desp .pr-flecha { width: 18px; height: 18px; flex: none; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; transition: transform var(--dur-2, .2s); }
.pr-desp[open] .pr-flecha { transform: rotate(180deg); }
.pr-desp .pr-cuerpo { padding: 4px 12px 12px; border-top: 1px solid var(--linea, rgba(255,255,255,.09)); }
.pr-desp .pr-cuerpo .pastillas { margin: 8px 0 0; }
.pr-lin-arriba { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; margin-top: 10px; }
.pr-lin-arriba .pr-todas { margin: 0; }
.pr-lin-arriba input { flex: 1; min-width: 150px; margin: 0; }
#pLineas .lin[hidden] { display: none; }

/* «Fecha de compra»: iOS dibuja el campo de fecha más alto que los demás; se iguala */
#registro input[type="date"], #perfil-reg input[type="date"] {
  -webkit-appearance: none; appearance: none; display: block; width: 100%;
  height: 47px; min-height: 47px; line-height: 1.3; padding-top: 12px; padding-bottom: 12px; text-align: left;
}
#registro input[type="date"]::-webkit-date-and-time-value, #perfil-reg input[type="date"]::-webkit-date-and-time-value { text-align: left; margin: 0; min-height: 1.3em; }
#registro input[type="date"]::-webkit-calendar-picker-indicator { margin: 0; }

/* «Todavía no tengo mi equipo» va al final, debajo de «Registrar mi equipo» */
#registro #btnDespues { margin-top: 16px !important; }

/* «Equipo registrado»: el regalo de bienvenida (solo sale con su equipo ya registrado) */
#listo .regalo-listo { display: flex; gap: 12px; align-items: center; flex-wrap: wrap; margin: 16px 0; border-color: rgba(var(--menta-rgb), .45); background: rgba(var(--menta-rgb), .06); text-align: left; }
#listo .regalo-listo.oculto { display: none; }
#listo .regalo-listo > svg { width: 28px; height: 28px; flex: none; color: var(--menta, #89FF9E); }
#listo .regalo-listo > div { flex: 1; min-width: 200px; }
#listo .regalo-listo b { display: block; color: var(--tinta, #fff); }
#listo .regalo-listo .rl-cod { font-family: ui-monospace, Menlo, monospace; letter-spacing: .06em; color: var(--menta, #89FF9E); }
#listo .regalo-listo .hint { display: block; margin: 2px 0 0; }
#listo .regalo-listo .btn { margin: 0; }

/* Panel › Registros de compra: fecha de venta oficial, regla de garantía y reglas por marca (SQL 060) */
.acciones .ac-nota { display: block; margin-top: 2px; font-size: var(--t-1, 11px); color: var(--gris, #9AA3B0); font-weight: 400; }
.reglas-gar { margin: 0 0 16px; }
.reglas-gar > summary { cursor: pointer; list-style: none; }
.reglas-gar > summary::-webkit-details-marker { display: none; }
.reglas-gar table input { min-width: 0; width: 100%; padding: 8px; margin: 0; }
.reglas-gar table input[type="checkbox"] { width: auto; }
.reglas-gar .btn { margin-top: 12px; }

/* Mis equipos: semáforo de garantía y actualizaciones (verde · amarillo a 30 días · rojo vencida) */
.eq .barra.rojo > div { background: var(--rojo, #FF5A4E); }