/* Original supplied 3D logo, static and uncropped in every brand slot. */
html body img.mediatelLogo3d{content:normal!important;object-fit:contain!important;object-position:center!important;filter:none!important;opacity:1!important;mix-blend-mode:normal!important;transform:none!important;image-rendering:auto!important;background:#fff!important;border-radius:7px!important}
html body header .brand{background:#fff!important;border-radius:7px!important;padding:3px 5px!important;box-sizing:border-box!important}
html body header .brand img.mediatelLogo3d{height:auto!important;max-height:49px!important;width:clamp(120px,12.5vw,180px)!important;max-width:100%!important}
html body footer .brand img.mediatelLogo3d{height:auto!important;max-height:54px!important;max-width:100%!important}
html body .privacyBrand img.mediatelLogo3d{width:190px!important;height:auto!important;max-height:70px!important}
html body .storyLogo.mediatelLogo3d,html body .locationBrand.mediatelLogo3d{filter:none!important;opacity:1!important;background:#fff!important;padding:3px!important;box-sizing:border-box!important}
html body header .brand img:not(.mediatelLogo3d),html body footer .brand img:not(.mediatelLogo3d),html body .storyLogo:not(.mediatelLogo3d),html body .locationBrand:not(.mediatelLogo3d){content:url('/brand-v220/logo-mediatel-3d-bianco-v220.jpg')!important;filter:none!important;opacity:1!important;object-fit:contain!important;background:#fff!important}
@media(max-width:900px){html body header .brand img.mediatelLogo3d{width:135px!important;max-height:40px!important}}
@media(max-width:600px){html body header.mt-assistant-header .brand{padding:2px!important}html body header.mt-assistant-header .brand img.mediatelLogo3d{width:100%!important;max-height:35px!important}}

/* Larger transparent logo and a continuous blue menu gradient. */
html body header{background:linear-gradient(90deg,#082d53 0%,#244f78 22%,#a9cde8 48%,#edf7ff 100%)!important;border:1px solid #c4dff3!important}
html body header .brand{background:transparent!important;padding:0!important;flex:0 0 clamp(200px,19vw,270px)!important;width:clamp(200px,19vw,270px)!important;margin-right:12px!important}
html body header .brand img.mediatelLogo3d{content:normal!important;background:transparent!important;border-radius:0!important;width:100%!important;height:66px!important;max-height:66px!important;max-width:100%!important;object-fit:contain!important;object-position:left center!important;filter:none!important}
html body header .brand img:not(.mediatelLogo3d){content:url('/brand-v220/logo-mediatel-3d-media-bianco-tel-grigio-v223.svg')!important;background:transparent!important;width:100%!important;height:66px!important;max-height:66px!important;object-fit:contain!important}
html body header nav{color:#082c50!important}
html body header nav>a,html body header nav .navDropdownTrigger,html body header nav .navDropdownToggle,html body header>.menu{color:#082c50!important;text-shadow:none!important}
html body header nav>a.active,html body header nav>a:hover,html body header nav .navDropdownTrigger:hover{color:#003e80!important}
html body header nav .navDropdownMenu a{color:#fff!important}
@media(min-width:901px) and (max-width:1200px){html body header .brand{flex-basis:190px!important;width:190px!important;margin-right:6px!important}html body header nav{gap:8px!important}}
@media(max-width:900px){html body header .brand{flex:0 0 190px!important;width:190px!important;margin-right:0!important}html body header .brand img.mediatelLogo3d{height:58px!important;max-height:58px!important}html body header nav.open{background:linear-gradient(110deg,#b6d3e9,#edf7ff)!important}}
@media(max-width:520px){html body header .brand{flex:0 1 150px!important;width:150px!important;min-width:110px!important}html body header .brand img.mediatelLogo3d{height:52px!important;max-height:52px!important}}

/* Shared menu geometry prevents per-page compact layouts moving the logo. */
html body header:has(> .brand){display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;height:82px!important;padding:16px 18px 0!important;box-sizing:border-box!important;top:6px!important;left:12px!important;right:12px!important;width:auto!important;max-width:none!important}
html body header>.brand{position:relative!important;inset:auto!important;order:0!important;align-self:center!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;height:66px!important;margin-top:0!important;margin-bottom:0!important;margin-left:0!important;transform:none!important;float:none!important}
html body header>.brand img.mediatelLogo3d{display:block!important;margin:0!important;padding:0!important;vertical-align:middle!important}
/* The language control remains readable against the pale end of the bar. */
html body header .languageSelector.languageDropdown .languageDropdownTrigger{color:#fff!important;background:#082e50!important;border:1px solid #315c7b!important;border-radius:6px!important;padding:2px 8px!important;font-size:14px!important;font-weight:800!important;opacity:1!important;text-shadow:none!important}
html body header .languageSelector.languageDropdown .languageDropdownTrigger span{color:#fff!important;opacity:1!important}
html body header .languageSelector.languageDropdown .languageDropdownTrigger:hover{background:#154b75!important}
html body header .languageSelector.languageDropdown .languageDropdownMenu a{color:#082e50!important;opacity:1!important}
@media(max-width:900px){html body header:has(> .brand){left:8px!important;right:8px!important;padding:18px 14px 0!important}html body header>.brand{height:58px!important}}
@media(max-width:520px){html body header:has(> .brand){padding-left:10px!important;padding-right:10px!important}html body header>.brand{height:52px!important}}