/* Estilo de las notas de Saracca Consultores (no hace falta tocarlo) */
:root{
  --pino:#1F4D3F; --pino-osc:#163A2F; --ocre:#E3B23C; --salvia:#DCE6DF;
  --papel:#F7F8F6; --tinta:#1E2A2F; --gris:#5B6A67; --linea:#C9D4CD; --rojo:#B5462F;
}
*{box-sizing:border-box}
body{margin:0;background:var(--papel);color:var(--tinta);font-family:"Atkinson Hyperlegible",system-ui,sans-serif;font-size:1.125rem;line-height:1.7}
h1,h2,h3{font-family:"Bricolage Grotesque",system-ui,sans-serif;line-height:1.15;letter-spacing:-.01em;color:var(--pino-osc)}
a{color:var(--pino)}
a:focus-visible{outline:3px solid var(--ocre);outline-offset:3px}

.nota-barra{border-bottom:1px solid var(--linea);background:rgba(247,248,246,.94)}
.nota-barra div{max-width:760px;margin:0 auto;padding:12px 20px;display:flex;justify-content:space-between;align-items:center;gap:16px}
.nota-barra img{height:40px;width:auto;display:block}
.nota-barra a.volver{font-weight:700;text-decoration:none;font-size:.95rem}

article{max-width:760px;margin:0 auto;padding:48px 20px 64px}
.nota-fecha{color:var(--gris);font-size:.95rem;margin:0 0 10px}
.nota-tipo{display:inline-block;background:var(--salvia);color:var(--pino-osc);font-weight:700;font-size:.82rem;padding:3px 10px;border-radius:6px;margin-left:8px}
article h1{font-size:clamp(2rem,5vw,2.8rem);margin:0 0 18px}
.nota-bajada{font-size:1.25rem;color:var(--gris);margin:0 0 36px}
article h2{font-size:1.55rem;margin:44px 0 12px}
article p{margin:0 0 1.1em}
article ul,article ol{padding-left:24px;margin:0 0 1.2em}
article li{margin-bottom:8px}

.cuenta{background:#fff;border:1px solid var(--linea);border-radius:12px;padding:20px 22px;margin:24px 0;font-variant-numeric:tabular-nums}
.cuenta div{display:flex;justify-content:space-between;gap:16px;padding:6px 0;border-bottom:1px dashed var(--linea)}
.cuenta div:last-child{border-bottom:0}
.cuenta .menos b{color:var(--rojo)}
.cuenta .total{font-weight:700}
.cuenta .total b{background:linear-gradient(transparent 55%,var(--ocre) 55% 90%,transparent 90%);padding:0 4px}
.recuadro{border-left:4px solid var(--ocre);background:#fff;padding:16px 20px;border-radius:0 10px 10px 0;margin:28px 0}
.recuadro p:last-child{margin:0}

.nota-cierre{margin-top:48px;background:var(--pino-osc);color:#E4EEE8;border-radius:16px;padding:28px}
.nota-cierre h2{color:var(--ocre);margin-top:0}
.nota-cierre p{color:#D4E2DA}
.nota-cierre .boton{display:inline-block;background:var(--ocre);color:var(--tinta);font-weight:700;text-decoration:none;padding:12px 20px;border-radius:10px;margin:6px 10px 0 0}
.nota-cierre .boton.claro{background:transparent;color:#fff;box-shadow:inset 0 0 0 2px #fff}

footer{text-align:center;color:var(--gris);font-size:.9rem;padding:24px 20px 40px}
@media (max-width:600px){body{font-size:1.0625rem}article{padding:32px 16px 48px}.nota-barra div{padding:10px 16px}}