.elementor-2316 .elementor-element.elementor-element-7609bcf{--display:flex;--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;--gap:5px 5px;--row-gap:5px;--column-gap:5px;--overlay-opacity:0.5;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:15%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-2316 .elementor-element.elementor-element-7609bcf:not(.elementor-motion-effects-element-type-background), .elementor-2316 .elementor-element.elementor-element-7609bcf > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://embotitsesquiador.com/wp-content/uploads/2025/04/Assortit-d_Embotits-2-1.webp");background-repeat:no-repeat;background-size:cover;}.elementor-2316 .elementor-element.elementor-element-7609bcf::before, .elementor-2316 .elementor-element.elementor-element-7609bcf > .elementor-background-video-container::before, .elementor-2316 .elementor-element.elementor-element-7609bcf > .e-con-inner > .elementor-background-video-container::before, .elementor-2316 .elementor-element.elementor-element-7609bcf > .elementor-background-slideshow::before, .elementor-2316 .elementor-element.elementor-element-7609bcf > .e-con-inner > .elementor-background-slideshow::before, .elementor-2316 .elementor-element.elementor-element-7609bcf > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-2316 .elementor-element.elementor-element-c29a438{padding:0% 0% 0% 3%;}.elementor-2316 .elementor-element.elementor-element-c29a438 .elementor-heading-title{font-size:47px;color:#FFFFFF;}.elementor-2316 .elementor-element.elementor-element-e7afdd7{padding:0% 0% 0% 3%;color:#FFFFFF;}.elementor-2316 .elementor-element.elementor-element-e7afdd7 a{color:#FFFFFF;}.elementor-2316 .elementor-element.elementor-element-ba46683 > .elementor-widget-container{padding:0% 3% 3% 3%;}.elementor-2316 .elementor-element.elementor-element-5609b0c{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;--margin-top:5%;--margin-bottom:5%;--margin-left:0%;--margin-right:0%;}.elementor-2316 .elementor-element.elementor-element-9af418b{--display:flex;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:5%;}.elementor-2316 .elementor-element.elementor-element-9e8f3ca{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}@media(min-width:769px){.elementor-2316 .elementor-element.elementor-element-9af418b{--width:30%;}.elementor-2316 .elementor-element.elementor-element-9e8f3ca{--width:70%;}}@media(max-width:1024px){.elementor-2316 .elementor-element.elementor-element-7609bcf{--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:25%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-2316 .elementor-element.elementor-element-c29a438 .elementor-heading-title{font-size:42px;}}@media(max-width:768px){.elementor-2316 .elementor-element.elementor-element-7609bcf:not(.elementor-motion-effects-element-type-background), .elementor-2316 .elementor-element.elementor-element-7609bcf > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-size:cover;}.elementor-2316 .elementor-element.elementor-element-7609bcf{--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:42%;--padding-bottom:6%;--padding-left:0%;--padding-right:0%;}.elementor-2316 .elementor-element.elementor-element-c29a438{padding:8% 0% 0% 3%;}.elementor-2316 .elementor-element.elementor-element-c29a438 .elementor-heading-title{font-size:34px;}.elementor-2316 .elementor-element.elementor-element-ba46683 .wd-text-block{max-width:1000px;font-size:14px;}}/* Start custom CSS for container, class: .elementor-element-7609bcf */.titulobotigapagina{
  width: 100vw !important;
  max-width: 100vw !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  box-sizing: border-box !important;
}


.titulobotigapagina{
  position: relative;
  overflow: hidden;
  isolation: isolate;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
}

/* capa animada, apagada por defecto */
.titulobotigapagina::before{
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  background-image: var(--hero-bg, none);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  transform: scale(1.06);
  transform-origin: center center;
  opacity: 0;
  pointer-events: none;
  will-change: transform, opacity;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}

/* overlay oscuro */
.titulobotigapagina::after{
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 1;
  pointer-events: none;
}

/* solo cuando el JS encontró la imagen, se activa la capa */
.titulobotigapagina.hero-zoom-ready::before{
  opacity: 1;
  animation: heroZoomOutSmooth 1.8s cubic-bezier(.22,.61,.36,1) forwards;
}

/* cuando la capa ya está lista, recién ahí ocultamos el fondo original */
.titulobotigapagina.hero-zoom-ready{
  background-image: none !important;
}

/* desactiva overlay de Elementor para no duplicar la oscuridad */
.titulobotigapagina > .elementor-background-overlay,
.titulobotigapagina .elementor-background-overlay{
  display: none !important;
}

/* contenido por encima */
.titulobotigapagina > *{
  position: relative;
  z-index: 2;
}

.titulobotigapagina .e-con-inner,
.titulobotigapagina .elementor-widget-wrap,
.titulobotigapagina .elementor-element{
  position: relative;
  z-index: 2;
}

@keyframes heroZoomOutSmooth{
  from{
    transform: scale(1.06);
    opacity: 1;
  }
  to{
    transform: scale(1);
    opacity: 1;
  }
}/* End custom CSS */