/* ALICERCE - SERVICOS MOBILE FINALE */

@media(max-width:900px){

html,body{
  width:100%!important;
  max-width:100%!important;
  overflow-x:hidden!important;
}

body{
  padding-top:0!important;
  padding-bottom:72px!important;
}

.svc-page{
  width:100%!important;
  max-width:100%!important;
  overflow-x:hidden!important;
}

/* HEADER */
.site-header{
  top:10px!important;
  left:50%!important;
  right:auto!important;
  width:calc(100% - 24px)!important;
  max-width:none!important;
  height:58px!important;
  min-height:58px!important;
  padding:8px 10px!important;
  transform:translateX(-50%)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:8px!important;
  border-radius:18px!important;
}

.site-header .brand{
  min-width:0!important;
  height:auto!important;
  flex:1 1 auto!important;
}

.site-header .brand-logo{
  width:34px!important;
  height:34px!important;
  flex:0 0 34px!important;
}

.site-header .brand h1{
  margin-left:8px!important;
  font-size:13px!important;
  line-height:1!important;
  white-space:nowrap!important;
}

.site-header .mobile-menu-btn{
  width:44px!important;
  height:40px!important;
  flex:0 0 44px!important;
  border-radius:14px!important;
}

.site-header nav{
  top:calc(100% + 8px)!important;
  left:0!important;
  right:0!important;
}

/* SU MOBILE NIENTE ELEMENTI CHE RESTANO INVISIBILI */
.svc-page .reveal{
  opacity:1!important;
  visibility:visible!important;
  transform:none!important;
  transition:none!important;
}

.svc-title .letter{
  opacity:1!important;
  transform:none!important;
  transition:none!important;
}

/* HERO */
.svc-hero{
  min-height:0!important;
  padding:100px 20px 54px!important;
}

.svc-hero-label{
  margin-bottom:22px!important;
}

.svc-title-mask{
  width:100%!important;
  padding-bottom:10px!important;
  overflow:visible!important;
}

.svc-title{
  width:100%!important;
  max-width:100%!important;
  margin:0!important;
  font-size:clamp(56px,18vw,72px)!important;
  line-height:.82!important;
  letter-spacing:-.07em!important;
  white-space:nowrap!important;
}

.svc-hero-bottom{
  width:100%!important;
  max-width:100%!important;
  margin:44px 0 0!important;
}

.svc-hero-bottom h2{
  margin-bottom:16px!important;
  font-size:clamp(30px,8.8vw,38px)!important;
  line-height:1!important;
}

.svc-hero-bottom p{
  font-size:15px!important;
  line-height:1.55!important;
}

/* DUE CARD GRANDI */
.svc-duo{
  grid-template-columns:1fr!important;
}

.svc-duo-card{
  min-height:250px!important;
  padding:28px 20px!important;
}

.svc-duo-card h2,
.svc-duo-card.svc-blue h2{
  width:100%!important;
  max-width:100%!important;
  margin:0 0 18px!important;
  font-size:clamp(42px,11vw,52px)!important;
  line-height:.86!important;
  letter-spacing:-.055em!important;
  white-space:normal!important;
}

.svc-duo-card p{
  max-width:100%!important;
  font-size:15px!important;
  line-height:1.5!important;
}

/* SEZIONI GRANDI */
.svc-intro,
.svc-process,
.svc-other,
.svc-work{
  padding:68px 20px!important;
}

.svc-eyebrow{
  margin-bottom:18px!important;
}

.svc-big-title{
  width:100%!important;
  max-width:100%!important;
  font-size:clamp(40px,11vw,48px)!important;
  line-height:.88!important;
  letter-spacing:-.055em!important;
}

/* SINGOLI SERVIZI */
.svc-row,
.svc-row-reverse{
  min-height:0!important;
  grid-template-columns:1fr!important;
  gap:28px!important;
  padding:58px 20px!important;
}

.svc-row-reverse .svc-copy,
.svc-row-reverse .svc-image{
  order:initial!important;
}

.svc-copy > span{
  margin-bottom:18px!important;
}

.svc-copy h2{
  width:100%!important;
  max-width:100%!important;
  margin:0 0 18px!important;
  font-size:clamp(30px,8.5vw,36px)!important;
  line-height:.98!important;
  letter-spacing:-.04em!important;
}

.svc-copy p{
  max-width:100%!important;
  font-size:15px!important;
  line-height:1.55!important;
}

.svc-image{
  width:100%!important;
  height:clamp(250px,78vw,320px)!important;
  border-radius:22px!important;
  overflow:hidden!important;
}

.svc-image img,
.svc-other-image img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
  opacity:1!important;
  visibility:visible!important;
  transform:none!important;
}

/* PROCESSO */
.svc-process{
  padding-top:68px!important;
  padding-bottom:68px!important;
}

.svc-process-head p{
  width:100%!important;
  margin:26px 0 42px!important;
  font-size:15px!important;
  line-height:1.55!important;
}

.svc-process-grid{
  grid-template-columns:1fr!important;
  gap:16px!important;
}

.svc-process-card,
.svc-process-tall{
  width:100%!important;
  height:clamp(260px,80vw,330px)!important;
  border-radius:20px!important;
}

.svc-process-card img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
}

/* OUTRAS INTERVENCOES */
.svc-other-title > span{
  margin-bottom:18px!important;
}

.svc-other-title h2{
  width:100%!important;
  max-width:100%!important;
  margin:0 0 30px!important;
  font-size:clamp(40px,11vw,48px)!important;
  line-height:.86!important;
  letter-spacing:-.055em!important;
}

.svc-other-image{
  width:100%!important;
  height:clamp(250px,78vw,320px)!important;
  border-radius:22px!important;
  overflow:hidden!important;
}

/* COMO TRABALHAMOS */
.svc-work{
  padding-bottom:68px!important;
}

.svc-steps{
  margin-top:50px!important;
  grid-template-columns:1fr!important;
  gap:38px!important;
  padding:0 0 0 24px!important;
}

.svc-steps h3{
  margin:18px 0 10px!important;
  font-size:30px!important;
}

/* CTA */
.svc-cta{
  padding-top:68px!important;
}

.svc-cta-copy{
  padding:0 20px 44px!important;
}

.svc-cta h2{
  width:100%!important;
  max-width:100%!important;
  font-size:clamp(40px,11vw,48px)!important;
  line-height:.88!important;
  letter-spacing:-.055em!important;
  white-space:normal!important;
}

.svc-cta p{
  margin-top:22px!important;
  font-size:15px!important;
  line-height:1.55!important;
}

.svc-cta-link{
  min-height:56px!important;
  height:auto!important;
  padding:0 20px!important;
  font-size:10px!important;
  letter-spacing:.14em!important;
}

/* FOOTER */
.footer-landmark-inner{
  width:calc(100% - 32px)!important;
  max-width:100%!important;
  display:block!important;
  padding:48px 0 34px!important;
}

.footer-landmark-brand{
  min-height:0!important;
  padding:0 0 38px!important;
}

.footer-landmark-brand-top{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:flex-start!important;
  text-align:left!important;
}

.footer-landmark-logo{
  width:58px!important;
  height:58px!important;
  margin:0 0 18px!important;
}

.footer-landmark-brand h2{
  position:static!important;
  top:auto!important;
  left:auto!important;
  transform:none!important;
  width:100%!important;
  max-width:100%!important;
  margin:0!important;
  font-size:32px!important;
  line-height:1!important;
  white-space:normal!important;
  text-align:left!important;
}

.footer-landmark-bottom{
  margin-top:34px!important;
  padding-top:0!important;
  display:block!important;
}

.footer-landmark-column,
.footer-landmark-column + .footer-landmark-column{
  border-left:0!important;
  padding-left:0!important;
  padding-right:0!important;
}

/* BARRA TELEFONO / WHATSAPP */
.mobile-contact-bar{
  left:10px!important;
  right:10px!important;
  bottom:8px!important;
  gap:8px!important;
  padding:7px!important;
  border-radius:20px!important;
}

.mobile-contact-bar a{
  min-height:42px!important;
  border-radius:15px!important;
  font-size:13px!important;
}

}

@media(max-width:520px){

.site-header .brand h1{
  font-size:12px!important;
}

.svc-title{
  font-size:clamp(52px,17vw,66px)!important;
}

.svc-duo-card h2,
.svc-duo-card.svc-blue h2{
  font-size:clamp(39px,10.5vw,46px)!important;
}

.svc-big-title,
.svc-other-title h2,
.svc-cta h2{
  font-size:clamp(38px,10.5vw,44px)!important;
}

.svc-copy h2{
  font-size:clamp(29px,8.2vw,33px)!important;
}

.svc-image,
.svc-other-image{
  height:280px!important;
}

.svc-process-card,
.svc-process-tall{
  height:290px!important;
}

}