/* Ritualic Artículos · componentes de los artículos ampliados */
.rb-body .rx-glance{position:relative;overflow:hidden;margin:0 0 2.2rem;padding:1.4rem 1.6rem 1.2rem;border-radius:26px;background:linear-gradient(140deg,#2a1250,#4a1f90);color:#f3ecfb;box-shadow:0 30px 60px -36px rgba(53,16,82,.9)}
.rb-body .rx-glance__t{display:block;margin:0 0 .7rem;font:700 .76rem var(--sans,Arial,sans-serif);letter-spacing:.2em;text-transform:uppercase;color:#f0c987}
.rb-body .rx-glance ul{margin:0}.rb-body .rx-glance li{margin:.5rem 0;color:#f3ecfb}.rb-body .rx-glance strong{color:#fff}
.rb-body .rx-glance::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 40%,rgba(255,255,255,.16) 50%,transparent 60%);transform:translateX(-120%)}
.rb-body .rx-glance.is-in::after{animation:rxSweep 1.8s .35s ease both}
@keyframes rxSweep{to{transform:translateX(120%)}}
.rb-body .rx-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:1.6rem 0 2rem}
.rb-body .rx-tile{--c:#8b3ddb;position:relative;overflow:hidden;padding:1.15rem 1.2rem 1.25rem 1.5rem;border-radius:22px;background:#f7f2fc;border:1.5px solid rgba(53,16,82,.12);transition:transform .5s cubic-bezier(.34,1.56,.64,1),box-shadow .4s ease}
.rb-body .rx-tile::before{content:"";position:absolute;left:0;top:0;bottom:0;width:7px;background:var(--c)}
.rb-body .rx-tile:hover{transform:translateY(-4px);box-shadow:0 22px 40px -26px rgba(53,16,82,.65)}
.rb-body .rx-tile__n{display:inline-flex;align-items:center;justify-content:center;min-width:2.5rem;height:2.5rem;padding:0 .7rem;margin:0 0 .55rem;border-radius:99px;font:700 .86rem var(--sans,Arial,sans-serif);color:#fff;background:var(--c)}
.rb-body .rx-tile h3{margin:.1rem 0 .45rem;font:700 1.55rem/1 var(--disp,Impact,sans-serif);text-transform:uppercase;color:var(--ink,#100817)}
.rb-body .rx-tile p{margin:0 0 .55rem;font-size:.97rem;line-height:1.6}.rb-body .rx-tile p:last-child{margin:0}
.rb-body .rx-tile.is-in .rx-tile__n{animation:rxPop .7s cubic-bezier(.34,1.56,.64,1) both}@keyframes rxPop{from{transform:scale(.3);opacity:0}}
/* aparición al hacer scroll (la pone rx.js; sin JS o con «reducir movimiento» no se oculta nada) */
.rx-rv{opacity:0;transform:translateY(24px);transition:opacity .8s var(--ease,ease),transform .9s var(--ease,ease);transition-delay:calc(var(--d,0) * .07s)}
.rx-rv.is-in{opacity:1;transform:none}
.rx-rich .rb-body h2.rx-rv::before{width:0;transition:width .9s .25s var(--ease,ease)}.rx-rich .rb-body h2.rx-rv.is-in::before{width:2.6rem}
.rx-rich .rb-steps li.rx-rv::before{transform:scale(.4);opacity:0;transition:transform .7s .2s cubic-bezier(.34,1.56,.64,1),opacity .5s .2s}.rx-rich .rb-steps li.rx-rv.is-in::before{transform:none;opacity:1}
@media (max-width:680px){.rb-body .rx-grid{grid-template-columns:1fr}.rb-body .rx-glance{padding:1.2rem 1.2rem 1rem}}
@media (prefers-reduced-motion:reduce){.rx-rv{opacity:1;transform:none;transition:none}.rb-body .rx-glance::after{display:none}.rb-body .rx-tile.is-in .rx-tile__n{animation:none}}
