.post-meta,
.entry-meta,
.byline,
.posted-on {
    display: none !important;
}




/* Botó d'inscripció al menú (Astra) */
.main-header-menu .menu-item.menu-cta {
  display: flex;
  align-items: center;      /* centra el botó verticalment */
}

.main-header-menu .menu-item.menu-cta > .menu-link {
  background-color: #E76E17;
  color: #ffffff !important;
  height: auto !important;   /* evita que ompli tota l'alçada */
  line-height: 1.2 !important;
  padding: 10px 22px !important;
  margin: 0 0 0 12px;        /* una mica d'aire respecte al menú anterior */
  border-radius: 6px;
  font-weight: 700;
  transition: background-color .2s ease, color .2s ease, transform .2s ease;
}

.main-header-menu .menu-item.menu-cta > .menu-link:hover,
.main-header-menu .menu-item.menu-cta > .menu-link:focus {
  background-color: #ffffff;
  color: #E76E17 !important;
  transform: translateY(-1px);
}



/* === Ratlla taronja sota l'etiqueta de les targetes === */
.targeta-etiqueta,
.wpcom-ai-card-header {
  padding-bottom: 14px !important;
  margin-bottom: 16px !important;
  background-image: linear-gradient(#E76E17, #E76E17) !important;
  background-repeat: no-repeat !important;
  background-size: 40px 3px !important;
  background-position: left bottom !important;
}


/* === Ratlla taronja sobre el títol de secció === */
.titol-seccio {
  padding-top: 16px !important;
  background-image: linear-gradient(#E76E17, #E76E17) !important;
  background-repeat: no-repeat !important;
  background-size: 40px 3px !important;
  background-position: left top !important;
}



/* === Bloc final "Voleu participar-hi?" (estil juvenil) === */
.mostra-cta {
  --cta-gap: 48px;
  padding: clamp(40px, 6vw, 80px) clamp(20px, 5vw, 64px);
  overflow: hidden;
  color: #fff;
}
.mostra-cta__inner {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1.25fr 1fr;
  gap: var(--cta-gap);
  align-items: center;
}
.mostra-cta__text  { position: relative; z-index: 1; }
.mostra-cta__media { position: relative; z-index: 2; }  /* la foto queda per sobre de la franja */

/* Etiqueta superior amb ratlla */
.mostra-cta .mostra-cta__eyebrow {
  display: flex;
  align-items: center;
  gap: 14px;
  margin: 0 0 24px;
  font-size: .8rem;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: #fff;
}
.mostra-cta .mostra-cta__eyebrow::before {
  content: "";
  width: 32px;
  height: 3px;
  background: #E76E17;
}

/* Títol: mateixa tipografia i pes que el títol del hero */
.mostra-cta .mostra-cta__title {
  margin: 0 0 24px;
  font-family: "Roboto Mono", monospace !important;
  font-weight: 500 !important;
  font-size: clamp(1.75rem, 4vw, 47px) !important;
  line-height: 1.2;
  color: #fff;
}

/* Franja inclinada que arriba fins a la foto */
.mostra-cta .mostra-cta__band {
  display: block;
  box-sizing: border-box;
  width: calc(100% + var(--cta-gap) + 60px);  /* columna + buit + part que queda sota la foto */
  margin-top: .2em;
  padding: .15em .5em;
  background: #E76E17;
  color: #0A1F5C;
  transform: rotate(-2deg);
  transform-origin: left center;
}

.mostra-cta .mostra-cta__lead {
  max-width: 34em;
  margin: 0 0 28px;
  font-size: 1.05rem;
  color: #fff;
}

/* Botons: mateix disseny que "2a edició" / "Inscripció" del hero */
.mostra-cta__btns { display: flex; flex-wrap: wrap; gap: 12px; }
.mostra-cta a.mostra-cta__btn {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 14px 22px;
  border: 2px solid transparent;
  border-radius: 4px;
  font-family: "Roboto Mono", monospace;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.2;
  text-decoration: none;
  transition: background-color .2s ease, color .2s ease, border-color .2s ease;
}
.mostra-cta a.mostra-cta__btn--primary {
  background: #E76E17;
  border-color: #E76E17;
  color: #fff;
}
.mostra-cta a.mostra-cta__btn--primary:hover {
  background: #fff;
  border-color: #fff;
  color: #0735A0;
}
.mostra-cta a.mostra-cta__btn--ghost {
  background: transparent;
  border-color: #fff;
  color: #fff;
}
.mostra-cta a.mostra-cta__btn--ghost:hover {
  background: #fff;
  color: #0735A0;
}


/* Marc inclinat que retalla la foto */
.mostra-cta__frame {
  aspect-ratio: 4 / 3;
  overflow: hidden;
  border: 4px solid #E76E17;
  transform: rotate(3deg);
}
.mostra-cta__photo {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 100% 60%;       /* començament: tot a la dreta */
  transform: scale(1.5);           /* ZOOM: 1 = sense zoom, 2 = el doble */
  transform-origin: 85% 60%;       /* punt de la foto cap al qual s'acosta */
}


/* Mòbil */
@media (max-width: 860px) {
  .mostra-cta__inner { grid-template-columns: 1fr; gap: 40px; }
  .mostra-cta .mostra-cta__band { display: inline-block; width: auto; }  /* sense foto al costat, la franja no s'estén */
  
	
	
	 .mostra-cta__frame { transform: rotate(2deg); }
  .mostra-cta a.mostra-cta__btn { width: 100%; justify-content: center; }
}