/* Página pública de Auditi. Solo tokens de diseno.css. */
html { scroll-behavior: smooth; }
body { background: var(--superficie); }
section[id] { scroll-margin-top: 80px; }

.ld-contenedor { width: 100%; max-width: 1160px; margin: 0 auto; padding: 0 var(--e-6); }

/* Barra superior */
.ld-barra { position: sticky; top: 0; z-index: 20; background: var(--superficie); border-bottom: 1px solid var(--borde); }
.ld-barra__fila { display: flex; align-items: center; gap: var(--e-6); min-height: 68px; }
.ld-barra .marca { padding: 0; }
.ld-nav { display: flex; gap: var(--e-6); margin-left: auto; }
.ld-nav a { color: var(--texto-2); font-size: var(--t-sm); font-weight: var(--peso-medio); }
.ld-nav a:hover { color: var(--azul-600); }
.ld-barra__acciones { display: flex; gap: var(--e-2); }

/* Encabezado */
.ld-hero { background: var(--fondo); padding: var(--e-10) 0 calc(var(--e-10) * 2); }
.ld-hero__grilla { display: grid; grid-template-columns: 1.05fr 1fr; gap: calc(var(--e-10) * 1.5); align-items: center; padding-top: var(--e-10); }
.ld-antetitulo { color: var(--azul-600); font-weight: var(--peso-fuerte); font-size: var(--t-sm); margin: 0 0 var(--e-3); }
.ld-titular { font-size: clamp(var(--t-3xl), 6vw, var(--t-4xl)); font-weight: var(--peso-fuerte); line-height: 1.05; letter-spacing: -0.025em; margin: 0 0 var(--e-5); }
.ld-bajada { font-size: var(--t-lg); color: var(--texto-2); line-height: 1.6; margin: 0 0 var(--e-8); max-width: 34em; }
.ld-hero__acciones { display: flex; flex-wrap: wrap; gap: var(--e-3); margin-bottom: var(--e-8); }
.ld-hero__puntos, .ld-lista { list-style: none; padding: 0; margin: 0; display: grid; gap: var(--e-3); }
.ld-hero__puntos li, .ld-lista li { display: flex; gap: var(--e-3); align-items: flex-start; color: var(--texto-2); font-size: var(--t-md); line-height: 1.5; }
.ld-hero__puntos svg, .ld-lista svg { flex: none; width: 20px; height: 20px; color: var(--azul-600); margin-top: 2px; }

/* Maqueta del producto */
.ld-maqueta { margin: 0; background: var(--superficie); border: 1px solid var(--borde); border-radius: var(--radio-xl); box-shadow: var(--sombra-2); padding: var(--e-5); display: grid; gap: var(--e-4); }
.ld-maqueta__barra { display: flex; align-items: center; gap: var(--e-2); font-size: var(--t-sm); }
.ld-maqueta__barra span { width: 10px; height: 10px; border-radius: 50%; background: var(--borde-fuerte); }
.ld-maqueta__barra b { margin-left: var(--e-2); font-weight: var(--peso-fuerte); }
.ld-maqueta__cifras { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--e-3); }
.ld-maqueta__cifras div { border: 1px solid var(--borde); border-radius: var(--radio-md); padding: var(--e-3) var(--e-4); }
.ld-maqueta__cifras strong { display: block; font-size: var(--t-xl); font-weight: var(--peso-fuerte); font-variant-numeric: tabular-nums; }
.ld-maqueta__cifras span { font-size: var(--t-xs); color: var(--texto-2); }
.ld-maqueta__destacada { background: var(--azul-600); border-color: var(--azul-600) !important; }
.ld-maqueta__destacada strong, .ld-maqueta__destacada span { color: var(--sobre-azul); }
.ld-rojo { color: var(--rojo-texto); }
.ld-maqueta__filas { list-style: none; margin: 0; padding: 0; display: grid; }
.ld-maqueta__filas li { display: grid; grid-template-columns: 96px 64px 1fr; gap: var(--e-3); align-items: center; padding: var(--e-3) 0; border-top: 1px solid var(--borde); font-size: var(--t-sm); }
.ld-maqueta__filas .estado { justify-self: start; }
.ld-maqueta__dictamen { background: var(--azul-50); border-radius: var(--radio-md); padding: var(--e-4); font-size: var(--t-sm); line-height: 1.5; }
.ld-maqueta__dictamen p { margin: 0; }
.ld-maqueta__cita, .ld-evidencia__cita { margin-top: var(--e-2) !important; font-family: var(--fuente-mono); font-size: var(--t-xs); color: var(--texto-2); }

/* Secciones */
.ld-seccion { padding: calc(var(--e-10) * 2) 0; }
.ld-seccion--alterna { background: var(--fondo); }
.ld-h2 { font-size: clamp(var(--t-xl), 4vw, var(--t-3xl)); font-weight: var(--peso-fuerte); line-height: 1.15; letter-spacing: -0.02em; margin: 0 0 var(--e-4); }
.ld-intro { font-size: var(--t-lg); color: var(--texto-2); line-height: 1.6; margin: 0 0 var(--e-8); max-width: 38em; }
.ld-dos { display: grid; grid-template-columns: 1fr 1fr; gap: calc(var(--e-10) * 1.5); align-items: center; }

/* Plazos */
.ld-plazos { padding: calc(var(--e-10) * 2) 0; border-bottom: 1px solid var(--borde); }
.ld-plazos__grilla { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--e-6); }
.ld-plazo { border: 1px solid var(--borde); border-radius: var(--radio-lg); padding: var(--e-6); }
.ld-plazo strong { font-size: var(--t-4xl); font-weight: var(--peso-fuerte); color: var(--azul-600); line-height: 1; letter-spacing: -0.03em; }
.ld-plazo span { display: block; font-weight: var(--peso-fuerte); margin: var(--e-1) 0 var(--e-3); }
.ld-plazo p { color: var(--texto-2); line-height: 1.55; margin: 0 0 var(--e-4); }
.ld-plazo small { color: var(--texto-2); font-size: var(--t-xs); }

/* Pasos */
.ld-pasos { list-style: none; padding: 0; margin: var(--e-8) 0 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--e-6); }
.ld-paso { background: var(--fondo); border-radius: var(--radio-lg); padding: var(--e-6); }
.ld-paso__num { display: inline-grid; place-items: center; width: 36px; height: 36px; border-radius: var(--radio-pill); background: var(--azul-600); color: var(--sobre-azul); font-weight: var(--peso-fuerte); }
.ld-paso h3, .ld-rol h3 { font-size: var(--t-lg); font-weight: var(--peso-fuerte); margin: var(--e-4) 0 var(--e-2); }
.ld-paso p, .ld-rol p { color: var(--texto-2); line-height: 1.6; margin: 0; }

/* Conceptos */
.ld-conceptos { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: 1fr 1fr; gap: var(--e-4); }
.ld-conceptos li { display: flex; gap: var(--e-3); background: var(--superficie); border: 1px solid var(--borde); border-radius: var(--radio-lg); padding: var(--e-4); }
.ld-conceptos .etiqueta { flex: none; font-family: var(--fuente-mono); align-self: flex-start; }
.ld-conceptos strong { display: block; margin-bottom: var(--e-1); }
.ld-conceptos p { margin: 0; color: var(--texto-2); font-size: var(--t-sm); line-height: 1.5; }

/* Evidencia */
.ld-dos--invertido > :first-child { order: 0; }
.ld-evidencia { border: 1px solid var(--borde); border-radius: var(--radio-xl); padding: var(--e-6); box-shadow: var(--sombra-2); }
.ld-evidencia__cabeza { display: flex; gap: var(--e-2); align-items: center; flex-wrap: wrap; }
.ld-evidencia h3 { font-size: var(--t-lg); font-weight: var(--peso-fuerte); margin: var(--e-4) 0 var(--e-2); }
.ld-evidencia p { margin: 0; color: var(--texto-2); line-height: 1.55; }
.ld-evidencia__accion { margin-top: var(--e-4) !important; color: var(--texto) !important; font-weight: var(--peso-medio); }

/* Bandeja */
.ld-bandeja { background: var(--superficie); border: 1px solid var(--borde); border-radius: var(--radio-xl); padding: var(--e-3) var(--e-5); box-shadow: var(--sombra-2); }
.ld-bandeja__fila { display: grid; grid-template-columns: 1fr auto auto; gap: var(--e-4); align-items: center; padding: var(--e-4) 0; border-bottom: 1px solid var(--borde); font-size: var(--t-sm); }
.ld-bandeja__fila b { font-weight: var(--peso-fuerte); font-variant-numeric: tabular-nums; min-width: 88px; text-align: right; }
.ld-bandeja__nota { font-size: var(--t-sm); color: var(--texto-2); line-height: 1.55; margin: var(--e-4) 0 var(--e-2); }

/* Roles */
.ld-roles { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--e-6); margin-top: var(--e-8); }
.ld-rol { border: 1px solid var(--borde); border-radius: var(--radio-lg); padding: var(--e-6); }
.ld-rol h3 { margin-top: 0; }

/* Cierre y formulario */
.ld-cierre { background: var(--azul-600); color: var(--sobre-azul); padding: calc(var(--e-10) * 2) 0; }
.ld-cierre__texto p { font-size: var(--t-lg); line-height: 1.6; color: var(--azul-100); margin: 0 0 var(--e-6); }
.ld-lista--clara li { color: var(--sobre-azul); }
.ld-lista--clara svg { color: var(--ambar-400); }
.ld-form { background: var(--superficie); color: var(--texto); border-radius: var(--radio-xl); padding: var(--e-8); box-shadow: var(--sombra-azul); display: grid; gap: var(--e-4); }
.ld-form h3 { font-size: var(--t-lg); font-weight: var(--peso-fuerte); margin: 0; }
.ld-form__grilla { display: grid; grid-template-columns: 1fr 1fr; gap: var(--e-4); }
.ld-form .campo { margin: 0; }
.ld-form__consentimiento { display: flex; gap: var(--e-2); align-items: flex-start; font-size: var(--t-sm); color: var(--texto-2); line-height: 1.5; }
.ld-form__consentimiento input { margin-top: 3px; accent-color: var(--azul-600); }
.ld-form .boton { justify-self: start; }
.ld-form__gracias p { color: var(--texto-2); margin: var(--e-2) 0 0; }
.ld-trampa { position: absolute; left: -9999px; width: 1px; height: 1px; opacity: 0; }

/* Pie */
.ld-pie { padding: var(--e-8) 0; border-top: 1px solid var(--borde); }
.ld-pie__fila { display: flex; flex-wrap: wrap; align-items: center; gap: var(--e-4) var(--e-6); }
.ld-pie p { margin: 0; color: var(--texto-2); font-size: var(--t-sm); }
.ld-pie nav { display: flex; gap: var(--e-5); margin-left: auto; }
.ld-pie nav a { color: var(--texto-2); font-size: var(--t-sm); }
.ld-pie small { color: var(--texto-2); font-size: var(--t-xs); width: 100%; }

/* Tableta */
@media (max-width: 960px) {
  .ld-nav { display: none; }
  .ld-barra__acciones { margin-left: auto; }
  .ld-hero__grilla, .ld-dos { grid-template-columns: 1fr; gap: var(--e-10); }
  .ld-dos--invertido > :first-child { order: 1; }
  .ld-plazos__grilla, .ld-pasos, .ld-roles { grid-template-columns: 1fr; }
}
/* Celular */
@media (max-width: 600px) {
  .ld-contenedor { padding: 0 var(--e-4); }
  .ld-hero { padding: var(--e-4) 0 var(--e-10); }
  .ld-hero__grilla { padding-top: var(--e-6); }
  .ld-hero__acciones .boton { flex: 1 1 100%; justify-content: center; }
  .ld-seccion, .ld-plazos, .ld-cierre { padding: calc(var(--e-10) * 1.5) 0; }
  .ld-conceptos, .ld-form__grilla { grid-template-columns: 1fr; }
  .ld-maqueta__filas li { grid-template-columns: auto 1fr; }
  .ld-maqueta__filas li > :last-child { grid-column: 1 / -1; color: var(--texto-2); }
  .ld-maqueta__cifras strong { font-size: var(--t-lg); }
  .ld-form { padding: var(--e-5); }
  .ld-bandeja__fila { grid-template-columns: 1fr auto; }
  .ld-bandeja__fila b { grid-column: 1 / -1; text-align: left; }
  .ld-pie nav { margin-left: 0; }
}