/* Identidad tomada de balaguer-rolls.com: azul marino, azul claro y ambar. */
:root{
  --marino:#03245D; --azul:#0014A5; --claro:#C9DBFA; --ambar:#FFBF3B; --texto:#4F4F4F;
  --fondo:#F3F6FC; --linea:#D5DEEE; --ok:#1E7B4B; --err:#B3261E;
  --fuente:"Futura PT","Futura","Century Gothic","Trebuchet MS",system-ui,sans-serif;
}
*{box-sizing:border-box}
body{font:15px/1.5 var(--fuente);margin:0;color:var(--texto);background:var(--fondo)}
h1,h2,h3,h4{color:var(--marino);font-weight:600;letter-spacing:.01em;line-height:1.2}
h1{font-size:1.6rem;margin:1.2rem 0 .8rem} h3{margin-top:1.6rem;border-bottom:2px solid var(--ambar);display:inline-block;padding-bottom:.15rem}
a{color:var(--azul)} a:hover{color:var(--marino)}
header.top{background:var(--marino);color:#fff;border-bottom:4px solid var(--ambar)}
header.top .in{max-width:1100px;margin:0 auto;padding:.5rem 1rem;display:flex;gap:.4rem 1.4rem;align-items:center;flex-wrap:wrap}
header.top img{height:42px;display:block}
header.top nav{display:flex;gap:.2rem;flex-wrap:wrap}
header.top nav a{color:#fff;text-decoration:none;padding:.4rem .7rem;border-radius:4px;font-weight:500}
header.top nav a:hover,header.top nav a.act{background:rgba(255,255,255,.14);box-shadow:inset 0 -3px 0 var(--ambar)}
header.top form{margin:0 0 0 auto;display:flex;align-items:center;gap:.6rem;font-size:.9rem;color:var(--claro)}
main{max-width:1100px;margin:1rem auto 3rem;padding:0 1rem}
table{border-collapse:collapse;width:100%;background:#fff;border:1px solid var(--linea);border-radius:6px;overflow:hidden;font-size:.94rem}
th,td{border-bottom:1px solid var(--linea);padding:.5rem .7rem;text-align:left;vertical-align:top}
th{background:var(--claro);color:var(--marino);font-weight:600}
tr:last-child td{border-bottom:0}
fieldset{background:#fff;border:1px solid var(--linea);border-radius:6px;margin:0 0 1rem;padding:.8rem 1rem 1rem}
legend{color:var(--marino);font-weight:600;padding:0 .4rem}
label{display:block;margin:.5rem 0 .15rem;font-size:.85rem;color:var(--marino);font-weight:500}
input,select,textarea{font:inherit;color:#222;padding:.45rem .55rem;width:100%;border:1px solid #b8c4dc;border-radius:4px;background:#fff}
input:focus,select:focus,textarea:focus,button:focus-visible,.btn:focus-visible{outline:3px solid var(--ambar);outline-offset:1px;border-color:var(--marino)}
input[type=checkbox]{width:auto} input[readonly]{background:var(--fondo)}
.fila{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:.2rem .9rem}
button,.btn{font:inherit;font-weight:600;background:var(--marino);color:#fff;border:0;padding:.5rem 1.1rem;border-radius:4px;cursor:pointer;text-decoration:none;display:inline-block}
button:hover,.btn:hover{background:var(--azul);color:#fff}
.btn.pri,button.pri{background:var(--ambar);color:var(--marino)} .btn.pri:hover,button.pri:hover{background:#ffcd66;color:var(--marino)}
.sec{background:#fff;color:var(--marino);border:1px solid var(--marino)} .sec:hover{background:var(--claro);color:var(--marino)}
.pel{background:var(--err)} .pel:hover{background:#8f1d17}
.err,.ok{padding:.7rem 1rem;margin-bottom:1rem;border-radius:4px;border-left:5px solid}
.err{background:#fdecea;border-color:var(--err);color:#5f1410} .ok{background:#e7f5ec;border-color:var(--ok);color:#12492c}
.err ul{margin:.3rem 0 0}
.tag{display:inline-block;padding:.05rem .55rem;border-radius:999px;font-size:.78rem;font-weight:600;background:#e4e7ee;color:#333}
.e-borrador{background:#e4e7ee;color:#3d4250} .e-emitido{background:var(--claro);color:var(--marino)}
.e-modificado{background:#ffe7ab;color:#5b4100} .e-finalizado{background:#d3efdf;color:#12492c} .e-anulado{background:#f7d5d2;color:#7a1610}
small{color:#666}
details{background:#fff;border:1px solid var(--linea);border-radius:6px;padding:.6rem 1rem;margin:1rem 0} summary{cursor:pointer;color:var(--marino)}
.acciones{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center;margin:.8rem 0} .acciones form{margin:0}
@media (max-width:640px){header.top form{margin-left:0}table{display:block;overflow-x:auto}}