.elementor-137 .elementor-element.elementor-element-a98c954{--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;}.elementor-137 .elementor-element.elementor-element-5f9abe9{--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;}.elementor-137 .elementor-element.elementor-element-912ba6d{--display:flex;}.elementor-137 .elementor-element.elementor-element-ef804db{--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;}.elementor-137 .elementor-element.elementor-element-b8220d8{--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;}.elementor-137 .elementor-element.elementor-element-72af404{--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;}.elementor-137 .elementor-element.elementor-element-72af404.e-con{--flex-grow:0;--flex-shrink:0;}.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 );color:var( --e-global-color-primary );}body.elementor-page-137:not(.elementor-motion-effects-element-type-background), body.elementor-page-137 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-accent );}@media(min-width:768px){.elementor-137 .elementor-element.elementor-element-b8220d8{--width:50%;}.elementor-137 .elementor-element.elementor-element-72af404{--width:50%;}}@media(max-width:767px){.elementor-137 .elementor-element.elementor-element-ef804db{--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:flex-end;}.elementor-137 .elementor-element.elementor-element-72af404{--width:163.8px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}/* Start custom CSS for html, class: .elementor-element-733f077 */.photo-grid{
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);

  display: grid;
  grid-template-columns: repeat(2, min(32vw, 320px));
  gap: 18px;
}

.cell{
  position: relative;
  aspect-ratio: 1 / 1;
  overflow: hidden;
}

/* due layer immagine (A e B) */
.cell::before,
.cell::after{
  content: "";
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center;
  transition: opacity 0.12s linear;
}

.cell::before{ opacity: 1; }
.cell::after{ opacity: 0; }

/* quando la cella è “swappata”, mostra B */
.cell.is-alt::before{ opacity: 0; }
.cell.is-alt::after{ opacity: 1; }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1cc6074 */.photo-grid{
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);

  display: grid;
  grid-template-columns: repeat(2, 280px);
  gap: 20px;
}

.cell{
  position: relative;
  aspect-ratio: 1 / 1;
  overflow: hidden;
}

.img{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
  transition: opacity 0.12s linear;
}

.img.b{
  opacity: 0;
}

.cell.is-alt .img.a{
  opacity: 0;
}

.cell.is-alt .img.b{
  opacity: 1;
}/* End custom CSS */