/* Cuenta, panel Master, trámites e historial. Usa las variables de reserva.css
   (--fondo, --superficie, --texto, --secundario, --linea, --ambar, --verde, --error). */
.sc-cuenta{max-width:1080px;margin:auto;padding:44px 28px 120px}
.sc-cuenta h1{font-size:clamp(34px,5vw,56px);letter-spacing:-.06em;line-height:1.05;font-weight:500;margin:16px 0 14px}
.sc-cuenta>p,.sc-cuenta .sc-bajada{color:var(--secundario);max-width:60ch;margin:0 0 28px;line-height:1.65}
.sc-sello{color:var(--ambar);font-size:11px;letter-spacing:.17em;font-weight:700;text-transform:uppercase}
.sc-tarjeta{background:var(--superficie);border:1px solid var(--linea);border-radius:var(--radio,15px);padding:24px}
.sc-tarjeta h2{font-size:21px;letter-spacing:-.03em;margin:0 0 6px;font-weight:600}
.sc-tarjeta>p{color:var(--secundario);margin:0 0 18px;font-size:14px;line-height:1.6}
.sc-dos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:start}
.sc-formulario{display:grid;gap:16px}
.sc-formulario label{display:grid;gap:7px;font-size:13px;color:var(--secundario)}
.sc-formulario input,.sc-formulario select,.sc-formulario textarea{width:100%;min-height:48px;background:var(--fondo);border:1px solid var(--linea);border-radius:10px;color:var(--texto);font-family:inherit;font-size:16px;line-height:1.4;padding:12px}
.sc-formulario textarea{min-height:110px;resize:vertical}
.sc-clave-campo{display:grid;gap:7px;min-width:0}
.sc-clave-control{position:relative;min-width:0}
.sc-formulario .sc-clave-control input{padding-right:56px}
.sc-clave-ojo{position:absolute;right:3px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:44px;height:44px;padding:10px;border:0;border-radius:6px;background:transparent;color:var(--secundario);cursor:pointer}
.sc-clave-ojo:hover,.sc-clave-ojo[aria-pressed=true]{color:var(--texto);background:color-mix(in srgb,var(--ambar) 10%,transparent)}
.sc-clave-ojo:focus-visible{outline:2px solid var(--ambar);outline-offset:1px}
.sc-clave-ojo svg{display:block;width:22px;height:22px;pointer-events:none}
.sc-clave-aviso{margin:0;padding:8px 10px;border-left:2px solid var(--ambar);background:color-mix(in srgb,var(--ambar) 10%,transparent);color:var(--texto);font-size:12px;line-height:1.5}
.sc-clave-aviso[hidden]{display:none}
.sc-formulario input:focus-visible,.sc-formulario select:focus-visible,.sc-formulario textarea:focus-visible{outline:3px solid var(--ambar);outline-offset:2px}
.sc-casilla{display:flex!important;grid-template-columns:none!important;gap:10px!important;align-items:flex-start;font-size:13px;line-height:1.5}
.sc-casilla input{width:22px!important;min-height:22px!important;height:22px;flex:none;margin-top:1px;accent-color:var(--ambar)}
.sc-boton{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:12px 20px;border-radius:10px;border:1px solid var(--ambar);background:var(--ambar);color:#17110a;font:600 15px/1.2 inherit;text-decoration:none;cursor:pointer}
.sc-boton:disabled{opacity:.5;cursor:not-allowed}
.sc-boton-sec{background:transparent;color:var(--texto);border-color:var(--linea)}
.sc-boton-chico{min-height:40px;padding:8px 14px;font-size:13px}
.sc-boton-peligro{background:transparent;color:var(--error);border-color:color-mix(in srgb,var(--error) 45%,transparent)}
.sc-enlace{background:none;border:0;padding:0;color:var(--ambar);font:inherit;text-decoration:underline;cursor:pointer;min-height:44px}
.sc-mensaje{font-size:14px;line-height:1.5;margin:0}
.sc-mensaje[data-tipo=error]{color:var(--error)}
.sc-mensaje[data-tipo=ok]{color:var(--verde)}
.sc-pestanas{display:flex;gap:6px;border-bottom:1px solid var(--linea);margin:0 0 22px;overflow-x:auto;scrollbar-width:none}
.sc-pestanas button{background:none;border:0;border-bottom:2px solid transparent;color:var(--secundario);font:500 14px inherit;padding:12px 14px;min-height:46px;white-space:nowrap;cursor:pointer}
.sc-pestanas button[aria-selected=true]{color:var(--texto);border-bottom-color:var(--ambar)}
.sc-pestanas .sc-contador{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:var(--ambar);color:#17110a;font-size:11px;font-weight:700;margin-left:6px}
.sc-lista{display:grid;gap:12px;margin:0;padding:0;list-style:none}
.sc-item{background:var(--superficie);border:1px solid var(--linea);border-radius:12px;padding:16px 18px;display:grid;gap:8px}
.sc-item-cabeza{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;flex-wrap:wrap}
.sc-item strong{font-size:16px}
.sc-item small,.sc-item .sc-detalle{color:var(--secundario);font-size:13px;line-height:1.5}
.sc-item-acciones{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}
.sc-estado{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;letter-spacing:.02em;padding:4px 10px;border-radius:999px;border:1px solid var(--linea);color:var(--secundario);white-space:nowrap}
.sc-estado[data-estado=pendiente],.sc-estado[data-estado=en_revision],.sc-estado[data-estado=recibido]{color:var(--ambar);border-color:color-mix(in srgb,var(--ambar) 45%,transparent)}
.sc-estado[data-estado=confirmada],.sc-estado[data-estado=aprobado],.sc-estado[data-estado=realizada],.sc-estado[data-estado=resuelto]{color:var(--verde);border-color:color-mix(in srgb,var(--verde) 45%,transparent)}
.sc-estado[data-estado=cancelada],.sc-estado[data-estado=rechazada],.sc-estado[data-estado=rechazado]{color:var(--error)}
.sc-resumen{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:0 0 26px}
.sc-resumen div{background:var(--superficie);border:1px solid var(--linea);border-radius:12px;padding:14px 16px}
.sc-resumen b{display:block;font-size:28px;letter-spacing:-.04em}
.sc-resumen span{color:var(--secundario);font-size:12px}
.sc-filtros{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px}
.sc-filtros button{min-height:38px;padding:6px 12px;border-radius:999px;border:1px solid var(--linea);background:transparent;color:var(--secundario);font:13px inherit;cursor:pointer}
.sc-filtros button[aria-pressed=true]{border-color:var(--ambar);color:var(--texto)}
.sc-vacio{color:var(--secundario);font-size:14px;padding:22px;border:1px dashed var(--linea);border-radius:12px;text-align:center}
.sc-tabla-turnos{display:grid;gap:8px}
.sc-dia{border:1px solid var(--linea);border-radius:12px;padding:12px 14px;background:var(--superficie)}
.sc-dia h3{margin:0 0 8px;font-size:14px}.sc-dia h3::first-letter{text-transform:uppercase}
.sc-dia ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.sc-dia li{display:flex;align-items:center;gap:8px;border:1px solid var(--linea);border-radius:999px;padding:4px 6px 4px 12px;font-size:13px}
.sc-dia li[data-ocupado=true]{border-color:color-mix(in srgb,var(--ambar) 45%,transparent)}
.sc-dia li button{min-height:32px;min-width:32px;border-radius:999px;border:0;background:transparent;color:var(--secundario);cursor:pointer;font-size:16px}
.sc-rangos{display:grid;gap:8px}
.sc-rango{display:flex;gap:8px;align-items:center}
.sc-rango input{max-width:140px}
.sc-ayuda{color:var(--secundario);font-size:12px;line-height:1.5}
.sc-aviso{border-left:3px solid var(--ambar);background:color-mix(in srgb,var(--ambar) 8%,transparent);padding:12px 14px;border-radius:0 10px 10px 0;font-size:13px;line-height:1.55;color:var(--texto);margin:0 0 22px}
.sc-trampa{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important}
.sc-codigo{font:700 22px/1.2 ui-monospace,Menlo,Consolas,monospace;letter-spacing:.06em;color:var(--ambar)}
@media(max-width:760px){.sc-dos{grid-template-columns:1fr}.sc-cuenta{padding:30px 16px 130px}.sc-tarjeta{padding:18px}}
.sc-historial{background:var(--superficie);border:1px solid var(--linea);border-radius:var(--radio,15px);padding:28px}
.sc-historial header h2{font-size:30px;letter-spacing:-.04em;margin:8px 0 4px}
.sc-historial header p{margin:0;color:var(--secundario)}
.sc-historial-datos{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin:22px 0}
.sc-historial-datos div{border:1px solid var(--linea);border-radius:10px;padding:10px 12px}
.sc-historial-datos dt{font-size:12px;color:var(--secundario)}.sc-historial-datos dd{margin:2px 0 0;font-weight:600}
.sc-historial h3{font-size:17px;margin:24px 0 10px}
.sc-historial-tabla{width:100%;border-collapse:collapse;font-size:14px}
.sc-historial-tabla th,.sc-historial-tabla td{text-align:left;padding:9px 8px;border-bottom:1px solid var(--linea);vertical-align:top}
.sc-historial-tabla th{font-size:12px;color:var(--secundario);font-weight:600}
@media(max-width:640px){.sc-historial{padding:18px}.sc-historial-tabla thead{display:none}.sc-historial-tabla tr{display:grid;border-bottom:1px solid var(--linea);padding:8px 0}.sc-historial-tabla td{border:0;padding:2px 0}}
@media print{body{background:#fff!important;color:#000!important;padding:0!important}.sc-navegacion,.sc-legal-footer,.cabecera,.sc-no-imprimir,.sc-sello+h1,#skai,.skai,.sc-cookie-banner,#sc-skai-ocultar{display:none!important}.sc-cuenta{padding:0}.sc-cuenta>.sc-sello,.sc-cuenta>h1{display:none}.sc-historial{border:0;padding:0;background:#fff;color:#000}.sc-historial *{color:#000!important;border-color:#bbb!important}.sc-historial-tabla thead{display:table-header-group}.sc-historial-tabla tr{display:table-row}.sc-historial-tabla td{border-bottom:1px solid #bbb;padding:6px}}
/* ---------- Configuración ---------- */
.sc-config{scroll-margin-top:90px}
.sc-config-pie{margin-top:20px}
.sc-config-cabeza{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:16px 20px;align-items:center;padding:22px 24px;margin:0 0 18px;border:1px solid var(--linea);background:var(--superficie);border-radius:var(--radio,15px)}
.sc-config-cabeza h2{margin:4px 0 2px;font-size:24px;letter-spacing:-.03em}
.sc-config-cabeza p{margin:0;color:var(--secundario);font-size:14px;overflow-wrap:anywhere}
.sc-avatar{display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:var(--ambar);color:#17110a;font:700 22px/1 inherit}
.sc-config-indice{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;margin:0 0 20px;padding-bottom:2px}
.sc-config-indice a{flex:none;display:inline-flex;align-items:center;min-height:40px;padding:8px 14px;border:1px solid var(--linea);border-radius:999px;color:var(--texto);text-decoration:none;font-size:14px}
.sc-config-indice a:hover{border-color:var(--ambar)}
.sc-temas{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.sc-tema-opcion{position:relative;display:grid;gap:10px;padding:12px;border:1px solid var(--linea);border-radius:12px;cursor:pointer}
.sc-tema-opcion input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}
.sc-tema-opcion:has(input:checked){border-color:var(--ambar);box-shadow:inset 0 0 0 1px var(--ambar)}
.sc-tema-opcion:has(input:focus-visible){outline:3px solid var(--ambar);outline-offset:2px}
.sc-tema-muestra{display:block;height:64px;border-radius:8px;border:1px solid #0000001f}
[data-tema-opcion=claro] .sc-tema-muestra{background:linear-gradient(#f7f8fa 0 34%,#ffffff 34%);box-shadow:inset 0 0 0 1px #d9dde2}
[data-tema-opcion=oscuro] .sc-tema-muestra{background:linear-gradient(#0b0d10 0 34%,#181d24 34%)}
.sc-tema-opcion b{display:block;font-size:15px}.sc-tema-opcion small{color:var(--secundario);font-size:12px}
.sc-enlaces-config{list-style:none;margin:0;padding:0;display:grid}
.sc-enlaces-config a{display:flex;justify-content:space-between;align-items:center;min-height:48px;padding:10px 2px;border-bottom:1px solid var(--linea);color:var(--texto);text-decoration:none;font-size:15px}
.sc-enlaces-config a:hover{color:var(--ambar)}
.sc-tipo-cuenta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0 0 18px}
.sc-tipo-cuenta label{position:relative;display:block;padding:14px;border:1px solid var(--linea);border-radius:12px;cursor:pointer}
.sc-tipo-cuenta input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}
.sc-tipo-cuenta label:has(input:checked){border-color:var(--ambar);box-shadow:inset 0 0 0 1px var(--ambar)}
.sc-tipo-cuenta label:has(input:focus-visible){outline:3px solid var(--ambar);outline-offset:2px}
.sc-tipo-cuenta b{display:block;font-size:15px}.sc-tipo-cuenta small{display:block;margin-top:3px;color:var(--secundario);font-size:12px}
.sc-separado{margin-top:18px;padding-top:18px;border-top:1px solid var(--linea)}
.sc-eliminar{margin-top:18px;padding-top:14px;border-top:1px solid var(--linea)}
.sc-eliminar summary{cursor:pointer;min-height:44px;display:flex;align-items:center;color:var(--error);font-weight:600}
.sc-eliminar p{color:var(--secundario);font-size:14px;line-height:1.55}
.sc-estado[data-estado=en_revision]{color:var(--ambar)}
.sc-codigo-grande{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
@media(max-width:760px){.sc-config-cabeza{grid-template-columns:auto minmax(0,1fr)}.sc-config-cabeza .sc-item-acciones{grid-column:1/-1}.sc-tipo-cuenta{grid-template-columns:1fr}}
.sc-volver{display:flex;width:max-content;align-items:center;gap:8px;min-height:44px;margin:-8px 0 6px;padding:6px 0;color:var(--secundario);text-decoration:none;font-size:15px}
.sc-volver:hover{color:var(--texto)}
.sc-volver span{font-size:18px;line-height:1}
/* Formularios estables: sin morph entre páginas ni zoom por texto menor a 16 px. */
@view-transition{navigation:none}
.pagina-cuenta{overflow-anchor:none}
.sc-cuenta-existente{display:flex;gap:10px;flex-wrap:wrap}
.sc-cuenta-existente[hidden]{display:none}