/* ==========================================================
   SPHERIC CREATIVE · Liderazgo internacional (módulo .ldr) — integrado en el sitio
   Las fuentes SC Display / SC Body las carga sc.css
   Autocontenido: todas las clases usan el prefijo .ldr-
   ========================================================== */
@property --ldr-wipe{syntax:'<percentage>';inherits:true;initial-value:100%}
@property --ldr-lr{syntax:'<length>';inherits:true;initial-value:0px}


.ldr{
  --lime:#9DE548;--lime2:#C4EF7E;--lime3:#A7D850;--g1:#68A138;--g2:#3B6326;
  --ink:#050805;--ink2:#0A1404;--paper:#F3F8EE;--mute:rgba(243,248,238,.66);
  --line:rgba(157,229,72,.22);
  --disp:'SC Display','Big Shoulders Display',Impact,sans-serif;
  --body:'SC Body','Instrument Sans',system-ui,sans-serif;
  --mono:ui-monospace,'SFMono-Regular',Menlo,Consolas,monospace;
  position:relative;isolation:isolate;overflow:hidden;
  background:var(--ink);color:var(--paper);font-family:var(--body);
  padding:clamp(96px,12vw,170px) clamp(16px,6vw,110px) clamp(80px,10vw,150px);
}
.ldr *,.ldr *::before,.ldr *::after{box-sizing:border-box}
:where(.ldr) :where(p,h2,h3,ul,li){margin:0;padding:0}
.ldr ul{list-style:none}

/* ---------- fondo inmersivo ---------- */
.ldr-bg{position:absolute;inset:0;z-index:-1;pointer-events:none}
.ldr-glow{position:absolute;border-radius:50%;filter:blur(90px);opacity:.55;mix-blend-mode:screen}
.ldr-glow.ldr-ga{width:62vw;height:62vw;left:-18vw;top:-14vw;background:radial-gradient(circle,rgba(104,161,56,.55),rgba(104,161,56,0) 65%);animation:ldrDrift 22s ease-in-out infinite alternate}
.ldr-glow.ldr-gb{width:54vw;height:54vw;right:-16vw;top:30%;background:radial-gradient(circle,rgba(157,229,72,.35),rgba(157,229,72,0) 65%);animation:ldrDrift 26s ease-in-out -8s infinite alternate-reverse}
.ldr-glow.ldr-gc{width:46vw;height:46vw;left:22vw;bottom:-22vw;background:radial-gradient(circle,rgba(59,99,38,.7),rgba(59,99,38,0) 65%);animation:ldrDrift 30s ease-in-out -4s infinite alternate}
@keyframes ldrDrift{to{transform:translate3d(6vw,4vw,0) scale(1.12)}}
.ldr-grid{position:absolute;left:-30%;right:-30%;bottom:-6%;height:58%;
  background-image:linear-gradient(rgba(157,229,72,.16) 1px,transparent 1px),linear-gradient(90deg,rgba(157,229,72,.16) 1px,transparent 1px);
  background-size:80px 80px;transform:perspective(700px) rotateX(64deg);transform-origin:50% 100%;
  -webkit-mask-image:linear-gradient(to top,#000 0%,rgba(0,0,0,.6) 40%,transparent 92%);mask-image:linear-gradient(to top,#000 0%,rgba(0,0,0,.6) 40%,transparent 92%);
  animation:ldrGrid 6s linear infinite}
@keyframes ldrGrid{to{background-position:0 80px,0 0}}
.ldr-streaks{position:absolute;inset:-20% -10%;
  background:repeating-linear-gradient(115deg,transparent 0 140px,rgba(196,239,126,.05) 140px 141px,transparent 141px 300px);
  animation:ldrStreak 18s linear infinite}
@keyframes ldrStreak{to{transform:translate3d(300px,0,0)}}
.ldr-dots{position:absolute;inset:0;width:100%;height:100%}
.ldr-noise{position:absolute;inset:0;opacity:.06;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.85' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}

/* ---------- objetos flotantes ---------- */
.ldr-fl{position:absolute;inset:0;overflow:hidden}
.ldr-o{position:absolute;left:var(--x);top:var(--y);width:var(--s);aspect-ratio:1;will-change:transform}
.ldr-o > *{width:100%;height:100%;display:block;animation:ldrFloat var(--t,14s) ease-in-out var(--dl,0s) infinite alternate}
@keyframes ldrFloat{0%{transform:translate3d(0,0,0) rotate(0deg)}50%{transform:translate3d(14px,-26px,0) rotate(var(--r,10deg))}100%{transform:translate3d(-10px,18px,0) rotate(calc(var(--r,10deg) * -1))}}
.ldr-o.ldr-far{filter:blur(3px);opacity:.55}
.ldr-o.ldr-near{filter:blur(1.2px)}
.ldr-orb{border-radius:50%;background:radial-gradient(circle at 32% 28%,rgba(255,255,255,.55) 0%,rgba(255,255,255,.08) 22%,rgba(157,229,72,.06) 55%,rgba(157,229,72,.18) 100%);border:1px solid rgba(196,239,126,.28);box-shadow:inset -12px -18px 40px rgba(0,0,0,.45),0 30px 60px rgba(0,0,0,.4);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.ldr-ball{border-radius:50%;background:radial-gradient(circle at 30% 28%,#F3FFD9 0%,#C4EF7E 18%,#9DE548 42%,#3B6326 82%,#1A2E0E 100%);box-shadow:0 0 60px rgba(157,229,72,.45),inset -10px -14px 30px rgba(0,0,0,.35)}
.ldr-ball.ldr-dark{background:radial-gradient(circle at 30% 28%,#9a9a9a 0%,#3a3a3a 35%,#111 85%);box-shadow:0 30px 60px rgba(0,0,0,.55),inset -8px -12px 26px rgba(0,0,0,.5)}
.ldr-torus{border-radius:50%;border:clamp(6px,.9vw,14px) solid transparent;background:conic-gradient(from 0deg,#9DE548,#3B6326,#C4EF7E,#68A138,#9DE548) border-box;-webkit-mask:linear-gradient(#000 0 0) padding-box exclude,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) padding-box exclude,linear-gradient(#000 0 0);opacity:.75}
.ldr-o.ldr-tilt > *{animation-name:ldrFloatT}
@keyframes ldrFloatT{0%{transform:rotateX(68deg) rotateZ(0deg)}100%{transform:rotateX(62deg) rotateZ(180deg) translateZ(20px)}}
.ldr-o svg{overflow:visible}
.ldr-spin{animation:ldrSpin 40s linear infinite;transform-origin:50% 50%}

/* ---------- cabecera ---------- */
.ldr-head{max-width:1500px;margin:0 auto clamp(56px,8vw,120px);display:grid;grid-template-columns:1.25fr 1fr;gap:clamp(24px,4vw,80px);align-items:end}
.ldr-eyebrow{font-family:var(--mono);font-size:clamp(12px,1vw,14px);letter-spacing:.32em;text-transform:uppercase;color:var(--lime);display:flex;align-items:center;gap:12px;margin-bottom:26px}
.ldr-eyebrow i{width:9px;height:9px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 0 rgba(157,229,72,.7);animation:ldrPulse 2.2s infinite}
@keyframes ldrPulse{70%{box-shadow:0 0 0 12px rgba(157,229,72,0)}100%{box-shadow:0 0 0 0 rgba(157,229,72,0)}}
.ldr-title{font-family:var(--disp);font-weight:700;text-transform:uppercase;line-height:1;letter-spacing:.005em;font-size:clamp(54px,8.6vw,150px);padding-top:.06em}
.ldr-title span{display:block}
.ldr-title .ldr-hl{background:linear-gradient(100deg,#EEFAD9 0%,#C4EF7E 35%,#9DE548 65%,#68A138 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.ldr-title .ldr-ol{color:transparent;-webkit-text-stroke:1.5px rgba(196,239,126,.75)}
.ldr-intro{font-size:clamp(16px,1.35vw,21px);line-height:1.6;color:var(--mute);max-width:520px;border-inline-start:2px solid var(--lime);padding-inline-start:22px}

/* ---------- tarjeta de líder ---------- */
.ldr-list{max-width:1500px;margin:0 auto;display:flex;flex-direction:column;gap:clamp(90px,12vw,180px)}
.ldr-card{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(36px,6vw,110px);align-items:center}
.ldr-card.ldr-rev{grid-template-columns:minmax(0,6fr) minmax(0,5fr)}
.ldr-card.ldr-rev .ldr-stage{order:2;--dir:-1}

.ldr-stage{position:relative;aspect-ratio:4/5;perspective:1300px;--rx:0deg;--ry:0deg;--px:0;--py:0;--sp:0;--lx:50%;--ly:40%;touch-action:pan-y}
.ldr-rig{position:absolute;inset:0;transform-style:preserve-3d;transform:translateX(calc(var(--sp)*var(--dir,1)*-34px)) rotateX(var(--rx)) rotateY(var(--ry));transition:transform .2s linear}
.ldr-layer{position:absolute;inset:0;transform-style:preserve-3d;pointer-events:none}
.ldr-d1{transform:translate3d(calc(var(--px)*-26px),calc(var(--py)*-26px + var(--sp)*60px),-80px)}
.ldr-d2{transform:translate3d(calc(var(--px)*-10px),calc(var(--py)*-10px + var(--sp)*24px),-30px)}
.ldr-d3{transform:translate3d(calc(var(--px)*6px),calc(var(--py)*6px),10px)}
.ldr-d4{transform:translate3d(calc(var(--px)*14px),calc(var(--py)*14px),50px)}
.ldr-d4 .ldr-chip{translate:0 calc(var(--sp)*-36px)}

/* número gigante */
.ldr-num{position:absolute;left:-12%;top:-14%;font-family:var(--disp);font-weight:700;font-size:clamp(170px,22vw,360px);line-height:.8;color:transparent;-webkit-text-stroke:1.5px rgba(157,229,72,.32);letter-spacing:-.02em}
.ldr-card.ldr-rev .ldr-num{left:auto;right:-12%}

/* anillos orbitales */
.ldr-rings{position:absolute;left:50%;top:30%;width:118%;aspect-ratio:1;transform:translate(-50%,-50%)}
.ldr-rings svg{width:100%;height:100%;overflow:visible}
.ldr-rings .ldr-r1{transform-origin:50% 50%;animation:ldrSpin 38s linear infinite}
.ldr-rings .ldr-r2{transform-origin:50% 50%;animation:ldrSpin 54s linear infinite reverse}
@keyframes ldrSpin{to{transform:rotate(360deg)}}

/* panel de vidrio */
.ldr-panel{position:absolute;inset:0;border-radius:30px;
  background:
   radial-gradient(62% 48% at 50% 30%,rgba(150,150,150,.55) 0%,rgba(150,150,150,0) 75%),
   radial-gradient(120% 80% at var(--lx) var(--ly),rgba(157,229,72,.14),rgba(157,229,72,0) 55%),
   linear-gradient(180deg,#2E2F2D 0%,#1C1D1B 55%,#0D0E0C 100%);
  border:1px solid rgba(196,239,126,.30);
  box-shadow:0 50px 120px rgba(0,0,0,.6),0 0 0 6px rgba(157,229,72,.05),inset 0 1px 0 rgba(255,255,255,.12);
  overflow:hidden}
.ldr-panel::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(157,229,72,.0) 0%,rgba(157,229,72,.0) 92%,rgba(157,229,72,.22) 100%);mix-blend-mode:screen}
.ldr-card.ldr-rev .ldr-panel::before{transform:scaleX(-1)}
.ldr-panel::after{content:"";position:absolute;left:-30%;top:-30%;width:60%;height:160%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent);transform:rotate(18deg) translateX(-120%);
  animation:ldrSheen 7s ease-in-out infinite}
@keyframes ldrSheen{55%,100%{transform:rotate(18deg) translateX(420%)}}

/* retrato blanco y negro, cuerpo completo hasta la cintura */
.ldr-photo{position:absolute;inset:0;border-radius:30px;overflow:hidden;clip-path:inset(0 round 30px)}
.ldr-photo img{position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:var(--w,100%);height:auto;max-width:none;display:block;user-select:none;-webkit-user-drag:none;
  -webkit-mask-image:linear-gradient(to bottom,#000 var(--fade,70%),transparent 99%);mask-image:linear-gradient(to bottom,#000 var(--fade,70%),transparent 99%)}
.ldr-photo.ldr-soft img{-webkit-mask-image:linear-gradient(to bottom,#000 var(--fade,70%),transparent 99%),linear-gradient(90deg,transparent 0%,#000 9%,#000 91%,transparent 100%);-webkit-mask-composite:source-in;mask-image:linear-gradient(to bottom,#000 var(--fade,70%),transparent 99%),linear-gradient(90deg,transparent 0%,#000 9%,#000 91%,transparent 100%);mask-composite:intersect}

.ldr-photo .ldr-col{clip-path:inset(0 var(--ldr-wipe) 0 0);transition:--ldr-wipe 1.9s cubic-bezier(.7,0,.2,1) .55s}
.ldr-card.ldr-rev .ldr-photo .ldr-col{clip-path:inset(0 0 0 var(--ldr-wipe))}
.ldr-photo .ldr-lens{clip-path:circle(var(--ldr-lr) at var(--ix,50%) var(--iy,40%));transition:--ldr-lr .45s cubic-bezier(.2,.8,.2,1)}
.ldr-card.ldr-in .ldr-photo .ldr-col{--ldr-wipe:0%}
.ldr-stage.ldr-hover .ldr-photo .ldr-lens{--ldr-lr:clamp(64px,7vw,104px)}

/* línea de escaneo que acompaña la revelación */
.ldr-scan{position:absolute;inset:0;pointer-events:none;overflow:visible}
.ldr-scan i{position:absolute;top:-3%;bottom:-3%;width:2px;left:0%;background:linear-gradient(180deg,transparent,var(--lime) 20%,#fff 50%,var(--lime) 80%,transparent);box-shadow:0 0 22px 4px rgba(157,229,72,.55);opacity:0}
.ldr-card.ldr-in .ldr-scan i{animation:ldrScanIn 1.9s cubic-bezier(.7,0,.2,1) .55s forwards,ldrScanLoop 7s ease-in-out 3.6s infinite}
.ldr-card.ldr-rev.ldr-in .ldr-scan i{animation-name:ldrScanInR,ldrScanLoopR}
@keyframes ldrScanIn{0%{left:0%;opacity:1}92%{opacity:1}100%{left:100%;opacity:0}}
@keyframes ldrScanInR{0%{left:100%;opacity:1}92%{opacity:1}100%{left:0%;opacity:0}}
@keyframes ldrScanLoop{0%{left:0%;opacity:0}8%{opacity:.5}45%{left:100%;opacity:.5}52%,100%{left:100%;opacity:0}}
@keyframes ldrScanLoopR{0%{left:100%;opacity:0}8%{opacity:.5}45%{left:0%;opacity:.5}52%,100%{left:0%;opacity:0}}

/* anillo del lente */
.ldr-ring{position:absolute;z-index:2;left:var(--fx,50%);top:var(--fy,40%);width:calc(var(--ldr-lr)*2);height:calc(var(--ldr-lr)*2);transform:translate(-50%,-50%);border-radius:50%;border:1.5px solid var(--lime);box-shadow:0 0 30px rgba(157,229,72,.5),inset 0 0 30px rgba(157,229,72,.25);transition:--ldr-lr .45s cubic-bezier(.2,.8,.2,1);pointer-events:none}
.ldr-ring::before,.ldr-ring::after{content:"";position:absolute;background:var(--lime)}
.ldr-ring::before{left:50%;top:-10px;width:1.5px;height:calc(100% + 20px);transform:translateX(-50%);-webkit-mask:linear-gradient(#000 0 12px,transparent 12px calc(100% - 12px),#000 calc(100% - 12px));mask:linear-gradient(#000 0 12px,transparent 12px calc(100% - 12px),#000 calc(100% - 12px))}
.ldr-ring::after{top:50%;left:-10px;height:1.5px;width:calc(100% + 20px);transform:translateY(-50%);-webkit-mask:linear-gradient(90deg,#000 0 12px,transparent 12px calc(100% - 12px),#000 calc(100% - 12px));mask:linear-gradient(90deg,#000 0 12px,transparent 12px calc(100% - 12px),#000 calc(100% - 12px))}
.ldr-stage.ldr-hover .ldr-ring{--ldr-lr:clamp(64px,7vw,104px)}
.ldr-stage:not(.ldr-hover) .ldr-ring{opacity:0}

/* HUD */
.ldr-hud{position:absolute;inset:0}
.ldr-hud .ldr-c{position:absolute;width:34px;height:34px;border:2px solid var(--lime);opacity:.9}
.ldr-hud .ldr-c.ldr-tl{left:-10px;top:-10px;border-right:0;border-bottom:0;border-top-left-radius:12px}
.ldr-hud .ldr-c.ldr-tr{right:-10px;top:-10px;border-left:0;border-bottom:0;border-top-right-radius:12px}
.ldr-hud .ldr-c.ldr-bl{left:-10px;bottom:-10px;border-right:0;border-top:0;border-bottom-left-radius:12px}
.ldr-hud .ldr-c.ldr-br{right:-10px;bottom:-10px;border-left:0;border-top:0;border-bottom-right-radius:12px}
.ldr-tag{position:absolute;font-family:var(--mono);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--paper);padding:8px 12px;border-radius:999px;
  background:rgba(5,8,5,.55);border:1px solid rgba(196,239,126,.25);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);white-space:nowrap}
.ldr-tag b{color:var(--lime);font-weight:400}
.ldr-tag.ldr-id{left:18px;bottom:18px}
.ldr-tag.ldr-live{right:18px;bottom:18px;display:flex;align-items:center;gap:8px}
.ldr-tag.ldr-live i{width:7px;height:7px;border-radius:50%;background:var(--lime);animation:ldrPulse 2.2s infinite}

/* chips flotantes */
.ldr-chip{position:absolute;display:flex;align-items:center;gap:10px;padding:12px 18px;border-radius:16px;font-size:clamp(12px,.95vw,15px);font-weight:700;letter-spacing:.02em;color:var(--paper);white-space:nowrap;
  background:linear-gradient(150deg,rgba(10,20,4,.82),rgba(5,8,5,.66));border:1px solid rgba(196,239,126,.3);
  -webkit-backdrop-filter:blur(14px) saturate(140%);backdrop-filter:blur(14px) saturate(140%);box-shadow:0 20px 50px rgba(0,0,0,.4);
  animation:ldrBob 6s ease-in-out infinite}
.ldr-chip svg{flex:none;width:18px;height:18px}
.ldr-chip:nth-child(2){animation-delay:-2s}.ldr-chip:nth-child(3){animation-delay:-4s}
@keyframes ldrBob{50%{transform:translateY(-10px)}}
.ldr-chip.ldr-p1{left:-9%;top:34%}
.ldr-chip.ldr-p2{right:-8%;top:52%}
.ldr-chip.ldr-p3{left:-4%;top:74%}
.ldr-card.ldr-rev .ldr-chip.ldr-p1{left:auto;right:-9%}
.ldr-card.ldr-rev .ldr-chip.ldr-p2{right:auto;left:-8%}
.ldr-card.ldr-rev .ldr-chip.ldr-p3{left:auto;right:-4%}

/* ---------- texto ---------- */
.ldr-copy{position:relative}
.ldr-idx{display:flex;align-items:center;gap:16px;font-family:var(--mono);font-size:13px;letter-spacing:.3em;color:var(--lime);margin-bottom:26px}
.ldr-idx::after{content:"";height:1px;flex:1;max-width:160px;background:linear-gradient(90deg,var(--lime),transparent)}
.ldr-role{display:inline-flex;align-items:center;gap:10px;font-family:var(--mono);font-size:clamp(11px,.9vw,13px);letter-spacing:.22em;text-transform:uppercase;color:var(--ink);background:var(--lime);padding:10px 18px;border-radius:999px;box-shadow:0 14px 40px rgba(157,229,72,.35)}
.ldr-name{font-family:var(--disp);font-weight:700;text-transform:uppercase;line-height:.94;font-size:clamp(40px,4.6vw,78px);margin:22px 0 10px;letter-spacing:.005em}
.ldr-name .ldr-br{color:var(--lime)}
.ldr-sub{font-family:var(--disp);font-weight:700;text-transform:uppercase;font-size:clamp(22px,2vw,32px);letter-spacing:.04em;color:transparent;-webkit-text-stroke:1px rgba(196,239,126,.85);margin-bottom:26px}
.ldr-text{font-size:clamp(16px,1.3vw,20px);line-height:1.65;color:var(--mute);max-width:640px}
.ldr-text strong{color:var(--paper);font-weight:700}
.ldr-caps{margin-top:34px;display:grid;gap:0;max-width:640px;border-top:1px solid var(--line)}
.ldr-caps li{display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:14px;padding:16px 0;border-bottom:1px solid var(--line);font-size:clamp(15px,1.15vw,18px);position:relative;overflow:hidden}
.ldr-caps li span:first-child{font-family:var(--mono);font-size:12px;color:var(--lime);letter-spacing:.15em}
.ldr-caps li em{font-style:normal;font-family:var(--mono);font-size:11px;letter-spacing:.2em;color:rgba(196,239,126,.6)}
.ldr-caps li::after{content:"";position:absolute;left:0;bottom:-1px;height:1px;width:100%;background:var(--lime);transform:scaleX(0);transform-origin:left;transition:transform 1.1s cubic-bezier(.7,0,.2,1)}
.ldr-card.ldr-in .ldr-caps li::after{transform:scaleX(1)}
.ldr-card.ldr-in .ldr-caps li:nth-child(2)::after{transition-delay:.15s}
.ldr-card.ldr-in .ldr-caps li:nth-child(3)::after{transition-delay:.3s}
.ldr-caps li:hover{color:var(--lime2)}

/* ---------- marquesina inferior ---------- */
.ldr-marq{margin:clamp(80px,10vw,150px) calc(-1 * clamp(16px,6vw,110px)) 0;overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:22px 0;-webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}
.ldr-marq div{display:flex;width:max-content;gap:48px;animation:ldrMarq 32s linear infinite;font-family:var(--disp);font-weight:700;text-transform:uppercase;font-size:clamp(34px,4vw,64px);line-height:1}
.ldr-marq span{color:transparent;-webkit-text-stroke:1px rgba(196,239,126,.55)}
.ldr-marq span:nth-child(even){color:var(--lime);-webkit-text-stroke:0}
@keyframes ldrMarq{to{transform:translateX(-50%)}}

/* ---------- revelado ---------- */
.ldr [data-r]{opacity:0;transform:translate3d(0,40px,0);transition:opacity 1s cubic-bezier(.2,.8,.2,1),transform 1s cubic-bezier(.2,.8,.2,1);transition-delay:calc(var(--d,0) * 110ms)}
.ldr .ldr-in[data-r],.ldr .ldr-in [data-r]{opacity:1!important;transform:none!important}
.ldr-stage[data-r]{transform:translate3d(-18vw,0,0) rotateY(24deg) scale(.92);filter:blur(10px);transition:opacity 1.3s cubic-bezier(.2,.8,.2,1),transform 1.5s cubic-bezier(.16,.9,.2,1),filter 1.2s ease}
.ldr-card.ldr-rev .ldr-stage[data-r]{transform:translate3d(18vw,0,0) rotateY(-24deg) scale(.92)}
.ldr .ldr-in .ldr-stage[data-r]{filter:none}
.ldr-copy [data-r]{transform:translate3d(90px,0,0)}
.ldr-card.ldr-rev .ldr-copy [data-r]{transform:translate3d(-90px,0,0)}
.ldr-head [data-r]{transform:translate3d(-70px,0,0)}
.ldr-head .ldr-intro[data-r]{transform:translate3d(70px,0,0)}
.ldr-card{perspective:1600px}

/* ---------- responsive ---------- */
@media (max-width:1100px){
  .ldr-chip.ldr-p1,.ldr-card.ldr-rev .ldr-chip.ldr-p1{left:-3%;right:auto}
  .ldr-chip.ldr-p2,.ldr-card.ldr-rev .ldr-chip.ldr-p2{right:-3%;left:auto}
  .ldr-chip.ldr-p3,.ldr-card.ldr-rev .ldr-chip.ldr-p3{left:-2%;right:auto}
}
@media (max-width:900px){
  .ldr-o{width:calc(var(--s) * .6)}
  .ldr-stage[data-r],.ldr-card.ldr-rev .ldr-stage[data-r]{transform:translate3d(var(--enter,-60px),0,0) rotateY(var(--ery,14deg)) scale(.94)}
  .ldr-card.ldr-rev .ldr-stage[data-r]{--enter:60px;--ery:-14deg}
  .ldr-copy [data-r]{transform:translate3d(40px,0,0)}
  .ldr-card.ldr-rev .ldr-copy [data-r]{transform:translate3d(-40px,0,0)}
  .ldr-head{grid-template-columns:1fr;align-items:start}
  .ldr-card,.ldr-card.ldr-rev{grid-template-columns:1fr;gap:40px}
  .ldr-card.ldr-rev .ldr-stage{order:0}
  .ldr-stage{width:min(100%,520px);margin:0 auto}
  .ldr-num{font-size:min(44vw,240px);left:-2%!important;right:auto!important;top:-6%}
  .ldr-chip{padding:9px 13px;font-size:12px;border-radius:12px}
  .ldr-chip svg{width:15px;height:15px}
  .ldr-chip.ldr-p1,.ldr-card.ldr-rev .ldr-chip.ldr-p1{left:-2%;right:auto;top:30%}
  .ldr-chip.ldr-p2,.ldr-card.ldr-rev .ldr-chip.ldr-p2{right:-2%;left:auto;top:50%}
  .ldr-chip.ldr-p3,.ldr-card.ldr-rev .ldr-chip.ldr-p3{left:-2%;right:auto;top:auto;bottom:16%}
  .ldr-hud .ldr-c{width:26px;height:26px}
  .ldr-hud .ldr-c.ldr-tl,.ldr-hud .ldr-c.ldr-bl{left:-6px}.ldr-hud .ldr-c.ldr-tr,.ldr-hud .ldr-c.ldr-br{right:-6px}
  .ldr-tag{font-size:10px;padding:7px 10px}
  .ldr-role{letter-spacing:.14em;font-size:11px}
  .ldr-tag.ldr-id{left:12px;bottom:12px}.ldr-tag.ldr-live{right:12px;bottom:12px}
  .ldr-grid{height:40%}
}
@media (max-width:420px){
  .ldr-o.ldr-hide-sm{display:none}
  .ldr-chip.ldr-p3{display:none}
  .ldr-tag.ldr-live{display:none}
}
@media (prefers-reduced-motion:reduce){
  .ldr *,.ldr *::before,.ldr *::after{animation:none!important;transition:none!important}
  .ldr [data-r]{opacity:1;transform:none}
  .ldr-photo .ldr-col{--ldr-wipe:0%}
  .ldr-scan{display:none}
}

/* ---------- idiomas con otras escrituras ---------- */
html[lang="ar"] .ldr{--disp:'Noto Kufi Arabic','SC Display',sans-serif;--body:'IBM Plex Sans Arabic','Noto Kufi Arabic','SC Body',sans-serif}
html[lang^="zh"] .ldr{--disp:'Noto Sans SC','SC Display',sans-serif;--body:'Noto Sans SC','SC Body',sans-serif}
html[lang^="hi"] .ldr{--disp:'Noto Sans Devanagari','SC Display',sans-serif;--body:'Noto Sans Devanagari','SC Body',sans-serif}
html[lang="ar"] .ldr-title,html[lang^="zh"] .ldr-title,html[lang^="hi"] .ldr-title{line-height:1.22;font-size:clamp(44px,6.4vw,112px);padding-top:0}
html[lang="ar"] .ldr-name,html[lang^="zh"] .ldr-name,html[lang^="hi"] .ldr-name{line-height:1.1}
html[lang="ar"] .ldr-sub,html[lang^="zh"] .ldr-sub,html[lang^="hi"] .ldr-sub{-webkit-text-stroke:0;color:var(--lime2);font-size:clamp(20px,1.7vw,28px);line-height:1.4}
html[lang="ar"] .ldr-title .ldr-ol,html[lang^="zh"] .ldr-title .ldr-ol,html[lang^="hi"] .ldr-title .ldr-ol{-webkit-text-stroke:0;color:rgba(196,239,126,.78)}
html[lang="ar"] .ldr-eyebrow,html[lang^="zh"] .ldr-eyebrow,html[lang^="hi"] .ldr-eyebrow,
html[lang="ar"] .ldr-role,html[lang^="zh"] .ldr-role,html[lang^="hi"] .ldr-role{letter-spacing:.04em;font-family:var(--body);font-weight:700}
html[lang="ar"] .ldr-marq div,html[lang^="zh"] .ldr-marq div,html[lang^="hi"] .ldr-marq div{line-height:1.35}
html[dir="rtl"] .ldr-idx::after{background:linear-gradient(270deg,var(--lime),transparent)}
html[dir="rtl"] .ldr-caps li::after{transform-origin:right}
html[dir="rtl"] .ldr-marq div{animation-direction:reverse}
/* idiomas con títulos largos */
html[lang="de"] .ldr-title,html[lang="fi"] .ldr-title{font-size:clamp(46px,7.4vw,132px)}
.ldr-title span,.ldr-name{overflow-wrap:anywhere}

/* ==========================================================
   ESCENA ÚNICA · ambos directores al mismo tiempo (compacto)
   ========================================================== */
.ldr{padding-block:clamp(80px,9vw,130px) clamp(60px,7vw,100px)}
.ldr-head{margin-bottom:clamp(40px,5vw,72px);max-width:1400px}
.ldr-title{font-size:clamp(42px,5.6vw,96px)}
html[lang="de"] .ldr-title,html[lang="fi"] .ldr-title{font-size:clamp(40px,5vw,88px)}
.ldr-intro{font-size:clamp(15px,1.1vw,18px)}
.ldr-list{max-width:1400px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(28px,3.4vw,64px);align-items:start}
.ldr-card,.ldr-card.ldr-rev{grid-template-columns:minmax(0,42fr) minmax(0,58fr);gap:clamp(20px,2.2vw,36px);align-items:center;
  padding:clamp(18px,1.6vw,28px);border-radius:28px;border:1px solid rgba(196,239,126,.14);
  background:linear-gradient(160deg,rgba(104,161,56,.10),rgba(5,8,5,.35) 60%);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.ldr-card.ldr-rev .ldr-stage{order:0}
.ldr-stage{width:100%;margin:0}
/* elementos del retrato a escala reducida */
.ldr-num,.ldr-card.ldr-rev .ldr-num{font-size:clamp(90px,9vw,170px);left:-10%;right:auto;top:-10%}
.ldr-chip{padding:7px 11px;font-size:11px;border-radius:11px;gap:7px}
.ldr-chip svg{width:13px;height:13px}
.ldr-chip.ldr-p1,.ldr-card.ldr-rev .ldr-chip.ldr-p1{left:-10%;right:auto;top:12%}
.ldr-chip.ldr-p2,.ldr-card.ldr-rev .ldr-chip.ldr-p2{right:-12%;left:auto;top:auto;bottom:20%}
.ldr-chip.ldr-p3,.ldr-card.ldr-rev .ldr-chip.ldr-p3{display:none}
.ldr-hud .ldr-c{width:20px;height:20px;border-width:1.5px}
.ldr-hud .ldr-c.ldr-tl,.ldr-hud .ldr-c.ldr-bl{left:-7px}.ldr-hud .ldr-c.ldr-tr,.ldr-hud .ldr-c.ldr-br{right:-7px}
.ldr-hud .ldr-c.ldr-tl,.ldr-hud .ldr-c.ldr-tr{top:-7px}.ldr-hud .ldr-c.ldr-bl,.ldr-hud .ldr-c.ldr-br{bottom:-7px}
.ldr-tag{font-size:9px;padding:5px 8px;letter-spacing:.16em}
.ldr-tag.ldr-id{left:10px;bottom:10px}.ldr-tag.ldr-live{right:10px;bottom:10px}
.ldr-panel,.ldr-photo{border-radius:20px}
.ldr-photo{clip-path:inset(0 round 20px)}
.ldr-stage.ldr-hover .ldr-photo .ldr-lens,.ldr-stage.ldr-hover .ldr-ring{--ldr-lr:clamp(40px,4vw,64px)}
/* textos reducidos */
.ldr-idx{font-size:11px;margin-bottom:14px}
.ldr-role{font-size:10px;letter-spacing:.16em;padding:7px 12px}
.ldr-name{font-size:clamp(28px,2.5vw,44px);margin:14px 0 4px}
.ldr-sub{font-size:clamp(15px,1.15vw,19px);margin-bottom:14px}
.ldr-text{font-size:clamp(13px,.95vw,15px);line-height:1.6}
.ldr-caps{margin-top:16px;display:flex;flex-wrap:wrap;gap:6px;border:0}
.ldr-caps li{display:inline-flex;gap:6px;padding:6px 10px;border:1px solid var(--line);border-radius:999px;font-size:11.5px;line-height:1.2;overflow:visible}
.ldr-caps li::after,.ldr-caps li em{display:none}
.ldr-caps li span:first-child{font-size:10px}
/* entrada de lado a lado (cada director desde su costado) */
.ldr-copy [data-r]{transform:translate3d(40px,0,0)}
.ldr-card.ldr-rev .ldr-copy [data-r]{transform:translate3d(-40px,0,0)}
.ldr-card[data-r]{opacity:0;transform:translate3d(-8vw,0,0);transition:opacity 1.1s cubic-bezier(.2,.8,.2,1),transform 1.3s cubic-bezier(.16,.9,.2,1)}
.ldr-card.ldr-rev[data-r]{transform:translate3d(8vw,0,0)}
.ldr-marq{margin-top:clamp(56px,7vw,100px)}
.ldr-marq div{font-size:clamp(28px,3vw,48px)}
html[lang="ar"] .ldr-name,html[lang^="zh"] .ldr-name,html[lang^="hi"] .ldr-name{line-height:1.15}
html[lang="ar"] .ldr-role,html[lang^="zh"] .ldr-role,html[lang^="hi"] .ldr-role{font-size:12px}

/* pantallas medianas: foto arriba, texto abajo, siguen lado a lado */
@media (max-width:1180px){
  .ldr-card,.ldr-card.ldr-rev{grid-template-columns:1fr;gap:22px;align-items:start}
  .ldr-stage{width:min(100%,280px);justify-self:center}
}
/* celular: un director debajo del otro, tarjetas compactas */
@media (max-width:760px){
  .ldr-list{grid-template-columns:1fr;gap:28px}
  .ldr-card,.ldr-card.ldr-rev{grid-template-columns:minmax(0,40fr) minmax(0,60fr);gap:16px;align-items:center;padding:14px;border-radius:22px}
  .ldr-stage{width:100%}
  .ldr-num,.ldr-card.ldr-rev .ldr-num{font-size:88px}
  .ldr-chip,.ldr-hud .ldr-tag.ldr-live{display:none}
  .ldr-tag.ldr-id{left:6px;bottom:6px;font-size:8px;padding:4px 6px}
  .ldr-name{font-size:26px;margin-top:10px}
  .ldr-text{font-size:13px}
  .ldr-role{font-size:9px;letter-spacing:.12em;padding:6px 10px}
  .ldr-card[data-r]{transform:translate3d(-40px,0,0)}
  .ldr-card.ldr-rev[data-r]{transform:translate3d(40px,0,0)}
  .ldr-stage[data-r],.ldr-card.ldr-rev .ldr-stage[data-r]{transform:scale(.94)}
}
@media (max-width:480px){
  .ldr-card,.ldr-card.ldr-rev{grid-template-columns:1fr;padding:16px}
  .ldr-stage{width:min(78%,250px);justify-self:center}
  .ldr-copy{text-align:start}
  .ldr-chip{display:inline-flex}
  .ldr-chip.ldr-p3{display:none}
}
/* (13) celular/táctil: misma estética con menos costo de dibujo */
@media (hover:none) and (pointer:coarse), (max-width:760px){
  .ldr-card,.ldr-card.ldr-rev{-webkit-backdrop-filter:none;backdrop-filter:none;background:linear-gradient(160deg,rgba(104,161,56,.14),rgba(5,8,5,.82) 60%)}
  .ldr-orb{-webkit-backdrop-filter:none;backdrop-filter:none}
  .ldr-o.ldr-far,.ldr-o.ldr-near{filter:none}
  .ldr-glow{filter:blur(50px)}
  .ldr-noise,.ldr-streaks{display:none}
  .ldr-card[data-r],.ldr-card.ldr-rev[data-r],.ldr-stage[data-r],.ldr-card.ldr-rev .ldr-stage[data-r]{filter:none}
}
/* (14) táctil: sin bucles por cuadro; deriva 3D suave solo con CSS */
@media (hover:none) and (pointer:coarse){
  .ldr-grid,.ldr-glow,.ldr-panel::after{animation:none!important}
  .ldr-dots{display:none}
  .ldr-rig{animation:ldrDrift3d 9s ease-in-out infinite alternate;transition:none}
  .ldr-card.ldr-rev .ldr-rig{animation-delay:-4.5s}
  @keyframes ldrDrift3d{0%{transform:rotateY(-4deg) rotateX(2deg)}100%{transform:rotateY(4deg) rotateX(-2deg)}}
}
@media (hover:none) and (pointer:coarse) and (prefers-reduced-motion:reduce){.ldr-rig{animation:none}}