:root{--bg:#09070f;--panel:#15111f;--panel2:#21142d;--txt:#f7f1ff;--muted:#b9a9c9;--hot:#ff3d81;--acid:#c8ff36;--cyan:#54f4ff;--line:rgba(255,255,255,.12)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial;background:radial-gradient(circle at 20% 0,#3b1246 0,#09070f 38%),linear-gradient(135deg,#09070f,#130b1e);color:var(--txt)}a{color:inherit;text-decoration:none}.topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px clamp(18px,4vw,60px);background:rgba(9,7,15,.78);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;font-weight:950;letter-spacing:-.04em;font-size:clamp(20px,3vw,32px)}.brand img{width:46px;height:46px}.brand span span{color:var(--hot);font-style:italic;margin:0 3px}.topbar nav{display:flex;gap:10px;flex-wrap:wrap}.topbar nav a,.btn{border:1px solid var(--line);background:rgba(255,255,255,.06);padding:10px 15px;border-radius:999px;color:var(--txt);font-weight:800;cursor:pointer}.topbar nav a:hover,.btn:hover{transform:translateY(-1px);border-color:var(--hot)}.primary{background:linear-gradient(135deg,var(--hot),#ff8a2a);border:0;color:white;box-shadow:0 14px 45px rgba(255,61,129,.32)}.hero{min-height:68vh;display:grid;grid-template-columns:1.1fr .9fr;gap:34px;align-items:center;padding:70px clamp(18px,5vw,80px)}.kicker{color:var(--acid);font-weight:900;text-transform:uppercase;letter-spacing:.14em}.hero h1{font-size:clamp(42px,8vw,98px);line-height:.9;margin:0 0 24px;letter-spacing:-.08em}.hero h1 em{color:var(--cyan);font-style:normal;text-shadow:3px 3px 0 var(--hot)}.hero p{font-size:clamp(17px,2vw,22px);color:var(--muted);max-width:780px}.hero-card{min-height:390px;border:1px solid var(--line);border-radius:38px;padding:34px;background:linear-gradient(145deg,rgba(255,255,255,.11),rgba(255,255,255,.03));box-shadow:0 30px 90px rgba(0,0,0,.35);transform:rotate(2deg);display:flex;flex-direction:column;justify-content:end;position:relative;overflow:hidden}.hero-card:before{content:"";position:absolute;inset:-40px;background:radial-gradient(circle,var(--hot),transparent 45%);opacity:.26}.bubble{position:absolute;top:28px;right:28px;width:130px;height:130px;border-radius:34% 66% 45% 55%;background:var(--acid);color:#111;display:grid;place-items:center;font-size:40px;font-weight:1000;transform:rotate(-10deg)}.wrap{padding:10px clamp(18px,4vw,60px) 60px}.filters{display:grid;grid-template-columns:1fr 220px 180px auto;gap:12px;margin-bottom:28px;padding:14px;border:1px solid var(--line);border-radius:26px;background:rgba(255,255,255,.06)}input,select,textarea{width:100%;border:1px solid var(--line);border-radius:18px;background:#100b18;color:var(--txt);padding:13px 14px;font:inherit}label{display:grid;gap:8px;color:var(--muted);font-weight:800}.grid-feed{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.post-card{background:rgba(255,255,255,.055);border:1px solid var(--line);border-radius:30px;overflow:hidden;box-shadow:0 16px 55px rgba(0,0,0,.25)}.post-card.wide{grid-column:span 2}.post-card:hover{transform:translateY(-4px);transition:.2s}.post-media,.media-placeholder{width:100%;height:255px;object-fit:cover;display:block;background:linear-gradient(135deg,#2d173d,#ff3d81);display:grid;place-items:center;font-size:72px;font-weight:1000;color:rgba(255,255,255,.7)}.wide .post-media,.wide .media-placeholder{height:330px}.post-content{padding:20px}.meta{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--muted);font-size:13px;text-transform:uppercase;letter-spacing:.08em;font-weight:900}.meta span{color:#111;background:var(--acid);border-radius:999px;padding:6px 9px}.post-card h2{font-size:clamp(22px,3vw,36px);line-height:1;margin:16px 0 10px;letter-spacing:-.04em}.post-card p{color:var(--muted);line-height:1.55}.tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.tags span{color:var(--cyan);background:rgba(84,244,255,.08);border:1px solid rgba(84,244,255,.18);border-radius:999px;padding:6px 9px;font-weight:800}.empty,.panel,.article{border:1px solid var(--line);border-radius:32px;background:rgba(255,255,255,.06);padding:26px}.article-wrap{max-width:980px;margin:auto;padding:50px 18px}.article h1{font-size:clamp(38px,7vw,82px);line-height:.93;letter-spacing:-.07em}.article-media{width:100%;max-height:560px;object-fit:cover;border-radius:28px;margin:20px 0}.article-body{font-size:19px;line-height:1.75;color:#eee}.login-body{min-height:100vh;display:grid;place-items:center;padding:18px}.login-card{width:min(460px,100%);border:1px solid var(--line);border-radius:34px;background:rgba(255,255,255,.08);padding:30px;box-shadow:0 25px 80px rgba(0,0,0,.4)}.login-card img{width:84px}.login-card form,.editor-form{display:grid;gap:14px}.alert,.success{padding:12px 14px;border-radius:16px;margin:12px 0;font-weight:800}.alert{background:rgba(255,61,129,.16);border:1px solid rgba(255,61,129,.4)}.success{background:rgba(200,255,54,.13);border:1px solid rgba(200,255,54,.4)}.admin-wrap{display:grid;grid-template-columns:1.2fr .8fr;gap:20px;padding:36px clamp(18px,4vw,60px)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.admin-list{display:grid;gap:12px}.admin-list>div{padding:14px;border:1px solid var(--line);border-radius:18px;background:rgba(0,0,0,.15);display:grid;gap:8px}.admin-list small{color:var(--muted)}.admin-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.admin-actions form{margin:0}.secondary{background:rgba(255,255,255,.06);border:1px solid var(--line);color:var(--txt)}.form-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.current-media{display:grid;gap:10px;padding:12px;border:1px solid var(--line);border-radius:18px;background:rgba(0,0,0,.16)}.admin-media-preview{width:100%;max-height:230px;object-fit:contain;border-radius:16px;background:#100b18}.checkbox-label{display:flex;grid-template-columns:auto 1fr;align-items:center;gap:10px;color:var(--muted)}.checkbox-label input{width:auto}.danger{background:rgba(255,61,129,.12);color:#ff9abb;border:1px solid rgba(255,61,129,.3);border-radius:999px;padding:8px 12px;cursor:pointer}footer{text-align:center;color:var(--muted);padding:32px}.is-visible{animation:pop .45s ease both}@keyframes pop{from{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:none}}@media(max-width:900px){.hero,.admin-wrap{grid-template-columns:1fr}.filters{grid-template-columns:1fr}.grid-feed{grid-template-columns:1fr}.post-card.wide{grid-column:auto}.topbar{align-items:flex-start;flex-direction:column}.hero{padding-top:38px}.form-row{grid-template-columns:1fr}}@media(max-width:520px){.topbar nav a,.btn{width:100%;text-align:center}.topbar nav{width:100%;display:grid}.post-media,.wide .post-media,.media-placeholder,.wide .media-placeholder{height:230px}}

/* Ajustes funcionales RQR: menú móvil, publicaciones completas y botón subir */
.menu-toggle{display:none;border:1px solid var(--line);background:rgba(255,255,255,.08);border-radius:16px;width:48px;height:44px;align-items:center;justify-content:center;flex-direction:column;gap:5px;cursor:pointer;color:var(--txt)}
.menu-toggle span{display:block;width:22px;height:2px;border-radius:999px;background:var(--txt);transition:transform .2s ease,opacity .2s ease}
.menu-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.menu-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}
.menu-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.grid-feed{grid-template-columns:repeat(3,minmax(0,1fr))}
.post-card.wide{grid-column:auto}
.post-card>a{display:block;background:rgba(0,0,0,.22)}
.post-card .post-media{width:100%;height:auto;max-height:none;object-fit:contain;background:#09070f;display:block}
.post-card video.post-media{aspect-ratio:auto}
.post-card .media-placeholder{height:255px}
.wide .media-placeholder{height:255px}
.article-media{height:auto;max-height:none;object-fit:contain;background:#09070f;display:block}
.scroll-top{position:fixed;right:22px;bottom:22px;z-index:30;width:52px;height:52px;border:1px solid var(--line);border-radius:50%;background:linear-gradient(135deg,var(--hot),#ff8a2a);color:#fff;font-size:28px;font-weight:1000;line-height:1;box-shadow:0 16px 45px rgba(0,0,0,.35);cursor:pointer;opacity:0;pointer-events:none;transform:translateY(12px);transition:opacity .2s ease,transform .2s ease}
.scroll-top.is-active{opacity:1;pointer-events:auto;transform:translateY(0)}
.scroll-top:hover{transform:translateY(-3px)}
@media(max-width:900px){
  .topbar{flex-direction:row;align-items:center;gap:12px;padding:12px 16px}
  .brand{font-size:clamp(18px,6vw,24px);min-width:0}
  .brand img{width:42px;height:42px;flex:0 0 auto}
  .menu-toggle{display:flex;margin-left:auto;flex:0 0 auto}
  .topbar .main-menu{display:none;width:100%;grid-column:1/-1;flex-basis:100%;padding-top:10px}
  .topbar .main-menu.is-open{display:grid;gap:10px}
  .topbar .main-menu a{width:100%;text-align:center}
  .grid-feed{grid-template-columns:1fr}
}


/* Ajuste solicitado: ocultar cabecera editorial en móvil y usar logo lila en PC */
.hero-logo{position:absolute;top:28px;right:28px;width:130px;height:130px;object-fit:contain;transform:rotate(-10deg);z-index:1}
.hero-card h2,.hero-card p{position:relative;z-index:1}
@media(max-width:900px){
  .hero{display:none}
}