.elementor-23867 .elementor-element.elementor-element-fdddc49 img{width:100%;}.elementor-23867 .elementor-element.elementor-element-0ef2cc4 > .elementor-widget-container{margin:4% 4% 4% 4%;}.elementor-23867 .elementor-element.elementor-element-0ef2cc4{text-align:center;}.elementor-23867 .elementor-element.elementor-element-0ef2cc4 .elementor-heading-title{font-family:"Outfit", Sans-serif;font-size:48px;font-weight:700;color:var( --e-global-color-61c01e98 );}.elementor-23867 .elementor-element.elementor-element-02793ef{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );}.elementor-23867 .elementor-element.elementor-element-147870ce:not(.elementor-motion-effects-element-type-background), .elementor-23867 .elementor-element.elementor-element-147870ce > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.faroaltostudio.it/wp-content/uploads/2025/09/montagne-background-piccolo-05.png");background-position:center center;background-repeat:no-repeat;}.elementor-23867 .elementor-element.elementor-element-147870ce{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-23867 .elementor-element.elementor-element-147870ce > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}@media(max-width:1024px){.elementor-23867 .elementor-element.elementor-element-02793ef{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}}@media(max-width:767px){.elementor-23867 .elementor-element.elementor-element-0ef2cc4 > .elementor-widget-container{margin:11% 11% 11% 11%;}.elementor-23867 .elementor-element.elementor-element-0ef2cc4 .elementor-heading-title{font-size:24px;}.elementor-23867 .elementor-element.elementor-element-02793ef > .elementor-widget-container{margin:0% 4% 0% 4%;}.elementor-23867 .elementor-element.elementor-element-02793ef{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}}/* Start custom CSS for column, class: .elementor-element-a9895f7 *//* FAROALTO • Featured Image – Hero cover (16:9 → 4:3 su mobile) */
.elementor-23867 .elementor-element.elementor-element-a9895f7{
  --fa-r:22px;
  --fa-border:#e8ecf7;
}

/* wrapper cover */
.elementor-23867 .elementor-element.elementor-element-a9895f7 .elementor-widget-container{
  position:relative;
  border-radius:var(--fa-r);
  overflow:hidden;
  border:1px solid var(--fa-border);
  box-shadow:0 12px 32px rgba(12,13,18,.14);
}

/* aspect ratio */
.elementor-23867 .elementor-element.elementor-element-a9895f7 .elementor-widget-container::before{
  content:"";
  display:block;
  aspect-ratio:16/9;        /* cambia in 21/9 o 4/3 se preferisci */
}
@media (max-width:640px){
  .elementor-23867 .elementor-element.elementor-element-a9895f7 .elementor-widget-container::before{ aspect-ratio:4/3; }
}

/* immagine come background tramite object-fit */
.elementor-23867 .elementor-element.elementor-element-a9895f7 img{
  position:absolute; inset:0;
  width:100%; height:100%;
  object-fit:cover;
  object-position:center center;     /* cambia qui il focus */
  display:block;
  background:#f2f4fb;
}
/* Limita l’altezza massima senza rompere l’inquadratura */
.elementor-23867 .elementor-element.elementor-element-a9895f7 .elementor-widget-container{
  max-height: min(46vh, 520px);
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-0ea9e7b */.elementor-23867 .elementor-element.elementor-element-0ea9e7b{
  width:100%;
  max-width:900px;
  margin-left:auto;
  margin-right:auto;
}/* End custom CSS */
/* Start custom CSS for theme-post-content, class: .elementor-element-02793ef *//* =========================================================
   FAROALTO • CONTENUTO ARTICOLI
   Elementor → Contenuto dell'articolo → Custom CSS
   ========================================================= */


/* =========================================================
   1. BASE
   ========================================================= */

.elementor-23867 .elementor-element.elementor-element-02793ef{
  --fa-ink:#0C0D12;
  --fa-ink-2:#172642;

  --fa-blue:#001845;

  --fa-purple:#7569E9;
  --fa-lilac:#BAA5FF;

  --fa-lilac-soft:#F8F7FF;
  --fa-lilac-soft-2:#F1EEFF;
  --fa-lilac-head:#E7E2FF;

  --fa-border:#D8D2F2;

  width:100%;
  max-width:820px;

  margin-left:auto;
  margin-right:auto;

  color:var(--fa-ink);

  font-family:
    "Outfit",
    system-ui,
    -apple-system,
    "Segoe UI",
    Roboto,
    Arial,
    sans-serif;

  line-height:1.65;
  letter-spacing:.1px;

  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}


/* =========================================================
   2. PARAGRAFI
   ========================================================= */

.elementor-23867 .elementor-element.elementor-element-02793ef p{
  margin:0 0 1.05em;

  font-size:clamp(16px,2.05vw,18px);
}


/* =========================================================
   3. TITOLI
   ========================================================= */

.elementor-23867 .elementor-element.elementor-element-02793ef h1,
.elementor-23867 .elementor-element.elementor-element-02793ef h2,
.elementor-23867 .elementor-element.elementor-element-02793ef h3,
.elementor-23867 .elementor-element.elementor-element-02793ef h4,
.elementor-23867 .elementor-element.elementor-element-02793ef h5,
.elementor-23867 .elementor-element.elementor-element-02793ef h6{
  margin:1.6em 0 .5em;

  color:var(--fa-ink);

  font-weight:800;
  line-height:1.18;
  letter-spacing:-.2px;
}

.elementor-23867 .elementor-element.elementor-element-02793ef h1{
  margin-top:.2em;
  font-size:clamp(28px,4.2vw,48px);
}

.elementor-23867 .elementor-element.elementor-element-02793ef h2{
  font-size:clamp(22px,3vw,30px);
}

.elementor-23867 .elementor-element.elementor-element-02793ef h3{
  font-size:clamp(18px,2.4vw,24px);
}

.elementor-23867 .elementor-element.elementor-element-02793ef h4{
  font-size:clamp(16px,2vw,20px);
}


/* Lineetta lilla sotto H2 */

.elementor-23867 .elementor-element.elementor-element-02793ef h2::after{
  content:"";

  display:block;

  width:min(72px,22%);
  height:3px;

  margin-top:10px;

  border-radius:3px;

  background:
    linear-gradient(
      90deg,
      var(--fa-lilac),
      rgba(186,165,255,.25)
    );
}


/* =========================================================
   4. LINK
   ========================================================= */

.elementor-23867 .elementor-element.elementor-element-02793ef a{
  color:var(--fa-purple);

  font-weight:600;

  text-decoration:underline;
  text-decoration-thickness:1.5px;
  text-underline-offset:3px;

  transition:
    color .2s ease,
    text-decoration-thickness .2s ease;
}

.elementor-23867 .elementor-element.elementor-element-02793ef a:hover{
  color:var(--fa-blue);
  text-decoration-thickness:2px;
}

.elementor-23867 .elementor-element.elementor-element-02793ef a:focus-visible{
  outline:2px solid var(--fa-purple);
  outline-offset:3px;

  border-radius:2px;
}


/* =========================================================
   5. LISTE
   ========================================================= */

.elementor-23867 .elementor-element.elementor-element-02793ef ul,
.elementor-23867 .elementor-element.elementor-element-02793ef ol{
  margin:0 0 1.1em 1.2em;
}

.elementor-23867 .elementor-element.elementor-element-02793ef li{
  margin:.4em 0;
}


/* Pallini lilla */

.elementor-23867 .elementor-element.elementor-element-02793ef ul li{
  position:relative;

  padding-left:1.1em;

  list-style:none;
}

.elementor-23867 .elementor-element.elementor-element-02793ef ul li::before{
  content:"";

  position:absolute;

  left:0;
  top:.72em;

  width:8px;
  height:8px;

  border-radius:999px;

  background:
    radial-gradient(
      circle at 30% 30%,
      var(--fa-lilac),
      #9F86FF
    );

  box-shadow:
    0 0 0 2px rgba(186,165,255,.18);
}


/* =========================================================
   6. INFO BOX

   Utilizzato per:
   • Tempo / Segnale / Costo / Dipende
   • Se sì / Se no
   • conclusioni operative
   ========================================================= */

.elementor-23867 .elementor-element.elementor-element-02793ef .fa-info-box{
  margin:1.35em 0 1.55em;

  padding:18px 20px;

  color:var(--fa-ink-2);

  background:
    linear-gradient(
      180deg,
      var(--fa-lilac-soft),
      var(--fa-lilac-soft-2)
    );

  border:1px solid var(--fa-border);
  border-left:4px solid var(--fa-purple);

  border-radius:18px;

  box-shadow:
    0 6px 18px rgba(12,13,18,.04);
}

.elementor-23867 .elementor-element.elementor-element-02793ef .fa-info-box p{
  margin:0 0 .55em;

  font-size:inherit;
  line-height:1.6;
}

.elementor-23867 .elementor-element.elementor-element-02793ef .fa-info-box p:last-child{
  margin-bottom:0;
}

.elementor-23867 .elementor-element.elementor-element-02793ef .fa-info-box strong{
  color:var(--fa-blue);

  font-weight:800;
}


/* =========================================================
   7. NOTA / PRECISAZIONE

   Utilizzato per note editoriali tipo:
   "Una precisazione sulla colonna velocità..."
   ========================================================= */

.elementor-23867 .elementor-element.elementor-element-02793ef .fa-note{
  margin:1.4em 0 1.8em;

  padding:16px 20px;

  color:var(--fa-ink-2);

  background:var(--fa-lilac-soft);

  border:1px solid var(--fa-border);
  border-left:4px solid var(--fa-lilac);

  border-radius:12px;
}

.elementor-23867 .elementor-element.elementor-element-02793ef .fa-note p{
  margin:0;

  font-size:16px;
  line-height:1.6;
}

.elementor-23867 .elementor-element.elementor-element-02793ef .fa-note strong{
  color:var(--fa-ink);

  font-weight:800;
}


/* =========================================================
   8. CASO REALE
   ========================================================= */

.elementor-23867 .elementor-element.elementor-element-02793ef .fa-case-box{
  margin:1.6em 0 1.9em;

  padding:20px 22px;

  color:var(--fa-ink-2);

  background:#FFFFFF;

  border:1px solid var(--fa-border);
  border-top:4px solid var(--fa-purple);

  border-radius:18px;

  box-shadow:
    0 8px 24px rgba(12,13,18,.06);
}

.elementor-23867 .elementor-element.elementor-element-02793ef .fa-case-box p{
  margin:0 0 .8em;

  font-size:inherit;
  line-height:1.6;
}

.elementor-23867 .elementor-element.elementor-element-02793ef .fa-case-box p:last-child{
  margin-bottom:0;
}


/* Etichetta "UN CASO REALE" */

.elementor-23867 .elementor-element.elementor-element-02793ef .fa-case-box .fa-case-label{
  margin:0 0 .7em;

  color:var(--fa-purple);

  font-size:13px;
  font-weight:800;

  line-height:1.3;

  letter-spacing:.08em;
  text-transform:uppercase;
}

.elementor-23867 .elementor-element.elementor-element-02793ef .fa-case-box strong{
  color:var(--fa-blue);

  font-weight:800;
}


/* =========================================================
   9. BLOCKQUOTE
   ========================================================= */

.elementor-23867 .elementor-element.elementor-element-02793ef blockquote{
  margin:1.4em 0;

  padding:18px 20px 18px 22px;

  color:var(--fa-ink-2);

  background:
    radial-gradient(
      180% 100% at 0% 0%,
      rgba(186,165,255,.16),
      transparent 60%
    ),
    var(--fa-lilac-soft);

  border:1px solid var(--fa-border);
  border-left:4px solid var(--fa-purple);

  border-radius:18px;

  font-size:clamp(16px,2.1vw,19px);
}

.elementor-23867 .elementor-element.elementor-element-02793ef blockquote p{
  margin:.2em 0;
}

.elementor-23867 .elementor-element.elementor-element-02793ef blockquote cite{
  display:block;

  margin-top:8px;

  color:var(--fa-ink);

  font-style:normal;
  font-weight:700;
}


/* =========================================================
   10. IMMAGINI E FIGURE
   ========================================================= */

.elementor-23867 .elementor-element.elementor-element-02793ef figure{
  margin:1.4em 0;

  text-align:center;
}

.elementor-23867 .elementor-element.elementor-element-02793ef img{
  display:block;

  width:auto;
  max-width:100%;
  height:auto;

  border-radius:22px;

  background:#F2F4FB;

  box-shadow:
    0 12px 32px rgba(12,13,18,.14);
}

.elementor-23867 .elementor-element.elementor-element-02793ef figcaption{
  margin-top:10px;

  color:var(--fa-ink-2);

  font-size:13px;

  opacity:.85;
}


/* =========================================================
   11. TABELLE COMPARATIVE
   ========================================================= */

.elementor-23867 .elementor-element.elementor-element-02793ef .wp-block-table{
  width:100%;
  max-width:100%;

  margin:1.4em 0;
}

.elementor-23867 .elementor-element.elementor-element-02793ef table{
  width:100%;

  border-collapse:separate;
  border-spacing:0;

  background:var(--fa-lilac-soft);

  border:1px solid var(--fa-border);

  border-radius:16px;

  overflow:hidden;

  font-size:clamp(14px,1.9vw,16px);

  box-shadow:
    0 6px 18px rgba(12,13,18,.06);
}


/* Celle */

.elementor-23867 .elementor-element.elementor-element-02793ef th,
.elementor-23867 .elementor-element.elementor-element-02793ef td{
  padding:12px 14px;

  text-align:left;
  vertical-align:top;

  border-right:1px solid var(--fa-border);
  border-bottom:1px solid var(--fa-border);
}


/* Ultima colonna */

.elementor-23867 .elementor-element.elementor-element-02793ef th:last-child,
.elementor-23867 .elementor-element.elementor-element-02793ef td:last-child{
  border-right:none;
}


/* Intestazione */

.elementor-23867 .elementor-element.elementor-element-02793ef thead th{
  color:var(--fa-blue);

  background:var(--fa-lilac-head);

  font-weight:800;
}


/* Corpo */

.elementor-23867 .elementor-element.elementor-element-02793ef tbody td{
  background:var(--fa-lilac-soft);
}


/* Righe alternate */

.elementor-23867 .elementor-element.elementor-element-02793ef tbody tr:nth-child(even) td{
  background:var(--fa-lilac-soft-2);
}


/* Ultima riga */

.elementor-23867 .elementor-element.elementor-element-02793ef tbody tr:last-child td{
  border-bottom:none;
}


/* Link nelle tabelle */

.elementor-23867 .elementor-element.elementor-element-02793ef table a{
  color:var(--fa-purple);

  font-weight:700;

  text-decoration:underline;
  text-underline-offset:3px;
}

.elementor-23867 .elementor-element.elementor-element-02793ef table a:hover{
  color:var(--fa-blue);
}


/* =========================================================
   12. CODE
   ========================================================= */

.elementor-23867 .elementor-element.elementor-element-02793ef :not(pre) > code{
  padding:.15em .4em;

  background:#F4F6FF;

  border:1px solid var(--fa-border);
  border-radius:8px;

  font-family:
    ui-monospace,
    SFMono-Regular,
    Menlo,
    Consolas,
    monospace;

  font-size:.95em;
}

.elementor-23867 .elementor-element.elementor-element-02793ef pre{
  margin:1.2em 0;

  padding:16px;

  overflow:auto;

  background:
    linear-gradient(
      180deg,
      #FBFBFF,
      #F3F6FF
    );

  border:1px solid var(--fa-border);
  border-radius:16px;

  box-shadow:
    inset 0 1px 0 #FFFFFF;
}

.elementor-23867 .elementor-element.elementor-element-02793ef pre code{
  font-size:.95em;
}


/* =========================================================
   13. HR
   ========================================================= */

.elementor-23867 .elementor-element.elementor-element-02793ef hr{
  height:1px;

  margin:2rem 0;

  border:none;

  background:
    linear-gradient(
      90deg,
      transparent,
      rgba(186,165,255,.45),
      transparent
    );
}


/* =========================================================
   14. MOBILE
   ========================================================= */

@media (max-width:767px){

  .elementor-23867 .elementor-element.elementor-element-02793ef{
    width:100%;
    max-width:100%;
  }


  /* Testo */

  .elementor-23867 .elementor-element.elementor-element-02793ef p{
    font-size:16px;
  }


  /* Titoli */

  .elementor-23867 .elementor-element.elementor-element-02793ef h2{
    margin-top:1.8em;
  }

  .elementor-23867 .elementor-element.elementor-element-02793ef h3{
    margin-top:1.5em;
  }


  /* Immagini */

  .elementor-23867 .elementor-element.elementor-element-02793ef img{
    border-radius:18px;
  }


  /* Info box */

  .elementor-23867 .elementor-element.elementor-element-02793ef .fa-info-box{
    margin:1.2em 0 1.4em;

    padding:15px 16px;

    border-radius:15px;
  }

  .elementor-23867 .elementor-element.elementor-element-02793ef .fa-info-box p{
    font-size:15px;
  }


  /* Note */

  .elementor-23867 .elementor-element.elementor-element-02793ef .fa-note{
    margin:1.2em 0 1.5em;

    padding:14px 16px;

    border-radius:10px;
  }

  .elementor-23867 .elementor-element.elementor-element-02793ef .fa-note p{
    font-size:15px;
    line-height:1.55;
  }


  /* Casi reali */

  .elementor-23867 .elementor-element.elementor-element-02793ef .fa-case-box{
    margin:1.4em 0 1.6em;

    padding:17px 16px;

    border-radius:15px;
  }

  .elementor-23867 .elementor-element.elementor-element-02793ef .fa-case-box p{
    font-size:15px;
  }

  .elementor-23867 .elementor-element.elementor-element-02793ef .fa-case-box .fa-case-label{
    font-size:12px;
  }


  /* =====================================================
     TABELLA COMPARATIVA

     Su mobile non viene schiacciata.
     Mantiene una larghezza leggibile e scorre lateralmente.
     ===================================================== */

  .elementor-23867 .elementor-element.elementor-element-02793ef .wp-block-table{
    display:block;

    width:100%;
    max-width:100%;

    overflow-x:auto;
    overflow-y:hidden;

    -webkit-overflow-scrolling:touch;
  }

  .elementor-23867 .elementor-element.elementor-element-02793ef .wp-block-table table{
    width:760px;
    min-width:760px;
    max-width:none;

    table-layout:auto;
  }

  .elementor-23867 .elementor-element.elementor-element-02793ef .wp-block-table th,
  .elementor-23867 .elementor-element.elementor-element-02793ef .wp-block-table td{
    min-width:135px;

    padding:12px 14px;

    white-space:normal;

    word-break:normal;
    overflow-wrap:normal;
  }

  .elementor-23867 .elementor-element.elementor-element-02793ef .wp-block-table th:first-child,
  .elementor-23867 .elementor-element.elementor-element-02793ef .wp-block-table td:first-child{
    min-width:145px;
  }

}/* End custom CSS */
/* Start custom CSS for author-box, class: .elementor-element-448193a *//* FAROALTO • AUTHOR BOX */

.elementor-23867 .elementor-element.elementor-element-448193a{
  max-width:820px;
  margin:18px auto 28px;
  padding:14px 18px;

  background:#F8F7FF;
  border:1px solid #D8D2F2;
  border-left:4px solid #7569E9;
  border-radius:16px;

  font-family:"Outfit", sans-serif;
}

/* Layout */
.elementor-23867 .elementor-element.elementor-element-448193a .elementor-author-box{
  align-items:center;
}

/* Foto */
.elementor-23867 .elementor-element.elementor-element-448193a .elementor-author-box__avatar{
  width:58px;
  min-width:58px;
  height:58px;
  margin-right:14px;
}

.elementor-23867 .elementor-element.elementor-element-448193a .elementor-author-box__avatar img{
  width:58px;
  height:58px;
  object-fit:cover;
  border-radius:50%;
}

/* Nome */
.elementor-23867 .elementor-element.elementor-element-448193a .elementor-author-box__name{
  margin:0 0 3px;
  color:#001845;
  font-size:17px;
  line-height:1.2;
  font-weight:700;
}

/* Bio */
.elementor-23867 .elementor-element.elementor-element-448193a .elementor-author-box__bio{
  margin:0;
  color:#606A85;
  font-size:14px;
  line-height:1.45;
  font-weight:400;
}

/* Mobile */
@media (max-width:767px){

  .elementor-23867 .elementor-element.elementor-element-448193a{
    margin:14px 16px 24px;
    padding:12px 14px;
    border-radius:14px;
  }

  .elementor-23867 .elementor-element.elementor-element-448193a .elementor-author-box{
    align-items:flex-start;
  }

  .elementor-23867 .elementor-element.elementor-element-448193a .elementor-author-box__avatar{
    width:46px;
    min-width:46px;
    height:46px;
    margin-right:11px;
  }

  .elementor-23867 .elementor-element.elementor-element-448193a .elementor-author-box__avatar img{
    width:46px;
    height:46px;
  }

  .elementor-23867 .elementor-element.elementor-element-448193a .elementor-author-box__name{
    font-size:15px;
  }

  .elementor-23867 .elementor-element.elementor-element-448193a .elementor-author-box__bio{
    font-size:13px;
    line-height:1.4;
  }
}/* End custom CSS */