/* ER STUDIO 6.3 — Chi Siamo con lo stile editoriale della pagina TOS */
#chi-siamo.about-tos-style{
  align-items:flex-start!important;
}
#chi-siamo .about-editorial{
  width:min(1180px,100%);
}
#chi-siamo .about-editorial-title{
  color:#f7f9fc;
}
#chi-siamo .about-editorial-kicker{
  max-width:250px;
}
#chi-siamo .about-editorial-content{
  border-top:1px solid rgba(230,236,244,.14);
}
#chi-siamo .about-service-row{
  min-height:150px;
  align-items:start;
}
#chi-siamo .about-service-row h3{
  font-size:clamp(24px,2.2vw,34px);
  margin-bottom:12px;
}
#chi-siamo .about-service-row p{
  max-width:620px;
  font-size:15px;
  line-height:1.72;
}
#chi-siamo .about-service-row:hover h3{
  color:#fff;
}
@media(max-width:900px){
  #chi-siamo .about-editorial-title{font-size:72px;line-height:.86}
}
@media(max-width:720px){
  #chi-siamo .about-service-row{min-height:auto}
  #chi-siamo .about-service-row h3{font-size:23px}
}

/* ER STUDIO 6.4 — Chi Siamo compatta: footer/striscia visibile senza scroll */
#chi-siamo.about-tos-style{
  min-height:calc(100svh - 205px)!important;
  padding-top:82px!important;
  padding-bottom:18px!important;
}
#chi-siamo .about-editorial{
  align-items:start;
}
#chi-siamo .about-service-row{
  min-height:92px!important;
  padding-top:14px!important;
  padding-bottom:14px!important;
}
#chi-siamo .about-service-row h3{
  font-size:clamp(21px,1.8vw,28px)!important;
  margin-bottom:5px!important;
}
#chi-siamo .about-service-row p{
  font-size:12px!important;
  line-height:1.5!important;
}
#chi-siamo .about-editorial-title{
  line-height:.82!important;
}
#chi-siamo .about-editorial-kicker{
  margin-top:16px!important;
}
@media(max-height:820px) and (min-width:721px){
  #chi-siamo.about-tos-style{
    min-height:calc(100svh - 195px)!important;
    padding-top:70px!important;
    padding-bottom:10px!important;
  }
  #chi-siamo .about-service-row{
    min-height:78px!important;
    padding-top:10px!important;
    padding-bottom:10px!important;
  }
  #chi-siamo .about-service-row h3{font-size:22px!important;margin-bottom:3px!important}
  #chi-siamo .about-service-row p{font-size:11px!important;line-height:1.4!important}
}
@media(max-width:720px){
  #chi-siamo.about-tos-style{
    min-height:auto!important;
    padding-top:96px!important;
    padding-bottom:28px!important;
  }
}

/* ER STUDIO 6.5 — Chi Siamo centrata e senza scroll */
html.chi-siamo-screen,
body.chi-siamo-screen{
  width:100%;
  height:100dvh!important;
  min-height:100dvh!important;
  overflow:hidden!important;
  overscroll-behavior:none;
}
body.chi-siamo-screen #siteView{
  position:relative;
  width:100%;
  height:100dvh!important;
  min-height:100dvh!important;
  overflow:hidden!important;
}
body.chi-siamo-screen #chi-siamo.about-tos-style{
  box-sizing:border-box;
  width:min(1180px,calc(100% - 48px))!important;
  height:calc(100dvh - 126px)!important;
  min-height:0!important;
  margin:0 auto!important;
  padding:82px 0 12px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
}
body.chi-siamo-screen #chi-siamo .about-editorial{
  width:min(1100px,100%)!important;
  margin:0 auto!important;
  transform:translateY(-6px);
  align-items:center!important;
}
body.chi-siamo-screen #chi-siamo .about-editorial-intro{
  align-self:center!important;
}
body.chi-siamo-screen #chi-siamo .about-editorial-content{
  align-self:center!important;
}
body.chi-siamo-screen #chi-siamo .about-service-row{
  min-height:84px!important;
  padding:10px 0!important;
}
body.chi-siamo-screen #chi-siamo .about-service-row h3{
  font-size:24px!important;
  margin-bottom:3px!important;
}
body.chi-siamo-screen #chi-siamo .about-service-row p{
  font-size:11px!important;
  line-height:1.4!important;
}

/* Footer sempre dentro la viewport nella pagina Chi Siamo. */
body.chi-siamo-screen #pageFooter.active{
  position:fixed!important;
  z-index:8!important;
  left:0!important;
  right:0!important;
  bottom:0!important;
  height:126px!important;
  margin:0!important;
  overflow:hidden!important;
}
body.chi-siamo-screen #pageFooter.active::before{
  top:-24px!important;
  height:26px!important;
}
body.chi-siamo-screen #pageFooter .footer-inner{
  height:50px!important;
  min-height:50px!important;
  padding:2px 28px!important;
  max-width:1050px!important;
  box-sizing:border-box!important;
}
body.chi-siamo-screen #pageFooter #footerLogo img{
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  border-radius:9px!important;
}
body.chi-siamo-screen #pageFooter .footer-inner > p{
  min-height:34px!important;
  font-size:10px!important;
}
body.chi-siamo-screen #pageFooter > .w-full{
  height:76px!important;
  margin-top:0!important;
}

@media(max-width:900px){
  body.chi-siamo-screen #chi-siamo.about-tos-style{
    width:calc(100% - 30px)!important;
    height:calc(100dvh - 116px)!important;
    padding:76px 0 8px!important;
  }
  body.chi-siamo-screen #chi-siamo .about-editorial{
    transform:none;
  }
  body.chi-siamo-screen #pageFooter.active{height:116px!important}
  body.chi-siamo-screen #pageFooter > .w-full{height:68px!important}
  body.chi-siamo-screen #pageFooter .footer-inner{height:48px!important}
}


/* ER STUDIO 6.6 — rimozione DEFINITIVA del pannello scuro centrale. */
#chi-siamo.about-tos-style,
body.chi-siamo-screen #chi-siamo.about-tos-style{
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  border:0!important;
  outline:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
#chi-siamo.about-tos-style::before,
#chi-siamo.about-tos-style::after,
body.chi-siamo-screen #chi-siamo.about-tos-style::before,
body.chi-siamo-screen #chi-siamo.about-tos-style::after{
  display:none!important;
  content:none!important;
  background:none!important;
  box-shadow:none!important;
}
/* Anche i wrapper editoriali non devono creare un secondo pannello. */
#chi-siamo .about-editorial,
#chi-siamo .about-editorial-intro,
#chi-siamo .about-editorial-content{
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
