/* ===== RR Beneficios Bar (plugin) ===== */
.rr-beneficios-bar{
  --rr-teal:#14b0b6;
  --rr-pink:#f3a1b4;
  --rr-ink:#0f172a;
  --rr-muted:#6b7280;
  --rr-line:rgba(15,23,42,.10);
  --rr-max:1200px;

  width:100%;
  background:#ffffff;
  padding:21px 18px; /* +15% */
}

.rr-beneficios-inner{
  max-width:var(--rr-max);
  margin:0 auto;
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:0;
  border-radius:18px; /* +15% */
  overflow:hidden;
  background:#fff;
}

.rr-beneficio{
  position:relative;
  display:flex;
  align-items:center;
  gap:16px;           /* +15% */
  padding:18px 21px;  /* +15% */
  min-height:99px;    /* +15% */

  /* stagger base */
  opacity:0;
  transform:translateY(14px);
  transition:
    opacity .55s ease,
    transform .55s cubic-bezier(.2,.8,.2,1),
    background-color .25s ease,
    box-shadow .25s ease;
  will-change: transform, opacity;
}

/* separadores verticales (desktop) */
.rr-beneficio:not(:nth-child(4n+1))::before{
  content:"";
  position:absolute;
  left:0;
  top:18%;
  bottom:18%;
  width:1px;
  background:var(--rr-line);
}

/* icono */
.rr-beneficio-icn{
  width:53px;   /* 46 * 1.15 */
  height:53px;
  display:grid;
  place-items:center;
  border-radius:16px; /* 14 * 1.15 */
  background:rgba(243,161,180,.14);
  color:var(--rr-pink); /* SVG = currentColor */
  flex:0 0 auto;
  transition:transform .25s ease, background-color .25s ease;
}
.rr-beneficio-icn svg{
  width:32px; /* 28 * 1.15 */
  height:auto;
  display:block;
}

/* textos */
.rr-beneficio-ttl{
  margin:0;
  font-size:21px; /* 18 * 1.15 */
  line-height:1.1;
  font-weight:800;
  color:var(--rr-teal);
  letter-spacing:-0.2px;
}
.rr-beneficio-sub{
  margin:5px 0 0 0;
  font-size:15px; /* 13 * 1.15 */
  line-height:1.25;
  color:var(--rr-muted);
}

/* hover */
.rr-beneficio:hover,
.rr-beneficio:focus-within{
  background:rgba(243,161,180,.08);
  box-shadow:0 16px 34px -26px rgba(243,161,180,.55); /* levemente mayor */
  transform:translateY(0);
}
.rr-beneficio:hover .rr-beneficio-icn,
.rr-beneficio:focus-within .rr-beneficio-icn{
  transform:translateY(-2px) scale(1.03);
  background:rgba(243,161,180,.18);
}

/* visible (stagger) */
.rr-beneficios-bar.is-visible .rr-beneficio{
  opacity:1;
  transform:translateY(0);
  transition-delay: calc(var(--i) * 90ms);
}

/* Responsive */
@media (max-width: 980px){
  .rr-beneficios-inner{ grid-template-columns:repeat(2, minmax(0,1fr)); }
  .rr-beneficio:not(:nth-child(4n+1))::before{ display:none; }
  .rr-beneficio:not(:nth-child(2n+1))::before{
    content:"";
    position:absolute;
    left:0;
    top:18%;
    bottom:18%;
    width:1px;
    background:var(--rr-line);
    display:block;
  }
}
@media (max-width: 560px){
  .rr-beneficios-inner{ grid-template-columns:1fr; }
  .rr-beneficio::before{ display:none !important; }
  .rr-beneficio{
    border-bottom:1px solid var(--rr-line);
  }
  .rr-beneficio:last-child{ border-bottom:none; }
}

@media (prefers-reduced-motion: reduce){
  .rr-beneficio{
    transition:none !important;
    transform:none !important;
    opacity:1 !important;
  }
  .rr-beneficios-bar.is-visible .rr-beneficio{
    transition-delay:0ms !important;
  }
}