/* =====================================================================
   RV25 Relojería · CONFIANZA
   ---------------------------------------------------------------------
   Franja azul noche que va DESPUÉS del catálogo:
     · arriba, centrado: "Envío gratis a toda Colombia." como título y
       "te lo conseguimos en 10 a 15 días hábiles" debajo;
     · abajo, las 4 promesas (originales, garantía, envío, pagos) como
       una línea de sellos de calidad: 2 columnas en celular · 4 desde 1040px.
   ===================================================================== */

.confianza {
  margin-top: var(--seccion);          /* aire después de los relojes */
  padding: 64px var(--margen) 52px;
  background: var(--noche); color: var(--fondo);
}

/* --- Mensaje principal --- */
.confianza-cabeza { max-width: 40em; margin: 0 auto; text-align: center; }
.confianza-titulo {
  font-size: clamp(30px, 7.5vw, 52px); font-weight: 400;
  line-height: 1.08; letter-spacing: -0.02em;
  color: var(--fondo);
}
.confianza-texto { margin-top: 14px; font-size: 17px; line-height: 1.6; color: var(--tinta-sobre-noche); }
.confianza-texto a { color: var(--fondo); font-weight: 600; text-underline-offset: 3px; }
.confianza-texto a:hover { color: var(--acento); }

/* --- Las 4 promesas --- */
.promesas {
  list-style: none;
  display: grid; grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 30px 18px;
  max-width: var(--ancho); margin: 48px auto 0; padding: 0;
  text-align: center;
}
.promesas li { font-size: 14px; line-height: 1.5; color: var(--tinta-sobre-noche); }

/* Pequeño rombo azul encima de cada promesa, como un sello */
.promesas li::before {
  content: ""; display: block;
  width: 7px; height: 7px; margin: 0 auto 14px;
  background: var(--acento);
  transform: rotate(45deg);
}

.promesas strong {
  display: block; margin-bottom: 6px;
  font-family: var(--titulo); font-weight: 400; font-size: 19px; line-height: 1.2; letter-spacing: -0.01em;
  color: var(--fondo);
}

@media (min-width: 720px) {
  .confianza { padding-block: 88px 72px; }
  .confianza-texto { font-size: 19px; }
  .promesas { gap: 40px 48px; margin-top: 64px; }
  .promesas li { font-size: 15px; max-width: 26em; margin: 0 auto; }
  .promesas strong { font-size: 22px; }
}

@media (min-width: 1040px) {
  .promesas { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}