.jocs-hero.svelte-gyabsy{min-height:55vh;display:flex;align-items:center;padding:7rem 0 4rem;background:linear-gradient(to bottom,#0f0f0fb3,#1a1a1af2),url(../../../images/la-torratxa-3.webp) center/cover no-repeat;text-align:center}.jocs-hero-content.svelte-gyabsy{max-width:700px;margin:0 auto}.jocs-hero-title.svelte-gyabsy{font-family:var(--font-heading);font-size:clamp(2.5rem,6vw,4rem);font-weight:700;color:var(--color-text);text-transform:uppercase;letter-spacing:.04em;margin:.5rem 0 1.25rem}.jocs-hero-desc.svelte-gyabsy{font-size:1.15rem;color:var(--color-text-muted);line-height:1.7;margin-bottom:2rem}.jocs-hero-cta.svelte-gyabsy{display:inline-flex;gap:.5rem}.jocs-perque.svelte-gyabsy{padding:5rem 0;background:var(--color-bg)}.jocs-perque-grid.svelte-gyabsy{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start;margin-top:3rem}.jocs-perque-text.svelte-gyabsy p:where(.svelte-gyabsy){color:var(--color-text-muted);margin-bottom:1.25rem;line-height:1.8;font-size:1rem}.jocs-perque-text.svelte-gyabsy strong:where(.svelte-gyabsy){color:var(--color-gold)}.jocs-perque-valors.svelte-gyabsy{display:flex;flex-direction:column;gap:1.5rem}.jocs-valor.svelte-gyabsy{display:flex;align-items:flex-start;gap:1rem;padding:1.25rem;background:var(--color-bg-card);border:1px solid rgba(201,168,108,.15);border-radius:var(--radius-md)}.jocs-valor-icona.svelte-gyabsy{flex-shrink:0;color:var(--color-gold);margin-top:2px}.jocs-valor.svelte-gyabsy div:where(.svelte-gyabsy) strong:where(.svelte-gyabsy){display:block;color:var(--color-text);font-size:.95rem;margin-bottom:.2rem}.jocs-valor.svelte-gyabsy div:where(.svelte-gyabsy) span:where(.svelte-gyabsy){color:var(--color-text-muted);font-size:.875rem}.jocs-cataleg.svelte-gyabsy{padding:3rem 0 5rem;background:var(--color-bg-dark)}.jocs-grid.svelte-gyabsy{display:grid;grid-template-columns:repeat(2,1fr);gap:2.5rem;margin-top:3rem}.joc-card.svelte-gyabsy{position:relative;border-radius:var(--radius-lg);overflow:hidden;background:linear-gradient(145deg,var(--c-dark) 0%,color-mix(in srgb,var(--c-main) 18%,#0f0f0f) 100%);border:1px solid color-mix(in srgb,var(--c-main) 40%,transparent);box-shadow:0 4px 24px #0006;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.joc-card.svelte-gyabsy:hover{transform:translateY(-6px);box-shadow:0 12px 48px color-mix(in srgb,var(--c-main) 35%,transparent);border-color:var(--c-main)}.joc-card-franja.svelte-gyabsy{height:4px;background:linear-gradient(90deg,var(--c-main),var(--c-accent))}.joc-card-bg-icona.svelte-gyabsy{position:absolute;bottom:-20px;right:-20px;width:200px;height:200px;color:var(--c-main);opacity:.07;pointer-events:none}.joc-card-interior.svelte-gyabsy{position:relative;z-index:1;padding:2rem 2.5rem 2.5rem;display:flex;flex-direction:column;gap:1.25rem;height:100%}.joc-card-cap.svelte-gyabsy{display:flex;align-items:center;gap:1rem}.joc-card-icona.svelte-gyabsy{color:var(--c-accent);filter:drop-shadow(0 0 10px color-mix(in srgb,var(--c-accent) 60%,transparent));flex-shrink:0}.joc-etiqueta.svelte-gyabsy{display:inline-block;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--c-accent);background:color-mix(in srgb,var(--c-main) 20%,transparent);border:1px solid color-mix(in srgb,var(--c-main) 50%,transparent);padding:.3rem .8rem;border-radius:100px}.joc-nom.svelte-gyabsy{font-family:var(--font-heading);font-size:2rem;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.03em;line-height:1.1}.joc-desc.svelte-gyabsy{color:#ffffffa6;line-height:1.75;font-size:.95rem}.joc-detalls.svelte-gyabsy{list-style:none;display:flex;flex-direction:column;gap:.55rem}.joc-detalls.svelte-gyabsy li:where(.svelte-gyabsy){display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#ffffff8c}.joc-detalls.svelte-gyabsy li:where(.svelte-gyabsy) svg:where(.svelte-gyabsy){color:var(--c-accent);flex-shrink:0}.joc-btn.svelte-gyabsy{display:inline-flex;align-items:center;gap:.6rem;margin-top:.5rem;padding:.9rem 1.75rem;background:linear-gradient(135deg,var(--c-main),var(--c-accent));color:#fff;font-weight:700;font-size:.9rem;text-transform:uppercase;letter-spacing:.08em;border-radius:var(--radius-sm);text-decoration:none;align-self:flex-start;transition:opacity .2s ease,transform .2s ease,box-shadow .2s ease;box-shadow:0 4px 16px color-mix(in srgb,var(--c-main) 40%,transparent)}.joc-btn.svelte-gyabsy:hover{opacity:.9;transform:translate(3px);box-shadow:0 6px 24px color-mix(in srgb,var(--c-main) 55%,transparent)}.jocs-cta-final.svelte-gyabsy{padding:5rem 0;background:var(--color-bg);text-align:center;border-top:1px solid rgba(201,168,108,.15)}.jocs-cta-inner.svelte-gyabsy{max-width:600px;margin:0 auto}.jocs-cta-inner.svelte-gyabsy h2:where(.svelte-gyabsy){font-family:var(--font-heading);font-size:2rem;font-weight:700;text-transform:uppercase;color:var(--color-text);margin-bottom:1rem}.jocs-cta-inner.svelte-gyabsy p:where(.svelte-gyabsy){color:var(--color-text-muted);margin-bottom:2rem;line-height:1.7}@media(max-width:768px){.jocs-perque-grid.svelte-gyabsy{grid-template-columns:1fr;gap:2.5rem}.jocs-grid.svelte-gyabsy{grid-template-columns:1fr}.joc-card-interior.svelte-gyabsy{padding:1.5rem 1.75rem 2rem}.joc-nom.svelte-gyabsy{font-size:1.6rem}}