/* Identidad visual de Saber por Saber: violeta de Primo Físico que termina
   en una bioluminiscencia cian, con formas orgánicas de baja interferencia. */
.pf-saber-post{
  --saber-violet:#7137f4;
  --saber-blue:#5963ed;
  --saber-cyan:#63dfe7;
  --saber-mint:#83ead2;
  background:#080715;
}
.pf-saber-post .bg-glow{
  opacity:.72;
  background:
    radial-gradient(closest-side at 14% 24%,rgba(124,58,237,.33),transparent 72%),
    radial-gradient(closest-side at 76% 20%,rgba(89,99,237,.22),transparent 74%),
    radial-gradient(closest-side at 86% 78%,rgba(99,223,231,.09),transparent 72%),
    radial-gradient(closest-side at 26% 82%,rgba(217,70,239,.16),transparent 70%),
    linear-gradient(156deg,#080615 4%,#100822 45%,#0b0b22 78%,#07121f 100%);
  background-size:190% 190%,180% 180%,190% 190%,180% 180%,100% 100%;
  animation-duration:34s;
}
.pf-saber-post #energy{opacity:.3;filter:hue-rotate(18deg) saturate(.95)}
.pf-space-anemone{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none;contain:layout paint}
.pf-space-anemone::before{
  content:"";position:absolute;inset:-16%;
  background:
    radial-gradient(circle at 79% 18%,rgba(89,99,237,.11),transparent 24%),
    radial-gradient(circle at 90% 70%,rgba(99,223,231,.07),transparent 23%),
    radial-gradient(circle at 12% 74%,rgba(124,58,237,.12),transparent 27%);
  filter:blur(7px)
}
.pf-anemone-form{position:absolute;width:clamp(140px,16vw,240px);aspect-ratio:1;opacity:.38;will-change:transform;transform:translate3d(0,0,0);filter:blur(.25px)}
.pf-anemone-form::before,.pf-anemone-form::after{content:"";position:absolute;inset:9% 3% 22%;border:1px solid rgba(125,103,232,.12);border-radius:50%;transform:rotate(24deg)}
.pf-anemone-form::after{inset:17% 11% 28%;border-color:rgba(99,223,231,.075);transform:rotate(-19deg)}
.pf-anemone-form--1{--stroke-duration:2.45s;--stroke-delay:-.4s;left:-19vw;top:9vh;animation:pf-jelly-fly-right 52s ease-in-out infinite}
.pf-anemone-form--2{--stroke-duration:2.8s;--stroke-delay:-1.5s;right:-18vw;bottom:2vh;width:clamp(125px,14vw,210px);opacity:.28;filter:blur(.65px);animation:pf-jelly-fly-left 58s ease-in-out -17s infinite}
.pf-anemone-form--3{--stroke-duration:2.2s;--stroke-delay:-1.1s;left:-16vw;top:48vh;width:clamp(100px,11vw,165px);opacity:.22;filter:blur(.9px);animation:pf-jelly-fly-right-low 44s ease-in-out -12s infinite}
.pf-anemone-form--4{--stroke-duration:2.65s;--stroke-delay:-2s;right:-17vw;bottom:16vh;width:clamp(115px,13vw,190px);opacity:.24;filter:blur(.55px);animation:pf-jelly-fly-left-high 55s ease-in-out -29s infinite}
.pf-anemone-core{position:absolute;z-index:2;left:31%;top:21%;width:42%;height:27%;border:1px solid rgba(111,101,225,.32);border-radius:54% 46% 59% 41%;background:radial-gradient(circle at 59% 29%,rgba(182,255,238,.56),rgba(99,223,231,.36) 19%,rgba(89,99,237,.31) 43%,rgba(113,55,244,.28) 67%,rgba(28,10,73,.11) 78%,transparent 81%);box-shadow:inset 0 -16px 28px rgba(32,12,90,.32),0 0 24px rgba(89,99,237,.17),0 0 12px rgba(99,223,231,.09);transform-origin:50% 82%;animation:pf-jelly-pulse var(--stroke-duration,2.45s) cubic-bezier(.42,0,.36,1) var(--stroke-delay,0s) infinite}
.pf-anemone-core::after{content:"";position:absolute;left:39%;top:33%;width:22%;height:26%;border-radius:50%;background:radial-gradient(ellipse,rgba(3,2,15,.7),rgba(25,12,74,.45) 48%,rgba(99,223,231,.12) 69%,transparent 74%);box-shadow:0 0 12px rgba(99,223,231,.11);transform:rotate(-12deg)}
.pf-anemone-filaments{position:absolute;inset:0;z-index:1}
.pf-anemone-filament{--angle-fold:0deg;--angle-vertical:0deg;--angle-open:0deg;--upper-a:-7deg;--upper-b:8deg;--middle-a:13deg;--middle-b:-11deg;--tip-a:-17deg;--tip-b:16deg;position:absolute;left:50%;top:42%;width:clamp(9px,1.05vw,16px);height:70%;opacity:.48;transform-origin:50% 0;animation:pf-jelly-flap var(--stroke-duration,2.45s) cubic-bezier(.42,0,.36,1) var(--stroke-delay,0s) infinite}
.pf-anemone-segment{position:absolute;left:50%;top:0;width:clamp(1.5px,.2vw,3px);height:34%;border-radius:999px;background:linear-gradient(180deg,rgba(113,55,244,.6),rgba(89,99,237,.52) 52%,rgba(99,223,231,.4));box-shadow:0 0 7px rgba(89,99,237,.16);transform-origin:50% 0;will-change:transform}
.pf-anemone-segment>.pf-anemone-segment{top:96%;left:50%;width:100%;height:100%;background:linear-gradient(180deg,rgba(89,99,237,.5),rgba(99,223,231,.38) 68%,rgba(131,234,210,.25))}
.pf-anemone-segment--upper{animation:pf-tentacle-upper var(--stroke-duration,2.45s) ease-in-out var(--stroke-delay,0s) infinite}
.pf-anemone-segment--middle{animation:pf-tentacle-middle var(--stroke-duration,2.45s) ease-in-out var(--stroke-delay,0s) infinite}
.pf-anemone-segment--tip{animation:pf-tentacle-tip var(--stroke-duration,2.45s) ease-in-out var(--stroke-delay,0s) infinite}
.pf-anemone-filament:nth-child(n+5):nth-child(-n+8),.pf-anemone-filament:nth-child(10),.pf-anemone-filament:nth-child(12){--upper-a:7deg;--upper-b:-8deg;--middle-a:-13deg;--middle-b:11deg;--tip-a:17deg;--tip-b:-16deg}
.pf-anemone-filament:nth-child(1){--angle-fold:18deg;--angle-vertical:4deg;--angle-open:78deg;--curve-fold:-22deg;--curve-open:-34deg;left:34%;height:56%}
.pf-anemone-filament:nth-child(2){--angle-fold:14deg;--angle-vertical:3deg;--angle-open:68deg;--curve-fold:-19deg;--curve-open:-30deg;left:39%;height:64%}
.pf-anemone-filament:nth-child(3){--angle-fold:9deg;--angle-vertical:2deg;--angle-open:56deg;--curve-fold:-16deg;--curve-open:-25deg;left:44%;height:72%}
.pf-anemone-filament:nth-child(4){--angle-fold:4deg;--angle-vertical:1deg;--angle-open:42deg;--curve-fold:-12deg;--curve-open:-20deg;left:48%;height:79%}
.pf-anemone-filament:nth-child(5){--angle-fold:-3deg;--angle-vertical:-1deg;--angle-open:-39deg;--curve-fold:11deg;--curve-open:19deg;left:53%;height:76%}
.pf-anemone-filament:nth-child(6){--angle-fold:-8deg;--angle-vertical:-2deg;--angle-open:-53deg;--curve-fold:15deg;--curve-open:24deg;left:57%;height:69%}
.pf-anemone-filament:nth-child(7){--angle-fold:-13deg;--angle-vertical:-3deg;--angle-open:-66deg;--curve-fold:19deg;--curve-open:29deg;left:62%;height:62%}
.pf-anemone-filament:nth-child(8){--angle-fold:-18deg;--angle-vertical:-4deg;--angle-open:-78deg;--curve-fold:22deg;--curve-open:34deg;left:67%;height:55%}
.pf-anemone-filament:nth-child(9){--angle-fold:23deg;--angle-vertical:5deg;--angle-open:86deg;--curve-fold:-25deg;--curve-open:-38deg;left:30%;height:48%}
.pf-anemone-filament:nth-child(10){--angle-fold:-23deg;--angle-vertical:-5deg;--angle-open:-86deg;--curve-fold:25deg;--curve-open:38deg;left:71%;height:47%}
.pf-anemone-filament:nth-child(11){--angle-fold:11deg;--angle-vertical:2deg;--angle-open:61deg;--curve-fold:-18deg;--curve-open:-27deg;left:42%;height:58%;opacity:.28}
.pf-anemone-filament:nth-child(12){--angle-fold:-11deg;--angle-vertical:-2deg;--angle-open:-61deg;--curve-fold:18deg;--curve-open:27deg;left:59%;height:57%;opacity:.28}
@keyframes pf-jelly-pulse{0%,100%{transform:scale(.72,1.04) rotate(-1deg);border-radius:47% 53% 43% 57%;filter:brightness(.82)}38%{transform:scale(.96,.96) rotate(1deg);border-radius:56% 44% 60% 40%;filter:brightness(1.03)}70%{transform:scale(1.18,.64) rotate(0);border-radius:64% 36% 68% 32%;filter:brightness(1.15)}86%{transform:scale(.91,.83) rotate(-1deg);filter:brightness(.96)}}
@keyframes pf-jelly-flap{0%,100%{transform:rotate(var(--angle-fold)) scaleY(.44) translateY(-8%);filter:brightness(.78)}20%{transform:rotate(var(--angle-fold)) scaleY(.62) translateY(-4%);filter:brightness(.9)}38%{transform:rotate(var(--angle-vertical)) scaleY(1.04) translateY(1%);filter:brightness(1.03)}54%{transform:rotate(var(--angle-vertical)) scaleY(.94) translateY(2%);filter:brightness(1.08)}70%{transform:rotate(var(--angle-open)) scaleY(.7) translateY(0);filter:brightness(1.12)}86%{transform:rotate(var(--angle-fold)) scaleY(.68) translateY(-3%);filter:brightness(.92)}}
@keyframes pf-tentacle-upper{0%,100%{transform:rotate(var(--upper-a))}24%{transform:rotate(var(--upper-b))}43%{transform:rotate(var(--upper-a))}61%{transform:rotate(var(--upper-b))}78%{transform:rotate(var(--upper-a))}90%{transform:rotate(var(--upper-b))}}
@keyframes pf-tentacle-middle{0%,100%{transform:rotate(var(--middle-a))}18%{transform:rotate(var(--middle-b))}39%{transform:rotate(var(--middle-a))}57%{transform:rotate(var(--middle-b))}74%{transform:rotate(var(--middle-a))}92%{transform:rotate(var(--middle-b))}}
@keyframes pf-tentacle-tip{0%,100%{transform:rotate(var(--tip-a))}15%{transform:rotate(var(--tip-b))}33%{transform:rotate(var(--tip-a))}50%{transform:rotate(var(--tip-b))}68%{transform:rotate(var(--tip-a))}84%{transform:rotate(var(--tip-b))}}
@keyframes pf-jelly-fly-right{0%{transform:translate3d(0,0,0) rotate(-9deg)}20%{transform:translate3d(28vw,-6vh,0) rotate(-2deg)}43%{transform:translate3d(62vw,5vh,0) rotate(5deg)}67%{transform:translate3d(96vw,-8vh,0) rotate(-1deg)}82%{transform:translate3d(119vw,-2vh,0) rotate(-6deg)}100%{transform:translate3d(145vw,5vh,0) rotate(-9deg)}}
@keyframes pf-jelly-fly-left{0%{transform:translate3d(0,0,0) rotate(12deg)}22%{transform:translate3d(-31vw,-7vh,0) rotate(4deg)}46%{transform:translate3d(-67vw,4vh,0) rotate(-3deg)}69%{transform:translate3d(-101vw,-6vh,0) rotate(3deg)}84%{transform:translate3d(-123vw,2vh,0) rotate(8deg)}100%{transform:translate3d(-145vw,-3vh,0) rotate(12deg)}}
@keyframes pf-jelly-fly-right-low{0%{transform:translate3d(0,0,0) rotate(-14deg)}24%{transform:translate3d(34vw,7vh,0) rotate(-5deg)}49%{transform:translate3d(69vw,-5vh,0) rotate(3deg)}73%{transform:translate3d(104vw,6vh,0) rotate(-2deg)}100%{transform:translate3d(140vw,-4vh,0) rotate(-12deg)}}
@keyframes pf-jelly-fly-left-high{0%{transform:translate3d(0,0,0) rotate(10deg)}21%{transform:translate3d(-29vw,6vh,0) rotate(2deg)}47%{transform:translate3d(-66vw,-7vh,0) rotate(-4deg)}72%{transform:translate3d(-103vw,5vh,0) rotate(1deg)}100%{transform:translate3d(-141vw,-4vh,0) rotate(9deg)}}
.pf-saber-post .backbar,.pf-saber-post main,.pf-saber-post footer{position:relative;z-index:1}
.pf-saber-post .eyebrow{color:#aeb3ff;text-shadow:0 0 15px rgba(89,99,237,.3)}
.pf-saber-post .section-title{background:linear-gradient(100deg,#d9c6ff 0%,#c060ef 22%,#884ee9 48%,#5678ee 70%,#4ff5f1 100%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 12px rgba(79,245,241,.1))}
.pf-saber-post .paperorig{color:#c4c9e8}
.pf-saber-post .mspanel{border-color:rgba(104,87,215,.2);background:linear-gradient(145deg,rgba(18,8,43,.3),rgba(44,28,107,.11) 68%,rgba(14,48,70,.06))}
.pf-saber-post .mspanel h3{color:#f5f4ff}.pf-saber-post .mspanel b{color:#c9c2ff}.pf-saber-post .modeswitch{border-color:rgba(104,87,215,.32)}.pf-saber-post .ms-glow{background:linear-gradient(100deg,var(--saber-violet),var(--saber-blue),var(--saber-cyan))}

/* Portada de la colección. */
.pf-saber-hub .backbar{padding-top:22px}
.pf-saber-hub-main{min-height:72vh}
.pf-saber-hub-hero{padding-top:clamp(48px,8vw,92px);padding-bottom:clamp(32px,5vw,64px)}
.pf-saber-hub-title{max-width:12ch;font-size:clamp(2.55rem,7vw,5.8rem);line-height:.98;margin:0 0 24px}
.pf-saber-hub-lead{max-width:57ch;color:#c7c0df;font-size:clamp(1.02rem,2vw,1.28rem);line-height:1.68}
.pf-saber-hub-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.pf-saber-hub .pf-saber-tags{margin-top:24px}
.pf-saber-collection{padding-top:clamp(36px,5vw,60px)}
.pf-saber-collection-shell{position:relative;overflow:hidden;margin-top:28px;padding:clamp(24px,5vw,52px);border:1px solid rgba(104,87,215,.28);border-radius:30px;background:radial-gradient(circle at 92% 10%,rgba(99,223,231,.09),transparent 28%),linear-gradient(135deg,rgba(124,58,237,.16),rgba(68,35,139,.13) 56%,rgba(89,99,237,.08) 82%,rgba(99,223,231,.045));box-shadow:0 30px 80px -50px rgba(89,99,237,.7)}
.pf-saber-collection-shell::after{content:"";position:absolute;inset:auto 0 0;height:2px;background:linear-gradient(90deg,transparent,var(--v1),var(--saber-blue),var(--saber-cyan),transparent);opacity:.7}
.pf-saber-collection-empty{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) minmax(250px,.72fr);gap:clamp(24px,5vw,62px);align-items:center}
.pf-saber-collection-copy h2{max-width:14ch;margin:10px 0 16px;color:#f7f4ff;font-size:clamp(1.9rem,4vw,3.4rem)}
.pf-saber-collection-copy p{max-width:52ch;color:#b8b0d1;line-height:1.65}
.pf-saber-signal{position:relative;display:grid;place-items:center;min-height:250px;border:1px solid rgba(104,87,215,.22);border-radius:24px;background:radial-gradient(circle at 65% 32%,rgba(99,223,231,.12),transparent 30%),rgba(13,9,35,.36)}
.pf-saber-signal::before{content:"";width:94px;aspect-ratio:1;border:1px solid rgba(99,223,231,.25);border-radius:50%;box-shadow:0 0 0 22px rgba(89,99,237,.045),0 0 0 46px rgba(124,58,237,.025),inset 0 0 32px rgba(99,223,231,.12);animation:pf-saber-signal 4.6s ease-in-out infinite}
.pf-saber-signal::after{content:"✦";position:absolute;color:#9e95ff;font-size:1.45rem;text-shadow:0 0 18px rgba(99,223,231,.62)}
@keyframes pf-saber-signal{0%,100%{transform:scale(.94);opacity:.6}50%{transform:scale(1.05);opacity:1}}

html[data-theme="light"] .pf-saber-post{background:#f7f7fd}
html[data-theme="light"] .pf-saber-post .bg-glow{opacity:.34;filter:none}
html[data-theme="light"] .pf-saber-post #energy{opacity:.18;filter:hue-rotate(18deg) saturate(.85) blur(1px)}
html[data-theme="light"] .pf-space-anemone{opacity:.22;mix-blend-mode:multiply}
html[data-theme="light"] .pf-saber-post .eyebrow{color:#5c57b7;text-shadow:none}
html[data-theme="light"] .pf-saber-post .section-title{background:linear-gradient(100deg,var(--v1),#624dd2 62%,#157d8d);-webkit-background-clip:text;background-clip:text;color:transparent}
html[data-theme="light"] .pf-saber-hub-lead{color:#625b78}
html[data-theme="light"] .pf-saber-collection-shell{background:radial-gradient(circle at 92% 10%,rgba(99,223,231,.1),transparent 27%),linear-gradient(135deg,rgba(124,58,237,.08),rgba(255,255,255,.9) 58%,rgba(89,99,237,.05));border-color:rgba(104,87,215,.19)}
html[data-theme="light"] .pf-saber-collection-copy h2{color:#2e205d}
html[data-theme="light"] .pf-saber-collection-copy p{color:#68617f}
html[data-theme="light"] .pf-saber-signal{background:radial-gradient(circle at 65% 32%,rgba(99,223,231,.13),transparent 30%),rgba(255,255,255,.55)}

@media(max-width:760px){
  .pf-anemone-form--1{left:-190px;right:auto;top:110px;width:190px;opacity:.31;animation-name:pf-jelly-mobile-right}
  .pf-anemone-form--2{left:auto;right:-175px;bottom:9vh;width:175px;opacity:.24;animation-name:pf-jelly-mobile-left}
  .pf-anemone-form--3,.pf-anemone-form--4{display:none}
  .pf-anemone-filament{width:11px}
  .pf-anemone-segment{width:2px;box-shadow:none}
  .pf-saber-post #energy{opacity:.25}
  .pf-saber-collection-empty{grid-template-columns:1fr}
  .pf-saber-signal{min-height:190px}
}
@keyframes pf-jelly-mobile-right{0%{transform:translate3d(0,0,0) rotate(-8deg)}23%{transform:translate3d(66vw,-5vh,0) rotate(1deg)}49%{transform:translate3d(128vw,4vh,0) rotate(5deg)}74%{transform:translate3d(188vw,-6vh,0) rotate(-2deg)}100%{transform:translate3d(248vw,3vh,0) rotate(-7deg)}}
@keyframes pf-jelly-mobile-left{0%{transform:translate3d(0,0,0) rotate(12deg)}24%{transform:translate3d(-66vw,-6vh,0) rotate(3deg)}50%{transform:translate3d(-130vw,5vh,0) rotate(-4deg)}76%{transform:translate3d(-191vw,-4vh,0) rotate(2deg)}100%{transform:translate3d(-248vw,3vh,0) rotate(11deg)}}
@media(max-width:420px){.pf-anemone-form--1{top:125px;opacity:.29}.pf-anemone-form--2{opacity:.22}.pf-anemone-filament:nth-child(n+9){display:none}.pf-saber-hub-title{font-size:clamp(2.35rem,14vw,3.7rem)}}
@media(prefers-reduced-motion:reduce){.pf-anemone-form,.pf-anemone-core,.pf-anemone-filament,.pf-anemone-segment,.pf-saber-signal::before{animation:none}.pf-space-anemone{opacity:.38}}