/* Estils propis de la versió estàtica. */

/* Requadres clicables sencers (tools/tile_links.json) */
.fc-tile { position: relative; cursor: pointer; transition: filter .2s; }
.fc-tile:hover { filter: brightness(1.12); }
.fc-tile a.fc-tile-link,
.fc-tile a.fc-tile-link:hover,
.fc-tile a.fc-tile-link:visited { color: inherit !important; text-decoration: none !important; }
.fc-tile a.fc-tile-link::after { content: ""; position: absolute; inset: 0; z-index: 1; }
.fc-tile a.fc-tile-link:focus-visible { outline: none; }
.fc-tile:has(a.fc-tile-link:focus-visible) { outline: 3px solid #fff; outline-offset: -6px; }

/* Àncores: que el títol no quedi tapat per la capçalera fixa */
[id="empreses-col-laboradores"] { scroll-margin-top: 130px; }
html { scroll-behavior: smooth; }

/* Graelles de notícies: l'extracte com a màxim a 3 línies, acabat amb «…» */
.vc_grid-static .vc_gitem-post-data-source-post_excerpt > div {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  overflow: hidden;
}
.vc_grid-static .vc_gitem-post-data-source-post_excerpt p { display: inline; margin: 0; }
.vc_grid-static .vc_gitem-post-data-source-post_excerpt p + p::before { content: " "; }
.vc_grid-static .vc_gitem-post-data-source-post_excerpt br { display: none; }

/* Graelles de notícies i opinió: totes les imatges en 16:9, retallades sense deformar */
.vc_grid-static .vc_gitem-zone-c .wpb_single_image,
.vc_grid-static .vc_gitem-zone-c .vc_figure,
.vc_grid-static .vc_gitem-zone-c .vc_single_image-wrapper { display: block; width: 100%; }
.vc_grid-static .vc_gitem-zone-c img.vc_single_image-img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  object-position: center;
}

/* Graelles amb imatge a dalt: totes les targetes d'una fila amb la mateixa alçada,
   fons de la targeta fins a baix i data alineada a la part inferior.
   (La zona de text de WPBakery tenia alçada fixa 1:1 amb el contingut en absolut.) */
.vc_grid-static .vc_pageable-slide-wrapper:has(.vc_gitem-zone-c img) { display: flex; flex-wrap: wrap; }
.vc_grid-static .vc_pageable-slide-wrapper:has(.vc_gitem-zone-c img)::before,
.vc_grid-static .vc_pageable-slide-wrapper:has(.vc_gitem-zone-c img)::after { display: none; }
.vc_grid-static .vc_grid-item:has(.vc_gitem-zone-c img),
.vc_grid-static .vc_pageable-slide-wrapper:has(.vc_gitem-zone-c img) > .vc_grid-item { display: flex !important; float: none; }
.vc_grid-static .vc_pageable-slide-wrapper:has(.vc_gitem-zone-c img) .vc_grid-item-mini { display: flex; flex-direction: column; width: 100%; }
.vc_grid-static .vc_pageable-slide-wrapper:has(.vc_gitem-zone-c img) .vc_grid-item-mini > .vc_clearfix { display: none; }
.vc_grid-static .vc_pageable-slide-wrapper:has(.vc_gitem-zone-c img) .vc_gitem-animated-block { flex: 1 1 auto; display: flex; flex-direction: column; }
.vc_grid-static .vc_pageable-slide-wrapper:has(.vc_gitem-zone-c img) .vc_gitem-zone-a { flex: 1 1 auto; display: flex; flex-direction: column; height: auto !important; padding-top: 0 !important; }
.vc_grid-static .vc_pageable-slide-wrapper:has(.vc_gitem-zone-c img) .vc_gitem-zone-a::before { display: none !important; }
.vc_grid-static .vc_pageable-slide-wrapper:has(.vc_gitem-zone-c img) .vc_gitem-zone-a > .vc_gitem-zone-mini { flex: 1 1 auto; display: flex; flex-direction: column; height: auto; }
.vc_grid-static .vc_pageable-slide-wrapper:has(.vc_gitem-zone-c img) .vc_gitem-zone-a .vc_gitem_row { position: static; flex: 1 1 auto; display: flex; margin: 0; }
.vc_grid-static .vc_pageable-slide-wrapper:has(.vc_gitem-zone-c img) .vc_gitem-zone-a .vc_gitem-col { float: none; width: 100%; display: flex; flex-direction: column; }
.vc_grid-static .vc_pageable-slide-wrapper:has(.vc_gitem-zone-c img) .vc_gitem-post-data-source-post_date { margin-top: auto; }

/* Imatge genèrica per a notícies sense imatge destacada (16:9, com la resta) */
.vc_grid-static .fc-noimg {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4%;
  width: 100%;
  aspect-ratio: 16 / 9;
  background: #103d61;
}
.vc_grid-static .fc-noimg img { width: 26%; height: auto; aspect-ratio: auto; object-fit: contain; }
.vc_grid-static .fc-noimg-text {
  color: #fff;
  font-size: clamp(14px, 1.6vw, 22px);
  line-height: 1.25;
  letter-spacing: .22em;
  text-transform: uppercase;
}

/* Enllaços dins del formulari de contacte (fons blau): el tema força
   `a { color: #000 !important }`, que no es veu sobre el blau. */
.wpcf7-form a,
.wpcf7-form a:visited,
.wpcf7-form a:hover {
  color: #fff !important;
  text-decoration: underline !important;
  text-underline-offset: 2px;
}