.elementor-116 .elementor-element.elementor-element-4d624af{--display:flex;--min-height:100vh;--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;--overflow:hidden;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.pp-tooltip.pp-tooltip-{{ID}} .pp-tooltip-content{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}:root{--page-title-display:none;}@media(min-width:768px){.elementor-116 .elementor-element.elementor-element-4d624af{--width:100%;}}/* Start custom CSS for container, class: .elementor-element-4d624af *//* ==============================
   BACKGROUND
============================== */

.elementor-116 .elementor-element.elementor-element-4d624af .tramas-bg{
  position:absolute;
  inset:-4%;
  z-index:0;

  /*
  QUI POI METTIAMO IL VERO PATTERN.
  Per ora puoi assegnargli la tua immagine/SVG.
  */

  background-position:center;
  background-size:cover;
  background-repeat:no-repeat;

  opacity:0;
  transform:scale(1.06);
  will-change:transform,opacity;
}

/* ==============================
   STAGE
============================== */

.elementor-116 .elementor-element.elementor-element-4d624af .tramas-stage{
  position:relative;
  width:100%;
  height:100%;
  z-index:1;
}

/* ==============================
   LOGO PRINCIPALE
============================== */

.elementor-116 .elementor-element.elementor-element-4d624af .tramas-logo{
  position:absolute;
  left:50%;
  top:50%;

  width:min(40vw,650px);

  transform:translate(-50%,-50%);
  z-index:3;
}

.elementor-116 .elementor-element.elementor-element-4d624af .tramas-logo-svg{
  display:block;
  width:100%;
  height:auto;
  overflow:visible;
}

/* fondamentale per lo spostamento del simbolo */

.elementor-116 .elementor-element.elementor-element-4d624af .tramas-mark{
  transform-box:fill-box;
  transform-origin:center center;
  will-change:transform;
}

.elementor-116 .elementor-element.elementor-element-4d624af .tramas-word{
  transform-box:fill-box;
  transform-origin:center center;
}

/* ==============================
   DESTINAZIONE SIMBOLO
============================== */

.elementor-116 .elementor-element.elementor-element-4d624af .tramas-mark-target{
  position:absolute;

  top:40px;
  left:50%;

  width:72px;
  height:72px;

  transform:translateX(-50%);

  pointer-events:none;

  /* solo per debug eventualmente:
  outline:1px solid red;
  */
}

/* ==============================
   CLAIM
============================== */

.elementor-116 .elementor-element.elementor-element-4d624af .tramas-claim{
  position:absolute;
  left:50%;
  top:50%;

  transform:translate(-50%,-50%);

  width:max-content;

  font-family:Arial,sans-serif;
  font-size:clamp(48px,5.3vw,90px);
  font-weight:700;
  line-height:.98;
  letter-spacing:-.045em;

  visibility:hidden;

  z-index:2;
}

.elementor-116 .elementor-element.elementor-element-4d624af .tramas-claim-line{
  overflow:hidden;
}

.elementor-116 .elementor-element.elementor-element-4d624af .tramas-claim-line span{
  display:block;
  will-change:transform;
}

/* ==============================
   MOBILE
============================== */

@media(max-width:767px){

  .elementor-116 .elementor-element.elementor-element-4d624af .tramas-logo{
    width:82vw;
  }

  .elementor-116 .elementor-element.elementor-element-4d624af .tramas-mark-target{
    top:24px;
    width:54px;
    height:54px;
  }

  .elementor-116 .elementor-element.elementor-element-4d624af .tramas-claim{
    width:82vw;
    font-size:clamp(42px,11vw,68px);
  }

}/* End custom CSS */