:root{--fondo:#f5f7f6;--superficie:#fff;--texto:#1d2b27;--suave:#5f6f6a;--borde:#dde4e1;--primario:#0f7a5c;--primario-claro:#e3f3ed;--peligro:#b3261e;--alerta:#9a6700;color:var(--texto);background:var(--fondo);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.45}*{box-sizing:border-box}body{background:var(--fondo);margin:0}h1{margin:0 0 1rem;font-size:1.6rem}h2{margin:0 0 .6rem;font-size:1.1rem}p{margin:.3rem 0}a{color:var(--primario)}.barra{background:var(--superficie);border-bottom:1px solid var(--borde);flex-wrap:wrap;align-items:center;gap:1rem;padding:.7rem 1.5rem;display:flex}.marca{color:var(--primario);font-weight:700}.barra nav{flex-wrap:wrap;flex:1;gap:.3rem;display:flex}.barra nav a{color:var(--texto);border-radius:6px;padding:.4rem .8rem;text-decoration:none}.barra nav a.active{background:var(--primario-claro);color:var(--primario);font-weight:600}.usuario{color:var(--suave)}main{max-width:1200px;margin:0 auto;padding:1.5rem}.tarjeta{background:var(--superficie);border:1px solid var(--borde);border-radius:10px;margin-bottom:1rem;padding:1rem 1.2rem}.rejilla{grid-template-columns:repeat(auto-fit,minmax(340px,1fr));align-items:start;gap:1rem;display:grid}.cabecera{align-items:center;gap:.8rem;margin-bottom:.6rem;display:flex}.cabecera h1,.cabecera h2{flex:1;margin:0}.pantalla-centrada{place-items:center;min-height:100vh;padding:1rem;display:grid}.pantalla-centrada .tarjeta{width:min(420px,100%)}.parrafo{white-space:pre-wrap;margin-bottom:1rem}button{font:inherit;cursor:pointer;background:var(--primario);color:#fff;border:none;border-radius:6px;padding:.5rem 1rem;font-weight:600}button:disabled{opacity:.6;cursor:default}button.secundario{background:var(--primario-claro);color:var(--primario)}button.pequeno{padding:.25rem .7rem;font-size:.9rem}button.enlace{color:var(--primario);background:0 0;padding:.2rem .3rem;font-weight:400}button.peligro{color:var(--peligro)}.pestanas{gap:.3rem;margin-bottom:1rem;display:flex}.pestanas button{background:var(--superficie);color:var(--suave);border:1px solid var(--borde);font-weight:400}.pestanas button.activa{background:var(--primario-claro);color:var(--primario);border-color:var(--primario);font-weight:600}.formulario{flex-direction:column;gap:.8rem;display:flex}.formulario label,fieldset label{flex-direction:column;gap:.25rem;display:flex}.formulario label>span{font-size:.9rem;font-weight:600}label.casilla{align-items:center;gap:.5rem;flex-direction:row!important}label.casilla>span{font-weight:400!important}input,textarea,select{font:inherit;border:1px solid var(--borde);color:var(--texto);background:#fff;border-radius:6px;padding:.45rem .6rem}small{color:var(--suave)}fieldset{border:1px solid var(--borde);border-radius:8px;flex-direction:column;gap:.5rem;margin:0 0 .8rem;display:flex}.fila{flex-wrap:wrap;align-items:center;gap:.8rem;display:flex}.acciones{justify-content:flex-end;gap:.5rem;margin-top:.5rem;display:flex}.buscador{width:100%;margin-bottom:1rem}.fondo-modal{z-index:10;background:#00000059;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.modal{background:var(--superficie);border-radius:12px;width:min(640px,100%);max-height:90vh;padding:1.3rem;overflow:auto}.lista{margin:0;padding:0;list-style:none}.lista li{border-top:1px solid var(--borde);align-items:flex-start;gap:.6rem;padding:.6rem 0;display:flex}.lista li:first-child{border-top:none}.lista li.hecho{opacity:.55}.lista li.vencido strong{color:var(--peligro)}.crece{flex:1;min-width:0}.meta{color:var(--suave);font-size:.9rem}.vacio{color:var(--suave);font-style:italic}.error{color:var(--peligro)}.aviso{color:var(--primario)}.etiqueta{background:var(--fondo);border:1px solid var(--borde);color:var(--suave);border-radius:99px;padding:.05rem .5rem;font-size:.8rem;display:inline-block}.etiqueta.ok{background:var(--primario-claro);color:var(--primario);border-color:#0000}.etiqueta.alerta{color:var(--alerta)}.codigo{letter-spacing:.2em;font-family:ui-monospace,monospace;font-size:1.6rem;font-weight:700}.tabla{border-collapse:collapse;background:var(--superficie);width:100%}.tabla th,.tabla td{text-align:left;border-bottom:1px solid var(--borde);vertical-align:top;padding:.6rem}.tabla th{color:var(--suave);font-size:.85rem}@media (width<=640px){main{padding:1rem}.tabla{display:block;overflow-x:auto}}a.boton{background:var(--primario);color:#fff;border-radius:6px;padding:.45rem .9rem;font-weight:600;text-decoration:none}.formulario>button.pequeno{align-self:flex-start}