/* Estilos de los documentos legales de Horita */
:root{--cielo:#F4F8F7;--tinta:#12302E;--tinta-2:#4E6664;--turno:#0B8063;--menta:#0FA37F;--boleto:#FFE6B8;--lila:#D3E5DF;--blanco:#fff;
  --display:"Bricolage Grotesque",system-ui,sans-serif;--texto:"Figtree",system-ui,sans-serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--cielo);color:var(--tinta);font:400 16.5px/1.65 var(--texto);-webkit-font-smoothing:antialiased}
a{color:var(--turno);font-weight:600}
:focus-visible{outline:3px solid var(--turno);outline-offset:3px;border-radius:6px}
.barra{position:sticky;top:0;z-index:5;background:rgba(244,248,247,.94);backdrop-filter:blur(8px);border-bottom:1px solid var(--lila)}
.barra .in{max-width:1120px;margin:0 auto;padding:14px 20px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.logo{display:inline-flex;align-items:center;text-decoration:none;color:var(--tinta);font:800 26px/1 var(--display);letter-spacing:-1px}
.logo svg{width:.82em;height:.82em;margin:0 .02em;transform:translateY(.04em)}
.barra nav{display:flex;gap:8px;flex-wrap:wrap}
.chip{display:inline-flex;align-items:center;gap:6px;border:0;cursor:pointer;text-decoration:none;font:600 14px var(--texto);color:var(--tinta);background:var(--blanco);
  border-radius:999px;padding:9px 14px;box-shadow:inset 0 0 0 1.5px var(--lila)}
.chip:hover{box-shadow:inset 0 0 0 1.5px var(--tinta)}
.chip.on{background:var(--tinta);color:#fff;box-shadow:none}
.portada{max-width:1120px;margin:0 auto;padding:40px 20px 10px}
.portada small{font:700 12.5px var(--texto);letter-spacing:1.4px;text-transform:uppercase;color:var(--turno)}
.portada h1{font:800 clamp(36px,5.4vw,58px)/1 var(--display);letter-spacing:-.035em;margin:8px 0 12px}
.portada p{margin:0;color:var(--tinta-2);max-width:62ch}
.resumen{max-width:1120px;margin:22px auto 0;padding:0 20px}
.resumen .caja{background:var(--boleto);border-radius:20px;padding:18px 22px}
.resumen b{display:block;font:800 17px var(--display);margin-bottom:6px}
.resumen ul{margin:0;padding-left:20px}
.cuerpo{max-width:1120px;margin:0 auto;padding:26px 20px 70px;display:grid;grid-template-columns:270px 1fr;gap:34px;align-items:start}
.lado{position:sticky;top:86px;background:var(--blanco);border-radius:20px;padding:18px 16px;max-height:calc(100vh - 110px);overflow:auto}
.lado b{display:block;font:700 12px var(--texto);letter-spacing:1.2px;text-transform:uppercase;color:var(--tinta-2);margin:0 0 8px 6px}
.lado ol{margin:0;padding:0;list-style:none;counter-reset:i}
.lado li{counter-increment:i}
.lado li a{display:flex;gap:8px;padding:7px 8px;border-radius:10px;color:var(--tinta);font-weight:500;font-size:14px;text-decoration:none;line-height:1.35}
.lado li a::before{content:counter(i);font-weight:700;color:var(--turno);min-width:18px}
.lado li a:hover,.lado li a.aqui{background:#E6F5EF}
article{background:var(--blanco);border-radius:24px;padding:34px 38px}
article h2{font:800 23px/1.2 var(--display);letter-spacing:-.3px;margin:34px 0 10px;scroll-margin-top:90px;counter-increment:s}
article h2:first-child{margin-top:0}
article{counter-reset:s}
article h2::before{content:counter(s) ". ";color:var(--turno)}
article h3{font:700 17px/1.3 var(--texto);margin:20px 0 6px}
article p,article li{color:#26403D}
article ul,article ol{padding-left:22px}
article li{margin-bottom:5px}
.nota{background:var(--cielo);border-left:4px solid var(--menta);border-radius:10px;padding:12px 16px;margin:14px 0}
.tabla{width:100%;border-collapse:collapse;margin:12px 0;font-size:15px}
.tabla th,.tabla td{text-align:left;vertical-align:top;padding:10px 12px;border-bottom:1px solid var(--lila)}
.tabla th{background:var(--cielo);font-weight:700}
.pendiente{background:#FFE6B8;color:#7a4b00;border-radius:6px;padding:1px 6px;font-weight:700}
.firma{margin-top:30px;padding-top:18px;border-top:1px solid var(--lila);color:var(--tinta-2);font-size:14.5px}
footer{max-width:1120px;margin:0 auto;padding:0 20px 40px;color:var(--tinta-2);font-size:14px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
@media (max-width:860px){
  .barra .in{padding:10px 14px}
  .barra nav{flex-wrap:nowrap;gap:6px}
  .chip{padding:7px 10px;font-size:12.5px;white-space:nowrap}
  #imprimir{display:none}
  .logo{font-size:22px}
  .cuerpo{grid-template-columns:1fr;gap:16px}
  .lado{position:static;max-height:none}
  article{padding:24px 20px;border-radius:20px}
  .tabla,.tabla tbody,.tabla tr,.tabla td{display:block;width:100%}
  .tabla thead{display:none}
  .tabla tr{border-bottom:1px solid var(--lila);padding:8px 0}
  .tabla td{border:0;padding:4px 0}
  .tabla td::before{content:attr(data-t);display:block;font-weight:700;font-size:13px;color:var(--tinta-2)}
}
@media print{
  .barra,.lado,#imprimir,footer{display:none!important}
  body{background:#fff}
  .cuerpo{display:block;padding:0}
  article{padding:0}
  .pendiente{background:none;border:1px dashed #999}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}