.elementor-24169 .elementor-element.elementor-element-5389941{--display:flex;--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;--align-items:flex-start;}.elementor-24169 .elementor-element.elementor-element-6505a0e > .elementor-widget-container{margin:14px 0px 0px -10px;}.elementor-24169 .elementor-element.elementor-element-6505a0e.elementor-element{--align-self:flex-start;}.elementor-24169 .elementor-element.elementor-element-6505a0e{text-align:left;}.elementor-24169 .elementor-element.elementor-element-6505a0e img{width:83%;height:272px;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1024px){.elementor-24169 .elementor-element.elementor-element-6505a0e > .elementor-widget-container{margin:14px 0px 0px -10px;}.elementor-24169 .elementor-element.elementor-element-6505a0e img{width:58%;height:281px;}.elementor-24169 .elementor-element.elementor-element-3e9fd4e > .elementor-widget-container{margin:100px 0px 0px -20px;}}@media(max-width:768px){.elementor-24169 .elementor-element.elementor-element-6505a0e > .elementor-widget-container{margin:-110px 0px 0px -25px;}.elementor-24169 .elementor-element.elementor-element-6505a0e img{width:74%;}}/* Start custom CSS for container, class: .elementor-element-5389941 *//* === DEFAULT VARS (non toccare qui, userai il tuner) === */
:root{
  /* Desktop default */
  --hdr-top-d: 18px;
  --hdr-left-d: 24px;
  --logo-h-d: 44px;

  /* Tablet default */
  --hdr-top-t: 14px;
  --hdr-left-t: 18px;
  --logo-h-t: 40px;

  /* Mobile default */
  --hdr-top-m: 10px;
  --hdr-left-m: 14px;
  --logo-h-m: 36px;

  /* Runtime slot (il tuner scrive qui i valori correnti del breakpoint) */
  --hdr-top: var(--hdr-top-d);
  --hdr-left: var(--hdr-left-d);
  --logo-h: var(--logo-h-d);
}

/* Breakpoint mapping: assegna i default di quel breakpoint agli slot runtime */
@media (max-width:767.98px){
  :root{ --hdr-top: var(--hdr-top-m); --hdr-left: var(--hdr-left-m); --logo-h: var(--logo-h-m); }
}
@media (min-width:768px) and (max-width:1024.98px){
  :root{ --hdr-top: var(--hdr-top-t); --hdr-left: var(--hdr-left-t); --logo-h: var(--logo-h-t); }
}
/* >=1025px resta il default desktop già impostato */

/* ================== TUO HEADER, con variabili ================== */

/* HEADER fisso, trasparente e allineato a sinistra */
.site-header{
  position: fixed;
  top: calc(env(safe-area-inset-top, 0px) + var(--hdr-top));
  left: calc(env(safe-area-inset-left, 0px) + var(--hdr-left));
  right: auto;
  width: auto;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 0;
  background: transparent !important; /* sempre trasparente */
  box-shadow: none !important;
  z-index: 10060;
  transition: transform .22s ease, opacity .22s ease;
  will-change: transform, opacity;
}

/* Logo dimensionabile a manopola */
.site-header .site-logo,
.site-header .site-logo img,
.site-header .site-logo svg{
  height: var(--logo-h);
  width: auto;
  display: block;
}

/* Nascondi menu & "Scrivici" durante l'intro, lascia solo il logo */
html.mmf-intro-active .mmf-menu-btn,
html.mmf-intro-active .scrivici-btn{
  opacity: 0 !important;
  pointer-events: none !important;
}
html.mmf-intro-active .site-logo{ opacity: 1 !important; }

/* Stato “nascosto” quando si scrolla in giù */
.site-header.is-hidden{
  transform: translateY(-120%);
  opacity: 0;
  pointer-events: none;
}

/* Se hai un overlay/menu aperto, tieni visibile l’header (opzionale) */
html.menu-open .site-header{
  transform: none !important;
  opacity: 1 !important;
  pointer-events: auto !important;
}

/* Durante l'intro su desktop: nascondi completamente l'header (logo/menu) */
@media (min-width:1025px){
  html.mmf-intro-active .elementor-location-header{
    opacity:0 !important;
    visibility:hidden !important;
    pointer-events:none !important;
    transform:none !important;
  }
  html.mmf-intro-active .menu-toggle,
  html.mmf-intro-active .floating-menu,
  html.mmf-intro-active .sticky-toolbar{ display:none !important; }
}/* End custom CSS */