/* Tema visual v2 (09/11/2026): más aire, tipografía propia y carteles suaves.
   Capa sobre style.css: para volver al diseño anterior basta quitar el <link> de tema.css. */
@font-face{font-family:"Inter";src:url(/fonts/inter-latin-wght-normal.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:"Source Serif 4";src:url(/fonts/source-serif-4-latin-wght-normal.woff2) format("woff2");font-weight:200 900;font-style:normal;font-display:swap}

:root{
 --vino:#8a1f3f;--vino-hover:#721833;--vino-suave:#f8eef1;
 --navy:#16293b;--fondo:#faf8f6;--borde:#ebe6e2;--muted:#6a7580;
 --sans:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
 --serif:"Source Serif 4",Georgia,Cambria,serif;
 --sombra:0 1px 2px rgba(60,30,20,.04),0 10px 28px rgba(60,30,20,.045);
 font-family:var(--sans);font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
body{border-top:3px solid var(--vino);background:var(--fondo)}
h1,h2,h3{letter-spacing:-.01em}
h1,h2,.indicador-valor,.encabezado-ficha h2{font-family:var(--serif);font-weight:600}

/* Encabezado y barra de acciones */
.app-header{padding:30px 0 22px}
.marca>div{border-left:0;padding-left:0}
.marca-icono .icon{width:38px;height:38px;stroke-width:1.6}
.marca h1{font-size:30px;letter-spacing:-.02em}
.marca p{font-size:13.5px;color:var(--muted);margin-top:3px}
.barra{padding:14px 0 20px}
button{border-radius:10px;min-height:40px;padding:9px 16px;font-size:13px;font-weight:600;letter-spacing:.02em;border-color:#e2d8da;box-shadow:0 1px 1px rgba(60,30,20,.035);transition:background .15s,border-color .15s,box-shadow .15s}
button:hover{background:var(--vino-suave);border-color:#d9bcc5}
.primary{background:var(--vino);border-color:var(--vino);box-shadow:0 2px 8px rgba(138,31,63,.28)}
.primary:hover{background:var(--vino-hover);border-color:var(--vino-hover)}
.icon-button,.text-button{box-shadow:none;letter-spacing:0}
.text-button{font-size:13px}
.cuenta{font-size:13px}
.ultima{font-size:12.5px}

/* Títulos de sección sin barra lateral */
main{padding:28px 0 24px}
.section-heading h2,.panel-heading h2{border-left:0;padding-left:0;font-size:21px;font-weight:600;letter-spacing:-.015em}
.panel-heading h2{font-size:18px}
.group-count{background:#f0e9e6;color:#5b4a4f;font-weight:600;min-width:26px;height:24px;font-size:12px}
.segunda{margin-top:36px}

/* Tarjetas */
.lista-causas,.indicadores,.panel{border-radius:16px;border-color:var(--borde);box-shadow:var(--sombra)}
.panel{padding:22px 24px;margin-bottom:22px}
.causa{padding:20px 24px;min-height:96px;gap:22px}
.causa:hover{background:#fcfaf8}
.causa-link{font-size:15.5px;font-weight:600;line-height:1.4}
.causa-numero{font-size:12.5px;margin-top:6px}
.causa-titulo>.icon{color:#b38590}
.nuevos strong{font-family:var(--serif);font-size:22px;font-weight:600}
.col-label,.indicador-label,.historial-cabecera,.principal-grupo h3{text-transform:uppercase;letter-spacing:.07em;font-size:10.5px;font-weight:600;color:var(--muted)}
.tick{width:36px;height:36px;min-height:36px}

/* Carteles (tipo de actuación): píldoras suaves en lugar de bloques de color */
.chip{border-radius:999px;padding:5px 12px 5px 10px;font-size:12px;font-weight:600;letter-spacing:0;gap:7px;border:0}
.chip::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor;flex:none}
.chip.despacho{background:#e8f0fc;color:#1b55ad}
.chip.escrito{background:#fdeee2;color:#a1470a}
.chip.nota{background:#edf0f4;color:#465160}
.chip.administrativa{background:#f0eafc;color:#5b2dc2}
.chip.desconocido{background:#f2f2f2;color:#6a737b;border:0}

/* Ficha */
.encabezado-ficha h2{border-left:0;padding-left:0;font-size:27px;font-weight:600;letter-spacing:-.02em;line-height:1.3}
.datos-judiciales{margin:10px 0 0 0;font-size:12.5px}
.indicadores{padding:18px 0;margin-bottom:22px}
.indicador-valor{font-size:22px;font-weight:600}
.indicador>.icon{color:#b3687d}
.principal-grupo{padding:0 20px}
.doc-acceso .doc-nombre{font-size:12.5px}
.movimiento{padding:16px 0 12px}
.mov-titulo h3{font-size:14.5px;font-weight:600}
.documento-linea .doc-info{font-size:12.5px}
.doc-estado{font-size:11.5px;color:#8c6a2f}
.cobertura{font-size:12px;color:#8a6c40}
.progreso{border-radius:12px;background:#f1f5fb;border-color:#dbe5f3}
.mensaje{border-radius:12px;background:#f8f1e4;border-color:#ecdfc6}

/* Archivo de cuenta: bloque propio y plegable, fuera del historial */
.archivo-cuenta{margin-top:0;margin-bottom:22px}
.archivo-cuenta details{background:#fff;border:1px solid var(--borde);border-radius:16px;box-shadow:var(--sombra);padding:0 24px}
.archivo-cuenta summary{display:flex;align-items:center;justify-content:space-between;gap:14px;cursor:pointer;list-style:none;padding:18px 0;font-family:var(--serif);font-size:17px;font-weight:600}
.archivo-cuenta summary::-webkit-details-marker{display:none}
.archivo-cuenta summary::after{content:"Mostrar";font:600 12px var(--sans);color:var(--vino);letter-spacing:.02em}
.archivo-cuenta details[open] summary::after{content:"Ocultar"}
.archivo-cuenta summary small{font:400 12.5px var(--sans);color:var(--muted);margin-left:8px}
.archivo-cuenta .archivo-nota{font-size:12.5px;color:var(--muted);margin:-4px 0 12px;line-height:1.6}
.archivo-cuenta .documento-linea{border-top:1px solid #f0ebe8;margin-top:0;padding:10px 0;font-size:13px;justify-content:space-between}
.archivo-cuenta .documento-linea:last-child{padding-bottom:16px}

/* Asistente y pie */
.asistente{opacity:.75}
footer{font-size:11px;color:#8a9298}

/* Ingreso */
.acceso-form{border-radius:18px;box-shadow:var(--sombra);padding:32px 34px}
.acceso-marca h1{font-size:36px}
input,select{border-radius:10px;padding:11px 12px}
dialog{border-radius:18px}

@media(max-width:820px){.encabezado-ficha h2{font-size:24px}.panel{padding:18px}.causa{padding:16px 14px}}
@media(max-width:540px){.marca h1{font-size:26px}.section-heading h2{font-size:18px}.encabezado-ficha h2{font-size:22px}.panel{padding:16px}.archivo-cuenta details{padding:0 16px}.archivo-cuenta summary{font-size:15.5px}}