:root{--azul:#004c6f;--naranja:#f28c38;--verde:#0b7a4a;--tinta:#1d1f22;--suave:#5b6470;--fondo:#f6f8fa;--borde:#dde3ea;--blanco:#fff}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--tinta);background:var(--fondo);line-height:1.55}
a{color:var(--azul)}
.barra{background:var(--blanco);border-bottom:1px solid var(--borde)}
.barra .in{max-width:960px;margin:0 auto;padding:12px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.barra img{height:40px;width:auto;display:block}
.barra nav a{margin-left:16px;text-decoration:none;font-weight:600;font-size:15px}
main{max-width:960px;margin:0 auto;padding:24px 16px 48px}
h1{font-size:clamp(24px,5vw,34px);line-height:1.2;margin:8px 0 12px;color:var(--azul)}
h2{font-size:20px;margin:28px 0 10px}
.previa{background:#7a1f1f;color:#fff;text-align:center;padding:8px 16px;font-weight:600;font-size:14px}
.lista{list-style:none;padding:0;margin:0;display:grid;gap:12px}
.tarjeta{background:var(--blanco);border:1px solid var(--borde);border-radius:10px;padding:16px}
.tarjeta a.titulo{font-weight:700;font-size:18px;text-decoration:none}
.meta{color:var(--suave);font-size:14px;margin-top:4px}
.chip{display:inline-block;font-size:13px;font-weight:600;padding:2px 10px;border-radius:999px;margin-right:6px}
.chip.abierta{background:#dff5ea;color:var(--verde)}.chip.registro{background:#e4effa;color:var(--azul)}
.chip.evaluacion{background:#fff1e3;color:#9a4d0c}.chip.cerrada{background:#eceff2;color:#4a525c}
.estado{border-left:4px solid var(--azul);background:var(--blanco);padding:12px 16px;border-radius:0 8px 8px 0;margin:16px 0}
.estado.abierta{border-color:var(--verde)}.estado.evaluacion{border-color:var(--naranja)}.estado.cerrada{border-color:#8a939d}
.estado strong{display:block}
.datos{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:8px 16px;margin:12px 0;padding:0;list-style:none}
.datos li{background:var(--blanco);border:1px solid var(--borde);border-radius:8px;padding:10px 12px}
.datos b{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--suave)}
.acciones{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}
.boton{display:inline-block;padding:12px 18px;border-radius:8px;font-weight:700;text-decoration:none;background:var(--verde);color:#fff}
.boton.secundario{background:var(--blanco);color:var(--azul);border:1px solid var(--azul)}
.vacio{background:var(--blanco);border:1px dashed var(--borde);border-radius:10px;padding:20px}
footer{border-top:1px solid var(--borde);background:var(--blanco);color:var(--suave);font-size:14px}
footer .in{max-width:960px;margin:0 auto;padding:16px}
@media (max-width:520px){.barra nav a{margin-left:10px;font-size:14px}.boton{width:100%;text-align:center}}