/* Artículos (se carga después de /legal/legal.css) */
.article .kicker{display:inline-block;margin-bottom:12px;font-family:var(--mono);font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--pink)}
.article h1{font-size:clamp(34px,6.4vw,62px);line-height:1.02}
.article .lead{margin:18px 0 0;font-size:clamp(18px,2.2vw,21px);line-height:1.55;color:#e4e4ea;max-width:62ch}
.article section p,.article section li{font-size:17px}
.cta{margin:40px 0 0;padding:clamp(22px,4vw,36px);border-radius:24px;background:radial-gradient(80% 90% at 15% 20%,rgba(231,29,115,.18),transparent 70%),radial-gradient(80% 90% at 90% 90%,rgba(0,159,227,.16),transparent 70%),var(--surface);border:1px solid var(--line)}
.cta h2{margin:0 0 10px}
.cta p{margin:0 0 20px;max-width:58ch}
.cta .btn{position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:54px;padding:0 26px;border-radius:99px;border:2px solid #50ea00;background:rgba(80,234,0,.06);color:#50ea00;font-weight:900;font-size:17px;text-decoration:none;animation:castGlow 2.2s ease-in-out infinite;transition:background .2s,color .2s,transform .25s}
.cta .btn::before{content:"";flex:none;width:10px;height:10px;border-radius:50%;background:currentColor;animation:castPing 1.4s infinite,castBlink 1.4s steps(1) infinite}
.cta .btn::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 30%,rgba(80,234,0,.35) 50%,transparent 70%);transform:translateX(-120%);animation:castShine 3.2s ease-in-out infinite;pointer-events:none}
.cta .btn:hover{background:#50ea00;color:#0a0a0c;transform:translateY(-2px)}
@keyframes castGlow{0%,100%{box-shadow:0 0 14px -6px #50ea00}50%{box-shadow:0 0 30px -2px #50ea00}}
@keyframes castPing{0%{box-shadow:0 0 0 0 #50ea00}70%{box-shadow:0 0 0 8px transparent}100%{box-shadow:0 0 0 0 transparent}}
@keyframes castBlink{50%{opacity:.25}}
@keyframes castShine{0%,55%{transform:translateX(-120%)}100%{transform:translateX(120%)}}
@media (prefers-reduced-motion:reduce){.cta .btn,.cta .btn::before,.cta .btn::after{animation:none}}
.cta .link{display:inline-block;margin-left:18px;font-weight:700;color:var(--muted)}
@media (max-width:560px){.cta .link{display:block;margin:14px 0 0}}
