.elementor-6856 .elementor-element.elementor-element-ab78a67{--display:flex;--min-height:261.5px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;--background-transition:0.3s;--overlay-opacity:1;--border-radius:12px 12px 12px 12px;--padding-top:20px;--padding-bottom:15px;--padding-left:25px;--padding-right:25px;}.elementor-6856 .elementor-element.elementor-element-ab78a67:not(.elementor-motion-effects-element-type-background), .elementor-6856 .elementor-element.elementor-element-ab78a67 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;background-size:cover;}.elementor-6856 .elementor-element.elementor-element-ab78a67::before, .elementor-6856 .elementor-element.elementor-element-ab78a67 > .elementor-background-video-container::before, .elementor-6856 .elementor-element.elementor-element-ab78a67 > .e-con-inner > .elementor-background-video-container::before, .elementor-6856 .elementor-element.elementor-element-ab78a67 > .elementor-background-slideshow::before, .elementor-6856 .elementor-element.elementor-element-ab78a67 > .e-con-inner > .elementor-background-slideshow::before, .elementor-6856 .elementor-element.elementor-element-ab78a67 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';background-color:transparent;background-image:linear-gradient(56deg, #FFFFFF33 19%, #FFFFFF00 47%);}.elementor-6856 .elementor-element.elementor-element-ab78a67, .elementor-6856 .elementor-element.elementor-element-ab78a67::before{--border-transition:0.3s;}.elementor-6856 .elementor-element.elementor-element-e57b85e .elementor-heading-title{color:#17191A;font-family:"Chilena", Sans-serif;font-size:24px;font-weight:800;}@media(min-width:768px){.elementor-6856 .elementor-element.elementor-element-ab78a67{--width:100%;}}/* Start custom CSS for container, class: .elementor-element-ab78a67 */#container-carousel_coctel {
  position: relative; /* necesario para que el ::before se posicione bien */
  z-index: 1; /* asegura que el contenido esté arriba */
}

#container-carousel_coctel::before {
  content: "";
  position: absolute;
  inset: 0; /* cubre todo el contenedor */
  z-index: 0; /* queda debajo del contenido pero encima de la imagen */
  background: 
    linear-gradient(56.46deg, rgba(255, 255, 255, 0.2) 19.45%, rgba(255, 255, 255, 0) 47.04%),
    linear-gradient(55.82deg, rgba(255, 255, 255, 0.2) 27.27%, rgba(255, 255, 255, 0) 46.18%),
    linear-gradient(237.96deg, rgba(0, 0, 0, 0.2) 41.51%, rgba(0, 0, 0, 0.2) 41.51%, rgba(0, 0, 0, 0.2) 54.09%, rgba(0, 0, 0, 0.2) 63.88%);
  pointer-events: none; /* evita que bloquee clics o interacciones */
  border-radius: inherit; /* mantiene el borde redondeado si lo usas */
}/* End custom CSS */