/* «Qui soc»: NOMÉS els títols, amb la lletra i el rosa de la resta de la web
   (com «Vols veure lo bé que ens ho hem passat aquest 2026?»). Els quadres,
   els textos i la distribució són els de sempre. */
.expo__lead,
.expo .obra__titol {
  font-family: "Archivo", "Helvetica Neue", Arial, sans-serif !important;
  font-weight: 600 !important;
  letter-spacing: -0.04em !important;
  text-wrap: balance;
}
.expo__lead { font-size: clamp(2rem, 3.8vw, 3.7rem) !important; line-height: 1.04 !important; }
.expo .obra__titol { font-size: clamp(1.9rem, 3.2vw, 3rem); line-height: 1.06; }
.expo__lead em,
.expo .obra__titol em { font-style: normal; color: #d6427f; }

/* ---------- el tancament: una crida a les dates ----------
   El mateix gest que «Vols festuki tuki al teu poble?» d'El meu show: la
   pregunta gran amb el cap d'ell enganxat i un tiquet rosa una mica tort. */
.expo__crida {
  display: flex; flex-direction: column; align-items: center;
  gap: .9em;
  max-width: min(1240px, 100% - var(--carril-quadre) * 2) !important;
  text-align: center; padding-top: clamp(20px, 6svh, 60px);
}
.expo__crida-text {
  margin: 0 !important;
  max-width: 14em;
  font-family: "Archivo", "Helvetica Neue", Arial, sans-serif !important;
  font-size: clamp(2rem, 3.7vw, 3.6rem) !important;
  font-weight: 600;
  letter-spacing: -0.04em;
  line-height: 1.08 !important;
  text-wrap: balance;
}
.expo__crida-text em { font-style: normal; color: #d6427f; }
.expo__crida .enganxa { white-space: nowrap; }
.expo__crida .enganxa__img {
  display: inline-block;
  height: 1.3em; width: auto;
  vertical-align: -0.3em;
  margin-left: .12em;
  transform: rotate(-8deg);
  filter:
    drop-shadow(3px 0 0 #fff) drop-shadow(-3px 0 0 #fff)
    drop-shadow(0 3px 0 #fff) drop-shadow(0 -3px 0 #fff)
    drop-shadow(0 8px 12px rgba(96, 44, 72, .25));
  transition: transform .5s cubic-bezier(0.34, 1.56, 0.64, 1);
}
.expo__crida:hover .enganxa__img { transform: rotate(6deg) scale(1.06); }
.expo__crida-boto {
  position: relative;
  display: inline-flex; align-items: center; gap: .6em;
  padding: 1em 1.9em;
  border-radius: 6px;
  background: #d6427f; color: #fff;
  font: 700 clamp(1.1rem, 1.9vw, 1.4rem)/1 "Archivo", "Helvetica Neue", Arial, sans-serif;
  letter-spacing: -0.01em;
  text-decoration: none;
  /* les dues mitges llunes del tiquet */
  -webkit-mask:
    radial-gradient(circle at 0 50%, transparent 11px, #000 11.5px) left / 51% 100% no-repeat,
    radial-gradient(circle at 100% 50%, transparent 11px, #000 11.5px) right / 51% 100% no-repeat;
          mask:
    radial-gradient(circle at 0 50%, transparent 11px, #000 11.5px) left / 51% 100% no-repeat,
    radial-gradient(circle at 100% 50%, transparent 11px, #000 11.5px) right / 51% 100% no-repeat;
  transform: rotate(-3deg);
  transition: transform .5s cubic-bezier(0.34, 1.56, 0.64, 1), background .3s;
}
.expo__crida-boto::before {          /* la ratlla de punts de dins */
  content: ""; position: absolute; inset: 6px 18px;
  border: 1.5px dashed rgba(255, 255, 255, .55); border-radius: 3px;
  pointer-events: none;
}
.expo__crida-boto svg { width: 1em; height: 1em; transition: transform .45s cubic-bezier(0.34, 1.56, 0.64, 1); }
.expo__crida-boto:hover { transform: rotate(0deg) translateY(-4px); background: #b32d66; }
.expo__crida-boto:hover svg { transform: translate(3px, -3px); }

/* en ample, la frase en una ratlla i el tiquet al costat */
@media (min-width: 1101px) { .expo__crida-text { max-width: none; white-space: nowrap; } }