/* tema.css v1 (14/10/2026) — Botón de tema + MODO CLARO de toda la herramienta.
   El modo oscuro (Cosmos) es el predeterminado. El claro conserva la misma identidad:
   titulares en mayúsculas, naranja solo en la acción principal y paneles destacados
   en azul ATULADO. Se activa con <html data-tema="claro"> (lo pone assets/tema.js). */

/* ---------- Botón de tema ---------- */
.tema-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:38px;padding:0 14px;border-radius:104px;border:1px solid rgba(255,255,255,.28);background:transparent;color:#fff;font:800 12.5px 'Nunito',system-ui,sans-serif;letter-spacing:.04em;cursor:pointer;white-space:nowrap;transition:background .15s,color .15s,border-color .15s;}
.tema-btn .ico{font-size:15px;line-height:1;}
.tema-btn:hover{background:#fff;color:#00264D;border-color:#fff;}
header.cz-header{padding-right:clamp(150px,16vw,190px) !important;}
header.cz-header .tema-btn{position:absolute;right:clamp(16px,4vw,40px);top:50%;transform:translateY(-50%);}
@media (max-width:560px){header.cz-header{padding-right:66px !important;}header.cz-header .tema-btn{padding:0 11px;}header.cz-header .tema-btn .txt{display:none;}}
.a2-side-pie .tema-btn{width:100%;border-radius:12px;margin-bottom:8px;color:#C9D5E8;border-color:rgba(255,255,255,.18);}
.a2-side-pie .tema-btn::before{content:none !important;}
@media (min-width:901px) and (max-width:1320px){.a2-side-pie .tema-btn{padding:8px 0;height:auto;}.a2-side-pie .tema-btn .ico{font-size:16px;}}
@media (max-width:900px){.a2-side-pie .tema-btn{width:auto;margin:0;}.a2-side-pie .tema-btn .txt{display:none;}}
.tema-btn.flota{position:fixed;right:16px;bottom:16px;z-index:60;background:rgba(0,16,36,.85);}
html.tema-anim body, html.tema-anim body *{transition:background-color .35s ease,color .35s ease,border-color .35s ease !important;}

/* ---------- Ajustes comunes ---------- */
body.cz-publico{margin:0;}
body.cz-publico .sim-btn-primary:disabled{background:rgba(255,110,5,.28) !important;color:rgba(255,255,255,.7) !important;}
.a2 a.b{color:var(--a-ink);} .a2 a.b.pri,.a2 a.b.ok{color:#fff;}
@media (min-width:901px) and (max-width:1320px){.a2-logo span.placa{width:58px;flex:0 0 58px;height:42px;}.a2-logo img{object-fit:contain;transform:scale(1.4);object-position:center;}}

/* =============================================================================
   MODO CLARO · pantallas públicas (simulador, radicar, acceso)
   ========================================================================== */
html[data-tema=claro]{background:radial-gradient(1200px 700px at 92% -20%,rgba(245,130,31,.10),transparent 60%),radial-gradient(900px 600px at -10% 10%,rgba(0,120,220,.07),transparent 60%),linear-gradient(180deg,#F7F9FC 0%,#EEF2F8 50%,#E5ECF6 100%) !important;background-attachment:fixed !important;color-scheme:light;scrollbar-color:rgba(0,38,77,.25) transparent;}
html[data-tema=claro] body.cz-publico{--cz-fog:#4A5B76;--cz-fog-2:#6B7A92;--cz-vidrio:rgba(255,255,255,.88);--cz-borde:#DCE3EE;--cz-borde-2:#C9D3E2;--cz-campo:#FFFFFF;--cz-sup-1:rgba(255,255,255,.9);--cz-texto-1:#14243B;--cz-texto-2:#4A5B76;--cz-texto-3:#6B7A92;--ink:#14243B;--navy:#00264D;--muted:#4A5B76;color:#14243B;color-scheme:light;}
html[data-tema=claro] header.cz-header{background:rgba(255,255,255,.82) !important;border-bottom:1px solid #DCE3EE;}
html[data-tema=claro] .cz-header h1{color:#00264D;}
html[data-tema=claro] .cz-logo-placa{box-shadow:0 0 0 1px #E3E8F0;}
html[data-tema=claro] header.cz-header .tema-btn{border-color:#C9D3E2;color:#00264D;}
html[data-tema=claro] header.cz-header .tema-btn:hover{background:#00264D;border-color:#00264D;color:#fff;}
html[data-tema=claro] .cz-hero h2,html[data-tema=claro] .cz-como h3,html[data-tema=claro] .cz-login h2{color:#00264D;}
html[data-tema=claro] .cz-kicker{background:#fff;border-color:#DCE3EE;}
html[data-tema=claro] .cz-chip{background:rgba(255,255,255,.7);border-color:#DCE3EE;color:#4A5B76;}
html[data-tema=claro] .cz-volver:hover{color:#00264D;}
html[data-tema=claro] body.cz-publico .sim-card,html[data-tema=claro] body.cz-publico .rad-card,html[data-tema=claro] body.cz-publico .card,html[data-tema=claro] .cz-login{border-color:#DFE6F0;}
html[data-tema=claro] body.cz-publico .sim-card h2,html[data-tema=claro] body.cz-publico .step-head h2{color:#00264D;}
html[data-tema=claro] body.cz-publico .sim-info-list li{border-top-color:#E6EBF2;}
html[data-tema=claro] body.cz-publico .sim-info-list li b{color:#00264D;}
html[data-tema=claro] body.cz-publico input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),html[data-tema=claro] body.cz-publico select,html[data-tema=claro] body.cz-publico textarea{color:#14243B !important;background:#fff !important;}
html[data-tema=claro] body.cz-publico .monto-input-wrap input{color:#00264D !important;}
html[data-tema=claro] body.cz-publico select option{background:#fff;color:#14243B;}
html[data-tema=claro] body.cz-publico .sim-result{color:#fff;}
html[data-tema=claro] body.cz-publico .sim-result .result-row span:first-child{color:#CBD8EA;}
html[data-tema=claro] body.cz-publico .sim-disclaimer strong{color:#00264D;}
html[data-tema=claro] .cz-pie{background:rgba(255,255,255,.75);border-top-color:#DCE3EE;}
html[data-tema=claro] .cz-pie-in b{color:#00264D;}
html[data-tema=claro] .cz-pie-in a{color:#4A5B76;}
html[data-tema=claro] .cz-pie-in a:hover{color:#00264D;}

/* Radicación */
html[data-tema=claro] .rv{--rv-ink:#14243B;--rv-muted:#4A5B76;--rv-soft2:#6B7A92;--rv-line:#E1E7F0;--rv-line2:#C9D3E2;--rv-card:rgba(255,255,255,.92);--rv-campo:#FFFFFF;--rv-soft:#F4F7FB;}
html[data-tema=claro] .rv-intro,html[data-tema=claro] .rv-intro h2,html[data-tema=claro] .rv-card-head h3,html[data-tema=claro] .rv-info b,html[data-tema=claro] .rv-doc-txt b,html[data-tema=claro] .rv-rev-bloque h4,html[data-tema=claro] .rv-rev-bloque dd,html[data-tema=claro] .rv-exito h3{color:#00264D;}
html[data-tema=claro] .rv-volver:hover{color:#00264D;}
html[data-tema=claro] .rv-kicker{background:#fff;border-color:#DCE3EE;}
html[data-tema=claro] .rv-pasos li::before{background:#D5DDE8;}
html[data-tema=claro] .rv-pasos .n{background:#fff;border-color:#C9D3E2;color:#4A5B76;}
html[data-tema=claro] .rv-pasos li.hecho{color:#14243B;}
html[data-tema=claro] .rv-pasos li.hecho .n{background:#E8F6EF;border-color:#13895A;color:#13895A;}
html[data-tema=claro] .rv-pasos li.activo{color:#00264D;}
html[data-tema=claro] .rv-pasos li.activo .n{background:#FF6E05;border-color:#FF6E05;color:#fff;}
html[data-tema=claro] #rvForm input[type=text],html[data-tema=claro] #rvForm input[type=email],html[data-tema=claro] #rvForm input[type=tel],html[data-tema=claro] #rvForm select{color:#14243B !important;background-color:#fff !important;}
html[data-tema=claro] #rvForm select{background-image:linear-gradient(45deg,transparent 50%,#5B6B82 50%),linear-gradient(135deg,#5B6B82 50%,transparent 50%) !important;}
html[data-tema=claro] #rvForm select option{background:#fff;color:#14243B;}
html[data-tema=claro] #rvForm .rv-pesos input[type=text]{color:#00264D !important;background:transparent !important;}
html[data-tema=claro] .rv-nota.ok{background:#E8F6EF;border-color:#BCE3CF;color:#0D6B45;}
html[data-tema=claro] .rv-nota.bad,html[data-tema=claro] .rv-alerta{background:#FDECEA;border-color:#F1C4BC;color:#A3311F;}
html[data-tema=claro] .rv-doc{background:#FBFCFE;border-color:#BFCBDD;}
html[data-tema=claro] .rv-doc.listo{background:#F3FBF7;border-color:#9ED9BC;}
html[data-tema=claro] .rv-doc-ico{background:#EEF2F8;border-color:#E1E7F0;}
html[data-tema=claro] .rv-doc-btn,html[data-tema=claro] .rv-rev-bloque h4 button,html[data-tema=claro] .rv-btn.sec{background:#fff;border:1px solid #00264D;color:#00264D;}
html[data-tema=claro] .rv-doc-btn:hover,html[data-tema=claro] .rv-rev-bloque h4 button:hover,html[data-tema=claro] .rv-btn.sec:hover{background:#00264D;color:#fff;}
html[data-tema=claro] .rv-archivos li{background:#fff;}
html[data-tema=claro] .rv-archivos button{background:#EEF2F8;color:#4A5B76;}
html[data-tema=claro] .rv-check{background:#fff;}
html[data-tema=claro] .rv-check:has(input:checked){background:#F3FBF7;border-color:#9ED9BC;}
html[data-tema=claro] .rv-nav{background:rgba(255,255,255,.94);border-color:#DCE3EE;}
html[data-tema=claro] .rv-exito{background:radial-gradient(520px 240px at 50% 0%,rgba(19,137,90,.10),transparent 70%),#fff;}
html[data-tema=claro] .rv-exito-ico{background:#E8F6EF;border-color:#9ED9BC;color:#13895A;}

/* =============================================================================
   MODO CLARO · panel de crédito (admin)
   ========================================================================== */
html[data-tema=claro] body.a2{--a-title:#00264D;--a-ink:#152238;--a-muted:#5E6E86;--a-soft:#8A98AE;--a-s1:#FFFFFF;--a-s2:#F4F7FB;--a-campo:#FFFFFF;--a-drawer:#F3F5F9;--a-line:#E3E8F0;--a-line2:#D5DDE8;--a-line3:#BFCADB;
--a-ok:#13895A;--a-ok-solid:#13895A;--a-ok-soft:#E7F5EE;--a-ok-txt:#0D5E3E;--a-warn:#B86E00;--a-warn-soft:#FFF4DC;--a-warn-txt:#6B4300;--a-bad:#C9432F;--a-bad-soft:#FCEBE8;--a-bad-txt:#8A2A1D;--a-info:#2F6FDE;--a-info-soft:#EAF1FD;--a-info-txt:#1D4A9C;--a-orange-soft:#FFF1E6;color-scheme:light;}
html[data-tema=claro] body.a2 select option{background:#fff;color:#152238;}
/* El menú lateral y la cabecera del expediente siguen en azul ATULADO */
html[data-tema=claro] .a2-side{background:linear-gradient(180deg,#00305F 0%,#00264D 100%);--a-muted:#C9D5E8;--a-soft:#8FA3C4;--a-line:rgba(255,255,255,.1);--a-line2:rgba(255,255,255,.18);}
html[data-tema=claro] .exp-head{--a-muted:#C9D5E8;--a-ink:#E8EEF9;--a-line2:rgba(255,255,255,.22);}
html[data-tema=claro] .exp-head .b:not(.pri):not(.ok){background:rgba(255,255,255,.06);color:#fff;border-color:rgba(255,255,255,.3);}
html[data-tema=claro] .exp-head .b:not(.pri):not(.ok):hover{background:#fff;color:#00264D;}
/* Botones y etiquetas */
html[data-tema=claro] body.a2 .b{background:#fff;}
html[data-tema=claro] body.a2 .b:hover{background:#F6F8FB;color:#152238;}
html[data-tema=claro] body.a2 .b.pri{background:#FF6E05;color:#fff;} html[data-tema=claro] body.a2 .b.pri:hover{background:#E86200;}
html[data-tema=claro] body.a2 .b.ok{background:#13895A;color:#fff;} html[data-tema=claro] body.a2 .b.ok:hover{background:#0F744C;}
html[data-tema=claro] body.a2 .b.mal{background:#fff;border-color:#F0C3BB;color:#C9432F;} html[data-tema=claro] body.a2 .b.mal:hover{background:#FCEBE8;}
html[data-tema=claro] body.a2 .b.nav{background:#00264D;border-color:#00264D;color:#fff;} html[data-tema=claro] body.a2 .b.nav:hover{background:#0A3866;color:#fff;}
html[data-tema=claro] .p.nav{background:#00264D;color:#fff;}
html[data-tema=claro] .p.prueba{background:#FFE9D6;color:#A84800;}
html[data-tema=claro] .colas .cnt{background:#EDF1F6;}
html[data-tema=claro] .colas button.activo .cnt{color:#E05F00;}
html[data-tema=claro] .colas button:hover,html[data-tema=claro] .colas button.activo,html[data-tema=claro] .tabs button:hover,html[data-tema=claro] .tabs button.activo{color:#00264D;}
/* Tarjetas, tabla y expediente */
html[data-tema=claro] .kpi:hover{background:#fff;}
html[data-tema=claro] .kpi::after{border-color:#EDF1F6;}
html[data-tema=claro] table.t th{background:#F8FAFC;}
html[data-tema=claro] table.t tbody tr:hover{background:#F8FAFD;}
html[data-tema=claro] table.t tbody tr.sel{background:#FFF8F2;}
html[data-tema=claro] .t-rad,html[data-tema=claro] .vacio b,html[data-tema=claro] .exp-id h2{color:#00264D;}
html[data-tema=claro] .exp-head .exp-id h2{color:#fff;}
html[data-tema=claro] .t-num,html[data-tema=claro] dl.datos dd,html[data-tema=claro] .estado-l b{color:#152238;}
html[data-tema=claro] .exp .c{background:#fff;}
html[data-tema=claro] .accion .c{background:#fff;border-color:#D5DDE8;}
html[data-tema=claro] .reco .ico{color:#fff;}
html[data-tema=claro] .reco b{color:inherit;}
html[data-tema=claro] .metrica b,html[data-tema=claro] .linea-t li b,html[data-tema=claro] .tip b,html[data-tema=claro] table.desp tr.tot td,html[data-tema=claro] table.desp td.prom,html[data-tema=claro] table.desp tr.sep td,html[data-tema=claro] .docs-lista button.activo{color:#00264D;}
html[data-tema=claro] .metrica.ok b{color:#13895A;} html[data-tema=claro] .metrica.bad b{color:#C9432F;} html[data-tema=claro] .metrica.warn b{color:#B86E00;}
html[data-tema=claro] table.desp td.prom{background:#F8FAFC;} html[data-tema=claro] table.desp tr.sep td{background:#F4F7FB;}
html[data-tema=claro] .barra-desc .riel{background:#EDF1F6;} html[data-tema=claro] .barra-desc .riel em{background:#152238;}
html[data-tema=claro] .pasos-a span{background:#E6EBF2;}
html[data-tema=claro] .docs-lista button{background:#fff;}
html[data-tema=claro] .masiva{background:#fff;border-color:#FF6E05;color:#00264D;}
html[data-tema=claro] .toast{background:#00264D;color:#fff;}
html[data-tema=claro] .a2-aviso a{color:#00264D;}
html[data-tema=claro] .guia h2,html[data-tema=claro] .guia b,html[data-tema=claro] .guia strong{color:#00264D;}
html[data-tema=claro] .guia th{background:#00264D;}
html[data-tema=claro] .capa{background:rgba(10,22,40,.42);}

/* Cabecera del expediente: datos siempre claros sobre el azul */
html[data-tema=claro] .exp-head b,html[data-tema=claro] .exp-head .t-rad,html[data-tema=claro] .exp-head strong{color:#fff;}

/* =============================================================================
   Lote 1 de las auditorías (14/10/2026)
   ========================================================================== */
/* Accesibilidad WCAG 2.2: texto azul muy oscuro sobre el naranja de acción (contraste ≈ 8:1). */
body.cz-publico .sim-btn-primary, body.cz-publico .rad-btn-primary, body.cz-publico .btn:not(.secondary):not(.ghost),
.cz-login button, .rv-btn:not(.sec), .rv-pasos li.activo .n, .b.pri, .a2 a.b.pri, .a2-nav .cnt,
html[data-tema=claro] body.a2 .b.pri { color: #000A1A !important; }
.rv-btn:not(.sec) .rv-spin { border-color: rgba(0,10,26,.35); border-top-color: #000A1A; }
body.cz-publico .sim-btn-primary:disabled { color: rgba(255,255,255,.7) !important; }

/* Indicador de vigencia del libro de asociados (bandeja) */
.libro-pill { display: inline-flex; align-items: center; gap: 6px; margin: 0 0 10px; padding: 5px 12px; border-radius: 104px; font-size: 12px; font-weight: 800; border: 1px solid; }
.libro-pill.ok { color: var(--a-ok, #4FD18B); background: var(--a-ok-soft, rgba(79,209,139,.13)); border-color: rgba(79,209,139,.3); }
.libro-pill.warn { color: var(--a-warn, #FFC94D); background: var(--a-warn-soft, rgba(255,201,77,.13)); border-color: rgba(255,201,77,.3); }
.libro-pill.bad { color: var(--a-bad, #FF7B6B); background: var(--a-bad-soft, rgba(255,123,107,.13)); border-color: rgba(255,123,107,.3); }

/* Visor de documentos: girar y acercar */
.visor-col { min-width: 0; }
.visor-barra { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 8px; }
.visor { overflow: auto; }
.visor-lienzo { width: 100%; display: flex; align-items: center; justify-content: center; transform-origin: center center; transition: transform .2s ease; }
@media (prefers-reduced-motion: reduce) { .visor-lienzo { transition: none; } }

/* Autorizaciones del paso 5: textos largos legibles */
.rv-check span b { display: inline-block; margin-bottom: 4px; color: inherit; }
.rv-check { align-items: flex-start; }