.boton-ws{position:fixed;bottom:25px;right:20px;z-index:1000;transition:transform .4s ease}
.boton-ws.subido{transform:translateY(-75px)}
#sp-header,#sp-header.affix,#sp-header.sticky{position:fixed!important;top:10px;left:0;right:0;z-index:1000;padding-top:0!important;margin-top:0!important}
.sticky-header-placeholder{height:0!important;padding:0!important;margin:0!important}
#sp-header,#sp-header.affix,#sp-header.animated,#sp-header.is-visible,#sp-header.slideInDown,#sp-header.sticky{opacity:1!important;visibility:visible!important;animation:none!important}
#sp-header{transform:translateY(0) scale(.98);transition:transform .35s cubic-bezier(.33,1,.68,1);will-change:transform}
#sp-header.header-deslizado{transform:translateY(-5px) scale(1)}
@media (hover:none) and (pointer:coarse){
#sp-header{transition:transform .7s cubic-bezier(.33,1,.68,1)}
}

/* Aseguramos que el wrapper tenga el border-radius */
.sppb-addon-overlay-image {
  border-radius: 20px; /* o el valor que prefieras */
  overflow: hidden; /* Muy importante para que el recorte funcione */
  position: relative; /* Asegura que el overlay-image se quede dentro */
}

/* También forzamos a la imagen de fondo a adaptarse */
.overlay-background-image {
  border-radius: inherit; /* hereda el redondeo del padre */
  background-size: cover; /* asegúrate que esté bien configurada */
  background-position: center;
  width: 100%;
  height: 100%;
}

.sppb-addon-overlay-image {
  border-radius: 15px;
  overflow: hidden;
  position: relative;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.25); /* sombra suave y profesional */
}