/* Effika v74 — adaptació visual exacta de les pantalles Figma (desktop 1440 / mobile 402).
   Aquest fitxer es carrega l'últim: només corregeix presentació i manté intacta la lògica existent. */
:root{
  --figma-dark:#090D19;
  --figma-purple:#6265FE;
  --figma-lila:#B6BBFF;
  --figma-grey:#4B5563;
  --figma-grey2:#6B7280;
  --figma-line:#DFDFDF;
  --figma-yellow:#FFFD98;
  --figma-lightblue:#CFE7FF;
  --figma-pale:#EFF0FF;
  --figma-blue-section:#E2F1FF;
  --figma-container:1245px;
}

/* ---------- Global ---------- */
#effika-home{background:#fff;color:var(--figma-dark)}
#effika-home .home-container,
#effika-home .services-container,
#effika-home .about-container,
#effika-home .contact-container,
#effika-home .legal-container,
#effika-home .service-detail-container{width:min(var(--figma-container),calc(100% - 48px));margin-inline:auto}

#effika-home .home-btn{
  min-height:46px!important;
  height:46px;
  padding:8px 16px!important;
  border-radius:8px!important;
  font:600 16px/normal Montserrat,sans-serif!important;
  letter-spacing:0!important;
}
#effika-home .home-btn:hover,
#effika-home .home-btn:focus-visible{border-radius:0!important}
#effika-home .home-arrow{width:10px!important;height:10px!important}

/* Header */
#effika-home .home-header{
  height:80.5px!important;
  min-height:80.5px!important;
  background:#fff!important;
  box-shadow:0 4px 4px rgba(0,0,0,.25)!important;
  border:0!important;
}
#effika-home .home-header .home-container{width:min(var(--figma-container),calc(100% - 48px))!important}
#effika-home .home-header__inner{height:80.5px!important}
#effika-home .home-header .home-logo img{width:158px!important;height:auto!important}
#effika-home .home-header .home-nav{gap:8px!important;font:500 16px/1 Montserrat,sans-serif!important}
#effika-home .home-header .home-nav a{
  min-height:46px!important;
  padding:14px 15px!important;
  border-radius:8px!important;
  font:500 16px/1 Montserrat,sans-serif!important;
}
#effika-home .home-header .home-nav a[aria-current="page"],
#effika-home .home-header .home-nav a[aria-current="page"]:hover,
#effika-home .home-header .home-nav a[aria-current="page"]:focus-visible{background:var(--figma-dark)!important;color:#fff!important}
#effika-home .home-header .home-nav a:not([aria-current="page"]):hover,
#effika-home .home-header .home-nav a:not([aria-current="page"]):focus-visible{background:var(--figma-pale)!important;color:var(--figma-dark)!important}
#effika-home .home-header__cta{justify-self:end}
.service-detail-page .home-header__cta{display:none!important}

/* Footer desktop typography/alignment */
#effika-home .home-footer{background:#fff!important}
#effika-home .home-footer>.home-container{width:min(var(--figma-container),calc(100% - 48px))!important}
#effika-home .home-footer h3{font:600 14px/28px Montserrat,sans-serif!important;margin:0 0 8px!important}
#effika-home .home-footer nav,
#effika-home .home-footer__services,
#effika-home .home-footer__contact,
#effika-home .service-detail-footer .home-footer nav,
#effika-home .service-detail-footer .home-footer__services,
#effika-home .service-detail-footer .home-footer__contact{
  gap:4px!important;
  color:var(--figma-grey)!important;
  font:400 16px/28px "Afacad Flux",sans-serif!important;
  letter-spacing:-.12px!important;
}
#effika-home .home-footer__services-column .home-footer__services{gap:8px!important}
#effika-home .home-footer__location,
#effika-home .home-footer__location:hover,
#effika-home .home-footer__contact .home-footer__location,
#effika-home .home-footer__contact .home-footer__location:hover{
  color:var(--figma-grey)!important;
  text-decoration:none!important;
  font-weight:400!important;
  cursor:default!important;
}
#effika-home .home-footer__bottom{border-top:1px solid var(--figma-line)!important}

/* ---------- Home ---------- */
html.effika-home-route #effika-home .home-hero h1{font:600 56px/1.17 Montserrat,sans-serif!important;letter-spacing:-.045em!important}
html.effika-home-route #effika-home .home-hero__lead{font:500 22px/40px Montserrat,sans-serif!important;letter-spacing:0!important}
html.effika-home-route #effika-home .home-kicker{font:500 20px/30px "Afacad Flux",sans-serif!important}
html.effika-home-route #effika-home .home-why,
html.effika-home-route #effika-home .home-services,
html.effika-home-route #effika-home .home-process{padding:57px 0!important}
html.effika-home-route #effika-home .home-why h2,
html.effika-home-route #effika-home .home-services h2,
html.effika-home-route #effika-home .home-process h2,
html.effika-home-route #effika-home .home-cta h2{font:500 46px/78px Montserrat,sans-serif!important;letter-spacing:-.04em!important}
html.effika-home-route #effika-home .home-why__text,
html.effika-home-route #effika-home .home-services__intro{font:400 22px/33px "Afacad Flux",sans-serif!important}
html.effika-home-route #effika-home .home-values{gap:16px!important;margin-top:57px!important}
html.effika-home-route #effika-home .home-value{padding:32px!important;border:2px solid var(--figma-line)!important;border-radius:10px!important}
html.effika-home-route #effika-home .home-value h3{font:600 22px/33px Montserrat,sans-serif!important}
html.effika-home-route #effika-home .home-value p{font:400 18px/23px "Afacad Flux",sans-serif!important}
html.effika-home-route #effika-home .home-services{background:var(--figma-blue-section)!important}
html.effika-home-route #effika-home .home-service-grid{gap:16px!important;margin-top:57px!important}
html.effika-home-route #effika-home .home-service-card{min-height:214px!important;padding:32px!important;border:2px solid var(--figma-line)!important;border-radius:10px!important}
html.effika-home-route #effika-home .home-service-card h3{font:600 28px/43px Montserrat,sans-serif!important;letter-spacing:-.03em!important}
html.effika-home-route #effika-home .home-service-card p{margin-top:17px!important;font:400 18px/23px "Afacad Flux",sans-serif!important}
html.effika-home-route #effika-home .home-service-card__arrow{top:32px!important;right:32px!important}
html.effika-home-route #effika-home .home-process__steps{gap:40px!important;margin-top:57px!important}
html.effika-home-route #effika-home .home-process__steps::before,
html.effika-home-route #effika-home .home-process__steps--animate::before{height:2px!important}
html.effika-home-route #effika-home .home-step h3{margin-top:17px!important;font:600 22px/33px Montserrat,sans-serif!important}
html.effika-home-route #effika-home .home-step p{margin-top:10px!important;font:400 18px/23px "Afacad Flux",sans-serif!important}
html.effika-home-route #effika-home .home-cta{padding:86px 0!important}
html.effika-home-route #effika-home .home-cta p:not(.home-kicker){font:400 22px/35px "Afacad Flux",sans-serif!important}

/* ---------- Services ---------- */
.services-page .services-kicker{font:500 20px/30px "Afacad Flux",sans-serif!important}
.services-page .services-intro{padding:57px 0!important}
.services-page .services-intro h1{margin-top:26px!important;max-width:980px!important;font:500 56px/1.2 Montserrat,sans-serif!important;letter-spacing:-.045em!important}
.services-page .services-intro__lead{margin-top:26px!important;max-width:970px!important;font:500 22px/40px Montserrat,sans-serif!important;letter-spacing:0!important}
.services-page .services-hero-media{height:376px!important}
.services-page .services-list{padding:57px 0!important}
.services-page .services-grid{gap:16px!important}
.services-page .services-card{min-height:240px!important;padding:32px!important;border:2px solid var(--figma-line)!important;border-radius:10px!important}
.services-page .services-card h2{font:600 28px/43px Montserrat,sans-serif!important;letter-spacing:-.03em!important}
.services-page .services-card p{margin-top:17px!important;font:400 20px/30px "Afacad Flux",sans-serif!important}
.services-page .services-card__arrow{top:32px!important;right:32px!important}
.services-page .services-area{padding:57px 0!important;background:var(--figma-pale)!important}
.services-page .services-area h2{font:500 46px/78px Montserrat,sans-serif!important;letter-spacing:-.04em!important}
.services-page .services-area__lead{margin-top:26px!important;max-width:980px!important;font:400 22px/33px "Afacad Flux",sans-serif!important}
.services-page .services-area__layout{grid-template-columns:360px minmax(0,1fr)!important;gap:60px!important;margin-top:50px!important;align-items:center!important}
.services-page .services-towns{grid-template-columns:repeat(3,max-content)!important;gap:10px!important;padding-top:0!important;align-content:center!important}
.services-page .services-town{min-width:0!important;min-height:35px!important;padding:5px 10px!important;border:1px solid var(--figma-purple)!important;border-radius:8px!important;font:400 14px/23px "Afacad Flux",sans-serif!important}
.services-page .services-map{max-width:760px!important;justify-self:end!important}
.services-page .services-cta{padding:86px 0!important}
.services-page .services-cta h2{margin-top:26px!important;font:500 46px/78px Montserrat,sans-serif!important}
.services-page .services-cta p{margin-top:26px!important;font:400 22px/35px "Afacad Flux",sans-serif!important}
.services-page .services-actions{margin-top:57px!important}

/* ---------- About ---------- */
.about-page .about-kicker{font:500 20px/30px "Afacad Flux",sans-serif!important}
.about-page .about-intro{padding:57px 0!important}
.about-page .about-intro h1{margin-top:26px!important;max-width:1020px!important;font:500 56px/1.22 Montserrat,sans-serif!important;letter-spacing:-.045em!important}
.about-page .about-intro__lead{margin-top:26px!important;max-width:1080px!important;font:500 22px/40px Montserrat,sans-serif!important;letter-spacing:0!important}
.about-page .about-hero{height:376px!important}
.about-page .about-values-section{padding:57px 0!important}
.about-page .about-values-heading h2,
.about-page .about-services h2{margin-top:26px!important;font:500 46px/78px Montserrat,sans-serif!important;letter-spacing:-.04em!important}
.about-page .about-values{gap:16px!important;margin-top:57px!important}
.about-page .about-value{min-height:240px!important;padding:32px!important;border:2px solid var(--figma-line)!important;border-radius:10px!important}
.about-page .about-value h3{margin-top:17px!important;font:600 22px/33px Montserrat,sans-serif!important}
.about-page .about-value p{margin-top:17px!important;font:400 18px/23px "Afacad Flux",sans-serif!important}
.about-page .about-metrics{padding:57px 0!important}
.about-page .about-metrics__grid{padding:57px 0!important}
.about-page .about-odometer{font-size:60px!important}
.about-page .about-services{padding:57px 0!important;background:var(--figma-blue-section)!important}
.about-page .about-services__lead{margin-top:26px!important;font:400 22px/33px "Afacad Flux",sans-serif!important}
.about-page .about-services__grid{gap:16px!important;margin-top:57px!important}
.about-page .about-service-card{min-height:130px!important;padding:32px!important;border:2px solid var(--figma-line)!important}
.about-page .about-service-card__text{font:500 22px/33px Montserrat,sans-serif!important;letter-spacing:0!important}
.about-page .about-services__more{display:none}
.about-page .about-cta{padding:86px 0!important}
.about-page .about-cta h2{margin-top:26px!important;font:500 46px/78px Montserrat,sans-serif!important}
.about-page .about-cta__lead{margin-top:26px!important;font:400 22px/35px "Afacad Flux",sans-serif!important}
.about-page .about-actions{margin-top:57px!important}

/* ---------- Contact ---------- */
.contact-page .contact-kicker{font:500 20px/30px "Afacad Flux",sans-serif!important}
.contact-page .contact-intro{padding:57px 0!important}
.contact-page .contact-intro h1{margin-top:26px!important;max-width:1080px!important;font:500 56px/1.22 Montserrat,sans-serif!important;letter-spacing:-.045em!important}
.contact-page .contact-intro h1 strong{display:block!important}
.contact-page .contact-intro__lead{margin-top:26px!important;max-width:1100px!important;font:500 22px/40px Montserrat,sans-serif!important;letter-spacing:0!important}
.contact-page .contact-hero{height:376px!important}
.contact-page .contact-main{padding:57px 0!important}
.contact-page .contact-layout{grid-template-columns:minmax(0,775px) minmax(0,413px)!important;gap:57px!important}
.contact-page .contact-form-card{padding:32px!important;border:1px solid var(--figma-line)!important;border-radius:8px!important}
.contact-page .contact-form-card h2{font:600 20px/33px Montserrat,sans-serif!important;margin-bottom:32px!important}
.contact-page .contact-form{gap:24px!important}
.contact-page .contact-form__row{gap:24px!important}
.contact-page .contact-field label{font:500 14px/24px Montserrat,sans-serif!important}
.contact-page .contact-control{min-height:56px!important;font:400 16px/32px "Afacad Flux",sans-serif!important}
.contact-page textarea.contact-control{height:137px!important;min-height:137px!important}

/* ---------- Service detail ---------- */
.service-detail-page .service-detail-container{width:min(var(--figma-container),calc(100% - 48px))!important}
.service-detail-page .service-detail-kicker{font:500 20px/30px "Afacad Flux",sans-serif!important}
.service-detail-page .service-detail-hero{padding:53px 0 40px!important;background:linear-gradient(180deg,var(--figma-pale) 0%,#fff 100%)!important}
.service-detail-page .service-detail-hero__inner{grid-template-columns:minmax(0,783px) auto!important;gap:56px!important;align-items:center!important}
.service-detail-page .service-detail-hero__copy{gap:26px!important}
.service-detail-page .service-detail-hero h1{font:600 56px/1.2 Montserrat,sans-serif!important;letter-spacing:-.04em!important;color:var(--figma-purple)!important}
.service-detail-page .service-detail-hero__lead{max-width:900px!important;font:400 22px/40px Montserrat,sans-serif!important;color:var(--figma-grey)!important}
.service-detail-page .service-detail-actions{gap:34px!important}
.service-detail-page .service-detail-includes__inner{grid-template-columns:minmax(0,673px) minmax(0,527px)!important;gap:47px!important;padding:40px 0!important;border-color:var(--figma-line)!important}
.service-detail-page .service-detail-includes__copy{gap:26px!important;padding-top:0!important}
.service-detail-page .service-detail-includes h2{font:500 46px/78px Montserrat,sans-serif!important;letter-spacing:-.035em!important}
.service-detail-page .service-detail-includes__copy p{font:400 22px/35px "Afacad Flux",sans-serif!important}
.service-detail-page .service-detail-need{padding:32px!important;border:1px solid var(--figma-line)!important;border-radius:8px!important}
.service-detail-page .service-detail-need h3{margin:0 0 10px!important;font:500 16px/32px Montserrat,sans-serif!important}
.service-detail-page .service-detail-need__grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
.service-detail-page .service-detail-check{min-height:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;gap:10px!important;color:var(--figma-grey)!important;font:400 16px/28px "Afacad Flux",sans-serif!important}
.service-detail-page .service-detail-check:hover,
.service-detail-page .service-detail-check:focus-visible{border:0!important;background:transparent!important;box-shadow:none!important}
.service-detail-page .service-detail-faq{padding:57px 0!important}
.service-detail-page .service-detail-faq__heading{gap:26px!important;margin-bottom:57px!important}
.service-detail-page .service-detail-faq h2,
.service-detail-page .service-detail-other h2{font:500 46px/78px Montserrat,sans-serif!important;letter-spacing:-.035em!important}
.service-detail-page .service-faq-item{border:2px solid var(--figma-line)!important;border-radius:10px!important}
.service-detail-page .service-faq-button{padding:32px!important}
.service-detail-page .service-faq-question{font:600 20px/33px Montserrat,sans-serif!important}
.service-detail-page .service-faq-answer p{font:400 18px/27px "Afacad Flux",sans-serif!important}
.service-detail-page .service-detail-other{padding:57px 0!important;background:var(--figma-pale)!important}
.service-detail-page .service-detail-other__heading{gap:26px!important;margin-bottom:57px!important}
.service-detail-page .service-detail-cards{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important}
.service-detail-page .service-detail-card{min-height:130px!important;padding:32px!important;border:2px solid var(--figma-line)!important;border-radius:10px!important}
.service-detail-page .service-detail-card__text{font:500 22px/33px Montserrat,sans-serif!important}
.service-detail-page .service-detail-other__more{display:none}
.service-detail-page .service-detail-cta{padding:57px 0!important}
.service-detail-page .service-detail-cta__inner{gap:26px!important}
.service-detail-page .service-detail-cta h2{font:500 46px/78px Montserrat,sans-serif!important;letter-spacing:-.035em!important}
.service-detail-page .service-detail-cta__lead{font:400 22px/40px "Afacad Flux",sans-serif!important}
.service-detail-page .service-detail-cta__actions{margin-top:31px!important}
.service-detail-page .service-detail-footer::after{display:none!important}

/* ---------- Legal ---------- */
.legal-page .legal-container{width:min(var(--figma-container),calc(100% - 48px))!important}
.legal-page .legal-hero{min-height:297px!important;padding:57px 0!important;align-items:center!important}
.legal-page--privacy .legal-hero{background:var(--figma-purple)!important}
.legal-page--notice .legal-hero{background:var(--figma-dark)!important}
.legal-page .legal-hero__inner{gap:26px!important}
.legal-page .legal-hero h1{font:600 56px/1.2 Montserrat,sans-serif!important;letter-spacing:-.035em!important}
.legal-page .legal-hero__date{font:400 16px/33px "Afacad Flux",sans-serif!important}
.legal-page .legal-content{padding:57px 0!important}
.legal-page .legal-content__inner{gap:35px!important}
.legal-page .legal-section h2{font:500 28px/50px Montserrat,sans-serif!important}
.legal-page .legal-section p,
.legal-page .legal-section li{font:400 18px/1.5 "Afacad Flux",sans-serif!important}

/* ---------- Error 404 ---------- */
.error-page .home-header__cta{display:none!important}
.error-page .error-main{background:linear-gradient(180deg,var(--figma-pale) 0%,#fff 100%);padding:72px 0 70px}
.error-page .error-inner{width:min(100% - 48px,900px);margin-inline:auto;display:flex;flex-direction:column;align-items:center;text-align:center}
.error-page .error-lead h1{margin:0;font:500 46px/78px Montserrat,sans-serif;letter-spacing:-.035em;color:var(--figma-dark)}
.error-page .error-lead p{max-width:680px;margin:24px auto 0;font:400 22px/35px "Afacad Flux",sans-serif;color:var(--figma-dark)}
.error-page .error-illustration{display:block;width:min(600px,100%);height:auto;margin:48px auto 42px}
.error-page .error-back{margin:0 auto}

/* ---------- DESKTOP only ---------- */
@media (min-width:821px){
  #effika-home .home-footer{padding:57px 0!important}
  #effika-home .home-footer__top,
  #effika-home .service-detail-footer .home-footer__top{
    grid-template-columns:minmax(300px,1fr) 141px 247px 157px!important;
    gap:67px!important;
    min-height:232px!important;
  }
  #effika-home .home-footer__tagline{font:500 16px/28px Montserrat,sans-serif!important}
  #effika-home .home-footer__bottom{margin-top:32px!important;padding-top:23px!important;font:400 14px/24px Montserrat,sans-serif!important}
  #effika-home .home-footer nav a:hover,
  #effika-home .home-footer__services a:hover,
  #effika-home .home-footer__contact a:hover,
  #effika-home .home-footer__legal a:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
  #effika-home .home-footer__location:hover{text-decoration:none!important}
}

/* ---------- MOBILE 402px Figma ---------- */
@media (max-width:820px){
  #effika-home .home-header{height:80px!important;min-height:80px!important}
  #effika-home .home-header .home-container{width:calc(100% - 40px)!important}
  #effika-home .home-header__inner{height:80px!important;grid-template-columns:1fr auto!important;gap:16px!important}
  #effika-home .home-header .home-logo img{width:139px!important}
  #effika-home .home-header .home-menu-button{
    display:flex!important;width:52px!important;height:52px!important;padding:0!important;
    border:0!important;border-radius:8px!important;background:#fff!important;color:var(--figma-purple)!important;
    box-shadow:none!important;align-items:center!important;justify-content:center!important;
  }
  #effika-home .home-header .home-menu-button svg{width:32px!important;height:32px!important;color:var(--figma-purple)!important}
  #effika-home .home-header .home-menu-button svg path{stroke:currentColor!important;stroke-width:2.25!important}
  #effika-home .home-header .home-nav{left:20px!important;right:20px!important;top:80px!important;font:500 16px/1 Montserrat,sans-serif!important}
  #effika-home .home-header .home-nav a{font:500 16px/1 Montserrat,sans-serif!important}
}

@media (max-width:720px){
  html{scroll-padding-top:90px}
  #effika-home .home-container,
  #effika-home .services-container,
  #effika-home .about-container,
  #effika-home .contact-container,
  #effika-home .legal-container,
  #effika-home .service-detail-container{width:calc(100% - 40px)!important}
  #effika-home .home-btn{width:auto!important;min-height:46px!important;height:46px!important;padding:8px 16px!important;font-size:16px!important}

  /* Footer mobile */
  #effika-home .home-footer{padding:40px 0!important;border-top:1px solid var(--figma-line)!important}
  #effika-home .home-footer>.home-container{width:100%!important;padding:0 20px!important}
  #effika-home .home-footer__brand .home-logo img{width:145px!important}
  #effika-home .home-footer__tagline{font:500 14.7px/25.8px Montserrat,sans-serif!important}
  #effika-home .home-footer__contact{font:400 14px/28px "Afacad Flux",sans-serif!important}
  #effika-home .home-footer__bottom{margin-top:30px!important;padding-top:30px!important;font:400 10px/24px Montserrat,sans-serif!important}
  #effika-home .home-footer__location,
  #effika-home .home-footer__location:hover{color:var(--figma-grey)!important;text-decoration:none!important;font-weight:400!important;cursor:default!important}

  /* Home mobile */
  html.effika-home-route #effika-home .home-hero{height:523px!important;min-height:523px!important}
  html.effika-home-route #effika-home .home-hero__inner{height:523px!important;min-height:523px!important;padding:40px 0!important}
  html.effika-home-route #effika-home .home-hero h1{font:600 36px/50px Montserrat,sans-serif!important;letter-spacing:-.035em!important}
  html.effika-home-route #effika-home .home-hero__lead{margin-top:40px!important;font:500 18px/30px Montserrat,sans-serif!important}
  html.effika-home-route #effika-home .home-actions{margin-top:40px!important;gap:16px 34px!important}
  html.effika-home-route #effika-home .home-kicker{font:500 16px/30px "Afacad Flux",sans-serif!important}
  html.effika-home-route #effika-home .home-why,
  html.effika-home-route #effika-home .home-services,
  html.effika-home-route #effika-home .home-process{padding:40px 0!important}
  html.effika-home-route #effika-home .home-why h2,
  html.effika-home-route #effika-home .home-services h2,
  html.effika-home-route #effika-home .home-process h2,
  html.effika-home-route #effika-home .home-cta h2{margin-top:10px!important;font:500 26px/42px Montserrat,sans-serif!important;letter-spacing:-.025em!important}
  html.effika-home-route #effika-home .home-why__text,
  html.effika-home-route #effika-home .home-services__intro{margin-top:20px!important;font:400 18px/26px "Afacad Flux",sans-serif!important}
  html.effika-home-route #effika-home .home-values{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px 10px!important;margin-top:40px!important}
  html.effika-home-route #effika-home .home-value{min-height:0!important;padding:15px!important;border-width:2px!important}
  html.effika-home-route #effika-home .home-value__icon{width:39px!important;height:39px!important}
  html.effika-home-route #effika-home .home-value h3{margin-top:17px!important;font:600 18px/30px Montserrat,sans-serif!important}
  html.effika-home-route #effika-home .home-value p{margin-top:17px!important;font:400 14px/20px "Afacad Flux",sans-serif!important}
  html.effika-home-route #effika-home .home-service-grid{grid-template-columns:1fr!important;gap:16px!important;margin-top:40px!important}
  html.effika-home-route #effika-home .home-service-card{min-height:0!important;padding:15px!important;border-width:2px!important}
  html.effika-home-route #effika-home .home-service-card h3{padding-right:50px!important;font:600 18px/30px Montserrat,sans-serif!important}
  html.effika-home-route #effika-home .home-service-card p{margin:17px 0 0!important;font:400 14px/20px "Afacad Flux",sans-serif!important}
  html.effika-home-route #effika-home .home-service-card__arrow{top:15px!important;right:15px!important;width:39px!important;height:39px!important}
  html.effika-home-route #effika-home .home-process__steps{grid-template-columns:1fr!important;gap:0!important;margin-top:40px!important}
  html.effika-home-route #effika-home .home-step{min-height:159px!important;padding-left:69px!important}
  html.effika-home-route #effika-home .home-step__number{left:0!important;top:0!important;width:39px!important;height:39px!important}
  html.effika-home-route #effika-home .home-step h3{margin:0!important;font:600 18px/30px Montserrat,sans-serif!important}
  html.effika-home-route #effika-home .home-step p{margin:10px 0 0!important;font:400 14px/20px "Afacad Flux",sans-serif!important}
  html.effika-home-route #effika-home .home-process__steps::before,
  html.effika-home-route #effika-home .home-process__steps--animate::before{
    display:block!important;left:18.5px!important;right:auto!important;top:19.5px!important;width:2px!important;height:var(--process-line-height,calc(100% - 39px))!important;
  }
  html.effika-home-route #effika-home .home-cta{min-height:0!important;padding:40px 0!important}
  html.effika-home-route #effika-home .home-cta p:not(.home-kicker){font:400 18px/26px "Afacad Flux",sans-serif!important}

  /* Services mobile */
  .services-page .services-container{width:calc(100% - 40px)!important}
  .services-page .services-kicker{font:500 16px/30px "Afacad Flux",sans-serif!important}
  .services-page .services-intro{padding:40px 0!important}
  .services-page .services-intro h1{margin-top:10px!important;font:500 30px/42px Montserrat,sans-serif!important;letter-spacing:-.025em!important}
  .services-page .services-intro__lead{margin-top:20px!important;font:500 14px/26px Montserrat,sans-serif!important}
  .services-page .services-hero-media{height:170px!important}
  .services-page .services-hero-media img{object-position:center!important}
  .services-page .services-list{padding:40px 0!important}
  .services-page .services-grid{grid-template-columns:1fr!important;gap:16px!important}
  .services-page .services-card{min-height:0!important;padding:15px!important;border-width:2px!important}
  .services-page .services-card h2{padding-right:50px!important;font:600 18px/30px Montserrat,sans-serif!important}
  .services-page .services-card p{margin:17px 0 0!important;font:400 14px/20px "Afacad Flux",sans-serif!important}
  .services-page .services-card__arrow{top:15px!important;right:15px!important}
  .services-page .services-area{padding:40px 0!important}
  .services-page .services-area h2{font:500 26px/42px Montserrat,sans-serif!important;letter-spacing:-.02em!important}
  .services-page .services-area__lead{margin-top:20px!important;font:400 18px/26px "Afacad Flux",sans-serif!important}
  .services-page .services-area__layout{display:flex!important;flex-direction:column!important;gap:40px!important;margin-top:40px!important}
  .services-page .services-towns{display:flex!important;flex-wrap:wrap!important;justify-content:center!important;gap:10px!important;width:100%!important}
  .services-page .services-town{min-height:33px!important;padding:5px 10px!important;font:400 14px/23px "Afacad Flux",sans-serif!important;border-radius:8px!important}
  .services-page .services-map{width:100%!important;max-width:362px!important;align-self:center!important}
  .services-page .services-map__frame{aspect-ratio:362/246!important}
  .services-page .services-cta{padding:40px 0!important}
  .services-page .services-cta .services-kicker{font-size:16px!important;line-height:30px!important}
  .services-page .services-cta h2{margin-top:10px!important;font:500 26px/42px Montserrat,sans-serif!important}
  .services-page .services-cta p{margin-top:20px!important;font:400 18px/26px "Afacad Flux",sans-serif!important}
  .services-page .services-actions{flex-direction:row!important;flex-wrap:wrap!important;gap:16px 34px!important;margin-top:40px!important}

  /* About mobile */
  .about-page .about-container{width:calc(100% - 40px)!important}
  .about-page .about-kicker{font:500 16px/30px "Afacad Flux",sans-serif!important}
  .about-page .about-intro{padding:40px 0!important}
  .about-page .about-intro h1{margin-top:10px!important;font:500 30px/42px Montserrat,sans-serif!important;letter-spacing:-.025em!important}
  .about-page .about-intro__lead{margin-top:20px!important;font:500 14px/26px Montserrat,sans-serif!important}
  .about-page .about-hero{height:170px!important}
  .about-page .about-values-section{padding:40px 0!important}
  .about-page .about-values-heading h2,
  .about-page .about-services h2{margin-top:10px!important;font:500 26px/42px Montserrat,sans-serif!important;letter-spacing:-.02em!important}
  .about-page .about-values{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px 10px!important;margin-top:40px!important}
  .about-page .about-value{min-height:0!important;padding:15px!important;border-width:2px!important}
  .about-page .about-value h3{margin-top:17px!important;font:600 18px/30px Montserrat,sans-serif!important}
  .about-page .about-value p{margin-top:17px!important;font:400 14px/20px "Afacad Flux",sans-serif!important}
  .about-page .about-metrics{padding:0 0 40px!important}
  .about-page .about-metrics__grid{
    position:relative!important;display:block!important;height:550px!important;padding:0!important;border:0!important;overflow:hidden!important;
  }
  .about-page .about-metrics__grid::before{content:"";position:absolute;left:50%;top:24px;bottom:24px;width:1px;background:var(--figma-line);transform:translateX(-.5px)}
  .about-page .about-metric{position:absolute!important;width:48%!important;padding:5px!important;border:0!important;text-align:center!important}
  .about-page .about-metric::after{display:none!important}
  .about-page .about-metric:nth-child(4){left:26%!important;top:0!important}
  .about-page .about-metric:nth-child(3){left:2%!important;top:140px!important}
  .about-page .about-metric:nth-child(2){right:2%!important;top:280px!important}
  .about-page .about-metric:nth-child(1){left:26%!important;top:420px!important}
  .about-page .about-odometer{height:70px!important;font:200 60px/70px Montserrat,sans-serif!important}
  .about-page .about-metric__label{margin-top:14px!important;font:400 14px/20px "Afacad Flux",sans-serif!important}
  .about-page .about-services{padding:40px 0!important}
  .about-page .about-services__lead{margin-top:20px!important;font:400 18px/26px "Afacad Flux",sans-serif!important}
  .about-page .about-services__grid{grid-template-columns:1fr!important;gap:16px!important;margin-top:40px!important}
  .about-page .about-service-card{min-height:0!important;padding:15px!important;border-width:2px!important}
  .about-page .about-service-card__text{font:600 18px/30px Montserrat,sans-serif!important}
  .about-page .about-service-card:nth-child(n+3){display:none!important}
  .about-page .about-services__more{display:flex!important;justify-content:center!important;margin-top:40px!important}
  .about-page .about-cta{padding:40px 0!important}
  .about-page .about-cta h2{margin-top:10px!important;font:500 26px/42px Montserrat,sans-serif!important}
  .about-page .about-cta h2 strong{display:inline!important}
  .about-page .about-cta__lead{margin-top:20px!important;font:400 18px/26px "Afacad Flux",sans-serif!important}
  .about-page .about-actions{flex-direction:row!important;flex-wrap:wrap!important;gap:16px 34px!important;margin-top:40px!important}

  /* Contact mobile */
  .contact-page .contact-container{width:calc(100% - 40px)!important}
  .contact-page .contact-kicker{font:500 16px/30px "Afacad Flux",sans-serif!important}
  .contact-page .contact-intro{padding:40px 0!important}
  .contact-page .contact-intro h1{margin-top:10px!important;font:500 30px/42px Montserrat,sans-serif!important;letter-spacing:-.025em!important}
  .contact-page .contact-intro h1 strong{display:inline!important}
  .contact-page .contact-intro__lead{margin-top:20px!important;font:500 14px/26px Montserrat,sans-serif!important}
  .contact-page .contact-hero{height:170px!important}
  .contact-page .contact-main{padding:40px 0!important}
  .contact-page .contact-layout{display:block!important}
  .contact-page .contact-sidebar{display:none!important}
  .contact-page .contact-form-card{width:100%!important;padding:40px 20px!important;border:1px solid var(--figma-line)!important;border-radius:8px!important}
  .contact-page .contact-form-card h2{margin:0 0 40px!important;font:600 18px/33px Montserrat,sans-serif!important}
  .contact-page .contact-form{gap:24px!important}
  .contact-page .contact-form__row{grid-template-columns:1fr!important;gap:24px!important}
  .contact-page .contact-field label{font:500 14px/24px Montserrat,sans-serif!important}
  .contact-page .contact-control{min-height:56px!important;font:400 16px/32px "Afacad Flux",sans-serif!important}
  .contact-page textarea.contact-control{height:137px!important;min-height:137px!important}
  .contact-page .contact-form__footer{flex-direction:column!important;align-items:flex-start!important;gap:16px!important}
  .contact-page .contact-form__note{font:400 14px/20px "Afacad Flux",sans-serif!important}

  /* Service detail mobile */
  .service-detail-page .service-detail-container{width:calc(100% - 40px)!important}
  .service-detail-page .service-detail-kicker{font:500 16px/30px "Afacad Flux",sans-serif!important}
  .service-detail-page .service-detail-hero{padding:40px 0 0!important}
  .service-detail-page .service-detail-hero__inner{display:flex!important;flex-direction:column!important;gap:40px!important;align-items:stretch!important}
  .service-detail-page .service-detail-hero__copy{gap:10px!important}
  .service-detail-page .service-detail-hero h1{font:600 30px/42px Montserrat,sans-serif!important;letter-spacing:-.02em!important}
  .service-detail-page .service-detail-hero__lead{margin-top:10px!important;font:400 14px/26px Montserrat,sans-serif!important}
  .service-detail-page .service-detail-actions{justify-content:flex-start!important;align-items:center!important;gap:16px!important;padding-bottom:40px!important}
  .service-detail-page .service-detail-actions .home-btn:nth-child(2){display:none!important}
  .service-detail-page .service-detail-includes__inner{display:flex!important;flex-direction:column!important;gap:40px!important;padding:40px 0!important;border-top:1px solid var(--figma-line)!important;border-bottom:1px solid var(--figma-line)!important}
  .service-detail-page .service-detail-includes__copy{gap:20px!important}
  .service-detail-page .service-detail-includes h2{font:500 26px/42px Montserrat,sans-serif!important}
  .service-detail-page .service-detail-includes__copy p{font:400 18px/26px "Afacad Flux",sans-serif!important}
  .service-detail-page .service-detail-need{width:100%!important;padding:15px!important;border-radius:8px!important}
  .service-detail-page .service-detail-need h3{margin:0 0 20px!important;font:500 16px/32px Montserrat,sans-serif!important}
  .service-detail-page .service-detail-need__grid{display:flex!important;flex-direction:column!important;gap:10px!important}
  .service-detail-page .service-detail-check{min-height:0!important;padding:0!important;border:0!important;box-shadow:none!important;background:transparent!important;border-radius:0!important;font:400 16px/28px "Afacad Flux",sans-serif!important;gap:10px!important}
  .service-detail-page .service-detail-faq{padding:40px 0!important}
  .service-detail-page .service-detail-faq__heading{gap:10px!important;margin-bottom:40px!important}
  .service-detail-page .service-detail-faq h2,
  .service-detail-page .service-detail-other h2{font:500 26px/42px Montserrat,sans-serif!important}
  .service-detail-page .service-faq-list{gap:16px!important;padding-inline:3.5px!important}
  .service-detail-page .service-faq-item{border-width:2px!important}
  .service-detail-page .service-faq-button{padding:15px!important;gap:14px!important}
  .service-detail-page .service-faq-question{font:600 16px/33px Montserrat,sans-serif!important}
  .service-detail-page .service-faq-arrow{width:39px!important;height:39px!important}
  .service-detail-page .service-faq-answer p{padding:0 15px 15px!important;font:400 14px/20px "Afacad Flux",sans-serif!important}
  .service-detail-page .service-detail-other{padding:40px 0!important}
  .service-detail-page .service-detail-other__heading{gap:10px!important;margin-bottom:40px!important}
  .service-detail-page .service-detail-cards{grid-template-columns:1fr!important;gap:16px!important}
  .service-detail-page .service-detail-card{min-height:0!important;padding:15px!important;border-width:2px!important}
  .service-detail-page .service-detail-card__text{font:600 18px/30px Montserrat,sans-serif!important}
  .service-detail-page .service-detail-card:nth-child(n+3){display:none!important}
  .service-detail-page .service-detail-other__more{display:flex!important;justify-content:center!important;margin-top:40px!important}
  .service-detail-page .service-detail-cta{padding:40px 0!important}
  .service-detail-page .service-detail-cta__inner{gap:10px!important}
  .service-detail-page .service-detail-cta h2{font:500 26px/42px Montserrat,sans-serif!important}
  .service-detail-page .service-detail-cta__lead{margin-top:10px!important;font:400 18px/26px "Afacad Flux",sans-serif!important}
  .service-detail-page .service-detail-cta__actions{flex-direction:row!important;width:auto!important;flex-wrap:wrap!important;gap:16px 34px!important;margin-top:30px!important}
  .service-detail-page .service-detail-cta__actions .home-btn{width:auto!important}

  /* Legal mobile */
  .legal-page .legal-container{width:calc(100% - 40px)!important}
  .legal-page .legal-hero{min-height:214px!important;height:auto!important;padding:40px 0!important;align-items:center!important}
  .legal-page--notice .legal-hero{min-height:223px!important}
  .legal-page .legal-hero__inner{gap:20px!important}
  .legal-page .legal-hero h1{max-width:340px!important;font:600 30px/42px Montserrat,sans-serif!important;letter-spacing:-.02em!important}
  .legal-page--privacy .legal-hero__date{font:400 12px/30px "Afacad Flux",sans-serif!important}
  .legal-page--notice .legal-hero__date{font:400 14px/33px "Afacad Flux",sans-serif!important}
  .legal-page .legal-content{padding:40px 0!important}
  .legal-page .legal-content__inner{gap:20px!important}
  .legal-page .legal-section h2{display:block!important;min-height:0!important;margin:0!important;font:500 18px/50px Montserrat,sans-serif!important;letter-spacing:0!important}
  .legal-page .legal-section h2 .legal-index{font-weight:600!important;color:var(--figma-purple)!important}
  .legal-page .legal-section p,
  .legal-page .legal-section li{font:400 14px/normal "Afacad Flux",sans-serif!important}
  .legal-page .legal-section p{margin-top:0!important}

  /* 404 mobile */
  .error-page .error-main{padding:40px 0 40px!important}
  .error-page .error-inner{width:calc(100% - 40px)!important}
  .error-page .error-lead h1{font:500 30px/42px Montserrat,sans-serif!important;letter-spacing:-.02em!important}
  .error-page .error-lead p{max-width:294px!important;margin-top:20px!important;font:400 18px/26px "Afacad Flux",sans-serif!important;letter-spacing:-.396px!important}
  .error-page .error-illustration{width:362px!important;max-width:100%!important;margin:40px auto!important}
  .error-page .error-back{margin:0 auto!important}
}

@media (max-width:380px){
  #effika-home .home-footer__contact{font-size:13px!important}
  html.effika-home-route #effika-home .home-values,
  .about-page .about-values{gap:12px 8px!important}
}

@media (prefers-reduced-motion:reduce){
  #effika-home *{scroll-behavior:auto}
}

/* v74.1 — guanya els overrides mòbils antics (v63) sense alterar cap comportament. */
@media (max-width:720px){
  #effika-home.services-page .services-intro{padding:40px 0!important}
  #effika-home.services-page .services-kicker{font:500 16px/30px "Afacad Flux",sans-serif!important}
  #effika-home.services-page .services-intro h1{margin-top:10px!important;font:500 30px/42px Montserrat,sans-serif!important;letter-spacing:-.025em!important}
  #effika-home.services-page .services-intro__lead{margin-top:20px!important;font:500 14px/26px Montserrat,sans-serif!important}
  #effika-home.services-page .services-hero-media{height:170px!important}
  #effika-home.services-page .services-list{padding:40px 0!important}
  #effika-home.services-page .services-card{min-height:0!important;padding:15px!important;border-width:2px!important}
  #effika-home.services-page .services-card h2{padding-right:50px!important;font:600 18px/30px Montserrat,sans-serif!important;letter-spacing:0!important}
  #effika-home.services-page .services-card p{margin:17px 0 0!important;font:400 14px/20px "Afacad Flux",sans-serif!important}
  #effika-home.services-page .services-card__arrow{top:15px!important;right:15px!important}
  #effika-home.services-page .services-area{padding:40px 0!important}
  #effika-home.services-page .services-area h2{font:500 26px/42px Montserrat,sans-serif!important;letter-spacing:-.02em!important}
  #effika-home.services-page .services-area__lead{margin-top:20px!important;font:400 18px/26px "Afacad Flux",sans-serif!important}
  #effika-home.services-page .services-area__layout{gap:40px!important;margin-top:40px!important}
  #effika-home.services-page .services-cta{padding:40px 0!important}
  #effika-home.services-page .services-cta h2{margin-top:10px!important;font:500 26px/42px Montserrat,sans-serif!important}
  #effika-home.services-page .services-cta p{margin-top:20px!important;font:400 18px/26px "Afacad Flux",sans-serif!important}
  #effika-home.services-page .services-actions{margin-top:40px!important;gap:16px 34px!important}

  #effika-home.about-page .about-intro{padding:40px 0!important}
  #effika-home.about-page .about-kicker{font:500 16px/30px "Afacad Flux",sans-serif!important}
  #effika-home.about-page .about-intro h1{margin-top:10px!important;font:500 30px/42px Montserrat,sans-serif!important;letter-spacing:-.025em!important}
  #effika-home.about-page .about-intro__lead{margin-top:20px!important;font:500 14px/26px Montserrat,sans-serif!important}
  #effika-home.about-page .about-hero{height:170px!important}
  #effika-home.about-page .about-values-section{padding:40px 0!important}
  #effika-home.about-page .about-values-heading h2{margin-top:10px!important;font:500 26px/42px Montserrat,sans-serif!important}
  #effika-home.about-page .about-values{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px 10px!important;margin-top:40px!important}
  #effika-home.about-page .about-value{min-height:0!important;padding:15px!important;border-width:2px!important}
  #effika-home.about-page .about-value h3{margin-top:17px!important;font:600 18px/30px Montserrat,sans-serif!important}
  #effika-home.about-page .about-value p{margin-top:17px!important;font:400 14px/20px "Afacad Flux",sans-serif!important}
  #effika-home.about-page .about-metrics{padding:0 0 40px!important}
  #effika-home.about-page .about-metrics__grid{display:block!important;height:550px!important;padding:0!important;border:0!important}
  #effika-home.about-page .about-metric{position:absolute!important;width:48%!important;padding:5px!important;border:0!important}
  #effika-home.about-page .about-metric:nth-child(4){left:26%!important;right:auto!important;top:0!important}
  #effika-home.about-page .about-metric:nth-child(3){left:2%!important;right:auto!important;top:140px!important}
  #effika-home.about-page .about-metric:nth-child(2){left:auto!important;right:2%!important;top:280px!important}
  #effika-home.about-page .about-metric:nth-child(1){left:26%!important;right:auto!important;top:420px!important}
  #effika-home.about-page .about-metric:nth-child(odd){border-right:0!important}
  #effika-home.about-page .about-metric:nth-child(-n+2),
  #effika-home.about-page .about-metric:nth-last-child(-n+2){border-bottom:0!important;padding-bottom:5px!important}
  #effika-home.about-page .about-odometer{height:70px!important;font:200 60px/70px Montserrat,sans-serif!important}
  #effika-home.about-page .about-digit{height:70px!important}
  #effika-home.about-page .about-digit__track span{height:70px!important}
  #effika-home.about-page .about-metrics.is-visible .about-digit__track{transform:translateY(calc(var(--about-roll-offset,0) * -70px))!important}
  #effika-home.about-page .about-odometer__suffix{line-height:70px!important}
  #effika-home.about-page .about-metric__label{margin-top:14px!important;font:400 14px/20px "Afacad Flux",sans-serif!important}
  #effika-home.about-page .about-services{padding:40px 0!important}
  #effika-home.about-page .about-services h2{margin-top:10px!important;font:500 26px/42px Montserrat,sans-serif!important}
  #effika-home.about-page .about-services__lead{margin-top:20px!important;font:400 18px/26px "Afacad Flux",sans-serif!important}
  #effika-home.about-page .about-services__grid{gap:16px!important;margin-top:40px!important}
  #effika-home.about-page .about-service-card{min-height:0!important;padding:15px!important;border-width:2px!important}
  #effika-home.about-page .about-service-card__text{padding-right:12px!important;font:600 18px/30px Montserrat,sans-serif!important}
  #effika-home.about-page .about-cta{padding:40px 0!important}
  #effika-home.about-page .about-cta h2{margin-top:10px!important;font:500 26px/42px Montserrat,sans-serif!important}
  #effika-home.about-page .about-cta__lead{margin-top:20px!important;font:400 18px/26px "Afacad Flux",sans-serif!important}
  #effika-home.about-page .about-actions{margin-top:40px!important;gap:16px 34px!important}

  #effika-home.contact-page .contact-intro{padding:40px 0!important}
  #effika-home.contact-page .contact-kicker{font:500 16px/30px "Afacad Flux",sans-serif!important}
  #effika-home.contact-page .contact-intro h1{margin-top:10px!important;font:500 30px/42px Montserrat,sans-serif!important;letter-spacing:-.025em!important}
  #effika-home.contact-page .contact-intro__lead{margin-top:20px!important;font:500 14px/26px Montserrat,sans-serif!important}
  #effika-home.contact-page .contact-hero{height:170px!important}
  #effika-home.contact-page .contact-main{padding:40px 0!important}
  #effika-home.contact-page .contact-layout{display:block!important}
  #effika-home.contact-page .contact-sidebar{display:none!important}
  #effika-home.contact-page .contact-form-card{padding:40px 20px!important;border-width:1px!important;border-radius:8px!important}
  #effika-home.contact-page .contact-form-card h2{margin-bottom:40px!important;font:600 18px/33px Montserrat,sans-serif!important}
  #effika-home.contact-page .contact-control{min-height:56px!important;padding:12px 16px!important;font:400 16px/32px "Afacad Flux",sans-serif!important}
  #effika-home.contact-page textarea.contact-control{height:137px!important;min-height:137px!important}
}

/* v74.2 — detalls compartits comprovats contra els components Figma */
@media (min-width:721px){
  .service-detail-page .service-detail-hero__copy{gap:0!important}
  .service-detail-page .service-detail-hero__copy>.service-detail-kicker{margin-bottom:40px!important}
  .service-detail-page .service-detail-hero__copy>h1{margin-bottom:26px!important}
  .service-detail-page .service-detail-check:nth-child(1){grid-column:1!important;grid-row:1!important}
  .service-detail-page .service-detail-check:nth-child(2){grid-column:1!important;grid-row:2!important}
  .service-detail-page .service-detail-check:nth-child(3){grid-column:2!important;grid-row:1!important}
  .service-detail-page .service-detail-card[href*="projectes-activitat"]{order:1!important}
  .service-detail-page .service-detail-card[href*="legalitzacions-installacions"]{order:2!important}
  .service-detail-page .service-detail-card[href*="certificat-energetic"]{order:3!important}
  .service-detail-page .service-detail-card[href*="assessorament-normatiu"]{order:4!important}
  .service-detail-page .service-detail-card[href*="informes-estudis-tecnics"]{order:5!important}
  .service-detail-page .service-detail-card[href*="informes-termografics"]{order:6!important}
  .service-detail-page .service-detail-cta{padding:86px 0!important}
  .service-detail-page .service-detail-cta__inner{gap:26px!important}
  #effika-home .home-footer__legal a{font-size:12px!important}
}
.service-detail-page .service-faq-arrow{
  width:39px!important;height:39px!important;background:transparent!important;border-radius:0!important;
}
.service-detail-page .service-faq-arrow img{width:14px!important;height:14px!important}
.service-detail-page .service-faq-item:hover .service-faq-arrow,
.service-detail-page .service-faq-item:focus-within .service-faq-arrow,
.service-detail-page .service-faq-item.is-open .service-faq-arrow{background:transparent!important}
.service-detail-page .service-detail-cta .home-btn--soft,
.services-page .services-cta .home-btn--soft,
.about-page .about-cta .home-btn--soft{background:#CFE7FF!important;border-color:#CFE7FF!important;color:#090D19!important}

@media (max-width:720px){
  .service-detail-page .service-detail-need__grid .service-detail-check:nth-child(3){order:1!important}
  .service-detail-page .service-detail-need__grid .service-detail-check:nth-child(1){order:2!important}
  .service-detail-page .service-detail-need__grid .service-detail-check:nth-child(2){order:3!important}
}

@media (min-width:721px){
  .about-page .about-service-card[href*="projectes-activitat"]{order:1!important}
  .about-page .about-service-card[href*="legalitzacions-installacions"]{order:2!important}
  .about-page .about-service-card[href*="certificat-energetic"]{order:3!important}
  .about-page .about-service-card[href*="assessorament-normatiu"]{order:4!important}
  .about-page .about-service-card[href*="informes-estudis-tecnics"]{order:5!important}
  .about-page .about-service-card[href*="informes-termografics"]{order:6!important}
}