/* Discount Calculator */
.bg-discount {
  background:
    linear-gradient(rgba(255,255,255,0.92), rgba(255,255,255,0.92)),
    url('../Images/home/svg/discount.svg');
  background-size: cover;
  background-position: center;
   background-repeat:no-repeat;
}

/* Percentage Calculator */
.bg-percentage {
  background:
    linear-gradient(rgba(255,255,255,0.92), rgba(255,255,255,0.92)),
    url('../Images/home/hero.webp');
  background-size: cover;
  background-position: center;
   background-repeat:no-repeat;
}

/* BMI Calculator */
.bg-bmi {
  background:
    linear-gradient(rgba(255,255,255,0.92), rgba(255,255,255,0.92)),
    url('../Images/home/svg/bmi.svg');
  background-size: cover;
  background-position: center;
   background-repeat:no-repeat;
}


/* ROI Calculator */
.bg-roi{
  position: relative;
  overflow: hidden;
}

/* Gradiente */
.bg-roi::before{
  content:"";
  position:absolute;
  inset:0;
  background: linear-gradient(135deg,#22c55e,#10b981);
  z-index:0;
}

/* Imagen SVG */
.bg-roi::after{
  content:"";
  position:absolute;
  inset:0;
  background:url('../Images/home/svg/roi.svg') no-repeat center;
  background-size:cover;
  opacity:0.12;
  pointer-events:none;
  z-index:1;
}

/* Contenido encima */
.bg-roi > *{
  position:relative;
  z-index:2;
}