:root{--bg:#030b18;--navy:#071a36;--gold:#d5a54a;--cyan:#55dce4;--text:#edf4f8;--muted:#879aaa;--line:#193853}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 70% 10%,#0d345f,#030b18 35%);color:var(--text);font-family:Arial,sans-serif}a{color:inherit;text-decoration:none}.top{height:38px;background:#010711;display:flex;align-items:center;padding:0 max(20px,calc((100% - 1240px)/2));gap:20px;font-size:9px;letter-spacing:.13em;color:#8397aa}.top b{color:white}.top i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#4ce2a2;box-shadow:0 0 12px #4ce2a2}.top time{margin-left:auto}header{max-width:1240px;margin:auto;padding:18px 22px;display:flex;align-items:center;justify-content:space-between}header img,footer img{width:210px;height:90px;object-fit:contain}header>div{display:flex;align-items:center;gap:25px;font-size:9px;letter-spacing:.14em;color:#8295a6}.admin-link{border:1px solid #d5a54a88;padding:12px 16px;color:#e5c575}nav{position:sticky;top:0;z-index:10;background:#051223ee;backdrop-filter:blur(14px);border-block:1px solid var(--line);display:flex;justify-content:center;overflow:auto}nav a{padding:20px;font-size:9px;font-weight:bold;text-transform:uppercase;letter-spacing:.12em;color:#93a6b7;border-bottom:2px solid transparent;white-space:nowrap}nav a:hover,nav a.active{color:white;border-color:var(--gold)}.hero{max-width:1240px;margin:38px auto 0;padding:0 20px;display:grid;grid-template-columns:56% 44%;min-height:560px}.hero-media{border:1px solid #26506c;overflow:hidden;background:linear-gradient(135deg,#0b3a60,#061427)}.hero-media img,.hero-media video{width:100%;height:100%;object-fit:cover}.tech-art{height:100%;min-height:520px;display:grid;place-items:center;position:relative;background-image:linear-gradient(#fff08 1px,transparent 1px),linear-gradient(90deg,#fff08 1px,transparent 1px);background-size:38px 38px}.tech-art i{width:220px;height:220px;border:1px solid #5bdce777;border-radius:50%;box-shadow:0 0 80px #5bdce733}.tech-art b{position:absolute;font:800 88px Georgia;color:#fff0}.hero>article{padding:55px 45px;background:#07172de8;border:1px solid #20445e}.live{font-size:8px;letter-spacing:.16em;color:#4ce2a2}.eyebrow,.card small{font-size:9px;color:var(--gold);letter-spacing:.16em;text-transform:uppercase}.hero h1,.article h1{font:700 clamp(40px,5vw,68px)/.98 Georgia;margin:12px 0}.hero article>p:not(.live):not(.eyebrow),.lead{font:17px/1.6 Georgia;color:#91a5b6}.cta{display:inline-block;margin-top:25px;background:var(--gold);color:#071427;padding:15px 18px;font-size:9px;font-weight:bold;text-transform:uppercase;letter-spacing:.12em}.flow{max-width:1240px;margin:90px auto;padding:0 20px}.section-title{padding:0 0 20px;border-bottom:1px solid var(--line)}.section-title small{color:var(--gold);letter-spacing:.2em}.section-title h2{font:700 38px Georgia;margin:7px 0}.section-title span{color:#4ce2a2;font-size:9px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:25px}.card{display:grid;grid-template-columns:42% 58%;background:#07162a;border:1px solid var(--line);min-height:240px;transition:.3s}.card:hover{transform:translateY(-5px);border-color:#d5a54a99;box-shadow:0 25px 55px #0008}.thumb{background:linear-gradient(135deg,#0f466b,#061427);display:grid;place-items:center;overflow:hidden}.thumb img{width:100%;height:100%;object-fit:cover}.thumb span{font:700 55px Georgia;color:#ffffff22}.card>div{padding:25px}.card h3{font:700 23px/1.15 Georgia;margin:10px 0}.card p{font:13px/1.55 Georgia;color:#8598aa}.card>div>a{font-size:8px;color:var(--cyan);letter-spacing:.14em;text-transform:uppercase}.article{max-width:1000px;margin:60px auto;padding:0 22px}.article .lead{font-size:21px}.meta{border-top:1px solid var(--line);padding-top:15px;color:#71869a;font-size:10px}.article-media{margin:35px 0;max-height:650px;overflow:hidden}.article-media img,.article-media video{width:100%;max-height:650px;object-fit:cover}.article-body{display:grid;grid-template-columns:70px 1fr;gap:30px;max-width:800px;margin:auto;font:19px/1.75 Georgia;color:#cbd5dd}.article-body aside{display:flex;flex-direction:column;gap:12px;align-items:center}.article-body aside b{font:7px Arial;letter-spacing:.12em;color:#7990a3}.article-body aside a{width:35px;height:35px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center}.empty{text-align:center;padding:130px 20px}.empty h1{font:700 55px Georgia}.empty a{color:var(--gold)}footer{max-width:1240px;margin:80px auto 0;border-top:1px solid var(--line);padding:40px 20px;display:flex;align-items:center;gap:25px;color:#7890a4}footer p{font:italic 15px Georgia}footer small{margin-left:auto;font-size:8px;letter-spacing:.14em}
@media(max-width:800px){header>div span,.top time{display:none}.hero{grid-template-columns:1fr}.hero-media{min-height:300px}.hero>article{padding:35px 25px}.grid{grid-template-columns:1fr}.article-body{grid-template-columns:1fr}.article-body aside{flex-direction:row}.top{padding:0 15px}.flow{margin-top:65px}}@media(max-width:520px){header img{width:155px;height:70px}nav{justify-content:flex-start}.card{grid-template-columns:1fr}.thumb{height:180px}.hero h1,.article h1{font-size:40px}footer{flex-direction:column;text-align:center}footer small{margin:0}}

/* Experiencia digital premium */
html{background:#020713}body{min-height:100vh;overflow-x:hidden;background:radial-gradient(circle at 72% 5%,#103c6d 0,#071a36 20%,#020713 53%),linear-gradient(120deg,#020713,#06172b);background-attachment:fixed;position:relative}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-2;background-image:linear-gradient(#4fdbe509 1px,transparent 1px),linear-gradient(90deg,#4fdbe509 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(to bottom,#000,transparent 82%);animation:gridFlow 18s linear infinite}body:after{content:"";position:fixed;inset:-35%;pointer-events:none;z-index:-3;background:conic-gradient(from 180deg at 50% 50%,transparent,#0b70a51a,transparent 28%,#d5a54a12,transparent 54%);animation:aurora 24s linear infinite}.digital-bg{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:-1}.digital-bg i{position:absolute;bottom:-30px;width:3px;height:3px;border-radius:50%;background:#66f5ff;box-shadow:0 0 8px #55dce4,0 0 22px #55dce488;animation:particleRise 16s linear infinite}.digital-bg i:nth-child(3n){background:#e3b85b;box-shadow:0 0 9px #d5a54a}.digital-bg i:nth-child(1){left:4%;animation-delay:-2s}.digital-bg i:nth-child(2){left:11%;animation-delay:-11s;animation-duration:21s}.digital-bg i:nth-child(3){left:18%;animation-delay:-7s}.digital-bg i:nth-child(4){left:25%;animation-delay:-15s;animation-duration:24s}.digital-bg i:nth-child(5){left:32%;animation-delay:-5s}.digital-bg i:nth-child(6){left:39%;animation-delay:-18s;animation-duration:22s}.digital-bg i:nth-child(7){left:46%;animation-delay:-9s}.digital-bg i:nth-child(8){left:53%;animation-delay:-13s;animation-duration:19s}.digital-bg i:nth-child(9){left:60%;animation-delay:-4s}.digital-bg i:nth-child(10){left:67%;animation-delay:-16s;animation-duration:23s}.digital-bg i:nth-child(11){left:74%;animation-delay:-8s}.digital-bg i:nth-child(12){left:81%;animation-delay:-20s;animation-duration:25s}.digital-bg i:nth-child(13){left:88%;animation-delay:-6s}.digital-bg i:nth-child(14){left:94%;animation-delay:-14s;animation-duration:20s}.digital-bg i:nth-child(15){left:15%;animation-delay:-19s}.digital-bg i:nth-child(16){left:43%;animation-delay:-12s;animation-duration:27s}.digital-bg i:nth-child(17){left:69%;animation-delay:-3s}.digital-bg i:nth-child(18){left:91%;animation-delay:-17s;animation-duration:26s}header img,footer img{filter:drop-shadow(0 0 18px #3cdbe32d);transition:.45s}header>a:hover img{transform:scale(1.035);filter:drop-shadow(0 0 26px #d5a54a55)}nav{background:#051223e8;backdrop-filter:blur(18px);box-shadow:0 16px 50px #0007}nav a:hover,nav a.active{text-shadow:0 0 18px #55dce477}.welcome{max-width:1240px;margin:38px auto 0;padding:54px 58px;min-height:310px;border:1px solid #25506d;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(110deg,#061329f2 0%,#092847e6 58%,#08182cdb 100%);box-shadow:0 35px 100px #0008,inset 0 1px #ffffff10;animation:reveal .8s ease both}.welcome:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 15%,#58dce50e 45%,transparent 65%);transform:translateX(-100%);animation:scan 5s ease-in-out infinite}.welcome:after{content:"";position:absolute;right:-120px;top:-160px;width:430px;height:430px;border:1px solid #55dce42b;border-radius:50%;box-shadow:0 0 100px #55dce417,inset 0 0 80px #55dce40c}.welcome>div{position:relative;z-index:1}.welcome small{color:#54e1ad;font-size:9px;letter-spacing:.22em}.welcome h1{font:700 clamp(39px,5vw,67px)/.96 Georgia;margin:16px 0 18px;letter-spacing:-.035em}.welcome h1 em{font-style:italic;color:#e0b65f;text-shadow:0 0 34px #d5a54a28}.welcome p{max-width:650px;margin:0;color:#95a9bb;font:16px/1.65 Georgia}.signal{width:170px;height:170px;position:relative;display:grid;place-items:center;flex:0 0 auto;z-index:1}.signal i{position:absolute;inset:0;border:1px solid #55dce44f;border-radius:50%;animation:pulseRing 3s ease-out infinite}.signal i:nth-child(2){inset:22px;animation-delay:-1s}.signal i:nth-child(3){inset:44px;animation-delay:-2s}.signal b{font-size:9px;line-height:1.5;letter-spacing:.2em;text-align:center;color:#65eaf1;text-shadow:0 0 16px #55dce4}.hero{animation:reveal .9s .12s ease both}.card{background:linear-gradient(145deg,#081a31e8,#061225e8);backdrop-filter:blur(10px);transition:.4s;box-shadow:inset 0 1px #ffffff08}.card:hover{transform:translateY(-7px);box-shadow:0 28px 65px #000b,0 0 30px #55dce40d}footer{background:linear-gradient(90deg,transparent,#071a3638,transparent)}@keyframes particleRise{0%{transform:translate3d(0,30px,0);opacity:0}12%{opacity:.8}50%{transform:translate3d(32px,-50vh,0);opacity:.7}100%{transform:translate3d(-22px,-105vh,0);opacity:0}}@keyframes gridFlow{to{background-position:64px 64px}}@keyframes aurora{to{transform:rotate(360deg)}}@keyframes scan{0%,20%{transform:translateX(-110%)}60%,100%{transform:translateX(110%)}}@keyframes pulseRing{0%{transform:scale(.7);opacity:0}35%{opacity:.7}100%{transform:scale(1.18);opacity:0}}@keyframes reveal{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}@media(max-width:800px){.welcome{margin:20px 14px 0;padding:38px 28px;min-height:auto}.signal{display:none}}@media(max-width:520px){.welcome h1{font-size:38px}.welcome p{font-size:14px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important}}
