:root{--papel: #f6f4ef;--superficie: #ffffff;--tinta: #1d2a28;--tenue: #63706d;--linea: #e1ddd3;--pino: #14443f;--pino-claro: #1e5e57;--pino-suave: #e4efec;--ambar: #8a5a00;--ambar-suave: #fbf0d9;--rojo: #a4302a;--rojo-suave: #fbe9e7;--verde: #1d6b45;--verde-suave: #e2f3ea;--gris-suave: #eeece6;--radio: 10px}*{box-sizing:border-box}body{margin:0;background:var(--papel);color:var(--tinta);font:15px/1.5 Segoe UI,system-ui,-apple-system,Roboto,Helvetica Neue,sans-serif}h1,h2,h3{margin:0;line-height:1.25;font-weight:650}h1{font-size:1.6rem;letter-spacing:-.01em}h2{font-size:1.1rem}h3{font-size:.95rem;margin-top:20px}p{margin:4px 0 0}a{color:var(--pino-claro)}small{display:block;color:var(--tenue);font-size:.82rem}.tenue{color:var(--tenue)}.marco{display:grid;grid-template-columns:232px minmax(0,1fr);min-height:100vh}.lateral{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;gap:24px;padding:22px 14px;background:var(--pino);color:#e9f1ef}.marca{display:flex;align-items:center;gap:10px;padding:0 8px;font-weight:650;font-size:1.05rem}.marca-logo{width:24px;height:24px;border-radius:6px;background:#f6f4ef;flex:none;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M0 7a7 7 0 0 1 7-7h18a7 7 0 0 1 7 7v18a7 7 0 0 1-7 7H7a7 7 0 0 1-7-7zm9 18h5v-7h4v7h5V12l-7-5-7 5z' fill-rule='evenodd'/%3E%3C/svg%3E") center / contain;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M0 7a7 7 0 0 1 7-7h18a7 7 0 0 1 7 7v18a7 7 0 0 1-7 7H7a7 7 0 0 1-7-7zm9 18h5v-7h4v7h5V12l-7-5-7 5z' fill-rule='evenodd'/%3E%3C/svg%3E") center / contain}.marca-oscura{padding:0;color:var(--pino);margin-bottom:36px}.marca-oscura .marca-logo{background:var(--pino)}.menu{display:flex;flex-direction:column;gap:2px;flex:1}.menu a{padding:9px 10px;border-radius:7px;color:#cfdfdb;text-decoration:none}.menu a:hover{background:rgba(255,255,255,.07);color:#fff}.menu a.active{background:rgba(255,255,255,.13);color:#fff;font-weight:600}.lateral-usuario{display:flex;flex-direction:column;gap:2px;padding:12px 10px 0;border-top:1px solid rgba(255,255,255,.15);font-size:.88rem}.lateral-usuario span{color:#b6cbc6;font-size:.8rem}.enlace-claro{all:unset;cursor:pointer;margin-top:8px;color:#e9f1ef;text-decoration:underline;font-size:.85rem}.enlace-claro:focus-visible{outline:2px solid #fff;outline-offset:2px}.contenido{padding:34px clamp(16px,4vw,44px) 60px;max-width:1240px;width:100%}.pantalla-carga{display:grid;place-items:center;min-height:100vh;color:var(--tenue)}.encabezado{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:14px;margin-bottom:22px}.encabezado p{color:var(--tenue)}.encabezado select{width:auto;min-width:220px}.volver{display:inline-block;margin-bottom:12px;font-size:.88rem;text-decoration:none}.pestanas{display:flex;gap:2px;margin-bottom:22px;box-shadow:inset 0 -1px var(--linea);overflow-x:auto}.pestanas a{padding:9px 14px;color:var(--tenue);text-decoration:none;border-bottom:2px solid transparent;white-space:nowrap;display:flex;align-items:center;gap:7px}.pestanas a:hover{color:var(--tinta)}.pestanas a.active{color:var(--pino);border-bottom-color:var(--pino);font-weight:600}.contador{background:var(--ambar-suave);color:var(--ambar);border-radius:99px;padding:0 7px;font-size:.76rem;font-weight:650}.barra{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}.filtros{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}.filtro{font:inherit;font-size:.88rem;padding:5px 12px;border-radius:99px;border:1px solid var(--linea);background:var(--superficie);color:var(--tenue);cursor:pointer}.filtro:hover{color:var(--tinta)}.filtro.activo{background:var(--pino);border-color:var(--pino);color:#fff}.columnas{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:18px;align-items:start}.pila{display:flex;flex-direction:column;gap:18px}.tarjeta{background:var(--superficie);border:1px solid var(--linea);border-radius:var(--radio);padding:22px}.tarjeta>h2+.tenue{margin-bottom:14px}.tarjeta>h2+.formulario,.tarjeta>h2+.lista,.tarjeta>h2+.datos{margin-top:14px}.tarjeta-angosta{max-width:440px}.tarjeta-resaltada{background:var(--pino-suave);border-color:#cfe0dc}.tarjeta .aviso-advertencia{margin-bottom:14px}.sobretitulo{color:var(--tenue);font-size:.85rem}.titulo-unidad{font-size:1.5rem;margin-bottom:14px}.tabla-marco{background:var(--superficie);border:1px solid var(--linea);border-radius:var(--radio);overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:.92rem}th{text-align:left;font-weight:600;font-size:.8rem;color:var(--tenue);padding:10px 14px;border-bottom:1px solid var(--linea);white-space:nowrap}td{padding:11px 14px;border-bottom:1px solid var(--gris-suave);vertical-align:top}tbody tr:last-child td{border-bottom:0}.num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.celda-acciones>div{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px;min-width:84px}.formulario{display:flex;flex-direction:column;gap:14px;align-items:stretch}.formulario>.boton{align-self:flex-start}.formulario>.boton-ancho{align-self:stretch}.separado{margin-top:18px;padding-top:18px;border-top:1px solid var(--linea)}.fila{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.fila-control{display:flex;gap:8px}.fila-control input,.fila-control select{flex:1;min-width:0}.campo{display:flex;flex-direction:column;gap:5px}.campo-etiqueta{font-size:.86rem;font-weight:600}.campo-ayuda{font-size:.8rem;color:var(--tenue);margin:0}input:not([type=checkbox],[type=radio]),select,textarea{width:100%;font:inherit;color:inherit;padding:8px 10px;background:var(--superficie);border:1px solid #cbc6ba;border-radius:7px}input[readonly]{background:var(--gris-suave);color:var(--tenue)}input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid var(--pino-claro);outline-offset:1px}textarea{resize:vertical}.casilla{display:flex;align-items:center;gap:8px}.opciones{border:0;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:6px 18px}.opciones legend{padding:0;margin-bottom:6px}.opciones label{display:flex;align-items:center;gap:6px}.acciones{display:flex;justify-content:flex-end;gap:8px;margin-top:4px}.acciones-inicio{justify-content:flex-start;flex-wrap:wrap;margin-top:20px}.boton{display:inline-block;font:inherit;font-weight:550;padding:8px 15px;cursor:pointer;border-radius:7px;border:1px solid #cbc6ba;background:var(--superficie);color:var(--tinta);text-decoration:none;white-space:nowrap}.boton:hover{background:var(--gris-suave)}.boton:disabled{opacity:.55;cursor:not-allowed}.boton-primario{background:var(--pino);border-color:var(--pino);color:#fff}.boton-primario:hover{background:var(--pino-claro)}.boton-peligro{background:var(--rojo);border-color:var(--rojo);color:#fff}.boton-peligro:hover{background:#8a2722}.boton-chico{padding:4px 10px;font-size:.85rem}.boton-ancho{width:100%;text-align:center}.boton-icono{all:unset;cursor:pointer;font-size:1.5rem;line-height:1;padding:0 6px;color:var(--tenue)}.etiqueta{display:inline-block;padding:1px 9px;border-radius:99px;font-size:.78rem;font-weight:600;white-space:nowrap}.etiqueta-ok{background:var(--verde-suave);color:var(--verde)}.etiqueta-mal{background:var(--rojo-suave);color:var(--rojo)}.etiqueta-pendiente{background:var(--ambar-suave);color:var(--ambar)}.etiqueta-neutra{background:var(--gris-suave);color:var(--tenue)}.aviso{padding:10px 13px;border-radius:7px;font-size:.9rem}.aviso-error{background:var(--rojo-suave);color:var(--rojo)}.aviso-exito{background:var(--verde-suave);color:var(--verde);margin-bottom:14px}.formulario .aviso-exito{margin-bottom:0}.aviso-advertencia{background:var(--ambar-suave);color:var(--ambar)}.contenido>.aviso{margin-bottom:14px}.vacio{padding:44px 20px;text-align:center;border:1px dashed #cbc6ba;border-radius:var(--radio)}.vacio p{color:var(--tenue)}.datos{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:7px 16px;margin:0}.datos dt{color:var(--tenue);font-size:.88rem}.datos dd{margin:0;overflow-wrap:anywhere}.dato-destacado{font-weight:650;font-variant-numeric:tabular-nums}.lista{list-style:none;margin:8px 0 0;padding:0}.lista li{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:9px 0;border-bottom:1px solid var(--gris-suave)}.lista li:last-child{border-bottom:0}.lista:empty{display:none}.modal-fondo{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;display:flex;justify-content:center;align-items:flex-start;padding:6vh 16px;overflow-y:auto;background:rgba(20,32,30,.45)}.modal{width:100%;max-width:520px;padding:22px;background:var(--superficie);border-radius:12px;box-shadow:0 18px 50px #00000038}.modal-cabecera{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px}.login{min-height:100vh;display:grid;place-items:center;padding:24px 16px;background:var(--papel)}.login-panel{width:100%;max-width:400px;background:var(--superficie);border:1px solid var(--linea);border-radius:14px;padding:34px}.login-panel .formulario{margin-top:22px}.login-pie{margin:18px 0 0;text-align:center;font-size:.9rem}@media (max-width: 860px){.marco{grid-template-columns:minmax(0,1fr)}.lateral{position:static;height:auto;gap:12px;padding:14px 16px}.marca{padding:0}.menu{flex:none;flex-direction:row;overflow-x:auto}.menu a{white-space:nowrap}.lateral-usuario{flex-direction:row;flex-wrap:wrap;align-items:baseline;column-gap:8px;padding:10px 0 0}.enlace-claro{margin:0 0 0 auto}.contenido{padding-top:22px}.columnas{grid-template-columns:minmax(0,1fr)}}@media (max-width: 480px){.fila{grid-template-columns:minmax(0,1fr)}td{white-space:nowrap}.tarjeta,.login-panel{padding:18px}.encabezado select,.encabezado-acciones{width:100%}}
