/* ============================================================
   UNDARIUS BUSINESS - sistema visual
   Negre #111114 | Taronja #EA541D | Gris clar #F5F4F2
   ============================================================ */
:root{
  --ub-black:#111114;
  --ub-orange:#EA541D;
  --ub-orange-dark:#c8410f;
  --ub-gray:#F5F4F2;
  --ub-text:#1b1b1f;
  --ub-muted:#5c5c66;
  --ub-container:1080px;
}
body{
  font-family:"Manrope",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  color:var(--ub-text);
  overflow-x:hidden;
}
h1,h2,h3,h4{font-weight:600;letter-spacing:-.022em;line-height:1.13}
h1{font-size:clamp(2.1rem,4.4vw,3.5rem)}
h2{font-size:clamp(1.6rem,2.9vw,2.3rem)}
h3{font-size:clamp(1.08rem,1.55vw,1.3rem)}
p{line-height:1.68}

/* ---------- Estructura ---------- */
.wp-site-blocks > main{margin-top:0!important;padding-block:0!important}
.wp-site-blocks > main > .wp-block-group{padding-block:0!important}
.wp-block-post-content{margin-top:0!important;padding-left:0!important;padding-right:0!important}

.wp-block-post-content > section.wp-block-group{
  max-width:none!important;
  width:100%;
  margin:0!important;
  padding-inline:max(1.5rem,calc((100% - var(--ub-container)) / 2))!important;
  padding-block:clamp(3rem,5.5vw,5rem)
}
.wp-block-post-content > section.wp-block-group > *{
  max-width:none!important;
  margin-left:0!important;
  margin-right:0!important
}
.wp-block-post-content > section.wp-block-group > p{max-width:68ch!important}
.wp-block-post-content > section.wp-block-group > h1{max-width:17ch!important}
.wp-block-post-content > section.wp-block-group > h2{max-width:24ch!important}
.wp-block-post-content > section.wp-block-group > ul{max-width:70ch!important}

/* alternanca de fons */
.wp-block-post-content > section.wp-block-group:nth-of-type(even){background:var(--ub-gray)}

/* seccions fosques */
.wp-block-post-content > section#cover,
.wp-block-post-content > section#hero,
.wp-block-post-content > section#cover-serveis,
.wp-block-post-content > section#cover-contacte,
.wp-block-post-content > section#cta{
  background:var(--ub-black);
  color:#fff;
  padding-block:clamp(4rem,7.5vw,6.5rem)
}
section#cover h1,section#hero h1,section#cover-serveis h1,section#cover-contacte h1,
section#cover h2,section#hero h2,section#cta h2,
section#cover h3,section#hero h3,section#cta h3{color:#fff}
section#cover p,section#hero p,section#cover-serveis p,section#cover-contacte p,section#cta p{color:rgba(255,255,255,.82)}
section#cover li,section#hero li,section#cta li{color:rgba(255,255,255,.82)}

/* ---------- Etiqueta superior ---------- */
.eyebrow{
  text-transform:uppercase;
  letter-spacing:.14em;
  font-size:.78rem;
  font-weight:700;
  color:var(--ub-orange)!important;
  margin-bottom:.9rem
}

/* ---------- Paragraf d'entrada ---------- */
.wp-block-post-content > section#cover > h1 + p,
.wp-block-post-content > section#hero > h1 + p,
.wp-block-post-content > section#cover-serveis > h1 + p,
.wp-block-post-content > section#cover-contacte > h1 + p{
  font-size:clamp(1.05rem,1.35vw,1.22rem);
  max-width:54ch!important
}

/* ---------- Subtitols amb accent ---------- */
.wp-block-post-content section h3{
  margin-top:2.75rem;
  padding-top:1.05rem;
  border-top:2px solid var(--ub-orange)
}
.wp-block-post-content section h2 + h3{margin-top:2rem}
.wp-block-post-content section h3 + p{margin-top:.55rem;color:var(--ub-muted)}
section#cover h3 + p,section#hero h3 + p,section#cta h3 + p{color:rgba(255,255,255,.75)}

/* ---------- Botons ---------- */
.wp-block-buttons{margin-top:1.9rem;gap:.8rem}
.wp-block-button__link{background:var(--ub-orange)!important;color:#fff!important;border:2px solid var(--ub-orange);font-size:1rem}
.wp-block-button__link:hover{background:var(--ub-orange-dark)!important;border-color:var(--ub-orange-dark)}
.wp-block-button.is-style-outline .wp-block-button__link{
  background:transparent!important;
  color:var(--ub-text)!important;
  border:2px solid currentColor
}
section#cover .is-style-outline .wp-block-button__link,
section#hero .is-style-outline .wp-block-button__link,
section#cover-serveis .is-style-outline .wp-block-button__link,
section#cover-contacte .is-style-outline .wp-block-button__link,
section#cta .is-style-outline .wp-block-button__link{color:#fff!important}
section#cover .is-style-outline .wp-block-button__link:hover,
section#cta .is-style-outline .wp-block-button__link:hover{background:rgba(255,255,255,.12)!important}
.wp-block-post-content section h3 ~ .wp-block-buttons{margin-top:1.1rem}
.wp-block-post-content section h3 ~ .wp-block-buttons .wp-block-button__link{padding:.55rem 1.1rem;font-size:.93rem}

/* ---------- Llistes ---------- */
.wp-block-post-content section ul.wp-block-list{padding-left:1.15rem}
.wp-block-post-content section ul.wp-block-list li{margin-bottom:.6rem;line-height:1.6}
.wp-block-post-content section ul.wp-block-list li::marker{color:var(--ub-orange)}

/* ---------- Enllacos ---------- */
.wp-block-post-content a:not(.wp-block-button__link){text-underline-offset:.2em}

/* ---------- Capcalera ---------- */
.wp-site-blocks > header.wp-block-template-part{
  background:var(--ub-black);
  position:sticky;
  top:0;
  z-index:60
}
.wp-site-blocks > header .wp-block-site-title a,
.wp-site-blocks > header .wp-block-navigation a,
.wp-site-blocks > header .wp-block-navigation button,
.wp-site-blocks > header p,
.wp-site-blocks > header h1{color:#fff!important;text-decoration:none}
.wp-site-blocks > header .wp-block-site-title a{font-weight:700;letter-spacing:-.02em}
.wp-site-blocks > header .wp-block-navigation a:hover{color:var(--ub-orange)!important}
.wp-block-navigation__submenu-container{background:#1c1c22!important;border:1px solid #2c2c34!important;border-radius:10px;padding:.35rem 0}
.wp-block-navigation__submenu-container a{color:#fff!important;padding:.55rem 1rem!important}
.wp-block-navigation__submenu-container a:hover{color:var(--ub-orange)!important}

/* ---------- Peu ---------- */
.wp-site-blocks > footer.wp-block-template-part{color:rgba(255,255,255,.72)}
.wp-site-blocks > footer a,
.wp-site-blocks > footer h1,.wp-site-blocks > footer h2,.wp-site-blocks > footer h3,
.wp-site-blocks > footer .wp-block-site-title a{color:#fff!important}
.wp-site-blocks > footer a:hover{color:var(--ub-orange)!important}

/* ---------- Titol de la pagina (cada pagina ja porta H1) ---------- */
.wp-block-post-title{display:none}

/* ---------- Mobil ---------- */
@media (max-width:781px){
  .wp-block-buttons{flex-direction:column;align-items:stretch}
  .wp-block-button{width:100%}
  .wp-block-button__link{display:block;text-align:center}

  .wp-block-post-content > section.wp-block-group > h1{max-width:none!important}
}

/* ---------- Targetes i graella ---------- */
.wp-block-post-content .ub-grid{
  margin-top:2.4rem!important;
  gap:1.1rem!important;
  max-width:none!important
}
.wp-block-post-content .ub-card{
  background:#fff;
  border:1px solid #e6e3de;
  border-radius:16px;
  padding:1.6rem 1.5rem 1.7rem;
  height:100%;
  display:flex;
  flex-direction:column
}
.wp-block-post-content .ub-card > h3{
  margin-top:0!important;
  padding-top:0!important;
  border-top:none!important;
  font-size:1.18rem
}
.wp-block-post-content .ub-card > h3::before{
  content:"";
  display:block;
  width:34px;
  height:3px;
  background:var(--ub-orange);
  border-radius:2px;
  margin-bottom:.9rem
}
.wp-block-post-content .ub-card > p{color:var(--ub-muted);margin-top:.6rem;font-size:.97rem;line-height:1.6}
.wp-block-post-content .ub-card > .wp-block-buttons{padding-top:1.1rem}
.wp-block-post-content .ub-card .wp-block-button__link{background:transparent!important;border:2px solid var(--ub-orange);padding:.5rem 1rem;font-size:.9rem}
.wp-block-post-content .ub-card .wp-block-button__link:hover{
  background:var(--ub-orange)!important;
  color:#fff!important
}
/* targetes sobre fons fosc */
section#cover .ub-card,section#hero .ub-card,section#cta .ub-card,
section#cover-serveis .ub-card,section#cover-contacte .ub-card{
  background:#1a1a21;
  border-color:#2b2b34
}
section#cover .ub-card > p,section#hero .ub-card > p,section#cta .ub-card > p{color:rgba(255,255,255,.72)}

/* ---------- FAQ ---------- */
section#faq h3,section[id^="pregunt"] h3{
  border-top:none!important;
  padding-top:0!important;
  margin-top:2.1rem;
  padding-left:1.15rem;
  position:relative
}
section#faq h3::before,section[id^="pregunt"] h3::before{
  content:"";
  position:absolute;
  left:0;top:.45em;
  width:5px;height:5px;
  border-radius:50%;
  background:var(--ub-orange)
}
section#faq h3 + p,section[id^="pregunt"] h3 + p{padding-left:1.15rem}

/* ---------- Mobil: targetes ---------- */
@media (max-width:781px){
  .wp-block-post-content .ub-card .wp-block-button__link{display:inline-block;width:auto}
  .wp-block-post-content .ub-card > .wp-block-buttons{align-items:flex-start}
}

/* correccio: els fills de la targeta han d'ocupar tota l'amplada i alinear-se a l'esquerra */
.wp-block-post-content .ub-card > *{
  margin-left:0!important;
  margin-right:0!important;
  max-width:none!important;
  width:100%;
  text-align:left
}
.wp-block-post-content .ub-card > .wp-block-buttons{justify-content:flex-start}
.wp-block-post-content .ub-grid > *{margin:0!important;max-width:none!important}

/* ---------- Peu: estructura ---------- */
.wp-site-blocks > footer.wp-block-template-part{padding:0!important}
.wp-site-blocks > footer .ub-footer{
  max-width:none!important;
  margin:0!important;
  padding-inline:max(1.5rem,calc((100% - var(--ub-container)) / 2))!important;
  padding-block:3.5rem 2rem!important
}
.wp-site-blocks > footer .ub-footer > *{max-width:none!important;margin-left:0!important;margin-right:0!important}
.wp-site-blocks > footer .ub-footer-cols{gap:2.25rem!important;flex-wrap:wrap}
.wp-site-blocks > footer .wp-block-column{min-width:180px}
.wp-site-blocks > footer .wp-block-column > *{max-width:none!important;margin-left:0!important;margin-right:0!important}

.wp-site-blocks > footer .ub-foot-brand{font-weight:700;font-size:1.15rem;color:#fff!important;margin:0 0 .9rem}
.wp-site-blocks > footer .ub-foot-desc{font-size:.9rem;color:rgba(255,255,255,.6)!important;line-height:1.6;margin:0 0 .9rem;max-width:34ch}
.wp-site-blocks > footer .ub-foot-title{
  font-weight:700;font-size:.78rem;text-transform:uppercase;letter-spacing:.13em;
  color:#fff!important;margin:0 0 1.05rem
}
.wp-site-blocks > footer .ub-foot-link{margin:0 0 .6rem}
.wp-site-blocks > footer .ub-foot-link a{
  text-decoration:none;
  color:rgba(255,255,255,.72)!important;
  font-size:.95rem
}
.wp-site-blocks > footer .ub-foot-link a:hover{color:var(--ub-orange)!important}
.wp-site-blocks > footer .ub-foot-legal{
  border-top:1px solid rgba(255,255,255,.12);
  margin-top:2.75rem!important;
  padding-top:1.5rem;
  font-size:.85rem;
  color:rgba(255,255,255,.5)!important
}
.wp-site-blocks > footer .wp-block-buttons{margin-top:1.35rem}
.wp-site-blocks > footer .wp-block-button__link{padding:.65rem 1.2rem;font-size:.93rem}

@media (max-width:781px){

  .wp-site-blocks > footer .wp-block-column{flex-basis:100%!important}
}

/* ---------- Retocs finals ---------- */
.wp-block-post-content{margin-bottom:0!important;padding-bottom:0!important}

/* separacio interna consistent */
.wp-block-post-content > section.wp-block-group > * + *{margin-top:1.15rem}
.wp-block-post-content > section.wp-block-group > h2{margin-top:.35rem}
.wp-block-post-content > section.wp-block-group > .eyebrow + h1,
.wp-block-post-content > section.wp-block-group > .eyebrow + h2{margin-top:0}
/* seleccio de text amb color de marca */
::selection{background:var(--ub-orange);color:#fff}
/* focus visible accessible */
a:focus-visible,button:focus-visible{outline:3px solid var(--ub-orange);outline-offset:3px;border-radius:4px}

/* ---------- Menu i peu per idioma ---------- */
.wp-site-blocks > header .ub-nav-es{display:none!important}
.wp-site-blocks > header .ub-nav-ca{display:flex!important}
html[lang^="es"] .wp-site-blocks > header .ub-nav-es{display:flex!important}
html[lang^="es"] .wp-site-blocks > header .ub-nav-ca{display:none!important}
.wp-site-blocks > footer .ub-lang-es{display:none!important}
.wp-site-blocks > footer .ub-lang-ca{display:block!important}
html[lang^="es"] .wp-site-blocks > footer .ub-lang-es{display:block!important}
html[lang^="es"] .wp-site-blocks > footer .ub-lang-ca{display:none!important}

/* ---------- Selector d'idioma al menu ---------- */
.wp-block-navigation .lang-item a,
.wp-block-navigation .pll-switcher-list a{
  border:1px solid rgba(255,255,255,.35);
  border-radius:6px;
  padding:.28rem .7rem!important;
  font-size:.88rem
}
.wp-block-navigation .lang-item a:hover{border-color:var(--ub-orange)}

/* ---------- Formulari de contacte ---------- */
.fluentform{max-width:640px;margin-top:2rem}
.fluentform .ff-el-input--label label{font-weight:600;font-size:.95rem;margin-bottom:.35rem}
.fluentform .ff-el-form-control{
  border:1px solid #d9d5cf!important;
  border-radius:8px!important;
  padding:.75rem .9rem!important;
  font-size:1rem!important;
  font-family:inherit!important;
  background:#fff!important
}
.fluentform .ff-el-form-control:focus{border-color:var(--ub-orange)!important;box-shadow:0 0 0 3px rgba(234,84,29,.15)!important;outline:none!important}
.fluentform .ff-btn-submit{
  background:var(--ub-orange)!important;
  border:2px solid var(--ub-orange)!important;
  color:#fff!important;
  border-radius:8px!important;
  padding:.8rem 1.6rem!important;
  font-weight:600!important;
  font-size:1rem!important
}
.fluentform .ff-btn-submit:hover{background:var(--ub-orange-dark)!important;border-color:var(--ub-orange-dark)!important}

.fluentform .ff-el-form-check-label{font-size:.92rem;color:var(--ub-muted)}
.fluentform .ff-el-form-check-label a{color:var(--ub-orange)}
.fluentform .error,.fluentform .text-danger{color:#c62828!important;font-size:.88rem}

/* ---------- Mapa ---------- */
.ub-map{margin-top:2.25rem;border-radius:16px;overflow:hidden;border:1px solid #e6e3de;line-height:0}
.ub-map iframe{width:100%;height:340px;border:0;display:block}
@media (max-width:781px){.ub-map iframe{height:260px}}

/* ---------- Detalls finals ---------- */
html{scroll-padding-top:96px;scroll-behavior:smooth}
img{max-width:100%;height:auto}
.wp-block-post-content figure{margin-block:2rem}
.wp-block-post-content figure img{border-radius:16px}
/* evita que el text llarg trenqui el disseny */
.wp-block-post-content h1,.wp-block-post-content h2,.wp-block-post-content h3{overflow-wrap:break-word}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* ---------- Menu desplegable a mobil ---------- */
.wp-block-navigation__responsive-container.is-menu-open{background:var(--ub-black)!important;padding-top:5rem}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content{
  align-items:flex-start!important;
  justify-content:flex-start!important
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container{
  align-items:flex-start!important;
  gap:.35rem
}
.wp-block-navigation__responsive-container.is-menu-open a{font-size:1.35rem!important;padding:.55rem 0!important;color:#fff!important}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container{
  background:transparent!important;border:0!important;padding-left:1rem!important
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container a{font-size:1.05rem!important;color:rgba(255,255,255,.75)!important}
.wp-block-navigation__responsive-container.is-menu-open .lang-item a{display:inline-block;margin-top:1rem}
.wp-block-navigation__responsive-container-close,.wp-block-navigation__responsive-container-open{color:#fff!important}

/* ---------- Formulari: acabats ---------- */
.wp-block-post-content .fluentform{
  background:#fff;
  border:1px solid #e6e3de;
  border-radius:18px;
  padding:2rem 1.9rem 1.9rem;
  max-width:660px
}
.fluentform .ff-el-is-error .ff-el-form-control{border-color:#c62828!important}
.fluentform .ff-el-form-check{display:flex;align-items:flex-start;gap:.6rem}
.fluentform input[type="checkbox"]{
  width:1.15rem;height:1.15rem;
  accent-color:var(--ub-orange);
  margin-top:.15rem;
  flex:0 0 auto
}
.fluentform select.ff-el-form-control{appearance:auto;background:#fff!important}
.fluentform .ff-message-success{
  background:#f2f8f2;
  border:1px solid #cfe6cf;
  border-radius:12px;
  padding:1.25rem 1.4rem;
  color:#1e3d1e
}
.fluentform .ff-el-group{margin-bottom:1.05rem}
.fluentform .ff_submit_btn_wrapper{margin-top:1.4rem}
@media (max-width:781px){
  .wp-block-post-content .fluentform{padding:1.4rem 1.15rem 1.5rem;border-radius:14px}
}
.wp-block-post-content > section.wp-block-group > .fluentform{max-width:780px!important}
/* ===== V2: passos numerats ===== */
.wp-block-post-content .ub-steps{gap:1.1rem!important;margin-top:2.2rem!important}
.wp-block-post-content .ub-steps > *{margin:0!important;max-width:none!important}
.wp-block-post-content .ub-step{position:relative;background:#fff;border:1px solid #e6e3de;border-radius:16px;padding:1.5rem 1.4rem 1.6rem;height:100%;display:flex;flex-direction:column}
.wp-block-post-content .ub-step > *{margin-left:0!important;margin-right:0!important;max-width:none!important;width:100%;text-align:left}
.wp-block-post-content .ub-step .ub-step-num{font-size:.75rem!important;font-weight:700;letter-spacing:.16em;margin:0 0 .75rem!important;font-variant-numeric:tabular-nums}
.wp-block-post-content .ub-step > h3{font-size:1.05rem!important;margin:0 0 .5rem!important;line-height:1.3}
.wp-block-post-content .ub-step > h3::before{display:none!important}
.wp-block-post-content .ub-step > p{margin:0!important;font-size:.97rem;color:#4c4c55}
section#cover .ub-step,section#hero .ub-step,section#cta .ub-step{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.14)}
section#cover .ub-step > p,section#hero .ub-step > p,section#cta .ub-step > p{color:#c9c9d1}

.wp-block-post-content .ub-step > h3{border-top:0!important;padding-top:0!important}
/* ===== V2: FAQ acordió ===== */
.wp-block-post-content details.ub-faq{max-width:none!important;width:100%}


.wp-block-post-content details.ub-faq > summary{list-style:none;cursor:pointer;display:flex}
.wp-block-post-content details.ub-faq > summary::-webkit-details-marker{display:none}
.wp-block-post-content details.ub-faq > summary h3{margin:0!important;border:0!important;padding:0!important}
.wp-block-post-content details.ub-faq > summary h3::before{display:none!important}

.wp-block-post-content details.ub-faq[open] > summary::after{margin-top:.7rem}
.wp-block-post-content details.ub-faq > summary:hover h3{color:var(--ub-orange)}


.wp-block-post-content details.ub-faq .ub-faq-a p:last-child{margin-bottom:0!important}
.wp-block-post-content details.ub-faq > summary:focus-visible{outline:2px solid var(--ub-orange);outline-offset:3px;border-radius:4px}

.wp-block-post-content details.ub-faq > summary:focus{outline:none}


/* ===== V2: profunditat a les seccions fosques ===== */
section#cover,section#hero,section#cover-serveis,section#cover-contacte,section#cta{position:relative;overflow:hidden}
section#cover::before,section#hero::before,section#cover-serveis::before,section#cover-contacte::before,section#cta::before{
 content:"";position:absolute;inset:0;pointer-events:none;z-index:0;
 background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);
 background-size:72px 72px;
 -webkit-mask-image:radial-gradient(120% 100% at 85% 20%,#000 0%,transparent 72%);mask-image:radial-gradient(120% 100% at 85% 20%,#000 0%,transparent 72%)}
section#cover::after,section#hero::after,section#cover-serveis::after,section#cover-contacte::after,section#cta::after{
 content:"";position:absolute;inset:0;pointer-events:none;z-index:0;
 background:radial-gradient(52% 78% at 84% 26%,rgba(234,84,29,.20),transparent 62%),radial-gradient(46% 64% at 104% 104%,rgba(234,84,29,.10),transparent 66%)}
section#cover > *,section#hero > *,section#cover-serveis > *,section#cover-contacte > *,section#cta > *{position:relative;z-index:1}

/* ===== V2: hero portada amb columna lateral ===== */
@media(min-width:901px){
 section#cover{align-items:center}

 section#cover > .ub-hero-side{align-self:center}
}
.ub-hero-side{background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:1.6rem 1.5rem 1.4rem;backdrop-filter:blur(2px);max-width:none!important}
.ub-hero-side .ub-hero-side-t{font-size:.72rem!important;letter-spacing:.16em;text-transform:uppercase;color:var(--ub-orange)!important;margin:0 0 1rem!important;font-weight:700}
.ub-hero-side ul.ub-hero-list{list-style:none;margin:0;padding:0}
.ub-hero-side ul.ub-hero-list li{margin:0;padding:0;border-top:1px solid rgba(255,255,255,.09)}
.ub-hero-side ul.ub-hero-list li:first-child{border-top:0}
.ub-hero-side ul.ub-hero-list li a{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.72rem 0;color:#fff!important;text-decoration:none!important;font-size:1rem;transition:color .15s ease,padding .15s ease}
.ub-hero-side ul.ub-hero-list li a::after{content:"→";color:var(--ub-orange);opacity:.55;transition:transform .15s ease,opacity .15s ease}
.ub-hero-side ul.ub-hero-list li a:hover{color:var(--ub-orange)!important}
.ub-hero-side ul.ub-hero-list li a:hover::after{transform:translateX(4px);opacity:1}
.ub-hero-side .ub-hero-side-f{font-size:.82rem!important;color:rgba(255,255,255,.5)!important;margin:1.1rem 0 0!important;padding-top:.9rem;border-top:1px solid rgba(255,255,255,.09)}
@media(max-width:900px){.ub-hero-side{margin-top:2.4rem!important}}

@media(min-width:901px){
 section#cover{grid-template-columns:minmax(0,1.18fr) minmax(0,.72fr)!important;align-content:center;grid-auto-rows:min-content;column-gap:3.2rem!important}
 section#cover > *:not(.ub-hero-side){align-self:start}

 section#cover > p:not(.eyebrow):not(.ub-hero-side-t):not(.ub-hero-side-f){max-width:52ch!important}
}

@media(min-width:901px){
 section#cover{display:block!important;position:relative;padding-right:calc(max(1.5rem,(100% - var(--ub-container)) / 2) + 0px)!important}
 section#cover > *:not(.ub-hero-side){max-width:600px!important;grid-column:auto!important}
 section#cover > h1{max-width:600px!important}
 section#cover > .ub-hero-side{position:absolute;top:50%;right:max(1.5rem,calc((100% - var(--ub-container)) / 2));transform:translateY(-50%);width:min(360px,32%);margin:0!important;grid-row:auto!important;grid-column:auto!important}
}

/* ===== V2: alinear capçalera i peu amb el contingut ===== */
.wp-site-blocks > header.wp-block-template-part > .wp-block-group{
 max-width:none!important;width:100%;
 padding-inline:max(1.5rem,calc((100% - var(--ub-container)) / 2))!important}
.wp-site-blocks > footer.wp-block-template-part .ub-footer{
 max-width:none!important;width:100%;
 padding-inline:max(1.5rem,calc((100% - var(--ub-container)) / 2))!important}

.wp-site-blocks > header.wp-block-template-part > .wp-block-group > .wp-block-group{padding-inline:0!important;max-width:none!important;width:100%}

/* ===== V2: contrast AA (taronja sobre fons clar i botons) ===== */
:root{--ub-orange-deep:#C7410B}
.wp-block-post-content .wp-block-button:not(.is-style-outline) > .wp-block-button__link{background-color:var(--ub-orange-deep)!important;border-color:var(--ub-orange-deep)!important}
.wp-block-post-content .wp-block-button:not(.is-style-outline) > .wp-block-button__link:hover{background-color:#a83608!important;border-color:#a83608!important}
.wp-site-blocks > footer .wp-block-button__link{background-color:var(--ub-orange-deep)!important;border-color:var(--ub-orange-deep)!important}
.wp-block-post-content > section.wp-block-group:not(#cover):not(#hero):not(#cta):not(#cover-serveis):not(#cover-contacte):not(.ub-dark) .eyebrow{color:var(--ub-orange-deep)!important}
.wp-block-post-content .ub-step .ub-step-num{color:var(--ub-orange-deep)!important}
.wp-block-post-content .ub-card .wp-block-button__link{color:var(--ub-orange-deep)!important}
.wp-block-post-content a:not(.wp-block-button__link){color:var(--ub-orange-deep)}
.fluentform .ff-btn-submit{background-color:var(--ub-orange-deep)!important;border-color:var(--ub-orange-deep)!important}

.wp-block-post-content .ub-card .wp-block-button__link,
.wp-block-post-content .ub-step .wp-block-button__link{background:transparent!important;background-color:transparent!important;color:var(--ub-orange-deep)!important;border:2px solid var(--ub-orange-deep)!important}
.wp-block-post-content .ub-card .wp-block-button__link:hover,
.wp-block-post-content .ub-step .wp-block-button__link:hover{background-color:var(--ub-orange-deep)!important;color:#fff!important}

.wp-block-post-content .ub-card .wp-block-button:not(.is-style-outline) > .wp-block-button__link,
.wp-block-post-content .ub-step .wp-block-button:not(.is-style-outline) > .wp-block-button__link{background:transparent!important;background-color:transparent!important;color:var(--ub-orange-deep)!important;border:2px solid var(--ub-orange-deep)!important}
.wp-block-post-content .ub-card .wp-block-button:not(.is-style-outline) > .wp-block-button__link:hover,
.wp-block-post-content .ub-step .wp-block-button:not(.is-style-outline) > .wp-block-button__link:hover{background-color:var(--ub-orange-deep)!important;color:#fff!important}

@media(max-width:781px){
 .wp-site-blocks > footer .ub-foot-link a{display:inline-block;padding-block:.62rem}
 .wp-site-blocks > footer .ub-foot-link{margin-block:0!important}
}

/* ===== V2: enllaços de clients com a enllaç, no com a botó ===== */
#clients .ub-card .wp-block-button:not(.is-style-outline) > .wp-block-button__link,
#clientes .ub-card .wp-block-button:not(.is-style-outline) > .wp-block-button__link{
 border:0!important;padding:0!important;background:transparent!important;
 color:var(--ub-orange-deep)!important;font-size:.92rem;font-weight:600;
 text-decoration:underline!important;text-underline-offset:4px;text-decoration-thickness:1px}
#clients .ub-card .wp-block-button__link::after,#clientes .ub-card .wp-block-button__link::after{content:" ↗";text-decoration:none;display:inline-block;margin-left:.25rem}
#clients .ub-card .wp-block-button:not(.is-style-outline) > .wp-block-button__link:hover,
#clientes .ub-card .wp-block-button:not(.is-style-outline) > .wp-block-button__link:hover{color:#8f3007!important;background:transparent!important}
#clients .ub-card > .wp-block-buttons,#clientes .ub-card > .wp-block-buttons{margin-top:auto!important;padding-top:1rem}

.wp-block-post-content .ub-label{font-size:.72rem!important;letter-spacing:.16em;text-transform:uppercase;font-weight:700;color:var(--ub-orange-deep)!important;margin:0 0 .8rem!important}
.wp-block-post-content .ub-opt-grid .ub-card ul.wp-block-list{margin:.9rem 0 0!important;padding-left:0!important}


@media(max-width:781px){
 #clients .ub-card .wp-block-button__link,#clientes .ub-card .wp-block-button__link{padding-block:.6rem!important;display:inline-block}
}

@media(max-width:781px){
 #clients .ub-card .wp-block-button:not(.is-style-outline) > .wp-block-button__link,
 #clientes .ub-card .wp-block-button:not(.is-style-outline) > .wp-block-button__link{padding-block:.62rem!important;display:inline-block}
}

.wp-block-post-content .ub-opt-grid .ub-card > .wp-block-buttons{margin-top:auto!important;padding-top:1.3rem}
.wp-block-post-content .ub-card > .wp-block-buttons{margin-top:auto!important}

/* ===== V3: icones de servei ===== */
.wp-block-post-content .ub-card > .ub-ico{width:44px;height:44px;border-radius:12px;background:rgba(199,65,11,.09);color:var(--ub-orange-deep);display:flex;align-items:center;justify-content:center;margin:0 0 1rem!important;flex:0 0 auto}
.wp-block-post-content .ub-card > .ub-ico svg{width:23px;height:23px;display:block}
.wp-block-post-content .ub-card > .ub-ico + h3::before{display:none!important}
.wp-block-post-content .ub-card > .ub-ico + h3{margin-top:0!important;border-top:0!important;padding-top:0!important}

/* ===== V3: selector d'idioma ===== */
.wp-site-blocks > header .wp-block-navigation .lang-item{margin:0!important}
.wp-site-blocks > header .wp-block-navigation .lang-item > a{
 display:inline-flex!important;align-items:center;gap:.45rem;
 border:0!important;border-radius:999px!important;
 padding:.34rem .8rem .34rem .62rem!important;
 background:rgba(255,255,255,.07)!important;
 color:rgba(255,255,255,.78)!important;
 font-size:.88rem!important;font-weight:500!important;letter-spacing:0!important;text-transform:none!important;
 transition:background .16s ease,color .16s ease}
.wp-site-blocks > header .wp-block-navigation .lang-item > a::before{
 content:"";width:15px;height:15px;flex:0 0 auto;background-color:currentColor;
 -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M3.2 9.2h17.6M3.2 14.8h17.6'/%3E%3Cpath d='M12 3c2.6 2.4 4 5.6 4 9s-1.4 6.6-4 9c-2.6-2.4-4-5.6-4-9s1.4-6.6 4-9z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M3.2 9.2h17.6M3.2 14.8h17.6'/%3E%3Cpath d='M12 3c2.6 2.4 4 5.6 4 9s-1.4 6.6-4 9c-2.6-2.4-4-5.6-4-9s1.4-6.6 4-9z'/%3E%3C/svg%3E") center/contain no-repeat}
.wp-site-blocks > header .wp-block-navigation .lang-item > a:hover{
 background:rgba(234,84,29,.9)!important;color:#fff!important}
.wp-site-blocks > header .wp-block-navigation .lang-item > a:focus-visible{outline:2px solid var(--ub-orange-lite,#EA541D);outline-offset:2px}
@media(max-width:781px){
 .wp-block-navigation__responsive-container.is-menu-open .lang-item > a{background:rgba(255,255,255,.09)!important;color:#fff!important;padding:.6rem 1.1rem .6rem .9rem!important}
}

/* ===== V3: sense forat entre contingut i peu ===== */
.wp-site-blocks > footer.wp-block-template-part{margin-top:0!important}
.wp-site-blocks > main{margin-bottom:0!important}
.wp-block-post-content > section.wp-block-group:last-child{margin-bottom:0!important}
.wp-site-blocks{gap:0!important}
.wp-site-blocks > footer.wp-block-template-part{background:#0d0d10!important;border-top:1px solid rgba(255,255,255,.07)}

/* ===== V3: menú mòbil ===== */
@media(max-width:781px){
 .wp-block-navigation__responsive-container.is-menu-open{background-color:#0d0d10!important;padding:0!important}
 .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content{padding:5.2rem 1.5rem 2.4rem!important;align-items:stretch!important;width:100%!important}
 .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container{
  display:block!important;width:100%!important;gap:0!important}
 .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item{
  display:block!important;width:100%!important;margin:0!important}
 .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item > a,
 .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item > .wp-block-navigation-submenu__toggle,
 .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-icon{
  color:#fff!important}
 .wp-block-navigation__responsive-container.is-menu-open > .wp-block-navigation__responsive-container-content .wp-block-navigation__container > .wp-block-navigation-item > a{
  display:flex!important;align-items:center;justify-content:flex-start;gap:.5rem;width:100%!important;
  text-align:left!important;padding:1.02rem 0!important;font-size:1.24rem!important;font-weight:600!important;
  border-bottom:1px solid rgba(255,255,255,.09);letter-spacing:-.01em}
 .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container{
  position:static!important;background:transparent!important;border:0!important;box-shadow:none!important;
  width:100%!important;min-width:0!important;padding:.35rem 0 .9rem .95rem!important;margin:0!important;
  border-left:2px solid rgba(234,84,29,.55)!important;opacity:1!important;visibility:visible!important}
 .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container .wp-block-navigation-item > a{
  display:block!important;text-align:left!important;font-size:1rem!important;font-weight:400!important;
  padding:.6rem 0!important;border-bottom:0!important;color:rgba(255,255,255,.74)!important}
 .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container .wp-block-navigation-item > a:hover{color:var(--ub-orange-lite,#EA541D)!important}
 .wp-block-navigation__responsive-container.is-menu-open .lang-item{margin-top:1.6rem!important;border-bottom:0!important}
 .wp-block-navigation__responsive-container.is-menu-open .lang-item > a{
  display:inline-flex!important;width:auto!important;border-bottom:0!important;font-size:1rem!important;font-weight:500!important}
 .wp-block-navigation__responsive-container-close{top:1.1rem!important;right:1.2rem!important;padding:.5rem!important}
 .wp-block-navigation__responsive-container-close svg{width:26px;height:26px}
}

@media(max-width:781px){
 .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container > .wp-block-navigation-item > .wp-block-navigation-item__content{
  display:flex!important;align-items:center;justify-content:flex-start;gap:.45rem;width:100%!important;
  text-align:left!important;padding:1rem 0!important;font-size:1.22rem!important;font-weight:600!important;
  border-bottom:1px solid rgba(255,255,255,.09)!important;letter-spacing:-.01em;color:#fff!important}
 .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container > .lang-item > .wp-block-navigation-item__content{
  border-bottom:0!important;font-size:1rem!important;font-weight:500!important;width:auto!important;padding:.62rem 1.05rem .62rem .85rem!important}
 .wp-block-navigation__responsive-container.is-menu-open .has-child > .wp-block-navigation-item__content{border-bottom:0!important;padding-bottom:.55rem!important}
 .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container .wp-block-navigation-item__content{
  font-size:1rem!important;font-weight:400!important;padding:.58rem 0!important;border-bottom:0!important;color:rgba(255,255,255,.74)!important}
 .wp-block-navigation__responsive-container.is-menu-open .has-child{border-bottom:1px solid rgba(255,255,255,.09);padding-bottom:.2rem}
 .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-icon{margin-left:auto!important}
}


@media(max-width:781px){


 .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container > .lang-item{margin-top:1.4rem!important}
}

/* ===== V3: pàgina de contacte ===== */
.wp-block-post-content > section#formulari{text-align:center}
.wp-block-post-content > section#formulari > .eyebrow,
.wp-block-post-content > section#formulari > h2,
.wp-block-post-content > section#formulari > p{margin-left:auto!important;margin-right:auto!important;text-align:center!important}
.wp-block-post-content > section#formulari > h2{max-width:20ch!important}
.wp-block-post-content > section#formulari > p{max-width:56ch!important}
.wp-block-post-content > section#formulari > .fluentform{max-width:640px!important;margin:2.2rem auto 0!important;text-align:left;
 background:#fff;border:1px solid #e6e3de;border-radius:18px;padding:1.9rem 1.8rem}
.wp-block-post-content ul.ub-contact-strip{list-style:none;margin:2rem 0 0!important;padding:0!important;display:grid;gap:1.1rem;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));max-width:none!important}
.wp-block-post-content ul.ub-contact-strip li{margin:0;padding:0}
.wp-block-post-content ul.ub-contact-strip li::marker{content:""}
.wp-block-post-content ul.ub-contact-strip span{display:block;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;font-weight:700;color:var(--ub-orange-deep);margin-bottom:.35rem}
.wp-block-post-content ul.ub-contact-strip a{color:#1b1b1f!important;text-decoration:none!important;font-size:1rem;line-height:1.45}
.wp-block-post-content ul.ub-contact-strip a:hover{color:var(--ub-orange-deep)!important;text-decoration:underline!important;text-underline-offset:3px}
.wp-block-post-content .ub-map{margin-top:2rem!important;border-radius:16px;overflow:hidden;border:1px solid #e6e3de}
.wp-block-post-content .ub-map iframe{display:block;width:100%;height:340px;border:0}
@media(max-width:600px){.wp-block-post-content > section#formulari > .fluentform{padding:1.3rem 1.1rem}.wp-block-post-content .ub-map iframe{height:260px}}

/* ===== V3: ritme mòbil ===== */
@media(max-width:781px){
 .wp-block-post-content > section.wp-block-group{padding-block:clamp(2.6rem,9vw,3.4rem)!important}
 .wp-block-post-content > section.wp-block-group > p{line-height:1.6!important}
 .wp-block-post-content > section.wp-block-group > h1{font-size:clamp(2rem,8.6vw,2.5rem)!important;line-height:1.12!important}
 .wp-block-post-content > section.wp-block-group > h2{font-size:clamp(1.55rem,6.6vw,1.95rem)!important;line-height:1.18!important}
 .wp-block-post-content .ub-card > p,.wp-block-post-content .ub-step > p{line-height:1.58!important}
 .wp-block-post-content .ub-hero-side{margin-top:2rem!important;padding:1.3rem 1.2rem 1.1rem!important}
 .wp-block-post-content .ub-hero-side ul.ub-hero-list li a{padding:.66rem 0!important;font-size:.98rem}
 .wp-block-post-content .wp-block-buttons{gap:.7rem!important}
 .wp-block-post-content .ub-grid,.wp-block-post-content .ub-steps{gap:.9rem!important}
 .wp-block-post-content .ub-card{padding:1.3rem 1.2rem 1.4rem!important}
 .wp-site-blocks > footer .ub-footer-cols{gap:1.6rem!important}
}

@media(max-width:781px){
 .wp-block-post-content ul.ub-contact-strip a{display:inline-block;padding-block:.5rem}
 .wp-block-post-content ul.ub-contact-strip{gap:1.3rem!important}
}

/* ===== V3: logotips de clients ===== */

#clients .ub-card > .ub-clogo img,#clientes .ub-card > .ub-clogo img{filter:none}
#clients .ub-card > .ub-clogo + h3::before,#clientes .ub-card > .ub-clogo + h3::before{display:none!important}
#clients .ub-card > .ub-clogo + h3,#clientes .ub-card > .ub-clogo + h3{margin-top:0!important;border-top:0!important;padding-top:0!important;font-size:1.02rem!important}
@media(max-width:781px){
 }


@media(max-width:781px){#clients .ub-card > .ub-clogo,#clientes .ub-card > .ub-clogo{height:54px!important}
 #clients .ub-card > .ub-clogo img,#clientes .ub-card > .ub-clogo img{max-height:54px!important}}

/* ===== V4: logotips de clients, caixa uniforme i centrats ===== */
#clients .ub-card,#clientes .ub-card{text-align:center}
#clients .ub-card > *,#clientes .ub-card > *{text-align:center!important}
#clients .ub-card > h3::before,#clientes .ub-card > h3::before{margin-left:auto;margin-right:auto}
#clients .ub-card > .ub-clogo,#clientes .ub-card > .ub-clogo{
 height:auto!important;aspect-ratio:3/1;width:100%!important;max-width:220px!important;
 margin:0 auto 1.15rem!important;display:flex;align-items:center;justify-content:center;
 border-bottom:1px solid #eceae6;padding-bottom:1rem}
#clients .ub-card > .ub-clogo img,#clientes .ub-card > .ub-clogo img{
 width:100%!important;height:auto!important;max-width:100%!important;max-height:none!important;object-fit:contain;display:block}
#clients .ub-card > .wp-block-buttons,#clientes .ub-card > .wp-block-buttons{justify-content:center!important}
#clients .ub-card > p,#clientes .ub-card > p{max-width:30ch!important;margin-left:auto!important;margin-right:auto!important}
@media(max-width:781px){
 #clients .ub-card > .ub-clogo,#clientes .ub-card > .ub-clogo{max-width:190px!important;margin-bottom:.95rem!important;padding-bottom:.85rem}
}

#clients .ub-card > .ub-clogo:empty,#clientes .ub-card > .ub-clogo:empty{border-bottom-color:transparent!important}

/* ===== V4: per què nosaltres ===== */
.wp-block-post-content .ub-why-grid{margin-top:2rem!important}
.wp-block-post-content .ub-card.ub-why{background:transparent!important;border:0!important;padding:0 1.4rem 0 0!important;border-left:0!important}
.wp-block-post-content .ub-card.ub-why > .ub-ico{background:rgba(199,65,11,.09)}
.wp-block-post-content .ub-card.ub-why > h3{font-size:1.02rem!important}
.wp-block-post-content .ub-card.ub-why > p{color:#4c4c55}
#com-treballem .wp-block-buttons,#como-trabajamos .wp-block-buttons{margin-top:2.2rem!important}

/* ===== V4: targeta de contacte al CTA ===== */
@media(min-width:901px){
 section#cta{position:relative;padding-right:calc(max(1.5rem,(100% - var(--ub-container)) / 2))!important}
 section#cta > *:not(.ub-cta-side){max-width:620px!important}
 section#cta > .ub-cta-side{position:absolute;top:50%;right:max(1.5rem,calc((100% - var(--ub-container)) / 2));transform:translateY(-50%);width:min(330px,30%);margin:0!important}
}
@media(max-width:900px){section#cta > .ub-cta-side{margin-top:2.2rem!important}}

@media(max-width:781px){
 .ub-hero-side .ub-hero-side-t{font-size:.78rem!important}
 .ub-hero-side .ub-hero-side-f{font-size:.86rem!important}
 .wp-block-post-content .ub-step .ub-step-num{font-size:.78rem!important}
 .wp-block-post-content .ub-label{font-size:.76rem!important}
 .wp-block-post-content ul.ub-contact-strip span{font-size:.76rem!important}
 .wp-site-blocks > footer .ub-foot-title{font-size:.76rem!important}
}

@media(max-width:781px){
 .fluentform .ff-el-form-check-label a{display:inline-block;padding-block:.42rem}
 .fluentform .ff-el-form-check-label{line-height:1.65}
}

@media(max-width:900px){section#cta > .ub-cta-side{display:none!important}}

/* ===== V5: pàgina 404 ===== */
main.ub-404{background:var(--ub-black);color:#fff;position:relative;overflow:hidden;margin:0!important;padding:0!important}
main.ub-404::before{content:"";position:absolute;inset:0;pointer-events:none;
 background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:72px 72px;
 -webkit-mask-image:radial-gradient(120% 100% at 85% 20%,#000 0%,transparent 72%);mask-image:radial-gradient(120% 100% at 85% 20%,#000 0%,transparent 72%)}
main.ub-404::after{content:"";position:absolute;inset:0;pointer-events:none;
 background:radial-gradient(52% 78% at 84% 26%,rgba(234,84,29,.20),transparent 62%)}
main.ub-404 .ub-404-inner{position:relative;z-index:1;width:100%;padding-inline:max(1.5rem,calc((100% - var(--ub-container)) / 2));padding-block:clamp(4rem,8vw,6.5rem)}
main.ub-404 .eyebrow{color:var(--ub-orange)!important;font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;font-weight:700;margin:0 0 1rem}
main.ub-404 h1{font-size:clamp(2.1rem,5.4vw,3.2rem);line-height:1.08;letter-spacing:-.02em;margin:0 0 1.1rem;max-width:16ch;color:#fff}
main.ub-404 .ub-404-lead{color:#c9c9d1;max-width:52ch;margin:0 0 2rem;line-height:1.65}
main.ub-404 .ub-404-btns{display:flex;flex-wrap:wrap;gap:.85rem;margin-bottom:3rem}
main.ub-404 .ub-404-btn{display:inline-block;background:var(--ub-orange-deep);color:#fff!important;text-decoration:none!important;
 padding:.85rem 1.5rem;border-radius:10px;font-weight:600;font-size:1rem;border:2px solid var(--ub-orange-deep);transition:background .16s ease}
main.ub-404 .ub-404-btn:hover{background:#a83608;border-color:#a83608}
main.ub-404 .ub-404-btn-out{background:transparent;border-color:rgba(255,255,255,.55)}
main.ub-404 .ub-404-btn-out:hover{background:rgba(255,255,255,.1);border-color:#fff}
main.ub-404 .ub-404-t{font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;font-weight:700;color:rgba(255,255,255,.55);margin:0 0 .9rem}
main.ub-404 ul.ub-404-list{list-style:none;margin:0;padding:0;display:grid;gap:0 2.5rem;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr))}
main.ub-404 ul.ub-404-list li{margin:0;padding:0;border-top:1px solid rgba(255,255,255,.1)}
main.ub-404 ul.ub-404-list li a{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.78rem 0;color:#fff!important;text-decoration:none!important;font-size:1rem}
main.ub-404 ul.ub-404-list li a::after{content:"→";color:var(--ub-orange);opacity:.55;transition:transform .15s ease,opacity .15s ease}
main.ub-404 ul.ub-404-list li a:hover{color:var(--ub-orange)!important}
main.ub-404 ul.ub-404-list li a:hover::after{transform:translateX(4px);opacity:1}
main.ub-404 .ub-lang-es{display:none}
html[lang^="es"] main.ub-404 .ub-lang-es{display:block}
html[lang^="es"] main.ub-404 .ub-lang-ca{display:none}
@media(max-width:781px){main.ub-404 .ub-404-btns{flex-direction:column;align-items:stretch}
 main.ub-404 .ub-404-btn{text-align:center}}

/* ===== V5: pàgina de cerca ===== */
main.ub-search{margin:0!important;padding:0!important}
main.ub-search .ub-search-head{background:var(--ub-black);color:#fff;position:relative;overflow:hidden;
 padding-inline:max(1.5rem,calc((100% - var(--ub-container)) / 2));padding-block:clamp(3.2rem,6vw,5rem)}
main.ub-search .ub-search-head::after{content:"";position:absolute;inset:0;pointer-events:none;
 background:radial-gradient(52% 78% at 84% 26%,rgba(234,84,29,.18),transparent 62%)}
main.ub-search .ub-search-head > *{position:relative;z-index:1}
main.ub-search .ub-search-head .wp-block-query-title{font-size:clamp(1.8rem,4.4vw,2.6rem);line-height:1.12;letter-spacing:-.02em;margin:0 0 1.6rem;color:#fff}
main.ub-search .ub-search-head .wp-block-search{max-width:520px;margin:0}
main.ub-search .ub-search-head .wp-block-search__inside-wrapper{border:1px solid rgba(255,255,255,.25)!important;border-radius:10px;background:rgba(255,255,255,.06);padding:.25rem}
main.ub-search .ub-search-head .wp-block-search__input{background:transparent!important;border:0!important;color:#fff!important;padding:.7rem .9rem!important;font-size:1rem}
main.ub-search .ub-search-head .wp-block-search__input::placeholder{color:rgba(255,255,255,.45)}
main.ub-search .ub-search-head .wp-block-search__button{background:var(--ub-orange-deep)!important;color:#fff!important;border:0!important;border-radius:8px!important;padding:.62rem 1.2rem!important;font-weight:600}
main.ub-search .ub-search-body{padding-inline:max(1.5rem,calc((100% - var(--ub-container)) / 2));padding-block:clamp(3rem,5.5vw,4.5rem)}
main.ub-search .ub-sresult{border-top:1px solid #e3e0db;padding:1.4rem 0;max-width:none!important}
main.ub-search .ub-sresult:last-child{border-bottom:1px solid #e3e0db}
main.ub-search .ub-sresult h2{font-size:1.2rem!important;margin:0 0 .45rem!important;max-width:none!important}
main.ub-search .ub-sresult h2::before{display:none!important}
main.ub-search .ub-sresult h2 a{color:#1b1b1f!important;text-decoration:none!important}
main.ub-search .ub-sresult h2 a:hover{color:var(--ub-orange-deep)!important;text-decoration:underline!important;text-underline-offset:3px}
main.ub-search .ub-sresult .wp-block-post-excerpt__excerpt{color:#4c4c55;margin:0!important;max-width:75ch;line-height:1.6}
main.ub-search .ub-sresult .wp-block-post-excerpt__more-text{display:none}
main.ub-search .ub-noresults p{max-width:60ch;color:#4c4c55}
main.ub-search .ub-noresults a{color:var(--ub-orange-deep)}
main.ub-search .ub-noresults .ub-lang-es{display:none}
html[lang^="es"] main.ub-search .ub-noresults .ub-lang-es{display:block}
html[lang^="es"] main.ub-search .ub-noresults .ub-lang-ca{display:none}
main.ub-search .wp-block-query-pagination{margin-top:2.2rem;gap:.8rem}
main.ub-search .wp-block-query-pagination a,main.ub-search .wp-block-query-pagination .page-numbers{color:var(--ub-orange-deep)!important}

main.ub-search .ub-sresult .wp-block-post-title{display:block!important;visibility:visible!important;width:auto!important}
main.ub-search .ub-sresult > *{max-width:none!important;margin-left:0!important;margin-right:0!important;width:100%}
main.ub-search .ub-search-head{padding-top:calc(clamp(3.2rem,6vw,5rem) + 1.5rem)!important}
main.ub-search .ub-search-head .wp-block-query-title{max-width:26ch}

/* ===== V5: mapa amb càrrega sota demanda ===== */
.wp-block-post-content .ub-map.ub-map-load{border:1px dashed #d9d5cf;background:#faf9f7;border-radius:16px;padding:1.6rem 1.4rem;text-align:center;overflow:visible}
.wp-block-post-content .ub-map-btn{display:inline-flex;align-items:center;gap:.9rem;background:#fff;border:1px solid #e3e0db;border-radius:12px;
 padding:.9rem 1.3rem;cursor:pointer;text-align:left;transition:border-color .16s ease,box-shadow .16s ease;font:inherit}
.wp-block-post-content .ub-map-btn:hover{border-color:var(--ub-orange-deep);box-shadow:0 2px 10px rgba(0,0,0,.06)}
.wp-block-post-content .ub-map-btn:focus-visible{outline:2px solid var(--ub-orange-deep);outline-offset:3px}
.wp-block-post-content .ub-map-pin{width:34px;height:34px;flex:0 0 auto;border-radius:10px;background:rgba(199,65,11,.09);
 background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23C7410B' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21s7-5.6 7-11a7 7 0 1 0-14 0c0 5.4 7 11 7 11z'/%3E%3Ccircle cx='12' cy='10' r='2.6'/%3E%3C/svg%3E");
 background-repeat:no-repeat;background-position:center;background-size:19px}
.wp-block-post-content .ub-map-txt{display:flex;flex-direction:column}
.wp-block-post-content .ub-map-txt strong{color:#1b1b1f}
.wp-block-post-content .ub-map-txt small{color:#5a5a63}
.wp-block-post-content .ub-map-note{font-size:.82rem!important;color:#6b6b73!important;margin:.9rem 0 0!important;max-width:none!important}
.wp-block-post-content .ub-map.ub-map-ready{padding:0;border:1px solid #e6e3de;background:#fff}

.wp-block-post-content .ub-map-btn{line-height:1.35!important;font-size:1rem!important}
.wp-block-post-content .ub-map-txt strong{line-height:1.35!important;font-size:1rem!important;display:block}
.wp-block-post-content .ub-map-txt small{line-height:1.45!important;font-size:.86rem!important;display:block}
.wp-block-post-content .ub-map-txt{gap:.2rem}

main.ub-404 .ub-404-inner{box-sizing:border-box!important;max-width:100%}
main.ub-search .ub-search-head,main.ub-search .ub-search-body{box-sizing:border-box!important;max-width:100%}
main.ub-404 ul.ub-404-list{max-width:100%}

/* ===== Molles de pa (breadcrumbs) ===== */
.ub-bc{box-sizing:border-box;width:100%;max-width:none!important;padding-inline:max(1.5rem,calc((100% - var(--ub-container)) / 2));padding-block:1.5rem 0;font-size:.82rem;line-height:1.4}
.ub-bc ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;align-items:center;gap:.25rem .5rem}
.ub-bc li{display:flex;align-items:center;gap:.5rem;margin:0;padding:0}
.ub-bc li + li::before{content:"\203A";opacity:.4;font-size:1em}
.ub-bc a{color:inherit;opacity:.6;text-decoration:none}
.ub-bc a:hover,.ub-bc a:focus-visible{opacity:1;text-decoration:underline}
.ub-bc [aria-current]{opacity:.92;font-weight:500}
.ub-bc + section{padding-top:3.5rem!important}
@media (max-width:781px){.ub-bc{font-size:.78rem;padding-block:1.1rem 0}.ub-bc + section{padding-top:2.25rem!important}}

/* breadcrumbs sobre secció fosca */
.ub-bc:has(+ #hero),.ub-bc:has(+ #cover-serveis),.ub-bc:has(+ #cover-contacte){background:#111114;color:#fff;padding-block:1.75rem 0}
.ub-bc:has(+ #hero) a,.ub-bc:has(+ #cover-serveis) a,.ub-bc:has(+ #cover-contacte) a{color:#fff;opacity:.68}
.ub-bc:has(+ #hero) [aria-current],.ub-bc:has(+ #cover-serveis) [aria-current],.ub-bc:has(+ #cover-contacte) [aria-current]{color:#fff;opacity:.95}
.ub-bc:has(+ #hero) li + li::before,.ub-bc:has(+ #cover-serveis) li + li::before,.ub-bc:has(+ #cover-contacte) li + li::before{opacity:.5}
@media (max-width:781px){.ub-bc:has(+ #hero),.ub-bc:has(+ #cover-serveis),.ub-bc:has(+ #cover-contacte){padding-block:1.15rem 0}}

/* ===== Zones tactils minimes (WCAG 2.5.8) ===== */
.ub-foot-link a{display:inline-block;line-height:1.7}
#clients .wp-block-button__link{display:inline-flex;align-items:center;min-height:24px}
.ub-bc a,.ub-bc [aria-current]{display:inline-flex;align-items:center;justify-content:flex-start;min-height:24px;min-width:24px}
.wp-block-navigation-submenu__toggle{min-width:24px;min-height:24px;display:inline-flex;align-items:center;justify-content:center}

/* focus visible garantit al menu mobil */
.wp-block-navigation__responsive-container-close:focus-visible,.wp-block-navigation__responsive-container-open:focus-visible{outline:3px solid var(--ub-orange)!important;outline-offset:3px!important;border-radius:4px}

/* ===== Impressio ===== */
@media print{
 *{background:#fff!important;color:#000!important;box-shadow:none!important;text-shadow:none!important}
 header .wp-block-navigation,.ub-lang,.ub-bc,#cta,.ub-map,.ub-map-load,footer .wp-block-buttons,.wp-block-navigation__responsive-container-open{display:none!important}
 section::before,section::after{display:none!important}
 a[href^="http"]::after{content:" (" attr(href) ")";font-size:.8em;word-break:break-all}
 a[href^="/"]::after{content:" (undariusbusiness.com" attr(href) ")";font-size:.8em}
 section{padding:1rem 0!important;break-inside:avoid}
 h1,h2,h3{break-after:avoid}
 details.ub-faq{display:block!important}details.ub-faq>*{display:block!important}
}

/* ===== Pagina de clients ===== */
.ub-card.ub-client{gap:.85rem}


.ub-client h2.wp-block-heading{font-size:1.35rem;margin:0;line-height:1.25}
ul.ub-tags{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.4rem}
ul.ub-tags li{margin:0;font-size:.78rem;line-height:1;padding:.42rem .62rem;border:1px solid rgba(127,127,127,.32);border-radius:999px;opacity:.9}
.ub-client p{margin:0}
.ub-client .wp-block-buttons{margin-top:auto;padding-top:.25rem}
#llista-clients .ub-grid{gap:1.25rem}

.wp-block-buttons.ub-center{justify-content:center;margin-top:2.25rem}


/* ===== Blog ===== */
.ub-blog .ub-lang-es{display:none}
html[lang^="es"] .ub-blog .ub-lang-es{display:inline}
html[lang^="es"] .ub-blog .ub-lang-ca{display:none}
.ub-blog .ub-bc{background:#111114;color:#fff;padding-block:1.75rem 0}
.ub-blog .ub-bc a{color:#fff;opacity:.68}
.ub-blog .ub-bc [aria-current]{color:#fff;opacity:.95}
.ub-blog-head{box-sizing:border-box;background:#111114;color:#fff;padding-inline:max(1.5rem,calc((100% - var(--ub-container)) / 2));padding-block:3.5rem 4rem}
.ub-blog-head h1{margin:.35rem 0 1rem;font-size:clamp(2.1rem,5vw,3.2rem);line-height:1.08;letter-spacing:-.02em}
.ub-blog-head .ub-blog-sub{margin:0;max-width:46ch;opacity:.78;font-size:1.05rem;line-height:1.6}
.ub-blog-body{padding-block:4rem 5rem}
.ub-post-list{display:grid;gap:1rem;list-style:none;margin:0;padding:0}
.ub-post-card{border:1px solid rgba(127,127,127,.2);border-radius:16px;padding:1.6rem 1.75rem;transition:border-color .2s ease,transform .2s ease}
.ub-post-card:hover{border-color:var(--ub-orange-deep,#C7410B);transform:translateY(-2px)}
.ub-post-card .wp-block-post-title{display:block!important;line-height:1.22;margin:.35rem 0 .6rem;letter-spacing:-.01em}
.ub-post-card .wp-block-post-title a{text-decoration:none;color:inherit}
.ub-post-card .wp-block-post-title a:hover{text-decoration:underline}
.ub-post-card .ub-post-date{font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;opacity:1;margin:0}
.ub-post-card .wp-block-post-excerpt{margin:0}
.ub-post-card .wp-block-post-excerpt p{margin:0;opacity:.8;line-height:1.6}
.ub-post-card .wp-block-post-excerpt__more-text{display:none}
.ub-blog .wp-block-query-pagination{margin-top:2.5rem;font-size:.9rem}
.ub-empty{opacity:.7}
@media (max-width:781px){.ub-blog-head{padding-block:2rem 2.5rem}.ub-blog-body{padding-block:2.5rem 3.5rem}.ub-post-card{padding:1.25rem 1.35rem}}

/* ===== Article ===== */
.ub-post-head{box-sizing:border-box;background:#111114;color:#fff;padding-inline:max(1.5rem,calc((100% - var(--ub-container)) / 2));padding-block:2.5rem 4rem}
.ub-post-head .wp-block-post-title{display:block!important;font-size:clamp(2rem,4.6vw,3rem);line-height:1.1;letter-spacing:-.02em}
.ub-post-head .ub-post-date{font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;opacity:1;margin:0}

.ub-post-body .entry-content,.ub-post-body .wp-block-post-content{max-width:none}
.ub-post-body p,.ub-post-body ul,.ub-post-body ol{max-width:70ch;font-size:1.06rem;line-height:1.75}
.ub-post-body h2{margin-top:2.75rem;margin-bottom:.65rem;font-size:clamp(1.5rem,2.6vw,1.95rem);letter-spacing:-.015em;max-width:30ch}
.ub-post-body h3{margin-top:1.9rem;margin-bottom:.4rem;font-size:1.18rem}
.ub-post-body li{margin-bottom:.5rem}
.ub-post-body a{color:var(--ub-orange-deep,#C7410B);text-underline-offset:3px}
.ub-key{box-sizing:border-box;max-width:70ch;margin:0 0 2.5rem;padding:1.4rem 1.6rem;border-radius:16px;background:rgba(199,65,11,.07);border:1px solid rgba(199,65,11,.22)}
.ub-key-t{margin:0 0 .6rem;font-size:.76rem;text-transform:uppercase;letter-spacing:.1em;font-weight:700;color:var(--ub-orange-deep,#C7410B)}
.ub-key ul{margin:0;padding-left:1.1rem}
.ub-key li{margin-bottom:.45rem;line-height:1.6}
.ub-key li:last-child{margin-bottom:0}
.ub-author{box-sizing:border-box;max-width:70ch;margin:3rem 0 0;padding:1.5rem 1.7rem;border-radius:16px;border:1px solid rgba(127,127,127,.24)}
.ub-author-t{margin:0 0 .5rem;font-size:.76rem;text-transform:uppercase;letter-spacing:.1em;font-weight:700;opacity:.6}
.ub-author p{margin:0 0 .7rem;font-size:.98rem;line-height:1.65}
.ub-author p:last-child{margin:0}


@media (max-width:781px){.ub-post-head{padding-block:1.5rem 2.5rem}.ub-post-body{padding-block:2.25rem 2.5rem}.ub-post-body h2{margin-top:2rem}.ub-key,.ub-author{padding:1.15rem 1.2rem}}

/* fix alineacio blog */
.ub-post-head > *,.ub-post-body > *,.ub-post-next > *,.ub-blog-body > *{max-width:none!important;margin-left:0!important;margin-right:0!important}
.ub-post-body,.ub-post-next,.ub-blog-body{box-sizing:border-box;padding-inline:max(1.5rem,calc((100% - var(--ub-container)) / 2))}
.ub-post-body .wp-block-post-content > *{margin-left:0!important;margin-right:0!important}
.ub-post-body .wp-block-post-content > p,.ub-post-body .wp-block-post-content > ul,.ub-post-body .wp-block-post-content > ol{max-width:70ch!important}
.ub-post-body .wp-block-post-content > h2{max-width:30ch!important}
.ub-post-body .wp-block-post-content > h3{max-width:40ch!important}
.ub-post-body details.ub-faq,.ub-post-body .ub-key,.ub-post-body .ub-author{max-width:70ch!important}
.ub-blog-body .wp-block-query,.ub-blog-body .ub-post-list{max-width:none!important}

/* fix card intern */
.ub-post-card > *{max-width:none!important;margin-left:0!important;margin-right:0!important}
.ub-post-card .wp-block-post-excerpt p{max-width:72ch}
.ub-post-card .wp-block-post-title{max-width:34ch}

/* poliment disseny */
.ub-clogo img{filter:grayscale(1);opacity:.72;transition:filter .25s ease,opacity .25s ease}
.ub-card:hover .ub-clogo img,.ub-client:hover .ub-clogo img{filter:grayscale(0);opacity:1}
.ub-card{transition:border-color .22s ease,transform .22s ease,box-shadow .22s ease}
.ub-card:hover{transform:translateY(-3px);box-shadow:0 12px 30px -18px rgba(0,0,0,.35)}
.ub-trust{display:flex;flex-wrap:wrap;gap:.55rem 1.4rem;margin:1.75rem 0 0;padding:0;list-style:none;font-size:.85rem;opacity:.66}
.ub-trust li{display:flex;align-items:center;gap:.45rem;margin:0}
.ub-trust li::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--ub-orange,#EA541D);flex:0 0 auto}
@media (max-width:600px){.ub-trust{gap:.45rem 1rem;font-size:.8rem}}

/* seccio articles a l inici */
.ub-home-blog .ub-post-list{grid-template-columns:repeat(auto-fit,minmax(min(20rem,100%),1fr));gap:1.1rem;margin-top:2rem}
.ub-home-blog .ub-post-card .wp-block-post-title{font-size:1.28rem}
.ub-home-blog .wp-block-query{max-width:none!important}
.ub-home-blog .ub-post-card > *{max-width:none!important}

/* fix grid targetes blog */
.ub-post-list{align-items:stretch}
.ub-post-list > li{margin:0!important;padding:0;display:flex;list-style:none}
.ub-post-list > li > .ub-post-card{width:100%}

/* logos en gris, color en passar-hi per sobre */
#clients .ub-card .ub-clogo img,#clientes .ub-card .ub-clogo img,#llista-clients .ub-card .ub-clogo img{filter:grayscale(1)!important;opacity:.72;transition:filter .25s ease,opacity .25s ease}
#clients .ub-card:hover .ub-clogo img,#clientes .ub-card:hover .ub-clogo img,#llista-clients .ub-card:hover .ub-clogo img{filter:grayscale(0)!important;opacity:1}
@media (hover:none){#clients .ub-card .ub-clogo img,#clientes .ub-card .ub-clogo img,#llista-clients .ub-card .ub-clogo img{filter:grayscale(0)!important;opacity:.95}}

.ub-bc:has(+ #cover){background:#111114;color:#fff;padding-block:1.75rem 0}
.ub-bc:has(+ #cover) a{color:#fff;opacity:.68}
.ub-bc:has(+ #cover) [aria-current]{color:#fff;opacity:.95}
.ub-bc:has(+ #cover) li + li::before{opacity:.5}
@media (max-width:781px){.ub-bc:has(+ #cover){padding-block:1.15rem 0}}

/* imatges dels articles */
.ub-post-card .ub-post-img{margin:-1.6rem -1.75rem 1.1rem!important;width:calc(100% + 3.5rem)!important;max-width:none!important}
.ub-post-card .ub-post-img img{width:100%;height:100%;object-fit:cover;border-radius:16px 16px 0 0;display:block}
.ub-post-body{padding-block:2.5rem 4rem}
@media (max-width:781px){.ub-post-card .ub-post-img{margin:-1.25rem -1.35rem .9rem!important;width:calc(100% + 2.7rem)!important}.ub-post-hero .ub-post-img{margin-top:-1.5rem!important}}

/* blog en dues columnes */
.ub-blog-body .ub-post-list{grid-template-columns:repeat(auto-fit,minmax(min(23rem,100%),1fr));gap:1.25rem}
.ub-post-card .ub-post-img img{max-height:150px}
.ub-post-card .wp-block-post-title{font-size:1.32rem}
@media (max-width:781px){.ub-post-card .ub-post-img img{max-height:120px}}


/* ===== Article: nou disseny ===== */
.wp-site-blocks main .ub-post-head.wp-block-group{padding-block:3rem 2.75rem!important}
.ub-post-head .wp-block-post-title{max-width:20ch;margin:0}
.ub-post-meta{gap:.55rem 1.1rem!important;margin-top:1.1rem!important;font-size:.82rem;letter-spacing:.03em;opacity:.62;text-transform:uppercase}
.ub-post-meta > *{margin:0!important;font-size:.82rem!important}
.ub-post-meta > * + *{position:relative;padding-left:1.1rem}
.ub-post-meta > * + *::before{content:"";position:absolute;left:0;top:50%;width:4px;height:4px;border-radius:50%;background:var(--ub-orange,#EA541D);transform:translateY(-50%)}
.ub-post-media{box-sizing:border-box;padding-inline:max(1.5rem,calc((100% - var(--ub-container)) / 2));padding-block:0;background:linear-gradient(to bottom,#111114 55%,transparent 55%)}
.ub-post-media > *{max-width:none!important;margin:0!important}
.ub-post-media .ub-post-img img{width:100%;max-height:230px;object-fit:cover;border-radius:14px;display:block}
.wp-site-blocks main .ub-post-body.wp-block-group{box-sizing:border-box;padding-inline:max(1.5rem,calc((100% - var(--ub-container)) / 2));padding-block:3rem 3rem!important}
.ub-post-grid{display:grid;grid-template-columns:minmax(0,1fr) 262px;gap:0 4rem;align-items:start;max-width:none!important}
.ub-post-grid > *{max-width:none!important;margin:0!important}
.ub-post-grid .wp-block-post-content > *{margin-left:0!important;margin-right:0!important;max-width:68ch!important}
.ub-post-grid .wp-block-post-content > h2{max-width:none!important;scroll-margin-top:110px}
.ub-post-grid .wp-block-post-content > h3{max-width:none!important}
.ub-toc{align-self:start;border-left:1px solid rgba(127,127,127,.28)}
.ub-toc-t{margin:0 0 .85rem;font-size:.72rem;text-transform:uppercase;letter-spacing:.11em;font-weight:700;opacity:.55}
.ub-toc ol{list-style:none;margin:0;padding:0;counter-reset:toc}

.ub-toc a{opacity:.62;transition:opacity .18s ease,color .18s ease}
.ub-toc a:hover{opacity:1}
.ub-toc a.is-on{opacity:1;color:var(--ub-orange-deep,#C7410B);font-weight:600}
.ub-toc-cta{margin-top:1.6rem;padding:1.1rem 1.15rem;border:1px solid rgba(127,127,127,.28);border-radius:14px}
.ub-toc-cta p{margin:0 0 .7rem;font-size:.9rem;line-height:1.4}
.ub-toc .ub-toc-btn{opacity:1!important;display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:.4rem 1rem;border-radius:999px;background:var(--ub-orange-deep,#C7410B);color:#fff!important;font-size:.86rem;font-weight:600;text-decoration:none}
.ub-toc .ub-toc-btn:hover{filter:brightness(1.08);opacity:1!important}
.ub-post-next{border-top:1px solid rgba(127,127,127,.18);padding-block:3.25rem 4.5rem!important}
.ub-post-next .ub-post-list{grid-template-columns:repeat(auto-fill,minmax(min(20rem,100%),1fr));gap:1.1rem;margin-top:1.5rem}
.ub-post-next .ub-post-card .wp-block-post-title{font-size:1.12rem;margin:.3rem 0 0;max-width:none}
.ub-post-next .ub-post-card .ub-post-img img{max-height:110px}
@media (max-width:1100px){.ub-post-grid{grid-template-columns:minmax(0,1fr);gap:0}.ub-toc{display:none}}
@media (max-width:781px){.wp-site-blocks main .ub-post-head.wp-block-group{padding-block:2rem 2rem!important}.ub-post-media .ub-post-img img{max-height:150px;border-radius:12px}.wp-site-blocks main .ub-post-body.wp-block-group{padding-block:2rem 3rem!important}}

/* fix escletxa capcalera-imatge */
.wp-site-blocks main .ub-post-media.wp-block-group{margin-block-start:0!important;margin-top:0!important}
.wp-site-blocks main .ub-post-head.wp-block-group{margin-block-end:0!important}
.wp-site-blocks main .ub-post-body.wp-block-group{margin-block-start:0!important}

/* fix escletxa molles-capcalera */
.ub-blog .ub-bc{margin:0!important;padding-bottom:1.25rem!important}
.wp-site-blocks main .ub-post-head.wp-block-group,.wp-site-blocks main .ub-blog-head{margin-block-start:0!important;margin-top:0!important}
.wp-site-blocks main.ub-blog > *{margin-block-start:0!important}

/* clients: data i pills */
.ub-since{margin:0 0 .55rem!important;text-transform:uppercase}
.ub-pills{display:flex;flex-wrap:wrap;gap:.6rem;list-style:none;margin:1.5rem 0 0;padding:0}
.ub-pills li{margin:0}
.ub-pills a{display:inline-flex;align-items:center;min-height:44px;padding:.55rem 1.15rem;border:1px solid rgba(127,127,127,.3);border-radius:999px;text-decoration:none;color:inherit;font-size:.92rem;font-weight:500;transition:border-color .18s ease,color .18s ease,transform .18s ease}
.ub-pills a:hover{border-color:var(--ub-orange-deep,#C7410B);color:var(--ub-orange-deep,#C7410B);transform:translateY(-1px)}

/* ===== Redisseny botons i FAQ ===== */
.wp-block-button__link{border-radius:999px!important;padding:.78rem 1.7rem!important;font-weight:600;letter-spacing:.01em;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease,background-color .18s ease,border-color .18s ease!important}
.wp-block-button__link:hover{transform:translateY(-2px);box-shadow:0 10px 24px -14px rgba(0,0,0,.45);filter:brightness(1.05)}
.wp-block-button__link:active{transform:translateY(0)}
.is-style-outline .wp-block-button__link{border-width:1.5px!important}
details.ub-faq{border:1px solid rgba(127,127,127,.24)!important;border-top:1px solid rgba(127,127,127,.24)!important;border-radius:14px!important;margin:0 0 .85rem!important;padding:0!important;overflow:hidden;transition:border-color .2s ease}
details.ub-faq[open]{border-color:var(--ub-orange-deep,#C7410B)!important}
details.ub-faq > summary{list-style:none!important;cursor:pointer;position:relative;padding:1.05rem 3.4rem 1.05rem 1.3rem!important;margin:0!important;font-weight:600;font-size:1.05rem;line-height:1.35}
details.ub-faq > summary::-webkit-details-marker{display:none}
details.ub-faq > summary::marker{content:""}
details.ub-faq > summary::after{content:"+"!important;position:absolute;right:1.25rem;top:50%;width:auto;height:auto;border:0;background:none;transform:translateY(-50%) rotate(0deg)!important;font-size:1.5rem;font-weight:400;line-height:1;color:var(--ub-orange-deep,#C7410B);transition:transform .25s ease}
details.ub-faq[open] > summary::after{transform:translateY(-50%) rotate(45deg)!important}
details.ub-faq[open] > summary{padding-bottom:.5rem!important}
details.ub-faq .ub-faq-a{padding:0 1.3rem 1.15rem!important;margin:0!important;border:0!important}
details.ub-faq .ub-faq-a p{margin:0 0 .6rem;max-width:none;line-height:1.65;opacity:.85}
details.ub-faq .ub-faq-a p:last-child{margin-bottom:0}
#altres-serveis .ub-card,#otros-servicios .ub-card{padding:1.15rem 1.3rem 1rem}
#altres-serveis .ub-card h3,#otros-servicios .ub-card h3{font-size:1.02rem;margin:0 0 .15rem}
#altres-serveis .ub-card p,#otros-servicios .ub-card p{display:none}
#altres-serveis .wp-block-button__link,#otros-servicios .wp-block-button__link{background:transparent!important;border:0!important;color:var(--ub-orange-deep,#C7410B)!important;padding:.3rem 0!important;min-height:auto!important;box-shadow:none!important;font-size:.92rem}
#altres-serveis .wp-block-button__link::after,#otros-servicios .wp-block-button__link::after{content:" →";display:inline-block;margin-left:.35rem;transition:margin .18s ease}
#altres-serveis .ub-card:hover .wp-block-button__link::after,#otros-servicios .ub-card:hover .wp-block-button__link::after{margin-left:.7rem}
#altres-serveis .wp-block-button__link:hover,#otros-servicios .wp-block-button__link:hover{transform:none;box-shadow:none!important}
.ub-mini-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(17rem,100%),1fr));gap:.9rem;margin-top:1.6rem}
.ub-mini{border:1px solid rgba(127,127,127,.22);border-radius:14px;padding:1.05rem 1.2rem;transition:border-color .2s ease,transform .2s ease}
.ub-mini:hover{border-color:var(--ub-orange-deep,#C7410B);transform:translateY(-2px)}
.ub-mini strong{display:block;margin:0 0 .3rem;font-size:.98rem}
.ub-mini p{margin:0;font-size:.92rem;line-height:1.55;opacity:.75}

/* override chevron antic */
.wp-block-post-content details.ub-faq > summary::after,.wp-block-post-content details.ub-faq[open] > summary::after{border:0!important;width:auto!important;height:auto!important;background:none!important;content:"+"!important;position:absolute!important;right:1.25rem!important;top:50%!important;transform:translateY(-50%) rotate(0deg)!important;font-size:1.5rem!important;color:var(--ub-orange-deep,#C7410B)!important;margin:0!important;opacity:1!important}


/* graella de logos "tambe confien" */
.ub-lgrid{list-style:none;margin:1.6rem 0 0;padding:0}
.ub-lgrid li{margin:0}
.ub-lgrid a{display:flex;align-items:center;justify-content:center;padding:1rem 1.1rem;background:#fff;border:1px solid rgba(127,127,127,.22);border-radius:14px;text-decoration:none;color:inherit;transition:border-color .2s ease,transform .2s ease}
.ub-lgrid a:hover{border-color:var(--ub-orange-deep,#C7410B);transform:translateY(-2px)}
.ub-lgrid img{max-width:150px;width:auto;height:auto;object-fit:contain;filter:grayscale(1);transition:filter .25s ease,opacity .25s ease}
.ub-lgrid a:hover img{filter:grayscale(0)}
.ub-lgrid span{font-weight:600;font-size:.95rem;opacity:.7;text-align:center}
.ub-lgrid a:hover span{opacity:1;color:var(--ub-orange-deep,#C7410B)}
@media (hover:none){.ub-lgrid img{filter:grayscale(0);opacity:.9}}

/* clients v2 */
.ub-since{color:#9a9089!important;font-weight:600!important;font-size:.7rem!important;letter-spacing:.07em!important}
.ub-lgrid{flex-wrap:wrap}


.ub-hist{margin-top:1.9rem}
.ub-hist .ub-mini{background:#fff}
.ub-hist .eyebrow{margin:0 0 .35rem;font-size:.72rem}
.ub-hist strong{font-size:1.02rem}
.ub-hist p:last-child{margin-bottom:0;color:#5f5a55;font-size:.92rem}

/* clients v3 */
.ub-lgrid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:.9rem;justify-content:center}
.ub-lgrid li{flex:none!important;min-width:0!important}
.ub-lgrid a{width:100%;min-height:98px}
@media(max-width:620px){
 .ub-lgrid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .ub-lgrid li:last-child:nth-child(odd){grid-column:1 / -1}
 .ub-lgrid a{min-height:84px}
 .ub-lgrid img{max-width:130px}
}
.ub-card.ub-client{display:flex;flex-direction:column;height:100%}
.ub-card.ub-client .wp-block-buttons{margin-top:auto;padding-top:.4rem}

/* clients v4 */
.ub-lgrid li,.ub-lgrid a{box-sizing:border-box!important;max-width:100%}
.ub-lgrid img{max-height:46px;opacity:.85}
.ub-lgrid a:hover img{opacity:1}

/* clients v5 */
.ub-lgrid{max-width:none!important;width:100%}
.ub-origin{background:#fff;border:1px solid rgba(127,127,127,.2);border-radius:20px;padding:2.15rem 2.4rem;display:grid;grid-template-columns:minmax(0,1.6fr) minmax(215px,.8fr);column-gap:2.8rem;align-items:center;margin-top:.6rem}
.ub-origin > *{margin-top:0!important}
.ub-origin > .eyebrow{grid-column:1;grid-row:1;margin-bottom:.5rem!important}
.ub-origin > h2{grid-column:1;grid-row:2;margin-bottom:.8rem!important;max-width:24ch;font-size:clamp(1.45rem,2.3vw,1.95rem)}
.ub-origin > p:not(.eyebrow){grid-column:1;grid-row:3;margin-bottom:0!important;color:#5f5a55;max-width:56ch}
.ub-origin-side{grid-column:2;grid-row:1 / span 3;display:flex;flex-direction:column;align-items:flex-end;gap:1.15rem}
.ub-origin-badge{display:inline-flex;align-items:center;gap:.6rem;font-size:.76rem;font-weight:700;letter-spacing:.13em;color:var(--ub-orange-deep,#C7410B)}
.ub-origin-badge i{display:block;width:36px;height:1px;background:currentColor;opacity:.5}
.ub-origin-btn{display:inline-flex;align-items:center;gap:.55rem;border:1.5px solid rgba(20,18,17,.8);border-radius:999px;padding:.74rem 1.55rem;text-decoration:none;color:inherit;font-weight:600;font-size:.95rem;line-height:1;white-space:nowrap;transition:background .2s ease,color .2s ease,transform .2s ease}
.ub-origin-btn::after{content:"\2192";font-size:1.05em}
.ub-origin-btn:hover{background:#141211;color:#fff;transform:translateY(-2px)}
@media(max-width:860px){
 .ub-origin{grid-template-columns:1fr;row-gap:1.35rem;padding:1.7rem 1.6rem}
 .ub-origin > .eyebrow,.ub-origin > h2,.ub-origin > p:not(.eyebrow){grid-column:1}
 .ub-origin > h2{max-width:none}
 .ub-origin-side{grid-column:1;grid-row:4;flex-direction:row;align-items:center;justify-content:space-between;width:100%;gap:1rem;flex-wrap:wrap}
}

/* clients v6 */
.wp-block-post-content > section.wp-block-group > ul.ub-lgrid{max-width:none!important;width:100%!important}
.wp-block-post-content > section.wp-block-group > .ub-origin{max-width:none!important;width:100%!important}

/* clients v7 */


@media(max-width:620px){}
.wp-block-navigation a[href*="undariusacademy"] .wp-block-navigation-item__label::after{content:"\2197";font-size:.78em;margin-left:.28em;opacity:.65;display:inline-block}

/* clients v8 */


/* ia v1 */
@media(min-width:901px){
 section#hero.ub-hero-2col{display:grid!important;grid-template-columns:minmax(0,1.06fr) minmax(0,.8fr);column-gap:4rem;align-items:center}
 section#hero.ub-hero-2col > .ub-hero-main{grid-column:1;max-width:none!important;width:100%!important;margin:0!important}
 section#hero.ub-hero-2col > .ub-hero-side{grid-column:2;margin:0!important}
}
.ub-hero-side ul.ub-hero-facts{list-style:none;margin:0;padding:0}
.ub-hero-side ul.ub-hero-facts li{margin:0;padding:.9rem 0;border-top:1px solid rgba(255,255,255,.09);color:rgba(255,255,255,.72);font-size:.94rem;line-height:1.5}
.ub-hero-side ul.ub-hero-facts li:first-child{border-top:0;padding-top:0}
.ub-hero-side ul.ub-hero-facts li:last-child{padding-bottom:0}
.ub-hero-side ul.ub-hero-facts li b{display:block;color:#fff;font-weight:600;font-size:1.02rem;margin-bottom:.2rem}
ul.ub-nope{list-style:none;margin:2rem 0 0;padding:0;display:grid;gap:.8rem}
ul.ub-nope li{position:relative;padding:1rem 1.2rem 1rem 3.3rem;background:#fff;border:1px solid rgba(17,17,17,.09);border-radius:16px;line-height:1.55;font-size:1rem}
ul.ub-nope li::before{content:"\2715";position:absolute;left:1.15rem;top:1rem;width:1.4rem;height:1.4rem;display:flex;align-items:center;justify-content:center;border-radius:8px;background:rgba(199,65,11,.10);color:var(--ub-orange-deep,#C7410B);font-size:.72rem;font-weight:700}
.wp-block-post-content > section.wp-block-group > ul.ub-nope{max-width:none!important;width:100%!important}

.ub-hero-main > p{max-width:60ch}
.ub-hero-main > .wp-block-buttons{margin-bottom:0}

/* wa fab v1 */
.ub-wa-fab{position:fixed;right:18px;bottom:18px;display:inline-flex;align-items:center;gap:.55rem;padding:.72rem 1.05rem .72rem .9rem;border-radius:999px;background:#25D366;color:#0b2b16!important;text-decoration:none!important;font-weight:600;font-size:.98rem;line-height:1;box-shadow:0 8px 26px rgba(0,0,0,.22),0 2px 6px rgba(0,0,0,.12);transition:transform .16s ease,box-shadow .16s ease}
.ub-wa-fab:hover{transform:translateY(-2px);box-shadow:0 12px 32px rgba(0,0,0,.26)}
.ub-wa-fab:focus-visible{outline:3px solid #fff;outline-offset:3px}
.ub-wa-fab svg{flex:0 0 auto}
@media(max-width:600px){.ub-wa-fab{right:14px;bottom:14px;padding:.8rem;border-radius:50%}.ub-wa-fab span{display:none}}
@media print{.ub-wa-fab{display:none}}

/* ff btn v1 */
.frm-fluent-form .ff-btn-submit{max-width:100%!important;white-space:normal!important}
@media(max-width:480px){.frm-fluent-form .ff-btn-submit{width:100%!important}}

/* diag v1 */
ul.ub-strip{list-style:none;margin:2.2rem 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.1rem 1.6rem}
ul.ub-strip li{display:flex;gap:.75rem;align-items:flex-start;font-size:1rem;line-height:1.5;margin:0}
ul.ub-strip li::before{content:"\2713";flex:0 0 auto;width:1.55rem;height:1.55rem;display:flex;align-items:center;justify-content:center;border-radius:50%;background:rgba(199,65,11,.10);color:var(--ub-orange-deep,#C7410B);font-size:.78rem;font-weight:700;margin-top:.05rem}
@media(max-width:780px){ul.ub-strip{grid-template-columns:1fr}}
.wp-block-post-content > section.wp-block-group > ul.ub-strip{max-width:none!important;width:100%!important}
p.ub-note{font-size:.95rem;line-height:1.6;color:#666;border-left:2px solid rgba(199,65,11,.28);padding-left:1.1rem;margin-top:2.6rem!important}

/* mobcta v1 */
.wp-block-buttons.ub-mob-cta{display:none!important}
@media(max-width:780px){.wp-block-buttons.ub-mob-cta{display:flex!important;margin-top:2.4rem}.wp-block-buttons.ub-mob-cta .wp-block-button{width:100%}.wp-block-buttons.ub-mob-cta .wp-block-button__link{width:100%;text-align:center}}

/* preus v1 */
.ub-toc{position:sticky;top:78px;z-index:20;background:rgba(246,244,242,.94);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(17,17,17,.10);padding:.55rem 0 .5rem;max-width:none!important;width:100%!important}
.ub-toc ul{display:flex;gap:.35rem;list-style:none;margin:0;padding:0;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}
.ub-toc ul::-webkit-scrollbar{display:none}
.ub-toc li{margin:0;flex:0 0 auto}
.ub-toc a{display:block;padding:.42rem .82rem;border-radius:999px;font-size:.9rem;line-height:1.2;text-decoration:none!important;color:#4a4a4a!important;white-space:nowrap;border:1px solid rgba(17,17,17,.10);background:#fff}
.ub-toc a:hover,.ub-toc a:focus-visible{background:rgba(199,65,11,.09);color:var(--ub-orange-deep,#C7410B)!important;border-color:rgba(199,65,11,.28)}
@media(max-width:900px){.ub-toc{top:62px}}
.wp-block-post-content > section.wp-block-group > .ub-toc,.wp-block-post-content > .ub-toc{max-width:none!important;width:100%!important}
table.ub-ptab{width:100%;border-collapse:collapse;margin:1.5rem 0 0;font-size:1rem;table-layout:auto}
table.ub-ptab th,table.ub-ptab td{text-align:left;padding:.9rem 1rem;border-bottom:1px solid rgba(17,17,17,.09);vertical-align:top;line-height:1.55}
table.ub-ptab thead th{font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:#8a8a8a;font-weight:700;border-bottom:1px solid rgba(17,17,17,.18);padding-top:0}

table.ub-ptab tbody tr:last-child td{border-bottom:0}
.ub-eur{color:var(--ub-orange-deep,#C7410B);white-space:nowrap}
.ub-sub{display:block;margin-top:.2rem}
.ub-badge{border-radius:999px;background:rgba(199,65,11,.10);color:var(--ub-orange-deep,#C7410B);letter-spacing:.08em;text-transform:uppercase;font-weight:700;vertical-align:middle;white-space:nowrap}
@media(max-width:768px){
 table.ub-ptab,table.ub-ptab tbody,table.ub-ptab tr,table.ub-ptab td{display:block;width:100%}
 table.ub-ptab thead{display:none}
 table.ub-ptab tr{background:#fff;border:1px solid rgba(17,17,17,.10);border-radius:16px;padding:1rem 1.1rem;margin-bottom:.85rem}
 table.ub-ptab td{border:0;padding:.4rem 0}
 table.ub-ptab td::before{content:attr(data-l);display:block;font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:#9a9a9a;font-weight:700;margin-bottom:.15rem}
 table.ub-ptab td:first-child::before{display:none}
 table.ub-ptab td:first-child{font-size:1.1rem;margin-bottom:.3rem}
}
.ub-hl{background:#fff;border:1px solid rgba(199,65,11,.20);border-left:4px solid var(--ub-orange,#EA541D);margin:1.8rem 0 0}
.ub-hl p{margin:.55rem 0 0;line-height:1.6}
.ub-hl p:first-child{margin-top:0}
.ub-extras{font-size:.97rem;color:#585858;margin-top:1.1rem;line-height:1.7}
.ub-mini{font-size:.9rem;color:#777;margin-top:.9rem}
.ub-free{background:linear-gradient(150deg,#fdf3ee,#f8e9e0);border:1px solid rgba(199,65,11,.20);margin:0;max-width:none!important;width:100%!important}
.ub-free ul{margin:1rem 0 0}
.ub-free li{line-height:1.6}
.ub-pack{color:#fff;margin:1.8rem 0 0}
.ub-pack h3,.ub-pack p{color:#fff}

.ub-pack del{color:rgba(255,255,255,.55)}
.wp-block-post-content > section.wp-block-group > .ub-free,.wp-block-post-content > section.wp-block-group > table.ub-ptab,.wp-block-post-content > section.wp-block-group > .ub-hl,.wp-block-post-content > section.wp-block-group > .ub-pack{max-width:none!important;width:100%!important}

/* preus v2 */
.ub-toc ul{padding-inline:1.5rem}
@media(min-width:1300px){.ub-toc ul{padding-inline:0}}

/* preus v3 */
.ub-toc ~ section[id]{scroll-margin-top:150px}
@media(max-width:900px){.ub-toc ~ section[id]{scroll-margin-top:120px}}

/* preus v4 */
.ub-free,.ub-pack,.ub-hl,table.ub-ptab,table.ub-ptab tr,table.ub-ptab td,.ub-toc,.ub-toc ul{box-sizing:border-box!important;max-width:100%}

@media(max-width:768px){table.ub-ptab tr{box-sizing:border-box!important;width:100%!important;max-width:100%!important}}

@media(min-width:781px){.ub-free{padding:2rem 2.1rem}}

/* preus v5 — redisseny */
.wp-block-post-content{counter-reset:ubsvc}
section.ub-svc{counter-increment:ubsvc}
section.ub-svc > h2{position:relative;padding-top:2.4rem;letter-spacing:-.02em}
section.ub-svc > h2::before{content:counter(ubsvc,decimal-leading-zero);position:absolute;top:0;left:0;font-size:.78rem;letter-spacing:.22em;font-weight:700;color:var(--ub-orange-deep,#C7410B)}
section.ub-svc h3{margin-top:2.8rem!important;font-size:.76rem!important;letter-spacing:.16em;text-transform:uppercase;color:#9a9a9a!important;font-weight:700}
section.ub-svc .ub-pack h3{margin-top:0!important;font-size:clamp(1.3rem,3vw,1.75rem)!important;letter-spacing:-.01em;text-transform:none;color:#fff!important}

table.ub-ptab{display:block!important;border:0;margin-top:1.5rem;max-width:100%!important}
table.ub-ptab thead{display:none!important}
table.ub-ptab tbody{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(288px,1fr));gap:1rem}
table.ub-ptab tr{display:flex!important;flex-direction:column;background:#fff;border:1px solid rgba(17,17,17,.10);border-radius:18px;padding:1.5rem 1.5rem 1.6rem!important;margin:0!important;transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease}
table.ub-ptab tr:hover{border-color:rgba(199,65,11,.32);transform:translateY(-2px);box-shadow:0 12px 34px rgba(17,17,17,.07)}
table.ub-ptab td{display:block!important;border:0!important;padding:0!important;line-height:1.62;font-size:.97rem;color:#4c4c4c}
table.ub-ptab td+td{margin-top:1.05rem}
table.ub-ptab td::before{content:attr(data-l);display:block;font-size:.64rem;letter-spacing:.15em;text-transform:uppercase;color:#adadad;font-weight:700;margin-bottom:.3rem}
table.ub-ptab td:first-child{font-size:1.24rem!important;font-weight:600;letter-spacing:-.015em;color:#141414;margin:0!important}
table.ub-ptab td:first-child::before{display:none}
table.ub-ptab td:nth-child(2){margin-top:.75rem}
table.ub-ptab td:nth-child(2)::before{display:none}
.ub-eur{font-size:1.55rem;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:-.025em;line-height:1.15;display:inline-block}
.ub-sub{font-size:.86rem;color:#8a8a8a;font-weight:400}
table.ub-ptab tr:has(.ub-badge){border-color:rgba(199,65,11,.42);background:linear-gradient(180deg,#fffaf6,#fff 60%);box-shadow:0 0 0 1px rgba(199,65,11,.16),0 16px 44px rgba(199,65,11,.10)}
.ub-badge{display:block;margin:0 0 .6rem!important;width:-moz-fit-content;width:fit-content;font-size:.62rem;padding:.24rem .6rem}

table.ub-ptab.ub-ptab--rows{display:table!important;width:100%;border-collapse:collapse}
table.ub-ptab.ub-ptab--rows tbody{display:table-row-group!important}
table.ub-ptab.ub-ptab--rows tr{display:table-row!important;background:none;border:0;border-radius:0;padding:0!important;box-shadow:none}
table.ub-ptab.ub-ptab--rows tr:hover{transform:none;box-shadow:none;border-color:transparent}
table.ub-ptab.ub-ptab--rows td{display:table-cell!important;padding:1.05rem 0!important;border-bottom:1px solid rgba(17,17,17,.10)!important;vertical-align:middle;font-size:1rem;margin:0!important}
table.ub-ptab.ub-ptab--rows td::before{display:none}
table.ub-ptab.ub-ptab--rows td:first-child{font-size:1rem!important;font-weight:400;color:#3c3c3c}
table.ub-ptab.ub-ptab--rows td+td{text-align:right;white-space:nowrap;padding-left:1rem!important}
table.ub-ptab.ub-ptab--rows .ub-eur{font-size:1.12rem}
@media(max-width:620px){table.ub-ptab.ub-ptab--rows td{display:block!important;border:0!important;padding:.15rem 0!important;text-align:left!important;white-space:normal}table.ub-ptab.ub-ptab--rows tr{display:block!important;border-bottom:1px solid rgba(17,17,17,.10);padding:.95rem 0!important}}

.ub-free{padding:2.4rem 2.1rem}
.ub-free h2{margin-top:0!important;letter-spacing:-.02em}
.ub-free ul{list-style:none!important;padding:0!important;margin-top:1.3rem;display:grid;gap:.65rem}
.ub-free li{margin:0;padding-left:1.9rem;position:relative}
.ub-free li::before{content:"\2713";position:absolute;left:0;top:0;color:var(--ub-orange-deep,#C7410B);font-weight:700}
.ub-pack{border-radius:24px;padding:2rem 2.1rem;background:radial-gradient(130% 130% at 100% 0%,#2c1a11 0%,#141414 62%)}
.ub-pack .ub-eur{font-size:1.95rem;color:#ff8a4c}
.ub-pack p{color:rgba(255,255,255,.82)}
.ub-hl{border-left-width:3px;border-radius:16px;padding:1.5rem 1.6rem}
.ub-hl p:first-child strong{color:#141414}

/* preus v6 */
table.ub-ptab tr{position:relative}
table.ub-ptab tbody:has(.ub-badge) td:first-child{padding-top:2.1rem!important}
table.ub-ptab .ub-badge{position:absolute;top:1.45rem;left:1.5rem;margin:0!important}
table.ub-ptab.ub-ptab--rows tbody:has(.ub-badge) td:first-child{padding-top:1.05rem!important}
p.ub-mini{border:0!important;background:none!important;padding:0!important;border-radius:0!important;font-size:.92rem;color:#8a8a8a;margin-top:1.1rem!important;max-width:70ch}
.ub-free p.ub-mini,.ub-hl p.ub-mini{margin-top:.6rem!important}


/* preus v7 */
.ub-pack h3{border:0!important;padding-top:0!important;margin-top:0!important}
.ub-pack h3::before{display:none!important}
.ub-hl p:first-child strong{font-size:inherit}
.ub-hl strong{color:#141414;font-weight:700}
.ub-hl p:first-child:has(strong):not(:only-child) strong{font-size:1.06em}

/* preus v8 */
@media(max-width:780px){
 table.ub-ptab tbody:has(.ub-badge) td:first-child{padding-top:0!important}
 table.ub-ptab tr:has(.ub-badge) td:first-child{padding-top:2.1rem!important}
 table.ub-ptab tbody{grid-template-columns:1fr;gap:.85rem}
 table.ub-ptab tr{padding:1.3rem 1.3rem 1.4rem!important}
 .ub-eur{font-size:1.42rem}
}

/* preus v9 */
@media(max-width:620px){
 table.ub-ptab.ub-ptab--rows{display:block!important;width:100%!important;max-width:100%!important}
 table.ub-ptab.ub-ptab--rows tbody{display:block!important}
 table.ub-ptab.ub-ptab--rows tr,table.ub-ptab.ub-ptab--rows td{max-width:100%!important;white-space:normal!important}
 table.ub-ptab.ub-ptab--rows .ub-eur{white-space:normal}
}

/* preus v10 */
.ub-toc ul{max-width:1080px!important;margin-inline:auto!important}
section#hero p.ub-mini{color:rgba(255,255,255,.62)!important}

/* preus v11 */
section#preus p.ub-mini{margin-top:1.6rem!important}
section#preus p.ub-mini a{font-size:1rem;font-weight:600;color:var(--ub-orange-deep,#C7410B)!important;text-decoration:none!important;border-bottom:1px solid rgba(199,65,11,.35);padding-bottom:2px}
section#preus p.ub-mini a:hover{border-bottom-color:var(--ub-orange-deep,#C7410B)}

/* preus v12 — acordions */

section.ub-svc > h2{display:none}
details.ub-acc{border:1px solid rgba(17,17,17,.12);border-radius:18px;background:#fff;overflow:hidden;transition:border-color .18s ease,box-shadow .18s ease}
details.ub-acc[open]{border-color:rgba(199,65,11,.30);box-shadow:0 14px 40px rgba(17,17,17,.07)}
details.ub-acc > summary{list-style:none;cursor:pointer;position:relative}
details.ub-acc > summary::-webkit-details-marker{display:none}
details.ub-acc > summary::before{content:counter(ubsvc,decimal-leading-zero);font-size:.72rem;letter-spacing:.18em;font-weight:700;color:var(--ub-orange-deep,#C7410B);flex:0 0 auto;min-width:1.6rem}
details.ub-acc > summary:hover{background:rgba(199,65,11,.035)}
.ub-acc-h{flex:1 1 auto;display:block}
.ub-acc-t{display:block;font-weight:600;letter-spacing:-.015em;color:#141414}
.ub-acc-p{display:block;color:#8a8a8a;line-height:1.45}
.ub-acc-r{flex:0 0 auto;gap:.9rem}
.ub-acc-price{font-weight:600;color:var(--ub-orange-deep,#C7410B)}
.ub-acc-i{width:26px;height:26px;border-radius:50%;border:1px solid rgba(17,17,17,.16);flex:0 0 auto;transition:transform .2s ease,border-color .2s ease}
.ub-acc-i::before,.ub-acc-i::after{content:"";position:absolute;background:#4a4a4a;left:50%;top:50%;transform:translate(-50%,-50%)}
.ub-acc-i::before{width:11px;height:1.5px}
.ub-acc-i::after{width:1.5px;height:11px;transition:opacity .2s ease}
details.ub-acc[open] .ub-acc-i{border-color:var(--ub-orange-deep,#C7410B);transform:rotate(90deg)}
details.ub-acc[open] .ub-acc-i::after{opacity:0}
.ub-acc-b{padding:0 1.5rem 1.7rem;border-top:1px solid rgba(17,17,17,.08);margin-top:0}
.ub-acc-b > *:first-child{margin-top:1.3rem!important}
.ub-acc-b h3{margin-top:2rem!important}
.ub-acc-b p{font-size:1rem;color:#5a5a5a}
@media(max-width:620px){
 details.ub-acc > summary{gap:.7rem;flex-wrap:wrap}


 .ub-acc-b{padding:0 1.1rem 1.4rem}
}
ul.ub-inc{list-style:none!important;margin:0!important;padding:0!important;display:grid;gap:.42rem}
ul.ub-inc li{margin:0!important;padding-left:1.35rem;position:relative;font-size:.94rem;line-height:1.5;color:#4c4c4c}
ul.ub-inc li::before{content:"\2713";position:absolute;left:0;top:0;font-size:.72rem;font-weight:700;color:var(--ub-orange-deep,#C7410B);line-height:1.9}
table.ub-ptab td:has(ul.ub-inc)::before{margin-bottom:.5rem}

/* preus v13 */
section.ub-svc{background:transparent!important;padding-top:0!important;padding-bottom:0!important;margin-block:0!important}
section.ub-svc + section.ub-svc{margin-top:0!important}
details.ub-acc{margin:0 0 .65rem}
section.ub-svc:first-of-type{margin-top:1rem!important}

/* preus v14 */
.ub-acc-b h2{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.ub-acc-b > *:first-child + p{margin-top:1.3rem!important}
.ub-acc-b p:first-of-type{color:#6a6a6a;font-size:1rem;max-width:78ch}

/* preus v15 */
.wp-block-post-content section.ub-svc{padding-top:0!important;padding-bottom:0!important;margin-top:0!important;margin-bottom:0!important;background:transparent!important}
.wp-block-post-content section.ub-svc details.ub-acc{margin:0 0 .7rem!important}
@media(max-width:620px){
 details.ub-acc > summary{display:block!important;position:relative;padding:1.05rem 3.5rem 1.15rem 1.1rem!important}
 details.ub-acc > summary::before{display:block;margin-bottom:.4rem;min-width:0}
 .ub-acc-h{display:block}
 .ub-acc-t{font-size:1.06rem}
 .ub-acc-p{font-size:.88rem}
 .ub-acc-r{display:block!important;width:auto!important;margin:.55rem 0 0!important;justify-content:flex-start}
 .ub-acc-price{white-space:normal!important;display:block;font-size:.87rem;line-height:1.4}
 .ub-acc-i{position:absolute;top:1.05rem;right:1.05rem}
}

/* preus v16 — per on comencar + casos */
.ub-start{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;margin-top:1.8rem;max-width:none!important;width:100%!important}
.ub-start-c{position:relative;background:#fff;border:1px solid rgba(17,17,17,.11);border-radius:20px;padding:1.9rem 1.6rem 1.7rem;display:flex;flex-direction:column;box-sizing:border-box}
.ub-start-c--free{background:linear-gradient(165deg,#fdf1ea,#fff 70%);border-color:rgba(199,65,11,.35);box-shadow:0 0 0 1px rgba(199,65,11,.14),0 18px 46px rgba(199,65,11,.12)}
.ub-start-n{position:absolute;top:1.5rem;right:1.6rem;font-size:2.4rem;font-weight:700;line-height:1;color:rgba(17,17,17,.07);letter-spacing:-.04em}
.ub-start-c--free .ub-start-n{color:rgba(199,65,11,.20)}
.ub-start-c h3{margin:0 3rem .9rem 0!important;font-size:1.1rem!important;line-height:1.35;letter-spacing:-.01em;color:#141414!important;border:0!important;padding:0!important;text-transform:none!important;font-weight:600}
.ub-start-c h3::before{display:none!important}
.ub-start-price{margin:0 0 .7rem!important;font-size:1.6rem;font-weight:700;letter-spacing:-.025em;color:var(--ub-orange-deep,#C7410B);font-variant-numeric:tabular-nums}
.ub-start-d{margin:0 0 1.4rem!important;font-size:.95rem;line-height:1.6;color:#5c5c5c;flex:1 1 auto}
.ub-start-b{display:inline-flex;align-items:center;justify-content:center;padding:.72rem 1.15rem;border-radius:999px;font-size:.94rem;font-weight:600;text-decoration:none!important;border:1px solid rgba(17,17,17,.16);color:#141414!important;background:#fff;transition:background .15s ease,border-color .15s ease}
.ub-start-b:hover{border-color:var(--ub-orange-deep,#C7410B);color:var(--ub-orange-deep,#C7410B)!important}
.ub-start-c--free .ub-start-b{background:var(--ub-orange-deep,#C7410B);border-color:var(--ub-orange-deep,#C7410B);color:#fff!important}
.ub-start-c--free .ub-start-b:hover{background:#a83609;color:#fff!important}

.ub-cases{display:grid;grid-template-columns:repeat(auto-fit,minmax(268px,1fr));gap:1rem;margin-top:1.8rem;max-width:none!important;width:100%!important}
.ub-case{box-sizing:border-box}

.ub-case h3{margin:0 0 .3rem!important;font-size:1.12rem!important;letter-spacing:-.01em;color:#141414!important;border:0!important;padding:0!important;text-transform:none!important;font-weight:600}
.ub-case h3::before{display:none!important}
.ub-case-s{font-style:italic}


.ub-case-setup strong{font-size:1.12rem}


.ub-hl--star{border-left-width:4px;box-shadow:0 12px 34px rgba(17,17,17,.06)}
.ub-hl--star p:first-child{font-size:1.15rem;line-height:1.45}
.ub-why{display:block;margin-top:.4rem;font-size:.88rem;font-style:italic;font-weight:400;color:#8a8a8a;line-height:1.5}
@media(max-width:620px){.ub-start-c,.ub-case{padding:1.4rem 1.25rem}.ub-start-n{font-size:2rem;top:1.15rem;right:1.2rem}}

/* preus v17 */
@media(min-width:760px){.ub-cases{grid-template-columns:repeat(2,minmax(0,1fr))}}
.ub-case-e{filter:saturate(1.1)}
section#informe-ia{padding-top:0!important;padding-bottom:0!important;margin:.2rem 0 1.4rem!important;background:transparent!important}

/* preus v18 */
.ub-hero-stats{padding:1.5rem 1.6rem}
.ub-hero-stats ul{list-style:none;margin:0;padding:0}
.ub-hero-stats li{margin:0;padding:.95rem 0;border-top:1px solid rgba(255,255,255,.10);display:flex;align-items:baseline;justify-content:space-between;gap:1rem}
.ub-hero-stats li:first-child{border-top:0;padding-top:0}
.ub-hero-stats li:last-child{padding-bottom:0}
.ub-st-l{font-size:.95rem;color:rgba(255,255,255,.72);font-weight:500}
.ub-st-v{font-size:1.22rem;font-weight:700;letter-spacing:-.02em;color:var(--ub-orange,#EA541D);white-space:nowrap;font-variant-numeric:tabular-nums}
@media(max-width:900px){.ub-hero-stats{margin-top:1.8rem!important;padding:1.25rem 1.3rem}.ub-st-v{font-size:1.1rem}}

/* caixa diagnostic tancada */
.ub-free{border-radius:26px 26px 0 0!important;margin-bottom:0!important;padding-bottom:1.6rem}


@media(max-width:620px){}

/* rejilla 2x2 amb altures iguals */
section#com-funcionen .ub-grid,section#como-funcionan .ub-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;align-items:stretch}
section#com-funcionen .ub-card,section#como-funcionan .ub-card{height:100%;display:flex;flex-direction:column}
@media(max-width:760px){section#com-funcionen .ub-grid,section#como-funcionan .ub-grid{grid-template-columns:1fr!important}}

/* index fix nomes dins del cataleg */
.ub-catalog{position:relative}

/* preus v19 */
.ub-free{border-bottom:0!important}

/* preus v20 — capçalera acordio a tots els amples */
details.ub-acc > summary{display:grid!important;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;column-gap:1.1rem;row-gap:.55rem;padding:1.4rem 1.5rem!important}
details.ub-acc > summary::before{grid-area:n;align-self:start;padding-top:.28rem}
.ub-acc-h{grid-area:h;min-width:0}
.ub-acc-t{font-size:1.16rem;line-height:1.3}
.ub-acc-p{font-size:.92rem;margin-top:.22rem}
.ub-acc-r{grid-area:p;display:flex!important;align-items:center;justify-content:flex-start;width:auto!important;margin:0!important}
.ub-acc-price{white-space:normal!important;font-size:.9rem;line-height:1.45}
.ub-acc-i{grid-area:i;position:static!important}
@media(min-width:1000px){
 details.ub-acc > summary{grid-template-columns:auto minmax(0,1.15fr) minmax(0,auto) auto;row-gap:0;column-gap:1.4rem}
 .ub-acc-r{justify-content:flex-end}
 .ub-acc-price{text-align:right;max-width:26ch}
}
@media(max-width:560px){
 details.ub-acc > summary{grid-template-columns:auto minmax(0,1fr) auto;padding:1.15rem 1.15rem!important;column-gap:.75rem}
 .ub-acc-t{font-size:1.04rem}
}

/* preus v20 — targetes de negoci */
.ub-case{padding:0!important;overflow:hidden;display:flex;flex-direction:column;border-radius:22px;border:1px solid rgba(17,17,17,.11);background:#fff;transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease}
.ub-case:hover{border-color:rgba(199,65,11,.32);transform:translateY(-3px);box-shadow:0 18px 46px rgba(17,17,17,.09)}
.ub-case-hd{display:flex;align-items:center;gap:.9rem;padding:1.4rem 1.5rem 1.1rem}
.ub-case-e{font-size:1.35rem;line-height:1;width:2.6rem;height:2.6rem;flex:0 0 auto;display:flex;align-items:center;justify-content:center;border-radius:14px;background:linear-gradient(145deg,#fdf3ee,#f7e7dd);border:1px solid rgba(199,65,11,.16);margin:0!important}
.ub-case-hd h3{margin:0!important;font-size:1.14rem!important;letter-spacing:-.015em;color:#141414!important;border:0!important;padding:0!important;text-transform:none!important;font-weight:600;line-height:1.25}
.ub-case-hd h3::before{display:none!important}
.ub-case-s{margin:.2rem 0 0!important;font-size:.84rem;color:#9a9a9a}
.ub-case-price{display:flex;align-items:baseline;flex-wrap:wrap;gap:.4rem .8rem;padding:.9rem 1.5rem 1.1rem;background:linear-gradient(180deg,#fdf6f2,#fbf1eb);border-block:1px solid rgba(199,65,11,.13)}
.ub-case-big{font-size:2.15rem;font-weight:700;letter-spacing:-.035em;color:var(--ub-orange-deep,#C7410B);line-height:1;font-variant-numeric:tabular-nums}
.ub-case-big small{font-size:.95rem;font-weight:600;letter-spacing:0}
.ub-case-old{display:inline-flex;align-items:center;gap:.5rem;font-size:.9rem;color:#a08a80}
.ub-case-tag{background:var(--ub-orange-deep,#C7410B);color:#fff;font-size:.68rem;font-weight:700;letter-spacing:.05em;padding:.18rem .45rem;border-radius:6px}
.ub-case-setup{margin:1.1rem 1.5rem .2rem!important;font-size:.93rem;color:#4c4c4c}
.ub-case-setup strong{color:#141414;font-variant-numeric:tabular-nums}
.ub-case-was{color:#a8a8a8;font-size:.84rem}
.ub-case-lbl{margin:1.1rem 1.5rem .5rem!important;font-size:.66rem;letter-spacing:.15em;text-transform:uppercase;color:#adadad;font-weight:700}
ul.ub-case-list{list-style:none!important;margin:0 1.5rem 1.5rem!important;padding:0!important;display:grid;gap:.34rem}
ul.ub-case-list li{margin:0!important;padding-left:1.35rem;position:relative;font-size:.93rem;line-height:1.5;color:#4c4c4c}
ul.ub-case-list li::before{content:"\2713";position:absolute;left:0;top:0;font-size:.72rem;font-weight:700;color:var(--ub-orange-deep,#C7410B);line-height:1.85}
@media(max-width:620px){.ub-case-hd,.ub-case-price{padding-inline:1.2rem}.ub-case-setup,.ub-case-lbl,ul.ub-case-list{margin-inline:1.2rem!important}.ub-case-big{font-size:1.9rem}}

/* preus v21 */
details.ub-acc > summary{grid-template-areas:"n h i" ". p i"!important}
.ub-acc-i{align-self:center!important}
@media(min-width:1000px){details.ub-acc > summary{grid-template-areas:"n h p i"!important}}


/* preus v22 - catalog full width */
.entry-content > .ub-catalog{max-width:none!important;width:100%!important;margin-inline:auto!important}
.ub-catalog > *{max-width:none!important}
.ub-catalog details.ub-acc{max-width:1080px!important;margin-inline:auto!important}
.ub-catalog > .ub-toc > ul{max-width:1080px!important;margin-inline:auto!important}


/* preus v23 - centrat interior del cataleg */
.wp-block-post-content .ub-catalog > section > *{max-width:1080px!important;margin-inline:auto!important}
.wp-block-post-content .ub-catalog section details.ub-acc{max-width:1080px!important;margin:0 auto 0.7rem!important}


/* preus v24 - marges laterals del cataleg */
.wp-block-post-content .ub-catalog > section{padding-inline:1.5rem!important}
.wp-block-post-content .ub-catalog > .ub-toc{padding-inline:1.5rem}


/* preus v25 - destacats compactes */
.ub-hl--star{padding:1rem 1.15rem!important;margin:1.2rem 0 0!important;border-radius:12px!important}
.ub-hl--star p{font-size:.95rem!important;line-height:1.5!important;margin:0!important}


/* preus v26 - plans de xarxes */
.ub-plans{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(232px,1fr));margin:1.5rem 0 0}
.ub-plan{border:1px solid rgba(17,17,17,.12);border-radius:16px;padding:1.35rem 1.25rem;background:#fff;box-sizing:border-box}
.ub-plan--hi{border-color:var(--ub-orange,#EA541D);box-shadow:0 0 0 1px var(--ub-orange,#EA541D) inset}
.ub-plan-tag{display:inline-block;font-size:.68rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--ub-orange-deep,#C7410B);margin:0 0 .4rem!important}
.ub-plan-n{font-weight:700;font-size:1.05rem;margin:0 0 .2rem!important}
.ub-plan-p{font-size:1.75rem;font-weight:700;color:var(--ub-orange,#EA541D);margin:0!important;line-height:1.1}
.ub-plan-p small{font-size:.85rem;font-weight:600}
.ub-plan-w{font-size:.87rem;color:#5a5a5a;margin:.55rem 0 0!important;line-height:1.45}
.ub-plan-l{list-style:none!important;margin:.95rem 0 0!important;padding:0!important;display:grid;gap:.42rem}
.ub-plan-l li{position:relative;padding-left:1.5rem;font-size:.9rem;line-height:1.4;margin:0!important}
.ub-plan-l li::before{position:absolute;left:0;top:0;font-weight:700}
.ub-plan-l li.y::before{content:"\2713";color:#1f8a4c}
.ub-plan-l li.n::before{content:"\2014";color:#767676}
.ub-plan-l li.n{color:#6f6f73}


/* preus v27 - diagnostic compacte */
.ub-free--slim{padding:1.5rem 1.6rem!important;display:grid;gap:1.2rem;align-items:center}
.ub-free--slim h2{font-size:1.4rem!important;margin:.25rem 0 .5rem!important;line-height:1.2}
.ub-free--slim p{font-size:.96rem;line-height:1.55;margin:0!important}
.ub-free-tag{font-size:.68rem!important;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--ub-orange,#EA541D);margin:0!important}
.ub-free-act{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center}
.ub-free-act a.wp-block-button__link{white-space:nowrap}
.ub-free-wa{font-size:.92rem;font-weight:600;text-decoration:underline;text-underline-offset:3px;white-space:nowrap}
@media(min-width:900px){.ub-free--slim{grid-template-columns:minmax(0,1fr) auto;gap:2rem}
 .ub-free-act{flex-direction:column;align-items:stretch;text-align:center}}

/* UNDARIUS FIX peu tauleta vertical (782-900px) — 23/08/2026 */
@media(min-width:782px) and (max-width:900px){.wp-site-blocks > footer .wp-block-columns{flex-wrap:wrap!important}.wp-site-blocks > footer .wp-block-columns > .wp-block-column{flex-basis:calc(50% - 18px)!important;flex-grow:0!important}}


/* home v1 - hero mobil, targetes centrades, boto */
.wp-block-button__link{justify-content:center;text-align:center}
@media(max-width:900px){
 .ub-d{display:none}
 .wp-block-post-content section#cover{display:flex!important;flex-direction:column}
 section#cover > .eyebrow{order:1}
 section#cover > h1{order:2;margin-top:.5rem!important}
 section#cover > h1 + p{order:3;margin-top:.7rem!important}
 /* UNDARIUS FIX CTA hero mobil/tauleta (<=900px) - 24/08/2026: botons i garanties abans de la targeta de serveis */
 section#cover > .wp-block-buttons{order:4;margin-top:1.4rem!important;gap:.6rem}
 section#cover > .ub-trust{order:5;margin-top:1rem!important}
 section#cover > .ub-hero-side{order:6;margin-top:1.8rem!important}
}
@media(max-width:781px){
 section#serveis .ub-card,section#com-treballem .ub-why{text-align:center}
 section#serveis .ub-card .ub-ico,section#com-treballem .ub-why .ub-ico{margin-left:auto!important;margin-right:auto!important}
 section#serveis .ub-card .wp-block-buttons{justify-content:center}
 section#com-treballem .ub-why p{margin-left:auto;margin-right:auto;max-width:34ch}
}


/* home v2 - FAQ redisseny */
.wp-block-post-content details.ub-faq{border:1px solid rgba(17,17,17,.11)!important;border-radius:14px!important;background:#fff!important;margin:0 0 .7rem!important;overflow:hidden;transition:border-color .18s,box-shadow .18s}
.wp-block-post-content details.ub-faq:last-of-type{border-bottom:1px solid rgba(17,17,17,.11)!important;margin-bottom:0!important}
.wp-block-post-content section > details.ub-faq:first-of-type{margin-top:1.8rem!important}
.wp-block-post-content details.ub-faq:hover{border-color:rgba(17,17,17,.24)!important}
.wp-block-post-content details.ub-faq[open]{box-shadow:0 8px 26px rgba(17,17,17,.06)!important}
.wp-block-post-content details.ub-faq > summary{padding:1.15rem 1.3rem!important;align-items:center!important;gap:1.1rem!important}
.wp-block-post-content details.ub-faq > summary h3{font-weight:600!important}
.wp-block-post-content details.ub-faq[open] > summary h3{color:var(--ub-orange,#EA541D)!important}
.wp-block-post-content details.ub-faq > summary::after{content:""!important;width:28px!important;height:28px!important;flex:0 0 28px!important;border-radius:50%!important;border:1px solid rgba(17,17,17,.16)!important;background:
 linear-gradient(currentColor,currentColor) center/11px 1.6px no-repeat,
 linear-gradient(currentColor,currentColor) center/1.6px 11px no-repeat!important;color:var(--ub-orange,#EA541D)!important}
.wp-block-post-content details.ub-faq[open] > summary::after{border-color:rgba(234,84,29,.45)!important;background-color:rgba(234,84,29,.07)!important}
.wp-block-post-content details.ub-faq .ub-faq-a{padding:0 1.3rem 1.3rem!important;animation:ubfaq .22s ease}
.wp-block-post-content details.ub-faq .ub-faq-a p{margin:0!important}
.wp-block-post-content details.ub-faq .ub-faq-a a{color:var(--ub-orange,#EA541D);text-decoration:underline;text-underline-offset:3px}
@keyframes ubfaq{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
@media(max-width:600px){
 .wp-block-post-content details.ub-faq > summary{padding:1rem 1.05rem!important;gap:.8rem!important}
 .wp-block-post-content details.ub-faq > summary h3{font-size:.98rem!important}
 .wp-block-post-content details.ub-faq .ub-faq-a{padding:0 1.05rem 1.1rem!important}
}


/* home v3 - centrat real de targetes en mobil */
@media(max-width:781px){
 .wp-block-post-content section#serveis .ub-card > *,
 .wp-block-post-content section#serveis .ub-card > * > *,
 .wp-block-post-content section#com-treballem .ub-why > *,
 .wp-block-post-content section#com-treballem .ub-why > * > *{text-align:center!important}
 .wp-block-post-content section#serveis .ub-card .ub-ico,
 .wp-block-post-content section#com-treballem .ub-why .ub-ico{margin-left:auto!important;margin-right:auto!important}
}


/* home v4 - valors com treballem en mobil */
@media(max-width:781px){
 .wp-block-post-content section#com-treballem .ub-why{background:#fff!important;border:1px solid rgba(17,17,17,.09)!important;border-radius:16px!important;padding:1.35rem 1.15rem!important}
 .wp-block-post-content section#com-treballem .ub-why h3{margin-top:.15rem!important}
 .wp-block-post-content section#com-treballem .ub-why p{margin-top:.4rem!important}
}


/* home v5 - FAQ titol sense trepitjar la icona */
.wp-block-post-content details.ub-faq > summary h3{min-width:0!important;flex:1 1 auto!important;overflow-wrap:break-word}
.wp-block-post-content details.ub-faq > summary{flex-wrap:nowrap!important}


/* home v6 - icona FAQ en flux */
.wp-block-post-content details.ub-faq > summary::after{transform-origin:center;align-self:center!important}
.wp-block-post-content details.ub-faq[open] > summary::after{position:static!important}


/* home v7 - icona FAQ centrada verticalment */
.wp-block-post-content details.ub-faq > summary{position:relative!important;padding-right:3.6rem!important}
.wp-block-post-content details.ub-faq > summary::after{position:absolute!important;right:1.25rem!important;left:auto!important;margin:0!important}

@media(max-width:600px){
 .wp-block-post-content details.ub-faq > summary{padding-right:3.2rem!important}
 .wp-block-post-content details.ub-faq > summary::after{right:1rem!important}
}


/* home v8 - valors, WhatsApp, menu mobil, graella mobil */

/* 1. Valors de "Com treballem": fora cursiva i gris fluix */
.ub-why h3{font-style:normal!important;color:#1a1a1a!important;font-weight:600!important}
.ub-why p{font-style:normal!important}

/* 2. Boto flotant de WhatsApp: que no tapi CTA, peu ni menu */
.ub-wa-fab{z-index:50!important}
body:has(.wp-block-navigation__responsive-container.is-menu-open) .ub-wa-fab{display:none!important}
@media (max-width:781px){
.ub-wa-fab{bottom:20px!important;right:14px!important}
body.home .ub-footer,body.home footer.wp-block-template-part{padding-bottom:86px!important}
}

/* 3. Menu mobil: logo a dalt, menys buit i CTA al final */
@media (max-width:781px){
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-dialog{margin-top:0!important}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-dialog::before{content:"";display:block;width:156px;height:34px;background:url(/wp-content/uploads/2026/08/logo-undarius-white-768x167.png) no-repeat left center;background-size:contain}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-close{top:20px!important;right:16px!important}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content{padding-top:8px!important}
}

@media (max-width:781px){
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item > a,.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item > .wp-block-navigation-submenu__toggle{padding-top:11px!important;padding-bottom:11px!important}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container .wp-block-navigation-item > a{padding-top:8px!important;padding-bottom:8px!important}


}

/* 4. Inici: serveis i clients a 2 columnes en mobil */
@media (max-width:781px){
body.home .ub-grid:not(.ub-why-grid){grid-template-columns:1fr 1fr!important;gap:12px!important}
body.home .ub-grid:not(.ub-why-grid) > *{min-width:0!important}
body.home .ub-grid:not(.ub-why-grid) .ub-card{padding:18px 13px!important;box-sizing:border-box!important;min-width:0!important}
body.home .ub-grid:not(.ub-why-grid) .ub-card h3{font-size:1rem!important;line-height:1.25!important}
body.home .ub-grid:not(.ub-why-grid) .ub-card p{font-size:.875rem!important;line-height:1.45!important}
body.home .ub-grid:not(.ub-why-grid) .ub-card .wp-block-button__link{font-size:.8125rem!important;padding:9px 12px!important}
body.home .ub-grid:not(.ub-why-grid) .ub-card a{overflow-wrap:anywhere!important}
body.home #clients .ub-card > .ub-clogo,body.home #clientes .ub-card > .ub-clogo{max-width:100%!important;height:42px!important;margin-bottom:.8rem!important}
body.home #clients .ub-card > .ub-clogo img,body.home #clientes .ub-card > .ub-clogo img{max-height:42px!important;max-width:100%!important}


body.home #clients .ub-card .wp-block-button__link,body.home #clientes .ub-card .wp-block-button__link{font-size:.75rem!important;padding:8px 6px!important}
}

/* 5. Inici: amagar la caixa de serveis del hero en mobil (ja surt just a sota) */
@media (max-width:781px){body.home .ub-hero-side{display:none!important}}


/* home v10 - valors "Com treballem": sense caixa en escriptori, pero sense hover fantasma */
@media (min-width:782px){
.wp-block-post-content section#com-treballem .ub-why:hover{transform:none!important;box-shadow:none!important}
}


/* home v11 - "Com treballem": valors en una sola banda + passos en linia de temps (nomes escriptori) */
@media (min-width:782px){
.wp-block-post-content section#com-treballem .ub-why-grid{gap:0!important;margin-top:2.6rem!important;background:#fff!important;border:1px solid rgba(17,17,17,.08)!important;border-radius:18px!important;padding:1.9rem 0!important;box-shadow:0 1px 2px rgba(0,0,0,.03)!important}
.wp-block-post-content section#com-treballem .ub-why{background:transparent!important;border:0!important;border-left:1px solid rgba(17,17,17,.09)!important;border-radius:0!important;padding:0 2rem!important;box-shadow:none!important}
.wp-block-post-content section#com-treballem .ub-why:first-child{border-left:0!important}
.wp-block-post-content section#com-treballem .ub-steps{gap:0!important;margin-top:3rem!important}
.wp-block-post-content section#com-treballem .ub-step{background:transparent!important;border:0!important;border-top:2px solid rgba(199,65,11,.25)!important;border-radius:0!important;box-shadow:none!important;padding:1.05rem 2.2rem 0 0!important;position:relative!important}
.wp-block-post-content section#com-treballem .ub-step::before{content:"";position:absolute;top:-6px;left:0;width:10px;height:10px;border-radius:50%;background:#C7410B}
.wp-block-post-content section#com-treballem .ub-step:hover{transform:none!important;box-shadow:none!important}
}


/* home v12 - adreca discreta a la targeta "A prop de veritat" */
.ub-addr{font-size:.78rem!important;line-height:1.4!important;margin-top:.45rem!important;letter-spacing:.005em}
@media (max-width:781px){.ub-addr{font-size:.75rem!important}}


/* home v14 - mobil: serveis tornen a 1 columna (clients es queden a 2) */
@media (max-width:781px){body.home section#serveis .ub-grid,body.page-id-1466 section#serveis .ub-grid,body.page-id-1467 section#serveis .ub-grid{grid-template-columns:1fr!important;gap:14px!important}body.home section#serveis .ub-grid .ub-card,body.page-id-1466 section#serveis .ub-grid .ub-card,body.page-id-1467 section#serveis .ub-grid .ub-card{padding:1.4rem 1.2rem!important}body.home section#serveis .ub-grid .ub-card h3,body.page-id-1466 section#serveis .ub-grid .ub-card h3,body.page-id-1467 section#serveis .ub-grid .ub-card h3{font-size:1.14rem!important;line-height:1.3!important}body.home section#serveis .ub-grid .ub-card p,body.page-id-1466 section#serveis .ub-grid .ub-card p,body.page-id-1467 section#serveis .ub-grid .ub-card p{font-size:1rem!important;line-height:1.55!important}body.home section#serveis .ub-grid .ub-card .wp-block-button__link,body.page-id-1466 section#serveis .ub-grid .ub-card .wp-block-button__link,body.page-id-1467 section#serveis .ub-grid .ub-card .wp-block-button__link{font-size:.95rem!important;padding:11px 20px!important}
}


/* home v15 - hero mobil simple, serveis sense boto, clients, passos, FAQ, CTA i peu */

/* ---- 1. HERO MOBIL: mes simple, mes aire, boto petit ---- */
@media (max-width:781px){


body.home section#cover h1{margin-top:0!important}
body.home section#cover h1 + p{margin-top:1.9rem!important;font-size:1.08rem!important;opacity:.86!important}
body.home section#cover .ub-trust{display:none!important}

body.home section#cover .wp-block-button.is-style-outline{display:none!important}
body.home section#cover .wp-block-button{width:auto!important}
body.home section#cover .wp-block-button__link{display:inline-block!important;width:auto!important;padding:.82rem 1.45rem!important;font-size:.95rem!important}
/* la caixa amagada nomes al hero, no al CTA final */
body.home section#cta .ub-cta-side{display:block!important}
}/* ---- 2. SERVEIS: xebron dibuixat per la targeta + enllac que cobreix tota la targeta ---- */
body.home section#serveis .ub-grid .ub-card{position:relative!important}body.home section#serveis .ub-grid .ub-card::after,body.page-id-1466 section#serveis .ub-grid .ub-card::after,body.page-id-1467 section#serveis .ub-grid .ub-card::after{content:""!important;position:absolute!important;top:1.25rem!important;right:1.35rem!important;width:20px!important;height:20px!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23C7410B' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 6l6 6-6 6'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:center!important;background-size:contain!important;opacity:.42;transition:opacity .18s ease,transform .18s ease;pointer-events:none!important;z-index:3!important}body.home section#serveis .ub-grid .ub-card:hover::after,body.page-id-1466 section#serveis .ub-grid .ub-card:hover::after,body.page-id-1467 section#serveis .ub-grid .ub-card:hover::after{opacity:1;transform:translateX(3px)}body.home section#serveis .ub-grid .ub-card .wp-block-buttons,body.page-id-1466 section#serveis .ub-grid .ub-card .wp-block-buttons,body.page-id-1467 section#serveis .ub-grid .ub-card .wp-block-buttons{margin:0!important;height:0!important;overflow:visible!important;gap:0!important}body.home section#serveis .ub-grid .ub-card .wp-block-button,body.page-id-1466 section#serveis .ub-grid .ub-card .wp-block-button,body.page-id-1467 section#serveis .ub-grid .ub-card .wp-block-button{margin:0!important;width:auto!important}body.home section#serveis .ub-grid .ub-card .wp-block-button__link,body.page-id-1466 section#serveis .ub-grid .ub-card .wp-block-button__link,body.page-id-1467 section#serveis .ub-grid .ub-card .wp-block-button__link{position:absolute!important;inset:0!important;z-index:2!important;font-size:0!important;line-height:0!important;padding:0!important;margin:0!important;background:transparent!important;border:0!important;border-radius:16px!important;min-height:0!important;box-shadow:none!important}body.home section#serveis .ub-grid .ub-card .wp-block-button__link:hover,body.page-id-1466 section#serveis .ub-grid .ub-card .wp-block-button__link:hover,body.page-id-1467 section#serveis .ub-grid .ub-card .wp-block-button__link:hover,body.home section#serveis .ub-grid .ub-card .wp-block-button__link:focus,body.page-id-1466 section#serveis .ub-grid .ub-card .wp-block-button__link:focus,body.page-id-1467 section#serveis .ub-grid .ub-card .wp-block-button__link:focus{background:transparent!important;border:0!important;box-shadow:none!important}body.home section#serveis .ub-grid .ub-card .wp-block-button__link::before,body.page-id-1466 section#serveis .ub-grid .ub-card .wp-block-button__link::before,body.page-id-1467 section#serveis .ub-grid .ub-card .wp-block-button__link::before,body.home section#serveis .ub-grid .ub-card .wp-block-button__link::after,body.page-id-1466 section#serveis .ub-grid .ub-card .wp-block-button__link::after,body.page-id-1467 section#serveis .ub-grid .ub-card .wp-block-button__link::after{content:none!important;display:none!important}body.home section#serveis .ub-grid .ub-card .wp-block-button__link:focus-visible,body.page-id-1466 section#serveis .ub-grid .ub-card .wp-block-button__link:focus-visible,body.page-id-1467 section#serveis .ub-grid .ub-card .wp-block-button__link:focus-visible{outline:3px solid #C7410B!important;outline-offset:2px!important}

/* ---- 3. CLIENTS ---- */
@media (max-width:781px){
body.home section#clients .ub-card p{display:none!important}
body.home section#clients .ub-card .wp-block-buttons{display:none!important}
body.home section#clients .ub-card{padding:1.15rem .8rem!important}
body.home section#clients .ub-card h3{margin-bottom:0!important}
}
@media (min-width:782px){
body.home section#clients .ub-card,body.home section#clients .ub-card > h3,body.home section#clients .ub-card > p{text-align:center!important}
body.home section#clients .ub-card > p{margin-left:auto!important;margin-right:auto!important;max-width:28ch!important}
body.home section#clients .ub-card .wp-block-buttons{justify-content:center!important}
}

/* ---- 4. COM TREBALLEM MOBIL: passos com a linia de temps vertical ---- */
@media (max-width:781px){
body.home #com-treballem .ub-steps{position:relative!important;margin-top:2rem!important}
body.home #com-treballem .ub-steps::before{content:"";position:absolute;left:5px;top:8px;bottom:14px;width:2px;background:rgba(199,65,11,.22)}
body.home #com-treballem .ub-step{background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important;position:relative!important}
body.home #com-treballem .ub-step:last-child{padding-bottom:0!important}
body.home #com-treballem .ub-step::before{content:"";position:absolute;left:-1.75rem;top:7px;width:12px;height:12px;border-radius:50%;background:#C7410B}

}

/* ---- 5. FAQ: obertura suau ---- */
.wp-block-post-content details.ub-faq{interpolate-size:allow-keywords}
@supports (interpolate-size: allow-keywords){
.wp-block-post-content details.ub-faq::details-content{block-size:0;overflow:hidden;opacity:0;transition:block-size .34s cubic-bezier(.22,.61,.36,1),opacity .26s ease,content-visibility .34s allow-discrete}
.wp-block-post-content details.ub-faq[open]::details-content{block-size:auto;opacity:1}
}
.wp-block-post-content details.ub-faq > summary{transition:background-color .2s ease}
.wp-block-post-content details.ub-faq > summary::after{transition:transform .3s cubic-bezier(.22,.61,.36,1)!important}
.wp-block-post-content details.ub-faq[open]{border-color:rgba(199,65,11,.28)!important}

/* ---- 6. CTA final en mobil ---- */
@media (max-width:781px){
body.home section#cta .wp-block-buttons{margin-top:1.8rem!important;gap:.75rem!important}

}

/* ---- 7. PEU ---- */
@media (max-width:781px){
.ub-footer .ub-footer-cols{display:grid!important;gap:1.6rem 1.2rem!important}
.ub-footer .ub-footer-cols > .wp-block-column{flex-basis:auto!important;width:auto!important;min-width:0!important;max-width:none!important;box-sizing:border-box!important}
.ub-footer .ub-footer-cols > .wp-block-column:nth-child(1){grid-column:1 / -1!important}
.ub-footer .ub-footer-cols > .wp-block-column:nth-child(2){grid-column:1!important;grid-row:2!important}
.ub-footer .ub-footer-cols > .wp-block-column:nth-child(3){grid-column:2!important;grid-row:2 / 4!important}
.ub-footer .ub-footer-cols > .wp-block-column:nth-child(4){grid-column:1!important;grid-row:3!important}
.ub-footer .ub-foot-link{margin:0!important}
.ub-footer .ub-foot-link a{display:block!important;padding:.42rem 0!important;font-size:.92rem!important;overflow-wrap:anywhere!important}
.ub-footer .ub-foot-title{margin-bottom:.5rem!important}
}
@media (min-width:782px){
.ub-footer .ub-footer-cols{display:grid!important;gap:2.5rem!important;align-items:start!important}
.ub-footer .ub-footer-cols > .wp-block-column{flex-basis:auto!important;width:auto!important;min-width:0!important;max-width:none!important;box-sizing:border-box!important}
.ub-footer .ub-foot-link{margin:0!important}
.ub-footer .ub-foot-link a{display:block!important;padding:.34rem 0!important}
}


/* home v15b - menu mobil simple i centrat */
@media (max-width:781px){

.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container,
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-icon,
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-submenu__toggle{display:none!important}
.wp-block-navigation__responsive-container.is-menu-open ul.wp-block-navigation__container{text-align:center!important;padding-bottom:0!important}
.wp-block-navigation__responsive-container.is-menu-open li.wp-block-navigation-item{width:100%!important;border:0!important;padding:0!important;display:flex!important;justify-content:center!important}
.wp-block-navigation__responsive-container.is-menu-open li.wp-block-navigation-item.has-child{border-bottom:0!important;padding-bottom:0!important}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content{display:flex!important;width:100%!important;justify-content:center!important;align-items:center!important;text-align:center!important;border-bottom:0!important;padding:.95rem 0!important;font-size:1.3rem!important;font-weight:500!important}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__label{text-align:center!important;display:inline!important}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content:hover{color:#EA541D!important}
.wp-block-navigation__responsive-container.is-menu-open ul.wp-block-navigation__container > li.wp-block-navigation-item > .wp-block-navigation-item__content{border-bottom:0!important}
.wp-block-navigation__responsive-container.is-menu-open ul.wp-block-navigation__container > li{border-bottom:0!important}
/* selector d'idioma com a botó clar */

.wp-block-navigation__responsive-container.is-menu-open li.lang-item .wp-block-navigation-item__content{gap:.5rem!important}

}


/* home v15c - peu escriptori: columna Undarius a dues columnes */
@media (min-width:782px){
.ub-footer .ub-footer-cols{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr) minmax(0,1.55fr) minmax(0,1.1fr)!important}
.ub-footer .ub-footer-cols > .wp-block-column:nth-child(3){column-count:2!important;column-gap:1.6rem!important}
.ub-footer .ub-footer-cols > .wp-block-column:nth-child(3) .ub-foot-title{column-span:all!important}
.ub-footer .ub-foot-link{break-inside:avoid!important}
}


/* home v16 - selector idioma CA|ES, menu mobil, hero mobil, serveis, clients, passos, FAQ i CTA */

/* ---- 1. SELECTOR D'IDIOMA: commutador CA | ES ---- */
.wp-site-blocks header .wp-block-navigation li.lang-item{
 display:inline-flex!important;align-items:center!important;gap:0!important;
 border:1px solid rgba(255,255,255,.24)!important;border-radius:999px!important;
 padding:2px!important;margin:0 0 0 .35rem!important;background:transparent!important}
.wp-site-blocks header .wp-block-navigation li.lang-item::before{
 content:"CA";display:inline-flex;align-items:center;justify-content:center;
 min-width:36px;height:26px;border-radius:999px;background:#fff;color:#111;
 font-size:.76rem;font-weight:700;letter-spacing:.05em;flex:0 0 auto}
.wp-site-blocks header .wp-block-navigation li.lang-item-ca{flex-direction:row-reverse!important}
.wp-site-blocks header .wp-block-navigation li.lang-item-ca::before{content:"ES"}
.wp-site-blocks header .wp-block-navigation li.lang-item > a{
 display:inline-flex!important;align-items:center!important;justify-content:center!important;
 min-width:36px!important;width:auto!important;height:26px!important;
 padding:0 .25rem!important;margin:0!important;gap:0!important;
 background:transparent!important;border:0!important;border-radius:999px!important;
 color:rgba(255,255,255,.6)!important;font-size:.76rem!important;font-weight:700!important;
 letter-spacing:.05em!important;text-decoration:none!important}
.wp-site-blocks header .wp-block-navigation li.lang-item > a::before,
.wp-site-blocks header .wp-block-navigation li.lang-item > a::after{content:none!important;display:none!important}
.wp-site-blocks header .wp-block-navigation li.lang-item > a:hover{
 background:rgba(255,255,255,.16)!important;color:#fff!important}
.wp-site-blocks header .wp-block-navigation li.lang-item .wp-block-navigation-item__label{
 font-size:0!important;line-height:0!important}
.wp-site-blocks header .wp-block-navigation li.lang-item-es .wp-block-navigation-item__label::after{
 content:"ES";font-size:.76rem;line-height:1;letter-spacing:.05em}
.wp-site-blocks header .wp-block-navigation li.lang-item-ca .wp-block-navigation-item__label::after{
 content:"CA";font-size:.76rem;line-height:1;letter-spacing:.05em}

/* ---- 2. MENU MOBIL ---- */
@media (max-width:781px){
.wp-block-navigation__responsive-container.is-menu-open{padding-top:0!important}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-dialog{
 min-height:100dvh;display:flex!important;flex-direction:column!important;padding-top:2.6rem!important}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-dialog::before{
 margin:0 auto!important;flex:0 0 auto}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content{
 flex:1 1 auto!important;display:flex!important;flex-direction:column!important;
 justify-content:center!important;padding-bottom:9vh!important}
.wp-block-navigation__responsive-container.is-menu-open ul.wp-block-navigation__container{gap:0!important}
.wp-block-navigation__responsive-container.is-menu-open ul.wp-block-navigation__container > li.wp-block-navigation-item > .wp-block-navigation-item__content{
 font-size:1.42rem!important;font-weight:500!important;padding:.78rem .6rem!important;
 letter-spacing:-.01em!important;border-radius:12px!important}
.wp-block-navigation__responsive-container.is-menu-open a{-webkit-tap-highlight-color:transparent}
.wp-block-navigation__responsive-container.is-menu-open a:focus,
.wp-block-navigation__responsive-container.is-menu-open a:active{outline:0!important;box-shadow:none!important;background:transparent!important}
.wp-block-navigation__responsive-container.is-menu-open a:focus-visible{
 outline:2px solid rgba(255,255,255,.5)!important;outline-offset:2px!important;border-radius:12px!important}
.wp-block-navigation__responsive-container.is-menu-open li.lang-item{
 display:inline-flex!important;width:auto!important;margin:2.9rem auto 0!important;
 border:1px solid rgba(255,255,255,.28)!important;border-radius:999px!important;
 padding:3px!important;justify-content:center!important}
.wp-block-navigation__responsive-container.is-menu-open li.lang-item::before{
 content:"CA";min-width:56px;height:40px;border-radius:999px;background:#fff;color:#111;
 display:inline-flex;align-items:center;justify-content:center;
 font-size:.95rem;font-weight:700;letter-spacing:.06em}
.wp-block-navigation__responsive-container.is-menu-open li.lang-item-ca::before{content:"ES"}
.wp-block-navigation__responsive-container.is-menu-open li.lang-item .wp-block-navigation-item__content{
 display:inline-flex!important;align-items:center!important;justify-content:center!important;
 min-width:56px!important;width:auto!important;height:40px!important;
 padding:0 .3rem!important;margin:0!important;border:0!important;border-radius:999px!important;
 background:transparent!important;color:rgba(255,255,255,.62)!important;
 font-size:.95rem!important;font-weight:700!important;letter-spacing:.06em!important}
.wp-block-navigation__responsive-container.is-menu-open li.lang-item .wp-block-navigation-item__content:hover{
 background:rgba(255,255,255,.16)!important;color:#fff!important;border:0!important}
.wp-block-navigation__responsive-container.is-menu-open li.lang-item .wp-block-navigation-item__label::after{font-size:.95rem}
}

@media (max-width:781px){
.wp-block-navigation__responsive-container.is-menu-open ul.wp-block-navigation__container > li.lang-item{
 display:inline-flex!important;flex-direction:row!important;align-items:center!important;
 width:auto!important;max-width:none!important;margin:2.9rem auto 0!important;
 border:1px solid rgba(255,255,255,.28)!important;border-radius:999px!important;
 padding:3px!important;gap:0!important;justify-content:center!important}
.wp-block-navigation__responsive-container.is-menu-open ul.wp-block-navigation__container > li.lang-item-ca{flex-direction:row-reverse!important}
.wp-block-navigation__responsive-container.is-menu-open ul.wp-block-navigation__container > li.lang-item::before{
 content:"CA";min-width:58px;height:40px;border-radius:999px;background:#fff;color:#111;
 display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;
 font-size:.95rem;font-weight:700;letter-spacing:.06em}
.wp-block-navigation__responsive-container.is-menu-open ul.wp-block-navigation__container > li.lang-item-ca::before{content:"ES"}
.wp-block-navigation__responsive-container.is-menu-open ul.wp-block-navigation__container > li.lang-item > .wp-block-navigation-item__content{
 display:inline-flex!important;flex:0 0 auto!important;align-items:center!important;justify-content:center!important;
 min-width:58px!important;width:auto!important;height:40px!important;min-height:0!important;
 padding:0 .35rem!important;margin:0!important;border:0!important;border-radius:999px!important;
 background:transparent!important;color:rgba(255,255,255,.62)!important;
 font-size:.95rem!important;font-weight:700!important;letter-spacing:.06em!important;line-height:1!important}
.wp-block-navigation__responsive-container.is-menu-open ul.wp-block-navigation__container > li.lang-item > .wp-block-navigation-item__content:hover{
 background:rgba(255,255,255,.16)!important;color:#fff!important;border:0!important}
}

@media (max-width:781px){
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation{width:100%!important}
.wp-block-navigation__responsive-container.is-menu-open ul.wp-block-navigation__container{
 display:flex!important;flex-direction:column!important;align-items:center!important;
 justify-content:center!important;width:100%!important}
.wp-block-navigation__responsive-container.is-menu-open ul.wp-block-navigation__container > li.wp-block-navigation-item{align-items:center!important}
.wp-block-navigation__responsive-container.is-menu-open ul.wp-block-navigation__container > li.wp-block-navigation-item > .wp-block-navigation-item__content{
 box-sizing:border-box!important;max-width:100%!important}
}

/* ---- 3. HERO MOBIL ---- */
@media (max-width:781px){
body.home section#cover{padding-top:5.4rem!important}

body.home section#cover .eyebrow{margin-bottom:1.7rem!important}
body.home section#cover h1{font-size:2.08rem!important;line-height:1.22!important}

body.home section#cover .wp-block-buttons{margin-top:2.9rem!important}
}
/* ---- 4. SERVEIS MOBIL ---- */
@media (max-width:781px){body.home section#serveis > p:not(.eyebrow),body.page-id-1466 section#serveis > p:not(.eyebrow),body.page-id-1467 section#serveis > p:not(.eyebrow){display:none!important}body.home section#serveis > h2,body.page-id-1466 section#serveis > h2,body.page-id-1467 section#serveis > h2{margin-bottom:1.9rem!important}
}
/* ---- 5. CLIENTS ---- */
@media (min-width:782px){
body.home section#clients .ub-card > .ub-clogo,
body.home section#clientes .ub-card > .ub-clogo{height:90px!important;aspect-ratio:auto!important;margin:0 auto 1.1rem!important;display:flex!important;align-items:center!important;justify-content:center!important}
body.home section#clients .ub-card > .ub-clogo img,
body.home section#clientes .ub-card > .ub-clogo img{max-height:56px!important;width:auto!important;max-width:100%!important;height:auto!important}

body.home section#clients .ub-card > p,
body.home section#clientes .ub-card > p{min-height:3em!important}
}
@media (max-width:781px){
body.home section#clients .ub-grid,body.home section#clientes .ub-grid{grid-template-columns:1fr!important}
body.home section#clients .ub-card p,body.home section#clientes .ub-card p{display:block!important}
body.home section#clients .ub-card .wp-block-buttons,
body.home section#clientes .ub-card .wp-block-buttons{display:none!important}
body.home section#clients .ub-card,body.home section#clientes .ub-card{padding:1.6rem 1.3rem!important}
body.home section#clients .ub-card h3,body.home section#clientes .ub-card h3{margin-bottom:.45rem!important}
body.home section#clients .ub-card > .ub-clogo,body.home section#clientes .ub-card > .ub-clogo{margin-bottom:1rem!important}
}
/* ---- 6. COM TREBALLEM MOBIL ---- */
@media (max-width:781px){
body.home #com-treballem .ub-steps{padding-left:0!important;gap:0!important;text-align:center!important}
body.home #com-treballem .ub-steps::before{display:none!important}
body.home #com-treballem .ub-step{padding:0 0 1.5rem 0!important;text-align:center!important}
body.home #com-treballem .ub-step::before{display:none!important}
body.home #com-treballem .ub-step > *{text-align:center!important}
body.home #com-treballem .ub-step .ub-step-num{
 display:inline-flex!important;align-items:center;justify-content:center;
 width:40px;height:40px;border-radius:50%;
 background:rgba(199,65,11,.10)!important;color:#C7410B!important;
 font-weight:700!important;font-size:.9rem!important;
 margin:0 auto .8rem!important;padding:0!important}
body.home #com-treballem .ub-step h3{margin-bottom:.35rem!important}
body.home #com-treballem .ub-step p{margin-left:auto!important;margin-right:auto!important;max-width:28ch!important}
body.home #com-treballem .ub-step:not(:last-child)::after{
 content:"";display:block;width:1px;height:24px;margin:1.3rem auto -.2rem;background:rgba(199,65,11,.3)}
}
/* ---- 7. FAQ ---- */
.wp-block-post-content details.ub-faq > summary h3{font-size:1.06rem!important;line-height:1.4!important}
.wp-block-post-content details.ub-faq .ub-faq-a p{font-size:1rem!important}
.wp-block-post-content details.ub-faq[open] .ub-faq-a{animation:ubFaqIn .26s ease-out both}
@keyframes ubFaqIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
/* ---- 8. CTA FINAL EN MOBIL ---- */
@media (max-width:781px){


body.home section#cta .ub-cta-side{box-shadow:0 14px 32px -24px rgba(0,0,0,.45)!important}
body.home section#cta .ub-cta-side .ub-hero-side-t{text-align:center!important}
body.home section#cta .ub-cta-side .ub-hero-list li a{
 display:flex!important;align-items:center!important;justify-content:center!important;
 gap:.5rem!important;padding:.85rem 0!important;font-size:1.02rem!important}

}

@media (max-width:781px){

}

@media (max-width:781px){
body.home section#cta > *{text-align:center!important}
body.home section#cta .wp-block-buttons{justify-content:center!important}
body.home section#cta h2 + p{margin-left:auto!important;margin-right:auto!important;max-width:34ch!important}
body.home section#cta .ub-cta-side{
 background:rgba(255,255,255,.06)!important;border:1px solid rgba(255,255,255,.15)!important;
 border-radius:20px!important;padding:1.2rem 1.15rem 1.05rem!important;margin-top:2.5rem!important;text-align:left!important}
body.home section#cta .ub-cta-side > *{text-align:left!important}
body.home section#cta .ub-cta-side .ub-hero-side-t{margin-bottom:.3rem!important}
body.home section#cta .ub-cta-side ul.ub-hero-list li a{
 justify-content:flex-start!important;gap:.72rem!important;padding:.95rem 0!important;font-size:1.02rem!important}
body.home section#cta .ub-cta-side ul.ub-hero-list li a::before{
 content:"";width:19px;height:19px;flex:0 0 auto;opacity:.7;
 background-repeat:no-repeat;background-position:center;background-size:contain}
body.home section#cta .ub-cta-side ul.ub-hero-list li:nth-child(1) a::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 11.5a8.4 8.4 0 0 1-9 8.4 9.9 9.9 0 0 1-4-.9L3 21l1.9-4.4A8.4 8.4 0 0 1 12 3a8.4 8.4 0 0 1 9 8.5z'/%3E%3C/svg%3E")}
body.home section#cta .ub-cta-side ul.ub-hero-list li:nth-child(2) a::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.9v3a2 2 0 0 1-2.2 2 19.8 19.8 0 0 1-8.6-3.1 19.5 19.5 0 0 1-6-6A19.8 19.8 0 0 1 2.1 4.2 2 2 0 0 1 4.1 2h3a2 2 0 0 1 2 1.7c.1 1 .4 1.9.7 2.8a2 2 0 0 1-.5 2.1L8.1 9.9a16 16 0 0 0 6 6l1.3-1.3a2 2 0 0 1 2.1-.5c.9.3 1.8.6 2.8.7a2 2 0 0 1 1.7 2z'/%3E%3C/svg%3E")}
body.home section#cta .ub-cta-side ul.ub-hero-list li:nth-child(3) a::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z'/%3E%3Cpath d='M14 2v6h6'/%3E%3Cpath d='M8 13h8M8 17h5'/%3E%3C/svg%3E")}
body.home section#cta .ub-cta-side ul.ub-hero-list li a::after{margin-left:auto!important}
}

@media (max-width:781px){
body.home section#cta .ub-cta-side .ub-hero-side-f{text-align:left!important}
}

@media (min-width:782px){

}
@media (max-width:781px){

}

.wp-block-post-content details.ub-faq .ub-faq-a p{color:#4c4a48!important}


/* home v17 - hero mobil alineat a l'esquerra i FAQ: resposta a tot l'ample */

/* ---- 1. HERO MOBIL: torna a alinear-se a l'esquerra ---- */
@media (max-width:781px){
body.home section#cover > *{text-align:left!important}
body.home section#cover h1 + p{margin-left:0!important;margin-right:0!important;max-width:34ch!important}
body.home section#cover .wp-block-buttons{justify-content:flex-start!important;align-items:flex-start!important}
body.home section#cover::after{
 background:radial-gradient(78% 52% at 26% 24%,rgba(234,84,29,.24),transparent 66%),radial-gradient(70% 42% at 96% 104%,rgba(234,84,29,.10),transparent 70%)!important}
}

/* ---- 2. FAQ: la resposta ocupa tota l'amplada de la targeta ---- */
.wp-block-post-content details.ub-faq .ub-faq-a p{max-width:none!important;line-height:1.7!important}
.wp-block-post-content details.ub-faq .ub-faq-a p + p{margin-top:.85rem!important}

.wp-block-post-content details.ub-faq[open] > summary{padding-bottom:1.15rem!important}
@media(max-width:600px){.wp-block-post-content details.ub-faq[open] > summary{padding-bottom:1rem!important}}

.wp-block-post-content details.ub-faq > summary::after{
 top:1.05rem!important;bottom:auto!important;transform:rotate(0deg)!important}
.wp-block-post-content details.ub-faq[open] > summary::after{
 top:1.05rem!important;transform:rotate(135deg)!important}
@media(max-width:600px){
.wp-block-post-content details.ub-faq > summary::after{top:.9rem!important}
.wp-block-post-content details.ub-faq[open] > summary::after{top:.9rem!important}
}


/* home v18 - tira de logotips de clients al banner (nomes mobil) */

.ub-proof{display:none}
@media (max-width:781px){
body.home section#cover .ub-proof{display:block!important;order:7!important;width:100%!important;max-width:none!important;position:relative;z-index:2}
body.home section#cover .ub-proof-t{font-size:.7rem!important;letter-spacing:.16em!important;text-transform:uppercase!important;font-weight:700!important;line-height:1.2!important}
body.home section#cover .ub-proof-vp{display:flex;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}
body.home section#cover ul.ub-proof-track{display:flex!important;align-items:center;flex:0 0 auto;list-style:none!important;margin:0!important;padding:0!important}
body.home section#cover ul.ub-proof-track > li{margin:0!important;padding:0!important;flex:0 0 auto;display:flex;align-items:center}
body.home section#cover .ub-proof-track img{
 height:38px!important;width:auto!important;max-width:none!important;display:block;
 filter:brightness(0) invert(1);opacity:.78}

}
@keyframes ubProof{from{transform:translateX(0)}to{transform:translateX(calc(-100% - 2.4rem))}}
@media (prefers-reduced-motion:reduce){
body.home section#cover ul.ub-proof-track{animation:none!important}
body.home section#cover .ub-proof-vp{overflow-x:auto}
body.home section#cover ul.ub-proof-track[aria-hidden="true"]{display:none!important}
}


/* home v19 - la tira de logotips tanca el banner en mobil */
@media (max-width:781px){
body.home section#cover{padding-bottom:2.1rem!important}
body.home section#cover .ub-proof{
 margin-top:3.4rem!important;padding-top:1.5rem!important;
 border-top:1px solid rgba(255,255,255,.10)!important}
body.home section#cover .ub-proof-t{margin:0 0 1rem!important}
body.home section#cover .ub-proof-vp{gap:1.6rem!important}
body.home section#cover ul.ub-proof-track{gap:1.6rem!important;animation:ubProof2 26s linear infinite!important}
}
@keyframes ubProof2{from{transform:translateX(0)}to{transform:translateX(calc(-100% - 1.6rem))}}


/* home v20 - logotip de Fruites Salis Serradell */
/* targeta de client: marca plena, una mica mes gran que els wordmarks */
.ub-clogo-fss img{max-height:78px!important;width:auto!important;max-width:100%!important;height:auto!important}
@media (max-width:781px){.ub-clogo-fss img{max-height:64px!important}}
/* tira del banner: es una marca de color, no s'inverteix */
body.home section#cover .ub-proof-track img.ub-proof-fss{
 filter:none!important;height:36px!important;opacity:.95!important}


/* home v21 - peu mobil: el correu cap sense partir-se */
@media (max-width:781px){
.ub-footer .ub-footer-cols{grid-template-columns:minmax(0,1.16fr) minmax(0,.84fr)!important;column-gap:1.1rem!important}
.ub-footer .ub-foot-link a[href^="mailto"]{font-size:.85rem!important;letter-spacing:-.005em!important}
}


/* home v22 - logotip de Vins Can Mas + mides coherents per a les marques tancades */
/* targetes de client: les marques tancades (FSS i Can Mas) una mica mes altes que els wordmarks */
body.home section#clients .ub-card > .ub-clogo.ub-clogo-fss img,
body.home section#clientes .ub-card > .ub-clogo.ub-clogo-fss img,
body.home section#clients .ub-card > .ub-clogo.ub-clogo-vcm img,
body.home section#clientes .ub-card > .ub-clogo.ub-clogo-vcm img{
 max-height:78px!important;width:auto!important;height:auto!important;max-width:100%!important}
@media (max-width:781px){
body.home section#clients .ub-card > .ub-clogo.ub-clogo-fss img,
body.home section#clientes .ub-card > .ub-clogo.ub-clogo-fss img,
body.home section#clients .ub-card > .ub-clogo.ub-clogo-vcm img,
body.home section#clientes .ub-card > .ub-clogo.ub-clogo-vcm img{max-height:62px!important}
body.home section#clients .ub-card > .ub-clogo.ub-clogo-vcm,
body.home section#clientes .ub-card > .ub-clogo.ub-clogo-vcm{min-height:62px!important}
}
/* pagina /clients/ i /es/clientes/ */
.ub-clogo-vcm img{max-height:78px!important;width:auto!important;height:auto!important;max-width:100%!important}
/* tira del banner: marca tancada, una mica mes alta perque es llegeixi */
body.home section#cover .ub-proof-track img.ub-proof-vcm{height:48px!important}


/* home v23 - logotips de client igualats per la tinta real, no per la mida del fitxer.
   Cada fitxer porta un marge transparent diferent (del 0% al 78% de l'ample), aixi que
   igualar l'alcada de la IMATGE feia que uns es veiessin diminuts i altres enormes.
   Aqui s'ajusta cada logotip perque la TINTA quedi optica equivalent. */

/* ---- 1. TARGETES DE CLIENT, ESCRIPTORI ---- */
@media (min-width:782px){
body.home section#clients .ub-card > .ub-clogo,
body.home section#clientes .ub-card > .ub-clogo{max-width:242px!important}
body.home section#clients .ub-card > .ub-clogo img[src*="club-tennis"],
body.home section#clientes .ub-card > .ub-clogo img[src*="club-tennis"]{max-height:64px!important}
body.home section#clients .ub-card > .ub-clogo img[src*="les-clarisses"],
body.home section#clientes .ub-card > .ub-clogo img[src*="les-clarisses"]{max-height:82px!important}
body.home section#clients .ub-card > .ub-clogo img[src*="degust"],
body.home section#clientes .ub-card > .ub-clogo img[src*="degust"]{max-height:58px!important}
body.home section#clients .ub-card > .ub-clogo img[src*="azalee"],
body.home section#clientes .ub-card > .ub-clogo img[src*="azalee"]{max-height:86px!important}
body.home section#clients .ub-card > .ub-clogo.ub-clogo-vcm img,
body.home section#clientes .ub-card > .ub-clogo.ub-clogo-vcm img{max-height:54px!important}
body.home section#clients .ub-card > .ub-clogo.ub-clogo-fss img,
body.home section#clientes .ub-card > .ub-clogo.ub-clogo-fss img{max-height:46px!important}
}

/* ---- 2. TARGETES DE CLIENT, MOBIL ---- */
@media (max-width:781px){
body.home section#clients .ub-card > .ub-clogo,
body.home section#clientes .ub-card > .ub-clogo{max-width:210px!important}
body.home section#clients .ub-card > .ub-clogo img[src*="club-tennis"],
body.home section#clientes .ub-card > .ub-clogo img[src*="club-tennis"]{max-height:52px!important}
body.home section#clients .ub-card > .ub-clogo img[src*="les-clarisses"],
body.home section#clientes .ub-card > .ub-clogo img[src*="les-clarisses"]{max-height:70px!important}
body.home section#clients .ub-card > .ub-clogo img[src*="degust"],
body.home section#clientes .ub-card > .ub-clogo img[src*="degust"]{max-height:48px!important}
body.home section#clients .ub-card > .ub-clogo img[src*="azalee"],
body.home section#clientes .ub-card > .ub-clogo img[src*="azalee"]{max-height:70px!important}


}

/* ---- 3. TIRA DE LOGOTIPS DEL BANNER (mobil) ---- */
@media (max-width:781px){
body.home section#cover .ub-proof-track img[src*="club-tennis"]{height:42px!important}
body.home section#cover .ub-proof-track img[src*="les-clarisses"]{height:58px!important}
body.home section#cover .ub-proof-track img[src*="degust"]{height:42px!important}
body.home section#cover .ub-proof-track img[src*="azalee"]{height:62px!important}
body.home section#cover .ub-proof-track img[src*="full-experience"]{height:52px!important}
body.home section#cover .ub-proof-track img.ub-proof-vcm{height:42px!important}

}


/* home v24 - mateixa correccio a la pagina /clients/ i /es/clientes/ */
.ub-client > .ub-clogo{max-width:290px!important;margin-bottom:1.2rem!important}
.ub-client > .ub-clogo img{width:auto!important;height:auto!important;max-width:100%!important}
.ub-client > .ub-clogo img[src*="club-tennis"]{max-height:68px!important}
.ub-client > .ub-clogo img[src*="les-clarisses"]{max-height:96px!important}
.ub-client > .ub-clogo img[src*="degust"]{max-height:68px!important}
.ub-client > .ub-clogo img[src*="azalee"]{max-height:100px!important}
.ub-client > .ub-clogo.ub-clogo-vcm img{max-height:62px!important}
.ub-client > .ub-clogo.ub-clogo-fss img{max-height:54px!important}
@media (max-width:781px){
.ub-client > .ub-clogo{max-width:220px!important}
.ub-client > .ub-clogo img[src*="club-tennis"]{max-height:54px!important}
.ub-client > .ub-clogo img[src*="les-clarisses"]{max-height:74px!important}
.ub-client > .ub-clogo img[src*="degust"]{max-height:54px!important}
.ub-client > .ub-clogo img[src*="azalee"]{max-height:76px!important}


}


/* home v25 - contrast: dos textos petits per sota del minim accessible (4,5:1) */
@media (max-width:781px){
body.home section#cover .ub-proof-t{color:rgba(255,255,255,.58)!important}
}
.ub-addr{color:#6a6a72!important}


/* serveis v26 - "Altres serveis": targeta sencera clicable amb xebron, com a la home.
   Aplica a les 6 pagines de servei i elimina els "Veure servei" repetits. */
.wp-block-post-content section#altres-serveis .ub-grid .ub-card{position:relative!important}
.wp-block-post-content section#altres-serveis .ub-grid .ub-card::after{
 content:""!important;position:absolute!important;top:1.15rem!important;right:1.3rem!important;
 width:20px!important;height:20px!important;
 background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23C7410B' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 6l6 6-6 6'/%3E%3C/svg%3E")!important;
 background-repeat:no-repeat!important;background-position:center!important;background-size:contain!important;
 opacity:.42;transition:opacity .18s ease,transform .18s ease;pointer-events:none!important;z-index:3!important}
.wp-block-post-content section#altres-serveis .ub-grid .ub-card:hover::after{opacity:1;transform:translateX(3px)}
.wp-block-post-content section#altres-serveis .ub-grid .ub-card .wp-block-buttons{margin:0!important;height:0!important;overflow:visible!important;gap:0!important}
.wp-block-post-content section#altres-serveis .ub-grid .ub-card .wp-block-button{margin:0!important;width:auto!important}
.wp-block-post-content section#altres-serveis .ub-grid .ub-card .wp-block-button__link{
 position:absolute!important;inset:0!important;z-index:2!important;
 font-size:0!important;line-height:0!important;padding:0!important;margin:0!important;
 background:transparent!important;border:0!important;border-radius:16px!important;min-height:0!important;box-shadow:none!important}
.wp-block-post-content section#altres-serveis .ub-grid .ub-card .wp-block-button__link:hover,
.wp-block-post-content section#altres-serveis .ub-grid .ub-card .wp-block-button__link:focus{background:transparent!important;border:0!important;box-shadow:none!important}
.wp-block-post-content section#altres-serveis .ub-grid .ub-card .wp-block-button__link::before,
.wp-block-post-content section#altres-serveis .ub-grid .ub-card .wp-block-button__link::after{content:none!important;display:none!important}
.wp-block-post-content section#altres-serveis .ub-grid .ub-card .wp-block-button__link:focus-visible{outline:3px solid #C7410B!important;outline-offset:2px!important}
/* "Altres serveis": 3 columnes a l'escriptori. Amb 5 columnes les targetes quedaven
   a 178-203 px i els titols es partien en dues o tres linies; a 3 columnes tots
   caben en una linia i l'amplada quadra amb la resta de graelles del web. */
@media (min-width:782px){
.wp-block-post-content section#altres-serveis .ub-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))!important}
}

@media (min-width:1000px){
.wp-block-post-content section#altres-serveis .ub-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:1.4rem!important}
}


/* preus v27 - CTA per fila i distintiu de la mes escollida a les taules de preus */
.ub-ptab .ub-pcta{align-items:center;gap:.35rem;margin-top:.7rem;font-size:.86rem;font-weight:600;color:#C7410B;text-decoration:none;border:1px solid rgba(199,65,11,.38);border-radius:999px;padding:.34rem .85rem;transition:background-color .16s ease,border-color .16s ease,color .16s ease}
.ub-ptab .ub-pcta::after{content:"\2192";transition:transform .16s ease}
.ub-ptab .ub-pcta:hover{background:#C7410B;border-color:#C7410B;color:#fff}
.ub-ptab .ub-pcta:hover::after{transform:translateX(3px)}
.ub-ptab .ub-pcta:focus-visible{outline:3px solid #C7410B;outline-offset:2px}
.ub-ptab .ub-ptop{
 display:inline-block;margin-left:.5rem;vertical-align:middle;
 font-size:.68rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;
 color:#C7410B;background:rgba(199,65,11,.10);border:1px solid rgba(199,65,11,.24);
 border-radius:999px;padding:.16rem .55rem;white-space:nowrap}
.ub-ptab tr.is-top{position:relative}
@media(max-width:781px){
.ub-ptab tr.is-top{box-shadow:0 0 0 2px rgba(199,65,11,.32)!important;border-radius:14px}
.ub-ptab .ub-ptop{display:block;width:fit-content;margin:.45rem 0 0}
}

/* preus v27b - el CTA sempre en una linia propia; preus llargs sense partir-se */
.ub-ptab .ub-pcta{display:flex!important;width:fit-content!important}
@media(min-width:782px){.ub-ptab .ub-eur{font-size:1.4rem!important}}


/* serveis v28 - banner mobil mes net (la caixa de preus del hero s'ha retirat a la v30) */
@media (max-width:781px){
/* un sol boto, com a la home */
.wp-block-post-content section#hero .wp-block-buttons{align-items:flex-start!important}
.wp-block-post-content section#hero .wp-block-button{width:auto!important}
.wp-block-post-content section#hero .wp-block-button__link{display:inline-block!important;width:auto!important;padding:.82rem 1.45rem!important;font-size:.95rem!important}
.wp-block-post-content section#hero .wp-block-button.is-style-outline{display:none!important}
}


/* serveis v29 - maquetes de feina: composicio superposada tambe en mobil, i enllacos discrets */
@media (max-width:559px){
.ub-work-shots{padding-bottom:2.6rem}
.ub-shot-b{position:absolute!important;right:0!important;bottom:0!important;width:64%!important;margin-top:0!important;
 box-shadow:0 18px 36px -22px rgba(17,17,20,.55)!important}
.ub-shot-b .ub-shot-bar{padding:5px 8px}
.ub-shot-b .ub-shot-bar i{width:5px;height:5px}
.ub-shot-b .ub-shot-bar span{font-size:.52rem;padding:2px 7px}
}
/* l'adreca de la barra del navegador es un enllac, pero discret */
.ub-shot-bar span a{text-decoration:none}
.ub-shot-bar span a:hover{color:#C7410B;text-decoration:underline}
.ub-work-txt h3 .ub-work-link{color:inherit;text-decoration:none;border-bottom:1px solid rgba(199,65,11,.35);transition:color .16s ease,border-color .16s ease}
.ub-work-txt h3 .ub-work-link:hover{color:#C7410B;border-color:#C7410B}
.ub-work-txt h3 .ub-work-link::after{content:" \2197";font-size:.72em;color:#C7410B;border:0}


/* serveis v30 - segon cas a Feines fetes (DeGust): separacio i composicio alternada */
section#feines-fetes .ub-work-alt{margin-top:2.8rem;padding-top:2.8rem;border-top:1px solid #E6E3DE}
@media(min-width:900px){
section#feines-fetes .ub-work-alt{grid-template-columns:1fr 1.35fr}
section#feines-fetes .ub-work-alt .ub-work-shots{order:2}
section#feines-fetes .ub-work-alt .ub-work-txt{order:1}
}


/* serveis v31 - "Quina web necessites": icones a les targetes, textos curts i banda de "ja tens web" */
.wp-block-post-content section#que-fem .ub-types .ub-card::before{content:"";display:block;width:30px;height:30px;margin:0 0 .8rem;background-repeat:no-repeat;background-size:contain}

.wp-block-post-content section#que-fem .ub-t-corp::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23C7410B%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%224%22%20width%3D%2218%22%20height%3D%2216%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M3%209h18%22%2F%3E%3Cpath%20d%3D%22M6.6%206.5h.01M9.4%206.5h.01%22%2F%3E%3C%2Fsvg%3E")}
.wp-block-post-content section#que-fem .ub-t-land::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23C7410B%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%227.5%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%223.2%22%2F%3E%3Cpath%20d%3D%22M12%201.8v2.2M12%2020v2.2M1.8%2012h2.2M20%2012h2.2%22%2F%3E%3C%2Fsvg%3E")}
.wp-block-post-content section#que-fem .ub-t-local::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23C7410B%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4.4%2010h15.2v9.2a.8.8%200%200%201-.8.8H5.2a.8.8%200%200%201-.8-.8z%22%2F%3E%3Cpath%20d%3D%22M3%2010l1.7-5.2h14.6L21%2010%22%2F%3E%3Cpath%20d%3D%22M9.6%2020v-5h4.8v5%22%2F%3E%3C%2Fsvg%3E")}
.wp-block-post-content section#que-fem .ub-t-shop::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23C7410B%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M6%208h12l1%2012H5z%22%2F%3E%3Cpath%20d%3D%22M9%208V6.4a3%203%200%200%201%206%200V8%22%2F%3E%3C%2Fsvg%3E")}
/* banda: tambe arreglem la web que ja tens */
.ub-fix{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.7rem 1.4rem;margin-top:1.5rem;padding:1.05rem 1.3rem;background:#fff;border:1px solid #E6E3DE;border-left:3px solid #C7410B;border-radius:12px}
.ub-fix p{margin:0!important;font-size:.98rem;line-height:1.5;color:#5F5F68}
.ub-fix p b{color:#111;font-weight:600}
.ub-fix .ub-fix-cta{font-size:.95rem;font-weight:600;color:#C7410B;text-decoration:none;white-space:nowrap}
.ub-fix .ub-fix-cta::after{content:" \2192"}
.ub-fix .ub-fix-cta:hover{text-decoration:underline}
@media (max-width:640px){.ub-fix{flex-direction:column;align-items:flex-start;gap:.55rem}}
/* les maquetes de "Feines fetes" porten a la web del client */
.ub-shot a.ub-shot-img{display:block;line-height:0}
.ub-shot a.ub-shot-img img{transition:transform .3s ease}
@media (hover:hover){.ub-shot a.ub-shot-img:hover img{transform:scale(1.02)}}


/* serveis v32 - un sol boto al banner + enllac de text al formulari */


/* serveis v33 - contrast: tres textos petits per sota del minim accessible */
/* nota sota el preu: #8A8A8A sobre #fff = 3,45:1 -> 6,4:1 */
.ub-ptab .ub-sub{color:#5F5F68!important}
/* etiqueta del cas (Botiga en linia / Restaurant): 4,29:1 -> 6,1:1 */
.ub-work-txt h3 .ub-work-badge{color:#A03105!important}
/* adreca de la barra del navegador de les maquetes: 4,26:1 -> 6,4:1 */
.ub-shot-bar span{color:#5F5F68!important}
.ub-shot-bar span a{color:inherit}


/* home v34 - menu mobil: els serveis tornen a sortir sota "Serveis" */

/* menu mobil: els 6 serveis surten sota "Serveis", en dues columnes compactes */
.wp-block-navigation__responsive-container.is-menu-open li.has-child{display:flex!important;flex-direction:column!important;align-items:center!important}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-submenu__toggle,
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-icon{display:none!important}
.wp-block-navigation__responsive-container.is-menu-open ul.wp-block-navigation__submenu-container{display:grid!important;grid-template-columns:1fr 1fr!important;gap:.05rem .5rem!important;position:static!important;background:none!important;border:0!important;box-shadow:none!important;padding:.35rem 0 .15rem!important;margin:0!important;width:min(330px,88vw)!important;min-width:0!important;opacity:1!important;visibility:visible!important;transform:none!important;left:auto!important;top:auto!important}
.wp-block-navigation__responsive-container.is-menu-open ul.wp-block-navigation__submenu-container > li{width:100%!important;text-align:center!important}
.wp-block-navigation__responsive-container.is-menu-open ul.wp-block-navigation__submenu-container > li > a.wp-block-navigation-item__content{display:block!important;font-size:.88rem!important;padding:.34rem .25rem!important;color:rgba(255,255,255,.62)!important;text-align:center!important;line-height:1.3!important;width:100%!important;box-sizing:border-box!important}
.wp-block-navigation__responsive-container.is-menu-open ul.wp-block-navigation__submenu-container > li > a.wp-block-navigation-item__content:hover{color:#fff!important}
.wp-block-navigation__responsive-container.is-menu-open ul.wp-block-navigation__submenu-container > li > a .wp-block-navigation-item__label{display:block!important;text-align:center!important}


/* serveis v35 - mobil: targetes centrades, "que inclou" en dues columnes, preus mes compactes; i menys buit sota Feines fetes */
@media (max-width:781px){
/* "Quina web necessites": tot centrat */
.wp-block-post-content section#que-fem .ub-types .ub-card{text-align:center!important}
.wp-block-post-content section#que-fem .ub-types .ub-card::before{margin-left:auto!important;margin-right:auto!important;background-position:center!important}
.wp-block-post-content section#que-fem .ub-types .ub-card h3::before{margin-left:auto!important;margin-right:auto!important}
.wp-block-post-content section#que-fem .ub-types .ub-card h3,
.wp-block-post-content section#que-fem .ub-types .ub-card p{text-align:center!important}
/* "Que inclou sempre": dues columnes */
.wp-block-post-content section#incloem .ub-incl{grid-template-columns:1fr 1fr!important;gap:1.15rem .9rem!important}
.wp-block-post-content section#incloem .ub-incl > div{border-left:0!important;padding-left:0!important}
.wp-block-post-content section#incloem .ub-incl b{font-size:.93rem!important;line-height:1.3!important}
.wp-block-post-content section#incloem .ub-incl span{font-size:.82rem!important;line-height:1.45!important;margin-top:.2rem!important}
/* Preus: targetes mes compactes */
.wp-block-post-content section#preus .ub-ptab tbody tr{padding:1.05rem 1.15rem 1.15rem!important}
.wp-block-post-content section#preus .ub-ptab tbody tr td:nth-child(3)::before{display:none!important}
.wp-block-post-content section#preus .ub-ptab tbody tr td:nth-child(3){margin-top:.45rem!important}
.wp-block-post-content section#preus .ub-ptab tbody tr td{font-size:.9rem!important;line-height:1.5!important}
.wp-block-post-content section#preus .ub-ptab tbody tr td .ub-eur{font-size:1.3rem!important}
.wp-block-post-content section#preus .ub-ptab tbody tr td .ub-sub{font-size:.8rem!important;margin-top:.3rem!important}
.wp-block-post-content section#preus .ub-ptab tbody tr td .ub-pcta{margin-top:.7rem!important}
/* Feines fetes: menys aire */
.wp-block-post-content section#feines-fetes .ub-work-shots{padding-bottom:2.2rem!important}
.wp-block-post-content section#feines-fetes .ub-work-alt{margin-top:2rem!important;padding-top:2rem!important}
}
@media (min-width:782px){
.wp-block-post-content section#feines-fetes .ub-work-alt .ub-work-shots{padding-bottom:2rem!important}
.wp-block-post-content section#feines-fetes{padding-bottom:3.2rem!important}
}


/* serveis v36 - boto cap a clients al final de Feines fetes */


@media (max-width:781px){}


/* home v37 - mobil: les dues marques rodones (Fruites Salis i Can Mas) es veien massa petites a les targetes de client */
@media (max-width:781px){
/* targetes de client de l'inici */
body.home section#clients .ub-card > .ub-clogo.ub-clogo-fss img,
body.home section#clientes .ub-card > .ub-clogo.ub-clogo-fss img{max-height:58px!important}
body.home section#clients .ub-card > .ub-clogo.ub-clogo-vcm img,
body.home section#clientes .ub-card > .ub-clogo.ub-clogo-vcm img{max-height:62px!important}
/* pagina de clients */
.ub-client > .ub-clogo.ub-clogo-fss img{max-height:62px!important}
.ub-client > .ub-clogo.ub-clogo-vcm img{max-height:66px!important}
/* tira de logotips del banner */
body.home section#cover .ub-proof-track img.ub-proof-fss{height:44px!important}
}


/* serveis v38 - "Quina web necessites" centrat i simetric a tot arreu, i targetes de preu alineades */
.wp-block-post-content section#que-fem .ub-grid.ub-types{align-items:stretch!important}
.wp-block-post-content section#que-fem .ub-types .ub-card{display:flex!important;flex-direction:column!important;text-align:center!important;padding:1.6rem 1.25rem 1.7rem!important}
.wp-block-post-content section#que-fem .ub-types .ub-card::before{margin-left:auto!important;margin-right:auto!important;background-position:center!important}
.wp-block-post-content section#que-fem .ub-types .ub-card h3{text-align:center!important;margin:0 0 .45rem!important}
.wp-block-post-content section#que-fem .ub-types .ub-card h3::before{margin-left:auto!important;margin-right:auto!important}
.wp-block-post-content section#que-fem .ub-types .ub-card p{text-align:center!important;margin:0!important;text-wrap:balance}
/* preus: tots els botons "Ho vull" a la mateixa alcada */
@media (min-width:782px){
.wp-block-post-content .ub-ptab tbody tr:has(.ub-pcta){display:flex!important;flex-direction:column!important}
.wp-block-post-content .ub-ptab tbody tr:has(.ub-pcta) td:last-child{display:flex!important;flex-direction:column!important;flex:1 1 auto!important}
.wp-block-post-content .ub-ptab tbody tr:has(.ub-pcta) td:last-child .ub-pcta{margin-top:auto!important}
.wp-block-post-content .ub-ptab tbody tr:has(.ub-pcta) td:last-child .ub-sub{margin-bottom:.9rem!important}
}


/* home v39 - contrast: els enllacos dins de les respostes de les FAQ anaven a 3,63:1 sobre blanc */
.ub-faq-a a{color:#C7410B!important}
.ub-faq-a a:hover{color:#A03105!important}


/* serveis v39 - separacio del boto de clients al mobil; badge LA MES ESCOLLIDA ajustat al text */
@media (max-width:781px){
.wp-block-post-content section#feines-fetes > .wp-block-buttons{margin-top:2.6rem!important}
}

/* serveis v40 - hero de servei amb mes aire al mobil */
@media (max-width:781px){
.wp-block-post-content section#hero:not(:has(.ub-hero-side)){padding-top:4.6rem!important;padding-bottom:4rem!important}
.wp-block-post-content section#hero > p.eyebrow{margin-bottom:1.5rem!important}
.wp-block-post-content section#hero > h1{line-height:1.2!important}
.wp-block-post-content section#hero > h1 + p{margin-top:1.7rem!important}
.wp-block-post-content section#hero > .wp-block-buttons{margin-top:2.3rem!important}
}

/* serveis v41 - banda "Ja tens web?" centrada al mobil */
@media (max-width:781px){
.wp-block-post-content section#que-fem .ub-fix{flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;gap:.9rem!important;padding:1.4rem 1.25rem!important;border-left:0!important;border-top:3px solid #C7410B!important;border-radius:12px!important}
.wp-block-post-content section#que-fem .ub-fix p{text-align:center!important;margin:0!important}
}

/* serveis v42 - "Sempre inclos" amb els 4 items centrats al mobil */
@media (max-width:781px){
.wp-block-post-content section#incloem .ub-incl{gap:1.6rem .8rem!important}
.wp-block-post-content section#incloem .ub-incl > div{text-align:center!important}
}

/* serveis v43 - Feines fetes: graella de targetes, escalable a mes casos */
.wp-block-post-content section#feines-fetes .ub-works{display:grid!important;grid-template-columns:1fr!important;gap:1.4rem!important;margin-top:2.2rem!important;align-items:stretch!important}
.wp-block-post-content section#feines-fetes .ub-works .ub-work{display:flex!important;flex-direction:column!important;grid-template-columns:none!important;gap:0!important;margin:0!important;padding:1.05rem 1.05rem 1.3rem!important;border:1px solid #E6E3DE!important;border-radius:16px!important;background:#fff!important}
.wp-block-post-content section#feines-fetes .ub-works .ub-work-shots{order:1!important;padding-bottom:0!important}
.wp-block-post-content section#feines-fetes .ub-works .ub-work-txt{order:2!important;margin-top:1.15rem!important;flex:1 1 auto!important}
.wp-block-post-content section#feines-fetes .ub-works .ub-work-txt > h3{margin-top:0!important}
.wp-block-post-content section#feines-fetes .ub-works figure.ub-shot{margin:0!important}
.wp-block-post-content section#feines-fetes .ub-works .ub-shot{box-shadow:0 14px 28px -20px rgba(17,17,20,.45)!important}
@media (min-width:900px){
.wp-block-post-content section#feines-fetes .ub-works{grid-template-columns:1fr 1fr!important;gap:1.8rem!important}
}

/* serveis v44 - targetes de preus clicables amb fletxa (com les targetes de Serveis a l'inici) */
.wp-block-post-content .ub-ptab tbody tr{position:relative!important}
.wp-block-post-content .ub-ptab tbody tr:has(.ub-pcta) td:first-child{padding-right:2.9rem!important}
.wp-block-post-content .ub-ptab .ub-pcta{position:absolute!important;inset:0!important;z-index:2!important;display:block!important;width:auto!important;height:auto!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;background:none!important;border-radius:18px!important;overflow:hidden!important;text-indent:-9999px!important;white-space:nowrap!important;transition:none!important}
.wp-block-post-content .ub-ptab .ub-pcta:hover{background:none!important;border:0!important;color:transparent!important}
.wp-block-post-content .ub-ptab .ub-pcta::after{content:""!important;position:absolute!important;top:1.25rem!important;right:1.35rem!important;width:20px!important;height:20px!important;text-indent:0!important;transform:none!important;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23C7410B%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M9%206l6%206-6%206%22%2F%3E%3C%2Fsvg%3E")!important;background-repeat:no-repeat!important;background-position:center!important;background-size:contain!important;opacity:.42;transition:opacity .18s ease,transform .18s ease}
.wp-block-post-content .ub-ptab tbody tr:hover .ub-pcta::after{opacity:1;transform:translateX(3px)!important}
.wp-block-post-content .ub-ptab .ub-pcta:focus-visible{outline:3px solid #C7410B!important;outline-offset:2px!important}
@media (min-width:782px){
.wp-block-post-content .ub-ptab tbody tr:has(.ub-pcta) td:last-child .ub-sub{margin-bottom:0!important}
}
@media (max-width:781px){
.wp-block-post-content section#preus .ub-ptab tbody tr,
.wp-block-post-content .ub-ptab tbody tr{text-align:center!important}
.wp-block-post-content section#preus .ub-ptab tbody tr td,
.wp-block-post-content .ub-ptab tbody tr td{text-align:center!important;padding-left:0!important;padding-right:0!important}
.wp-block-post-content section#preus .ub-ptab tbody tr:has(.ub-pcta),
.wp-block-post-content .ub-ptab tbody tr:has(.ub-pcta){padding:1.45rem 1.2rem 4.4rem!important}
.wp-block-post-content .ub-ptab .ub-ptop{margin-left:auto!important;margin-right:auto!important}
.wp-block-post-content .ub-ptab .ub-pcta::after{top:auto!important;bottom:1.3rem!important;right:auto!important;left:50%!important;width:38px!important;height:38px!important;margin-left:-19px!important;border:1px solid rgba(199,65,11,.38)!important;border-radius:50%!important;background-size:17px!important;opacity:1!important}
}

/* home v40 - area de toc del boto del menu mobil: 24px -> 48px sense moure l'icona */
.wp-block-navigation__responsive-container-open:not(.always-shown),
.wp-block-navigation__responsive-container-close{padding:12px!important;margin:-12px!important}

/* home v41 - contrast del boto flotant de WhatsApp: 1,98:1 -> 4,94:1 sobre blanc */
.ub-wa-fab{background:#128143!important}
.ub-wa-fab:hover{background:#0E6C38!important}
.ub-wa-fab:focus-visible{outline:3px solid #0B4F29!important;outline-offset:3px!important;box-shadow:0 0 0 3px #fff!important}

/* serveis v45 - "Extres" i "Veure tots els preus" centrats al mobil, com les targetes */
@media (max-width:781px){
.wp-block-post-content section#preus .ub-extras,
.wp-block-post-content section#preus .ub-mini{text-align:center!important}
}

/* serveis v46 - "Que fem" de SEO amb icones i targetes centrades, com a /desenvolupament-web/ */
.wp-block-post-content section#que-fem .ub-grid.ub-seo{align-items:stretch!important}
.wp-block-post-content section#que-fem .ub-seo .ub-card{display:flex!important;flex-direction:column!important;text-align:center!important;padding:1.6rem 1.25rem 1.7rem!important}
.wp-block-post-content section#que-fem .ub-seo .ub-card h3{text-align:center!important;margin:0 0 .45rem!important}
.wp-block-post-content section#que-fem .ub-seo .ub-card h3::before{margin-left:auto!important;margin-right:auto!important}
.wp-block-post-content section#que-fem .ub-seo .ub-card p{text-align:center!important;margin:0!important;text-wrap:balance}
.wp-block-post-content section#que-fem .ub-seo .ub-card::before{content:""!important;display:block!important;width:30px;height:30px;margin:0 auto .85rem;background-repeat:no-repeat;background-position:center;background-size:contain}
.wp-block-post-content section#que-fem .ub-seo .ub-card:nth-child(1)::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23C7410B%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M13%202%203%2014h9l-1%208%2010-12h-9l1-8z%22%2F%3E%3C%2Fsvg%3E")}
.wp-block-post-content section#que-fem .ub-seo .ub-card:nth-child(2)::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23C7410B%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M14%202H6a2%202%200%200%200-2%202v16a2%202%200%200%200%202%202h12a2%202%200%200%200%202-2V8z%22%2F%3E%3Cpath%20d%3D%22M14%202v6h6%22%2F%3E%3Cpath%20d%3D%22M8%2013h8%22%2F%3E%3Cpath%20d%3D%22M8%2017h5%22%2F%3E%3C%2Fsvg%3E")}
.wp-block-post-content section#que-fem .ub-seo .ub-card:nth-child(3)::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23C7410B%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M21%2010c0%207-9%2013-9%2013s-9-6-9-13a9%209%200%200%201%2018%200z%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2210%22%20r%3D%223%22%2F%3E%3C%2Fsvg%3E")}
.wp-block-post-content section#que-fem .ub-seo .ub-card:nth-child(4)::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23C7410B%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M10%2013a5%205%200%200%200%207.54.54l3-3a5%205%200%200%200-7.07-7.07l-1.72%201.71%22%2F%3E%3Cpath%20d%3D%22M14%2011a5%205%200%200%200-7.54-.54l-3%203a5%205%200%200%200%207.07%207.07l1.71-1.71%22%2F%3E%3C%2Fsvg%3E")}
.wp-block-post-content section#que-fem .ub-seo .ub-card:nth-child(5)::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23C7410B%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M18%2020V10%22%2F%3E%3Cpath%20d%3D%22M12%2020V4%22%2F%3E%3Cpath%20d%3D%22M6%2020v-6%22%2F%3E%3C%2Fsvg%3E")}
.wp-block-post-content section#que-fem .ub-seo .ub-card:nth-child(6)::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23C7410B%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M23%206%2013.5%2015.5l-5-5L1%2018%22%2F%3E%3Cpath%20d%3D%22M17%206h6v6%22%2F%3E%3C%2Fsvg%3E")}

/* serveis v47 - contrast dels grisos i "Per a qui" a dues columnes */
.wp-block-post-content .ub-mini-grid .ub-mini{color:#3A3A42!important}
.wp-block-post-content .ub-mini-grid .ub-mini p{opacity:1!important;color:#5F5F68!important}
.wp-block-post-content .ub-ptab .ub-why{color:#5F5F68!important}
.wp-block-post-content p.ub-mini{color:#5F5F68!important}
@media (min-width:900px){
.wp-block-post-content section#per-a-qui .ub-mini-grid{grid-template-columns:1fr 1fr!important}
}
@media (max-width:781px){
.wp-block-post-content section#per-a-qui .ub-mini-grid .ub-mini{text-align:center!important}
}

/* serveis v48 - llistes de les targetes de preu: la marca no es separa del text al mobil */
@media (max-width:781px){
.wp-block-post-content .ub-ptab .ub-inc{text-align:left!important;width:fit-content!important;max-width:100%!important;margin-left:auto!important;margin-right:auto!important}
}

/* serveis v49 - "Altres serveis": descripcions visibles a totes les pagines de servei, com a /desenvolupament-web/ */
.wp-block-post-content section#altres-serveis .ub-card p,
.wp-block-post-content section#otros-servicios .ub-card p{display:block!important}

/* serveis v50 - "Per a qui" mes visual i passos de "Com ho fem" centrats al mobil */
.wp-block-post-content section#per-a-qui .ub-mini-grid .ub-mini{background:#fff!important;border:1px solid #E6E3DE!important;padding:1.45rem 1.4rem 1.4rem!important}
.wp-block-post-content section#per-a-qui .ub-mini-grid .ub-mini::before{content:""!important;display:block!important;width:34px;height:34px;margin:0 0 .85rem;border-radius:50%;background-color:#FBEAE2;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23C7410B%22%20stroke-width%3D%222.2%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M20%206%209%2017l-5-5%22%2F%3E%3C%2Fsvg%3E");background-repeat:no-repeat;background-position:center;background-size:18px}
.wp-block-post-content section#per-a-qui .ub-mini-grid .ub-mini strong{font-size:1.02rem!important;margin:0 0 .35rem!important}
@media (max-width:781px){
.wp-block-post-content section#per-a-qui .ub-mini-grid .ub-mini::before{margin-left:auto!important;margin-right:auto!important}
.wp-block-post-content section#com-ho-fem .ub-steps .ub-step,
.wp-block-post-content section#com-ho-fem .ub-steps .ub-step > *{text-align:center!important}
}

/* home v42 - contrast de "Client des de..." a /clients/: 3,12:1 -> 4,86:1 */
.wp-block-post-content .ub-since{color:#6E655F!important}


/* serveis v51 - "Que fem" d'aplicacions a mida amb icones i targetes centrades */
.wp-block-post-content section#que-fem .ub-grid.ub-apps{align-items:stretch!important}
.wp-block-post-content section#que-fem .ub-apps .ub-card{display:flex!important;flex-direction:column!important;text-align:center!important;padding:1.6rem 1.25rem 1.7rem!important}
.wp-block-post-content section#que-fem .ub-apps .ub-card h3{text-align:center!important;margin:0 0 .45rem!important}
.wp-block-post-content section#que-fem .ub-apps .ub-card h3::before{margin-left:auto!important;margin-right:auto!important}
.wp-block-post-content section#que-fem .ub-apps .ub-card p{text-align:center!important;margin:0!important;text-wrap:balance}
.wp-block-post-content section#que-fem .ub-apps .ub-card::before{content:""!important;display:block!important;width:30px;height:30px;margin:0 auto .85rem;background-repeat:no-repeat;background-position:center;background-size:contain}
.wp-block-post-content section#que-fem .ub-apps .ub-card:nth-child(1)::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23C7410B%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M17%2021v-2a4%204%200%200%200-4-4H5a4%204%200%200%200-4%204v2%22%2F%3E%3Ccircle%20cx%3D%229%22%20cy%3D%227%22%20r%3D%224%22%2F%3E%3Cpath%20d%3D%22M23%2021v-2a4%204%200%200%200-3-3.87%22%2F%3E%3Cpath%20d%3D%22M16%203.13a4%204%200%200%201%200%207.75%22%2F%3E%3C%2Fsvg%3E")}
.wp-block-post-content section#que-fem .ub-apps .ub-card:nth-child(2)::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23C7410B%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%223%22%20width%3D%2218%22%20height%3D%2218%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M3%209h18%22%2F%3E%3Cpath%20d%3D%22M9%2021V9%22%2F%3E%3C%2Fsvg%3E")}
.wp-block-post-content section#que-fem .ub-apps .ub-card:nth-child(3)::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23C7410B%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%224%22%20width%3D%2218%22%20height%3D%2218%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M16%202v4%22%2F%3E%3Cpath%20d%3D%22M8%202v4%22%2F%3E%3Cpath%20d%3D%22M3%2010h18%22%2F%3E%3C%2Fsvg%3E")}
.wp-block-post-content section#que-fem .ub-apps .ub-card:nth-child(4)::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23C7410B%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M18%2020V10%22%2F%3E%3Cpath%20d%3D%22M12%2020V4%22%2F%3E%3Cpath%20d%3D%22M6%2020v-6%22%2F%3E%3C%2Fsvg%3E")}
.wp-block-post-content section#que-fem .ub-apps .ub-card:nth-child(5)::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23C7410B%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M10%2013a5%205%200%200%200%207.54.54l3-3a5%205%200%200%200-7.07-7.07l-1.72%201.71%22%2F%3E%3Cpath%20d%3D%22M14%2011a5%205%200%200%200-7.54-.54l-3%203a5%205%200%200%200%207.07%207.07l1.71-1.71%22%2F%3E%3C%2Fsvg%3E")}
.wp-block-post-content section#que-fem .ub-apps .ub-card:nth-child(6)::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23C7410B%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M21%202v6h-6%22%2F%3E%3Cpath%20d%3D%22M3%2012a9%209%200%200%201%2015-6.7L21%208%22%2F%3E%3Cpath%20d%3D%22M3%2022v-6h6%22%2F%3E%3Cpath%20d%3D%22M21%2012a9%209%200%200%201-15%206.7L3%2016%22%2F%3E%3C%2Fsvg%3E")}


/* serveis v52 - "Que inclou" d'aplicacions a mida centrat en mobil, com #incloem de /desenvolupament-web/ */
@media (max-width:781px){
.wp-block-post-content section#que-inclou .ub-grid .ub-card,
.wp-block-post-content section#que-inclou .ub-grid .ub-card > *{text-align:center!important}
.wp-block-post-content section#que-inclou .ub-grid .ub-card h3::before{margin-left:auto!important;margin-right:auto!important}
}


/* serveis v53 - "Que fem" d'IA amb icones i targetes centrades */
.wp-block-post-content section#que-fem .ub-grid.ub-ai{align-items:stretch!important}
.wp-block-post-content section#que-fem .ub-ai .ub-card{display:flex!important;flex-direction:column!important;text-align:center!important;padding:1.6rem 1.25rem 1.7rem!important}
.wp-block-post-content section#que-fem .ub-ai .ub-card h3{text-align:center!important;margin:0 0 .45rem!important}
.wp-block-post-content section#que-fem .ub-ai .ub-card h3::before{margin-left:auto!important;margin-right:auto!important}
.wp-block-post-content section#que-fem .ub-ai .ub-card p{text-align:center!important;margin:0!important;text-wrap:balance}
.wp-block-post-content section#que-fem .ub-ai .ub-card::before{content:""!important;display:block!important;width:30px;height:30px;margin:0 auto .85rem;background-repeat:no-repeat;background-position:center;background-size:contain}
.wp-block-post-content section#que-fem .ub-ai .ub-card:nth-child(1)::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23C7410B%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M21%2011.5a8.38%208.38%200%200%201-.9%203.8%208.5%208.5%200%200%201-7.6%204.7%208.38%208.38%200%200%201-3.8-.9L3%2021l1.9-5.7a8.38%208.38%200%200%201-.9-3.8%208.5%208.5%200%200%201%204.7-7.6%208.38%208.38%200%200%201%203.8-.9h.5a8.48%208.48%200%200%201%208%208v.5z%22%2F%3E%3C%2Fsvg%3E")}
.wp-block-post-content section#que-fem .ub-ai .ub-card:nth-child(2)::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23C7410B%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M14%202H6a2%202%200%200%200-2%202v16a2%202%200%200%200%202%202h12a2%202%200%200%200%202-2V8z%22%2F%3E%3Cpath%20d%3D%22M14%202v6h6%22%2F%3E%3Cpath%20d%3D%22M8%2013h8%22%2F%3E%3Cpath%20d%3D%22M8%2017h5%22%2F%3E%3C%2Fsvg%3E")}
.wp-block-post-content section#que-fem .ub-ai .ub-card:nth-child(3)::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23C7410B%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%2019l7-7%203%203-7%207-3-3z%22%2F%3E%3Cpath%20d%3D%22M18%2013l-1.5-7.5L2%202l3.5%2014.5L13%2018l5-5z%22%2F%3E%3Cpath%20d%3D%22M2%202l7.586%207.586%22%2F%3E%3C%2Fsvg%3E")}
.wp-block-post-content section#que-fem .ub-ai .ub-card:nth-child(4)::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23C7410B%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M22%2012h-6l-2%203h-4l-2-3H2%22%2F%3E%3Cpath%20d%3D%22M5.45%205.11%202%2012v6a2%202%200%200%200%202%202h16a2%202%200%200%200%202-2v-6l-3.45-6.89A2%202%200%200%200%2016.76%204H7.24a2%202%200%200%200-1.79%201.11z%22%2F%3E%3C%2Fsvg%3E")}
.wp-block-post-content section#que-fem .ub-ai .ub-card:nth-child(5)::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23C7410B%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2211%22%20cy%3D%2211%22%20r%3D%228%22%2F%3E%3Cpath%20d%3D%22m21%2021-4.35-4.35%22%2F%3E%3C%2Fsvg%3E")}
.wp-block-post-content section#que-fem .ub-ai .ub-card:nth-child(6)::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23C7410B%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2218%22%20cy%3D%225%22%20r%3D%223%22%2F%3E%3Ccircle%20cx%3D%226%22%20cy%3D%2212%22%20r%3D%223%22%2F%3E%3Ccircle%20cx%3D%2218%22%20cy%3D%2219%22%20r%3D%223%22%2F%3E%3Cpath%20d%3D%22m8.59%2013.51%206.83%203.98%22%2F%3E%3Cpath%20d%3D%22m15.41%206.51-6.82%203.98%22%2F%3E%3C%2Fsvg%3E")}

/* serveis v54 - IA: "Privacitat" centrada en mobil, com a la resta de pagines de servei. La llista #el-que-no-farem es deixa alineada a l'esquerra a proposit. */
@media (max-width:781px){
.wp-block-post-content section#privacitat .ub-grid .ub-card,
.wp-block-post-content section#privacitat .ub-grid .ub-card > *{text-align:center!important}
.wp-block-post-content section#privacitat .ub-grid .ub-card h3::before{margin-left:auto!important;margin-right:auto!important}
}

/* serveis v55 - etiqueta de sector a les targetes de "Que fem" d'IA */
.wp-block-post-content section#que-fem .ub-ai .ub-card{position:relative!important;padding-bottom:1.35rem!important}
.wp-block-post-content section#que-fem .ub-ai .ub-card p.ub-who{margin:auto 0 0!important;padding-top:1rem!important;font-size:.78rem!important;line-height:1.35!important;font-weight:600!important;letter-spacing:.06em!important;text-transform:uppercase!important;color:#6E655F!important;text-wrap:balance}
.wp-block-post-content section#que-fem .ub-ai .ub-card p.ub-who::before{content:""!important;display:block!important;width:26px;height:1px;margin:0 auto .75rem;background:#E0DCD6}


/* serveis v56 - "Que podem ensenyar" de formacio amb icones i targetes centrades */
.wp-block-post-content section#tematiques .ub-grid.ub-form{align-items:stretch!important}
.wp-block-post-content section#tematiques .ub-form .ub-card{display:flex!important;flex-direction:column!important;text-align:center!important;padding:1.6rem 1.25rem 1.7rem!important}
.wp-block-post-content section#tematiques .ub-form .ub-card h3{text-align:center!important;margin:0 0 .45rem!important}
.wp-block-post-content section#tematiques .ub-form .ub-card h3::before{margin-left:auto!important;margin-right:auto!important}
.wp-block-post-content section#tematiques .ub-form .ub-card p{text-align:center!important;margin:0!important;text-wrap:balance}
.wp-block-post-content section#tematiques .ub-form .ub-card::before{content:""!important;display:block!important;width:30px;height:30px;margin:0 auto .85rem;background-repeat:no-repeat;background-position:center;background-size:contain}
.wp-block-post-content section#tematiques .ub-form .ub-card:nth-child(1)::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23C7410B%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%202v4%22%2F%3E%3Crect%20x%3D%224%22%20y%3D%226%22%20width%3D%2216%22%20height%3D%2212%22%20rx%3D%223%22%2F%3E%3Ccircle%20cx%3D%229%22%20cy%3D%2212%22%20r%3D%221.3%22%2F%3E%3Ccircle%20cx%3D%2215%22%20cy%3D%2212%22%20r%3D%221.3%22%2F%3E%3Cpath%20d%3D%22M2%2012h2%22%2F%3E%3Cpath%20d%3D%22M20%2012h2%22%2F%3E%3C%2Fsvg%3E")}
.wp-block-post-content section#tematiques .ub-form .ub-card:nth-child(2)::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23C7410B%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%223%22%20width%3D%2218%22%20height%3D%2218%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M3%209h18%22%2F%3E%3Cpath%20d%3D%22M3%2015h18%22%2F%3E%3Cpath%20d%3D%22M9%203v18%22%2F%3E%3C%2Fsvg%3E")}
.wp-block-post-content section#tematiques .ub-form .ub-card:nth-child(3)::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23C7410B%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M17.5%2019a4.5%204.5%200%200%200%20.5-8.97%206%206%200%200%200-11.6-1.4A3.5%203.5%200%200%200%206.5%2019z%22%2F%3E%3Cpath%20d%3D%22M12%2012v6%22%2F%3E%3Cpath%20d%3D%22m9.5%2014.5%202.5-2.5%202.5%202.5%22%2F%3E%3C%2Fsvg%3E")}
.wp-block-post-content section#tematiques .ub-form .ub-card:nth-child(4)::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23C7410B%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%224%22%20y%3D%2210%22%20width%3D%2216%22%20height%3D%2211%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M8%2010V7a4%204%200%200%201%208%200v3%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2215.5%22%20r%3D%221.2%22%2F%3E%3C%2Fsvg%3E")}
.wp-block-post-content section#tematiques .ub-form .ub-card:nth-child(5)::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23C7410B%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%204v12a2%202%200%200%200%202%202h12%22%2F%3E%3Cpath%20d%3D%22m8%2014%203-4%203%202.5L19%206%22%2F%3E%3Ccircle%20cx%3D%2219%22%20cy%3D%226%22%20r%3D%221.6%22%2F%3E%3C%2Fsvg%3E")}
.wp-block-post-content section#tematiques .ub-form .ub-card:nth-child(6)::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23C7410B%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M14%202H6a2%202%200%200%200-2%202v16a2%202%200%200%200%202%202h12a2%202%200%200%200%202-2V8z%22%2F%3E%3Cpath%20d%3D%22M14%202v6h6%22%2F%3E%3Cpath%20d%3D%22m9%2015%202%202%204-4%22%2F%3E%3C%2Fsvg%3E")}

/* serveis v57 - retirat: la seccio "Formats i logistica" es va eliminar el 4-9-2026 perque repetia el que ja deien els preus, els passos i el FAQ. */


/* serveis v58 - taules de preus amb exactament 4 files: 2x2 a l'escriptori.
   Amb auto-fit hi cabien 3 columnes i la quarta targeta quedava sola a sota.
   Afecta /formacio-empreses/ i /aplicacions-a-mida/ (i les seves seccions a /preus/). */
@media (min-width:781px){
.wp-block-post-content table.ub-ptab tbody:has(> tr:nth-child(4)):not(:has(> tr:nth-child(5))){grid-template-columns:repeat(2,1fr)!important}
}


/* serveis v59 - "Que fem" de xarxes socials amb icones i targetes centrades */
.wp-block-post-content section#que-fem .ub-grid.ub-social{align-items:stretch!important}
.wp-block-post-content section#que-fem .ub-social .ub-card{display:flex!important;flex-direction:column!important;text-align:center!important;padding:1.6rem 1.25rem 1.7rem!important}
.wp-block-post-content section#que-fem .ub-social .ub-card h3{text-align:center!important;margin:0 0 .45rem!important}
.wp-block-post-content section#que-fem .ub-social .ub-card h3::before{margin-left:auto!important;margin-right:auto!important}
.wp-block-post-content section#que-fem .ub-social .ub-card p{text-align:center!important;margin:0!important;text-wrap:balance}
.wp-block-post-content section#que-fem .ub-social .ub-card::before{content:""!important;display:block!important;width:30px;height:30px;margin:0 auto .85rem;background-repeat:no-repeat;background-position:center;background-size:contain}
.wp-block-post-content section#que-fem .ub-social .ub-card:nth-child(1)::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23C7410B%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%229%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%225%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%221.4%22%2F%3E%3C%2Fsvg%3E")}
.wp-block-post-content section#que-fem .ub-social .ub-card:nth-child(2)::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23C7410B%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M23%2019a2%202%200%200%201-2%202H3a2%202%200%200%201-2-2V8a2%202%200%200%201%202-2h4l2-3h6l2%203h4a2%202%200%200%201%202%202z%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2213%22%20r%3D%224%22%2F%3E%3C%2Fsvg%3E")}
.wp-block-post-content section#que-fem .ub-social .ub-card:nth-child(3)::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23C7410B%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%224%22%20width%3D%2218%22%20height%3D%2218%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M16%202v4%22%2F%3E%3Cpath%20d%3D%22M8%202v4%22%2F%3E%3Cpath%20d%3D%22M3%2010h18%22%2F%3E%3Cpath%20d%3D%22m9%2016%202%202%204-4%22%2F%3E%3C%2Fsvg%3E")}
.wp-block-post-content section#que-fem .ub-social .ub-card:nth-child(4)::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23C7410B%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M21%2011.5a8.38%208.38%200%200%201-9%208.4%208.38%208.38%200%200%201-3.8-.9L3%2021l2-5.7A8.38%208.38%200%200%201%204%2011.5a8.5%208.5%200%200%201%208.5-8.4%208.5%208.5%200%200%201%208.5%208.4z%22%2F%3E%3Cpath%20d%3D%22M8.5%2011h.01%22%2F%3E%3Cpath%20d%3D%22M12%2011h.01%22%2F%3E%3Cpath%20d%3D%22M15.5%2011h.01%22%2F%3E%3C%2Fsvg%3E")}
.wp-block-post-content section#que-fem .ub-social .ub-card:nth-child(5)::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23C7410B%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%2011v3a1%201%200%200%200%201%201h2.4a2%202%200%200%201%201.9%201.4L9%2019a2%202%200%200%200%203.7.3%22%2F%3E%3Cpath%20d%3D%22M6.5%2015V10%22%2F%3E%3Cpath%20d%3D%22M6.5%2010%2019%204.5v16L6.5%2015%22%2F%3E%3Cpath%20d%3D%22M19%209.5a3%203%200%200%201%200%205%22%2F%3E%3C%2Fsvg%3E")}
.wp-block-post-content section#que-fem .ub-social .ub-card:nth-child(6)::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23C7410B%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%204v12a2%202%200%200%200%202%202h12%22%2F%3E%3Crect%20x%3D%228%22%20y%3D%2210%22%20width%3D%223%22%20height%3D%225%22%20rx%3D%22.6%22%2F%3E%3Crect%20x%3D%2214%22%20y%3D%226%22%20width%3D%223%22%20height%3D%229%22%20rx%3D%22.6%22%2F%3E%3C%2Fsvg%3E")}

/* serveis v60 - xarxes: "Dues maneres" centrada en mobil */
@media (max-width:781px){
.wp-block-post-content section#dues-maneres-de-treballar-hi .ub-card,
.wp-block-post-content section#dues-maneres-de-treballar-hi .ub-card > *{text-align:center!important}
.wp-block-post-content section#dues-maneres-de-treballar-hi .ub-card li{text-align:left!important}
.wp-block-post-content section#dues-maneres-de-treballar-hi .ub-card ul{width:fit-content!important;max-width:100%!important;margin-left:auto!important;margin-right:auto!important}
}


/* serveis v61 - alineacio de les targetes de plans a /xarxes-socials/ i /preus/.
   L'etiqueta "El mes contractat" anava dins del flux i empenyia el nom i el preu
   de la targeta destacada 35 px avall respecte de les altres tres. Ara l'etiqueta
   es absoluta i totes les targetes reserven el mateix espai a dalt. */
.wp-block-post-content .ub-plans .ub-plan{position:relative!important;padding-top:2.55rem!important}
.wp-block-post-content .ub-plans .ub-plan .ub-plan-tag{position:absolute!important;top:1.05rem!important;left:1.25rem!important;right:1.25rem!important;margin:0!important}


/* serveis v62 - "Dues maneres": les targetes eren desiguals. Els items de la llista
   sortien a 22 px, mes grans que el propi titol (18,9 px), amb pics taronja separats
   i molt d'aire: la llista es menjava la targeta. A mes hi havia tres marcadors
   apilats abans del contingut (etiqueta "Opcio 1" + guio taronja + titol). */
.wp-block-post-content section#dues-maneres-de-treballar-hi .ub-opt-grid .ub-card{padding:1.5rem 1.5rem 1.6rem!important;display:flex!important;flex-direction:column!important}
.wp-block-post-content section#dues-maneres-de-treballar-hi .ub-opt-grid .ub-card .ub-label{margin:0 0 .55rem!important}
.wp-block-post-content section#dues-maneres-de-treballar-hi .ub-opt-grid .ub-card h3{font-size:1.16rem!important;line-height:1.32!important;margin:0 0 .5rem!important;text-wrap:balance}
.wp-block-post-content section#dues-maneres-de-treballar-hi .ub-opt-grid .ub-card h3::before{display:none!important}
.wp-block-post-content section#dues-maneres-de-treballar-hi .ub-opt-grid .ub-card > p:not(.ub-label){font-size:.97rem!important;line-height:1.55!important;color:#4C4C55!important;margin:0!important}
.wp-block-post-content section#dues-maneres-de-treballar-hi .ub-opt-grid .ub-card ul{list-style:none!important;margin:1.15rem 0 0!important;padding:0!important;display:grid!important;gap:.5rem!important;flex:1 1 auto}
.wp-block-post-content section#dues-maneres-de-treballar-hi .ub-opt-grid .ub-card ul li{position:relative!important;margin:0!important;padding-left:1.65rem!important;font-size:.97rem!important;line-height:1.45!important;color:#2B2B33!important}
.wp-block-post-content section#dues-maneres-de-treballar-hi .ub-opt-grid .ub-card ul li::marker{content:""!important}
.wp-block-post-content section#dues-maneres-de-treballar-hi .ub-opt-grid .ub-card ul li::before{content:""!important;position:absolute!important;left:0;top:.2em;width:15px;height:15px;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%231F8A4C%22%20stroke-width%3D%222.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m20%206-11%2011-5-5%22%2F%3E%3C%2Fsvg%3E");background-repeat:no-repeat;background-position:center;background-size:contain}
.wp-block-post-content section#dues-maneres-de-treballar-hi .ub-opt-grid .ub-card .wp-block-buttons{margin-top:1.5rem!important}
@media (max-width:781px){
.wp-block-post-content section#dues-maneres-de-treballar-hi .ub-opt-grid .ub-card ul{width:fit-content!important;max-width:100%!important;margin-left:auto!important;margin-right:auto!important}
.wp-block-post-content section#dues-maneres-de-treballar-hi .ub-opt-grid .ub-card ul li{text-align:left!important}
}


/* serveis v63 - contrast, mides llegibles i botons amb text (4-9-2026) */
/* A. contrast: etiquetes i capcaleres de les taules de preu (afecta les 6 pagines de servei i /preus/) */
.wp-block-post-content table.ub-ptab thead th{color:#6F6F73!important;font-size:.78rem!important}
.wp-block-post-content table.ub-ptab td::before{color:#6F6F73!important;font-size:.74rem!important}
.wp-block-post-content .ub-sub{color:#5A5A63!important}
.wp-block-post-content p.ub-mini{color:#5A5A63!important}
.wp-block-post-content .ub-why{color:#5F5F68!important}
.wp-block-post-content .ub-acc-p{color:#5F5F68!important}
/* B. distintius sobre fons pistatxo: 4,34:1 -> 4,90:1, i mida minima llegible */
.wp-block-post-content .ub-ptab .ub-ptop,.wp-block-post-content .ub-badge{color:#B93C0A!important;font-size:.76rem!important}
.wp-block-post-content .ub-plan-tag{color:#B93C0A!important}
/* C. sufix /mes de les targetes de plans: 3,63:1 -> 5,01:1 */
.wp-block-post-content .ub-plan-p small{color:var(--ub-orange-deep,#C7410B)!important}
/* D. numeros 01-04 de la linia de temps de l inici, sobre fons pistatxo fosc */
.wp-block-post-content section#com-treballem .ub-step .ub-step-num{color:#AE3809!important}
/* E. peus de les captures de /desenvolupament-web/: 8,3px i 9,9px eren illegibles */
.wp-block-post-content .ub-shot-bar span{font-size:.72rem!important}
.wp-block-post-content .ub-shot-b .ub-shot-bar span{font-size:.66rem!important}
@media (max-width:781px){
.wp-block-post-content .ub-shot-b .ub-shot-bar span{font-size:.72rem!important}
}
/* H. targetes de "Que contracta cada tipus de negoci" a /preus/ */
.wp-block-post-content .ub-cases .ub-case-lbl{color:#6F6F73!important;font-size:.74rem!important}
.wp-block-post-content .ub-cases .ub-case-was{color:#5F5F68!important;font-size:.8rem!important}
.wp-block-post-content .ub-cases .ub-case-s{color:#5F5F68!important}
.wp-block-post-content .ub-cases .ub-case-old{color:#5F5F68!important;font-size:.8rem!important}
.wp-block-post-content .ub-cases .ub-case-tag{font-size:.78rem!important}
.wp-block-post-content .ub-cases .ub-badge{font-size:.72rem!important}

/* serveis v64 - ultims contrastos i mides minimes (4-9-2026) */
.wp-block-post-content section.ub-svc h3{color:#6F6F73!important}
.wp-block-post-content .ub-free-tag{color:#C7410B!important;font-size:.78rem!important}
.wp-block-post-content .ub-free .wp-block-button__link{background-color:#C7410B!important}
.wp-block-post-content .ub-badge{font-size:.78rem!important}
.wp-block-post-content .ub-cases .ub-badge{font-size:.76rem!important}
.wp-block-post-content .ub-cases .ub-case-lbl{font-size:.76rem!important}

/* serveis v65 - Contacte al menu, nomes al mobil (4-9-2026) */
@media (min-width:782px){
.wp-site-blocks header .wp-block-navigation li.ub-nav-mobile{display:none!important}
}

/* serveis v66 - ultimes mides per sota de 12px (4-9-2026) */
.wp-block-post-content .ub-shot-bar span{font-size:.76rem!important}
.wp-block-post-content .ub-shot-b .ub-shot-bar span{font-size:.72rem!important}
@media (max-width:781px){
.wp-block-post-content .ub-shot-b .ub-shot-bar span{font-size:.76rem!important}
}
.wp-block-post-content .ub-work-txt h3 .ub-work-badge{font-size:.78rem!important}
.wp-block-post-content .ub-proof-lbl,.wp-block-post-content .ub-proof h2,.wp-block-post-content .ub-proof p.eyebrow{font-size:.78rem!important}

/* serveis v67 - etiqueta "Ja confien en nosaltres" de l inici (4-9-2026) */
.wp-block-post-content .ub-proof .ub-proof-t{font-size:.78rem!important}

/* serveis v68 - mides minimes a plans i fitxes de client (4-9-2026) */
.wp-block-post-content .ub-plans .ub-plan .ub-plan-tag{font-size:.76rem!important}
.wp-block-post-content .ub-since{font-size:.78rem!important}

/* serveis v70 - etiqueta "Ja confien en nosaltres" (correccio del v67) (4-9-2026) */
.wp-block-post-content p.ub-proof-t{font-size:.78rem!important}
.wp-block-post-content section#cover p.ub-proof-t,body.home section#cover .ub-proof-t{font-size:.76rem!important}

/* clients v9 - targetes de client centrades i franja de logo igual a totes (4-9-2026) */
.wp-block-post-content .ub-card.ub-client,
.wp-block-post-content .ub-card.ub-client h2,
.wp-block-post-content .ub-card.ub-client p,
.wp-block-post-content .ub-card.ub-client .ub-since{text-align:center!important}
.wp-block-post-content .ub-card.ub-client > .ub-clogo{display:flex!important;align-items:center!important;justify-content:center!important;height:96px!important;min-height:0!important;width:100%!important;margin:0 0 1.3rem!important;padding:0!important}
.wp-block-post-content .ub-card.ub-client > .ub-clogo img{margin:0!important;display:block!important}
.wp-block-post-content .ub-card.ub-client .ub-tags{justify-content:center!important}
.wp-block-post-content .ub-card.ub-client .wp-block-buttons{justify-content:center!important}
.wp-block-post-content .ub-card.ub-client .wp-block-button{text-align:center!important}
.wp-block-post-content .ub-card.ub-client .wp-block-button > a{margin-left:auto!important;margin-right:auto!important}
.wp-block-post-content .ub-card.ub-client > p{text-wrap:pretty;max-width:46ch;margin-left:auto!important;margin-right:auto!important}
@media (max-width:781px){
.wp-block-post-content .ub-card.ub-client > .ub-clogo{height:82px!important;margin-bottom:1.15rem!important}
}

/* clients v10 - logos equilibrats opticament: mateixa presencia visual (4-9-2026) */
.wp-block-post-content .ub-card.ub-client > .ub-clogo img{max-width:100%!important;width:auto!important;height:auto!important;object-fit:contain!important}
.wp-block-post-content .ub-card.ub-client > .ub-clogo img[src*="club-tennis-llafranc"]{max-height:87px!important}
.wp-block-post-content .ub-card.ub-client > .ub-clogo img[src*="les-clarisses"]{max-height:71px!important}
.wp-block-post-content .ub-card.ub-client > .ub-clogo img[src*="degust-llafranc"]{max-height:67px!important}
.wp-block-post-content .ub-card.ub-client > .ub-clogo img[src*="azalee-beauty"]{max-height:90px!important}
.wp-block-post-content .ub-card.ub-client > .ub-clogo img[src*="vins-can-mas"]{max-height:65px!important}
.wp-block-post-content .ub-card.ub-client > .ub-clogo img[src*="fruites-salis-serradell"]{max-height:63px!important}
@media (max-width:781px){
.wp-block-post-content .ub-card.ub-client > .ub-clogo img[src*="club-tennis-llafranc"]{max-height:68px!important}
.wp-block-post-content .ub-card.ub-client > .ub-clogo img[src*="les-clarisses"]{max-height:55px!important}
.wp-block-post-content .ub-card.ub-client > .ub-clogo img[src*="degust-llafranc"]{max-height:52px!important}
.wp-block-post-content .ub-card.ub-client > .ub-clogo img[src*="azalee-beauty"]{max-height:70px!important}
.wp-block-post-content .ub-card.ub-client > .ub-clogo img[src*="vins-can-mas"]{max-height:51px!important}
.wp-block-post-content .ub-card.ub-client > .ub-clogo img[src*="fruites-salis-serradell"]{max-height:49px!important}
}

/* xarxes v1 - comptes reals que portem, a /xarxes-socials/ (4-9-2026) */
.wp-block-post-content .ub-ig-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.1rem;margin-top:2.2rem}
.wp-block-post-content .ub-ig-grid .ub-ig-card{display:flex!important;flex-direction:column;align-items:center;text-align:center;gap:.55rem;
 padding:1.5rem 1.1rem 1.35rem;background:#fff;border:1px solid #E6E3DE;border-radius:18px;
 text-decoration:none!important;color:inherit;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}
.wp-block-post-content .ub-ig-grid .ub-ig-card:hover{border-color:rgba(199,65,11,.42);box-shadow:0 14px 34px -20px rgba(17,17,20,.42);transform:translateY(-2px)}
.wp-block-post-content .ub-ig-grid .ub-ig-card:focus-visible{outline:3px solid #C7410B;outline-offset:3px}
.wp-block-post-content .ub-ig-grid .ub-ig-logo{display:flex;align-items:center;justify-content:center;height:64px;width:100%;margin-bottom:.35rem}
.wp-block-post-content .ub-ig-grid .ub-ig-logo img{max-width:100%;width:auto;height:auto;object-fit:contain}
.wp-block-post-content .ub-ig-grid .ub-ig-logo img[src*="club-tennis-llafranc"]{max-height:58px}
.wp-block-post-content .ub-ig-grid .ub-ig-logo img[src*="les-clarisses"]{max-height:47px}
.wp-block-post-content .ub-ig-grid .ub-ig-logo img[src*="degust-llafranc"]{max-height:45px}
.wp-block-post-content .ub-ig-grid .ub-ig-logo img[src*="fruites-salis-serradell"]{max-height:42px}
.wp-block-post-content .ub-ig-grid .ub-ig-n{font-size:1rem;font-weight:600;line-height:1.3;color:#1B1B1F}
.wp-block-post-content .ub-ig-grid .ub-ig-d{font-size:.88rem;line-height:1.45;color:#5F5F68;text-wrap:balance}
.wp-block-post-content .ub-ig-grid .ub-ig-m{margin-top:.15rem;font-size:.74rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:#6F6F73}
.wp-block-post-content .ub-ig-grid .ub-ig-h{display:inline-flex;align-items:center;gap:.4rem;margin-top:.5rem;padding-top:.85rem;border-top:1px solid #EDEAE5;width:100%;justify-content:center;
 font-size:.9rem;font-weight:600;color:#C7410B;word-break:break-all}
.wp-block-post-content .ub-ig-grid .ub-ig-h::before{content:"";flex:0 0 auto;width:16px;height:16px;background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23C7410B%22%20stroke-width%3D%221.7%22%3E%3Crect%20x%3D%223%22%20y%3D%223%22%20width%3D%2218%22%20height%3D%2218%22%20rx%3D%225%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%224%22%2F%3E%3Ccircle%20cx%3D%2217.2%22%20cy%3D%226.8%22%20r%3D%221.1%22%20fill%3D%22%23C7410B%22%20stroke%3D%22none%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat}
.wp-block-post-content .ub-ig-grid .ub-ig-card:hover .ub-ig-h{text-decoration:underline}
@media (max-width:1000px){.wp-block-post-content .ub-ig-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:781px){
.wp-block-post-content .ub-ig-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;margin-top:1.7rem}
.wp-block-post-content .ub-ig-grid .ub-ig-card{padding:1.15rem .8rem 1.1rem;gap:.4rem;border-radius:16px}
.wp-block-post-content .ub-ig-grid .ub-ig-logo{height:52px}
.wp-block-post-content .ub-ig-grid .ub-ig-logo img[src*="club-tennis-llafranc"]{max-height:46px}
.wp-block-post-content .ub-ig-grid .ub-ig-logo img[src*="les-clarisses"]{max-height:38px}
.wp-block-post-content .ub-ig-grid .ub-ig-logo img[src*="degust-llafranc"]{max-height:36px}
.wp-block-post-content .ub-ig-grid .ub-ig-logo img[src*="fruites-salis-serradell"]{max-height:34px}
.wp-block-post-content .ub-ig-grid .ub-ig-n{font-size:.94rem}
.wp-block-post-content .ub-ig-grid .ub-ig-d{font-size:.82rem}
.wp-block-post-content .ub-ig-grid .ub-ig-m{font-size:.7rem}
.wp-block-post-content .ub-ig-grid .ub-ig-h{font-size:.8rem;padding-top:.7rem;gap:.3rem}
.wp-block-post-content .ub-ig-grid .ub-ig-h::before{width:14px;height:14px}
}

/* xarxes v2 - logos en gris com a la resta del web i @ alineats a baix (4-9-2026) */
.wp-block-post-content .ub-ig-grid .ub-ig-logo img{filter:grayscale(1);opacity:.72;transition:filter .25s ease,opacity .25s ease}
.wp-block-post-content .ub-ig-grid .ub-ig-card:hover .ub-ig-logo img{filter:grayscale(0);opacity:1}
@media (hover:none){.wp-block-post-content .ub-ig-grid .ub-ig-logo img{filter:grayscale(0);opacity:.95}}
.wp-block-post-content .ub-ig-grid .ub-ig-h{margin-top:auto!important}

/* xarxes v3 - al mobil, una targeta per fila perque els @ no es parteixin (4-9-2026) */
.wp-block-post-content .ub-ig-grid .ub-ig-h{word-break:normal!important;overflow-wrap:anywhere}
@media (max-width:620px){
.wp-block-post-content .ub-ig-grid{grid-template-columns:1fr!important;gap:.7rem!important}
.wp-block-post-content .ub-ig-grid .ub-ig-card{flex-direction:row!important;align-items:center!important;text-align:left!important;gap:0 1rem!important;padding:1rem 1.1rem!important;flex-wrap:wrap}
.wp-block-post-content .ub-ig-grid .ub-ig-logo{height:56px!important;width:76px!important;flex:0 0 76px!important;margin:0!important}
.wp-block-post-content .ub-ig-grid .ub-ig-logo img{max-height:48px!important}
.wp-block-post-content .ub-ig-grid .ub-ig-n{flex:1 1 auto;font-size:1rem!important;text-align:left}
.wp-block-post-content .ub-ig-grid .ub-ig-d{flex:1 1 100%;margin-left:calc(76px + 1rem);margin-top:-.15rem;font-size:.85rem!important;text-align:left}
.wp-block-post-content .ub-ig-grid .ub-ig-m{flex:1 1 100%;margin-left:calc(76px + 1rem);margin-top:.3rem;text-align:left}
.wp-block-post-content .ub-ig-grid .ub-ig-h{flex:1 1 100%;width:auto!important;margin-left:calc(76px + 1rem);margin-top:.6rem!important;justify-content:flex-start!important;padding-top:.65rem!important;font-size:.86rem!important}
}

/* xarxes v4 - l etiqueta de mode, per sobre dels 12px (4-9-2026) */
.wp-block-post-content .ub-ig-grid .ub-ig-m{font-size:.79rem!important}
@media (max-width:781px){.wp-block-post-content .ub-ig-grid .ub-ig-m{font-size:.78rem!important}}

/* blog v1 - contrast als articles (4-9-2026) */
main.ub-post section.ub-post-head .ub-post-meta,
main.ub-post section.ub-post-head .ub-post-meta .wp-block-post-date,
main.ub-post section.ub-post-head .ub-post-meta .wp-block-post-date time{color:#B4B4B9!important}
main.ub-post section.ub-post-next p.eyebrow{color:#C7410B!important}

/* detalls v1 - objectiu tactil i espai per al globus de WhatsApp (4-9-2026) */
.wp-block-post-content .ub-free-act a.ub-free-wa{display:inline-block!important;padding:.55rem .2rem!important;min-height:24px}
@media (max-width:781px){
.wp-site-blocks > footer{padding-bottom:5.5rem!important}
}


/* detalls v2 — objectius tactils minims (WCAG 2.5.8) */
.wp-block-post-content .ub-fix .ub-fix-cta{min-height:24px!important}
main.ub-post aside.ub-author p a{padding:.16rem 0!important}
.wp-block-post-content .ub-shot-bar span a{padding:.26rem 0!important}

/* sobre nosaltres v7 — foto del local, seccio fosca i fitxa de dades */
.wp-block-post-content .ub-split{gap:3rem!important;margin-top:0!important;align-items:flex-start!important}
.wp-block-post-content .ub-split > .wp-block-column > *:first-child{margin-top:0!important}
.wp-block-post-content .ub-split > .wp-block-column > h2{margin-bottom:1.3rem!important}
.wp-block-post-content .ub-split > .wp-block-column > p{margin-top:1.15rem!important}
.wp-block-post-content figure.ub-foto{margin:0!important}
.wp-block-post-content figure.ub-foto img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;object-position:center;border-radius:16px}
.wp-block-post-content figure.ub-foto figcaption{margin:.7rem 0 0!important;font-size:.85rem;color:var(--ub-muted);text-align:left}
@media (max-width:781px){
 .wp-block-post-content .ub-split{display:flex;flex-direction:column;gap:1.6rem!important}
 
 .wp-block-post-content figure.ub-foto img{aspect-ratio:3/2}
}
.wp-block-post-content > section.ub-dark{background:var(--ub-black);color:#fff}
.wp-block-post-content section.ub-dark h2{color:#fff}
.wp-block-post-content section.ub-dark p.eyebrow{color:var(--ub-orange)!important}
.wp-block-post-content section.ub-dark p{color:rgba(255,255,255,.8)}
.wp-block-post-content section.ub-dark p strong{color:#fff}
.wp-block-post-content section.ub-dark .wp-block-button.is-style-outline > a.wp-block-button__link{color:#fff!important;border-color:rgba(255,255,255,.55)!important;background:transparent!important}
.wp-block-post-content dl.ub-facts{margin:1.7rem 0 0!important;padding:0!important;max-width:none!important}
.wp-block-post-content dl.ub-facts > div{display:grid;grid-template-columns:11.5rem 1fr;gap:1.2rem;padding:1.05rem 0;border-top:1px solid #e0ddd8}
.wp-block-post-content dl.ub-facts > div:last-child{border-bottom:1px solid #e0ddd8}
.wp-block-post-content dl.ub-facts dt{margin:0;font-size:.76rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--ub-muted);padding-top:.2rem}
.wp-block-post-content dl.ub-facts dd{margin:0;font-size:1rem;line-height:1.55;color:var(--ub-text)}
@media (max-width:781px){.wp-block-post-content dl.ub-facts > div{grid-template-columns:1fr;gap:.3rem;padding:.95rem 0}}

/* sobre nosaltres v10 — retrat de l'equip enganxat a la foto del local */
.wp-block-post-content .ub-fotos{position:relative;margin:0!important;padding-bottom:3.6rem}
.wp-block-post-content .ub-fotos figure.ub-foto{margin:0!important}
.wp-block-post-content .ub-fotos figure.ub-retrat{position:absolute;right:1.4rem;bottom:0;width:46%;margin:0!important}
.wp-block-post-content .ub-fotos figure.ub-retrat img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:12px;border:5px solid var(--ub-gray);box-shadow:0 10px 26px rgba(17,17,20,.16)}
.wp-block-post-content .ub-fotos figure.ub-foto figcaption{position:absolute;left:0;bottom:.9rem;margin:0!important;text-align:left;max-width:48%;font-size:.8rem;line-height:1.35}
@media (max-width:781px){
 .wp-block-post-content .ub-fotos{padding-bottom:0}
 .wp-block-post-content .ub-fotos figure.ub-retrat{position:static;width:58%;margin:.75rem 0 0 auto!important}
 .wp-block-post-content .ub-fotos figure.ub-retrat img{border:0;border-radius:12px;box-shadow:none;aspect-ratio:3/2}
 .wp-block-post-content .ub-fotos figure.ub-foto figcaption{position:static;text-align:left;max-width:none;margin:.6rem 0 0!important;font-size:.82rem}
}

/* sobre nosaltres v18 — seccio equip en clar */
.wp-block-post-content > section.ub-light{background:#fff}

/* sobre nosaltres v23 — apartat equip amb fotos a l'esquerra (mirall de la historia) */
body.page-id-1466 .wp-block-post-content .ub-fotos-inv figure.ub-retrat,body.page-id-1467 .wp-block-post-content .ub-fotos-inv figure.ub-retrat{right:auto;left:1.4rem}
body.page-id-1466 .wp-block-post-content section.ub-light .ub-split,body.page-id-1467 .wp-block-post-content section.ub-light .ub-split{margin-top:0!important}
@media (max-width:781px){
body.page-id-1466 .wp-block-post-content section.ub-light .ub-split > .wp-block-column:first-child,body.page-id-1467 .wp-block-post-content section.ub-light .ub-split > .wp-block-column:first-child{order:2}
body.page-id-1466 .wp-block-post-content section.ub-light .ub-split > .wp-block-column:last-child,body.page-id-1467 .wp-block-post-content section.ub-light .ub-split > .wp-block-column:last-child{order:1}
body.page-id-1466 .wp-block-post-content .ub-fotos-inv figure.ub-retrat,body.page-id-1467 .wp-block-post-content .ub-fotos-inv figure.ub-retrat{margin:.75rem auto 0 0!important}
}

/* sobre nosaltres v24 — una foto per seccio + tira de logotips */
body.page-id-1466 .wp-block-post-content #historia .ub-fotos,body.page-id-1467 .wp-block-post-content #historia .ub-fotos{padding-bottom:0!important}
body.page-id-1466 .wp-block-post-content #historia .ub-fotos figure.ub-foto figcaption,body.page-id-1467 .wp-block-post-content #historia .ub-fotos figure.ub-foto figcaption{position:static!important;text-align:left!important;max-width:none!important;margin:.7rem 0 0!important;font-size:.82rem}
body.page-id-1466 .wp-block-post-content figure.ub-foto-equip,body.page-id-1467 .wp-block-post-content figure.ub-foto-equip{margin:0!important}
body.page-id-1466 .wp-block-post-content figure.ub-foto-equip img,body.page-id-1467 .wp-block-post-content figure.ub-foto-equip img{display:block;width:100%;max-width:340px;aspect-ratio:3/2;object-fit:cover;object-position:center;border-radius:14px}
body.page-id-1466 .wp-block-post-content .ub-logos,body.page-id-1467 .wp-block-post-content .ub-logos{margin-top:3.2rem;padding-top:1.9rem;border-top:1px solid #e6e3de}
body.page-id-1466 .wp-block-post-content p.ub-logos-t,body.page-id-1467 .wp-block-post-content p.ub-logos-t{font-size:.72rem!important;letter-spacing:.16em!important;text-transform:uppercase!important;font-weight:700!important;color:#6a6a74!important;margin:0 0 1.5rem!important}
body.page-id-1466 .wp-block-post-content ul.ub-logos-track,body.page-id-1467 .wp-block-post-content ul.ub-logos-track{display:flex!important;flex-wrap:wrap;align-items:center;gap:1.9rem 2.9rem;list-style:none!important;margin:0!important;padding:0!important}
body.page-id-1466 .wp-block-post-content ul.ub-logos-track > li,body.page-id-1467 .wp-block-post-content ul.ub-logos-track > li{margin:0!important;padding:0!important;flex:0 0 auto}
body.page-id-1466 .wp-block-post-content .ub-logos-track img,body.page-id-1467 .wp-block-post-content .ub-logos-track img{height:38px;width:auto;max-width:none;display:block;filter:grayscale(1);opacity:.7}
body.page-id-1466 .wp-block-post-content .ub-logos-track img[src*="club-tennis"],body.page-id-1467 .wp-block-post-content .ub-logos-track img[src*="club-tennis"]{height:44px}
body.page-id-1466 .wp-block-post-content .ub-logos-track img[src*="les-clarisses"],body.page-id-1467 .wp-block-post-content .ub-logos-track img[src*="les-clarisses"]{height:40px}
body.page-id-1466 .wp-block-post-content .ub-logos-track img[src*="degust"],body.page-id-1467 .wp-block-post-content .ub-logos-track img[src*="degust"]{height:40px}
body.page-id-1466 .wp-block-post-content .ub-logos-track img[src*="azalee"],body.page-id-1467 .wp-block-post-content .ub-logos-track img[src*="azalee"]{height:30px}
body.page-id-1466 .wp-block-post-content .ub-logos-track img[src*="vins-can-mas"],body.page-id-1467 .wp-block-post-content .ub-logos-track img[src*="vins-can-mas"]{height:52px}
body.page-id-1466 .wp-block-post-content .ub-logos-track img[src*="fruites"],body.page-id-1467 .wp-block-post-content .ub-logos-track img[src*="fruites"]{height:48px}
body.page-id-1466 .wp-block-post-content .ub-logos-track img[src*="full-experience"],body.page-id-1467 .wp-block-post-content .ub-logos-track img[src*="full-experience"]{height:46px}
@media (max-width:781px){
body.page-id-1466 .wp-block-post-content figure.ub-foto-equip img,body.page-id-1467 .wp-block-post-content figure.ub-foto-equip img{aspect-ratio:3/2;max-width:260px}
body.page-id-1466 .wp-block-post-content ul.ub-logos-track,body.page-id-1467 .wp-block-post-content ul.ub-logos-track{gap:1.5rem 2.1rem}
body.page-id-1466 .wp-block-post-content .ub-logos-track img,body.page-id-1467 .wp-block-post-content .ub-logos-track img{height:30px!important}
body.page-id-1466 .wp-block-post-content .ub-logos-track img[src*="azalee"],body.page-id-1467 .wp-block-post-content .ub-logos-track img[src*="azalee"]{height:24px!important}
body.page-id-1466 .wp-block-post-content .ub-logos-track img[src*="vins-can-mas"],body.page-id-1467 .wp-block-post-content .ub-logos-track img[src*="vins-can-mas"]{height:40px!important}
body.page-id-1466 .wp-block-post-content .ub-logos-track img[src*="fruites"],body.page-id-1467 .wp-block-post-content .ub-logos-track img[src*="fruites"]{height:38px!important}
}

/* sobre nosaltres v25 — foto de l'equip mes discreta */


/* sobre nosaltres v26 — retocs mobil: foto de l'equip fora i logotips en graella */
@media (max-width:781px){

body.page-id-1466 .wp-block-post-content ul.ub-logos-track,body.page-id-1467 .wp-block-post-content ul.ub-logos-track{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;justify-items:center;align-items:center;gap:1.7rem 1rem}
body.page-id-1466 .wp-block-post-content ul.ub-logos-track > li:last-child,body.page-id-1467 .wp-block-post-content ul.ub-logos-track > li:last-child{grid-column:1 / -1}
body.page-id-1466 .wp-block-post-content .ub-logos,body.page-id-1467 .wp-block-post-content .ub-logos{margin-top:2.4rem;padding-top:1.6rem}
}

/* sobre nosaltres v30 — retrat alineat amb la foto quan la columna es mes ampla que el contingut */
@media (max-width:781px){
body.page-id-1466 .wp-block-post-content .ub-fotos figure.ub-retrat,body.page-id-1467 .wp-block-post-content .ub-fotos figure.ub-retrat{margin:.75rem calc(100% - min(100%, var(--wp--style--global--content-size, 100%))) 0 auto!important}
}

/* sobre nosaltres v35 — foto de classe a la historia */
body.page-id-1466 .wp-block-post-content figure.ub-foto-hist,body.page-id-1467 .wp-block-post-content figure.ub-foto-hist{margin:0!important}
body.page-id-1466 .wp-block-post-content figure.ub-foto-hist img,body.page-id-1467 .wp-block-post-content figure.ub-foto-hist img{display:block;width:100%;aspect-ratio:3/2;object-fit:cover;object-position:center;border-radius:16px}
@media (max-width:781px){
body.page-id-1466 .wp-block-post-content figure.ub-foto-hist,body.page-id-1467 .wp-block-post-content figure.ub-foto-hist{margin-top:1.9rem!important}
}

/* sobre nosaltres v43 — retocs mobil: banner amb aire, retrat superposat, boto auto, logotips en cinta */
body.page-id-1466 .wp-block-post-content .ub-logos-vp,body.page-id-1467 .wp-block-post-content .ub-logos-vp{display:flex}
body.page-id-1466 .wp-block-post-content ul.ub-logos-track[aria-hidden="true"],body.page-id-1467 .wp-block-post-content ul.ub-logos-track[aria-hidden="true"]{display:none!important}
@media (max-width:781px){
body.page-id-1466 .wp-block-post-content > section#cover,body.page-id-1467 .wp-block-post-content > section#cover{padding-top:4.6rem!important;padding-bottom:4.4rem!important}
body.page-id-1466 .wp-block-post-content #cover p.eyebrow,body.page-id-1467 .wp-block-post-content #cover p.eyebrow{margin-bottom:1.15rem!important}
body.page-id-1466 .wp-block-post-content #cover h1,body.page-id-1467 .wp-block-post-content #cover h1{line-height:1.16!important}
body.page-id-1466 .wp-block-post-content #cover h1 + p, #cover p:not(.eyebrow),body.page-id-1467 .wp-block-post-content #cover h1 + p, #cover p:not(.eyebrow){margin-top:1.3rem!important;font-size:1.02rem!important;line-height:1.6!important}
body.page-id-1466 .wp-block-post-content #historia p:not(.eyebrow),body.page-id-1467 .wp-block-post-content #historia p:not(.eyebrow){margin-top:1.15rem!important}
body.page-id-1466 .wp-block-post-content .ub-fotos,body.page-id-1467 .wp-block-post-content .ub-fotos{padding-bottom:3.2rem!important;position:relative}
body.page-id-1466 .wp-block-post-content .ub-fotos figure.ub-retrat,body.page-id-1467 .wp-block-post-content .ub-fotos figure.ub-retrat{position:absolute!important;right:calc(1rem + 100% - min(100%, var(--wp--style--global--content-size, 100%)))!important;bottom:0!important;left:auto!important;top:auto!important;width:46%!important;margin:0!important}
body.page-id-1466 .wp-block-post-content .ub-fotos figure.ub-retrat img,body.page-id-1467 .wp-block-post-content .ub-fotos figure.ub-retrat img{aspect-ratio:4/3!important;border:5px solid #fff!important;border-radius:12px!important;box-shadow:0 10px 26px rgba(17,17,20,.18)!important}
body.page-id-1466 .wp-block-post-content .ub-fotos figure.ub-foto figcaption,body.page-id-1467 .wp-block-post-content .ub-fotos figure.ub-foto figcaption{position:absolute!important;left:0!important;right:auto!important;bottom:.8rem!important;text-align:left!important;max-width:54%!important;margin:0!important;font-size:.7rem!important;line-height:1.3!important}
body.page-id-1466 .wp-block-post-content section.ub-light .wp-block-buttons,body.page-id-1467 .wp-block-post-content section.ub-light .wp-block-buttons{justify-content:flex-start}
body.page-id-1466 .wp-block-post-content section.ub-light .wp-block-button,body.page-id-1467 .wp-block-post-content section.ub-light .wp-block-button{width:auto!important;max-width:none!important}
body.page-id-1466 .wp-block-post-content section.ub-light .wp-block-button__link,body.page-id-1467 .wp-block-post-content section.ub-light .wp-block-button__link{width:auto!important;display:inline-block!important;padding-left:1.7rem!important;padding-right:1.7rem!important}
body.page-id-1466 .wp-block-post-content .ub-logos-vp,body.page-id-1467 .wp-block-post-content .ub-logos-vp{display:flex;overflow:hidden;gap:2.2rem;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
body.page-id-1466 .wp-block-post-content ul.ub-logos-track,body.page-id-1467 .wp-block-post-content ul.ub-logos-track{display:flex!important;flex-wrap:nowrap!important;align-items:center;gap:2.2rem!important;flex:0 0 auto;animation:ubLogosCinta 26s linear infinite}
body.page-id-1466 .wp-block-post-content ul.ub-logos-track[aria-hidden="true"],body.page-id-1467 .wp-block-post-content ul.ub-logos-track[aria-hidden="true"]{display:flex!important}
body.page-id-1466 .wp-block-post-content .ub-logos-track img,body.page-id-1467 .wp-block-post-content .ub-logos-track img{height:30px!important}
body.page-id-1466 .wp-block-post-content .ub-logos-track img[src*="azalee"],body.page-id-1467 .wp-block-post-content .ub-logos-track img[src*="azalee"]{height:24px!important}
body.page-id-1466 .wp-block-post-content .ub-logos-track img[src*="vins-can-mas"],body.page-id-1467 .wp-block-post-content .ub-logos-track img[src*="vins-can-mas"]{height:40px!important}
body.page-id-1466 .wp-block-post-content .ub-logos-track img[src*="fruites"],body.page-id-1467 .wp-block-post-content .ub-logos-track img[src*="fruites"]{height:38px!important}
}
@keyframes ubLogosCinta{from{transform:translateX(0)}to{transform:translateX(calc(-100% - 2.2rem))}}
@media (prefers-reduced-motion:reduce){
body.page-id-1466 .wp-block-post-content ul.ub-logos-track,body.page-id-1467 .wp-block-post-content ul.ub-logos-track{animation:none!important}
body.page-id-1466 .wp-block-post-content .ub-logos-vp,body.page-id-1467 .wp-block-post-content .ub-logos-vp{overflow-x:auto}
}

/* sobre nosaltres v45 — boto sota els logotips i mes petit; paragrafs sense linies orfes */
body.page-id-1466 .wp-block-post-content section.ub-light .ub-logos + .wp-block-buttons,body.page-id-1467 .wp-block-post-content section.ub-light .ub-logos + .wp-block-buttons{margin-top:1.9rem!important}
body.page-id-1466 .wp-block-post-content section.ub-light .wp-block-button__link,body.page-id-1467 .wp-block-post-content section.ub-light .wp-block-button__link{font-size:.86rem!important;padding:.62rem 1.35rem!important;width:auto!important;display:inline-block!important}
body.page-id-1466 .wp-block-post-content #historia p:not(.eyebrow), section.ub-light p:not(.eyebrow),body.page-id-1467 .wp-block-post-content #historia p:not(.eyebrow), section.ub-light p:not(.eyebrow){text-wrap:pretty}
@media (max-width:781px){
body.page-id-1466 .wp-block-post-content section.ub-light .ub-logos + .wp-block-buttons,body.page-id-1467 .wp-block-post-content section.ub-light .ub-logos + .wp-block-buttons{margin-top:1.6rem!important}
body.page-id-1466 .wp-block-post-content section.ub-light .wp-block-button__link,body.page-id-1467 .wp-block-post-content section.ub-light .wp-block-button__link{font-size:.84rem!important;padding:.6rem 1.25rem!important}
}

/* clients v46 — logotips de client centrats dins de la targeta
   (la regla de clients v10 posa width:100% pero margin:0 0 1.3rem, i amb el max-width:290px
   de home v24 la caixa quedava enganxada a l'esquerra) */
.wp-block-post-content .ub-card.ub-client > .ub-clogo{margin-left:auto!important;margin-right:auto!important}

/* v48 blog toc: textos llargs fan salt de línia */
.ub-post .ub-toc li,.ub-post .ub-toc a{white-space:normal!important;overflow-wrap:break-word}

/* v49 logotips en gris també al mòbil (abans en color a pantalles tàctils) */
@media (hover:none){
#clients .ub-card .ub-clogo img,#clientes .ub-card .ub-clogo img,#llista-clients .ub-card .ub-clogo img,
#clients .ub-card:hover .ub-clogo img,#clientes .ub-card:hover .ub-clogo img,#llista-clients .ub-card:hover .ub-clogo img,
.ub-card:hover .ub-clogo img,.ub-client:hover .ub-clogo img{filter:grayscale(1)!important;opacity:.72!important}
.ub-lgrid img{filter:grayscale(1)!important;opacity:.72}
.wp-block-post-content .ub-ig-grid .ub-ig-logo img,.wp-block-post-content .ub-ig-grid .ub-ig-card:hover .ub-ig-logo img{filter:grayscale(1)!important;opacity:.72}
}
body.home section#cover .ub-proof-track img.ub-proof-fss{filter:grayscale(1) brightness(1.45)!important;opacity:.78!important}

/* v50 diagnòstic: com funciona en tres passos, sense caixes */
.wp-block-post-content .ub-proc{list-style:none;margin:2.4rem 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2.75rem}
.wp-block-post-content .ub-proc li{margin:0;padding:1.3rem 0 0;border-top:1px solid rgba(26,26,26,.16)}
.wp-block-post-content .ub-proc .ub-proc-n{display:block;margin:0 0 .75rem;font-size:.82rem;font-weight:700;letter-spacing:.06em;color:var(--ub-orange-deep,#C7410B)}
.wp-block-post-content .ub-proc h3{margin:0 0 .5rem;font-size:1.25rem;line-height:1.25}
.wp-block-post-content .ub-proc p{margin:0;font-size:1rem;line-height:1.55;color:#555;text-wrap:pretty}
@media (max-width:781px){.wp-block-post-content .ub-proc{grid-template-columns:1fr;gap:1.7rem;margin-top:1.7rem}.wp-block-post-content .ub-proc li{padding-top:1.05rem}.wp-block-post-content .ub-proc h3{font-size:1.15rem}}
.wp-block-post-content .ub-proc h3{border-top:0!important;padding-top:0!important}

/* v51 desenvolupament web: targetes de projectes al mòbil, més aire */
.wp-block-post-content .ub-proc + .ub-mob-cta{margin-top:2.2rem}
@media (max-width:600px){
.wp-block-post-content .ub-works .ub-shot-b{display:none!important}
.wp-block-post-content .ub-works .ub-shot-bar{padding:.45rem .65rem!important;min-height:0!important;height:auto!important;gap:.3rem}
.wp-block-post-content .ub-works .ub-shot-bar span{font-size:.72rem!important;padding:.18rem .65rem!important}
.wp-block-post-content .ub-works .ub-work-txt h3{font-size:1.15rem!important;line-height:1.3!important;display:flex;flex-wrap:wrap;align-items:center;gap:.35rem .55rem}
.wp-block-post-content .ub-works .ub-work-badge{font-size:.62rem!important;padding:.22rem .55rem!important;margin:0!important;letter-spacing:.06em}
.wp-block-post-content .ub-works .ub-work-txt p{font-size:.95rem!important;line-height:1.5!important}
}

/* v52 xarxes socials: dues maneres (panells) i comptes amb etiqueta discreta */
.wp-block-post-content .ub-modes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem;margin-top:2.2rem}
.wp-block-post-content .ub-mode{display:flex;flex-direction:column;padding:2.3rem 2.3rem 2.1rem;border-radius:20px;background:#fff;border:1px solid #E6E3DE;color:#1b1b1f}
.wp-block-post-content .ub-mode.ub-mode-dark{background:#141416;border-color:#141416;color:#fff}
.wp-block-post-content .ub-mode .ub-mode-k{margin:0 0 .85rem;font-size:.74rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#C7410B}
.wp-block-post-content .ub-mode.ub-mode-dark .ub-mode-k{color:#F2875A}
.wp-block-post-content .ub-mode h3{margin:0 0 .45rem!important;padding-top:0!important;border-top:0!important;font-size:1.6rem;line-height:1.2;color:inherit}
.wp-block-post-content .ub-mode .ub-mode-d{margin:0 0 1.5rem;font-size:1rem;line-height:1.5;color:#555}
.wp-block-post-content .ub-mode.ub-mode-dark .ub-mode-d{color:rgba(255,255,255,.74)}
.wp-block-post-content .ub-mode ul{list-style:none;margin:0 0 2rem;padding:0;border-top:1px solid #E6E3DE}
.wp-block-post-content .ub-mode li{margin:0;padding:.78rem 0;border-bottom:1px solid #E6E3DE;font-size:.98rem;line-height:1.4}
.wp-block-post-content .ub-mode.ub-mode-dark ul,.wp-block-post-content .ub-mode.ub-mode-dark li{border-color:rgba(255,255,255,.14)}
.wp-block-post-content .ub-mode li::before,.wp-block-post-content .ub-mode li::marker{content:none}
.wp-block-post-content .ub-mode .ub-mode-btn{margin-top:auto;align-self:flex-start;display:inline-flex;align-items:center;min-height:46px;padding:.7rem 1.45rem;border-radius:999px;border:1.5px solid #C7410B;color:#C7410B;font-weight:600;font-size:.95rem;text-decoration:none!important;transition:background .18s ease,color .18s ease}
.wp-block-post-content .ub-mode .ub-mode-btn:hover{background:#C7410B;color:#fff}
.wp-block-post-content .ub-mode.ub-mode-dark .ub-mode-btn{background:#C7410B;color:#fff}
.wp-block-post-content .ub-mode.ub-mode-dark .ub-mode-btn:hover{filter:brightness(1.08)}
@media (max-width:781px){.wp-block-post-content .ub-modes{grid-template-columns:1fr;gap:1rem;margin-top:1.6rem}.wp-block-post-content .ub-mode{padding:1.6rem 1.35rem 1.5rem;border-radius:16px}.wp-block-post-content .ub-mode h3{font-size:1.3rem}.wp-block-post-content .ub-mode ul{margin-bottom:1.5rem}.wp-block-post-content .ub-mode .ub-mode-btn{align-self:stretch;justify-content:center}}
.wp-block-post-content .ub-ig-grid .ub-ig-m{font-size:.7rem!important;font-weight:500!important;letter-spacing:.01em!important;text-transform:none!important;color:#6b6762!important;background:none!important;padding:0!important;border:0!important}
@media (min-width:1100px){.wp-block-post-content .ub-ig-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important}}
@media (min-width:782px) and (max-width:1099px){.wp-block-post-content .ub-ig-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media (min-width:1100px){.wp-block-post-content .ub-ig-grid{gap:.9rem!important}.wp-block-post-content .ub-ig-grid .ub-ig-card{padding-left:.8rem!important;padding-right:.8rem!important}.wp-block-post-content .ub-ig-grid .ub-ig-h{font-size:.8rem!important;white-space:nowrap;gap:.3rem!important}}
.wp-block-post-content .ub-mode .ub-mode-btn{box-sizing:border-box}

/* v52b comptes al mòbil: logotip més gran */
@media (max-width:620px){.wp-block-post-content .ub-ig-grid .ub-ig-card{column-gap:.9rem!important;padding:1rem 1rem!important}.wp-block-post-content .ub-ig-grid .ub-ig-logo{width:96px!important;flex:0 0 96px!important;height:60px!important}.wp-block-post-content .ub-ig-grid .ub-ig-logo img{max-height:56px!important;max-width:96px!important}.wp-block-post-content .ub-ig-grid .ub-ig-d,.wp-block-post-content .ub-ig-grid .ub-ig-m,.wp-block-post-content .ub-ig-grid .ub-ig-h{margin-left:calc(96px + .9rem)!important}.wp-block-post-content #perfils > p,.wp-block-post-content #perfiles > p{text-wrap:pretty}}