/* Mi cuenta (27/9/2026). Usa las piezas de nuevo.css (tarjeta-form, campo, cta). */
#vistaCuenta{padding-bottom:60px}
.cuenta-rejilla{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;align-items:start}
.cuenta-sola{max-width:520px;margin:24px auto}
.cuenta-h1{font-size:clamp(26px,3vw,34px);font-weight:800;letter-spacing:-.03em;margin:4px 0}
.cuenta-form{display:flex;flex-direction:column;gap:14px}
.cuenta-form .cta{align-self:flex-start;cursor:pointer}
.cuenta-nota{margin:0;color:var(--gris);font-size:14px}
.cuenta-enlace{color:var(--verde);font-weight:700;font-size:14px}
.cuenta-casilla{display:flex;gap:10px;align-items:flex-start;font-size:14px;line-height:1.4;cursor:pointer}
.cuenta-casilla input{width:20px;height:20px;flex:0 0 20px;margin:0;accent-color:var(--verde)}
.cuenta-casilla a{color:var(--verde)}
.cuenta-ventajas{margin:0;padding:0;list-style:none;display:grid;gap:8px}
.cuenta-ventajas li{position:relative;padding-left:28px;font-size:14.5px}
.cuenta-ventajas li::before{content:"✓";position:absolute;left:0;top:0;width:20px;height:20px;border-radius:999px;background:var(--lima-suave);color:var(--verde);font-weight:800;font-size:12px;display:flex;align-items:center;justify-content:center}
.cuenta-vacio{margin:0;color:var(--gris)}
.cuenta-pedido{border-radius:20px;background:var(--papel);padding:14px 16px;display:grid;gap:8px}
.cuenta-pedido header,.cuenta-pedido footer{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.cuenta-pedido header small{display:block;color:var(--gris);font-size:13px}
.cuenta-pedido ul{margin:0;padding-left:18px;font-size:14px;color:var(--tinta)}
.cuenta-acciones{display:flex;gap:8px;flex-wrap:wrap}
.cuenta-acciones .boton-claro{min-height:40px;padding:0 14px;font-size:13px}
.cuenta-estado{font-size:12px;font-weight:700;padding:5px 10px;border-radius:999px;background:#fff}
.cuenta-estado.e-ok{background:var(--lima-suave);color:#1C5E27}
.cuenta-estado.e-info{background:#E3EEFB;color:#1B4F8A}
.cuenta-estado.e-fin{background:var(--tinta);color:var(--lima)}
.cuenta-estado.e-mal{background:#FDECEC;color:#8A1C1C}
.cuenta-estado.e-gris{background:#fff;color:var(--gris)}
.cuenta-clave summary{cursor:pointer;font-weight:700;font-size:14px;color:var(--verde);margin-bottom:10px}
.cuenta-clave .campo+.campo{margin-top:10px}
@media (max-width:860px){.cuenta-rejilla{grid-template-columns:1fr}}