/* Ritualic Extras · portada: escaparate del hero + sección de comunidad */
/* ============ ESCAPARATE · cartas de tarot (sustituye a la vela del hero) ============ */
.rxh{position:absolute;inset:0;container-type:inline-size;--cw:62cqw;--u:calc(var(--cw) / 62);--cr:clamp(12px,calc(7 * var(--u)),30px)}
.rxh__rays{position:absolute;left:-35%;top:-6%;width:170%;aspect-ratio:1;border-radius:50%;z-index:0;background:repeating-conic-gradient(from 0deg,rgba(240,201,135,0) 0 8deg,rgba(240,201,135,.10) 8deg 13deg);-webkit-mask:radial-gradient(closest-side,#000 8%,transparent 68%);mask:radial-gradient(closest-side,#000 8%,transparent 68%);animation:rxspin 70s linear infinite}
.rxh__moon{position:absolute;right:3%;top:5%;width:15cqw;aspect-ratio:1;border-radius:50%;z-index:1;transform:rotate(-24deg);box-shadow:inset -4.2cqw 0 0 0 #f0c987;filter:drop-shadow(0 0 16px rgba(240,201,135,.7));animation:rxpulse 4s ease-in-out infinite}
.rxh__glow{position:absolute;left:6%;right:6%;bottom:10%;height:34%;z-index:0;background:radial-gradient(closest-side,rgba(255,170,60,.5),rgba(139,61,219,.25) 60%,transparent 75%);filter:blur(12px);animation:rxpulse 3.2s ease-in-out infinite}
.rxh__e{position:absolute;left:var(--x);bottom:14%;z-index:4;width:var(--s);aspect-ratio:1;border-radius:50%;pointer-events:none;background:radial-gradient(circle,#fff6d6,#ffb347 55%,rgba(255,120,40,0));box-shadow:0 0 1.6cqw .5cqw rgba(255,170,60,.75);opacity:0;animation:rxup var(--d) linear infinite;animation-delay:var(--dl)}
.rxh__cap{position:absolute;left:0;right:0;top:1.5%;z-index:7;text-align:center;margin:0}
.rxh__cap span{display:inline-flex;align-items:center;gap:.7em;padding:.62em 1.3em;border-radius:999px;font:700 calc(3.2 * var(--u))/1 var(--sans,sans-serif);letter-spacing:.2em;text-transform:uppercase;color:var(--ink,#100817);background:linear-gradient(100deg,#e2a947,#fff1b8 50%,#e2a947);box-shadow:0 10px 24px -8px rgba(226,169,71,.7)}
.rxh__cap span::before,.rxh__cap span::after{content:"✦";font-size:1.1em;color:#7a4a10}
.rxh__cards{position:absolute;inset:0;z-index:3;perspective:1500px;animation:rxfloat 7s ease-in-out infinite}
.rxh__c{position:absolute;left:50%;top:11%;display:block;width:var(--cw);aspect-ratio:2/3.3;color:#fff;text-decoration:none;transition:transform 1s var(--ease,cubic-bezier(.16,1,.3,1)),opacity .7s ease,filter .7s ease;will-change:transform}
.rxh__c[data-p="0"]{z-index:5;transform:translate(-50%,0)}
.rxh__c[data-p="1"]{z-index:3;transform:translate(-5%,4%) rotate(11deg) scale(.82);filter:brightness(.78)}
.rxh__c[data-p="L"]{z-index:3;transform:translate(-95%,5%) rotate(-11deg) scale(.82);filter:brightness(.78)}
.rxh__c[data-p="x"]{z-index:1;opacity:0;transform:translate(-50%,3%) scale(.7);pointer-events:none}
.rxh__in{position:absolute;inset:0;transform-style:preserve-3d;transition:transform 1.05s var(--ease,cubic-bezier(.16,1,.3,1))}
.rxh__c:not([data-p="0"]) .rxh__in{transform:rotateY(180deg)}
.rxh__face{position:absolute;inset:0;border-radius:var(--cr);-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}
.rxh__front{display:flex;flex-direction:column;align-items:center;padding:calc(3.4 * var(--u)) calc(4.2 * var(--u)) 0;background:linear-gradient(#2a1250,#150a24 72%) padding-box,linear-gradient(140deg,#fbe3a6,#b9791c 45%,#fbe3a6) border-box;border:.calc(9 * var(--u)) solid transparent;box-shadow:0 0 0 .calc(35 * var(--u)) rgba(18,7,31,.9),0 34px 70px -26px #000,0 0 80px -20px rgba(226,169,71,.55);overflow:visible}
.rxh__front::before{content:"";position:absolute;inset:calc(1.6 * var(--u));border-radius:calc(var(--cr) - calc(1.4 * var(--u)));border:1px solid rgba(251,227,166,.5);pointer-events:none}
.rxh__n{position:relative;font:700 calc(3.6 * var(--u))/1 var(--serif,Georgia,serif);letter-spacing:.3em;color:#fbe3a6;text-indent:.3em;margin:.calc(4 * var(--u)) 0 calc(2 * var(--u))}
.rxh__n::before,.rxh__n::after{content:"✦";font-size:.8em;margin:0 calc(1.4 * var(--u));color:#e2a947}
.rxh__w{position:relative;display:block;width:100%;flex:1 1 0;min-height:0;overflow:hidden;border-radius:calc(50 * var(--u)) calc(50 * var(--u)) calc(2.4 * var(--u)) calc(2.4 * var(--u));border:.calc(5 * var(--u)) solid #e2a947;background:#12071f;box-shadow:inset 0 0 calc(2 * var(--u)) rgba(0,0,0,.6)}
.rxh__i{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.02)}
.rxh__w::before,.rxh__w::after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none}
.rxh__w::before{background:radial-gradient(85% 55% at 50% 105%,rgba(255,170,60,.55),transparent 70%);mix-blend-mode:screen}
.rxh__w::after{background:linear-gradient(180deg,rgba(80,30,140,.38),rgba(20,8,36,.3));mix-blend-mode:multiply}
.rxh__sh{position:absolute;inset:-20% -40%;z-index:3;pointer-events:none;background:linear-gradient(112deg,transparent 38%,rgba(255,246,214,.45) 50%,transparent 62%);transform:translateX(-80%);animation:rxsh 5.5s ease-in-out infinite}
.rxh__l{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(1 * var(--u));text-align:center;padding:calc(3 * var(--u)) calc(1 * var(--u)) calc(10.5 * var(--u));min-height:calc(22 * var(--u))}
.rxh__l small{font:700 calc(2.7 * var(--u))/1 var(--sans,sans-serif);letter-spacing:.24em;text-transform:uppercase;color:var(--lav,#c8a6f5)}
.rxh__l b{font:700 calc(7.2 * var(--u))/.92 var(--disp,Impact,sans-serif);text-transform:uppercase;letter-spacing:.03em;color:#fbe3a6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-wrap:balance}
.rxh__p{position:absolute;left:50%;bottom:calc(-3.6 * var(--u));z-index:6;transform:translateX(-50%);white-space:nowrap;padding:.55em 1.3em .4em;border-radius:999px;font:700 calc(6.2 * var(--u))/1 var(--disp,Impact,sans-serif);letter-spacing:.04em;color:#1d0f2e;background:linear-gradient(100deg,#e2a947,#fff1b8 50%,#e2a947);box-shadow:0 0 0 .calc(6 * var(--u)) rgba(18,7,31,.9),0 14px 26px -8px rgba(0,0,0,.7)}
.rxh__p del{opacity:.55;font-weight:400;margin-right:.4em;font-size:.8em}.rxh__p ins{text-decoration:none}.rxh__p .screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.rxh__back{transform:rotateY(180deg);background:linear-gradient(140deg,#4a2380,#1d0f2e) padding-box,linear-gradient(140deg,#fbe3a6,#b9791c 45%,#fbe3a6) border-box;border:.calc(9 * var(--u)) solid transparent;box-shadow:0 30px 60px -26px #000}
.rxh__back::before{content:"";position:absolute;inset:calc(3.4 * var(--u));border:1px solid rgba(251,227,166,.6);border-radius:calc(var(--cr) - calc(2 * var(--u)))}
.rxh__back::after{content:"";position:absolute;left:50%;top:50%;width:46%;aspect-ratio:1;transform:translate(-50%,-50%);background:radial-gradient(circle,#fff6d6,#f0c987 55%,#c58a2a);clip-path:polygon(50% 0,60% 40%,100% 50%,60% 60%,50% 100%,40% 60%,0 50%,40% 40%);filter:drop-shadow(0 0 12px rgba(240,201,135,.8))}
.rxh__c:focus-visible{outline:3px solid var(--amber,#d9a45b);outline-offset:6px;border-radius:var(--cr)}
.rxh__dots{position:absolute;left:1.5%;top:50%;transform:translateY(-50%);z-index:8;display:flex;flex-direction:column;align-items:center;gap:max(8px,2.2cqw)}
.rxh__d{position:relative;width:max(30px,8cqw);height:max(30px,8cqw);padding:0;border:0;border-radius:50%;cursor:pointer;background:rgba(200,166,245,.16);box-shadow:inset 0 0 0 1.5px rgba(200,166,245,.5);color:var(--lav,#c8a6f5);font:700 max(.8rem,3.2cqw)/1 var(--serif,Georgia,serif);transition:transform .4s var(--ease,ease),background .4s,color .4s}
.rxh__d[aria-current="true"]{background:linear-gradient(135deg,#fbe3a6,#e2a947);color:#1d0f2e;box-shadow:0 0 18px rgba(226,169,71,.7);transform:scale(1.12)}
.rxh__d:focus-visible{outline:3px solid var(--amber,#d9a45b);outline-offset:3px}
@keyframes rxfloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-1.4%)}}
@keyframes rxspin{to{transform:rotate(360deg)}}
@keyframes rxpulse{0%,100%{opacity:.75}50%{opacity:1}}
@keyframes rxsh{0%,60%{transform:translateX(-80%)}100%{transform:translateX(80%)}}
@keyframes rxup{0%{transform:translate(0,0) scale(.6);opacity:0}12%{opacity:.95}70%{opacity:.7}100%{transform:translate(var(--dx),-70cqw) scale(.15);opacity:0}}
@supports not (width:1cqw){.rxh__l b{font-size:1.5rem}.rxh__p{font-size:1.1rem}.rxh__c{width:62%}.rxh__cap span{font-size:.7rem}}
@media (prefers-reduced-motion:reduce){.rxh__cards,.rxh__rays,.rxh__e,.rxh__sh,.rxh__moon,.rxh__glow{animation:none}.rxh__e{display:none}.rxh__c,.rxh__in{transition:none}}

/* ============ COMUNIDAD (sustituye a la sección del gato) ============ */
.rxs{scroll-margin-top:4rem;position:relative;overflow:hidden;isolation:isolate;padding:clamp(4.5rem,9vw,8rem) var(--pad,1.25rem);background:radial-gradient(55% 70% at 82% 6%,rgba(139,61,219,.42),transparent 72%),radial-gradient(45% 55% at 6% 94%,rgba(217,164,91,.17),transparent 72%),linear-gradient(180deg,var(--night,#1a0d2a),var(--ink,#100817))}
.rxs__orb{position:absolute;right:-12%;top:-18%;width:min(80vw,880px);aspect-ratio:1;z-index:-1;pointer-events:none;animation:rxspin 120s linear infinite}
.rxs__in{max-width:1240px;margin:0 auto;display:grid;justify-items:center;gap:clamp(1.2rem,2.6vw,2rem);text-align:center}
.rxs__k{color:var(--lav,#c8a6f5);letter-spacing:.22em;text-transform:uppercase;font-weight:700}
.rxs__h{--fs:clamp(3.8rem,11.5vw,10.5rem);color:var(--silver,#e6dff0)}
.rxs__h span{display:block}
.rxs__h2{padding-top:.14em;margin-top:-.14em;background:linear-gradient(100deg,var(--lav,#c8a6f5),var(--amber,#d9a45b));-webkit-background-clip:text;background-clip:text;color:transparent}
.rxs__p{max-width:34rem;color:var(--muted,#b8a9cf);font-size:clamp(1.02rem,1.5vw,1.2rem)}
.rxs__btns{display:flex;flex-wrap:wrap;justify-content:center;gap:.9rem;margin-top:.4rem}
.rxs__btn{display:inline-flex;align-items:center;gap:.85rem;min-height:3.7rem;padding:.55rem 1.7rem .55rem 1.2rem;border-radius:999px;font-weight:700;line-height:1.1;text-align:left;text-decoration:none;color:#fff;transition:transform .45s var(--ease,ease),box-shadow .45s}
.rxs__btn svg{width:1.7rem;height:1.7rem;flex:none}.rxs__btn small{display:block;font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;opacity:.85}
.rxs__btn:hover,.rxs__btn:focus-visible{transform:translateY(-3px)}
.rxs__btn--ig{background:linear-gradient(100deg,#8b3ddb,#d65db1 58%,#d9a45b);box-shadow:0 18px 40px -16px rgba(214,93,177,.7)}
.rxs__btn--tt{background:#0b0610;box-shadow:inset 0 0 0 1.5px var(--lav,#c8a6f5),3px 3px 0 #25f4ee,-3px -3px 0 #fe2c55}
.rxs__grid{width:100%;margin-top:clamp(.6rem,2vw,1.6rem);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(.5rem,1.2vw,.9rem)}
.rxs__t{position:relative;display:block;aspect-ratio:1;overflow:hidden;border-radius:clamp(14px,2vw,24px);background:#1a0d2a;box-shadow:inset 0 0 0 1px var(--line,rgba(200,166,245,.2));color:#fff;text-decoration:none;isolation:isolate}
.rxs__t img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease,ease)}
.rxs__t:hover img,.rxs__t:focus-visible img{transform:scale(1.07)}
.rxs__t:focus-visible{outline:3px solid var(--amber,#d9a45b);outline-offset:2px}
.rxs__n{position:absolute;top:.6rem;right:.6rem;z-index:3;display:grid;place-items:center;width:1.9rem;height:1.9rem;border-radius:50%;background:rgba(16,8,23,.72);color:var(--silver,#e6dff0);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.rxs__n svg{width:1.05rem;height:1.05rem}
.rxs__ov{position:absolute;inset:0;z-index:2;display:grid;align-items:end;justify-items:center;padding:.9rem;background:linear-gradient(180deg,transparent 45%,rgba(16,8,23,.88));opacity:0;transition:opacity .35s;font:700 .78rem var(--sans,sans-serif);letter-spacing:.14em;text-transform:uppercase}
.rxs__t:hover .rxs__ov,.rxs__t:focus-visible .rxs__ov{opacity:1}
.rxs__t--brand{display:grid;place-items:center;background:linear-gradient(150deg,#2b1647,#120a1f)}.rxs__bt{width:34%;color:var(--lav,#c8a6f5)}.rxs__bt svg{width:100%;height:auto}
.rxs__cap{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:2rem .8rem .7rem;background:linear-gradient(180deg,transparent,rgba(16,8,23,.92));font:700 .82rem/1.15 var(--sans,sans-serif);text-align:left;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.rxs__t--q{display:grid;place-items:center;padding:1rem;text-align:center}
.rxs__t--q b{font:700 clamp(2rem,4.4vw,3.9rem)/.9 var(--disp,Impact,sans-serif);text-transform:uppercase;letter-spacing:.01em;text-wrap:balance}
.rxs__t--q.q0{background:linear-gradient(150deg,#4a1d80,#1d0f2e)}.rxs__t--q.q1{background:linear-gradient(150deg,#d9a45b,#b07a32);color:#100817}.rxs__t--q.q1 .rxs__n{background:rgba(16,8,23,.85)}
.rxs__t--q.q2{background:linear-gradient(150deg,#c8a6f5,#8b3ddb);color:#100817}.rxs__t--q.q3{background:linear-gradient(150deg,#351052,#100817)}
.rxs__coins{margin-top:.6rem;color:var(--muted,#b8a9cf);font-size:.98rem}.rxs__coins span{color:var(--amber,#d9a45b);margin-right:.35em}.rxs__coins b{color:var(--silver,#e6dff0)}.rxs__coins a{color:var(--lav,#c8a6f5);text-decoration:underline;text-underline-offset:3px;white-space:nowrap}
@media (max-width:699px){.rxs__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.rxs__t:nth-child(n+7){display:none}.rxs__btn{width:100%;max-width:21rem}.rxs__btns{width:100%}}
@media (prefers-reduced-motion:reduce){.rxs__orb{animation:none}.rxs__t img,.rxs__btn{transition:none}}

/* el escaparate tiene botones: tiene que caber entero en la primera pantalla */
@media (min-width:761px){.hero__candle.rxh-wrap{bottom:auto;top:5.2rem;height:min(calc(100dvh - 10.4rem),860px)}}
/* móvil y tabletas: el título gigante vuelve arriba y las cartas van justo debajo, solapando un poco su parte baja (el texto y el botón quedan después) */
@media (max-width:760px){
 .hero.rxh-hero{--tf:clamp(5rem,25.5vw,9rem)}
 .hero.rxh-hero .hero__title{order:-3}
 .hero.rxh-hero .hero__candle.rxh-wrap{--cw:min(58vw,300px,31dvh);--ex:4.8rem;position:relative;order:-2;left:auto;right:auto;top:auto;bottom:auto;translate:none;width:100%;aspect-ratio:auto;height:calc(var(--cw) * 1.65 + var(--ex));margin:calc(var(--tf) * -.04) 0 .2rem}
 .hero.rxh-hero .rxh{--cw:inherit}
 .hero.rxh-hero .hero__copy{order:2}
 .rxh-tarot .rxh__c{top:5%}
 .hero.rxh-hero .rxh__cap{display:none}
}
/* pantallas bajas: cartas algo más pequeñas para que todo quepa en la primera pantalla */
@media (max-width:760px) and (max-height:720px){.hero.rxh-hero .hero__candle.rxh-wrap{--cw:min(47vw,176px);--ex:4.6rem}}
/* pantallas de ordenador medias: carta con tope de tamaño */
@media (min-width:761px){.hero__candle.rxh-wrap .rxh{--cw:min(62cqw,330px)}}
/* el bloque de texto del hero ocupa todo el ancho: que deje pasar los toques por sus huecos hacia el escaparate */
.hero.rxh-hero .hero__foot{pointer-events:none}.hero.rxh-hero .hero__copy{pointer-events:none}.hero.rxh-hero .hero__copy>*{pointer-events:auto}

/* feeds automáticos de otros plugins, dentro del mismo marco */
.rxs__feeds{width:100%;display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(1rem,2vw,1.6rem);margin-top:clamp(.6rem,2vw,1.6rem);text-align:left}
@media (min-width:900px){.rxs__feeds--2{grid-template-columns:repeat(2,minmax(0,1fr))}}
.rxs__feed{min-width:0;padding:clamp(1rem,2vw,1.5rem);border-radius:clamp(18px,2.4vw,28px);background:rgba(255,255,255,.04);box-shadow:inset 0 0 0 1px var(--line,rgba(200,166,245,.2))}
.rxs__feed h3{display:flex;align-items:center;gap:.6rem;margin:0 0 1rem;font:700 .85rem/1 var(--sans,sans-serif);letter-spacing:.2em;text-transform:uppercase;color:var(--lav,#c8a6f5)}.rxs__feed h3 svg{width:1.2rem;height:1.2rem}
.rxs__feed img{max-width:100%;height:auto}

@media (max-width:360px){.rxh__d{width:28px;height:28px}}

/* anchos medios: el escenario ocupa casi toda la anchura y los números van a la derecha para no pisar el texto */
@media (min-width:761px) and (max-width:1000px){.rxh__dots{left:auto;right:1.5%}}