.elementor-38 .elementor-element.elementor-element-da18e3c{--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:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;--margin-top:70px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );text-transform:var( --e-global-typography-primary-text-transform );color:var( --e-global-color-primary );}.elementor-38 .elementor-element.elementor-element-836d379{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -20px) 0px;}.elementor-38 .elementor-element.elementor-element-836d379.elementor-element{--align-self:center;}.elementor-38 .elementor-element.elementor-element-836d379 .elementor-heading-title{font-family:"Belleza", Sans-serif;font-size:120px;font-weight:200;text-transform:uppercase;color:var( --e-global-color-secondary );}.elementor-38 .elementor-element.elementor-element-50b8001{--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;--justify-content:center;--margin-top:0px;--margin-bottom:8px;--margin-left:0px;--margin-right:0px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-38 .elementor-element.elementor-element-007cd5a img{width:100px;}.elementor-38 .elementor-element.elementor-element-b42961c{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-38 .elementor-element.elementor-element-b42961c.elementor-element{--align-self:center;}.elementor-38 .elementor-element.elementor-element-b42961c .elementor-heading-title{font-family:"Belleza", Sans-serif;font-size:46px;font-weight:200;text-transform:uppercase;color:var( --e-global-color-secondary );}.elementor-38 .elementor-element.elementor-element-52c98fc img{width:100px;}.elementor-38 .elementor-element.elementor-element-7446492{margin:-13px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--e-transform-origin-x:center;--e-transform-origin-y:center;}.elementor-38 .elementor-element.elementor-element-7446492.elementor-element{--align-self:center;}.elementor-38 .elementor-element.elementor-element-7446492 .elementor-heading-title{font-family:"Belleza", Sans-serif;font-size:80px;font-weight:200;text-transform:uppercase;color:var( --e-global-color-primary );}.elementor-38 .elementor-element.elementor-element-ccd785d{margin:18px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-38 .elementor-element.elementor-element-ccd785d img{width:100%;}.elementor-38 .elementor-element.elementor-element-c3e06b1{--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:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}body.elementor-page-38:not(.elementor-motion-effects-element-type-background), body.elementor-page-38 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://lorigancava.com/wp-content/uploads/2025/10/mosaic-fons-low.jpg");background-position:top center;background-repeat:no-repeat;background-size:cover;}:root{--page-title-display:none;}@media(min-width:1025px){body.elementor-page-38:not(.elementor-motion-effects-element-type-background), body.elementor-page-38 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}}@media(max-width:767px){.elementor-38 .elementor-element.elementor-element-836d379{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-38 .elementor-element.elementor-element-836d379 .elementor-heading-title{font-size:53px;}.elementor-38 .elementor-element.elementor-element-007cd5a img{width:50px;}.elementor-38 .elementor-element.elementor-element-b42961c{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-38 .elementor-element.elementor-element-b42961c .elementor-heading-title{font-size:28px;}.elementor-38 .elementor-element.elementor-element-52c98fc img{width:50px;}.elementor-38 .elementor-element.elementor-element-7446492{margin:-3px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-38 .elementor-element.elementor-element-7446492 .elementor-heading-title{font-size:52px;}body.elementor-page-38:not(.elementor-motion-effects-element-type-background), body.elementor-page-38 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://lorigancava.com/wp-content/uploads/2025/10/mosaic-movil-scaled.jpg");background-position:top center;background-size:cover;}}/* Start custom CSS for image, class: .elementor-element-ccd785d *//* 
.image-zoom-horizontal {
  overflow: hidden;
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  position: relative;
}

.image-zoom-horizontal::before {
  content: '';
  position: absolute;
  top: 0;
  left: 50%;
  width: 0%;
  height: 100%;
  background: white; 
  transform: translateX(-50%);
  animation: reveal-clip 1s forwards ease-out;
}


.image-zoom-horizontal img {
  display: block;
  width: 100%;
  height: auto; 
  clip-path: inset(0 50% 0 50%); 
  animation: reveal-image 1s forwards ease-out;
}


@keyframes reveal-image {
  from {
    clip-path: inset(0 50% 0 50%);
  }
  to {
    clip-path: inset(0 0% 0 0%);
  }
}
*/



/* Contenidor */
.image-zoom-horizontal {
  overflow: hidden;
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  position: relative;
}

/* Contenidor extra per al clip */
.image-zoom-horizontal::before {
  content: '';
  position: absolute;
  top: 0;
  left: 50%;
  width: 0%;
  height: 100%;
  background: white; /* No visible, només per animar el clip */
  transform: translateX(-50%);
}

/* Imatge */
.image-zoom-horizontal img {
  display: block;
  width: 100%;
  height: auto; /* Manté l'alçada */
  clip-path: inset(0 50% 0 50%); /* Comença “retallada” al centre */
}

/* Animació del clip */
@keyframes reveal-image {
  from {
    clip-path: inset(0 50% 0 50%);
  }
  to {
    clip-path: inset(0 0% 0 0%);
  }
}

/* Classe que s'afegirà amb JS */
.image-zoom-horizontal.active img {
  animation: reveal-image 1s forwards ease-out;
}/* End custom CSS */