.elementor-227 .elementor-element.elementor-element-259bd1a0:not(.elementor-motion-effects-element-type-background), .elementor-227 .elementor-element.elementor-element-259bd1a0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;background-image:url("https://www.altoledo.it/wp-content/uploads/2025/07/ChatGPT-Image-17-lug-2025-11_51_09.png");background-position:center center;background-size:cover;}.elementor-227 .elementor-element.elementor-element-259bd1a0 > .elementor-background-overlay{background-color:#000000;opacity:0.55;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-227 .elementor-element.elementor-element-259bd1a0 > .elementor-container{min-height:100vh;}.elementor-227 .elementor-element.elementor-element-259bd1a0{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-227 .elementor-element.elementor-element-4fd9a28d > .elementor-widget-container{margin:130px 115px 85px 115px;padding:100px 0px 100px 0px;}.elementor-227 .elementor-element.elementor-element-4fd9a28d .cs-title-wrap{max-width:660px;}.elementor-227 .elementor-element.elementor-element-4fd9a28d .cs-subtitle{font-size:14px;}.elementor-227 .elementor-element.elementor-element-c9688fb{--display:flex;}.elementor-227 .elementor-element.elementor-element-726d776 > .elementor-widget-container{margin:10px 0px 0px 0px;}@media(max-width:767px){.elementor-227 .elementor-element.elementor-element-4fd9a28d{width:100%;max-width:100%;}.elementor-227 .elementor-element.elementor-element-4fd9a28d > .elementor-widget-container{margin:0px 0px 0px 0px;}}/* Start custom CSS for cs_title, class: .elementor-element-4fd9a28d */@media (max-width: 767.98px) {
  #titolo-hero {
    white-space: normal !important;     /* spezza solo tra parole */
    word-break: break-word !important;  /* NON divide le lettere */
    hyphens: none !important;           /* niente trattini automatici */
    font-size: clamp(22px, 6vw, 30px);  /* dimensione adattiva */
    line-height: 1.3em !important;      /* spaziatura più leggibile */
    text-align: center !important;      /* centrato */
  }
}/* End custom CSS */
/* Start custom CSS for cs_title, class: .elementor-element-726d776 *//* ===== Emojis/Twemoji: fix globale ===== */
html body .elementor :is(img.emoji, img.wp-smiley, .emoji, .wp-smiley,
                         img[src*="twemoji"], img[src*="emoji"]) {
  width: 1em !important;
  height: 1em !important;
  max-width: none !important;
  max-height: none !important;
  min-width: 0 !important;
  min-height: 0 !important;
  display: inline-block !important;
  line-height: 1em !important;
  object-fit: contain !important;
  vertical-align: -0.15em !important;
  margin: 0 .07em !important;
  transform: none !important;
}

/* ===== Dentro i widget Elementor più comuni ===== */
html body .elementor-widget-heading .elementor-heading-title 
  :is(img.emoji, img.wp-smiley, img[src*="twemoji"], img[src*="emoji"]),
html body .elementor-widget-text-editor 
  :is(img.emoji, img.wp-smiley, img[src*="twemoji"], img[src*="emoji"]) {
  width: 1em !important;
  height: 1em !important;
}

/* ===== Titoli con emoji davanti: allineamento e gap ===== */
html body .elementor-widget-heading .elementor-heading-title,
html body .elementor-widget-text-editor h3 {
  display: flex;
  align-items: center;
  gap: .4em;
  line-height: 1.3;
}

/* ===== FORZA SPECIFICO PER MOBILE ===== */
@media (max-width: 767.98px) {
  html body h1 img, 
  html body h2 img, 
  html body h3 img,
  html body li img,
  html body p img {
    width: 1em !important;
    height: 1em !important;
    max-width: none !important;
    max-height: none !important;
    object-fit: contain !important;
    vertical-align: -0.15em !important;
  }

  /* opzionale: titoli un filo più piccoli su mobile */
  html body .elementor-widget-heading .elementor-heading-title,
  html body .elementor-widget-text-editor h3 {
    font-size: clamp(1.05rem, 2.8vw, 1.25rem);
  }
}

/* ===== In alcuni temi i link dentro i titoli "ingrassano" le img: neutralizza ===== */
html body a :is(img.emoji, img.wp-smiley, img[src*="twemoji"], img[src*="emoji"]) {
  width: 1em !important;
  height: 1em !important;
}

/* ===== Ultima ratio: blocca le regole globali del tema che scalano le img ===== */
@media (max-width: 767.98px) {
  html body img.emoji,
  html body img.wp-smiley,
  html body img[src*="twemoji"],
  html body img[src*="emoji"] {
    height: 1em !important; /* vince su img { height:auto } del tema */
  }
}/* End custom CSS */