.elementor-317 .elementor-element.elementor-element-f821455{--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;}/* Start custom CSS *//* =====================================================================
   SERVEIS (serveis.html) · estils propis de la pàgina
   Mateixos tokens de fme.css, cantonades rectes i mode fosc. Es porten a WordPress.
   ===================================================================== */

/* Convenis: 3 targetes enllaçades (imatge + títol) que porten al text de cada conveni.
   3 columnes des de 40em; en mòbil, 1 columna amb la imatge retallada a 4:3 per dalt
   (logotip i rètol de la imatge) perquè les 3 targetes no facin més de 1.500 px. */
.convenis{ display:grid; grid-template-columns:minmax(0,1fr); gap:var(--s-5); }
@media (min-width:40em){ .convenis{ grid-template-columns:repeat(3,minmax(0,1fr)); } }
.conveni{ display:grid; grid-template-rows:auto 1fr; height:100%; background:var(--c-surface); border:1px solid var(--c-line); color:var(--c-link); text-decoration:none; }
.conveni img{ width:100%; height:auto; }
.conveni span{ padding:var(--s-4); font-family:var(--ff-display); font-weight:700; font-size:var(--fs-1); line-height:1.25; }
.conveni:hover{ color:var(--c-link); border-color:var(--c-line-strong); }
.conveni:hover span{ text-decoration:underline; text-underline-offset:.18em; text-decoration-thickness:.08em; }
@media (max-width:39.99em){ .conveni img{ aspect-ratio:4/3; object-fit:cover; object-position:50% 0; } }

/* Textos dels convenis: paràgrafs dins dels punts de la llista i botó a l'amplada del text */
.conveni-text li > p + p{ margin-top:var(--s-3); }
.conveni-text .btn{ justify-self:start; }/* End custom CSS */