:root{--fondo:#eef2f1;--superficie:#fff;--texto:#1d2b27;--suave:#5f6f6a;--borde:#dde4e1;--primario:#0f7a5c;--primario-claro:#e3f3ed;--peligro:#b3261e;--peligro-claro:#fbe9e7;--alerta:#9a6700;--azul:#1f6fd1;--azul-claro:#e4eefb;--morado:#7c4dce;--morado-claro:#efe8fa;--sombra:0 1px 2px #1028210f, 0 2px 8px #1028210f;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{color:#fff;background:linear-gradient(90deg,#0b5f48,#0f7a5c 55%,#13906d);flex-wrap:wrap;align-items:center;gap:1rem;padding:.7rem 1.5rem;display:flex;box-shadow:0 2px 10px #0b5f4840}.marca{color:#fff;letter-spacing:.01em;font-size:1.05rem;font-weight:800}.marca:before{content:"✚ ";color:#9ff0cf}.barra nav{flex-wrap:wrap;flex:1;gap:.3rem;display:flex}.barra nav a{color:#ffffffd9;border-radius:99px;padding:.4rem .8rem;text-decoration:none}.barra nav a:hover{color:#fff;background:#ffffff1f}.barra nav a.active{color:var(--primario);background:#fff;font-weight:700}.usuario{color:#ffffffd9}.barra button.enlace{color:#fff;text-decoration:underline}.barra a.boton{color:#3d2c00;background:#ffd166}main{max-width:1200px;margin:0 auto;padding:1.5rem}.tarjeta{background:var(--superficie);border:1px solid var(--borde);box-shadow:var(--sombra);border-radius:12px;margin-bottom:1rem;padding:1rem 1.2rem}.tarjeta>h2:first-child,.tarjeta>.cabecera:first-child h2{color:var(--primario)}.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:hover:not(:disabled){filter:brightness(1.08)}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{flex-wrap:wrap;gap:.3rem;margin-bottom:1rem;display:flex}.pestanas button{background:var(--superficie);color:var(--suave);border:1px solid var(--borde);border-radius:99px;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)}.etiqueta.vencida{background:var(--peligro-claro);color:var(--peligro);border-color:#0000;font-weight:600}.etiqueta.fecha,.etiqueta.proxima{background:var(--azul-claro);color:var(--azul);border-color:#0000}.etiqueta.activa{background:var(--primario-claro);color:var(--primario);border-color:#0000;font-weight:600}.etiqueta.nueva{color:#9a5b00;background:#fff1d6;border-color:#0000;font-weight:700}.etiqueta.pendiente{background:var(--fondo);color:var(--suave);border-style:dashed}.punto.nuevo{background:#f0a020}.tarjeta-ficha.sin-leer{outline:2px solid #f0b54a}.etiqueta.incentivo{background:var(--morado-claro);color:var(--morado);border-color:#0000}.codigo{letter-spacing:.2em;font-family:ui-monospace,monospace;font-size:1.6rem;font-weight:700}.tabla{border-collapse:separate;border-spacing:0;background:var(--superficie);border:1px solid var(--borde);width:100%;box-shadow:var(--sombra);border-radius:12px;overflow:hidden}.tabla th,.tabla td{text-align:left;border-bottom:1px solid var(--borde);vertical-align:top;padding:.65rem .8rem}.tabla th{color:var(--primario);background:var(--primario-claro);text-transform:uppercase;letter-spacing:.04em;font-size:.8rem}.tabla tbody tr:hover{background:#f7faf9}.tabla tbody tr:last-child td{border-bottom:none}@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}.tablero{grid-template-columns:260px minmax(0,1fr);align-items:start;gap:1rem;display:grid}.parrafo,.meta{overflow-wrap:anywhere}.secciones{flex-direction:column;gap:.25rem;display:flex}.secciones>button{text-align:left;background:var(--superficie);color:var(--texto);border:1px solid var(--borde);align-items:center;gap:.5rem;font-weight:400;display:flex}.secciones>button.activa{background:var(--primario-claro);color:var(--primario);border-color:var(--primario);font-weight:600}.punto{border-radius:50%;flex:none;width:.7rem;height:.7rem}.lista li.con-color{border-left:4px solid #0000;padding-left:.7rem}button.titulo-ficha{text-align:left;padding:0;font-weight:600}h2.separado{margin-top:1.2rem}.barra-tablero{margin-bottom:1rem}.barra-tablero .buscador{flex:1;min-width:220px;margin:0}.barra-tablero .pestanas{margin:0}.columnas{align-items:flex-start;gap:.8rem;padding-bottom:1rem;display:flex;overflow-x:auto}.columna{border-radius:12px;flex-direction:column;flex:0 0 280px;gap:.5rem;max-height:calc(100vh - 220px);padding:.7rem;display:flex;overflow-y:auto}.columna h2{text-transform:uppercase;letter-spacing:.03em;background:inherit;align-items:center;gap:.5rem;margin:0 0 .2rem;padding:.3rem 0;font-size:.95rem;display:flex;position:sticky;top:-.7rem}.contador{color:#fff;border-radius:99px;padding:0 .5rem;font-size:.8rem}.tarjeta-ficha{text-align:left;color:var(--texto);box-shadow:var(--sombra);background:#fff;border-top:4px solid;border-radius:8px;flex-direction:column;gap:.25rem;padding:.5rem .65rem;font-weight:400;display:flex}.tarjeta-ficha:hover{box-shadow:0 4px 14px #10282126;filter:none!important}.tarjeta-ficha strong{font-size:.95rem}.tarjeta-ficha .fila:empty{display:none}.tarjeta-ficha .meta{font-size:.82rem}.tarjeta-ficha.hecho{opacity:.55}.columna>button.enlace{align-self:flex-start;font-weight:600}.columna.arrastrando{opacity:.6}.columna h2.asa{cursor:grab;touch-action:none}.zona-fichas{flex-direction:column;gap:.5rem;min-height:2.5rem;display:flex}.zona-fichas>div{touch-action:manipulation}.zona-fichas .tarjeta-ficha{width:100%}.tarjeta-ficha.levantada{cursor:grabbing;width:260px;transform:rotate(2deg);box-shadow:0 10px 24px #10282140}.avatar{border-radius:50%;flex:none;place-items:center;width:2.2rem;height:2.2rem;font-size:.85rem;font-weight:800;display:inline-grid}.avatar.grande{width:3.2rem;height:3.2rem;font-size:1.2rem}.mosaico{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:.7rem;display:grid}.mosaico a.ficha-lab{border:1px solid var(--borde);color:var(--texto);box-shadow:var(--sombra);background:#fff;border-radius:12px;align-items:center;gap:.7rem;padding:.7rem;text-decoration:none;display:flex}.mosaico a.ficha-lab:hover{border-color:var(--primario)}.mosaico .ficha-lab strong{display:block}.cifras{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:.8rem;margin-bottom:1rem;display:grid}.cifra{color:#fff;box-shadow:var(--sombra);border-radius:12px;padding:.9rem 1rem;text-decoration:none}.cifra strong{font-size:1.9rem;line-height:1.1;display:block}.cifra span{opacity:.92;font-size:.9rem}@media (width<=760px){.tablero{grid-template-columns:1fr}.barra{padding:calc(.5rem + env(safe-area-inset-top)) .8rem .5rem;gap:.5rem}.barra nav{scrollbar-width:none;flex-wrap:nowrap;flex:1 0 100%;order:3;overflow-x:auto}.barra nav a{white-space:nowrap}.usuario{margin-left:auto;font-size:.85rem}h1{font-size:1.3rem}.cabecera{flex-wrap:wrap}.cifra strong{font-size:1.5rem}.modal{border-radius:12px 12px 0 0;align-self:end;max-height:100vh}.columna{flex-basis:85vw}}