/* ====
   ¿Qué visa me corresponde? (Colombia, México y España, 24-10-2026). Prefijo `lt-herr-visa__`. Se apoya en
   herramientas.css, laboral.css y beckham.css (tarjeta de resultado, campos, tablas); aquí solo lo propio: las
   tarjetas de cada vía, su estado y el aviso YMYL de la cabecera.
   ==== */
.lt-herr-visa__ymyl {
  margin: 12px 0 0;
  padding: 10px 14px;
  border-left: 3px solid var(--lt-gris-400, #9aa0a6);
  background: var(--lt-gris-50, #f6f7f8);
  font-size: 0.875rem;
  line-height: 1.45;
}

/* Las preguntas de opciones largas y el par importe + moneda ocupan toda la fila de la rejilla de campos. */
.lt-herr--visa #lt-herr-campo-situacion,
.lt-herr--visa #lt-herr-campo-objetivo,
.lt-herr--visa .lt-herr-visa__dinero,
.lt-herr--visa #lt-herr-campo-pareja { grid-column: 1 / -1; }

.lt-herr-visa__tipos {
  display: grid;
  grid-template-columns: 1fr;
  gap: 8px;
}

@media (min-width: 768px) {
  .lt-herr-visa__tipos { grid-template-columns: 1fr 1fr; }
  #lt-herr-campo-situacion .lt-herr-visa__tipos { grid-template-columns: 1fr 1fr 1fr; }
}

.lt-herr-visa__dinero {
  display: grid;
  grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
  gap: 12px;
}

.lt-herr-visa__corto { max-width: 8rem; }

.lt-herr-visa__nacional { margin: 8px 0 0; }

.lt-herr-visa__grande {
  margin: 10px 0 0;
  font-size: 1.75rem;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: -0.01em;
}

.lt-herr-visa__resultado.is-no .lt-herr-visa__grande { color: var(--lt-gris-600, #5f6368); }

.lt-herr-visa__clave { margin: 12px 0 0; font-size: 0.9375rem; line-height: 1.45; }

.lt-herr-visa__mas > summary {
  display: flex;
  gap: 8px;
  align-items: center;
  list-style: none;
}

.lt-herr-visa__mas > summary::-webkit-details-marker { display: none; }

.lt-herr-visa__via {
  margin: 0 0 16px;
  padding: 16px;
  border: 1px solid var(--lt-gris-200, #e3e5e8);
  border-radius: 10px;
  background: #fff;
}

.lt-herr-visa__via.is-encaja { border-left: 4px solid var(--lt-verde-600, #1e7f4f); }
.lt-herr-visa__via.is-casi { border-left: 4px solid var(--lt-ambar-600, #b26a00); }
.lt-herr-visa__via.is-no { border-left: 4px solid var(--lt-gris-400, #9aa0a6); }

.lt-herr-visa__estado {
  margin: 0 0 4px;
  font-size: 0.75rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.lt-herr-visa__via.is-encaja .lt-herr-visa__estado { color: var(--lt-verde-600, #1e7f4f); }
.lt-herr-visa__via.is-casi .lt-herr-visa__estado { color: var(--lt-ambar-600, #b26a00); }
.lt-herr-visa__via.is-no .lt-herr-visa__estado { color: var(--lt-gris-600, #5f6368); }

.lt-herr-visa__via-h { margin: 0 0 8px; font-size: 1.125rem; }

.lt-herr-visa__sub { margin: 10px 0 4px; font-weight: 600; font-size: 0.9375rem; }

.lt-herr-visa__lista { margin: 0; padding-left: 1.2em; }
.lt-herr-visa__lista li { margin: 0 0 4px; }
.lt-herr-visa__lista--falta li::marker { color: var(--lt-ambar-600, #b26a00); }

.lt-herr-visa__mas { margin-top: 12px; }
.lt-herr-visa__mas > summary { cursor: pointer; font-weight: 600; margin-bottom: 8px; }

.lt-herr-visa__datos { margin: 12px 0 0; }
.lt-herr-visa__datos > div { margin: 0 0 8px; }
.lt-herr-visa__datos dt { font-weight: 600; font-size: 0.875rem; }
.lt-herr-visa__datos dd { margin: 2px 0 0; }

.lt-herr-visa__aviso,
.lt-herr-visa__normas { margin: 10px 0 0; font-size: 0.875rem; }

.lt-herr-visa__avisos { margin: 0 0 16px; }

.lt-herr-visa__caso > div { display: flex; gap: 8px; margin: 0 0 4px; }
.lt-herr-visa__caso dt { font-weight: 600; min-width: 9rem; }
.lt-herr-visa__caso dd { margin: 0; }