/* =====================================================================
   empresas.css — /empresas/ (landings/empresas/index.html).

   Todo lo demás viene de los componentes del DS y de pages/home.css. Aquí va
   solo lo que esta página necesita y el DS no tiene. Solo tokens.
   ===================================================================== */

/* Las anclas del nav caen bajo la barra fija, no debajo de ella. */
.empresas-page section[id] { scroll-margin-top: 88px; }

/* Línea de fuente o aclaración bajo una sección: quieta, en gris. */
.empresas-page .fuente {
  font-size: var(--fs-small);
  color: var(--gris);
  max-width: var(--measure-prose);
}

/* Logos de clientes: más que los de prensa, así que la fila envuelve. */
.logo-row--clientes { flex-wrap: wrap; row-gap: var(--space-4); }

/* Privacidad: tres puntos, no seis → tres columnas en escritorio. */
@media (min-width: 992px) {
  .value-props-grid--tres { grid-template-columns: repeat(3, 1fr); }
}

/* Formulario: el botón ocupa todo el ancho en móvil, su ancho natural en escritorio. */
.propuesta-form__enviar { width: 100%; }
@media (min-width: 768px) {
  .propuesta-form__enviar { width: auto; }
}
.propuesta-resultado { margin-top: 0; }

/* Trampa para bots: fuera de la pantalla, pero no display:none (algunos bots
   se saltan los campos que no se pintan). */
.propuesta-form__trampa {
  position: absolute;
  left: -10000px;
  width: 1px;
  height: 1px;
  overflow: hidden;
}