/* Intro de marca (0.9.4) */
.pd-intro-ov{display:none}
html.pd-intro .pd-intro-ov{display:flex}
html.pd-intro body{overflow:hidden}
.pd-intro-ov{position:fixed;inset:0;z-index:99999;background:#07090a;align-items:center;justify-content:center;cursor:pointer;
  clip-path:inset(0 0 0 0);animation:pdiOut 0.49s cubic-bezier(.77,0,.18,1) 1.66s forwards}
.pd-intro-ov:before{content:"";position:absolute;inset:0;background:radial-gradient(60% 50% at 50% 50%,rgba(166,226,0,.16),transparent 70%);opacity:0;animation:pdiGlow 1.04s ease 0.33s forwards}
.pdi-grid{position:absolute;inset:0;opacity:.07;background-image:linear-gradient(#a6e200 1px,transparent 1px),linear-gradient(90deg,#a6e200 1px,transparent 1px);background-size:64px 64px;
  -webkit-mask:radial-gradient(circle at 50% 50%,#000 0,transparent 60%);mask:radial-gradient(circle at 50% 50%,#000 0,transparent 60%);animation:pdiGrid 1.95s linear forwards}
.pdi-streak{position:absolute;left:-40%;top:50%;width:40%;height:3px;margin-top:-1.5px;background:linear-gradient(90deg,transparent,#a6e200 70%,#f4ffd0);
  box-shadow:0 0 18px 4px rgba(166,226,0,.55);transform:skewX(-30deg);animation:pdiStreak 0.36s cubic-bezier(.6,0,.2,1) 0.03s forwards}
.pdi-logo{position:relative;width:min(760px,86vw);aspect-ratio:1200/259}
.pdi-logo img{position:absolute;display:block;max-width:none}
.pdi-symbol{opacity:0;transform:translateX(-40px) skewX(-12deg) scale(.9);filter:drop-shadow(0 0 0 rgba(166,226,0,0));animation:pdiSym 0.45s cubic-bezier(.2,.9,.25,1.2) 0.2s forwards,pdiPulse 0.59s ease 1.01s}
.pdi-planeta{clip-path:inset(0 100% 0 0);animation:pdiWipe 0.36s cubic-bezier(.7,0,.2,1) 0.45s forwards}
.pdi-deportes{clip-path:inset(0 100% 0 0);animation:pdiWipe 0.36s cubic-bezier(.7,0,.2,1) 0.59s forwards}
.pdi-slogan{opacity:0;letter-spacing:.3em;transform:translateY(8px);animation:pdiSlogan 0.45s ease 0.85s forwards}
.pdi-shine{position:absolute;inset:-10% 0;overflow:hidden;pointer-events:none;-webkit-mask:var(--pdi-mask) center/100% 100% no-repeat;mask:var(--pdi-mask) center/100% 100% no-repeat}
.pdi-shine:after{content:"";position:absolute;top:0;bottom:0;width:22%;left:-30%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.85),transparent);transform:skewX(-20deg);animation:pdiShine 0.52s ease-in-out 1.1s forwards}
.pdi-bar{position:absolute;left:50%;bottom:12vh;width:120px;height:2px;margin-left:-60px;background:#1c2421;overflow:hidden}
.pdi-bar i{position:absolute;inset:0;background:#a6e200;transform:scaleX(0);transform-origin:0 50%;animation:pdiBar 1.56s linear 0.07s forwards}
.pdi-skip{position:absolute;right:20px;bottom:20px;color:#7d8782;font:600 11px/1 Inter,Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase}
@keyframes pdiStreak{to{left:110%}}
@keyframes pdiGlow{to{opacity:1}}
@keyframes pdiGrid{from{transform:scale(1.15)}to{transform:scale(1)}}
@keyframes pdiSym{to{opacity:1;transform:none}}
@keyframes pdiPulse{0%{filter:drop-shadow(0 0 0 rgba(166,226,0,0))}40%{filter:drop-shadow(0 0 22px rgba(166,226,0,.9))}100%{filter:drop-shadow(0 0 0 rgba(166,226,0,0))}}
@keyframes pdiWipe{to{clip-path:inset(0 0 0 0)}}
@keyframes pdiSlogan{to{opacity:1;letter-spacing:0;transform:none}}
@keyframes pdiShine{to{left:120%}}
@keyframes pdiBar{to{transform:scaleX(1)}}
@keyframes pdiOut{to{clip-path:inset(0 0 100% 0)}}
.pd-intro-ov.is-done{animation:pdiOut 0.29s cubic-bezier(.77,0,.18,1) forwards}
@media(max-width:600px){.pdi-skip{display:none}}