:root{
  --fondo:#f4f6fa;--papel:#fff;--tinta:#1d2433;--suave:#5b6577;--linea:#d9dfe8;
  --marca:#16364f;--marca-2:#1f4e79;--ok:#1b7f4b;--err:#b3261e;--aviso:#fff7d6;--azul-claro:#eaf3ff;
  --radio:8px;--sombra:0 1px 2px rgba(15,35,70,.08),0 4px 14px rgba(15,35,70,.06);
}
@media (prefers-color-scheme:dark){
  :root{--fondo:#12161e;--papel:#1a202b;--tinta:#e8ecf3;--suave:#9aa6b8;--linea:#2c3544;
    --marca:#7db8f0;--marca-2:#5aa2e6;--ok:#4cc38a;--err:#ff8a80;--aviso:#3a3418;--azul-claro:#17283d;--sombra:0 1px 2px rgba(0,0,0,.4)}
}
*{box-sizing:border-box}
html,body{height:100%}
body{margin:0;font:16px/1.5 "Segoe UI",system-ui,Arial,sans-serif;background:var(--fondo);color:var(--tinta);display:flex;flex-direction:column}
.cab{display:flex;flex-wrap:wrap;gap:8px 20px;align-items:center;justify-content:space-between;padding:10px 20px;background:var(--papel);border-bottom:1px solid var(--linea)}
.marca{font-weight:700;letter-spacing:.5px;color:var(--marca);text-decoration:none}
.marca span{font-weight:400;color:var(--suave);letter-spacing:0;margin-left:6px}
.cab nav{display:flex;gap:16px;align-items:center}
.cab nav form{margin:0}
.cab a,.enlace,.enlace-btn{color:var(--marca-2);text-decoration:none;font-weight:600}
.cab a:hover,.enlace:hover{text-decoration:underline}
.enlace-btn{background:none;border:0;font:inherit;cursor:pointer;padding:0}
.contenedor{max-width:1100px;width:100%;margin:0 auto;padding:22px 16px 40px;flex:1}
h1{margin:.2em 0 .1em;font-size:1.6rem;color:var(--marca)}
.sub{color:var(--suave);margin:.2em 0 1.2em}
.suave{color:var(--suave)}
.anio{margin:1.6em 0 .6em;font-size:1.25rem;color:var(--marca);border-bottom:2px solid var(--linea);padding-bottom:4px}
.rejilla{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px}
.tarjeta{background:var(--papel);border:1px solid var(--linea);border-radius:var(--radio);padding:14px 16px;box-shadow:var(--sombra);display:flex;flex-direction:column;gap:6px}
.tarjeta h3{margin:0;font-size:1.05rem;color:var(--marca)}
.desc{margin:0;color:var(--suave);font-size:.9rem}
.meta{display:flex;flex-wrap:wrap;gap:4px 12px;margin:2px 0;font-size:.8rem;color:var(--suave)}
.nota-av{margin:0;font-size:.82rem;color:var(--err)}
.tarjeta .boton{margin-top:auto;align-self:flex-start}
.boton{display:inline-block;background:var(--marca-2);color:#fff;border:1px solid var(--marca-2);border-radius:6px;padding:8px 16px;font:inherit;font-weight:600;text-decoration:none;cursor:pointer}
.boton:hover{filter:brightness(1.1)}
.boton-sec{background:transparent;color:var(--marca-2)}
.estado{display:inline-block;border-radius:999px;padding:1px 10px;font-size:.75rem;font-weight:700}
.estado-al_dia{background:#dff5e8;color:#14683d}
.estado-toca{background:#ffe9b8;color:#8a5a00}
.estado-cerrado{background:#e3e8ef;color:#44505f}
.estado-falta{background:#fde0de;color:#a3261e}
.aviso{border-radius:var(--radio);padding:10px 14px;margin:10px 0}
.aviso-err{background:#fde0de;color:#8c1d16;border:1px solid #f3b3ae}
.aviso-av{background:var(--aviso);border:1px solid #e6d37a}
.login{max-width:380px;margin:8vh auto;background:var(--papel);border:1px solid var(--linea);border-radius:var(--radio);padding:24px;box-shadow:var(--sombra)}
.login form{display:grid;gap:12px}
label{display:grid;gap:4px;font-weight:600;font-size:.9rem}
input{font:inherit;padding:9px 10px;border:1px solid var(--linea);border-radius:6px;background:var(--fondo);color:var(--tinta)}
.nota{color:var(--suave);font-size:.85rem}
.ayuda-inicio{margin-top:26px}
.guia{background:var(--papel);border:1px solid var(--linea);border-radius:var(--radio);padding:14px 18px;margin:0 0 16px;box-shadow:var(--sombra)}
.guia h2{margin:.1em 0 .5em;font-size:1.15rem;color:var(--marca)}
.guia h3{margin:1em 0 .3em;font-size:.9rem;text-transform:uppercase;letter-spacing:.4px;color:var(--marca)}
.guia ol,.guia ul{margin:.3em 0 0 1.2em;padding:0}.guia li{margin:.25em 0}
.contacto{background:var(--azul-claro);border-radius:6px;padding:8px 12px}
.tabla-scroll{overflow-x:auto}
.tabla{width:100%;border-collapse:collapse;font-size:.88rem}
.tabla th{background:var(--marca-2);color:#fff;text-align:left;padding:6px 8px}
.tabla td{padding:6px 8px;border-bottom:1px solid var(--linea)}
.pie{text-align:center;color:var(--suave);font-size:.78rem;padding:12px}
/* visor del informe: ocupa toda la pantalla */
body.ancho{height:100vh}
.visor{flex:1;display:flex;flex-direction:column;min-height:0}
.barra-informe{display:flex;flex-wrap:wrap;gap:6px 18px;align-items:center;padding:6px 16px;background:var(--papel);border-bottom:1px solid var(--linea);font-size:.88rem}
.marco{flex:1;width:100%;border:0;background:#fff;min-height:0}
body.ancho .pie{display:none}
@media print{.cab,.pie,.barra-informe{display:none}}