.elementor-15819 .elementor-element.elementor-element-2c57981{--display:flex;--min-height:60vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;}.elementor-15819 .elementor-element.elementor-element-2c57981:not(.elementor-motion-effects-element-type-background), .elementor-15819 .elementor-element.elementor-element-2c57981 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.laognipratica.com/wp-content/uploads/2026/02/attivare-SPID-agenzia-la-ogni-pratica.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-15819 .elementor-element.elementor-element-2c57981.e-con{--align-self:center;}.elementor-15819 .elementor-element.elementor-element-1153731{--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;--justify-content:flex-start;}.elementor-15819 .elementor-element.elementor-element-f3f7369{text-align:center;}.elementor-15819 .elementor-element.elementor-element-f3f7369 .elementor-heading-title{font-size:2.5em;text-transform:uppercase;color:var( --e-global-color-41e718d );}.elementor-15819 .elementor-element.elementor-element-4166d71{--display:flex;--padding-top:40px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}@media(max-width:1024px){.elementor-15819 .elementor-element.elementor-element-2c57981{--min-height:50vh;}.elementor-15819 .elementor-element.elementor-element-1153731{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-15819 .elementor-element.elementor-element-f3f7369{text-align:center;}.elementor-15819 .elementor-element.elementor-element-f3f7369 .elementor-heading-title{font-size:1.9em;}.elementor-15819 .elementor-element.elementor-element-4166d71{--padding-top:30px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}@media(max-width:767px){.elementor-15819 .elementor-element.elementor-element-2c57981:not(.elementor-motion-effects-element-type-background), .elementor-15819 .elementor-element.elementor-element-2c57981 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.laognipratica.com/wp-content/uploads/2026/02/attivazione-spid-agenzia-pratiche-auto-la-ogni-pratica.webp");}.elementor-15819 .elementor-element.elementor-element-2c57981{--min-height:50vh;--justify-content:center;}.elementor-15819 .elementor-element.elementor-element-1153731{--width:92%;--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-15819 .elementor-element.elementor-element-f3f7369{text-align:center;}.elementor-15819 .elementor-element.elementor-element-f3f7369 .elementor-heading-title{font-size:1.5em;line-height:1.3em;}.elementor-15819 .elementor-element.elementor-element-4166d71{--content-width:90%;--padding-top:30px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}@media(min-width:768px){.elementor-15819 .elementor-element.elementor-element-1153731{--width:85%;}}@media(max-width:1024px) and (min-width:768px){.elementor-15819 .elementor-element.elementor-element-4166d71{--content-width:90%;}}/* Start custom CSS for container, class: .elementor-element-2c57981 *//* HERO STATICA – overlay via CSS */
.elementor-15819 .elementor-element.elementor-element-2c57981.hero-statica{
  position: relative;
  overflow: hidden;
}

/* overlay (stato finale già impostato) */
.elementor-15819 .elementor-element.elementor-element-2c57981.hero-statica::before{
  content: "";
  position: absolute;
  inset: 0;
  background-color: #000;
  opacity: 0.85;                 /* stato finale */
  pointer-events: none;
  z-index: 1;

  animation: heroOverlayFade 0.5s ease-out both;
  animation-delay: 0.3s;
}

/* contenuti sopra overlay */
.elementor-15819 .elementor-element.elementor-element-2c57981.hero-statica > *{
  position: relative;
  z-index: 2;
}

/* animazione overlay */
@keyframes heroOverlayFade{
  from{ opacity: 0; }
  to{   opacity: 0.85; }
}

/* titolo (stato finale già impostato) */
.elementor-15819 .elementor-element.elementor-element-2c57981.hero-statica .hero-title-anim{
  opacity: 1;                    /* stato finale */
  transform: scale(1);           /* stato finale */
  will-change: transform, opacity;

  animation: heroTitleIn 0.45s ease-out both;
  animation-delay: 0.65s;
}

/* animazione titolo */
@keyframes heroTitleIn{
  from{
    opacity: 0;
    transform: scale(0.96);
  }
  to{
    opacity: 1;
    transform: scale(1);
  }
}/* End custom CSS */