/* Fanor · Producto — Bloque de confianza (widget suelto)
 *
 * Las promesas de la tienda (envío gratis, devoluciones, compra segura…) como
 * lista de ícono + texto. Sale del monolito de la ficha, donde vivía como
 * `.fanor-pp__trust` sin controles propios.
 *
 * EL PESO VISUAL, QUE NO ES CAPRICHO: pastilla en rojo PÁLIDO con el ícono en
 * rojo de línea, texto en condensada mayúscula y un filete de 1px por promesa. Se
 * lee como una ficha de datos del sitio, no como una tira de sellos. El rojo
 * sólido se lo queda el botón de compra: si estas filas tiraran igual del ojo, la
 * acción principal dejaría de destacar.
 *
 * El número de columnas lo fija el widget en cada breakpoint; aquí solo se define
 * el comportamiento por defecto de una columna. */

.fanor-prod-confianza {
  display: grid;
  grid-template-columns: repeat(var(--fcz-cols, 1), minmax(0, 1fr));
  gap: var(--fcz-gap-fila, 0px) var(--fcz-gap-col, 24px);
  padding-block: 4px;
}

.fanor-prod-confianza__row {
  display: flex;
  align-items: center;
  gap: var(--fcz-ico-gap, 12px);
  padding: var(--fcz-fila-pad, 12px) 0;
  border-bottom: var(--fcz-filete, 1px) solid var(--fcz-filete-color, #E5E7EB);
}

.fanor-prod-confianza__row:last-child {
  border-bottom: 0;
}

/* En varias columnas los filetes separan de a pares y el bloque lee como tabla,
   que es justo lo que no queremos. El widget apaga el filete poniendo la clase. */
.fanor-prod-confianza.sin-filete .fanor-prod-confianza__row {
  border-bottom: 0;
}

.fanor-prod-confianza__ico {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--fcz-ico-caja, 34px);
  height: var(--fcz-ico-caja, 34px);
  /* Cuadrado de esquinas suaves, no círculo: es la forma que ya usan las
     miniaturas y los botones de ícono del carrito. */
  border-radius: var(--fcz-ico-radio, 8px);
  background: var(--fcz-ico-bg, #FDECEC);
  color: var(--fcz-ico-fg, var(--fn-rojo, #CC0000));
}

.fanor-prod-confianza__ico svg,
.fanor-prod-confianza__ico i {
  width: var(--fcz-ico, 18px);
  height: var(--fcz-ico, 18px);
  font-size: var(--fcz-ico, 18px);
  display: block;
}

/* Sin pastilla: el ícono va desnudo sobre el fondo del bloque. */
.fanor-prod-confianza.sin-pastilla .fanor-prod-confianza__ico {
  width: auto;
  height: auto;
  background: transparent;
  border-radius: 0;
}

.fanor-prod-confianza__txt {
  min-width: 0;
  font-family: var(--fn-fuente-cond);
  font-size: 13px;
  letter-spacing: .3px;
  line-height: 1.3;
  text-transform: uppercase;
  color: var(--fcz-txt, var(--fn-texto, #202124));
}