/* Landings (Crea el teu pla, PT Group, Seguiment en línia): el format original de les landings de Netlify
   (franja lateral, titulars grans, targetes, tiquet, tancament) en la seva versió fosca, adaptat a la marca:
   antracita, gold, blanc i Acid Grotesk. Aquí només es redefineixen variables i l'encaix amb la capçalera del club;
   el disseny dels components és el de services/<landing>.css. */
.ut-service-page{background:#23282A}
.ut-service-page .elementor-location-header{position:absolute;inset:0 0 auto;z-index:1000;width:100%;background:transparent!important}
.ut-service-page .elementor-location-header .elementor-element-87d52df{position:relative!important;background:transparent!important;top:auto!important;left:auto!important;--margin-top:0px;--margin-bottom:0px}

.ut-service,
.ut-service[data-theme]{
  --bg:#23282A!important;          /* fons de pàgina: antracita de marca */
  --soft:#2C3234!important;        /* targetes i blocs */
  --paper:#30373A!important;       /* superfícies elevades (tiquet, preus) */
  --line:#40484B!important;        /* vores fines */
  --ink:#FFFFFF!important;
  --muted:#B9BFC2!important;
  --yellow:#F6D018!important;      /* gold de marca */
  --on-yellow:#23282A!important;
  --warn-bg:#3A3410!important;--warn-ink:#FFE27A!important;
  --display:"Acid Grotesk",Arial,sans-serif!important;
  --body:"Acid Grotesk",Arial,sans-serif!important;
  --mono:"Acid Grotesk",Arial,sans-serif!important;
  color-scheme:dark;
  background:var(--bg);color:var(--ink);font-family:var(--body);
}
/* La capçalera del club (amb el logo) se superposa a la portada de la landing. */
.ut-service > header.wrap{max-width:none;padding-top:clamp(150px,18vw,230px)!important;background:var(--bg)}
.ut-service .wrap{max-width:1240px}
/* Els estils globals de WordPress pinten els titulars i paràgrafs d'antracita; aquí hereten el color del bloc. */
.ut-service :where(h1,h2,h3,h4,h5,h6,p,li,blockquote,figcaption){color:inherit}
/* ── Tipografia: el disseny original estava pensat per a una lletra 800-900 eixamplada (Archivo).
   Acid Grotesk només té pes regular: sense negretes artificials ni eixamplament, interlineat una mica
   més obert i espaiat lleugerament negatiu als titulars, com a la guia de marca. ── */
.ut-service,.ut-service *{font-weight:400!important;font-stretch:normal!important;font-synthesis:none}
.ut-service :is(h1,h2,h3){letter-spacing:-.02em}
/* Titular de portada */
.ut-service .hero h1{font-size:clamp(42px,6.4vw,88px)!important;line-height:1!important;letter-spacing:-.03em!important}
.ut-service .hero h1 span{color:var(--muted)}
/* Titulars de secció i de tancament */
.ut-service :is(.sec-head h2,.prog-head h2,.final h2,.strength h3,.contact h2){font-size:clamp(32px,4.4vw,58px)!important;line-height:1.04!important;letter-spacing:-.025em!important}
.ut-service .prog-head h2{font-size:clamp(40px,6vw,76px)!important;line-height:1!important}
/* Subtítols i titulars de targeta */
.ut-service :is(.card h3,.opt h3,.step h3,.step-h h3,.pains h3,.finder h2,.subhead,.contact-in h2){line-height:1.12!important;letter-spacing:-.015em!important}
.ut-service :is(.pick q,.howsteps b,.trio b,.sample b){font-size:20px!important;line-height:1.2!important;letter-spacing:-.01em}
/* Frases destacades */
.ut-service :is(.quote,.pains-close,.principle,.prog-head .tagline,.pains .close){line-height:1.3!important;letter-spacing:-.01em}
/* Xifres grans (preus i telèfon): compactes */
.ut-service :is(.big,.big50,.ticket .t-price,.card .price,.offer-total .p,.hero-prices b,.opt .p,td.price,.mc em,.phone){letter-spacing:-.03em!important;line-height:1}
.ut-service :is(.ticket .t-price,.offer-total .p){font-size:56px!important}
.ut-service .card .price{font-size:40px!important}
/* Etiquetes petites (abans mono): majúscules espaiades; les de secció, en gold */
.ut-service :is(.eyebrow,.k,.t-name,.where,.rh,.badge,.n,.tag,.prog-head h2 small,.card h3 span,.receipt h3,.service-label){text-transform:uppercase;letter-spacing:.18em!important;font-size:12px!important}
.ut-service .eyebrow{color:var(--yellow)}
.ut-service :is(.step .n,.step-h .n,.howsteps li,.steps li)::before{letter-spacing:.1em}
/* Botons */
.ut-service :is(.btn,.mbar a){letter-spacing:.01em}

/* El kit global d'Elementor pinta tots els botons de blanc (.elementor-kit-6 button); es restauren els fons
   originals dels components de la landing. */
.ut-service button{color:inherit}
.ut-service button.opt,.ut-service button.fo{background-color:var(--bg)}
.ut-service button.pick,.ut-service button.chip{background-color:var(--soft)}
.ut-service button.pick[aria-pressed="true"]{background-color:var(--yellow)}
.ut-service button.chip[aria-pressed="true"],.ut-service .warn button{background-color:var(--ink)}
.ut-service button.xbtn{background:none}
/* El tancament s'inverteix (bloc clar sobre fons fosc): l'etiqueta va en gris fosc perquè es llegeixi. */
.ut-service .final .eyebrow{color:#5C6366}
.ut-service [hidden]{display:none!important}
.ut-service [id]{scroll-margin-top:24px}
.ut-service .contact::backdrop{background:#000000B3}
.ut-service-page .joinchat{bottom:80px}
@media(max-width:900px){
 .ut-service > header.wrap{padding-top:120px!important}
 .ut-service-page{padding-bottom:76px}
}
@media(prefers-reduced-motion:reduce){.ut-service *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}