/* custom.css: estils de la pàgina persones-i-cultura-canvis (body class page_1076).
   Substitueix tot css/custom.css. Recorda pujar la versió (?81 -> ?82) a l'enllaç. */
/* Estils generals: s'apliquen a totes les mides de pantalla (mòbil inclòs) */
body.page_1076.pages main h1,
body.page_1076.pages main h2,
body.page_1076.pages main h3,
body.page_1076.pages main h4,
body.page_1076.pages main h5,
body.page_1076.pages main h6 {
line-height: 1.2;
}
body.page_1076.pages main p {
line-height: 1.3;
}
body.page_1076.pages main .h3,
body.page_1076.pages main h3 {
letter-spacing: 1px;
margin-bottom: 0.5rem;
}
/* --------------------------------------------------------------------------
  Base de la pàgina
  -------------------------------------------------------------------------- */
  body.page_1076.pages main {
  overflow: visible;
  }
  body.page_1076.pages main *,
  body.page_1076.pages main *::before,
  body.page_1076.pages main *::after {
  box-sizing: border-box;
  }
  body.page_1076.pages main img {
  display: block;
  max-width: 100%;
  height: auto;
  }
  /* Evita que les files flexibles perdin el clearfix del Float Grid */
  body.page_1076.pages main .split-section::before,
  body.page_1076.pages main .split-section::after,
  body.page_1076.pages main .nested-row::before,
  body.page_1076.pages main .nested-row::after {
  display: none;
  }
  /* --------------------------------------------------------------------------
  Seccions del contingut
  -------------------------------------------------------------------------- */
  body.page_1076.pages main .hero.section,
  body.page_1076.pages main .section {
  padding-top: 4rem;
  padding-bottom: 4rem;
  background-color: transparent;
  border-bottom: 1px solid rgba(0, 0, 0, 0.14);
  }
  body.page_1076.pages main .hero.section {
  border-top: 0;
  }
  body.page_1076.pages main .section + .section {
  border-top: 0;
  }
  body.page_1076.pages main .section-soft {
  background-color: transparent;
  }
  /*
  * Les dues columnes s'alineen per la part superior.
  * Es força el comportament per sobre de possibles regles generals del web.
  */
  body.page_1076.pages main .row.split-section {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start !important;
  }
  body.page_1076.pages main .row.split-section > .image-column,
  body.page_1076.pages main .row.split-section > .content-column {
  float: none;
  align-self: flex-start !important;
  }
  body.page_1076.pages main .image-column,
  body.page_1076.pages main .content-column {
  margin-top: 0;
  margin-bottom: 1.5rem;
  }
  body.page_1076.pages main .image-column .duotone-frame {
  margin-top: 0;
  }
  body.page_1076.pages main .content-column > :first-child {
  margin-top: 0;
  }
  body.page_1076.pages main .content-column > :last-child,
  body.page_1076.pages main .hero-statement:last-child,
  body.page_1076.pages main .hero-support:last-child {
  margin-bottom: 0;
  }
  /* Alternança visual sense modificar l'ordre de lectura de l'HTML */
  body.page_1076.pages main .section:nth-of-type(even) .image-column {
  float: right;
  }
  /* --------------------------------------------------------------------------
  Etiquetes editorials
  -------------------------------------------------------------------------- */
  body.page_1076.pages main .eyebrow {
  display: block;
  margin-bottom: 1rem;
  color: #0055a5;
  font-size: 1.125rem;
  font-weight: 700;
  text-transform: uppercase;
  }
  body.page_1076.pages main .hero-statement {
  max-width: 55rem;
  }
  body.page_1076.pages main .hero-support,
  body.page_1076.pages main .lead {
  max-width: 48rem;
  }
  /* --------------------------------------------------------------------------
  Fotografies generals amb duotó
  -------------------------------------------------------------------------- */
  body.page_1076.pages main .duotone-frame {
  position: relative;
  min-height: 24rem;
  margin: 0;
  overflow: hidden;
  background-color: #003b73;
  isolation: isolate;
  }
  body.page_1076.pages main .duotone-frame.tall {
  min-height: 31rem;
  }
  body.page_1076.pages main .duotone-frame img {
  width: 100%;
  height: 100%;
  min-height: inherit;
  object-fit: cover;
  object-position: center top;
  filter: grayscale(1) contrast(1.08);
  }
  body.page_1076.pages main .duotone-frame::after {
  position: absolute;
  inset: 0;
  z-index: 1;
  content: "";
  background-color: #0055a5;
  mix-blend-mode: color;
  opacity: 0.9;
  pointer-events: none;
  }
  body.page_1076.pages main .duotone-frame::before {
  position: absolute;
  inset: 0;
  z-index: 2;
  content: "";
  background: linear-gradient(
  to bottom,
  rgba(255, 255, 255, 0.04),
  rgba(0, 59, 115, 0.24)
  );
  pointer-events: none;
  }
  /* --------------------------------------------------------------------------
  Valors
  -------------------------------------------------------------------------- */
  body.page_1076.pages main .values-list {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin: 2rem 0 2rem;
  padding: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.14);
  list-style: none;
  }
  body.page_1076.pages main .values-list li {
  display: flex;
  line-height: 1.3;
  align-items: center;
  min-height: 4rem;
  padding: 0.75rem 1rem 0.75rem 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.14);
  }
  body.page_1076.pages main .values-list li::before {
  flex: 0 0 auto;
  width: 0.5rem;
  height: 0.5rem;
  margin-right: 0.75rem;
  border-radius: 50%;
  background-color: #0055a5;
  content: "";
  }
  /* --------------------------------------------------------------------------
  Blocs “Com treballem” i “Benestar”
  -------------------------------------------------------------------------- */
  /*
  * La fila interna es converteix en flex només dins aquesta pàgina.
  * Les amplades continuen venint de small-12 / medium-6 de Foundation.
  * Això evita el desplaçament irregular provocat pels floats quan els
  * textos de dues targetes tenen alçades diferents.
  */
  body.page_1076.pages main .nested-row {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  margin-top: 1.5rem;
  }
  body.page_1076.pages main .nested-row > .text-card {
  float: none;
  display: flex;
  flex-direction: column;
  align-self: stretch;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  border-top: 1px solid rgba(0, 0, 0, 0.14);
  }
  body.page_1076.pages main .text-card > :last-child {
  margin-bottom: 0;
  }
  /* Cada targeta de dotze columnes comença en una fila nova */
  body.page_1076.pages main .nested-row > .text-card.small-12:not(.medium-6) {
  flex-basis: 100%;
  width: 100%;
  }
  /* Cites de clima laboral */
  body.page_1076.pages main .text-card blockquote {
  margin: 1.5rem 0 0;
  padding: 0 0 0 1.25rem;
  border-left: 3px solid #0055a5;
  }
  body.page_1076.pages main .text-card blockquote + blockquote {
  margin-top: 1.5rem;
  }
  body.page_1076.pages main .text-card blockquote > :last-child {
  margin-bottom: 0;
  }
  body.page_1076.pages main .text-card cite {
  display: block;
  margin-top: 1.25rem;
  font-style: normal;
  }
  /* --------------------------------------------------------------------------
  Documents i normativa
  -------------------------------------------------------------------------- */
  body.page_1076.pages main .documents-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: 1rem;
  row-gap: 0.75rem;
  margin: 1.25rem 0 0;
  padding: 0;
  list-style: none;
  }
  body.page_1076.pages main .documents-list li {
  margin: 0;
  }
  body.page_1076.pages main .documents-list a {
  display: flex;
  align-items: center;
  gap: 0.9rem;
  padding: 0.9rem 1.1rem;
  border-radius: 4px;
  background-color: #eeeeee;
  color: #000;
  text-decoration: none;
  transition: background-color 0.2s;
  }
  body.page_1076.pages main .documents-list a::before {
  content: "";
  flex: 0 0 1.5rem;
  height: 1.5rem;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230055a5' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 3H7a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V8z'/%3E%3Cpath d='M14 3v5h5M9 13h6M9 17h6'/%3E%3C/svg%3E") center / contain no-repeat;
  }
  body.page_1076.pages main .documents-list a:hover,
  body.page_1076.pages main .documents-list a:focus-visible {
  background-color: #e0e0e0;
  color: #000;
  text-decoration: none;
  }
  /* --------------------------------------------------------------------------
  Equip humà: graella estable i fotografia única amb duotó #001489
  -------------------------------------------------------------------------- */
  /*
  * Es neutralitza el Block Grid antic i es converteix la llista en flex.
  * Flex és més compatible amb l'estructura existent de Foundation i evita
  * que els marges, floats o clear antics retallin la primera columna.
  */
  body.page_1076.pages main .team-grid {
  overflow: visible;
  }
  body.page_1076.pages main ul.llistat-equip-huma {
  display: flex !important;
  flex-wrap: wrap;
  width: 100%;
  margin: 2rem 0 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  list-style: none;
  }
  body.page_1076.pages main ul.llistat-equip-huma > li {
  float: none !important;
  clear: none !important;
  flex: 0 0 25%;
  width: 25% !important;
  min-width: 0;
  margin: 0 !important;
  padding: 0 0.75rem 2rem !important;
  overflow: visible !important;
  list-style: none;
  }
  body.page_1076.pages main .llistat-equip-huma .persona-equip {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  height: auto !important;
  min-width: 0;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  color: #222 !important;
  background: transparent !important;
  }
  /*
  * Es conserva una sola imatge per persona.
  * S'anul·la qualsevol canvi d'imatge o capa antiga en hover.
  */
  body.page_1076.pages main .llistat-equip-huma .persona-equip .imatge {
  position: relative !important;
  inset: auto !important;
  display: block !important;
  width: 100% !important;
  height: auto !important;
  margin: 0 0 1rem !important;
  padding: 0 !important;
  overflow: hidden !important;
  background-color: #001489;
  isolation: isolate;
  }
  body.page_1076.pages main .llistat-equip-huma .persona-equip .imatge::before {
  position: absolute;
  inset: 0;
  z-index: 2;
  content: "";
  background: linear-gradient(
  180deg,
  rgba(228, 224, 255, 0.3) 0%,
  rgba(117, 108, 255, 0.08) 45%,
  rgba(0, 20, 137, 0.28) 100%
  );
  pointer-events: none;
  }
  body.page_1076.pages main .llistat-equip-huma .persona-equip .imatge::after {
  position: absolute;
  inset: 0;
  z-index: 1;
  content: "";
  background-color: #001489;
  mix-blend-mode: color;
  opacity: 0.92;
  pointer-events: none;
  }
  body.page_1076.pages main .llistat-equip-huma .persona-equip img.img-blancinegre,
  body.page_1076.pages main .llistat-equip-huma .persona-equip:hover img.img-blancinegre,
  body.page_1076.pages main .llistat-equip-huma .persona-equip:focus-within img.img-blancinegre {
  position: static !important;
  inset: auto !important;
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  height: auto !important;
  aspect-ratio: 1 / 1;
  margin: 0 !important;
  padding: 0 !important;
  object-fit: cover;
  object-position: center top;
  opacity: 1 !important;
  visibility: visible !important;
  filter: grayscale(1) contrast(1.08) brightness(1.04);
  transform: none !important;
  }
  /* Oculta qualsevol segona fotografia que encara pugui quedar al CMS */
  body.page_1076.pages main .llistat-equip-huma img.img-color {
  display: none !important;
  }
  /*
  * Reinici complet de la capa textual antiga.
  * El nom i el càrrec queden sota la fotografia, amb color explícit,
  * alçada automàtica i sense cap retall.
  */
  body.page_1076.pages main .llistat-equip-huma .persona-equip .dades {
  position: relative !important;
  inset: auto !important;
  z-index: 3;
  display: block !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  color: #222 !important;
  background: transparent !important;
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
  text-align: left !important;
  }
  body.page_1076.pages main .llistat-equip-huma .persona-equip .nom,
  body.page_1076.pages main .llistat-equip-huma .persona-equip .carrec {
  line-height: 1.1;
  position: relative !important;
  inset: auto !important;
  z-index: 3;
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 0 0 0.25rem !important;
  padding: 0 !important;
  overflow: visible !important;
  color: #222 !important;
  background: transparent !important;
  opacity: 1 !important;
  visibility: visible !important;
  white-space: normal !important;
  overflow-wrap: break-word;
  word-break: normal;
  text-overflow: clip !important;
  transform: none !important;
  }
  body.page_1076.pages main .llistat-equip-huma .persona-equip .carrec:last-child {
  margin-bottom: 0 !important;
  }
  /* --------------------------------------------------------------------------
  Crida final
  -------------------------------------------------------------------------- */
  body.page_1076.pages main .cta-section {
  padding-top: 4rem;
  padding-right: 2rem;
  padding-bottom: 4rem;
  padding-left: 2rem;
  background-color: #0055a5;
  color: #fff;
  }
  body.page_1076.pages main .cta-section h2,
  body.page_1076.pages main .cta-section h3,
  body.page_1076.pages main .cta-section p,
  body.page_1076.pages main .cta-section a,
  body.page_1076.pages main .cta-section blockquote,
  body.page_1076.pages main .cta-section blockquote p,
  body.page_1076.pages main .cta-section blockquote cite {
  color: #fff !important;
  }
  body.page_1076.pages main .cta-section blockquote {
  margin-top: 1.5rem;
  padding-left: 1.25rem;
  border-left: 3px solid rgba(255, 255, 255, 0.85);
  }
  body.page_1076.pages main .cta-section blockquote > :last-child {
  margin-bottom: 0;
  }
  body.page_1076.pages main .cta-section > :last-child {
  margin-bottom: 0;
  }
  /* --------------------------------------------------------------------------
  Focus i accessibilitat
  -------------------------------------------------------------------------- */
  body.page_1076.pages main a:focus-visible,
  body.page_1076.pages main button:focus-visible,
  body.page_1076.pages main [tabindex]:focus-visible {
  outline: 3px solid #ffbf47;
  outline-offset: 3px;
  }
  /* --------------------------------------------------------------------------
  Responsive
  -------------------------------------------------------------------------- */
  @media screen and (max-width: 63.9375em) {
  /* Tauleta i mòbil: una sola columna, amb la fotografia a dalt i el text a sota */
  body.page_1076.pages main .row.split-section > .image-column {
  order: -1;
  width: 100%;
  }
  body.page_1076.pages main .row.split-section > .content-column {
  width: 100%;
  }
  body.page_1076.pages main .image-column .duotone-frame {
  height: 26rem;
  max-height: 70vh;
  }
  body.page_1076.pages main .image-column .duotone-frame img {
  height: 100%;
  object-fit: cover;
  }
  body.page_1076.pages main .duotone-frame,
  body.page_1076.pages main .duotone-frame.tall {
  min-height: 22rem;
  margin-bottom: 2rem;
  }
  }
  @media screen and (max-width: 39.9375em) {
  body.page_1076.pages main .image-column .duotone-frame {
  height: 20rem;
  }
  body.page_1076.pages main .hero.section,
  body.page_1076.pages main .section,
  body.page_1076.pages main .cta-section {
  padding-top: 3rem;
  padding-bottom: 3rem;
  }
  body.page_1076.pages main .cta-section {
  padding-right: 1rem;
  padding-left: 1rem;
  }
  body.page_1076.pages main .values-list {
  grid-template-columns: 1fr;
  }
  body.page_1076.pages main .duotone-frame,
  body.page_1076.pages main .duotone-frame.tall {
  min-height: 18rem;
  }
  body.page_1076.pages main .nested-row > .text-card {
  flex-basis: 100%;
  width: 100%;
  }
  }
  @media screen and (max-width: 63.9375em) {
  body.page_1076.pages main ul.llistat-equip-huma > li {
  flex-basis: 50%;
  width: 50% !important;
  }
  }
  @media screen and (max-width: 39.9375em) {
  body.page_1076.pages main ul.llistat-equip-huma > li {
  flex-basis: 50%;
  width: 50% !important;
  padding-right: 0.5rem !important;
  padding-left: 0.5rem !important;
  }
  }
  @media (prefers-reduced-motion: reduce) {
  body.page_1076.pages main *,
  body.page_1076.pages main *::before,
  body.page_1076.pages main *::after {
  scroll-behavior: auto !important;
  transition: none !important;
  }
  }
  @media (forced-colors: active) {
  body.page_1076.pages main .duotone-frame::before,
  body.page_1076.pages main .duotone-frame::after,
  body.page_1076.pages main .llistat-equip-huma .persona-equip .imatge::before,
  body.page_1076.pages main .llistat-equip-huma .persona-equip .imatge::after {
  display: none;
  }
  body.page_1076.pages main .duotone-frame img,
  body.page_1076.pages main .llistat-equip-huma .persona-equip img.img-blancinegre {
  filter: none;
  }
  }
 @media only screen and (max-width: 40em)
  {
  }                    
  /* ============================================================
  Persones i cultura: estils nous
  Afegir AL FINAL de css/custom.css (després de tot el que hi ha).
  Si el fitxer es serveix amb ?77, pujar-lo a ?78 perquè no es quedi a la memòria cau.
  ============================================================ */
  /* Fotografies pendents: tinta plana fins que es posin les imatges definitives */
  body.page_1076.pages main .duotone-frame.foto-pendent{background-color:#0055a5}
  body.page_1076.pages main .duotone-frame.foto-pendent::before,
  body.page_1076.pages main .duotone-frame.foto-pendent::after{display:none}
  /* Fotos d'equip: en color, sense duotó */
  body.page_1076.pages main .duotone-frame:not(.foto-pendent)::before,
  body.page_1076.pages main .duotone-frame:not(.foto-pendent)::after{display:none}
  body.page_1076.pages main .duotone-frame img{filter:none}
  /* Fotos individuals (l'equip humà): es manté el blau, més suau */
  body.page_1076.pages main .llistat-equip-huma .persona-equip .imatge::after{opacity:.6}
  body.page_1076.pages main .llistat-equip-huma .persona-equip .imatge::before{
  background:linear-gradient(180deg,rgba(228,224,255,.2) 0%,rgba(117,108,255,.04) 45%,rgba(0,20,137,.14) 100%)}

/* Amplada de la pàgina: la plantilla genera medium-9 medium-centered (75 %).
   Aquí s'amplia a tota l'amplada de la fila, com feia la pàgina original. */
body.page_1076.pages main .page.page_id_1076 {
  float: none;
  width: 100%;
  margin-left: 0;
  margin-right: 0;
  left: 0;
}

/* Targeta que comença amb un títol h2: la ratlla va entre el h2 i el h3, com a la resta de targetes */
body.page_1076.pages main .nested-row > .text-card:has(> h2:first-child) {
  border-top: 0;
  padding-top: 0;
}
body.page_1076.pages main .text-card > h2 + h3 {
  margin-top: 1.5rem;
  padding-top: 1.5rem;
  border-top: 1px solid rgba(0, 0, 0, 0.14);
}

/* Títol de la pàgina: més aire respecte la línia del menú i menys espai fins al contingut */
body.page_1076.pages main h1 {
  margin-top: 2rem;
  margin-bottom: 0;
}
body.page_1076.pages main main > .section:first-child {
  padding-top: 2rem;
}
@media only screen and (max-width: 40em) {
  body.page_1076.pages main h1 {
    margin-top: 1.5rem;
  }
  body.page_1076.pages main main > .section:first-child {
    padding-top: 1.5rem;
  }
}

@media only screen and (max-width: 40em) {
  body.page_1076.pages main .documents-list {
  grid-template-columns: 1fr;
  }
}