/* Fondo compartido: color del template arriba y blanco al final. */
html {
  min-height: 100%;
  background: #ffffff !important;
}

html[data-visual-template] body {
  min-height: 100vh;
  background-color: #ffffff !important;
  background-image: linear-gradient(
    to bottom,
    var(--page-gradient-top, #ff8bc7) 0%,
    #ffffff 5%,
    #ffffff 100%
  ) !important;
  background-repeat: no-repeat !important;
  background-position: top center !important;
  background-size: 100% 100% !important;
  background-attachment: scroll !important;
}

/* Las estructuras principales quedan transparentes para mostrar el fondo. */
html[data-visual-template] body main,
html[data-visual-template] body .home-modules,
html[data-visual-template] body .section,
html[data-visual-template] body .shop-section {
  background-color: transparent;
  background-image: none;
}

@media (max-width: 799.99px) {
  html[data-visual-template] body {
    background-image: linear-gradient(
      to bottom,
      var(--page-gradient-top, #ff8bc7) 0%,
      #ffffff 5%,
      #ffffff 100%
    ) !important;
  }
}