:root{--verde:#1b7f3b;--rojo:#b3261e;--tinta:#1d2733;--gris:#5b6672;--borde:#d9dee3;--fondo:#f5f7f9}
*{box-sizing:border-box}
body{margin:0;font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:var(--tinta);background:var(--fondo);line-height:1.5}
header.sitio{background:#fff;border-bottom:1px solid var(--borde);padding:14px 16px}
header.sitio a{color:var(--tinta);text-decoration:none;font-weight:700;letter-spacing:.02em}
main{max-width:640px;margin:0 auto;padding:20px 16px 48px}
h1{font-size:1.4rem;margin:.2rem 0 1rem}
.tarjeta{background:#fff;border:1px solid var(--borde);border-radius:10px;overflow:hidden}
.estado{padding:16px;color:#fff;font-size:1.3rem;font-weight:700}
.estado.ok{background:var(--verde)}.estado.mal{background:var(--rojo)}
.estado small{display:block;font-size:.95rem;font-weight:400;opacity:.95;margin-top:2px}
dl{margin:0;padding:8px 16px 16px}
dt{font-size:.8rem;text-transform:uppercase;letter-spacing:.04em;color:var(--gris);margin-top:12px}
dd{margin:2px 0 0;font-size:1.02rem}
dd ul{margin:2px 0 0;padding-left:18px}
form.buscar{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}
input[type=text]{flex:1 1 220px;font-size:1.1rem;padding:12px;border:1px solid var(--borde);border-radius:8px;letter-spacing:.06em;text-transform:uppercase}
button{font-size:1.05rem;padding:12px 20px;border:0;border-radius:8px;background:var(--tinta);color:#fff;cursor:pointer}
p.nota{color:var(--gris);font-size:.9rem}
.aviso{background:#fff;border:1px solid var(--borde);border-radius:10px;padding:18px}