/* prestaciones.css — aguinaldo y vacaciones con prima vacacional (México, fase 4, 20-10-2026).
   Se carga DETRÁS de herramientas.css y laboral.css: la página lleva `lt-herr--laboral` y reutiliza la tarjeta
   de resultado, el desglose y las tablas de la calculadora laboral. Aquí solo lo propio, con el prefijo
   `lt-herr-prest__`. Sin colores nuevos: tokens --herr-*. Nada de estilos en línea (CSP). */

/* --- Formulario del aguinaldo: la fecha de salida solo con «Ya no» ---
   Sin :has (navegadores viejos) se ve siempre y no pasa nada: con «Sí, sigo» el servidor la ignora. */
.lt-herr--prestaciones .lt-herr__form:has(input[name="sigue"][value="si"]:checked) .lt-herr-prest__si-salida { display: none; }

/* --- Resultado de vacaciones: «18 días» como cifra protagonista --- */
.lt-herr-prest__unidad { font-size: .45em; font-weight: 700; letter-spacing: 0; }

/* La prima vacacional, segunda cifra: debajo de los días, más pequeña y sin el rojo de marca (el rojo es
   para UNA cosa por resultado). */
.lt-herr-prest__prima { margin-top: 14px; padding-top: 14px; border-top: 1px solid var(--herr-divider); }
.lt-herr-prest__prima-cifra {
  margin: 2px 0 0; font-family: var(--herr-font-head); font-size: 30px; font-weight: 700; line-height: 1.1;
  color: var(--herr-ink); font-variant-numeric: tabular-nums;
}

/* --- ¿Cuánto paga ISR? --- */
.lt-herr-prest__isr, .lt-herr-prest__si-terminara {
  margin-top: 18px; padding-top: 18px; border-top: 1px solid var(--herr-divider);
}
.lt-herr-prest__isr-cifras { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin: 10px 0 8px; }
.lt-herr-prest__isr-cifras div {
  min-width: 0; padding: 10px 12px; border: 1px solid var(--herr-divider); border-radius: 12px; background: var(--herr-canvas);
}
.lt-herr-prest__isr-cifras dt { margin: 0; font-size: 13px; font-weight: 600; color: var(--herr-text-2); }
.lt-herr-prest__isr-cifras dd {
  margin: 2px 0 0; font-family: var(--herr-font-head); font-size: 18px; font-weight: 700; color: var(--herr-ink);
  font-variant-numeric: tabular-nums; overflow-wrap: anywhere;
}
.lt-herr-prest__isr .lt-herr__nota { margin-top: 10px; }

/* --- Si dejaras el trabajo hoy --- */
.lt-herr-prest__si-terminara-texto { margin: 6px 0 4px; font-size: 15px; line-height: 1.5; color: var(--herr-text-2); }
.lt-herr-prest__si-terminara-texto strong { color: var(--herr-ink); white-space: nowrap; }

/* --- Tablas de la guía: tres columnas, la primera ancha --- */
.lt-herr-prest__tabla th[scope="row"] { white-space: normal; }
.lt-herr-prest__tabla td { white-space: nowrap; }
@media (max-width: 479.98px) {
  .lt-herr-prest__tabla th, .lt-herr-prest__tabla td { padding-left: 8px; padding-right: 8px; font-size: 14px; }
}

/* El desglose ya cierra con su raya: sin otra encima del bloque siguiente. */
.lt-herr-laboral__desglose + .lt-herr-prest__isr,
.lt-herr-laboral__desglose + .lt-herr-prest__si-terminara { border-top: 0; padding-top: 0; }