:root{
  --tinta:#111E2B;
  --mesa:#0c1722;
  --mesa-luz:#16263a;
  --papel:#f1e9d2;
  --papel-sombra:#e6dbbd;
  --tira:#fbf6e4;
  --lima:#92BA02;
  --lima-honda:#6d8c00;
  --rojo:#a3302b;
  --grafito:#4f5864;
  --raya:#d6c9a6;
  --enlace:#1b4a76;
  --mono:"Xanh Mono","Courier New",monospace;
  --serif:"Petrona",Georgia,"Times New Roman",serif;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{
  margin:0;
  background-color:var(--mesa);
  background-image:
    linear-gradient(90deg,rgba(241,233,210,.03) 1px,transparent 1px),
    linear-gradient(rgba(241,233,210,.03) 1px,transparent 1px);
  background-size:30px 30px;
  color:var(--tinta);
  font-family:var(--serif);
  font-size:1.0625rem;
  line-height:1.64;
}
img,svg{max-width:100%}
a{color:var(--enlace);text-underline-offset:.18em;text-decoration-thickness:1px}
a:hover{color:var(--rojo)}
a:focus-visible,summary:focus-visible{outline:3px solid var(--lima);outline-offset:2px}

[data-role="saltar"]{position:absolute;left:-9999px;top:0;background:var(--lima);color:var(--tinta);padding:.5rem .8rem;z-index:50;font-family:var(--mono)}
[data-role="saltar"]:focus{left:1rem;top:.5rem}

[data-section="oficina"]{position:sticky;top:0;z-index:20;background:var(--tinta);color:var(--papel);border-bottom:3px solid var(--lima)}
[data-section="oficina"]>div{max-width:1180px;margin:0 auto;padding:.55rem 1.25rem;display:flex;align-items:center;gap:1.1rem}
[data-role="emisor"]{display:flex;align-items:center;gap:.75rem;color:var(--papel);text-decoration:none;margin-right:auto;min-width:0}
[data-role="emisor"] img{display:block;width:86px;height:auto;flex:none}
[data-role="emisor"] span{font-family:var(--mono);font-size:1.08rem;letter-spacing:.05em;line-height:1.1;border-left:1px solid rgba(241,233,210,.35);padding-left:.75rem;white-space:nowrap}
[data-role="emisor"] small{display:block;font-size:.72rem;letter-spacing:.02em;color:rgba(241,233,210,.72)}
[data-role="emisor"]:hover{color:var(--lima)}
[data-role="hilo"]{display:flex;flex-wrap:wrap;gap:.15rem}
[data-role="hilo"] a{font-family:var(--mono);font-size:.93rem;color:var(--papel);text-decoration:none;padding:.32rem .5rem;border-radius:2px}
[data-role="hilo"] a:hover{color:var(--lima)}
[data-role="hilo"] a[aria-current="page"]{background:var(--papel);color:var(--tinta)}

[data-role="franqueo"]{
  display:inline-flex;align-items:center;gap:.55rem;flex:none;
  font-family:var(--mono);font-size:1rem;line-height:1.2;
  color:var(--tinta);background:var(--lima);text-decoration:none;
  padding:.55rem 1rem;border:2px dashed rgba(17,30,43,.6);
  box-shadow:0 0 0 3px var(--lima),0 4px 0 3px var(--lima-honda);
  margin:3px;transition:transform .12s ease;
}
[data-role="franqueo"]::after{content:"";width:.7em;height:.7em;border-top:2px solid currentColor;border-right:2px solid currentColor;transform:rotate(45deg);flex:none}
[data-role="franqueo"]:hover{color:var(--tinta);transform:translateY(-1px)}
[data-section="oficina"] [data-role="franqueo"]{font-size:.9rem;padding:.42rem .8rem}

[data-section="impreso"]{
  display:block;max-width:940px;margin:2.2rem auto 2.5rem;position:relative;
  background-color:var(--papel);
  background-image:linear-gradient(180deg,rgba(255,255,255,.35),rgba(255,255,255,0) 260px);
  box-shadow:0 22px 50px rgba(0,0,0,.5),0 0 0 1px rgba(0,0,0,.2);
  padding:2rem 3.25rem 2.75rem;
}
[data-role="formulario-titulo"]{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;font-family:var(--mono);letter-spacing:.42em;font-size:.95rem;border-bottom:3px double var(--tinta);padding-bottom:.45rem;margin-bottom:.9rem}
[data-role="formulario-titulo"] span:last-child{letter-spacing:.12em;font-size:.8rem;color:var(--grafito)}
[data-role="casilleros"]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--tinta);margin:0 0 1.8rem}
[data-role="casillero"]{padding:.4rem .6rem;border-left:1px solid var(--tinta);font-size:.92rem;line-height:1.3}
[data-role="casillero"]:first-child{border-left:0}
[data-role="casillero"] b{display:block;font-family:var(--mono);font-weight:400;font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--grafito)}

[data-role="cabeza"]{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:2.2rem;align-items:start}
h1{font-family:var(--mono);font-weight:400;font-size:clamp(1.7rem,3.1vw,2.45rem);line-height:1.32;margin:0 0 1.1rem}
h1 span,h2 span{background:var(--tira);-webkit-box-decoration-break:clone;box-decoration-break:clone;padding:.06em .32em;box-shadow:0 1px 0 rgba(0,0,0,.08),0 2px 6px rgba(17,30,43,.14)}
h1 span::after,h2 span::after{content:" STOP";color:var(--rojo);font-size:.7em;letter-spacing:.12em}
[data-role="entradilla"]{font-size:1.16rem;line-height:1.6;margin:0 0 1rem}
[data-role="fechador"]{font-family:var(--mono);font-size:.85rem;color:var(--grafito);margin:0}

[data-role="colilla"]{position:relative;border:1px dashed var(--tinta);background:var(--papel-sombra);padding:1rem 1rem .9rem;font-size:.93rem}
[data-role="titulillo"]{font-family:var(--mono);font-weight:400;font-size:.8rem;letter-spacing:.2em;text-transform:uppercase;margin:0 0 .6rem}
[data-role="colilla"] dl{margin:0}
[data-role="colilla"] dt{font-family:var(--mono);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--grafito);margin-top:.55rem}
[data-role="colilla"] dd{margin:0;line-height:1.35}
[data-role="colilla"] img{display:block;background:var(--tinta);padding:.45rem .6rem;width:112px;height:auto;margin-bottom:.4rem}

[data-role="matasellos"]{
  position:absolute;right:-1.3rem;top:-2.4rem;width:112px;height:112px;border-radius:50%;
  border:3px double var(--rojo);color:var(--rojo);display:flex;flex-direction:column;align-items:center;justify-content:center;
  font-family:var(--mono);font-size:.68rem;letter-spacing:.12em;line-height:1.25;text-align:center;transform:rotate(-14deg);
  background:rgba(241,233,210,.55);opacity:.88;pointer-events:none
}
[data-role="matasellos"] strong{font-weight:400;font-size:.92rem;letter-spacing:.06em}

[data-section="impreso"]>[data-role="matasellos"]{display:none;top:7.6rem;right:-4.7rem;background:transparent;opacity:.8}
@media (min-width:1200px){[data-section="impreso"]>[data-role="matasellos"]{display:flex}}
[data-ancho="corto"]{max-width:560px}
[data-section="sin-destino"] h1 span::after{content:none}
[data-section="parte"]{margin-top:2.3rem}
[data-section="parte"] h2,[data-section="consultas"] h2{font-family:var(--mono);font-weight:400;font-size:clamp(1.22rem,2.1vw,1.55rem);line-height:1.45;margin:0 0 1rem;transform:rotate(-.35deg);transform-origin:left center}
[data-section="parte"]:nth-of-type(even) h2{transform:rotate(.3deg)}
h3{font-family:var(--mono);font-weight:400;font-size:1.1rem;margin:1.5rem 0 .5rem;letter-spacing:.02em}
p{margin:0 0 1rem}
[data-section="impreso"] ul,[data-section="impreso"] ol{padding-left:1.3rem;margin:0 0 1rem}
[data-section="impreso"] li{margin:.3rem 0}
[data-role="secuencia"]{list-style:none;counter-reset:paso;padding-left:0 !important}
[data-role="secuencia"] li{counter-increment:paso;position:relative;padding:.45rem 0 .45rem 2.6rem;border-bottom:1px dotted var(--raya)}
[data-role="secuencia"] li::before{content:counter(paso,decimal-leading-zero);position:absolute;left:0;top:.42rem;font-family:var(--mono);color:var(--papel);background:var(--tinta);padding:0 .3rem;font-size:.85rem}

[data-role="tarifario"]{overflow-x:auto;margin:1.2rem 0 .5rem;border:1px solid var(--tinta);background:rgba(255,255,255,.28)}
[data-role="tarifario"] table{border-collapse:collapse;width:100%;font-size:.94rem;line-height:1.4}
[data-role="tarifario"] caption{caption-side:top;text-align:left;font-family:var(--mono);font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;padding:.5rem .75rem;border-bottom:1px solid var(--tinta)}
[data-role="tarifario"] th{font-family:var(--mono);font-weight:400;background:var(--tinta);color:var(--papel);text-align:left;padding:.5rem .75rem;white-space:nowrap}
[data-role="tarifario"] td{padding:.5rem .75rem;border-top:1px solid var(--raya);vertical-align:top}
[data-role="tarifario"] tbody tr:nth-child(even) td{background:rgba(255,255,255,.4)}
[data-role="constancia"]{font-family:var(--mono);font-size:.8rem;color:var(--grafito);margin:.2rem 0 1.2rem}

[data-role="resguardo"]{border-left:4px solid var(--rojo);background:var(--tira);padding:.8rem 1rem;margin:1.3rem 0}
[data-role="resguardo"] p:last-child{margin-bottom:0}

[data-role="puente"]{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem 1.5rem;margin:2.2rem 0;padding:1.1rem 1.2rem;border-top:2px solid var(--tinta);border-bottom:2px solid var(--tinta);background:repeating-linear-gradient(-45deg,transparent 0 10px,rgba(17,30,43,.04) 10px 20px)}
[data-role="puente"] p{margin:0;flex:1 1 260px;max-width:52ch}

[data-section="consultas"]{margin-top:2.4rem}
[data-role="cable"]{border:1px solid var(--tinta);background:var(--tira);margin:.65rem 0}
[data-role="cable"] summary{font-family:var(--mono);cursor:pointer;padding:.75rem 1rem;list-style:none;line-height:1.4}
[data-role="cable"] summary::-webkit-details-marker{display:none}
[data-role="cable"] summary::before{content:"+";display:inline-block;width:1.3em;color:var(--rojo)}
[data-role="cable"][open] summary::before{content:"\2212"}
[data-role="cable"] p{margin:0;padding:0 1rem 1rem 2.3rem}
[data-role="acuses"]{margin:0}
[data-role="acuses"] dt{font-family:var(--mono);margin-top:1.1rem}
[data-role="acuses"] dd{margin:.35rem 0 0;padding-left:1rem;border-left:3px solid var(--lima)}

[data-section="pie"]{max-width:940px;margin:0 auto;padding:.5rem 1.25rem 3rem;color:var(--papel);font-size:.93rem;line-height:1.55}
[data-section="pie"] a{color:var(--lima)}
[data-role="descargo"]{border:1px solid rgba(241,233,210,.35);padding:1rem 1.1rem;margin:0 0 1rem}
[data-role="descargo"] p{margin:0 0 .6rem}
[data-role="descargo"] p:last-child{margin:0}
[data-role="derivaciones"]{display:flex;flex-wrap:wrap;gap:.4rem 1.2rem;list-style:none;padding:0;margin:0 0 1rem;font-family:var(--mono)}
[data-role="ultima-linea"]{font-family:var(--mono);font-size:.82rem;color:rgba(241,233,210,.7);margin:0}

[data-section="teclado"]{display:none}

[data-section="sin-destino"]{text-align:left}
[data-role="numeral"]{font-family:var(--mono);font-size:clamp(3.2rem,9vw,6rem);line-height:1;margin:.5rem 0 1rem;color:var(--rojo);letter-spacing:.08em}

@media (max-width:1100px){
  [data-role="hilo"] a{font-size:.86rem;padding:.3rem .38rem}
  [data-role="emisor"] small{display:none}
}
@media (max-width:899px){
  body{font-size:1.03rem;padding-bottom:72px}
  [data-role="hilo"]{display:none}
  [data-section="oficina"]>div{padding:.5rem 1rem;gap:.6rem}
  [data-role="emisor"] img{width:70px}
  [data-section="impreso"]{margin:0 0 1.5rem;padding:1.4rem 1rem 2rem;box-shadow:none}
  [data-role="cabeza"]{grid-template-columns:1fr;gap:1.4rem}
  [data-role="matasellos"]{right:.4rem;top:-1.6rem;width:92px;height:92px;font-size:.58rem}
  [data-role="matasellos"] strong{font-size:.78rem}
  [data-role="colilla"]{margin-top:.6rem}
  [data-section="impreso"]>[data-role="matasellos"]{display:none}
  [data-role="casilleros"]{grid-template-columns:repeat(2,minmax(0,1fr))}
  [data-role="casillero"]:nth-child(3){border-left:0}
  [data-role="casillero"]:nth-child(n+3){border-top:1px solid var(--tinta)}
  [data-role="formulario-titulo"]{letter-spacing:.25em;font-size:.82rem}
  [data-section="pie"]{padding:.5rem 1rem 2rem}
  [data-section="teclado"]{
    display:grid;grid-template-columns:repeat(6,minmax(0,1fr));
    position:fixed;left:0;right:0;bottom:0;z-index:30;
    background:var(--tinta);border-top:3px solid var(--lima);
    padding-bottom:env(safe-area-inset-bottom)
  }
  [data-section="teclado"] a{display:flex;flex-direction:column;align-items:center;gap:3px;padding:.45rem 0 .5rem;color:var(--papel);text-decoration:none;font-family:var(--mono);font-size:.66rem;letter-spacing:.02em;min-width:0}
  [data-section="teclado"] a[aria-current="page"]{color:var(--lima);box-shadow:inset 0 3px 0 var(--lima)}
  [data-section="teclado"] svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
}
@media (max-width:640px){
  [data-role="tarifa-ancha"] thead{position:absolute;left:-9999px}
  [data-role="tarifa-ancha"] caption{display:block;width:100%}
  [data-role="tarifa-ancha"],[data-role="tarifa-ancha"] tbody,[data-role="tarifa-ancha"] tr,[data-role="tarifa-ancha"] td{display:block;width:100%}
  [data-role="tarifa-ancha"] tr{border-top:2px solid var(--tinta);padding:.35rem 0}
  [data-role="tarifa-ancha"] tbody tr:nth-child(even) td{background:transparent}
  [data-role="tarifa-ancha"] td{border-top:0;padding:.2rem .75rem;display:grid;grid-template-columns:7.5rem 1fr;gap:.6rem}
  [data-role="tarifa-ancha"] td::before{content:attr(data-columna);font-family:var(--mono);font-size:.74rem;letter-spacing:.06em;text-transform:uppercase;color:var(--grafito);padding-top:.12rem}
  [data-role="tarifa-ancha"] td:first-child{font-weight:600}
}
@media (max-width:420px){
  [data-role="emisor"] span{display:none}
  [data-section="oficina"] [data-role="franqueo"]{font-size:.82rem;padding:.38rem .6rem}
  [data-role="franqueo"]{font-size:.94rem}
}
@media (min-width:1700px){
  [data-section="impreso"]{max-width:1000px}
  [data-section="pie"]{max-width:1000px}
}
@media (prefers-reduced-motion:reduce){[data-role="franqueo"]{transition:none}}