/*
  sections/trust.css
  Franja de credibilidad, como la placa grabada de un chasis: en vez
  de specs técnicas, ahora son señales de confianza del negocio de
  eventos (volumen, equipo propio, respaldo).
*/

.trust-section {
  /* ancho completo real (sin max-width propio) + fondo opaco: ver la
     nota en layout.css ".section" sobre el fondo fijo del inicio.

     El fondo no es un color plano: es un degradado que pasa de
     transparente a opaco en los primeros px. Esta es la ÚNICA
     sección que hace de "tapa" del fondo fijo del hero (las que
     vienen después ya se apoyan sobre una anterior opaca), así que
     es la única que necesita disolver el corte en vez de taparlo de
     golpe — si no, al hacer scroll se ve una línea dura donde la
     foto termina.  */
  background: linear-gradient(to bottom, transparent 0, var(--ink-900) 96px);
}

.trust {
  display: flex;
  flex-wrap: wrap;
  border-top: var(--border-hairline);
  border-bottom: var(--border-hairline);
}

.trust__item {
  flex: 1 1 12rem;
  padding: var(--space-6) var(--space-5);
  border-left: var(--border-hairline);
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
}

.trust__item:first-child {
  border-left: none;
}

.trust__value {
  font-family: var(--font-mono);
  font-size: var(--size-small);
  color: var(--brand-green);
  letter-spacing: var(--tracking-wide);
}

.trust__label {
  font-size: var(--size-small);
  color: var(--text-secondary);
  line-height: var(--leading-snug);
}

@media (max-width: 48rem) {
  .trust__item {
    flex: 1 1 100%;
    border-left: none;
    border-top: var(--border-hairline);
  }

  .trust__item:first-child {
    border-top: none;
  }
}