/* Crowntech · área de clientes */
.cli{max-width:880px;margin:0 auto;padding:clamp(110px,14vw,160px) clamp(16px,4vw,40px) 90px}
.cli h1{font-size:clamp(2rem,5vw,3.4rem);margin:0 0 10px}
.cli h2{font-size:1.25rem;letter-spacing:-.02em;margin:2.2em 0 .8em}
.cli .lead{font:400 1.2rem/1.5 var(--serif);margin:0 0 26px}
.cli-top{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap}
.acc{max-width:520px}
.tabs{display:flex;gap:6px;margin-bottom:22px;padding:4px;border-radius:999px;background:var(--bg2);border:1px solid var(--line)}
.tabs button{flex:1;min-height:42px;padding:0 12px;border:0;border-radius:999px;background:transparent;color:var(--muted);font:500 .85rem var(--sans);cursor:pointer}
.tabs button[aria-selected=true]{background:var(--fg);color:var(--bg)}
.acc-help{margin:20px 0 0}
.kpis3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:22px}
.kpis3 .k{padding:16px;border-radius:14px;background:var(--card);border:1px solid var(--line)}
.kpis3 .k b{display:block;font:600 1.9rem var(--sans);letter-spacing:-.03em}
.kpis3 .k span{font:500 .72rem var(--mono);text-transform:uppercase;color:var(--muted)}
@media (max-width:560px){.kpis3{grid-template-columns:1fr}}
.lista{display:grid;gap:12px}
.item{border-radius:16px;background:var(--card);border:1px solid var(--line);overflow:hidden}
.item summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:1fr auto;gap:6px 14px;align-items:center;padding:16px 18px}
.item summary::-webkit-details-marker{display:none}
.item summary:hover{background:rgba(20,20,20,.03)}
.item .t{font-weight:600;letter-spacing:-.01em}
.item .m{font:400 .78rem var(--mono);color:var(--muted)}
.item .badges{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.item .det{padding:2px 18px 18px;border-top:1px solid var(--line)}
.item .det h3{font:500 .72rem var(--mono);text-transform:uppercase;color:var(--muted);margin:18px 0 8px;letter-spacing:0}
.gar-vigente{color:var(--ok)}.gar-vencida{color:var(--dim)}.gar-sin_garantia{color:var(--dim)}.gar-pendiente{color:var(--warn)}
.fotos{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:8px}
.fotos img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:10px;border:1px solid var(--line)}
.cobro{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;align-items:center;padding:10px 0;border-bottom:1px solid var(--line)}
.vacio{padding:22px;border-radius:16px;border:1px dashed var(--line2);color:var(--muted)}
@media (max-width:560px){.item summary{grid-template-columns:1fr}.item .badges{justify-content:flex-start}}
/* Pantallas de entrada y de cambio de clave: solo el cuadro va centrado (el título queda a la izquierda) */
#acceso .acc,#cambiar .acc{margin-left:auto;margin-right:auto}