/* CRC · DORAT AMB BRILLANTOR + NEGRE BRILLANT (19-oct-2026). Substitueix el verd de marca, com la R nova del logo.
   Es carrega després de style.css / pagina.css i només afegeix la brillantor (els colors base ja són daurats). */
:root{
  --or-grad:linear-gradient(115deg,#8a6420 0%,#d4a53c 22%,#f6dc8c 38%,#d4a53c 55%,#7a5b1c 78%,#d4a53c 100%);
  --negre-grad:linear-gradient(160deg,#2a2a2c 0%,#0b0b0c 45%,#1c1c1e 70%,#050506 100%);
}
@keyframes orBrilla{0%{background-position:0% 50%}100%{background-position:200% 50%}}

/* botons plens: or polit amb un reflex que hi passa */
.btn,.staff-go,.filtres button.on,.nav-cta:hover,.mon-link:hover,.pg-gal .obra.real figcaption{
  background:var(--or-grad)!important;background-size:200% 100%!important;color:#120d03!important;
  box-shadow:inset 0 1px 0 rgba(255,246,214,.65),inset 0 -1px 0 rgba(80,55,10,.5),0 10px 30px -10px rgba(212,165,60,.55);
  text-shadow:0 1px 0 rgba(255,240,200,.45);animation:orBrilla 6s linear infinite}
.btn:hover,.staff-go:hover{filter:brightness(1.08);box-shadow:inset 0 1px 0 rgba(255,246,214,.8),0 14px 40px -10px rgba(212,165,60,.75)}
#entrar::before{background:var(--or-grad);background-size:200% 100%;animation:orBrilla 6s linear infinite}

/* contorns i botons secundaris: negre lacat amb filet daurat */
.nav-cta,.btn-ghost,.mon-link,.cta-mini,.staff-lock,.joc-btns button{
  background:var(--negre-grad);border-color:rgba(212,165,60,.7)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 8px 24px -12px rgba(0,0,0,.8)}
.nav-cta{color:var(--or2)!important}

/* textos d'accent: or amb brillantor que hi llisca */
.kicker,.mon .num,.passos li span,.of-n,.pg-items b,.rel small,.peu-mapa h4,.pg-passos span,.lang button.on{
  background:var(--or-grad);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent!important;
  animation:orBrilla 7s linear infinite}
.hero .kicker{background:linear-gradient(115deg,#e9c972,#fff1bf 40%,#d4a53c 60%,#f6dc8c);-webkit-background-clip:text;background-clip:text;color:transparent!important;text-shadow:none;filter:drop-shadow(0 1px 3px rgba(0,0,0,.9)) drop-shadow(0 2px 14px rgba(0,0,0,.8))}
.hero .kicker::before,.pg-hero .kicker::before{background:var(--or-grad);box-shadow:0 0 14px rgba(241,212,138,.7)}

/* detalls: cursor, estela, barra de progrés */
.cursor-punt,.estela{background:radial-gradient(circle at 35% 30%,#fff6d6,#d4a53c 55%,#7a5b1c);box-shadow:0 0 14px rgba(241,212,138,.8)}
.cursor-anell.veure{background:var(--or-grad);background-size:200% 100%;animation:orBrilla 4s linear infinite;border-color:#f1d48a}
.barra i,.scroll-cue span{background:var(--or-grad);background-size:200% 100%;animation:orBrilla 3s linear infinite}

@media (prefers-reduced-motion:reduce){.btn,.staff-go,.kicker,.cursor-anell.veure,.barra i,#entrar::before,.mon .num,.pg-items b{animation:none!important}}
