.elementor-309 .elementor-element.elementor-element-03332a7{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0rem;--padding-bottom:0rem;--padding-left:0rem;--padding-right:0rem;}.elementor-309 .elementor-element.elementor-element-0043fab{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:1.5rem 1.5rem;--row-gap:1.5rem;--column-gap:1.5rem;--padding-top:4.5rem;--padding-bottom:4.5rem;--padding-left:2rem;--padding-right:2rem;}.elementor-309 .elementor-element.elementor-element-0043fab:not(.elementor-motion-effects-element-type-background), .elementor-309 .elementor-element.elementor-element-0043fab > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-fmebg2 );}.elementor-309 .elementor-element.elementor-element-51862c5{--grid-columns:1;--grid-row-gap:0px;--grid-column-gap:0px;}.elementor-309 .elementor-element.elementor-element-6814d4c{--grid-columns:1;--grid-row-gap:0px;--grid-column-gap:0px;}.elementor-309 .elementor-element.elementor-element-ec5bb9c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:1.5rem 1.5rem;--row-gap:1.5rem;--column-gap:1.5rem;--padding-top:4.5rem;--padding-bottom:4.5rem;--padding-left:2rem;--padding-right:2rem;}@media(max-width:1023px){.elementor-309 .elementor-element.elementor-element-51862c5{--grid-columns:1;}.elementor-309 .elementor-element.elementor-element-6814d4c{--grid-columns:1;}}@media(max-width:767px){.elementor-309 .elementor-element.elementor-element-0043fab{--padding-top:3rem;--padding-bottom:3rem;--padding-left:1rem;--padding-right:1rem;}.elementor-309 .elementor-element.elementor-element-51862c5{--grid-columns:1;}.elementor-309 .elementor-element.elementor-element-6814d4c{--grid-columns:1;}.elementor-309 .elementor-element.elementor-element-ec5bb9c{--padding-top:3rem;--padding-bottom:3rem;--padding-left:1rem;--padding-right:1rem;}}/* Start custom CSS *//* =====================================================================
   INICI · components propis de la pàgina (Fase 1)
   Tokens del sistema, cantonades rectes i mode fosc. Es porta a WordPress.
   ===================================================================== */

/* Blau dels títols i textos nous: navy en clar; en fosc, el blau d'enllaç (contrast AA) */
.aims,.paths{ --idx-navy:var(--c-primary); }
@media (prefers-color-scheme: dark){ :root:not([data-theme="light"]) :is(.aims,.paths){ --idx-navy:var(--c-link); } }
:root[data-theme="dark"] :is(.aims,.paths){ --idx-navy:var(--c-link); }

/* Hero: tres paràgrafs seguits (Ramon §1), amb menys aire entre ells que entre blocs */
.hero__text p + p{ margin-top:calc(-1 * var(--s-3)); }

/* Què fem: les 4 finalitats amb el format de la imatge de Ramon (§3).
   Títol + filet + text, centrats; la 1a, vermella. Amb subgrid, els filets queden alineats per fila. */
.aims{ display:grid; grid-template-columns:1fr; gap:var(--s-4); }
.aim{ display:grid; grid-template-rows:auto 1fr; grid-template-rows:subgrid; grid-row:span 2; gap:var(--s-4); padding:var(--s-6) var(--s-5); background:var(--c-surface); border:1px solid var(--c-line); color:var(--idx-navy); text-align:center; }
.aim h3{ display:flex; align-items:center; justify-content:center; padding-bottom:var(--s-4); border-bottom:1px solid currentColor; font-size:var(--fs-3); color:inherit; }
.aim p{ max-width:none; color:inherit; }
/* 1a fitxa: vermell de marca constant (també en mode fosc; text blanc 4,8:1) */
.aim--accent{ background:var(--fme-red); border-color:var(--fme-red); color:#fff; }
@media (min-width:48em){ .aims{ grid-template-columns:1fr 1fr; } }
@media (min-width:64em){ .aims{ grid-template-columns:repeat(4,1fr); } }

/* Com pots col·laborar: 2 grups de botons enllaçats (format de la imatge de Ramon, §4) */
.paths{ display:grid; gap:var(--s-6); }
.paths__group{ display:grid; grid-template-rows:auto 1fr; gap:var(--s-4); }
.paths__group h3{ padding-bottom:var(--s-3); border-bottom:2px solid var(--idx-navy); color:var(--idx-navy); font-size:var(--fs-3); text-align:center; }
/* 2n grup: #4A5A73 en clar (7:1); en fosc, el text secundari del tema */
.paths__group--slate h3{ color:var(--c-ink-2); border-bottom-color:var(--c-ink-2); }
.paths__btns{ display:grid; gap:var(--s-3); }
.paths__btns .btn{ text-align:center; padding-inline:var(--s-4); }
@media (min-width:48em){ .paths__btns{ grid-auto-flow:column; grid-auto-columns:minmax(0,1fr); } }
@media (min-width:64em){ .paths{ grid-template-columns:minmax(0,3fr) minmax(0,2fr); column-gap:var(--s-6); } }

/* Actualitat a una columna: en tauleta la destacada s'apila, perquè una imatge amb text
   (el cartell de la Champions) no quedi retallada pels costats */
@media (min-width:48em) and (max-width:63.99em){
  .news-layout--solo .news__feat{ grid-template-columns:1fr; }
  .news-layout--solo .news__feat img{ height:auto; aspect-ratio:16/9; }
}
/* A 320 px amb «Text més gran», «modernització» no cabia a la columna de text de la fila i
   eixamplava la llista 2 px fora de la pantalla: la columna pot encongir i la paraula es parteix */
.news__item > div{ min-width:0; overflow-wrap:break-word; }/* End custom CSS */