/*
Theme Name: NightLinks Shortener
Theme URI: https://example.com/
Author: NightLinks
Description: Acortador personal para WordPress con intersticial, panel propio, tarjetas sociales y anuncios configurables.
Version: 2.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: nightlinks-shortener
*/
:root{color-scheme:dark}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;min-width:300px;background:#090c14;color:#edf0fb;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.5}
button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}
.nl-bg{position:fixed;inset:0;z-index:-1;background:radial-gradient(ellipse at 49% -10%,rgba(111,87,246,.19),transparent 55%),radial-gradient(circle at 97% 73%,rgba(52,120,218,.075),transparent 40%),#090c14;pointer-events:none}
.nl-shell{min-height:100vh;display:flex;flex-direction:column}
.nl-wrap{width:min(100% - 36px,1060px);margin-inline:auto}
.nl-top{display:flex;align-items:center;justify-content:space-between;min-height:86px;border-bottom:1px solid rgba(184,189,230,.09)}
.nl-logo{display:inline-flex;align-items:center;gap:12px;font-weight:800;letter-spacing:-.04em;font-size:20px}
.nl-logo-icon{background:linear-gradient(130deg,#a292ff,#6756e5);color:white;border-radius:13px;display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;box-shadow:0 7px 25px #624dce2f}
.nl-logo-icon svg{width:21px;height:21px}
.nl-top-note{font-size:12px;color:#919bb7;display:flex;align-items:center;gap:8px;font-weight:650}
.nl-status-dot{width:7px;height:7px;border-radius:50%;background:#6fe4a8;box-shadow:0 0 0 4px rgba(111,228,168,.11)}
.nl-main{flex:1;display:flex;align-items:center;justify-content:center;padding-block:64px 80px}
.nl-center{width:min(100%,520px);text-align:center}
.nl-kicker{display:inline-flex;align-items:center;gap:8px;border:1px solid #33344c;background:#171929;color:#ada6ff;border-radius:999px;font-size:11px;font-weight:800;letter-spacing:.11em;padding:8px 13px;text-transform:uppercase}
.nl-h1{font-size:clamp(32px,6vw,50px);letter-spacing:-.06em;line-height:1.13;margin:22px 0 12px;font-weight:820}
.nl-h1 span{background:linear-gradient(90deg,#bcb2ff,#8f9ffd);color:transparent;background-clip:text}
.nl-subtitle{max-width:420px;margin:0 auto 29px;color:#9da6c0;font-size:15px;line-height:1.75}
.nl-card{border:1px solid #2a2d42;background:linear-gradient(145deg,rgba(25,28,44,.95),rgba(17,19,31,.98));border-radius:23px;box-shadow:0 28px 80px #0005;overflow:hidden;text-align:left}
.nl-card-top{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #2a2d40;padding:17px 22px}
.nl-steptext{font-size:12px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:#a8b0c8}
.nl-badge{background:#24233f;border:1px solid #3c3768;border-radius:999px;color:#beb6ff;padding:5px 10px;font-size:11px;font-weight:800}
.nl-card-body{padding:32px 30px 27px;text-align:center}
.nl-stepicon{width:64px;height:64px;border-radius:19px;background:linear-gradient(145deg,#2b274e,#201e38);border:1px solid #4b417e;margin:0 auto 21px;display:flex;align-items:center;justify-content:center;color:#b8adff}
.nl-stepicon svg{width:30px;height:30px}
.nl-card h2{font-size:23px;line-height:1.25;letter-spacing:-.03em;margin:0 0 10px}
.nl-explain{color:#a0a9bf;font-size:14px;margin:0 auto 23px;max-width:350px;line-height:1.7}
.nl-domain{display:flex;align-items:center;justify-content:center;gap:7px;color:#a5aeca;font-size:12px;margin-bottom:20px;overflow-wrap:anywhere}
.nl-domain svg{width:15px;height:15px;color:#66dbad;flex-shrink:0}
.nl-primary{display:flex;align-items:center;justify-content:center;gap:11px;width:100%;min-height:55px;background:linear-gradient(110deg,#8170fa,#685cf2);border:0;border-radius:13px;color:#fff;font-size:15px;font-weight:800;box-shadow:0 9px 28px rgba(105,83,241,.24);transition:transform .16s,filter .16s}
.nl-primary:hover{filter:brightness(1.08);transform:translateY(-2px)}.nl-primary:active{transform:translateY(0)}
.nl-primary svg{height:19px;width:19px}
.nl-privacy{color:#717b99;font-size:11px;margin:16px 0 0;line-height:1.6}
.nl-steps{display:flex;align-items:center;justify-content:center;gap:8px;margin:0 auto 27px}
.nl-steps i{width:32px;height:5px;border-radius:5px;background:#303249;display:block;transition:background .2s}.nl-steps i.active{background:#9484ff}
.nl-stage[hidden]{display:none!important}
.nl-note{display:flex;align-items:flex-start;gap:12px;color:#a9b2c9;text-align:left;background:#151827;border:1px solid #252a3c;border-radius:14px;margin-top:18px;padding:14px 16px;font-size:12px;line-height:1.7}
.nl-note svg{flex-shrink:0;width:18px;height:18px;color:#9c92fc;margin-top:2px}
.nl-footer{padding:24px 0 30px;border-top:1px solid #202337;color:#76809a;font-size:12px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
.nl-footer a{color:#aab2cc}
.nl-home-hero{max-width:660px;text-align:center;margin-inline:auto}.nl-home-h1{font-size:clamp(40px,8vw,68px);letter-spacing:-.07em;line-height:1.07;font-weight:850;margin:20px auto}
.nl-home-h1 span{color:#a394ff}
.nl-home-card{max-width:620px;margin:34px auto 0;padding:28px;text-align:left}
.nl-home-card h2{font-size:19px;margin:0 0 20px;letter-spacing:-.025em}
.nl-home-item{display:flex;gap:15px;align-items:flex-start;margin:18px 0;color:#a1aac3;font-size:14px}
.nl-num{display:flex;width:33px;height:33px;justify-content:center;align-items:center;border-radius:10px;color:#c9c1ff;background:#292443;font-weight:800;flex-shrink:0}
.nl-home-item strong{display:block;color:#e8eaf8;margin-bottom:3px}
.nl-home-small{text-align:center;color:#7c87a3;font-size:12px;margin-top:20px}
@media(max-width:600px){.nl-wrap{width:min(100% - 28px,1060px)}.nl-top{min-height:70px}.nl-main{padding-block:42px 65px}.nl-card-body{padding:28px 20px 24px}.nl-card-top{padding:15px 18px}.nl-subtitle{font-size:14px}.nl-top-note{font-size:11px}.nl-footer{justify-content:center;text-align:center}.nl-home-card{padding:24px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}