/* Menu v41: barra immobile e sottomenu indipendenti dal flusso della pagina. */
header {
  position: fixed !important;
  top: 12px !important;
  left: 12px !important;
  right: 12px !important;
  width: auto !important;
  transform: none !important;
  overflow: visible !important;
}

/* v100 — logo di navigazione ad alta risoluzione per schermi Retina. */
header .brand img {
  content: url("logo-mediatel-hq.png") !important;
  image-rendering: auto !important;
}

header nav,
header nav .navDropdown,
header nav .navDropdown > a,
header nav .navDropdownToggle,
header nav .navDropdownTrigger {
  transform: none !important;
}

header nav .navDropdownMenu,
header nav .navDropdown:hover .navDropdownMenu,
header nav .navDropdown:focus-within .navDropdownMenu {
  display: none !important;
}

header nav .navDropdown.open .navDropdownMenu {
  display: flex !important;
}

header nav .navDropdownToggle {
  flex: 0 0 30px !important;
  width: 30px !important;
  min-width: 30px !important;
  height: 40px !important;
  padding: 0 !important;
  line-height: 1 !important;
}

header nav .navDropdown.open .navDropdownToggle {
  background: rgba(255,255,255,.14) !important;
}

header nav .navDropdownTrigger {
  width: auto !important;
  height: 46px !important;
  margin: 0 !important;
  padding: 8px 0 !important;
  color: inherit !important;
  font: inherit !important;
  white-space: nowrap !important;
  cursor: pointer !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
}

header nav .navDropdownTrigger:hover,
header nav .navDropdownTrigger:focus-visible,
header nav .navDropdown.open .navDropdownTrigger {
  color: #efb830 !important;
}

@media (min-width: 901px) {
  header .brand {
    flex: 0 0 clamp(128px, 13vw, 188px) !important;
    width: clamp(128px, 13vw, 188px) !important;
    margin-right: clamp(18px, 2vw, 34px) !important;
  }

  header nav {
    display: flex !important;
    flex: 1 1 auto !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: clamp(7px, 1vw, 16px) !important;
    overflow: visible !important;
  }

  header nav .navDropdown {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    align-self: center !important;
    width: auto !important;
    height: 46px !important;
    flex: 0 0 auto !important;
  }

  header nav .navDropdownMenu {
    position: absolute !important;
    top: calc(100% + 8px) !important;
    left: 0 !important;
    right: auto !important;
    width: max-content !important;
    min-width: 190px !important;
    margin: 0 !important;
    padding: 9px !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    align-items: stretch !important;
    gap: 2px !important;
    border-radius: 12px !important;
    background: linear-gradient(135deg,#021a45,#064b91) !important;
    box-shadow: 0 14px 30px rgba(0,19,55,.24) !important;
  }

  header nav .navDropdownMenu a {
    width: 100% !important;
    min-width: 0 !important;
    padding: 11px 14px !important;
    text-align: left !important;
  }
}

@media (max-width: 900px) {
  header { top: 8px !important; left: 8px !important; right: 8px !important; }
  header nav { overflow-anchor: none !important; }
  header nav .navDropdown {
    position: relative !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    width: 100% !important;
    height: auto !important;
    align-items: stretch !important;
  }
  header nav .navDropdownToggle { width: 44px !important; min-width: 44px !important; height: 100% !important; }
  header nav .navDropdownTrigger { width: 100% !important; height: auto !important; padding: 14px 18px !important; text-align: left !important; }
  header nav .navDropdownMenu {
    position: static !important;
    inset: auto !important;
    grid-column: 1 / -1 !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 5px 10px 8px 18px !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    background: rgba(255,255,255,.07) !important;
  }
}

/* Home: marchio sfumato, senza contenitore visibile. */
.mediatelHome .homeHeroLogo {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}
.mediatelHome .homeHeroLogo img {
  opacity: .28 !important;
  filter: none !important;
}

/* Home interamente blu, con movimento discreto e senza fondi bianchi. */
.mediatelHome .homeOverview,
.mediatelHome .homeContact {
  color: #fff !important;
  background-color: #062653 !important;
  background-image:
    radial-gradient(circle at 15% 25%, rgba(17,113,199,.48), transparent 36%),
    radial-gradient(circle at 86% 70%, rgba(6,166,202,.28), transparent 34%),
    linear-gradient(135deg,#020d25 0%,#062e67 58%,#075d9f 100%) !important;
  background-size: 130% 130%, 145% 145%, 100% 100% !important;
  animation: mediatelBlueFlow 16s ease-in-out infinite alternate !important;
}
.mediatelHome .homeOverviewIntro p,
.mediatelHome .homeContact p { color: rgba(255,255,255,.82) !important; }
.mediatelHome .homeOverviewIntro > a { color: #efb830 !important; }
.mediatelHome .homeOverviewPartners { border-top-color: rgba(255,255,255,.2) !important; }
.mediatelHome .homeOverviewPartners i { background: rgba(255,255,255,.3) !important; }
@keyframes mediatelBlueFlow {
  from { background-position: 0% 0%, 100% 100%, center; }
  to { background-position: 18% 12%, 78% 82%, center; }
}

/* Mantiene interamente visibili Silvia e Sandro nella nuova foto orizzontale. */
.innerPage .story .storyPhoto > img.leadershipLandscape {
  object-fit: contain !important;
  object-position: center center !important;
  background: #fff !important;
}