/* Cuatro columnas con icono y texto. */

.rm-beneficios__cabecera { text-align: center; margin-bottom: 56px; }
.rm-beneficios__cabecera .rm-titulo { margin-inline: auto; }

.rm-beneficios__lista {
  list-style: none; margin: 0; padding: 0;
  display: grid; grid-template-columns: repeat(4, 1fr); gap: 40px;
}

.rm-beneficio { text-align: center; }

.rm-beneficio__icono {
  width: 64px; height: 64px; margin: 0 auto 24px;
  display: flex; align-items: center; justify-content: center;
  border-radius: 50%; background: var(--rm-beige);
  transition: transform var(--rm-transicion), background var(--rm-transicion);
}

.rm-beneficio:hover .rm-beneficio__icono {
  transform: translateY(-6px) scale(1.05);
  background: var(--rm-dorado);
}

/* Los iconos van como máscara para poder teñirlos con currentColor */
.rm-beneficio__icono::before {
  content: ''; width: 26px; height: 26px;
  background: var(--rm-dorado);
  transition: background var(--rm-transicion);
  -webkit-mask: var(--rm-icono) center / contain no-repeat;
  mask: var(--rm-icono) center / contain no-repeat;
}
.rm-beneficio:hover .rm-beneficio__icono::before { background: var(--rm-blanco); }

.rm-beneficio__icono--pluma  { --rm-icono: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6'%3E%3Cpath d='M4 20 20 4M14 4h6v6'/%3E%3C/svg%3E"); }
.rm-beneficio__icono--mano   { --rm-icono: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6'%3E%3Cpath d='M12 20s-7-4.3-7-9a4 4 0 0 1 7-2.6A4 4 0 0 1 19 11c0 4.7-7 9-7 9Z'/%3E%3C/svg%3E"); }
.rm-beneficio__icono--camion { --rm-icono: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6'%3E%3Cpath d='M2 7h11v9H2zM13 10h4l3 3v3h-7z'/%3E%3Ccircle cx='6' cy='18' r='1.6'/%3E%3Ccircle cx='17' cy='18' r='1.6'/%3E%3C/svg%3E"); }
.rm-beneficio__icono--gema   { --rm-icono: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6'%3E%3Cpath d='M6 3h12l3 6-9 12L3 9Z'/%3E%3C/svg%3E"); }

.rm-beneficio__titulo { font-family: var(--rm-serif); font-weight: 500; font-size: 1.15rem; margin: 0 0 10px; }
.rm-beneficio__texto  { color: var(--rm-gris); font-size: 0.92rem; margin: 0; }

@media (max-width: 1024px) { .rm-beneficios__lista { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 600px)  { .rm-beneficios__lista { grid-template-columns: 1fr; } }