/* beckham.css — calculadora de la Ley Beckham (España, 24-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-beckham__`. Sin colores nuevos: tokens --herr-*. Nada de estilos en línea (CSP). */

/* --- Formulario --- */
.lt-herr__seg.lt-herr-beckham__seg--3 { grid-template-columns: repeat(3, 1fr); }
.lt-herr-beckham__tipos { grid-template-columns: repeat(auto-fit, minmax(min(100%, 230px), 1fr)); }
#lt-herr-campo-tipo, #lt-herr-campo-patrimonial, #lt-herr-campo-acreditado { grid-column: 1 / -1; }

/* Las preguntas que dependen del motivo: solo con su motivo marcado. Sin :has se ven siempre y no pasa nada. */
.lt-herr--beckham .lt-herr__form:has(input[name="tipo"]) .lt-herr-beckham__si-acreditado,
.lt-herr--beckham .lt-herr__form:has(input[name="tipo"]) .lt-herr-beckham__si-administrador { display: none; }
.lt-herr--beckham .lt-herr__form:has(input[name="tipo"][value="desplazado"]:checked) .lt-herr-beckham__si-acreditado,
.lt-herr--beckham .lt-herr__form:has(input[name="tipo"][value="emprendedor"]:checked) .lt-herr-beckham__si-acreditado,
.lt-herr--beckham .lt-herr__form:has(input[name="tipo"][value="cualificado"]:checked) .lt-herr-beckham__si-acreditado,
.lt-herr--beckham .lt-herr__form:has(input[name="tipo"][value="administrador"]:checked) .lt-herr-beckham__si-administrador {
  display: flex;
}

/* --- Resultado --- */
/* Si el régimen sale más caro, la cifra no va en el rojo de marca: el rojo es para UNA cosa por pantalla. */
.lt-herr-beckham__cifra--contra { color: var(--herr-ink); }
.lt-herr-beckham__seis { margin: 8px 0 0; font-size: 15px; font-weight: 600; line-height: 1.45; color: var(--herr-ink); }
.lt-herr-beckham__cuotas { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin: 16px 0 0; }
.lt-herr-beckham__cuotas div {
  min-width: 0; padding: 10px 12px; border: 1px solid var(--herr-divider); border-radius: 12px; background: var(--herr-canvas);
}
.lt-herr-beckham__cuotas dt { margin: 0; font-size: 13px; font-weight: 600; color: var(--herr-text-2); }
.lt-herr-beckham__cuotas 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-beckham__cuotas dd.lt-herr-beckham__efectivo {
  font-family: var(--herr-font-body); font-size: 13px; font-weight: 500; color: var(--herr-muted);
}

/* Requisitos, uno a uno */
.lt-herr-beckham__requisitos { margin-bottom: 22px; }
.lt-herr-beckham__lista { display: grid; gap: 10px; margin: 10px 0 0; padding: 0; list-style: none; }
.lt-herr-beckham__req {
  display: grid; grid-template-columns: 26px 1fr; gap: 10px; align-items: start; padding: 12px 14px;
  border: 1px solid var(--herr-divider); border-radius: 12px; background: var(--herr-surface);
}
.lt-herr-beckham__req-icono {
  display: flex; align-items: center; justify-content: center; width: 26px; height: 26px; border-radius: 999px;
  font-size: 15px; font-weight: 800; line-height: 1;
}
.lt-herr-beckham__req.is-cumple .lt-herr-beckham__req-icono { background: var(--herr-cuenta-bg); color: var(--herr-cuenta-ink); }
.lt-herr-beckham__req.is-no .lt-herr-beckham__req-icono { background: var(--herr-error-bg); color: var(--herr-error-ink); }
.lt-herr-beckham__req.is-duda .lt-herr-beckham__req-icono { background: var(--herr-banda-bg); color: var(--herr-banda-ink); }
.lt-herr-beckham__req-t { margin: 0; font-size: 15px; font-weight: 700; line-height: 1.35; color: var(--herr-ink); }
.lt-herr-beckham__req-d { margin: 4px 0 0; font-size: 14px; line-height: 1.5; color: var(--herr-text-2); }
.lt-herr-beckham__req-d a { color: var(--herr-ink); font-weight: 600; }
.lt-herr-beckham__anios { margin: 12px 0 0; font-size: 14px; line-height: 1.5; color: var(--herr-text-2); }

/* Tablas: tres o cuatro columnas, la primera ancha */
.lt-herr-beckham__tabla th[scope="row"] { white-space: normal; }
.lt-herr-beckham__tabla td { white-space: nowrap; }
.lt-herr-beckham__nota { display: block; margin-top: 2px; font-size: 12px; font-weight: 500; color: var(--herr-muted); }
@media (max-width: 479.98px) {
  .lt-herr-beckham__tabla th, .lt-herr-beckham__tabla td { padding-left: 8px; padding-right: 8px; font-size: 14px; }
  .lt-herr-beckham__cuotas { grid-template-columns: 1fr; }
}