/* Renta 210 — la liquidación encabezada por el saldo.
   Solo tokens de styles.css. Se carga después de styles.css. */

/* ---- el saldo, primero ------------------------------------------------- */
.liq-hero { margin: var(--e-5) 0 var(--e-7); }
.liq-hero .gran-total { margin: 0; }
.liq-hero .gran-total .valor { font-size: 44px; }
.liq-hero-nota { font-size: var(--t-aux); color: var(--tinta-2); margin-top: var(--e-3); max-width: 74ch; }
.liq-hero-aux { font-size: var(--t-min); color: var(--tinta-3); margin-top: var(--e-2); max-width: 74ch; }

@media screen and (min-width: 1200px) {
  .liq-hero { display: grid; grid-template-columns: minmax(0, 1fr) minmax(280px, 32ch); column-gap: var(--e-7); align-items: start; }
  .liq-hero .gran-total { grid-row: 1 / span 2; }
  .liq-hero-nota, .liq-hero-aux { margin-top: 0; }
  .liq-hero-aux { align-self: start; }
}

/* ---- las secciones, plegadas ------------------------------------------- */
details.sec-plegable { border-bottom: var(--borde-fino); }
details.sec-plegable:first-of-type { border-top: var(--borde-estructural); }
details.sec-plegable > summary {
  list-style: none; cursor: pointer;
  display: flex; gap: var(--e-3); align-items: baseline;
  padding: var(--e-3) 0;
  font-family: var(--f-titulo); font-size: var(--t-h3); font-weight: 600;
}
details.sec-plegable > summary::-webkit-details-marker { display: none; }
details.sec-plegable > summary::after {
  content: "+"; margin-left: auto; font-family: var(--f-cifra);
  font-size: var(--t-aux); color: var(--tinta-3);
}
details.sec-plegable[open] > summary::after { content: "\2212"; }
details.sec-plegable > summary:hover { color: var(--acento); }
details.sec-plegable > summary:focus-visible { outline: 2px solid var(--acento); outline-offset: 2px; }
details.sec-plegable > summary .n { font-family: var(--f-cifra); font-size: var(--t-min); color: var(--tinta-3); }
details.sec-plegable[open] > summary { border-bottom: var(--borde-fino); }
details.sec-plegable > *:not(summary) { margin-left: var(--e-5); }
details.sec-plegable > *:first-of-type:not(summary) { margin-top: var(--e-4); }
details.sec-plegable > *:last-child { margin-bottom: var(--e-5); }

/* La hoja del 210 no se sangra: la réplica se lee de borde a borde. */
details.sec-plegable[data-sec="10"] > *:not(summary) { margin-left: 0; }

@media (max-width: 759px) {
  details.sec-plegable > *:not(summary) { margin-left: 0; }
  .liq-hero .gran-total .valor { font-size: 34px; }
}

@media print {
  .liq-hero { display: none !important; }
  details.sec-plegable { border: 0; }
  details.sec-plegable > summary {
    font-size: var(--t-h2); margin: var(--e-7) 0 var(--e-3);
    padding-bottom: var(--e-2); border-bottom: var(--borde-estructural);
    break-after: avoid; page-break-after: avoid; list-style: none;
  }
  details.sec-plegable > summary::after { content: ""; }
  details.sec-plegable > *:not(summary) { margin-left: 0; }
}