.elementor-kit-5{--e-global-color-primary:#042943;--e-global-color-secondary:#B45438;--e-global-color-text:#5B6875;--e-global-color-accent:#D2794F;--e-global-typography-primary-font-family:"Manrope";--e-global-typography-primary-font-weight:800;--e-global-typography-secondary-font-family:"Manrope";--e-global-typography-secondary-font-weight:700;--e-global-typography-text-font-family:"Manrope";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Manrope";--e-global-typography-accent-font-weight:500;}.elementor-kit-5 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//* ══ Acabat de targetes (valors de la proposta) ══ */
.card-hover{
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease, background-color .25s ease;
  will-change: transform;
}
.card-hover:hover{
  transform: translateY(-3px);
  box-shadow: 0 14px 32px rgba(4,41,67,.10);
  border-color: #D2794F;
}
.sobre-fosc .card-hover:hover{
  background-color: rgba(210,121,79,.12);
  border-color: rgba(210,121,79,.45);
}

/* ══ Accent dels titulars ══
   A la proposta la paraula destacada va en terracota, no en cursiva. */
[data-elementor-type] h1 em,
[data-elementor-type] h2 em,
[data-elementor-type] h3 em{
  font-style: normal;
  color: #B45438;
}
[data-elementor-type] h1 em{ color: #D2794F; }
.sobre-fosc h1 em,
.sobre-fosc h2 em,
.sobre-fosc h3 em{ color: #D2794F; }

/* ══ Logo: la caixa s'ha d'ajustar a la imatge, no estirar-se ══ */
[data-elementor-type="header"] .logo img,
[data-elementor-type="footer"] .footer-logo img{ width: auto; max-width: 100%; }

/* ══ Llistes del contingut (pres de .fit-features de la proposta) ══ */
[data-elementor-type="wp-page"] .elementor-widget-text-editor ul{
  list-style: none; margin: 0; padding: 0;
}
[data-elementor-type="wp-page"] .elementor-widget-text-editor li{
  position: relative;
  padding: 9px 0 9px 26px;
  border-bottom: 1px dashed #e6e4de;
  line-height: 1.6;
}
[data-elementor-type="wp-page"] .elementor-widget-text-editor li:last-child{ border-bottom: none; }
[data-elementor-type="wp-page"] .elementor-widget-text-editor li::before{
  content:''; position:absolute; left:3px; top:16px;
  width:8px; height:8px; border-radius:50%; background:#D2794F;
}
[data-elementor-type="wp-page"] .elementor-widget-text-editor li strong{ color:#042943; font-weight:600; }
.sobre-fosc .elementor-widget-text-editor li{ border-bottom-color: rgba(255,255,255,.14); }
.sobre-fosc .elementor-widget-text-editor li strong{ color:#ffffff; }

/* ══ Zoom suau de les imatges dins de targetes ══ */
.elementor-widget-image img{ transition: transform .6s ease; }
.card-hover:hover .elementor-widget-image img{ transform: scale(1.05); }

/* ══ Botons ══ */
.elementor-button{
  transition: transform .2s ease, background-color .2s ease, color .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.elementor-button:hover{
  transform: translateY(-2px);
  box-shadow: 0 12px 26px rgba(4,41,67,.22);
}

/* ══ Menú ══ */
.elementor-nav-menu--main .elementor-item{ transition: color .2s ease, background-color .2s ease; }

/* ══ Patrocinadors: en gris fins que s'hi passa el ratolí ══ */
.patrocinadors .elementor-widget-image img{
  filter: grayscale(1); opacity: .55;
  transition: filter .3s ease, opacity .3s ease;
}
.patrocinadors .elementor-widget-image:hover img{ filter: grayscale(0); opacity: 1; }

/* ══ Miga de pa ══ */
[data-elementor-type="wp-page"] .elementor-widget-text-editor a{ color: #B45438; text-decoration: none; }
[data-elementor-type="wp-page"] .elementor-widget-text-editor a:hover{ text-decoration: underline; }
/* ══ Capa decorativa sobre les fotos (valors de la proposta) ══ */
.foto-adornada{ position: relative; }
.foto-adornada .elementor-widget-image .elementor-image img,
.foto-adornada .elementor-widget-image img{
  border-radius: 24px !important;
  box-shadow: 0 30px 80px rgba(4,41,67,.22), 0 8px 24px rgba(4,41,67,.08);
}
/* targeta flotant amb la xifra (.hero-floating-stat) */
.foto-adornada .badge-xifra{
  position:absolute; top:-20px; right:-16px; z-index:3;
  width:auto; background:#D2794F; border-radius:16px;
  box-shadow:0 12px 28px rgba(210,121,79,.32);
}
/* etiqueta blanca inferior (.hero-photo-badge-2) */
.foto-adornada .badge-etiqueta{
  position:absolute; bottom:-22px; left:-22px; z-index:3;
  width:auto; max-width:260px; background:#ffffff;
  border-radius:14px; border-top:4px solid #B45438;
  box-shadow:0 14px 36px rgba(4,41,67,.18);
}
@media (max-width:1024px){
  .foto-adornada .badge-etiqueta{ max-width:220px; left:-12px; bottom:-16px; }
  .foto-adornada .badge-xifra{ top:-14px; right:-8px; }
}
@media (max-width:767px){
  .foto-adornada .badge-etiqueta{ position:static; max-width:none; margin-top:14px; box-shadow:none; }
  .foto-adornada .badge-xifra{ top:-12px; right:8px; }
}
/* ══ Resplendors de fons del hero (.hero-decoration-bg / -small) ══ */
.hero-seccio{ position: relative; overflow: hidden; }
.hero-seccio::before,
.hero-seccio::after{
  content:''; position:absolute; border-radius:50%;
  pointer-events:none; max-width:100vw; z-index:0;
}
.hero-seccio::before{
  top:-60px; right:-120px; width:420px; height:420px;
  background: radial-gradient(circle at center, #D2794F, transparent 70%);
  opacity:.28;
}
.hero-seccio::after{
  bottom:80px; left:-50px; width:180px; height:180px;
  background: radial-gradient(circle, #B45438, transparent 70%);
  opacity:.12;
}
/* el contingut ha de quedar per damunt dels resplendors */
.hero-seccio > .e-con-inner,
.hero-seccio > .elementor-element{ position: relative; z-index: 1; }
@media (max-width:767px){
  .hero-seccio::before{ width:260px; height:260px; top:-40px; right:-90px; }
  .hero-seccio::after{ display:none; }
}
/* ══ HERO de la portada: vel i ombres (valors de .hero-veil de la proposta) ══ */
.hero-portada{ position: relative; }
.hero-portada > .e-con-inner,
.hero-portada > .elementor-element{ position: relative; z-index: 2; }
.hero-portada h1{ text-shadow: 0 2px 24px rgba(3,20,33,.55), 0 1px 4px rgba(3,20,33,.35); }
.hero-portada .elementor-widget-text-editor{ text-shadow: 0 1px 12px rgba(3,20,33,.55), 0 1px 3px rgba(3,20,33,.35); }

/* ══ Botó de contorn clar sobre foto (.btn-outline-light) ══ */
.hero-portada .elementor-button:not([class*="gold"]){ }
.hero-portada .elementor-widget-button:nth-of-type(2) .elementor-button,
.hero-portada .elementor-button.elementor-size-sm[style*="transparent"]{
  border: 1.5px solid rgba(255,255,255,.55);
  color: #fff;
}

/* ══ Agenda: la data dins d'una caixa navy (.ev-date) ══ */
.ev-date{
  background: #042943;
  border-radius: 12px;
  padding: 12px 6px;
  min-width: 62px;
  text-align: center;
  align-items: center;
  justify-content: center;
}
.ev-date .elementor-heading-title{ text-align: center; }
.ev-date > *:first-child .elementor-heading-title{ color: #ffffff !important; }
.ev-date > *:last-child .elementor-heading-title{ color: #D2794F !important; }

/* ══ Notícies: data en majúscules (.nc-date) ══ */
[data-elementor-type="wp-page"] .elementor-post__meta-data,
[data-elementor-type="wp-page"] .elementor-post-date{
  text-transform: uppercase;
  letter-spacing: .16em;
  font-size: 10.5px;
  font-weight: 700;
  color: #B45438;
}
/* == Botons del hero segons .btn de la proposta == */
.hero-portada .elementor-button{ min-height:52px; letter-spacing:.1em; }
.hero-portada .elementor-button[style*="background-color"],
.hero-portada .elementor-widget-button:first-of-type .elementor-button{ color:#042943; }
.hero-portada .elementor-button[class*="outline"],
.hero-portada .elementor-button:not([style*="background"]){ border-width:1.5px; }

/* ══ Etiquetes de les targetes de seccions (.tag de la proposta) ══ */
[data-elementor-type="wp-page"] .swiper-slide .elementor-button{
  font-size: 10.5px;
  font-weight: 700;
  letter-spacing: .18em;
  text-transform: uppercase;
  padding: 7px 14px;
  min-height: 0;
  line-height: 1.2;
  border-radius: 100px;
}

/* ══ Fletxa dels accessos ràpids (.quick-arrow) ══ */
.quick-card{ position: relative; }
.quick-card::after{
  content: '→';
  position: absolute; right: 24px; top: 50%; transform: translateY(-50%);
  color: rgba(255,255,255,.35);
  font-size: 18px;
  transition: color .2s ease, transform .2s ease;
  pointer-events: none;
}
.quick-card:hover::after{
  color: #D2794F;
  transform: translateY(-50%) translateX(4px);
}

/* ══ Data de les notícies (.nc-date) ══ */
[data-elementor-type="wp-page"] .elementor-post-date,
[data-elementor-type="wp-page"] .elementor-post__meta-data span,
[data-elementor-type="wp-page"] .elementor-post__meta-data time{
  text-transform: uppercase;
  letter-spacing: .16em;
  font-size: 10.5px;
  font-weight: 700;
}
/* ══ La capçalera sempre per damunt del contingut (#site-header z-index:100) ══ */
[data-elementor-type="header"]{
  position: relative;
  z-index: 100;
}
[data-elementor-type="header"] .e-con,
[data-elementor-type="header"] .elementor-nav-menu--main{ z-index: 101; }
[data-elementor-type="header"] .elementor-nav-menu .sub-menu{ z-index: 102; }

/* el vel del hero mai per damunt de la navegació */
.hero-portada{ z-index: 0; }

/* ══ Imatge de l'intro: proporció 4/3 i omplint la columna (.intro-media) ══ */
.intro-media img,
[data-elementor-type="wp-page"] .intro-media img{
  width: 100%;
  aspect-ratio: 4 / 3;
  object-fit: cover;
  display: block;
  border-radius: 18px;
}
@media (max-width:767px){
  .intro-media img{ aspect-ratio: 3 / 2; }
}
/* ══ Hero: vídeo a sang, contingut limitat a 1360 (.hero-content) ══ */
.hero-portada > .e-con-inner{
  max-width: 1360px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}
.hero-portada > .elementor-element{
  max-width: 1360px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}
/* == Marge lateral del contingut del hero, com var(--pad) de la proposta == */
.hero-portada > .elementor-element{ padding-left: clamp(20px,5vw,64px); padding-right: clamp(20px,5vw,64px); }
@media (max-width:767px){ .hero-portada > .elementor-element{ padding-left:20px; padding-right:20px; } }

/* ===== MTR NOTICIES: inici (generat) ===== */
/* Distribucio: contingut + lateral */
.e-con.mtr-news-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:56px;align-items:start}
@media(max-width:1024px){.e-con.mtr-news-layout{grid-template-columns:minmax(0,1fr);gap:44px}}

/* Filtres per seccio (les mateixes pastilles que al calendari) */
.mtr-news-filter{margin-bottom:26px;padding-bottom:22px;border-bottom:1px solid #e6e4de}
.mtr-pills{display:flex;flex-wrap:wrap;gap:10px}
.mtr-pills a.mtr-pill{display:inline-flex;align-items:center;gap:7px;font-family:Manrope,sans-serif;font-size:12px;font-weight:600;padding:9px 18px;border-radius:100px;background:#fff;border:1.5px solid #e6e4de;color:#5B6875;text-decoration:none;transition:all .2s}
.mtr-pills a.mtr-pill:hover{border-color:#042943;color:#042943}
.mtr-pills a.mtr-pill.actiu{background:#042943;border-color:#042943;color:#fff}
.mtr-pill-n{font-size:11px;opacity:.55}
.mtr-pills a.mtr-pill.actiu .mtr-pill-n{opacity:.75}

/* Targeta.
   Tota la targeta es clicable: l'enllaç del titol s'estira per damunt amb un
   pseudoelement. Aixi nomes hi ha un enllaç de veritat (bo per a lectors de
   pantalla) i no cal JavaScript. L'etiqueta de seccio queda per sobre,
   perque continua portant al seu arxiu. */
.e-con.mtr-news-card{position:relative;cursor:pointer;background:#fff;border:1px solid #e6e4de;border-radius:14px;overflow:hidden;height:100%;transition:transform .28s,box-shadow .28s}
/* Elementor posa position:relative a cada widget i a cada contenidor, i aixo
   deixava l'enllaç estirat nomes sobre el titol: cal tornar-los a estatic
   perque la referencia sigui la targeta sencera. */
.e-con.mtr-news-card .elementor-widget.mtr-news-title,
.e-con.mtr-news-card .e-con.mtr-news-body{position:static}
.mtr-news-title a::after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}
.mtr-news-badge{z-index:3}
.mtr-news-card:focus-within{box-shadow:0 0 0 3px rgba(180,84,56,.35)}
.e-con.mtr-news-card:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(4,41,67,.12)}
.e-con.mtr-news-thumb{position:relative;aspect-ratio:16/10;overflow:hidden;background:#f8f7f4;padding:0}
.mtr-news-thumb .elementor-widget-image,
.mtr-news-thumb .elementor-widget-image .elementor-widget-container,
.mtr-news-thumb figure{height:100%;width:100%;margin:0}
.mtr-news-thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s}
.e-con.mtr-news-card:hover .mtr-news-thumb img{transform:scale(1.04)}
.mtr-news-badge{position:absolute;top:14px;left:14px;z-index:2;margin:0}
.mtr-news-badge .elementor-heading-title{font-family:Manrope,sans-serif;font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#B45438;background:rgba(255,255,255,.96);padding:6px 12px;border-radius:100px;display:inline-block}
.mtr-news-badge a{color:inherit;text-decoration:none}
.mtr-news-meta .elementor-heading-title{font-family:Manrope,sans-serif;font-size:11.5px;font-weight:600;letter-spacing:.06em;color:#8b96a2;text-transform:uppercase}
.mtr-news-title .elementor-heading-title{font-family:Manrope,sans-serif;font-size:20px;font-weight:800;line-height:1.22;letter-spacing:-.01em;color:#042943}
.mtr-news-title a{color:inherit;text-decoration:none}
.e-con.mtr-news-card:hover .mtr-news-title .elementor-heading-title{color:#B45438}
.mtr-news-excerpt{font-family:Manrope,sans-serif;font-size:14px;line-height:1.75;color:#5B6875}
.e-con.mtr-news-body{gap:8px}

/* La primera noticia, destacada a tota l'amplada.
   Al bucle d'Elementor les targetes son fills directes del contenidor. */
.mtr-news-grid .elementor-loop-container > .e-loop-item:first-of-type{grid-column:1/-1}
/* La targeta ha d'omplir l'alcada de la seva cel·la.
   min-width:0 es imprescindible: sense aixo, una cel·la de graella no baixa
   de l'amplada del seu contingut i la foto (768px) eixamplava la columna. */
.mtr-news-grid .e-loop-item,
.mtr-news-grid .e-loop-item > .elementor{height:100%;min-width:0}

@media(min-width:769px){
  .mtr-news-grid .elementor-loop-container > .e-loop-item:first-of-type .e-con.mtr-news-card{display:grid;grid-template-columns:1.15fr 1fr;align-items:stretch}
  .mtr-news-grid .elementor-loop-container > .e-loop-item:first-of-type .e-con.mtr-news-thumb{aspect-ratio:auto;height:100%;min-height:330px}
  .mtr-news-grid .elementor-loop-container > .e-loop-item:first-of-type .e-con.mtr-news-body{padding:40px 38px;justify-content:center}
  .mtr-news-grid .elementor-loop-container > .e-loop-item:first-of-type .mtr-news-title .elementor-heading-title{font-size:29px}
  .mtr-news-grid .elementor-loop-container > .e-loop-item:first-of-type .mtr-news-destacada{display:block}
}

/* L'etiqueta "Destacada" nomes a la primera de l'arxiu */
.mtr-news-destacada{display:none}
.mtr-news-destacada .elementor-heading-title{font-family:Manrope,sans-serif;font-size:9.5px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:#042943;background:#f3ddd1;padding:5px 12px;border-radius:100px;display:inline-block}

/* Lateral */
.mtr-news-sidebar{position:sticky;top:24px}
.mtr-side-title .elementor-heading-title,
.mtr-side-title-txt{font-family:Manrope,sans-serif;font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#042943;padding-bottom:12px;border-bottom:2px solid #042943;display:block;margin-bottom:14px}
.mtr-anys{list-style:none;margin:0 0 26px;padding:0}
.mtr-anys li a{display:flex;justify-content:space-between;align-items:center;padding:9px 12px;border-radius:8px;font-family:Manrope,sans-serif;font-size:13.5px;font-weight:600;color:#5B6875;text-decoration:none;transition:all .18s}
.mtr-anys li a:hover{background:#f8f7f4;color:#042943}
.mtr-anys li.actiu a{background:#042943;color:#fff}
.mtr-anys-n{font-size:11.5px;opacity:.6}
.mtr-etiquetes a{display:inline-block;font-family:Manrope,sans-serif;font-size:11.5px;font-weight:600;color:#5B6875;background:#f8f7f4;border:1px solid #e6e4de;border-radius:100px;padding:6px 13px;margin:0 6px 8px 0;text-decoration:none;transition:all .18s}
.mtr-etiquetes a:hover{background:#042943;border-color:#042943;color:#fff}
/* ===== MTR NOTICIES: fi ===== */

/* ===== MTR FITXA NOTICIA: inici (generat) ===== */
.mtr-post-cat .elementor-heading-title{font-family:Manrope,sans-serif;font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#B45438}
.mtr-post-cat a{color:inherit;text-decoration:none}
.mtr-post-titol{margin-top:14px}
.mtr-post-data .elementor-heading-title{font-family:Manrope,sans-serif;font-size:12.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#8b96a2}
.e-con.mtr-post-cos{max-width:840px;margin:0 auto;gap:28px}
.mtr-post-imatge img{width:100%;border-radius:16px;display:block}
.mtr-post-text{font-family:Manrope,sans-serif;font-size:16.5px;line-height:1.85;color:#5B6875}
.mtr-post-text h2,.mtr-post-text h3,.mtr-post-text h4{font-family:Manrope,sans-serif;color:#042943;font-weight:800;margin:30px 0 12px;line-height:1.2}
.mtr-post-text a{color:#B45438}
.mtr-post-text img{border-radius:14px;max-width:100%;height:auto}
.mtr-post-etiquetes a{display:inline-block;font-family:Manrope,sans-serif;font-size:11.5px;font-weight:600;color:#5B6875;background:#f8f7f4;border:1px solid #e6e4de;border-radius:100px;padding:7px 14px;margin:0 6px 8px 0;text-decoration:none;transition:all .18s}
.mtr-post-etiquetes a:hover{background:#042943;border-color:#042943;color:#fff}
/* Les etiquetes de la fitxa viuen dins d'un giny d'encapçalament, i Elementor
   imposa `color: inherit` als enllaços de dins amb
   `.elementor-widget-heading .elementor-heading-title[class*="elementor-size-"] > a`,
   que amb (0,3,1) guanya la regla de sobre (0,2,1). El text heretava el navy del
   titular i, en passar-hi el ratolí, quedava del mateix color que el fons: la
   pastilla es feia il·legible. Es puja l'especificitat només per al color del
   ratolí a sobre; el repòs es queda tal com estava. */
.mtr-post-etiquetes.mtr-post-etiquetes .elementor-heading-title[class*="elementor-size-"] > a:hover{color:#fff}

/* Graelles on totes les targetes son iguals, sense destacada:
   "Altres noticies" de la fitxa i "Ultimes noticies" de la portada. */
.mtr-relacionades .elementor-loop-container > .e-loop-item:first-of-type,
.mtr-news-iguals .elementor-loop-container > .e-loop-item:first-of-type{grid-column:auto}
.mtr-relacionades .mtr-news-destacada,
.mtr-news-iguals .mtr-news-destacada{display:none !important}
.mtr-relacionades .elementor-loop-container,
.mtr-news-iguals .elementor-loop-container{align-items:stretch}
@media(min-width:769px){
  .mtr-relacionades .elementor-loop-container > .e-loop-item:first-of-type .e-con.mtr-news-card,
  .mtr-news-iguals .elementor-loop-container > .e-loop-item:first-of-type .e-con.mtr-news-card{display:flex;grid-template-columns:none}
  .mtr-relacionades .elementor-loop-container > .e-loop-item:first-of-type .e-con.mtr-news-thumb,
  .mtr-news-iguals .elementor-loop-container > .e-loop-item:first-of-type .e-con.mtr-news-thumb{aspect-ratio:16/10;min-height:0}
  .mtr-relacionades .elementor-loop-container > .e-loop-item:first-of-type .e-con.mtr-news-body,
  .mtr-news-iguals .elementor-loop-container > .e-loop-item:first-of-type .e-con.mtr-news-body{padding:22px 24px 26px;justify-content:flex-start}
  .mtr-relacionades .elementor-loop-container > .e-loop-item:first-of-type .mtr-news-title .elementor-heading-title,
  .mtr-news-iguals .elementor-loop-container > .e-loop-item:first-of-type .mtr-news-title .elementor-heading-title{font-size:20px}
}
/* ===== MTR FITXA NOTICIA: fi ===== */

/* ===== MTR CALENDARI: inici (generat) ===== */
/* El plugin ve amb el seu blau per defecte a botons, enllacos i subratllats.
   Canviant les seves variables, tot el calendari passa als colors del club
   d'una sola vegada, sense anar caçant .elementor-kit-5s. */
:root{
  --tec-color-accent-primary:#B45438;
  --tec-color-accent-primary-hover:#042943;
  --tec-color-accent-primary-active:#042943;
  --tec-color-accent-primary-background:#f7ece7;
  --tec-color-accent-primary-multiday:#f3ddd1;
  --tec-color-accent-primary-multiday-hover:#eccfbe;
  --tec-color-link-primary:#042943;
  --tec-color-link-accent:#B45438;
  --tec-color-link-accent-hover:#042943;
  --tec-color-button-primary:#042943;
  --tec-color-button-primary-hover:#B45438;
  --tec-color-button-primary-active:#B45438;
  --tec-color-background-secondary:#f8f7f4;
  --tec-color-border-secondary:#e6e4de;
  --tec-color-text-primary:#042943;
  --tec-color-text-secondary:#5B6875;
}

/* La subscripcio al calendari no s'ha d'oferir */
.tribe-events-c-subscribe-dropdown,
.tribe-events-c-subscribe-dropdown__container,
.tribe-events-c-subscribe-dropdown__export-list-item{display:none !important}

.tribe-common,.tribe-events,.tribe-common button,.tribe-common a{font-family:Manrope,sans-serif !important}
.tribe-events .tribe-events-header,
.tribe-events-header__title,
.tribe-common h1,.tribe-common h2,.tribe-common h3{color:#042943}

/* Amplada i aire, com la resta del web */
.tribe-events{max-width:1400px;margin:0 auto;padding:56px 48px 80px}
@media(max-width:767px){.tribe-events{padding:36px 20px 56px}}

/* La proposta no porta cercador: nomes mes, navegacio i filtres */
.tribe-events-c-events-bar__search-container,
.tribe-events-c-events-bar__search,
.tribe-events-c-events-bar__search-button{display:none !important}
.tribe-events-c-events-bar{border:0 !important;justify-content:flex-end}
.tribe-events-header__events-bar{margin-bottom:18px}

/* Els filtres han d'anar sota la capcalera, no abans de tot */
.tribe-events .tribe-events-l-container{display:flex !important;flex-direction:column}
.tribe-events-l-container > .tribe-events-header{order:1}
.tribe-events-l-container > .tribe-events-before-html{order:2}
.tribe-events-l-container > .tribe-events-calendar-month{order:3}
.tribe-events-l-container > .tribe-events-calendar-list{order:3}
.tribe-events-l-container > .tribe-events-calendar-day{order:3}
.tribe-events-l-container > .tribe-events-calendar-month-mobile-events{order:4}
.tribe-events-l-container > .tribe-events-after-html{order:5}

/* Mes, fletxes i "aquest mes".
   Ordre: fletxes, mes, i despres el boto d'avui (el plugin el posa entremig). */
.tribe-events .tribe-events-c-top-bar{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.tribe-events .tribe-events-c-top-bar__nav{order:1}
.tribe-events .tribe-events-c-top-bar__datepicker{order:2;margin:0 4px}
.tribe-events .tribe-events-c-top-bar__today-button{order:3}
.tribe-events .tribe-events-c-top-bar__actions{order:4}
.tribe-events .tribe-events-c-top-bar__datepicker-button.tribe-common-h3{font-size:29px !important;font-weight:800;color:#042943;letter-spacing:-.015em;line-height:1.1}
.tribe-events .tribe-events-c-top-bar__nav-link{width:38px;height:38px;border:1.5px solid #e6e4de;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#fff}
.tribe-events-c-top-bar__nav-link:hover{border-color:#042943;background:#fff}
.tribe-events .tribe-events-c-top-bar__today-button{border:1.5px solid #e6e4de;border-radius:100px;padding:8px 18px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#5B6875;background:#fff}
.tribe-events-c-top-bar__today-button:hover{border-color:#042943;color:#042943;background:#fff}

/* El tria-vistes (Llista/Mes/Dia) s'estila al mu-plugin: Elementor
   substitueix una paraula reservada al CSS personalitzat pel nom de
   l'element, i aqui trencaria els noms de classe del plugin. */

/* La capcalera, en una sola linia: mes i fletxes a l'esquerra, vistes a la
   dreta, com a la proposta. El plugin les posa en dos blocs separats. */
.tribe-events .tribe-events-header{display:flex !important;flex-direction:row !important;
  align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:8px}
/* Els dos blocs venen a tota l'amplada; cal deixar-los compartir la linia */
.tribe-events .tribe-events-header__top-bar{order:1;flex:1 1 auto;width:auto !important;margin:0 !important}
.tribe-events .tribe-events-header__events-bar{order:2;flex:0 0 auto;width:auto !important;margin:0 !important;border:0}
.tribe-events .tribe-events-header__content-title{width:100%}

/* Filtres per seccio.
   Cal !important: el full del plugin es carrega despres del CSS del kit i
   guanyava els enllaços (els deixava com a text pla, sense pastilla). */
/* El plugin fa un reset que posa margin:0 i padding:0 a tot el que te a dins,
   i s'emportava per davant aquestes separacions. D'aqui els !important. */
.tribe-common .mtr-cal-filtres,
.mtr-cal-filtres{display:flex;flex-wrap:wrap;align-items:center;gap:10px;
  margin:26px 0 32px !important;padding-bottom:26px !important;border-bottom:1px solid #e6e4de !important}
.mtr-cal-filtres-eti{font-size:10.5px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#8b96a2;margin-right:8px !important}
.tribe-common .mtr-cal-filtres a.mtr-cal-pill,
.mtr-cal-filtres a.mtr-cal-pill{display:inline-flex !important;align-items:center;gap:8px;
  font-size:12px !important;font-weight:600 !important;padding:9px 18px !important;
  border-radius:100px !important;background:#fff !important;border:1.5px solid #e6e4de !important;
  color:#5B6875 !important;text-decoration:none !important;box-shadow:none !important;
  line-height:1.2 !important;transition:all .2s}
.tribe-common .mtr-cal-filtres a.mtr-cal-pill:hover,
.mtr-cal-filtres a.mtr-cal-pill:hover{border-color:#042943 !important;color:#042943 !important}
.tribe-common .mtr-cal-filtres a.mtr-cal-pill.actiu,
.mtr-cal-filtres a.mtr-cal-pill.actiu{background:#042943 !important;border-color:#042943 !important;color:#fff !important}
.mtr-cal-dot{width:8px;height:8px;border-radius:50%;background:var(--pill,#B45438);flex:0 0 8px}

/* Vista de mes: la graella es una targeta, com a la proposta */
.tribe-events .tribe-events-calendar-month{border:1px solid #e6e4de;border-radius:14px;overflow:hidden;background:#fff;box-shadow:0 12px 40px rgba(4,41,67,.06)}
/* La fila de noms de dia continuava sent una fila de taula mentre les
   setmanes ja son graella: per aixo sortia descentrada respecte a les
   columnes. Es passa a graella de 7 columnes, com les setmanes. */
.tribe-events .tribe-events-calendar-month__header{background:#042943;display:table-header-group}
.tribe-events .tribe-events-calendar-month__header > tr{display:grid;grid-template-columns:repeat(7,1fr);background:#042943}
.tribe-events .tribe-events-calendar-month__header-column{width:100% !important;padding:14px 8px !important;display:flex;align-items:center;justify-content:center}
.tribe-events-calendar-month__header-column-title{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#fff}
.tribe-events-calendar-month__day{min-height:124px;border-color:#e6e4de}
.tribe-events-calendar-month__day--other-month,
.tribe-events-calendar-month__day--past-month{background:#f9f9f8}
.tribe-events-calendar-month__day--other-month .tribe-events-calendar-month__day-date-daynum{color:#c9c9c4}
.tribe-events-calendar-month__day-date-daynum,
.tribe-events-calendar-month__day-date-link{font-weight:700;color:#042943}
/* Avui */
.tribe-events-calendar-month__day--current{background:#f0f5fa}
.tribe-events .tribe-events-calendar-month__day--current .tribe-events-calendar-month__day-date-daynum,
.tribe-events .tribe-events-calendar-month__day-cell--selected .tribe-events-calendar-month__day-date-daynum{background:#042943;color:#fff;border-radius:50%;width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;font-size:13px}
.tribe-events-calendar-month__calendar-event-title a,
.tribe-events-calendar-month__multiday-event-bar-title{font-size:12px;font-weight:600;color:#042943}
.tribe-events .tribe-events-calendar-month__calendar-event{border-left:3px solid var(--mtr-cat,#B45438);background:var(--mtr-cat-bg,#f7ece7);border-radius:6px;padding:5px 8px;margin-bottom:5px}
.tribe-events-calendar-month__calendar-event-datetime{color:var(--mtr-cat,#B45438);font-weight:600;font-size:11px}
.tribe-events-calendar-month__calendar-event-tooltip-title{font-weight:800}
/* Els esdeveniments de tot el dia es dibuixen com una barra */
.tribe-events .tribe-events-calendar-month__multiday-event-bar{background:var(--mtr-cat-bg,#f7ece7);border-left:3px solid var(--mtr-cat,#B45438);border-radius:6px}
.tribe-events .tribe-events-calendar-month__multiday-event-bar:hover{background:var(--mtr-cat-bg,#f7ece7);filter:brightness(.97)}
.tribe-events-calendar-month__multiday-event-bar-title{color:#042943;font-weight:700;font-size:12px}
.tribe-events-calendar-month__multiday-event-bar-inner{padding:5px 9px}

/* Vista de llista */
.tribe-events-calendar-list__event-row{border-bottom:1px solid #e6e4de;padding-bottom:22px;margin-bottom:22px}
.tribe-events-calendar-list__event-title a{font-size:20px;font-weight:800;color:#042943}
.tribe-events-calendar-list__event-title a:hover{color:#B45438}
.tribe-events-calendar-list__event-date-tag-daynum{color:#042943;font-weight:800}
.tribe-events-calendar-list__event-datetime{color:#B45438;font-weight:600}
.tribe-events-calendar-list__event-featured-image-wrapper img{border-radius:12px}

/* Botons i navegacio */
.tribe-common .tribe-common-c-btn,
.tribe-common a.tribe-common-c-btn{background:#042943;border-radius:100px;font-weight:700}
.tribe-common .tribe-common-c-btn:hover{background:#B45438}
.tribe-events-c-top-bar__datepicker-button,
.tribe-events-c-nav__prev,.tribe-events-c-nav__next{font-weight:700;color:#042943}

/* Fitxa d'esdeveniment */
.tribe-events-single{max-width:1000px;margin:0 auto;padding:48px 24px 72px}
.tribe-events-single-event-title{font-family:Manrope,sans-serif;font-size:38px;font-weight:800;color:#042943;line-height:1.12}
.tribe-events-schedule{background:#f8f7f4;border:1px solid #e6e4de;border-radius:14px;padding:16px 20px;margin:18px 0 26px}
.tribe-events-schedule h2{font-size:16px;font-weight:700;color:#042943}
.tribe-events-event-meta{border:1px solid #e6e4de;border-radius:14px;padding:22px 24px;background:#fff}
.tribe-events-event-meta .tribe-events-meta-group .tribe-events-single-section-title{font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#B45438}
.tribe-events-event-image img{border-radius:16px}
.tribe-events-cal-links a,.tribe-events-back a{color:#B45438;font-weight:700}

/* ══ Ordre de la pàgina de calendari ══
   The Events Calendar posa el seu contenidor en columna flexible i dona un
   "order" explícit a cada tros: capçalera de navegació 1, "before-html" 2,
   graella 3. La nostra capçalera i la barra de filtres viuen totes dues dins
   del "before-html", i per això sortien per sota de la navegació.
   Amb display:contents el "before-html" deixa de fer caixa i els seus fills
   passen a ser fills directes del contenidor, de manera que se'ls pot donar
   ordre propi: capçalera a dalt de tot, filtres just abans de la graella. */
/* la capçalera ja no viu aquí dins: va fora de la vista */
.mtr-cal-capcalera{width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}


/* El número del dia actual, blanc damunt del cercle. Va amb !important
   perquè The Events Calendar el pinta amb la seva variable de color amb la
   mateixa especificitat, i llavors guanya el full que carregui l'últim. */
.tribe-events .tribe-events-calendar-month__day--current .tribe-events-calendar-month__day-date-daynum,
.tribe-events .tribe-events-calendar-month__day-cell--selected .tribe-events-calendar-month__day-date-daynum{color:#fff !important}

/* ══ Sense franja blanca a dalt ══
   La vista porta 56px d'encoixinat superior i el seu contenidor 96px més.
   Abans donaven aire a la barra de mes, que era el primer que hi havia. Ara
   la primera cosa és la capçalera, que ja porta el seu encoixinat a dins, i
   aquells 152px quedaven com una franja blanca entre la capçalera del web i
   la banda crema. Es treu d'allà i es dona a la barra de mes, que ara va
   després de la capçalera. */
.tribe-events.tribe-events-view{padding-top:0 !important}
.tribe-events .tribe-events-l-container{padding-top:0 !important}
.tribe-events .tribe-events-header{margin-top:56px !important}

/* ══ Número del dia actual ══
   El cercle es pintava però el número no es veia a l'ordinador d'en Gerard,
   mentre que des d'aquí totes les mesures el donaven blanc i visible. Com que
   no es va poder reproduir, es fixa tot allò que el podria estar amagant
   —color, farciment del text, mida, alçada de línia, visibilitat— perquè el
   resultat no depengui de cap altra regla ni de l'ordre de càrrega.
   Els valors són els de la proposta: cercle navy de 26-28px, número blanc de
   13px amb pes 500, centrat. */
.tribe-events .tribe-events-calendar-month__day--current .tribe-events-calendar-month__day-date-daynum,
.tribe-events .tribe-events-calendar-month__day-cell--selected .tribe-events-calendar-month__day-date-daynum{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:28px !important;
  height:28px !important;
  border-radius:50% !important;
  background:#042943 !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  font-size:13px !important;
  font-weight:500 !important;
  line-height:1 !important;
  visibility:visible !important;
  opacity:1 !important;
  text-indent:0 !important;
  overflow:visible !important;
}

/* ══ Esdeveniments finalitzats ══
   "Finalitzat" no és una categoria sinó un estat: la classe `mtr-finalitzat`
   l'afegeix `mtr-calendari-finalitzats.php` a partir de la data de final, i
   per tant no cal que ningú etiqueti res a mà.
   Es dibuixen apagats reescrivint les dues variables de color de la secció,
   que és el que ja fan servir la píndola del mes i la barra de multi-dia. El
   gris és el que la paleta del calendari ja tenia reservat per a això. */
.tribe-events .mtr-finalitzat{--mtr-cat:#6b7280;--mtr-cat-bg:#f1f2f4}
.tribe-events .mtr-finalitzat .tribe-events-calendar-month__calendar-event-title a,
.tribe-events .mtr-finalitzat .tribe-events-calendar-month__multiday-event-bar-title{color:#6b7280}

/* El distintiu, només a les vistes de llista i de dia: a la del mes les
   barres fan 12px i no hi cabria. Mateix acabat que les etiquetes de la
   resta del web (Manrope 700 de 9,5px en majúscules, radi 100). */
.tribe-events .mtr-finalitzat .tribe-events-calendar-list__event-title::after,
.tribe-events .mtr-finalitzat .tribe-events-calendar-day__event-title::after{
  content:'Finalitzat';
  display:inline-block;
  vertical-align:middle;
  margin-left:10px;
  background:#6b7280;
  color:#fff;
  font-family:'Manrope',sans-serif;
  font-size:9.5px;
  font-weight:700;
  letter-spacing:.16em;
  text-transform:uppercase;
  padding:4px 10px;
  border-radius:100px;
  white-space:nowrap;
}
/* ===== MTR CALENDARI: fi ===== */

/* ===== MTR HERO VIDEO: inici (generat) ===== */
.hero-seccio .elementor-background-video-container{
  position:absolute;top:0;right:0;bottom:0;left:0;
  width:100%;height:100%;overflow:hidden;
  background:#042943;   /* mentre carrega el video, navy i no crema */
}
.hero-seccio .elementor-background-video-container video,
.hero-seccio video.elementor-background-video-hosted{
  position:absolute !important;
  top:0 !important;left:0 !important;right:auto !important;bottom:auto !important;
  width:100% !important;height:100% !important;
  max-width:none !important;min-width:100% !important;min-height:100% !important;
  transform:none !important;
  object-fit:cover;object-position:center;
  display:block;
}
/* ===== MTR HERO VIDEO: fi ===== */
/* ══ Barra de desplaçament amb els colors del club ══
   No és una vora de la web: és la barra del navegador, que sobre body blanc
   es veia com una franja clara al costat dels vídeos a sang. */
html{
  scrollbar-color: #D2794F #042943;
  scrollbar-width: thin;
}
::-webkit-scrollbar{ width: 12px; height: 12px; }
::-webkit-scrollbar-track{ background: #042943; }
::-webkit-scrollbar-thumb{
  background: #D2794F;
  border-radius: 100px;
  border: 3px solid #042943;
}
::-webkit-scrollbar-thumb:hover{ background: #B45438; }
/* ══ Imatges que ocupen una columna (.intro-image / .school-photo) ══ */
[data-elementor-type="wp-page"] .foto-columna img{
  width: 100%;
  height: 380px;
  object-fit: cover;
  display: block;
  border-radius: 18px;
  box-shadow: 0 18px 44px rgba(4,41,67,.12);
}
/* al hero, més alta i amb més ombra, com .intro-image */
[data-elementor-type="wp-page"] > .e-con:first-child .foto-columna img,
.foto-adornada .foto-columna img{
  height: 480px;
  box-shadow: 0 24px 60px rgba(4,41,67,.15);
}
@media (max-width:1024px){
  [data-elementor-type="wp-page"] .foto-columna img{ height: 320px; }
  [data-elementor-type="wp-page"] > .e-con:first-child .foto-columna img{ height: 360px; }
}
@media (max-width:767px){
  [data-elementor-type="wp-page"] .foto-columna img{ height: 240px; }
  [data-elementor-type="wp-page"] > .e-con:first-child .foto-columna img{ height: 260px; }
}

/* ══ Fitxes d'informació com a targetes (.info-card) ══ */
[data-elementor-type="wp-page"] .elementor-widget-icon-box{
  background: #ffffff;
  border: 1px solid #e6e4de;
  border-radius: 12px;
  padding: 16px 18px;
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
[data-elementor-type="wp-page"] .elementor-widget-icon-box:hover{
  transform: translateY(-2px);
  box-shadow: 0 10px 24px rgba(4,41,67,.09);
  border-color: #D2794F;
}
/* dins d'una targeta ja emmarcada, la fitxa no ha de portar el seu propi marc */
.card-hover .elementor-widget-icon-box{
  background: transparent;
  border: 0;
  padding: 0;
}
.card-hover .elementor-widget-icon-box:hover{
  transform: none;
  box-shadow: none;
}
/* sobre fons fosc */
.sobre-fosc .elementor-widget-icon-box{
  background: rgba(255,255,255,.04);
  border-color: rgba(255,255,255,.12);
}

/* ══ Alineació de les files de text + imatge (.school-layout) ══ */
[data-elementor-type="wp-page"] .e-con.e-flex[class*="e-con"]{ }



/* ▼▼ RESPONSIVE — no editar a mà, es regenera amb css-responsive.php ▼▼ */

/* ══ Paraules llargues ══
   Un sol mot que no hi cap (Frontennis, Instal·lacions, una adreça de correu)
   no pot desbordar la pantalla: es parteix abans. Només actua quan el mot
   sencer no hi cabria de cap manera, així que a partir de 375 px no es nota. */
h1, h2, h3, h4, .elementor-heading-title, .page-header .entry-title{
  overflow-wrap: break-word;
}
.etic-destacat .elementor-heading-title{ overflow-wrap: anywhere; }

/* ══ Zones tàctils ══ */
@media (max-width:1024px){
  /* les fletxes dels carrusels feien 25×25 px */
  .elementor-image-carousel-wrapper .elementor-swiper-button{
    width: 40px; height: 40px;
    display: flex; align-items: center; justify-content: center;
  }
  /* els punts fan 6 px: es manté la mida, s'eixampla la zona clicable */
  .elementor-image-carousel-wrapper .swiper-pagination-bullet{ position: relative; }
  .elementor-image-carousel-wrapper .swiper-pagination-bullet::after{
    content: ''; position: absolute; inset: -10px;
  }
}
@media (max-width:767px){
  /* Els botons que fan d'enllaç no porten encoixinat i quedaven de 13 px
     d'alçada: massa poc per a un dit. */
  [data-elementor-type] .elementor-widget-button .elementor-button{
    min-height: 44px;
    display: inline-flex; align-items: center; justify-content: center;
  }
  /* Les etiquetes rodones dels carrusels de seccions no són botons de debò:
     es queden tal com estaven. */
  [data-elementor-type="wp-page"] .swiper-slide .elementor-button{
    min-height: 0; display: inline-block;
  }
  /* Fletxes del calendari. El botó del tria-vistes no es pot tocar des
     d'aquí: Elementor substitueix la paraula ".elementor-kit-5" del CSS del kit i
     trencaria el nom de la classe. Va al mu-plugin. */
  .tribe-events .tribe-events-c-nav__prev,
  .tribe-events .tribe-events-c-nav__next{ min-height: 44px; }
  /* el botó del mes obre el desplegable de dates i feia 32 px d'alçada */
  .tribe-events .tribe-events-c-top-bar__datepicker-button{ min-height: 44px; }
  /* La casella d'acceptació dels formularis feia 13×13 px */
  .elementor-field-type-acceptance input[type="checkbox"]{
    width: 18px; height: 18px;
  }
  /* Els números de pàgina de les notícies feien 22 px d'alçada */
  .elementor-pagination .page-numbers{
    min-width: 40px; min-height: 40px;
    display: inline-flex; align-items: center; justify-content: center;
  }
}
/* ▲▲ RESPONSIVE ▲▲ */

/* ▼▼ REPÀS PROPOSTA — no editar a mà, es regenera ▼▼ */

/* ══ Distintius (.tarifa-badge, .obert-card-corner de la proposta) ══ */
.mtr-distintiu{ width: fit-content; }
.mtr-distintiu .elementor-heading-title{ line-height: 1; }

/* ══ Pestanyes de tarifes (.tarifa-tabs) ══ */
.mtr-tabs .e-n-tabs-heading{
  gap: 8px; flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none;
  padding-bottom: 4px; justify-content: center;
}
.mtr-tabs .e-n-tabs-heading::-webkit-scrollbar{ display: none; }
.mtr-tabs .e-n-tab-title{
  border: 1px solid #e6e4de; background: #ffffff; white-space: nowrap;
  transition: background-color .2s ease, color .2s ease, border-color .2s ease;
}
.mtr-tabs .e-n-tab-title:hover{ border-color: #D2794F; color: #B45438; }
.mtr-tabs .e-n-tab-title[aria-selected="true"]{ border-color: #042943; }
.mtr-tabs .e-n-tabs-content > .e-con{ padding-top: 30px; }
@media (max-width:767px){
  .mtr-tabs .e-n-tabs-heading{ justify-content: flex-start; }
}

/* ══ Pestanyes laterals del Canal Ètic (.docs-nav de la proposta) ══ */
.mtr-tabs-lateral{ --n-tabs-heading-width: 270px; }
/* la proposta separa columnes amb 40px de buit, sense filet divisori */
.mtr-tabs-lateral .e-n-tabs{ align-items: flex-start; }
.mtr-tabs-lateral .e-n-tabs-heading{
  flex-direction: column; overflow: visible; gap: 4px;
  justify-content: flex-start; align-items: stretch;
  padding-right: 0; margin-right: 0;
  position: sticky; top: 100px;
}
.mtr-tabs-lateral .e-n-tab-title{
  justify-content: flex-start; text-align: left; white-space: normal;
  border: none; background: transparent; line-height: 1.35;
}
.mtr-tabs-lateral .e-n-tab-title:hover{ background: #f8f7f4; }
.mtr-tabs-lateral .e-n-tabs-content > .e-con{ padding-top: 0; padding-left: 40px; }
@media (max-width:1024px){
  .mtr-tabs-lateral{ --n-tabs-heading-width: initial; }
  /* la proposta les fa embolcallar, no lliscar: així no hi ha desbordament */
  .mtr-tabs-lateral .e-n-tabs-heading{
    flex-direction: row; flex-wrap: wrap; overflow: visible;
    border-bottom: 1px solid #e6e4de; position: static;
    padding-right: 0; margin-right: 0; padding-bottom: 8px; margin-bottom: 18px;
  }
  .mtr-tabs-lateral .e-n-tab-title{ white-space: normal; flex: 0 1 auto; }
  .mtr-tabs-lateral .e-n-tabs-content > .e-con{ padding-left: 0; }
}
@media (max-width:640px){
  /* Per sota de 640 la proposta posa cada pestanya a tota l'amplada.
     Cal fer-ho per la variable d'Elementor i amb la classe repetida:
     la regla del giny va després i guanyaria amb la mateixa especificitat. */
  .mtr-tabs-lateral.mtr-tabs-lateral{ --n-tabs-title-flex-basis: 100%; --n-tabs-title-flex-grow: 1; }
  .mtr-tabs-lateral .e-n-tabs-heading .e-n-tab-title{ flex: 1 0 100%; }
  /* Elementor imposa width:auto amb .elementor.elementor (0,4,0): cal
     igualar-li l'especificitat o la pastilla no ocupa tota l'amplada. */
  .elementor.elementor .elementor-widget-n-tabs.mtr-tabs-lateral .e-n-tab-title{ width: 100%; }
}

/* ══ Estatus i reglaments: la columna de pestanyes s'enganxa ══
   La proposta fa el .docs-tabs sticky a 100px del capdamunt. En tauleta
   i mòbil les pestanyes passen a dalt i deixa de tenir sentit. */
.mtr-tabs-doc .e-n-tabs{ align-items: flex-start; }
.mtr-tabs-doc .e-n-tabs-heading{ position: sticky; top: 100px; }
@media (max-width:1024px){
  .mtr-tabs-doc .e-n-tabs-heading{ position: static; }
}

/* ══ Caixa destacada del Canal Ètic (.hl-box) ══ */
.etic-destacat a{ color: #042943; text-decoration: none; }
.etic-destacat a:hover{ color: #B45438; }

/* ══ Canal Ètic: enllaç dins d'un paràgraf (.inline-link de la proposta) ══ */
.etic-enllac{ color: #B45438; text-decoration: underline; font-weight: 500; }
.etic-enllac:hover{ color: #042943; }

/* ══ Canal Ètic: línia etiqueta+valor d'una targeta de canal (.cc-row) ══
   El rètol va en navy i amb una amplada mínima perquè els valors s'alineïn. */
.etic-cc-row p{ margin: 0; padding: 6px 0; }
.etic-cc-row strong{ color: #042943; display: inline-block; min-width: 90px; }

/* ══ Canal Ètic: la targeta de canal no fa el salt de ratolí ══
   Conserva card-hover (és l'antídot del kit perquè les caixes d'icona no
   es dibuixin com a targeta pròpia) però anul·la el moviment i deixa
   l'ombra suau de la proposta. */
.etic-canal.card-hover{ box-shadow: 0 6px 20px rgba(4,41,67,0.05); }
.etic-canal.card-hover:hover{
  transform: none; border-color: #e6e4de;
  box-shadow: 0 6px 20px rgba(4,41,67,0.05);
}

/* ══════════════════════════ Restaurant ══════════════════════════ */

/* Antetítol de la capçalera, amb la ratlleta terracota al davant.
   En línia i no com a element flexible: com a fill d'un flex s'estirava
   a tota l'amplada disponible. */
.rest-antetitol .elementor-heading-title::before{
  content: ''; display: inline-block; width: 28px; height: 2px;
  background: #B45438; vertical-align: middle; margin-right: 12px;
}

/* La paraula destacada del titular de la capçalera va en degradat daurat */
.rest-h1 em{
  font-style: italic;
  background: linear-gradient(120deg, #B45438 0%, #D2794F 100%);
  -webkit-background-clip: text; background-clip: text;
  -webkit-text-fill-color: transparent;
}
/* i als titulars de secció, navy sobre clar i càlida sobre fosc */
.rest-titol.rest-titol em{ color: #042943; }
.rest-titol-fosc.rest-titol-fosc em{ color: #D2794F; }

/* Columna visual de la capçalera: foto de 520px i distintiu desplaçat
   a baix a l'esquerra. Cal posició absoluta: la proposta el treu fora
   de la foto, i Elementor no té desplaçaments d'aquest tipus. */
.rest-hero-visual{ position: relative; }
.rest-hero-foto img{
  width: 100%; height: 520px; object-fit: cover; display: block;
  border-radius: 24px; filter: saturate(1.05);
  box-shadow: 0 30px 80px rgba(4,41,67,.22), 0 8px 24px rgba(4,41,67,.08);
}
.rest-hero-distintiu{
  position: absolute; bottom: -22px; left: -22px;
  max-width: 240px; z-index: 3;
  box-shadow: 0 14px 36px rgba(4,41,67,.18);
}
@media (max-width:1024px){
  .rest-hero-foto img{ height: 420px; }
  .rest-hero-distintiu{ bottom: -18px; left: 0; }
}
@media (max-width:640px){
  .rest-hero-foto img{ height: 300px; border-radius: 18px; }
  .rest-hero-distintiu{ position: static; max-width: none; margin-top: 14px; }
}

/* Pastilles de la capçalera, amb el punt terracota que hi posa la proposta.
   Classe repetida: la regla general de .mtr-pastilles va després. */
.rest-pastilles.rest-pastilles .elementor-icon-list-items .elementor-icon-list-item{
  gap: 6px; padding: 6px 14px;
}
.rest-pastilles.rest-pastilles .elementor-icon-list-items .elementor-icon-list-item::before{
  content: ''; width: 5px; height: 5px; border-radius: 50%;
  background: #B45438; flex: 0 0 5px;
}

/* Cel·les del mosaic: alçades fixes amb la foto retallada.
   Elementor no té control de proporció ni d'alçada per a la imatge. */
.rest-cella img{ width: 100%; object-fit: cover; display: block; border-radius: 14px; }
.rest-cella-alta img{ height: 414px; }
.rest-cella-baixa img{ height: 200px; }
.rest-cella-mitjana img{ height: 240px; }
@media (max-width:1024px){
  .rest-cella-alta img{ height: 280px; }
  .rest-cella-baixa img{ height: 180px; }
  .rest-cella-mitjana img{ height: 200px; }
}
@media (max-width:640px){
  .rest-cella-alta img,
  .rest-cella-mitjana img{ height: 220px; }
  .rest-cella-baixa img{ height: 160px; }
}

/* Mapa a tota amplada, sense buits */
.rest-mapa .elementor-widget-google_maps{ line-height: 0; }

/* ══ Espai Infantil: cel·les de la galeria i nota de la fitxa ══
   Elementor no té control de proporció per a la imatge; la proposta
   retalla totes les fotos a 4/3 perquè la graella quedi regular. */
.ei-foto img{
  width: 100%; height: auto; aspect-ratio: 4 / 3;
  object-fit: cover; display: block; border-radius: 14px;
}
.ei-nota strong{ color: #B45438; }

/* ══ Classes Particulars: taula de tarifes en mòbil ══
   Per sota de 640 la proposta apila la taula: amaga el rètol de la
   capçalera i posa el nom de la columna sobre cada preu. Són
   pseudo-elements amb contingut, que Elementor no pot generar. */
@media (max-width:640px){
  .cp-th-retol{ display: none; }
  .cp-retol{ background: #f8f7f4; border-bottom: 1px solid #e6e4de; }
  .cp-preu + .cp-preu{ border-top: 1px dashed #e6e4de; }
  .cp-preu .elementor-widget-heading::before{
    display: block; font-size: 11px; letter-spacing: .1em;
    text-transform: uppercase; color: #5B6875; font-weight: 600; margin-bottom: 2px;
  }
  .cp-preu-1 .elementor-widget-heading::before{ content: '1 persona'; }
  .cp-preu-2 .elementor-widget-heading::before{ content: '2 persones'; }
  .cp-preu-3 .elementor-widget-heading::before{ content: '3 persones'; }
}

/* ══════════ L'Estiu al Monterols: identitat pròpia de la pàgina ══════════
   La proposta d'aquesta pàgina li dona una paleta d'estiu (sol #f5a623,
   corall #ef5d3a, taronja #e8731c) que no existeix als colors globals. */

/* Capçalera: degradat radial de QUATRE parades més uns raigs en
   conic-gradient. Elementor només admet dues parades i no té conic. */
.estiu-hero{
  background: radial-gradient(circle at 50% 120%, #fff3d6 0%, #f9c558 35%, #f0962f 70%, #e8731c 100%);
  position: relative; overflow: hidden;
}
.estiu-hero::before{
  content: ''; position: absolute; inset: 0; pointer-events: none;
  background: repeating-conic-gradient(from 0deg at 50% 60%, rgba(255,255,255,.10) 0deg 8deg, transparent 8deg 16deg);
}
.estiu-hero > .e-con-inner{ position: relative; z-index: 2; }

/* L'"al" del titular va dins d'un cercle navy: és un span dins d'un
   encapçalament i Elementor no pot estilar-lo. */
.estiu-h1 .estiu-al{
  display: inline-flex; align-items: center; justify-content: center;
  box-sizing: content-box; width: 1.35em; height: 1.35em; padding: .12em;
  background: #042943; color: #f9c558; border-radius: 50%;
  font-size: .4em; line-height: 1; vertical-align: middle; margin: 0 .04em;
}
.estiu-sub .elementor-heading-title{ text-shadow: 0 2px 12px rgba(232,115,28,.4); }
.estiu-dates{ box-shadow: 0 8px 24px rgba(232,115,28,.25); }

/* Cartell de la introducció */
.estiu-cartell img{
  border-radius: 18px; box-shadow: 0 24px 60px rgba(232,115,28,.22); display: block;
}

/* Etiquetes de la introducció, en tons d'estiu. Classe repetida: la regla
   general de .mtr-pastilles té la mateixa especificitat i va després. */
.estiu-etiquetes.estiu-etiquetes .elementor-icon-list-items .elementor-icon-list-item{
  background: #fff3d6; border-color: #f4d68a;
}
.estiu-etiquetes.estiu-etiquetes .elementor-icon-list-items .elementor-icon-list-item:hover{ border-color: #f5a623; }

/* Targeta de períodes: filet vertical entre columnes, horitzontal en mòbil */
.estiu-periodes{ box-shadow: 0 24px 60px rgba(4,41,67,.2); }
.estiu-periode + .estiu-periode{ border-left: 1px solid rgba(255,255,255,.12); }
@media (max-width:1024px){
  .estiu-periode + .estiu-periode{
    border-left: none; border-top: 1px solid rgba(255,255,255,.12);
    padding-top: 22px; margin-top: 22px;
  }
}

/* Targetes d'acció: el salt de ratolí de la proposta */
.estiu-accio{ transition: transform .25s ease, box-shadow .25s ease; }
.estiu-accio:hover{ transform: translateY(-4px); box-shadow: 0 18px 40px rgba(232,115,28,.25); }

/* Franja de foto a tota amplada, amb el peu en pastilla centrat a sobre.
   Cal posició absoluta: la proposta el superposa a la imatge. */
.estiu-franja{ position: relative; }
.estiu-franja-foto img{
  width: 100%; height: clamp(280px, 42vw, 560px);
  object-fit: cover; display: block;
}
.estiu-franja-peu{
  position: absolute; bottom: 24px; left: 50%; transform: translateX(-50%);
  width: auto; max-width: calc(100% - 40px);
}
.estiu-franja-peu .elementor-heading-title{
  display: inline-block; background: rgba(4,41,67,.88);
  padding: 12px 28px; border-radius: 100px; white-space: nowrap;
}
@media (max-width:640px){
  .estiu-franja-peu .elementor-heading-title{ white-space: normal; padding: 10px 18px; }
}

/* Titulars d'aquesta pàgina: la paraula destacada va en corall */
.estiu-titol.estiu-titol em{ color: #ef5d3a; }

/* Enllaç "veure totes les fotos", subratllat com el .pc-more */
.estiu-mes .elementor-button{ border-bottom: 1.5px solid #D2794F; }

/* ══ Àrea Esportiva: foto de la targeta de secció (.ap-media) ══
   Elementor no té control de proporció per a la imatge; la proposta les
   retalla totes a 16/10 perquè les targetes quedin alineades. */
.ae-media img{ aspect-ratio: 16 / 10; object-fit: cover; width: 100%; display: block; }

/* ══ Àrea Esportiva: paraula destacada i negretes de la introducció ══ */
.ae-titol.ae-titol em{ color: #042943; }
.ae-intro strong{ color: #042943; font-weight: 600; }

/* ══ Patrocinadors: targeta de logotip (.logo-card) ══
   Elementor no té control d'alçada màxima per a la imatge; la proposta
   limita el logotip a 96px perquè totes les targetes es vegin iguals. */
.patro-logo img{ max-height: 96px; width: auto; object-fit: contain; }

/* ══ Patrocinadors: la paraula destacada del titular de secció ══
   El kit ja pinta en terracota els em de h1/h2/h3 amb una regla de
   [data-elementor-type] (0,1,2); cal repetir la classe per guanyar-la.
   La proposta els vol navy sobre clar i càlids sobre fons fosc. */
.patro-titol.patro-titol em{ color: #042943; }
.patro-fosc .patro-titol em{ color: #D2794F; }

/* ══ Canal Ètic: llista amb punt daurat (.panel-body ul) ══ */
.etic-llista .elementor-icon-list-icon{ align-self: flex-start; margin-top: 8px; }

/* ══ Graella de quotes: una sola targeta ha de quedar centrada ══ */
.quotes-grid, .packs-grid, .obert-grid{ justify-content: center; }

/* ══ Xifra de descompte dels packs (.pack-discount) ══ */
.mtr-xifra{
  margin-top: 18px; padding-top: 18px; border-top: 1px dashed #e6e4de;
}
.mtr-xifra .elementor-widget-heading:first-child .elementor-heading-title{ line-height: 1; }

/* ══ Targetes amb foto de fons (.obert-card) ══
   Degradat com el de la proposta, en comptes d'un vel pla. */
.mtr-foto-card{ overflow: hidden; position: relative; }
.mtr-foto-card::before{
  content:''; position:absolute; inset:0; z-index:0; pointer-events:none;
  background: linear-gradient(to top, rgba(4,41,67,.92) 0%, rgba(4,41,67,.55) 45%, rgba(4,41,67,.18) 100%);
}
.mtr-foto-card > .e-con-inner,
.mtr-foto-card > .elementor-element{ position: relative; z-index: 1; }
.mtr-foto-card .elementor-button{ margin-top: 4px; }
.mtr-foto-card .mtr-distintiu{
  position:absolute; top:20px; right:20px; z-index:2;
  backdrop-filter: blur(4px);
}

/* ══ Pastilles en línia (.hero-pills / .fac-tags) ══ */
.mtr-pastilles .elementor-icon-list-items{ flex-wrap: wrap; gap: 8px; }
.mtr-pastilles .elementor-icon-list-items .elementor-icon-list-item{
  background: #ffffff; border: 1px solid #e6e4de; border-radius: 100px;
  padding: 6px 13px; margin: 0 !important;
  transition: border-color .2s ease, background-color .2s ease;
}
.mtr-pastilles .elementor-icon-list-items .elementor-icon-list-item:hover{ border-color: #D2794F; }
.mtr-pastilles .elementor-icon-list-item span{ padding: 0; }
.mtr-pastilles .elementor-icon-list-icon{ display: none; }
.mtr-pastilles-fosca .elementor-icon-list-items .elementor-icon-list-item{
  background: rgba(255,255,255,.08); border-color: rgba(255,255,255,.22);
}
.mtr-pastilles-fosca .elementor-icon-list-item:hover{ border-color: rgba(210,121,79,.6); }

/* ══ Targeta d'espai esportiu (.fac-card) ══ */
.fac-card{ position: relative; overflow: hidden; }
.fac-card > .e-con-inner > .elementor-widget-image,
.fac-card > .elementor-widget-image{ margin-bottom: 0; }
.fac-card .elementor-widget-image img{
  border-radius: 18px 18px 0 0 !important; width: 100%;
  aspect-ratio: 16/10; object-fit: cover; display: block;
}
.fac-card .mtr-distintiu{ position: absolute; top: 16px; right: 16px; z-index: 2; }
.fac-card > .e-con-inner > *:not(.elementor-widget-image),
.fac-card > *:not(.elementor-widget-image):not(.mtr-distintiu){
  padding-left: 24px; padding-right: 24px;
}

/* ══ Llegenda numerada del plànol (.legend-item) ══ */
.mtr-llegenda .elementor-widget-text-editor li{ padding-left: 34px; }
.mtr-llegenda .elementor-widget-text-editor li::before{ display: none; }
.mtr-llegenda .elementor-widget-text-editor li strong{
  position: absolute; left: 0; top: 8px;
  width: 22px; height: 22px; border-radius: 50%;
  background: #042943; color: #ffffff !important;
  font-size: 11px; font-weight: 700; line-height: 22px; text-align: center;
}

/* ══ Plànol: convida a ampliar ══ */
.mtr-planol img{ cursor: zoom-in; border: 1px solid #e6e4de; background: #ffffff; }

/* ══ Carrusel amb peu de foto (.pc-track / .pc-slide figcaption) ══ */
.mtr-carrusel .swiper-slide{ height: auto; }
/* La proposta dona a cada diapositiva proporció 4/3 amb la foto retallada
   (.pc-slide{aspect-ratio:4/3} + img{object-fit:cover}). Elementor no té
   control de proporció per a la imatge del carrusel. */
.mtr-carrusel .swiper-slide img{
  width: 100%; height: auto; aspect-ratio: 4 / 3;
  object-fit: cover; display: block;
}
/* El peu va SOBRE la foto amb un vel fosc, com .pc-slide figcaption de la
   proposta. Cal posició absoluta: el giny el treu a sota de la imatge i no
   té cap ajust per superposar-lo. El retall el fa la figura. */
.mtr-carrusel .swiper-slide-inner{
  position: relative; border-radius: 16px; overflow: hidden; display: block;
}
.mtr-carrusel .elementor-image-carousel-caption{
  position: absolute; left: 0; right: 0; bottom: 0; margin: 0;
  padding: 34px 16px 13px; text-align: left;
  background: linear-gradient(to top, rgba(4,41,67,.86), transparent);
  font-style: normal; line-height: 1.35;
}
.mtr-carrusel .elementor-swiper-button{
  color: #042943; background: #ffffff; border: 1px solid #e6e4de;
  width: 40px; height: 40px; border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  box-shadow: 0 6px 18px rgba(4,41,67,.10);
}
.mtr-carrusel .elementor-swiper-button:hover{ border-color: #D2794F; color: #B45438; }
/* NOTA sobre les fletxes: a la proposta van a la capçalera, a dalt a la
   dreta. No es poden moure allà: el giny les dibuixa dins de
   .elementor-image-carousel-wrapper, que porta overflow:hidden i les
   retallaria, i les regles de posició del propi giny guanyen el pols de
   l'especificitat. Es queden centrades als costats, que és el natiu. */

/* ══ Formularis (.form-card de la proposta) ══ */
.mtr-form .elementor-field-group{ margin-bottom: 2px; }
.mtr-form .elementor-field-label{ margin-bottom: 6px !important; }
.mtr-form .elementor-field-textual{
  border: 1px solid #e6e4de; border-radius: 10px; background: #fbfaf7;
  padding: 12px 14px; color: #042943; transition: border-color .2s ease, background-color .2s ease;
}
.mtr-form .elementor-field-textual:focus{
  border-color: #D2794F; background: #ffffff; outline: none;
  box-shadow: 0 0 0 3px rgba(210,121,79,.12);
}
.mtr-form .elementor-field-type-acceptance .elementor-field-option{
  display: flex; gap: 9px; align-items: flex-start;
  font-size: 12.5px; line-height: 1.55; color: #5B6875;
}
.mtr-form .elementor-field-type-acceptance input{ margin-top: 3px; flex-shrink: 0; }
.mtr-form .elementor-field-type-acceptance a{ color: #B45438; text-decoration: underline; }
.mtr-form .elementor-button{ margin-top: 8px; }
.mtr-form .elementor-message{ font-size: 13px; }

/* ══ Fitxes de contacte dins de targeta clara ══ */
.sobre-fosc .mtr-form .elementor-field-label{ color: #042943 !important; }

/* ══ Galeria amb filtre per categories (.gal-filters de la proposta) ══ */
.mtr-galeria .elementor-gallery__titles-container{
  gap: 8px; flex-wrap: wrap; justify-content: center; margin-bottom: 34px;
}
.mtr-galeria .elementor-gallery-title{
  display: inline-flex; align-items: center; min-height: 44px;
  background: #ffffff; border: 1.5px solid #e6e4de; border-radius: 100px;
  padding: 11px 20px;
  transition: border-color .2s ease, color .2s ease, background-color .2s ease;
}
.mtr-galeria .elementor-gallery-title:hover{ border-color: #D2794F; }
.mtr-galeria .elementor-gallery-title--active{ background: #042943; border-color: #042943; color: #fff !important; }
.mtr-galeria .elementor-gallery-item__title{ line-height: 1.35; }
/* El peu de foto surt en passar per sobre, com a la proposta. A mòbil no hi
   ha passada de ratolí: es queda visible amb el seu degradat. */
.mtr-galeria .elementor-gallery-item__content{ opacity: 0; transition: opacity .25s ease; }
.mtr-galeria .e-gallery-item:hover .elementor-gallery-item__content,
.mtr-galeria .e-gallery-item:focus-within .elementor-gallery-item__content{ opacity: 1; }
@media (max-width:767px){
  .mtr-galeria .elementor-gallery-item__content{ opacity: 1; }
  .mtr-galeria .elementor-gallery-item__overlay{
    background: linear-gradient(to top, rgba(4,41,67,.85), transparent);
  }
}

/* ══ Notícia destacada: alçada estable ══
   La regla de base deixava la foto de la destacada amb aspect-ratio:auto, així
   que una foto vertical (les del mòbil) estirava tota la targeta. Li donem una
   proporció fixa: la foto es retalla, la targeta sempre fa el mateix.

   IMPORTANT: només a l'arxiu de notícies. Les graelles de la portada
   (.mtr-news-iguals) i de les relacionades (.mtr-relacionades) porten també
   la classe .mtr-news-grid però allà totes les targetes han de ser iguals,
   sense destacada. */
@media(min-width:769px){
  .mtr-news-grid:not(.mtr-news-iguals):not(.mtr-relacionades) .elementor-loop-container > .e-loop-item:first-of-type .e-con.mtr-news-thumb{
    aspect-ratio: 3 / 2;
    height: auto;
    min-height: 0;
    max-height: 440px;
  }
  .mtr-news-grid:not(.mtr-news-iguals):not(.mtr-relacionades) .elementor-loop-container > .e-loop-item:first-of-type .e-con.mtr-news-card{
    align-items: stretch;
  }
  .mtr-news-grid:not(.mtr-news-iguals):not(.mtr-relacionades) .elementor-loop-container > .e-loop-item:first-of-type .e-con.mtr-news-body{
    min-height: 330px;
  }
}
/* En mòbil totes les targetes van amb la mateixa proporció */
@media(max-width:768px){
  .mtr-news-grid:not(.mtr-news-iguals):not(.mtr-relacionades) .elementor-loop-container > .e-loop-item:first-of-type .e-con.mtr-news-thumb{
    aspect-ratio: 16 / 10;
    height: auto;
    min-height: 0;
  }
}
/* A la portada i a les relacionades, la primera targeta és una més */
.mtr-news-iguals .elementor-loop-container > .e-loop-item:first-of-type .e-con.mtr-news-thumb,
.mtr-relacionades .elementor-loop-container > .e-loop-item:first-of-type .e-con.mtr-news-thumb{
  aspect-ratio: 16 / 10;
  height: auto;      /* la regla de base li posava height:100% i s'estirava */
  align-self: start; /* i que no s'estiri per igualar l'alçada de la fila */
  min-height: 0;
  max-height: none;
}
.mtr-news-iguals .elementor-loop-container > .e-loop-item:first-of-type .e-con.mtr-news-body,
.mtr-relacionades .elementor-loop-container > .e-loop-item:first-of-type .e-con.mtr-news-body{
  min-height: 0;
}
/* La foto sempre omple la seva caixa, sigui quina sigui la seva forma */
.mtr-news-thumb img{ object-fit: cover; object-position: center; }

/* ══ Butlletí de la barra lateral de notícies ══ */
.mtr-butlleti .mtr-form .elementor-field-group{ margin-bottom: 0; }
.mtr-butlleti .elementor-button{ width: 100%; }

/* ══ Targeta de classes dirigides, al costat de l'agenda ══ */
.mtr-classes-dirigides{ border-left: 3px solid #D2794F; }

/* ══ Barra d'accent a dalt de la targeta (.lead-card::before de la proposta) ══
   Elementor només deixa un color per a tota la vora, així que la franja
   superior de 3 px no es pot fer amb els controls de la targeta. */
.mtr-card-barra{ position: relative; overflow: hidden; }
.mtr-card-barra::before{
  content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px;
  background: #D2794F;
}

/* ══ Unitat de les xifres (.ks-num .unit de la proposta) ══
   La unitat va més petita i en terracota dins del mateix número. Un sol giny
   d'encapçalament no admet dues mides, així que la unitat va dins d'un <em>. */
.mtr-xifra-unitat em{ font-style: normal; font-size: .45em; color: #B45438; }
.sobre-fosc .mtr-xifra-unitat em{ color: #D2794F; }

/* ══ Caixes d'icona de Dades d'interès (.fac-block h3 i .hours-icon) ══
   Dues coses que el kit i el tema fan i que la proposta no vol aquí:
   · el kit dibuixa qualsevol giny d'icona com una targeta pròpia (fons, vora,
     radi i encoixinat), i aquí ja va dins d'una targeta;
   · Elementor reinicia els marges de .elementor-heading-title, però no els de
     .elementor-icon-box-title, que s'emporta els dels encapçalaments del tema. */
.arees-grid .elementor-widget-icon-box,
.horaris-grid .elementor-widget-icon-box{
  background: none; border: 0; padding: 0;
}
.arees-grid .elementor-widget-icon-box:hover,
.horaris-grid .elementor-widget-icon-box:hover{
  transform: none; box-shadow: none;
}
.arees-grid .elementor-icon-box-title,
.horaris-grid .elementor-icon-box-title{ margin: 0; }

/* ══════════════ Zones tàctils en mòbil ══════════════
   Auditoria del 31-ago-2026: cap desbordament horitzontal, cap imatge
   deformada i cap text tallat de debò en 28 pàgines i 20 amples. Els
   únics problemes reals eren objectius tàctils massa baixos. Aquí es
   corregeixen sense tocar tipografia ni colors, i només per sota de
   768px: a escriptori no canvia res. */
@media (max-width:767px){
  /* Enllaços del peu: són text en línia de 18px d'alt dins de ginys
     d'editor de text. Es fan inline-block amb encoixinat vertical per
     arribar a ~32px, i es retalla el marge de la llista perquè el peu
     no s'allargui gaire. */
  .elementor-location-footer .elementor-widget-text-editor li > a{
    display: inline-block; padding: 9px 0;
  }
  .elementor-location-footer .elementor-widget-text-editor ul li{ margin-bottom: 2px; }

  /* Núvol d'etiquetes de notícies: pastilles de 31px d'alt. */
  .mtr-etiquetes a{ padding: 9px 14px; }
}

  /* ══ Seccions de la portada: tota la targeta és un enllaç ══
     Com a la proposta, on la targeta sencera és <a class="sc-card">.
     Per poder-ho fer, la pastilla de categoria ha deixat de ser un giny Button:
     Elementor el dibuixa sempre com a <a>, i un <a> dins d'un altre no és HTML
     vàlid — el navegador tanca el de fora i buida la targeta. Ara és un giny
     Encapçalament amb l'etiqueta <span>, i el seu aspecte de pastilla es pinta
     aquí amb els valors exactes que tenia el botó. */
  .mtr-seccio{ text-decoration: none; }

  .mtr-pastilla.mtr-pastilla .elementor-heading-title{
    display: inline-block;
    font-family: "Manrope", sans-serif;
    font-size: 10.5px;
    font-weight: 800;
    letter-spacing: 1.89px;
    line-height: 12.6px;
    text-transform: uppercase;
    color: #ffffff;
    background-color: #D2794F;
    padding: 7px 14px;
    border-radius: 20px;
  }

  /* ══ Pestanyes de documents: Estatuts i Canal Ètic, iguals ══

     Els dos blocs han de veure's igual, com a la proposta (`.docs-tab`):
     inactiva sense fons, ratolí a sobre en crema i activa en navy amb el text
     blanc. El fons de cada estat es dibuixa aquí i no des dels ajustos del
     giny, perquè quan es configura des d'Elementor aquest emet regles
     compostes —`[aria-selected='false']:not( :hover )` i variants de mode
     tàctil— que feien que la marca es quedés encallada.

     Dues coses a tenir en compte:

      · L'activa va l'última, per guanyar quan s'hi passa el ratolí per sobre.

      · Cal `!important` al fons de la inactiva: Elementor la pinta amb
        `.elementor-widget-n-tabs .e-n-tab-title[aria-selected="false"]`, que
        té més especificitat que la classe del bloc i li posaria una caixa
        grisa on la proposta no en vol cap. */

  .mtr-tabs .e-n-tab-title,
  .mtr-tabs-doc .e-n-tab-title{
    background: transparent !important;
  }
  .mtr-tabs .e-n-tab-title:hover,
  .mtr-tabs-doc .e-n-tab-title:hover{
    background: #f8f7f4 !important;
  }
  .mtr-tabs .e-n-tab-title[aria-selected="true"],
  .mtr-tabs-doc .e-n-tab-title[aria-selected="true"]{
    background: #042943 !important;
  }

  /* El text i la icona amb el ratolí a sobre. Elementor els posa el color de
     l'ACTIVA (blanc), i quedaven il·legibles sobre el fons crema:
       .e-n-tab-title[aria-selected=false]:hover{ color: var(--n-tabs-title-color-active) } */
  .mtr-tabs .e-n-tab-title[aria-selected="false"]:hover,
  .mtr-tabs .e-n-tab-title[aria-selected="false"]:hover a,
  .mtr-tabs .e-n-tab-title[aria-selected="false"]:hover .e-n-tab-title-text,
  .mtr-tabs-doc .e-n-tab-title[aria-selected="false"]:hover,
  .mtr-tabs-doc .e-n-tab-title[aria-selected="false"]:hover a,
  .mtr-tabs-doc .e-n-tab-title[aria-selected="false"]:hover .e-n-tab-title-text{
    color: #042943;
  }
  .mtr-tabs .e-n-tab-title[aria-selected="false"]:hover .e-n-tab-icon svg,
  .mtr-tabs-doc .e-n-tab-title[aria-selected="false"]:hover .e-n-tab-icon svg{
    fill: #042943;
  }
/* ▲▲ REPÀS PROPOSTA ▲▲ */

/* ===== MTR ALBUMS: inici (generat) ===== */
/* ---------- el filtre d'anys ---------- */
.mtr-albums-filtres{display:flex;gap:14px;flex-wrap:wrap;margin:0 0 38px}
.mtr-albums-camp{display:inline-flex;flex-direction:column;gap:6px}
.mtr-albums-etiqueta{font-family:Manrope,sans-serif;font-size:10px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:#8b96a2}
.mtr-albums-select{appearance:none;-webkit-appearance:none;font-family:Manrope,sans-serif;font-size:15px;font-weight:600;color:#042943;background-color:#f1f1ef;background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9'%3E%3Cpath d='M1 1l6 6 6-6' fill='none' stroke='%23042943' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 18px center;border:1px solid #e6e4de;border-radius:10px;padding:13px 48px 13px 18px;min-width:170px;min-height:46px;cursor:pointer;transition:border-color .18s}
.mtr-albums-select:hover{border-color:#042943}
.mtr-albums-select:focus-visible{outline:2px solid #B45438;outline-offset:2px}

/* ---------- l'índex d'àlbums ---------- */
.mtr-albums-graella{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));column-gap:30px;row-gap:38px}
.mtr-album-carta{display:flex;flex-direction:column;text-decoration:none;color:inherit}
.mtr-album-portada{position:relative;display:block;overflow:hidden;border-radius:14px;background:#f1f1ef;aspect-ratio:4/3}
.mtr-album-portada img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .45s ease}
.mtr-album-carta:hover .mtr-album-portada img{transform:scale(1.04)}
.mtr-album-sense-portada{display:block;width:100%;height:100%;background:linear-gradient(135deg,#eceae4,#f8f7f4)}
.mtr-album-n{position:absolute;bottom:12px;left:12px;font-family:Manrope,sans-serif;font-size:11px;font-weight:700;letter-spacing:.06em;color:#fff;background:rgba(4,41,67,.72);border-radius:100px;padding:5px 11px}
.mtr-album-titol{font-family:Manrope,sans-serif;font-size:20px;font-weight:700;line-height:1.3;color:#042943;margin:18px 0 0;transition:color .18s}
.mtr-album-carta:hover .mtr-album-titol{color:#B45438}
.mtr-album-data{font-family:Manrope,sans-serif;font-size:12.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#8b96a2;margin-top:10px}
.mtr-albums-buit,.mtr-album-buit{font-family:Manrope,sans-serif;font-size:16px;color:#5B6875}

/* ---------- la capçalera de l'àlbum ---------- */
.mtr-album-capcalera{max-width:1360px;margin:0 auto;padding:0 30px}
.mtr-album-tornar{display:inline-block;font-family:Manrope,sans-serif;font-size:11.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#B45438;text-decoration:none;margin-bottom:18px}
.mtr-album-tornar:hover{color:#042943}
.mtr-album-nom{font-family:Manrope,sans-serif;font-size:40px;font-weight:800;line-height:1.12;color:#042943;margin:0}
.mtr-album-meta{font-family:Manrope,sans-serif;font-size:12.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#8b96a2;margin-top:14px}

/* ---------- la graella de fotos ---------- */
.mtr-album-graella{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:6px}
.mtr-album-foto{display:block;overflow:hidden;background:#f1f1ef;aspect-ratio:3/2}
.mtr-album-foto img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease,filter .3s}
.mtr-album-foto:hover img{transform:scale(1.03);filter:brightness(1.04)}

@media(max-width:1024px){
  .mtr-album-nom{font-size:33px}
  .mtr-albums-graella{column-gap:24px;row-gap:32px}
}
@media(max-width:600px){
  .mtr-album-nom{font-size:26px}
  .mtr-album-capcalera{padding:0 20px}
  .mtr-albums-graella{grid-template-columns:1fr;row-gap:30px}
  .mtr-album-graella{grid-template-columns:1fr 1fr;gap:4px}
  .mtr-album-titol{font-size:18px}
  .mtr-albums-select{width:100%;min-width:0}
}
/* ===== MTR ALBUMS: fi ===== *//* End custom CSS */