:root{--tinta:#0f2942;--texto:#1a2332;--gris:#5b6b7b;--linea:#dce3ea;--fondo:#f4f6f8;--papel:#fff;--verde:#2dd4bf;--verde-t:#0f766e;
--serif:Georgia,"Times New Roman",serif;--sans:Inter,-apple-system,"Segoe UI",Roboto,Arial,sans-serif}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--fondo);color:var(--texto);font:16px/1.5 var(--sans)}
a{color:var(--verde-t)}
:focus-visible{outline:2px solid var(--verde-t);outline-offset:2px}
.cab{display:flex;align-items:center;gap:20px;padding:14px 28px;background:var(--tinta);color:#fff}
.cab h1{font:400 22px/1.2 var(--serif);margin:0;flex:1}
.marca{display:flex;align-items:center;gap:8px;color:#fff;text-decoration:none;font-weight:600}
.enlace{background:none;border:0;color:#cfe3ee;font:inherit;cursor:pointer;text-decoration:underline;padding:4px}
.marco{display:grid;grid-template-columns:270px minmax(0,1fr);gap:40px;max-width:1180px;margin:0 auto;padding:32px 28px 60px}
.lateral h2{font:600 13px/1.3 var(--sans);color:var(--gris);margin:0 0 10px}
.lateral section{margin-bottom:34px}
.carpetas,.organos{list-style:none;margin:0;padding:0}
.carpetas button{display:flex;justify-content:space-between;width:100%;background:none;border:0;border-left:3px solid transparent;padding:6px 10px;font:inherit;color:var(--texto);cursor:pointer;text-align:left}
.carpetas button:hover{background:#e9eef3}
.carpetas button[aria-current=true]{border-left-color:var(--verde);background:var(--papel);font-weight:600}
.carpetas span,.organos span{color:var(--gris);font-variant-numeric:tabular-nums}
.organos li{display:flex;justify-content:space-between;padding:3px 10px;font-size:14px}
.semanas{display:flex;align-items:flex-end;gap:4px;height:64px;padding:0 10px;border-bottom:1px solid var(--linea)}
.semanas i{flex:1;background:var(--tinta);min-height:2px;opacity:.85}
.semanas i:last-child{background:var(--verde-t)}
.nota{color:var(--gris);font-size:14px;margin:8px 10px}
.buscador{display:flex;gap:10px;margin-bottom:6px}
.buscador input{flex:1;min-width:0}
input,select{font:inherit;padding:10px 12px;border:1px solid #b9c5d0;border-radius:6px;background:var(--papel);color:var(--texto)}
button.primario{background:var(--verde);color:var(--tinta);border:0;font:600 15px var(--sans);padding:10px 18px;border-radius:6px;cursor:pointer}
button.secundario{background:var(--papel);border:1px solid #b9c5d0;color:var(--tinta);font:inherit;padding:10px 18px;border-radius:6px;cursor:pointer;margin-top:24px}
.dia{font:400 19px/1.3 var(--serif);color:var(--tinta);margin:34px 0 0;padding-bottom:6px;border-bottom:2px solid var(--tinta)}
.asiento{padding:18px 0 16px;border-bottom:1px solid var(--linea)}
.asiento header{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 14px}
.hora{font-variant-numeric:tabular-nums;color:var(--gris);font-size:14px;min-width:44px}
.consulta{font:600 17px/1.35 var(--sans);margin:0;flex:1 1 300px;overflow-wrap:anywhere}
.meta{color:var(--gris);font-size:14px}
.res{list-style:none;margin:10px 0 0 58px;padding:0}
.res li{padding:7px 0;border-top:1px dotted var(--linea);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 16px}
.res li:first-child{border-top:0}
.cita{font:16px/1.45 var(--serif)}
.fallo{grid-column:1;color:var(--gris);font-size:14px}
.pdf{font-weight:600;white-space:nowrap;align-self:start}
.sinpdf{color:var(--gris);font-size:13px;white-space:nowrap}
.acciones{margin:10px 0 0 58px;display:flex;flex-wrap:wrap;gap:6px 16px;align-items:center;font-size:14px}
.acciones button{background:none;border:0;padding:2px 0;font:inherit;color:var(--verde-t);cursor:pointer;text-decoration:underline}
.acciones button.peligro{color:#a12a2a}
.acciones input{padding:5px 8px;font-size:14px;width:200px}
.etiqueta{background:#e3f6f3;color:var(--verde-t);padding:1px 8px;border-radius:10px;font-size:13px}
.aviso{max-width:520px;margin:60px auto;background:var(--papel);border:1px solid var(--linea);border-radius:10px;padding:30px}
.aviso h2{font:400 22px var(--serif);color:var(--tinta);margin:0 0 10px}
.fila{display:flex;gap:10px;flex-wrap:wrap}.fila input{flex:1;min-width:200px}
.pie{margin-top:40px;color:var(--gris);font-size:14px;max-width:70ch}
.vacio{padding:40px 0;color:var(--gris);max-width:60ch}
@media(max-width:820px){.marco{grid-template-columns:1fr;gap:8px;padding:20px 16px 40px}.lateral{order:2;margin-top:30px}.res,.acciones{margin-left:0}.cab{padding:12px 16px;gap:12px}.cab h1{font-size:19px}.buscador{flex-direction:column}}

.entendido{margin:8px 0 0;padding:8px 12px;background:#e3f6f3;color:#0f4f49;border-left:3px solid var(--verde);font-size:15px}
.entendido[hidden]{display:none}

.conexiones{list-style:none;margin:0;padding:0}
.conexiones li{padding:10px;border-top:1px solid var(--linea);display:grid;gap:2px;font-size:14px}
.conexiones li:first-child{border-top:0}
.conexiones span{color:var(--gris)}
.conexiones button{justify-self:start;background:none;border:0;padding:2px 0;font:inherit;color:#a12a2a;text-decoration:underline;cursor:pointer}
#como{width:100%;font-size:14px}

.resumen{grid-column:1;color:var(--texto);font-size:15px;line-height:1.5;max-width:75ch}
.sentido{grid-column:1;justify-self:start;font-size:13px;color:var(--tinta);background:#e6ebf1;padding:1px 8px;border-radius:10px}

.contenido{margin:18px 0 8px;padding:16px 20px 8px;background:var(--papel);border:1px solid var(--linea);border-left:3px solid var(--verde)}
.contenido[hidden]{display:none}
.contenido h2{font:400 19px/1.3 var(--serif);color:var(--tinta);margin:0}
.contenido .nota{margin:4px 0 0}
.contenido .res{margin-left:0}

.res li[hidden]{display:none}
.vermas{margin:8px 0 0 58px;background:none;border:0;padding:2px 0;font:inherit;font-size:14px;color:var(--verde-t);text-decoration:underline;cursor:pointer}
@media(max-width:820px){.vermas{margin-left:0}}