:root { --bg-primary: #000000; --bg-secondary: #0a0a0a; --bg-card: #0d0d0d; --bg-modulo: #111111; --accent: #00d4ff; --accent-hover: #3be0ff; --accent-glow: rgba(0, 212, 255, 0.3); --accent-secondary: #0077ff; --text-primary: #ffffff; --text-secondary: #cccccc; --text-muted: #888888; --border: #222222; --border-light: #333333; } * { margin: 0; padding: 0; box-sizing: border-box; } body { background: var(--bg-primary); color: var(--text-primary); font-family: 'Inter', sans-serif; line-height: 1.6; } .container { max-width: 1200px; margin: 0 auto; padding: 0 20px; } /* ===================================== */ /* 馃彔 HEADER CON EFECTOS */ /* ===================================== */ .header { background: var(--bg-secondary); border-bottom: 3px solid var(--accent); padding: 15px 0; margin-bottom: 40px; position: sticky; top: 0; z-index: 100; box-shadow: 0 4px 20px rgba(0,0,0,0.8); } .header-content { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 15px; } .logo { font-family: 'Bebas Neue', sans-serif; font-size: 42px; color: var(--accent); text-decoration: none; display: flex; align-items: center; gap: 10px; text-shadow: 0 0 10px var(--accent-glow); transition: all 0.3s; } .logo:hover { color: var(--accent-hover); text-shadow: 0 0 15px var(--accent); } .logo svg { width: 45px; height: 45px; filter: drop-shadow(0 0 8px var(--accent)); transition: transform 0.3s; } .logo:hover svg { transform: rotate(90deg); } .logo svg circle { transition: all 0.3s; } .logo:hover svg circle:first-child { stroke: var(--accent-hover); } .logo:hover svg circle:last-child { fill: var(--accent-hover); } .nav-menu { display: flex; gap: 20px; flex-wrap: wrap; } .nav-link { color: var(--text-primary); text-decoration: none; font-weight: 600; text-transform: uppercase; font-size: 14px; transition: all 0.3s; padding: 5px 10px; position: relative; } .nav-link::after { content: ''; position: absolute; bottom: -2px; left: 50%; width: 0; height: 2px; background: var(--accent); transition: all 0.3s; transform: translateX(-50%); } .nav-link:hover { color: var(--accent); } .nav-link:hover::after { width: 80%; } .nav-link.series { color: var(--accent); border: 1px solid var(--accent); border-radius: 20px; padding: 5px 15px; } .nav-link.series:hover { background: var(--accent); color: #000; box-shadow: 0 0 15px var(--accent); } .nav-link.series::after { display: none; } .search-box { background: var(--bg-primary); border: 1px solid var(--border); padding: 8px 15px; border-radius: 5px; color: var(--text-primary); width: 250px; transition: all 0.3s; } .search-box:focus { outline: none; border-color: var(--accent); box-shadow: 0 0 8px var(--accent-glow); } /* ===================================== */ /* 馃幆 GRID DE CAT脕LOGO (HOME) */ /* ===================================== */ .catalog-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 25px; margin: 40px 0; } .movie-card-home { display: block; text-decoration: none; border-radius: 12px; overflow: hidden; transition: all 0.3s ease; } .movie-cover-home { width: 100%; height: auto; aspect-ratio: 2/3; object-fit: cover; border-radius: 12px; border: 3px solid #333; transition: all 0.3s ease; box-shadow: 0 5px 15px rgba(0,0,0,0.5); } .movie-card-home:hover .movie-cover-home { border-color: var(--accent); box-shadow: 0 8px 25px var(--accent-glow); } @media (max-width: 768px) { .catalog-grid { grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 15px; } } @media (max-width: 480px) { .catalog-grid { grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 10px; } } /* ===================================== */ /* 馃幀 PUBLICACI脫N · FORMATO PREMIUM FORO */ /* ===================================== */ .premium-entry-wrapper { max-width: 1100px; margin: 0 auto; padding: 0; position: relative; } .bm-entry-breadcrumb{margin:0;padding:12px 18px;display:flex;align-items:center;gap:8px;min-width:0;color:#71859a;background:linear-gradient(90deg,rgba(0,212,255,.055),transparent 58%);border-bottom:1px solid rgba(76,111,144,.18);font:600 11px/1.4 Inter,sans-serif} .bm-entry-breadcrumb a{color:#88a6c2;text-decoration:none;transition:color .2s}.bm-entry-breadcrumb a:hover{color:#00d4ff}.bm-entry-breadcrumb i{font-size:8px;color:#405369}.bm-entry-breadcrumb .bm-breadcrumb-current{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#b8c7d6} .bm-related{max-width:1100px;margin:22px auto 8px;padding:20px;background:linear-gradient(145deg,#101925,#0a111b);border:1px solid #233448;border-radius:16px;box-shadow:0 15px 36px rgba(0,0,0,.22)} .bm-related-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.bm-related-title{display:flex;align-items:center;gap:10px;color:#f5f9ff;font:800 16px Inter,sans-serif}.bm-related-title i{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:rgba(0,212,255,.1);color:#00d4ff}.bm-related-label{padding:6px 9px;border:1px solid #294258;border-radius:999px;color:#85a5bf;font:700 9px Inter,sans-serif;text-transform:uppercase;letter-spacing:.5px} .bm-related-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.bm-related-card{position:relative;display:block;aspect-ratio:4/5;overflow:hidden;border-radius:9px;background:linear-gradient(110deg,#07101a 30%,#101f2d 46%,#07101a 62%);background-size:240% 100%;border:1px solid #26394c;text-decoration:none;transition:transform .2s,border-color .2s,box-shadow .2s;animation:bmRelatedLoading 1.5s linear infinite}.bm-related-card.is-loaded{animation:none;background:#07101a}.bm-related-card:hover{transform:translateY(-3px);border-color:#00d4ff;box-shadow:0 10px 25px rgba(0,212,255,.16)}.bm-related-card img{width:100%;height:100%;object-fit:cover;display:block;opacity:0;transition:opacity .25s ease}.bm-related-card img.is-ready{opacity:1}.bm-related-empty{grid-column:1/-1;color:#71859a;font-size:11px;padding:8px 0}@keyframes bmRelatedLoading{to{background-position:-240% 0}} .bm-related-data{display:none!important} @media(max-width:820px){.bm-related-grid{grid-template-columns:repeat(3,1fr)}} @media(max-width:480px){.bm-related{padding:14px}.bm-related-grid{grid-template-columns:repeat(2,1fr)}.bm-related-label{display:none}} .premium-top-right { position:absolute; z-index:3; top:20px; right:20px; display:flex; align-items:center; gap:7px; } .premium-top-stats { display:flex; align-items:center; gap:7px; } .premium-top-stat { display:inline-flex; align-items:center; gap:6px; min-height:35px; padding:8px 11px; border:1px solid rgba(255,255,255,.06); border-radius:8px; background:#0b1019; color:#8d9aad; font:600 10px/1 'Inter',sans-serif; white-space:nowrap; } .premium-top-stat i { color:#7f8da2; } .premium-top-stat.like i { color:#ff6f91; } .premium-top-stat strong { color:#edf1f6; font-size:11px; } .premium-publish-date { display:flex; align-items:center; gap:8px; margin:0; padding:9px 12px; width:max-content; max-width:100%; min-height:35px; border:1px solid rgba(255,255,255,.06); border-radius:8px; background:#0b1019; color:#8d9aad; font-size:11px; } .premium-publish-date i { color:#6c5ce7; } .premium-publish-date time { color:#dce2ea; font-weight:700; } .premium-movie-card { position: relative; overflow: hidden; margin: -2px -2px 24px; border-radius: 16px; background: #0b1019; border: 1px solid rgba(255,255,255,.07); box-shadow: 0 18px 55px rgba(0,0,0,.38); } .premium-backdrop { position: relative; min-height: 245px; background-size: cover; background-position: center; display: flex; align-items: flex-end; } .premium-backdrop::before { content:''; position:absolute; inset:0; background: linear-gradient(180deg, rgba(7,10,16,.12) 0%, rgba(7,10,16,.45) 42%, #0b1019 100%); } .premium-backdrop.no-image { background: radial-gradient(circle at 80% 20%, rgba(108,92,231,.22), transparent 35%), #0d1117; } .premium-headline { position:relative; z-index:2; width:100%; padding:26px 28px 24px; } .premium-kicker { display:inline-flex; align-items:center; gap:7px; color:#aeb7c7; font-size:10px; font-weight:800; letter-spacing:1.3px; text-transform:uppercase; margin-bottom:9px; } .premium-title { color:#fff; font-size:27px; line-height:1.15; font-weight:800; letter-spacing:-.7px; margin:0 0 9px; } .premium-rating { color:#f5c451; font-weight:800; font-size:13px; } .premium-rating i { margin-right:3px; } .premium-layout { display:grid; grid-template-columns:190px 1fr; gap:24px; padding:0 28px 28px; } .premium-poster { width:190px; aspect-ratio:2/3; object-fit:cover; border-radius:10px; border:1px solid rgba(255,255,255,.09); box-shadow:0 15px 35px rgba(0,0,0,.42); background:#111827; } .premium-info { min-width:0; } .premium-facts { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:18px; } .premium-fact { padding:7px 10px; border-radius:7px; background:rgba(255,255,255,.035); border:1px solid rgba(255,255,255,.055); color:#aeb7c7; font-size:11px; } .premium-fact strong { color:#fff; margin-left:4px; } .premium-extra { color:#aeb7c7; font-size:12px; line-height:1.65; margin:8px 0; } .premium-extra strong { color:#fff; } .premium-meta-modules { display:flex; align-items:stretch; flex-wrap:wrap; gap:9px; margin:14px 0 18px; } .premium-edition { position:relative; display:grid; grid-template-columns:38px minmax(0,auto); align-items:center; width:max-content; max-width:100%; min-height:48px; margin:14px 0 18px; padding:7px 16px 7px 8px; overflow:hidden; border:1px solid rgba(245,196,81,.26); border-radius:11px; background:linear-gradient(105deg,rgba(245,196,81,.12),rgba(108,92,231,.07) 62%,rgba(11,16,25,.2)); box-shadow:0 8px 22px rgba(0,0,0,.18),inset 0 1px rgba(255,255,255,.025); color:#edf2f8; font:700 13px/1.25 'Inter',sans-serif; } .premium-meta-modules .premium-edition { margin:0; } .premium-edition::after { content:''; position:absolute; top:0; right:0; width:42%; height:1px; background:linear-gradient(90deg,transparent,rgba(245,196,81,.7)); } .premium-edition > i { width:31px; height:31px; display:grid; place-items:center; border:1px solid rgba(245,196,81,.25); border-radius:8px; background:rgba(245,196,81,.1); color:#f5c451; font-size:13px; box-shadow:0 0 15px rgba(245,196,81,.08); } .premium-edition-copy { min-width:0; display:flex; flex-direction:column; gap:3px; } .premium-edition strong { color:#d8a936; font:800 8px/1 'Inter',sans-serif; letter-spacing:1.25px; text-transform:uppercase; } .premium-edition-value { overflow:hidden; color:#f3f6fa; font:750 13px/1.25 'Inter',sans-serif; text-overflow:ellipsis; white-space:nowrap; } .premium-cover-link { text-decoration:none!important; border-color:rgba(0,229,183,.28); background:linear-gradient(105deg,rgba(0,229,183,.11),rgba(0,184,212,.06) 62%,rgba(11,16,25,.2)); } .premium-cover-link::after { background:linear-gradient(90deg,transparent,rgba(0,229,183,.72)); } .premium-cover-link > i { border-color:rgba(0,229,183,.26); background:rgba(0,229,183,.1); color:#00e5b7; box-shadow:0 0 15px rgba(0,229,183,.08); } .premium-cover-link strong { color:#00dcb0; } .premium-cover-link:hover { transform:translateY(-2px); border-color:rgba(0,229,183,.52); box-shadow:0 11px 25px rgba(0,0,0,.25),0 0 18px rgba(0,229,183,.08); } .premium-section-title { display:flex; align-items:center; gap:8px; color:#fff; font-size:11px; font-weight:800; letter-spacing:.9px; text-transform:uppercase; margin:18px 0 9px; } .premium-section-title i { color:#6c5ce7; } .premium-synopsis { color:#cbd2dc; font-size:13px; line-height:1.8; text-align:justify; padding:12px 14px; background:rgba(255,255,255,.025); border-left:3px solid #6c5ce7; border-radius:0 7px 7px 0; box-shadow:inset 0 0 0 1px rgba(255,255,255,.025); } .premium-spec-grid { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:8px; margin-top:10px; } .premium-spec { background:#0d131e; border:1px solid rgba(255,255,255,.045); border-radius:8px; padding:10px 11px; min-width:0; } .premium-spec small { display:block; color:#717c8f; font-size:9px; text-transform:uppercase; letter-spacing:.6px; margin-bottom:4px; } .premium-spec span { color:#e7ebf0; font-size:12px; font-weight:600; word-break:break-word; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .premium-tags { display:flex; flex-wrap:wrap; gap:6px; } .premium-audit { position:relative; overflow:hidden; padding:18px 20px; border:1px solid rgba(0,212,255,.22); border-left:3px solid #00d4ff; border-radius:11px; background:linear-gradient(135deg,rgba(0,212,255,.075),rgba(108,92,231,.045) 55%,rgba(7,11,17,.35)); } .premium-audit:after { content:""; position:absolute; top:-55px; right:-45px; width:150px; height:150px; border-radius:50%; background:rgba(0,212,255,.07); filter:blur(25px); pointer-events:none; } .premium-audit-list { position:relative; z-index:1; list-style:none; counter-reset:audit; margin:0; padding:0; display:grid; gap:9px; } .premium-audit-item { counter-increment:audit; display:grid; grid-template-columns:28px 1fr; align-items:start; gap:10px; color:#dce7ee; font-size:13px; line-height:1.5; } .premium-audit-item:before { content:counter(audit,decimal-leading-zero); display:flex; align-items:center; justify-content:center; width:28px; height:25px; border:1px solid rgba(0,212,255,.3); border-radius:6px; background:#09151b; color:#4bdbff; font-size:10px; font-weight:900; letter-spacing:.3px; box-shadow:inset 0 0 10px rgba(0,212,255,.05); } .premium-tag { color:#cbd3df; background:rgba(108,92,231,.09); border:1px solid rgba(108,92,231,.16); padding:5px 9px; border-radius:5px; font-size:10px; } .premium-cast-grid { display:grid; grid-template-columns:repeat(8,minmax(0,1fr)); gap:6px; } .premium-cast-card { min-width:0; overflow:hidden; border-radius:6px; background:#0d131e; border:1px solid rgba(255,255,255,.06); transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease; } .premium-cast-card:hover { transform:translateY(-3px); border-color:rgba(108,92,231,.48); box-shadow:0 12px 24px rgba(0,0,0,.3); } .premium-cast-photo { display:block; width:100%; aspect-ratio:2/3; object-fit:cover; object-position:center 18%; background:#121926; } .premium-cast-photo-empty { display:flex; align-items:center; justify-content:center; color:#657083; font-size:28px; } .premium-cast-info { padding:6px 4px; text-align:center; } .premium-cast-name { color:#f4f6f8; font-size:8.5px; line-height:1.2; font-weight:800; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .premium-cast-character { margin-top:2px; color:#7f8a9b; font-size:7.5px; line-height:1.2; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .premium-editor-media-fields { margin-bottom:20px; } .premium-editor-media-fields textarea { margin-bottom:14px; } .premium-audio-list, .premium-sub-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:7px; } .premium-audio-item { background:#0d131e; border:1px solid rgba(255,255,255,.045); border-radius:7px; padding:8px 10px; color:#d9dee6; font-size:11px; } .premium-gallery { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; } .premium-gallery a { display:block; overflow:hidden; border-radius:8px; border:1px solid rgba(255,255,255,.07); background:#070a0f; aspect-ratio:16/9; } .premium-gallery img { display:block; width:100%; height:100%; object-fit:cover; transition:transform .25s ease; } .premium-gallery a:hover img { transform:scale(1.05); } .premium-trailer { width:100%; max-width:680px; margin:10px auto 0; position:relative; padding-top:min(56.25%,382px); border-radius:9px; overflow:hidden; background:#070a0f; border:1px solid rgba(255,255,255,.05); } .premium-trailer iframe { position:absolute; inset:0; width:100%; height:100%; border:0; } .bm-download-interest { display:flex; justify-content:center; margin:18px auto 0; } .bm-download-open { position:relative; isolation:isolate; overflow:hidden; display:inline-flex; align-items:center; justify-content:center; gap:10px; min-width:250px; padding:14px 24px; border:1px solid rgba(33,242,201,.55); border-radius:11px; background:linear-gradient(135deg,#071923,#0b2a30); color:#f3fffd; box-shadow:0 10px 30px rgba(0,229,190,.16),inset 0 1px rgba(255,255,255,.08); font:900 12px/1 'Inter',sans-serif; letter-spacing:.55px; text-transform:uppercase; cursor:pointer; } .bm-download-open:after { content:''; position:absolute; z-index:-1; top:-60%; left:-45%; width:28%; height:220%; background:linear-gradient(90deg,transparent,rgba(255,255,255,.7),transparent); transform:rotate(22deg); animation:bmDownloadShine 4.8s ease-in-out infinite; } @keyframes bmDownloadShine { 0%,68%{left:-45%} 88%,100%{left:125%} } .bm-download-modal { position:fixed; z-index:99999999; inset:0; display:none; place-items:center; padding:18px; background:rgba(1,5,10,.82); backdrop-filter:blur(8px); } .bm-download-modal.is-open { display:grid; animation:bmDownloadFade .2s ease; } .bm-download-dialog { position:relative; width:min(510px,100%); padding:29px; border:1px solid rgba(35,231,206,.28); border-radius:18px; background:radial-gradient(circle at 50% 0,rgba(13,229,201,.1),transparent 35%),#0c131d; box-shadow:0 30px 90px rgba(0,0,0,.65); text-align:center; } .bm-download-close { position:absolute; right:13px; top:12px; width:35px; height:35px; border:0; border-radius:50%; background:#18222d; color:#9db1bd; font-size:20px; cursor:pointer; } .bm-download-icon { display:grid; place-items:center; width:58px; height:58px; margin:0 auto 15px; border-radius:16px; background:linear-gradient(135deg,#13e5c1,#11aadd); color:#041217; font-size:25px; box-shadow:0 9px 28px rgba(18,220,202,.25); } .bm-download-dialog h3 { margin:0; color:#fff; font:900 22px/1.2 'Inter',sans-serif; } .bm-download-dialog p { margin:10px auto 20px; max-width:390px; color:#93a7b4; font:400 12px/1.65 'Inter',sans-serif; } .bm-download-options { display:grid; gap:9px; } .bm-download-option { display:flex; align-items:center; gap:12px; padding:13px 15px; border:1px solid #263746; border-radius:11px; background:#0a1119; color:#dcebf1; text-decoration:none; text-align:left; transition:.2s; } .bm-download-option:hover { border-color:#18d8bd; transform:translateY(-1px); background:#0c1b22; } .bm-download-option i { display:grid; place-items:center; width:38px; height:38px; border-radius:9px; background:#102932; color:#18e2c3; font-size:17px; } .bm-download-option b { display:block; font:850 12px 'Inter',sans-serif; } .bm-download-option small { display:block; margin-top:3px; color:#718995; font:500 9px 'Inter',sans-serif; } @keyframes bmDownloadFade { from{opacity:0} to{opacity:1} } .bm-download-interest.bm-download-demo{display:flex;justify-content:center;width:100%;margin:0;padding:26px 18px 4px;background:transparent;box-sizing:border-box} .bm-download-button{--bm-green:#15e6aa;position:relative;display:grid!important;grid-template-columns:12px 48px minmax(0,1fr) 28px;gap:13px;align-items:center;box-sizing:border-box!important;width:480px!important;max-width:100%!important;height:86px!important;min-height:86px!important;padding:13px 18px!important;overflow:hidden;border:1px solid rgba(21,230,170,.38);border-radius:16px;background:radial-gradient(circle at 8% 50%,rgba(21,230,170,.13),transparent 28%),linear-gradient(135deg,#111c26,#0a121a);box-shadow:0 18px 45px rgba(0,0,0,.38),inset 0 1px rgba(255,255,255,.04);color:#fff;font-family:Inter,Arial,sans-serif;text-align:left;cursor:pointer} .bm-download-button:before{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.12) 50%,transparent 65%);transform:translateX(-120%);animation:bmReflectionOnly 4.4s ease-in-out infinite;pointer-events:none} .bm-download-button:hover,.bm-download-button:active{transform:none;border-color:rgba(21,230,170,.75);box-shadow:0 22px 52px rgba(0,0,0,.48),0 0 28px rgba(21,230,170,.12)} .bm-download-button:focus-visible{outline:3px solid rgba(21,230,170,.3);outline-offset:4px}.bm-download-status{width:9px;height:9px;border-radius:50%;background:var(--bm-green);box-shadow:0 0 10px rgba(21,230,170,.55)} .bm-download-button .bm-download-icon{display:grid;place-items:center;width:48px;height:48px;margin:0;border:1px solid rgba(21,230,170,.3);border-radius:13px;background:linear-gradient(145deg,rgba(21,230,170,.2),rgba(21,230,170,.06));color:var(--bm-green);box-shadow:none;font-size:inherit} .bm-download-icon svg{width:25px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.bm-download-copy strong{display:block;color:#f4fbff;font:850 15px/1.2 Inter,Arial,sans-serif!important;letter-spacing:.1px;text-transform:none!important}.bm-download-copy small{display:block;margin-top:6px;color:#7f9aaa;font:650 10px/1.25 Inter,Arial,sans-serif!important;letter-spacing:0!important;text-transform:none!important}.bm-download-arrow{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:rgba(21,230,170,.08);color:var(--bm-green);font-size:25px} .bm-download-modal.bm-popup{position:fixed;inset:0;z-index:99999999;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(2,6,10,.84);backdrop-filter:blur(9px);opacity:0;visibility:hidden;transition:opacity .22s ease,visibility .22s ease}.bm-download-modal.bm-popup.is-open{display:flex;opacity:1;visibility:visible}.bm-popup-card{position:relative;width:min(100%,510px);padding:30px;border:1px solid #243849;border-radius:21px;background:radial-gradient(circle at 50% 0,rgba(21,230,170,.12),transparent 35%),#0c141d;box-shadow:0 30px 90px rgba(0,0,0,.68);color:#dcebf3;font-family:Inter,Arial,sans-serif;text-align:center;transform:translateY(12px) scale(.98);transition:transform .25s ease}.bm-popup.is-open .bm-popup-card{transform:none}.bm-popup-close{position:absolute;right:15px;top:14px;width:34px;height:34px;border:0;border-radius:10px;background:#151f29;color:#8297a7;font-size:23px;cursor:pointer}.bm-popup-symbol{display:grid;place-items:center;width:60px;height:60px;margin:0 auto 14px;border:1px solid rgba(21,230,170,.4);border-radius:18px;background:rgba(21,230,170,.1);color:#18e0ad;font-size:33px;font-weight:900}.bm-popup-state{display:inline-block;padding:6px 10px;border-radius:20px;background:#0c2b23;color:#18e0ad;font-size:9px;font-weight:900;letter-spacing:1px}.bm-popup-card h2{margin:13px 0 7px;color:#fff;font-size:24px}.bm-popup-card>p{margin:0 auto 20px;max-width:390px;color:#8399aa;font-size:11px;line-height:1.55}.bm-popup-options{display:grid;gap:9px;text-align:left}.bm-popup-options a,.bm-popup-options button{position:relative;display:block;width:100%;padding:14px 42px 14px 16px;border:1px solid #243747;border-radius:12px;background:#101b25;color:#dcebf3;font-family:inherit;text-align:left;text-decoration:none;cursor:pointer}.bm-popup-options a:hover,.bm-popup-options button:hover{border-color:#1c806a;background:#10221f}.bm-popup-options b{display:block;color:#fff;font-size:11px}.bm-popup-options small{display:block;margin-top:5px;color:#758d9f;font-size:9px}.bm-popup-options i{position:absolute;right:17px;top:50%;color:#19dfad;font-size:21px;font-style:normal;transform:translateY(-50%)}.bm-popup-note{display:block;margin-top:17px;color:#617786;font-size:9px} @keyframes bmReflectionOnly{0%,55%{transform:translateX(-120%)}80%,100%{transform:translateX(120%)}}@media(max-width:520px){.bm-download-button{grid-template-columns:9px 42px minmax(0,1fr) 24px;padding:12px!important;gap:10px}.bm-download-button .bm-download-icon{width:42px;height:42px}.bm-download-copy strong{font-size:13px!important}.bm-download-copy small{font-size:9px!important}.bm-popup-card{padding:27px 16px 20px}}@media(prefers-reduced-motion:reduce){.bm-download-button:before{animation:none}} .bm-download-box{display:flex;justify-content:center;width:100%;padding:30px 15px;box-sizing:border-box}.bm-download-btn{position:relative;display:grid!important;grid-template-columns:48px minmax(0,1fr) 28px!important;gap:13px!important;align-items:center;width:min(100%,480px)!important;height:auto!important;min-height:84px!important;padding:13px 18px!important;overflow:hidden;border:1px solid rgba(21,230,170,.45)!important;border-radius:16px!important;background:radial-gradient(circle at 8% 50%,rgba(21,230,170,.13),transparent 28%),linear-gradient(135deg,#111c26,#0a121a)!important;box-shadow:0 18px 45px rgba(0,0,0,.38),inset 0 1px rgba(255,255,255,.04)!important;color:#fff!important;font-family:Inter,Arial,sans-serif!important;text-align:left!important;text-transform:none!important;cursor:pointer}.bm-download-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.15) 50%,transparent 65%);transform:translateX(-120%);animation:bmDownloadReflection 4.4s ease-in-out infinite;pointer-events:none}.bm-download-btn:focus-visible{outline:3px solid rgba(21,230,170,.28);outline-offset:4px}.bm-download-btn .bm-download-icon{display:grid!important;place-items:center;width:48px!important;height:48px!important;margin:0!important;border:1px solid rgba(21,230,170,.3)!important;border-radius:13px!important;background:rgba(21,230,170,.1)!important;box-shadow:none!important;color:#15e6aa!important;font-size:27px!important;font-weight:900!important}.bm-download-text strong{display:block;color:#f4fbff;font:850 15px/normal Inter,Arial,sans-serif!important;text-transform:none!important}.bm-download-text small{display:block;margin-top:6px;color:#7f9aaa;font:650 10px/normal Inter,Arial,sans-serif!important;text-transform:none!important}.bm-download-btn .bm-download-arrow{display:grid!important;place-items:center;width:28px!important;height:28px!important;border-radius:9px!important;background:rgba(21,230,170,.08)!important;color:#15e6aa!important;font-size:25px!important}.bm-download-popup{position:fixed;inset:0;z-index:99999999;display:flex;align-items:center;justify-content:center;padding:20px;box-sizing:border-box;background:rgba(2,6,10,.84);backdrop-filter:blur(9px);opacity:0;visibility:hidden;transition:opacity .22s ease,visibility .22s ease}.bm-download-popup.is-open{opacity:1;visibility:visible}.bm-download-popup .bm-download-modal{position:relative!important;inset:auto!important;display:block!important;width:min(100%,510px)!important;padding:30px!important;box-sizing:border-box;border:1px solid #243849!important;border-radius:21px!important;background:radial-gradient(circle at 50% 0,rgba(21,230,170,.12),transparent 35%),#0c141d!important;box-shadow:0 30px 90px rgba(0,0,0,.68)!important;color:#dcebf3;font-family:Inter,Arial,sans-serif;text-align:center;transform:translateY(12px) scale(.98);transition:transform .25s ease}.bm-download-popup.is-open .bm-download-modal{transform:none}.bm-download-popup .bm-download-close{position:absolute;top:14px;right:15px;width:34px;height:34px;padding:0;border:0;border-radius:10px;background:#151f29;color:#8297a7;font-size:23px;cursor:pointer}.bm-modal-icon{display:grid;place-items:center;width:60px;height:60px;margin:0 auto 14px;border:1px solid rgba(21,230,170,.4);border-radius:18px;background:rgba(21,230,170,.1);color:#18e0ad;font-size:33px;font-weight:900}.bm-modal-status{display:inline-block;padding:6px 10px;border-radius:20px;background:#0c2b23;color:#18e0ad;font-size:9px;font-weight:900;letter-spacing:1px}.bm-download-popup .bm-download-modal h2{margin:13px 0 7px;color:#fff;font-size:24px}.bm-download-popup .bm-download-modal>p{max-width:390px;margin:0 auto 20px;color:#8399aa;font-size:11px;line-height:1.55}.bm-download-popup .bm-download-options{display:grid;gap:9px;text-align:left}.bm-download-popup .bm-download-options button,.bm-download-popup .bm-download-options a{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 20px;gap:12px;align-items:center;width:100%;padding:14px 16px;border:1px solid #243747;border-radius:12px;background:#101b25;color:#dcebf3;font-family:inherit;text-align:left;text-decoration:none;cursor:pointer;transition:border-color .2s ease,background .2s ease}.bm-download-popup .bm-download-options button:hover,.bm-download-popup .bm-download-options a:hover{border-color:#1c806a;background:#10221f}.bm-download-popup .bm-download-options strong{display:block;color:#fff;font-size:11px}.bm-download-popup .bm-download-options small{display:block;margin-top:5px;color:#758d9f;font-size:9px}.bm-download-popup .bm-download-options b{color:#19dfad;font-size:21px;text-align:right}.bm-download-note{display:block;margin-top:17px;color:#617786;font-size:9px}body.bm-popup-open{overflow:hidden}@keyframes bmDownloadReflection{0%,55%{transform:translateX(-120%)}80%,100%{transform:translateX(120%)}}@media(max-width:520px){.bm-download-btn{grid-template-columns:42px minmax(0,1fr) 25px!important;gap:10px!important;padding:12px!important}.bm-download-btn .bm-download-icon{width:42px!important;height:42px!important}.bm-download-text strong{font-size:13px!important}.bm-download-popup .bm-download-modal{padding:27px 16px 20px!important}}@media(prefers-reduced-motion:reduce){.bm-download-btn:before{animation:none}.bm-download-popup,.bm-download-popup .bm-download-modal{transition:none}} .bm-download-box{width:440px!important;max-width:100%!important;margin:0 auto!important;padding:30px 15px!important}.bm-download-box .bm-download-btn{grid-template-columns:48px minmax(0,1fr) 28px!important;gap:13px!important;width:410px!important;max-width:100%!important;height:84px!important;min-height:84px!important;padding:13px 18px!important;border-radius:16px!important}.bm-download-box .bm-download-icon{width:48px!important;height:48px!important;border-radius:13px!important;font-size:27px!important}.bm-download-box .bm-download-text strong{font-size:15px!important;line-height:normal!important}.bm-download-box .bm-download-text small{margin-top:6px!important;font-size:10px!important;line-height:normal!important}.bm-download-box .bm-download-arrow{width:28px!important;height:28px!important;font-size:25px!important}@media(max-width:460px){.bm-download-box{width:100%!important;padding:24px 10px!important}.bm-download-box .bm-download-btn{grid-template-columns:42px minmax(0,1fr) 24px!important;gap:10px!important;width:100%!important;padding:12px!important}.bm-download-box .bm-download-icon{width:42px!important;height:42px!important}.bm-download-box .bm-download-text strong{font-size:13px!important}.bm-download-box .bm-download-text small{font-size:9px!important}} .bmdl-box{display:flex!important;justify-content:center!important;width:100%!important;margin:0!important;padding:30px 15px!important;box-sizing:border-box!important}.bmdl-box .bmdl-btn{position:relative!important;display:grid!important;grid-template-columns:48px minmax(0,1fr) 28px!important;gap:13px!important;align-items:center!important;width:min(100%,480px)!important;min-width:0!important;height:auto!important;min-height:84px!important;margin:0!important;padding:13px 18px!important;overflow:hidden!important;border:1px solid rgba(21,230,170,.45)!important;border-radius:16px!important;background:radial-gradient(circle at 8% 50%,rgba(21,230,170,.13),transparent 28%),linear-gradient(135deg,#111c26,#0a121a)!important;box-shadow:0 18px 45px rgba(0,0,0,.38),inset 0 1px rgba(255,255,255,.04)!important;color:#fff!important;font-family:Inter,Arial,sans-serif!important;text-align:left!important;text-transform:none!important;cursor:pointer!important;box-sizing:border-box!important;transform:none!important}.bmdl-btn:before{content:""!important;position:absolute!important;inset:0!important;background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.15) 50%,transparent 65%)!important;transform:translateX(-120%);animation:bmdlReflection 4.4s ease-in-out infinite!important;pointer-events:none}.bmdl-icon{display:grid!important;place-items:center!important;width:48px!important;height:48px!important;margin:0!important;padding:0!important;border:1px solid rgba(21,230,170,.3)!important;border-radius:13px!important;background:rgba(21,230,170,.1)!important;color:#15e6aa!important;font:900 27px/1 Inter,Arial,sans-serif!important}.bmdl-text{display:block!important;min-width:0!important}.bmdl-text strong{display:block!important;margin:0!important;padding:0!important;color:#f4fbff!important;font:850 15px/1.2 Inter,Arial,sans-serif!important;letter-spacing:0!important;text-transform:none!important}.bmdl-text small{display:block!important;margin:6px 0 0!important;padding:0!important;color:#7f9aaa!important;font:650 10px/1.2 Inter,Arial,sans-serif!important;letter-spacing:0!important;text-transform:none!important}.bmdl-arrow{display:grid!important;place-items:center!important;width:28px!important;height:28px!important;margin:0!important;padding:0!important;border-radius:9px!important;background:rgba(21,230,170,.08)!important;color:#15e6aa!important;font:400 25px/1 Inter,Arial,sans-serif!important}.bmdl-popup{position:fixed!important;inset:0!important;z-index:99999999!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:20px!important;box-sizing:border-box!important;background:rgba(2,6,10,.84)!important;backdrop-filter:blur(9px);opacity:0;visibility:hidden;transition:opacity .22s ease,visibility .22s ease}.bmdl-popup.is-open{opacity:1;visibility:visible}.bmdl-modal{position:relative!important;display:block!important;width:min(100%,510px)!important;margin:0!important;padding:30px!important;box-sizing:border-box!important;border:1px solid #243849!important;border-radius:21px!important;background:radial-gradient(circle at 50% 0,rgba(21,230,170,.12),transparent 35%),#0c141d!important;box-shadow:0 30px 90px rgba(0,0,0,.68)!important;color:#dcebf3!important;font-family:Inter,Arial,sans-serif!important;text-align:center!important;transform:translateY(12px) scale(.98);transition:transform .25s ease}.bmdl-popup.is-open .bmdl-modal{transform:none}.bmdl-close{position:absolute!important;top:14px!important;right:15px!important;width:34px!important;height:34px!important;margin:0!important;padding:0!important;border:0!important;border-radius:10px!important;background:#151f29!important;color:#8297a7!important;font-size:23px!important;cursor:pointer!important}.bmdl-modal-icon{display:grid!important;place-items:center!important;width:60px!important;height:60px!important;margin:0 auto 14px!important;border:1px solid rgba(21,230,170,.4)!important;border-radius:18px!important;background:rgba(21,230,170,.1)!important;color:#18e0ad!important;font-size:33px!important;font-weight:900!important}.bmdl-status{display:inline-block!important;padding:6px 10px!important;border-radius:20px!important;background:#0c2b23!important;color:#18e0ad!important;font-size:9px!important;font-weight:900!important;letter-spacing:1px!important}.bmdl-modal h2{margin:13px 0 7px!important;color:#fff!important;font-size:24px!important}.bmdl-modal>p{max-width:390px!important;margin:0 auto 20px!important;color:#8399aa!important;font-size:11px!important;line-height:1.55!important}.bmdl-options{display:grid!important;gap:9px!important;text-align:left!important}.bmdl-options button,.bmdl-options a{position:relative!important;display:grid!important;grid-template-columns:minmax(0,1fr) 20px!important;gap:12px!important;align-items:center!important;width:100%!important;margin:0!important;padding:14px 16px!important;border:1px solid #243747!important;border-radius:12px!important;background:#101b25!important;color:#dcebf3!important;font-family:inherit!important;text-align:left!important;text-decoration:none!important;box-sizing:border-box!important;cursor:pointer!important}.bmdl-options strong{display:block!important;color:#fff!important;font-size:11px!important}.bmdl-options small{display:block!important;margin-top:5px!important;color:#758d9f!important;font-size:9px!important}.bmdl-options b{color:#19dfad!important;font-size:21px!important;text-align:right!important}.bmdl-note{display:block!important;margin-top:17px!important;color:#617786!important;font-size:9px!important}@keyframes bmdlReflection{0%,55%{transform:translateX(-120%)}80%,100%{transform:translateX(120%)}}@media(max-width:520px){.bmdl-box .bmdl-btn{grid-template-columns:42px minmax(0,1fr) 25px!important;gap:10px!important;padding:12px!important}.bmdl-icon{width:42px!important;height:42px!important}.bmdl-text strong{font-size:13px!important}.bmdl-modal{padding:27px 16px 20px!important}}@media(prefers-reduced-motion:reduce){.bmdl-btn:before{animation:none!important}.bmdl-popup,.bmdl-modal{transition:none!important}} .bmdl-box .bmdl-btn{width:330px!important;max-width:100%!important;height:84px!important;min-height:84px!important}.bmdl-box .bmdl-text strong{white-space:nowrap!important}.bmdl-box .bmdl-text small{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.bmdl-popup .bmdl-modal>p{font-size:11px!important}.bmdl-popup.is-open .bmdl-modal{animation:bmdlModalIn .28s ease both}.bmdl-popup .bmdl-modal-icon{animation:bmdlIconGlow 2.2s ease-in-out infinite}.bmdl-popup .bmdl-options button,.bmdl-popup .bmdl-options a{transition:border-color .2s ease,background .2s ease,transform .2s ease,box-shadow .2s ease!important}.bmdl-popup .bmdl-options button:hover,.bmdl-popup .bmdl-options a:hover{border-color:#1c806a!important;background:#10221f!important;transform:translateX(3px)!important;box-shadow:0 8px 22px rgba(0,0,0,.22)!important}.bmdl-popup .bmdl-options b{transition:transform .2s ease!important}.bmdl-popup .bmdl-options button:hover b,.bmdl-popup .bmdl-options a:hover b{transform:translateX(3px)!important}.bmdl-popup .bmdl-close{transition:color .2s ease,background .2s ease,transform .2s ease!important}.bmdl-popup .bmdl-close:hover{color:#fff!important;background:#20313d!important;transform:rotate(5deg)!important}@keyframes bmdlModalIn{from{opacity:0;transform:translateY(14px) scale(.97)}to{opacity:1;transform:none}}@keyframes bmdlIconGlow{0%,100%{box-shadow:0 0 0 rgba(21,230,170,0)}50%{box-shadow:0 0 24px rgba(21,230,170,.18)}} .bmdl-popup .bmdl-modal>p,.bm-download-popup .bm-download-modal>p{font:400 11px/1.55 Inter,Arial,sans-serif!important;-webkit-text-size-adjust:100%!important}.bmdl-popup.is-open .bmdl-modal{animation:none!important;transform:none!important}.bmdl-popup .bmdl-modal-icon{animation:none!important;box-shadow:none!important}.bmdl-popup .bmdl-options button,.bmdl-popup .bmdl-options a{transition:border-color .2s ease,background .2s ease!important}.bmdl-popup .bmdl-options button:hover,.bmdl-popup .bmdl-options a:hover{border-color:#1c806a!important;background:#10221f!important;transform:none!important;box-shadow:none!important}.bmdl-popup .bmdl-options button:hover b,.bmdl-popup .bmdl-options a:hover b{transform:none!important}.bmdl-popup .bmdl-close,.bmdl-popup .bmdl-close:hover{transition:none!important;transform:none!important}.bmdl-popup .bmdl-modal{transform:translateY(12px) scale(.98)!important;transition:transform .25s ease!important}.bmdl-popup.is-open .bmdl-modal{transform:none!important}.bmdl-popup{transition:opacity .22s ease,visibility .22s ease!important} .bmdl-popup .bmdl-modal p{margin:0 auto 20px!important;max-width:390px!important;color:#8399aa!important;font-family:Inter,Arial,sans-serif!important;font-size:11px!important;font-weight:400!important;line-height:1.55!important;letter-spacing:0!important;text-transform:none!important;-webkit-text-size-adjust:100%!important} .premium-card-content { padding:0 28px 28px; } .premium-divider { height:1px; background:rgba(255,255,255,.045); margin:20px 0; } .premium-content-label { color:#fff; font-size:11px; font-weight:800; text-transform:uppercase; letter-spacing:.9px; margin-bottom:10px; } .premium-empty-note { color:#687386; font-size:11px; font-style:italic; } .premium-vip-callout { position:relative; width:calc(100% - 40px); max-width:960px; margin:18px auto 28px; overflow:hidden; box-sizing:border-box; border:1px solid rgba(245,196,81,.24); border-radius:14px; background:radial-gradient(circle at 50% -20%,rgba(245,196,81,.12),transparent 40%),linear-gradient(135deg,#111722,#090d14); box-shadow:0 16px 38px rgba(0,0,0,.3); } .premium-vip-callout::before { content:''; position:absolute; left:0; top:0; bottom:0; width:4px; background:linear-gradient(180deg,#ffe27a,#f5b942,#8a5b00); box-shadow:0 0 18px rgba(245,185,66,.55); } .premium-vip-callout::after { content:''; position:absolute; right:0; top:0; bottom:0; width:4px; background:linear-gradient(180deg,#ffe27a,#f5b942,#8a5b00); box-shadow:0 0 18px rgba(245,185,66,.55); } .premium-vip-callout .vip-content { padding:24px 28px !important; } .premium-vip-callout .vip-text { text-align:center !important; } .premium-vip-callout .vip-text h3 { display:flex; align-items:center; justify-content:center; gap:9px; margin:0 0 8px !important; color:#ffe17a !important; font:400 25px/1.2 'Bebas Neue',sans-serif !important; letter-spacing:1.2px !important; text-transform:uppercase !important; text-shadow:0 0 18px rgba(245,185,66,.16) !important; } .premium-vip-callout .vip-text h3 i { color:#f5b942; } .premium-vip-callout .vip-text p { max-width:760px !important; margin:0 auto !important; color:#b9c2cf !important; font:400 14px/1.65 'Inter',sans-serif !important; } .premium-reaction-action { width:calc(100% - 40px); max-width:960px; margin:16px auto 0; display:flex; justify-content:center; } .premium-like-button { position:relative; display:inline-flex; align-items:center; justify-content:center; gap:9px; min-width:158px; padding:11px 18px; border:1px solid rgba(255,111,145,.24); border-radius:10px; background:linear-gradient(180deg,#151924,#0d111a); color:#dbe1ea; font:800 11px/1 'Inter',sans-serif; letter-spacing:.45px; cursor:pointer; box-shadow:0 9px 22px rgba(0,0,0,.24); transition:transform .18s ease,border-color .18s ease,color .18s ease,background .18s ease; } .premium-like-button i { color:#ff6f91; font-size:17px; transition:transform .2s ease; } .premium-like-button:hover { transform:translateY(-2px); color:#fff; border-color:rgba(255,111,145,.55); } .premium-like-button:hover i { transform:scale(1.12); } .premium-like-button.is-liked { color:#fff; border-color:rgba(255,71,112,.58); background:linear-gradient(180deg,rgba(111,28,52,.72),rgba(47,16,29,.82)); } .premium-like-button.is-liked i { color:#ff4770; animation:premiumHeartPop .32s ease; } @keyframes premiumHeartPop { 0%{transform:scale(.7)} 55%{transform:scale(1.3)} 100%{transform:scale(1)} } /* La primera movie-cover sigue dentro del HTML para que Blogger la registre, pero en la p谩gina individual se muestra solo la tarjeta. */ .premium-entry-wrapper .movie-header-panel:has(> .movie-cover + .premium-movie-card), .cef-preview-post .movie-header-panel:has(> .movie-cover + .premium-movie-card) { display:block !important; grid-template-columns:none !important; gap:0 !important; padding:0 !important; margin:0 auto !important; max-width:1100px !important; background:transparent !important; border:0 !important; box-shadow:none !important; } .premium-entry-wrapper .movie-header-panel:has(> .movie-cover + .premium-movie-card) > .movie-cover, .cef-preview-post .movie-header-panel:has(> .movie-cover + .premium-movie-card) > .movie-cover { display:none !important; } /* Marcador estable para las publicaciones nuevas: la primera imagen alimenta la miniatura del home, pero nunca forma parte de la entrada. */ .premium-entry-wrapper .movie-header-panel.home-cover-source, .cef-preview-post .movie-header-panel.home-cover-source { display:block !important; grid-template-columns:none !important; gap:0 !important; padding:0 !important; margin:0 auto !important; max-width:1100px !important; background:transparent !important; border:0 !important; box-shadow:none !important; } .movie-header-panel.home-cover-source > .movie-cover { display:none !important; width:0 !important; height:0 !important; margin:0 !important; padding:0 !important; border:0 !important; position:absolute !important; pointer-events:none !important; } .premium-entry-wrapper .movie-header-panel > .movie-cover:first-child { display:none !important; } .cf-hover-title { display:inline; cursor:default; } .cf-hover-title > img { display:none !important; } @media (min-width:701px) and (max-width:980px) { .premium-spec-grid { grid-template-columns:repeat(3,minmax(0,1fr)); } } @media (max-width:700px) { .premium-layout { grid-template-columns:1fr; padding:0 16px 20px; } .premium-poster { width:min(190px,70vw); margin:0 auto; } .premium-card-content { padding:0 16px 20px; } .premium-spec-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .premium-gallery, .premium-audio-list, .premium-sub-list { grid-template-columns:1fr; } .premium-cast-grid { display:flex; overflow-x:auto; gap:9px; padding-bottom:7px; scroll-snap-type:x proximity; scrollbar-width:thin; } .premium-cast-card { flex:0 0 88px; scroll-snap-align:start; } .premium-trailer { max-width:100%; padding-top:56.25%; } .premium-vip-callout .vip-content { padding:20px 20px 20px 23px !important; } .premium-vip-callout .vip-text h3 { font-size:16px !important; } .premium-vip-callout { width:calc(100% - 32px); } .premium-top-right { position:static; margin:0 20px 10px; justify-content:flex-end; flex-wrap:wrap; } .premium-reaction-action { width:calc(100% - 32px); } } /* ===================================== */ /* 馃幀 P脕GINA INDIVIDUAL */ /* ===================================== */ .movie-page { max-width: 1100px; margin: 0 auto; padding: 20px; } .back-link { display:inline-flex; align-items:center; gap:8px; min-height:35px; margin-bottom:24px; padding:8px 13px; color:#a9eefe; background:linear-gradient(180deg,rgba(0,212,255,.08),rgba(0,119,255,.035)); border:1px solid rgba(0,212,255,.2); border-radius:8px; text-decoration:none; font:700 11px/1 'Inter',sans-serif; letter-spacing:.55px; text-transform:uppercase; box-shadow:inset 0 1px rgba(255,255,255,.025); transition:transform .2s ease,border-color .2s ease,background .2s ease,color .2s ease; } .back-link:hover { color:#fff; border-color:rgba(0,212,255,.55); background:linear-gradient(180deg,rgba(0,212,255,.15),rgba(0,119,255,.07)); transform:translateX(-2px); text-decoration:none; text-shadow:none; } /* Ocultar SOLO el header autom谩tico de Blogger */ .movie-page > .movie-header:first-of-type { display: none !important; } /* HEADER DEL PANEL */ .movie-header-panel { display: grid !important; grid-template-columns: 300px 1fr !important; gap: 40px !important; background: var(--bg-secondary) !important; padding: 30px !important; border-radius: 20px !important; margin-bottom: 40px !important; border: 1px solid var(--border) !important; box-shadow: 0 10px 30px rgba(0,0,0,0.8) !important; } .movie-header-panel .movie-cover { width: 100% !important; border-radius: 15px !important; border: 3px solid var(--accent) !important; box-shadow: 0 0 30px var(--accent-glow) !important; } .movie-header-panel .movie-header-info h1 { font-family: 'Bebas Neue', sans-serif !important; font-size: 44px !important; color: var(--text-primary) !important; margin: 0 0 15px 0 !important; } .movie-header-panel .movie-meta { color: var(--accent) !important; font-size: 18px !important; margin-bottom: 20px !important; } .movie-header-panel .movie-director, .movie-header-panel .movie-cast, .movie-header-panel .movie-edicion { margin-bottom: 8px !important; color: var(--text-secondary) !important; } .movie-header-panel .movie-director strong, .movie-header-panel .movie-cast strong, .movie-header-panel .movie-edicion strong { color: var(--accent) !important; } .movie-genres { margin-bottom: 8px; color: var(--text-secondary); } .movie-genres strong { color: var(--accent); } .modulo { background: var(--bg-modulo); border: 1px solid var(--border); border-radius: 16px; padding: 30px; margin: 25px 0; box-shadow: 0 8px 25px rgba(0,0,0,0.7); transition: transform 0.3s; } .modulo:hover { transform: translateY(-2px); } .modulo h3 { font-family: 'Bebas Neue', sans-serif; color: var(--accent); font-size: 28px; margin-bottom: 20px; border-bottom: 2px solid var(--border); padding-bottom: 10px; } .modulo-sinopsis { background: #0a0a0a; border-left: 6px solid var(--accent); } /* ===================================== */ /* 馃帶 M脫DULO DE AUDIO Y SUBT脥TULOS */ /* ===================================== */ .modulo-audio-sub { background: linear-gradient(145deg, #1a1a1a 0%, #0d0d0d 100%); border: 1px solid #333; border-radius: 16px; padding: 20px; margin: 25px 0; box-shadow: 0 8px 25px rgba(0,0,0,0.7); } .audio-sub-grid { display: grid; grid-template-columns: 1fr auto 1fr; gap: 20px; align-items: start; } .divider-vertical { width: 2px; background: linear-gradient(180deg, transparent, #00d4ff, transparent); height: 100%; min-height: 100px; box-shadow: 0 0 10px rgba(0,212,255,0.3); } .audio-col h4, .sub-col h4 { font-family: 'Inter', sans-serif; font-size: 16px; font-weight: 600; color: #00d4ff; margin: 0 0 15px 0; text-transform: uppercase; letter-spacing: 1px; text-align: center; } .audio-list-split, .subtitle-list-split { list-style: none; padding: 0; margin: 0; } .audio-item-split, .subtitle-item-split { background: #1a1a1a; border: 1px solid #333; border-radius: 8px; padding: 10px 15px; margin-bottom: 8px; color: #fff; font-size: 13px; transition: all 0.3s ease; } .audio-item-split:hover, .subtitle-item-split:hover { border-color: #00d4ff; background: #222; transform: translateX(5px); box-shadow: 0 5px 15px rgba(0,212,255,0.2); } /* ===================================== */ /* 馃柤️ CAPTURAS DEL MEN脷 */ /* ===================================== */ .captures-grid { display: flex; flex-direction: column; gap: 20px; margin-top: 15px; } .capture-item { width: 100%; max-width: 600px; margin: 0 auto; border: 2px solid #333; border-radius: 10px; overflow: hidden; aspect-ratio: 16/9; transition: all 0.3s ease; box-shadow: 0 5px 15px rgba(0,0,0,0.5); } .capture-item:hover { border-color: #00d4ff; box-shadow: 0 10px 25px rgba(0,212,255,0.3); } .capture-item img, .capture-item iframe { width: 100%; height: 100%; object-fit: cover; display: block; transition: all 0.3s ease; } .capture-item:hover img, .capture-item:hover iframe { transform: scale(1.05); } /* ===================================== */ /* 馃拵 MENSAJE VIP */ /* ===================================== */ .vip-message { max-width: 100%; width: 100%; background: linear-gradient(135deg, #1e2a3a 0%, #0f1a2a 100%); border: 1px solid rgba(0, 212, 255, 0.25); border-radius: 16px; overflow: hidden; position: relative; box-shadow: 0 10px 30px rgba(0,0,0,0.7); margin: 30px 0; } .vip-message::before, .vip-message::after { content: ''; position: absolute; left: 0; right: 0; height: 3px; background: linear-gradient(90deg, transparent, #00d4ff, #9b4dff, #00d4ff, transparent); background-size: 200% 100%; animation: gradientMove 4s ease infinite; z-index: 1; } .vip-message::before { top: 0; } .vip-message::after { bottom: 0; } @keyframes gradientMove { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } .vip-content { padding: 40px 30px; } .vip-text { text-align: center; } .vip-text h3 { font-family: 'Bebas Neue', sans-serif; color: #ffffff; font-size: 32px; margin: 0 0 20px 0; letter-spacing: 1.5px; text-transform: uppercase; font-weight: 600; text-shadow: 0 2px 5px rgba(0,0,0,0.3); } .vip-text p { color: #ccc; font-size: 16px; line-height: 1.7; margin: 0 auto; max-width: 700px; } /* ===================================== */ /* 馃帹 PIE DE P脕GINA */ /* ===================================== */ .footer { background: #000; border-top: 2px solid var(--border); padding: 30px 0; margin-top: 60px; text-align: center; color: var(--text-muted); } /* ===================================== */ /* 馃摫 RESPONSIVE */ /* ===================================== */ @media (max-width: 768px) { .movie-header-panel { grid-template-columns: 1fr !important; } .movie-header-panel .movie-cover { max-width: 280px; margin: 0 auto; } .nav-menu { justify-content: center; } .search-box { width: 100%; } .audio-sub-grid { grid-template-columns: 1fr; gap: 15px; } .divider-vertical { display: none; } .vip-content { padding: 30px 20px; } .vip-text h3 { font-size: 26px; margin-bottom: 15px; } .vip-text p { font-size: 14px; } } /* ===================================== */ /* 馃帹 ESTILOS ADICIONALES */ /* ===================================== */ .entry-container { max-width: 900px; margin: 0 auto; background: #000; color: #fff; font-family: Arial, sans-serif; padding: 20px; } .entry-container h1 { font-size: 32px; font-weight: bold; color: #fff; margin: 0 0 5px 0; } .entry-container h2 { font-size: 28px; font-weight: bold; color: #fff; margin: 0 0 10px 0; } .entry-container h3 { color: #00d4ff; font-size: 18px; margin: 20px 0 10px 0; } .entry-container hr { border: 0; border-top: 1px solid #333; margin: 20px 0; } .entry-container ul, .entry-container ol { list-style: none; padding: 0; margin: 0; } .entry-container li { color: #ccc; margin-bottom: 5px; } .entry-container strong { color: #888; } /* ===================================== */ /* 馃彔 HEADER - MEN脷 CORREGIDO */ /* ===================================== */ .header { background: var(--bg-secondary); border-bottom: 3px solid var(--accent); padding: 15px 0; margin-bottom: 40px; position: sticky; top: 0; z-index: 100; box-shadow: 0 4px 20px rgba(0,0,0,0.8); } .header-content { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 15px; max-width: 1100px; margin: 0 auto; padding: 0 20px; } .logo { font-family: 'Bebas Neue', sans-serif; font-size: 36px; color: var(--accent); text-decoration: none; display: flex; align-items: center; gap: 8px; white-space: nowrap; } .logo svg { width: 35px; height: 35px; } .nav-menu { display: flex; gap: 15px; flex-wrap: wrap; justify-content: flex-end; } .nav-link { color: var(--text-primary); text-decoration: none; font-weight: 600; text-transform: uppercase; font-size: 13px; padding: 5px 8px; white-space: nowrap; } .search-box { background: var(--bg-primary); border: 1px solid var(--border); padding: 6px 12px; border-radius: 5px; color: var(--text-primary); width: 200px; font-size: 13px; } /* ===================================== */ /* 馃彔 HOME - IM脕GENES SIN ZOOM */ /* ===================================== */ .catalog-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 10px; margin: 20px 0; padding: 0; } .movie-card-home { display: block; text-decoration: none; overflow: hidden; margin: 0; padding: 0; background: #1a1a1a; border-radius: 4px; } .movie-cover-home { width: 100%; height: auto; aspect-ratio: 4/5; object-fit: cover; object-position: center; border: 2px solid transparent; /* Borde transparente por defecto */ display: block; background: #0a0a0a; transition: border-color 0.2s ease; /* Solo transici贸n para el borde */ } .movie-card-home:hover .movie-cover-home { border-color: #00d4ff; /* Borde azul ne贸n al pasar el mouse */ box-shadow: 0 0 15px rgba(0,212,255,0.5); /* Sombra ne贸n */ } /* Responsive */ @media (max-width: 900px) { .catalog-grid { grid-template-columns: repeat(4, 1fr); } } @media (max-width: 700px) { .catalog-grid { grid-template-columns: repeat(3, 1fr); } } @media (max-width: 500px) { .catalog-grid { grid-template-columns: repeat(2, 1fr); } } .bm-catalog-pagination{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;margin:8px 0 34px;padding:4px 0} .bm-page-link{min-width:40px;height:40px;padding:0 13px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #253244;border-radius:10px;background:linear-gradient(180deg,#121b27,#0b111a);color:#b9c9dd;text-decoration:none;font:700 13px Inter,sans-serif;transition:border-color .2s,background .2s,color .2s,transform .2s} .bm-page-link:hover{border-color:#00d4ff;color:#fff;background:#102536;transform:translateY(-1px)} .bm-page-link.is-current{border-color:#00d4ff;color:#061018;background:linear-gradient(135deg,#00d4ff,#42e8ff);box-shadow:0 0 18px rgba(0,212,255,.25);pointer-events:none} .bm-page-link.is-disabled{opacity:.35;pointer-events:none} .bm-page-ellipsis{color:#607086;padding:0 3px} @media(max-width:500px){.bm-page-link{min-width:36px;height:36px;padding:0 10px}.bm-page-link.bm-page-wide span{display:none}} /* ===================================== */ /* 馃帹 PIE DE P脕GINA - SIN ESPACIOS */ /* ===================================== */ .footer { background: #000; border-top: 2px solid var(--border); padding: 15px 0; /* Reducido de 30px a 15px */ margin-top: 0; /* Eliminado el margin-top de 60px */ text-align: center; color: var(--text-muted); font-size: 13px; } /* Si quieres que quede pegado abajo del todo */ body { display: flex; flex-direction: column; min-height: 100vh; } main { flex: 1; } /* El footer se pegar谩 abajo naturalmente */ /* ===================================== */ /* 馃搶 ANIMACI脫N DE BARRAS */ /* ===================================== */ @keyframes barraPulso { 0% { opacity: 0.7; box-shadow: 0 0 5px #00d4ff; transform: scaleY(1); } 50% { opacity: 1; box-shadow: 0 0 15px #00d4ff; transform: scaleY(1.2); } 100% { opacity: 0.7; box-shadow: 0 0 5px #00d4ff; transform: scaleY(1); } } .seccion-titulo span { animation: barraPulso 2s ease infinite; } /* Quitar zoom solo de iframes y videos */ iframe:hover, video:hover, .youtube-player:hover, .reproductor:hover, .trailer-box:hover { transform: none !important; scale: none !important; transition: none !important; } /* Mantener zoom en las tarjetas de pel铆culas (si quieres) */ .movie-card-home:hover { transform: scale(1.05); transition: transform 0.3s; } /* Mantiene estilos pero evita cambios en hover */ .movie-page .sinopsis, .movie-page .audios, .movie-page .capturas, .movie-page .trailer { transition: none !important; } .movie-page .sinopsis:hover, .movie-page .audios:hover, .movie-page .capturas:hover, .movie-page .trailer:hover { /* Mantiene los mismos valores que sin hover */ margin: inherit !important; padding: inherit !important; line-height: inherit !important; color: inherit !important; background: inherit !important; } /* Quitar SOLO el levantamiento (translateY) */ .movie-page .modulo:hover, .movie-page .sinopsis:hover, .movie-page .audios:hover, .movie-page .capturas:hover, .movie-page .trailer:hover { transform: translateY(0) !important; } .h2-subtil { font-size: 13px; font-weight: 400; /* liviano, no negrita */ color: #aaa; /* gris claro */ margin: 5px 0 20px 0; border-bottom: 1px solid #333; font-family: 'Inter', sans-serif; } /* ============================================= */ /* 馃幀 M脫DULO DE BANNERS - VERSI脫N CINEMA */ /* ============================================= */ .modulo-banners-300 { width: 300px; height: 300px; background: #07070a; background-image: repeating-linear-gradient(45deg, rgba(0,212,255,0.02) 0px, rgba(0,212,255,0.02) 2px, transparent 2px, transparent 8px); display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 12px; border: 1px solid #00d4ff30; border-radius: 16px; font-family: 'Bebas Neue', 'Inter', sans-serif; box-sizing: border-box; padding: 8px 0; position: relative; overflow: hidden; box-shadow: 0 15px 35px rgba(0,0,0,0.9); } /* Tiras de pel铆cula decorativas */ .modulo-banners-300::before, .modulo-banners-300::after { content: '⬤ ⬤ ⬤ ⬤ ⬤ ⬤ ⬤ ⬤ ⬤ ⬤'; position: absolute; left: 0; right: 0; color: #00d4ff20; font-size: 10px; letter-spacing: 8px; text-align: center; white-space: nowrap; pointer-events: none; } .modulo-banners-300::before { top: 5px; transform: rotate(-2deg); } .modulo-banners-300::after { bottom: 5px; transform: rotate(2deg); } .b-item-neon { width: 280px; height: 85px; border-radius: 8px; display: flex; align-items: center; padding: 0 18px; text-decoration: none; box-sizing: border-box; position: relative; overflow: hidden; border-left: 4px solid transparent; transition: all 0.3s ease; box-shadow: 0 5px 15px rgba(0,0,0,0.5); z-index: 1; } /* Efecto de spotlight */ .b-item-neon::before { content: ''; position: absolute; top: -50%; left: -50%; width: 200%; height: 200%; background: radial-gradient(circle, rgba(0,212,255,0.1) 0%, transparent 70%); opacity: 0; transition: opacity 0.4s; z-index: -1; } .b-item-neon:hover::before { opacity: 1; } .b-item-neon:hover { border-left-width: 8px; transform: scale(1.02); box-shadow: 0 10px 25px rgba(0,212,255,0.3); } .b-item-neon .b-text { flex: 1; z-index: 2; } .b-item-neon .b-title { color: white; font-weight: 700; font-size: 22px; font-family: 'Bebas Neue', sans-serif; letter-spacing: 1.5px; text-transform: uppercase; line-height: 1.2; transition: all 0.3s; text-shadow: 2px 2px 4px rgba(0,0,0,0.5); } .b-item-neon .b-desc { color: #aaa; font-size: 10px; text-transform: uppercase; margin-top: 2px; letter-spacing: 1px; font-family: 'Inter', sans-serif; } .b-item-neon .b-icon { font-size: 32px; z-index: 2; transition: all 0.4s; } /* EFECTO HOVER GENERAL - SOLO PARA LOS DOS PRIMEROS BANNERS */ .b-item-neon:hover .b-icon { transform: scale(1.2) rotate(5deg); } /* ============================================= */ /* 馃帹 BANNER 1 - COVERSMANIA (Estilo claqueta) */ /* ============================================= */ .b-covers { background: linear-gradient(90deg, #000 0%, #0a0a0a 100%); border-left-color: #00d4ff; } .b-covers .b-title { color: #00d4ff; } .b-covers .b-icon { color: #00d4ff; filter: drop-shadow(0 0 5px #00d4ff); } /* ============================================= */ /* 馃帹 BANNER 2 - TELEGRAM VIP (Estilo butaca) */ /* ============================================= */ .b-telegr { background: linear-gradient(90deg, #001a2a 0%, #000a14 100%); border-left-color: #9b4dff; } .b-telegr:hover { border-left-color: #00d4ff; } .b-telegr .b-desc { color: #00d4ff; } .b-telegr .b-icon { color: #9b4dff; transition: all 0.3s; } .b-telegr:hover .b-icon { color: #00d4ff; } /* ============================================= */ /* 馃帹 BANNER 3 - GODSCL-IMAGES (MODIFICADO: SIN GIRO) */ /* ============================================= */ .b-gods { background: linear-gradient(90deg, #0a0a1a 0%, #000 100%); border-left-color: #ffd700; /* Mantiene el color dorado original */ } .b-gods:hover { border-left-color: #00d4ff; /* Cambia a cian al hacer hover (original) */ } .b-gods .b-title { color: #ffd700; /* Dorado original */ } .b-gods:hover .b-title { color: #00d4ff; /* Cambia a cian al hacer hover (original) */ } .b-gods .b-icon { color: #ffd700; /* Dorado original */ animation: spotlight 3s ease infinite; /* Animaci贸n spotlight original */ } .b-gods:hover .b-icon { color: #00d4ff; /* Cambia a cian al hacer hover (original) */ animation: none; /* Quita el spotlight al hacer hover (original) */ transform: scale(1.2); /* SOLO SE AGRANDA, SIN ROTACI脫N */ /* ELIMINADO: rotate(360deg) */ } @keyframes spotlight { 0%, 100% { filter: drop-shadow(0 0 2px #ffd700); } 50% { filter: drop-shadow(0 0 10px #ffd700); } } /* Efecto de "film burn" en hover general */ .b-item-neon:hover .b-title { text-shadow: 0 0 15px currentColor; } /* Los widgets administrables permanecen visibles en Dise帽o de Blogger, pero no ocupan espacio en la p谩gina p煤blica. */ .bm-home-config{display:none!important} /* ===================================== */ /* 馃搵 MEN脷 DESPLEGABLE CON BORDES */ /* ===================================== */ .menu-item-con-categorias { position: relative; } /* Flecha decorativa superior */ .categorias-dropdown::before { content: ''; position: absolute; top: -8px; left: 30px; width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid var(--bg-card); filter: drop-shadow(0 -2px 5px rgba(0,212,255,0.2)); z-index: 1001; } /* Flecha con borde ne贸n */ .categorias-dropdown::after { content: ''; position: absolute; top: -9px; left: 29px; width: 0; height: 0; border-left: 9px solid transparent; border-right: 9px solid transparent; border-bottom: 9px solid var(--accent); opacity: 0.3; z-index: 1000; } .categorias-dropdown { position: absolute; top: calc(100% + 15px); left: 0; min-width: 240px; background: var(--bg-card); border: 1px solid var(--accent); border-radius: 16px; /* M谩s redondeado el contenedor principal */ padding: 12px; /* Padding interior para separar los items del borde */ opacity: 0; visibility: hidden; transform: translateY(-10px); transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); z-index: 1000; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(0, 212, 255, 0.1), 0 0 20px rgba(0, 212, 255, 0.2); backdrop-filter: blur(10px); background: rgba(17, 17, 17, 0.95); } .menu-item-con-categorias:hover .categorias-dropdown { opacity: 1; visibility: visible; transform: translateY(0); } /* Contenedor vertical */ .categorias-vertical { display: flex; flex-direction: column; gap: 6px; /* Espacio entre cada categor铆a */ width: 100%; } /* ESTILO BASE PARA TODAS LAS CATEGOR脥AS */ .categoria-item { display: block; padding: 12px 16px; color: var(--text-secondary); text-decoration: none; font-size: 13px; font-weight: 500; transition: all 0.2s ease; position: relative; overflow: hidden; border: 1px solid rgba(0, 212, 255, 0.15); /* Borde sutil para todas */ border-radius: 10px; /* Redondeado para todas */ background: rgba(0, 0, 0, 0.2); white-space: nowrap; border-left: 4px solid transparent; /* Barra lateral (transparente por defecto) */ } /* Efecto de brillo al hover */ .categoria-item::before { content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(0, 212, 255, 0.1), transparent); transition: left 0.5s ease; z-index: -1; } .categoria-item:hover::before { left: 100%; } .categoria-item:hover { color: var(--accent); transform: translateX(3px); border-color: var(--accent); /* Borde se vuelve azul */ box-shadow: 0 0 15px rgba(0, 212, 255, 0.2); } /* CATEGOR脥AS ESPECIALES (con barra de color) */ .categoria-item.especial { border-left: 4px solid var(--accent); /* Barra azul ne贸n */ background: rgba(0, 212, 255, 0.05); border-color: rgba(0, 212, 255, 0.3); } .categoria-item.especial:hover { border-left-color: var(--accent-hover); background: rgba(0, 212, 255, 0.1); border-color: var(--accent); } /* CATEGOR脥A 4K UHD (con barra dorada) */ .categoria-item.ultrahd { border-left: 4px solid #ffd700; /* Barra dorada */ background: linear-gradient(45deg, rgba(255, 215, 0, 0.05), rgba(0, 212, 255, 0.05)); border-color: rgba(255, 215, 0, 0.3); font-weight: 600; } .categoria-item.ultrahd:hover { border-left-color: var(--accent); /* Cambia a azul al hover (opcional, si quieres mantener dorado solo cambia esta l铆nea) */ border-color: var(--accent); background: linear-gradient(45deg, rgba(0,212,255,0.1), rgba(255,215,0,0.1)); } /* EXCLUSIVOS (sin barra pero con estilo propio) */ .categoria-item.exclusivos { border-left: 4px solid transparent; background: rgba(0, 212, 255, 0.03); border-color: rgba(0, 212, 255, 0.2); font-weight: 600; } .categoria-item.exclusivos:hover { border-left-color: var(--accent); /* Gana barra al hover */ border-color: var(--accent); background: rgba(0, 212, 255, 0.08); } /* Separador visual */ .categorias-separator { height: 1px; background: linear-gradient(90deg, transparent, var(--accent), transparent); margin: 8px 0; opacity: 0.3; border-radius: 2px; } /* Ajuste para m贸viles */ @media (max-width: 768px) { .categorias-dropdown { position: fixed; top: 60px; left: 10px; right: 10px; width: auto; min-width: auto; max-width: none; } .categorias-dropdown::before, .categorias-dropdown::after { left: 20px; } .categoria-item { white-space: normal; font-size: 12px; padding: 14px 16px; } } /* ===================================================== */ #bm-page-loader { position: fixed; inset: 0; z-index: 2147483647; display: flex; align-items: center; justify-content: center; background: rgba(3,6,9,.36); backdrop-filter: blur(4px) saturate(.9); -webkit-backdrop-filter: blur(4px) saturate(.9); pointer-events: none; animation: bmLoaderOut .35s cubic-bezier(.4,0,.2,1) .45s forwards; } .bm-loader-inner { position:relative; min-width:176px; padding:16px 22px 14px; overflow:hidden; border:1px solid rgba(103,220,244,.14); border-radius:12px; background:linear-gradient(145deg,rgba(12,20,26,.78),rgba(5,9,13,.7)); box-shadow:0 14px 38px rgba(0,0,0,.28),inset 0 0 0 1px rgba(255,255,255,.018); text-align:center; opacity:.9; animation:bmLoaderSoft .8s ease both; } .bm-loader-inner::before { content:''; position:absolute; top:0; left:50%; width:72%; height:1px; transform:translateX(-50%); background:linear-gradient(90deg,transparent,rgba(78,222,250,.72),transparent); } .bm-loader-brand { font-family:'Bebas Neue',sans-serif; font-size:23px; line-height:1; letter-spacing:2.2px; color:#e6f8fc; text-shadow:0 0 11px rgba(0,212,255,.16); } .bm-loader-line { width:88px; height:1px; margin:10px auto 8px; overflow:hidden; border-radius:2px; background:rgba(105,143,157,.18); } .bm-loader-line::after { content:''; display:block; width:42%; height:100%; border-radius:2px; background:linear-gradient(90deg,transparent,#55dff8,transparent); box-shadow:0 0 7px rgba(0,212,255,.45); animation:bmLoaderLine .8s ease-in-out infinite; } .bm-loader-text { font:650 7px Inter,sans-serif; letter-spacing:2.2px; color:#718690; text-transform:uppercase; } @keyframes bmLoaderLine { 0%{transform:translateX(-120%);opacity:.35} 50%{opacity:1} 100%{transform:translateX(330%);opacity:.35} } @keyframes bmLoaderSoft { 0%{opacity:0;transform:translateY(3px)} 28%{opacity:.82;transform:none} 72%{opacity:.82} 100%{opacity:.35} } @keyframes bmLoaderOut { 0%{opacity:1;visibility:visible} 100%{opacity:0;visibility:hidden} } @media(prefers-reduced-motion:reduce){#bm-page-loader,.bm-loader-inner,.bm-loader-line::after{animation:none}#bm-page-loader{opacity:0;visibility:hidden}} /* Footer BLURAYMANIA */ body > .footer { position:relative; width:100%; background:linear-gradient(180deg,#080b0e 0%,#020304 100%); border-top:1px solid rgba(0,212,255,.26); padding:0; margin-top:0; text-align:left; color:#7f8b92; } body > .footer::before { content:''; position:absolute; top:-1px; left:50%; transform:translateX(-50%); width:min(420px,45vw); height:2px; background:linear-gradient(90deg,transparent,#00d4ff,transparent); box-shadow:0 0 14px rgba(0,212,255,.38); } .bm-footer-inner{width:min(1180px,calc(100% - 40px));margin:0 auto;padding:30px 0 22px;display:grid;grid-template-columns:1.35fr .8fr auto;gap:34px;align-items:center} .bm-footer-brand{font:900 24px/1 'Bebas Neue',Inter,sans-serif;letter-spacing:2px;color:#f4f8fa;text-transform:uppercase} .bm-footer-brand span{color:#00d4ff;text-shadow:0 0 15px rgba(0,212,255,.28)} .bm-footer-description{max-width:410px;margin:10px 0 0;color:#7f919b;font:400 12px/1.65 Inter,sans-serif} .bm-footer-heading{margin:0 0 11px;color:#dfe9ee;font:800 11px/1 Inter,sans-serif;letter-spacing:1.1px;text-transform:uppercase} .bm-footer-links{display:flex;flex-wrap:wrap;gap:8px} .bm-footer-link,.bm-footer-top{display:inline-flex;align-items:center;gap:7px;padding:8px 10px;border:1px solid #1d2a31;border-radius:7px;background:#080d10;color:#9fb0b9;font:700 11px/1 Inter,sans-serif;text-decoration:none;cursor:pointer;transition:.2s} .bm-footer-link:hover,.bm-footer-top:hover{border-color:rgba(0,212,255,.45);color:#eafcff;transform:translateY(-1px)} .bm-footer-up{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap} .bm-footer-top{border-color:rgba(0,212,255,.22);color:#65def7;background:rgba(0,212,255,.045)} .bm-language{position:relative;display:flex;align-items:center;gap:4px;padding:4px;border:1px solid #1d2a31;border-radius:9px;background:#080d10} .bm-language::before{content:'\f0ac';padding:0 6px;color:#607785;font:900 11px/1 'Font Awesome 6 Free'} .bm-lang-button{height:29px;padding:0 9px;border:0;border-radius:6px;background:transparent;color:#778c99;font:800 9px/1 Inter,sans-serif;letter-spacing:.25px;cursor:pointer;transition:.2s} .bm-lang-button:hover{color:#dffaff;background:rgba(0,212,255,.07)} .bm-lang-button.is-active{color:#041116;background:linear-gradient(135deg,#00d4ff,#66e6ff);box-shadow:0 5px 13px rgba(0,212,255,.18)} .bm-footer-bottom{border-top:1px solid #121b20;padding:15px 20px;text-align:center;background:rgba(0,0,0,.22)} .bm-footer-legal{display:flex;justify-content:center;flex-wrap:wrap;gap:7px 16px;margin:0 0 8px}.bm-footer-legal a{color:#667984;font:600 10px/1.4 Inter,sans-serif;text-decoration:none}.bm-footer-legal a:hover{color:#7de7ff} body > .footer .bm-footer-copyright{margin:0;color:#74838b;font:500 11px/1.5 Inter,sans-serif;letter-spacing:.2px;text-transform:none} .bm-footer-copyright .bm-heart{display:inline-block;color:#ff5577;text-shadow:0 0 9px rgba(255,85,119,.45);animation:bmFooterHeart 1.7s ease-in-out infinite} .bm-live-stats{box-sizing:border-box;width:min(1180px,calc(100% - 40px));margin:50px auto 14px;padding:16px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;border:1px solid #172832;border-radius:16px;background:linear-gradient(145deg,rgba(10,18,24,.97),rgba(4,9,13,.97));box-shadow:0 18px 45px rgba(0,0,0,.28)} .bm-live-stat{display:flex;align-items:center;justify-content:center;gap:11px;min-height:66px;border:1px solid #172832;border-radius:12px;background:linear-gradient(145deg,rgba(12,22,28,.92),rgba(5,10,14,.9));box-shadow:inset 0 1px rgba(255,255,255,.025)} .bm-live-stat i{color:#00d4ff;font-size:15px}.bm-live-stat strong{display:block;color:#f3fbff;font:900 20px/1 Inter,sans-serif}.bm-live-stat span{display:block;margin-top:5px;color:#718692;font:750 8px/1 Inter,sans-serif;letter-spacing:1px;text-transform:uppercase}.bm-live-stat.is-online i{color:#28e59a}.bm-live-stat.is-today i{color:#ffd05b} .bm-admin-button{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;padding:0;border:1px solid #1d2a31;border-radius:9px;background:#080d10;color:#708995;line-height:1;text-decoration:none;cursor:pointer;transition:.2s}.bm-admin-button i{display:block;width:auto;height:auto;margin:0;line-height:1;text-align:center}.bm-admin-button:hover{border-color:#00d4ff;color:#7deaff;box-shadow:0 0 18px rgba(0,212,255,.12)} .bm-admin-panel{position:fixed;inset:0;z-index:10020;display:none;align-items:center;justify-content:center;padding:18px;background:rgba(0,4,7,.82);backdrop-filter:blur(10px)}.bm-admin-panel.is-open{display:flex}.bm-admin-card{width:min(720px,100%);max-height:88vh;overflow:auto;padding:25px;border:1px solid #27404c;border-radius:18px;background:#091119;box-shadow:0 28px 80px rgba(0,0,0,.65)}.bm-admin-head{display:flex;align-items:center;justify-content:space-between;gap:15px}.bm-admin-head h2{margin:0;color:#fff;font:850 21px Inter,sans-serif}.bm-admin-close{border:0;background:transparent;color:#8095a0;font-size:22px;cursor:pointer}.bm-admin-email{margin:8px 0 20px;color:#6e8794;font-size:11px}.bm-seo-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.bm-seo-check{padding:13px;border:1px solid #1a2b34;border-radius:10px;background:#060c11;color:#a9bac3;font:650 11px/1.45 Inter,sans-serif}.bm-seo-check i{margin-right:7px;color:#2ae39e}.bm-seo-check.is-warn i{color:#ffc852}.bm-seo-score{margin-top:16px;padding:16px;border:1px solid rgba(0,212,255,.24);border-radius:12px;background:rgba(0,212,255,.045);color:#bdeefa;font-size:12px}.bm-seo-score strong{color:#fff;font-size:22px} .bm-admin-panel{padding:0;background:#05090d}.bm-admin-card{width:100%;height:100vh;max-height:none;border:0;border-radius:0;padding:0;background:radial-gradient(circle at 75% 0,rgba(0,212,255,.055),transparent 28%),#071018}.bm-admin-shell{width:min(1400px,calc(100% - 42px));margin:0 auto;padding:25px 0 45px}.bm-admin-head{position:sticky;top:0;z-index:2;padding:16px 0;border-bottom:1px solid #172832;background:rgba(7,16,24,.94);backdrop-filter:blur(12px)}.bm-admin-title-wrap h2{font-size:25px}.bm-admin-title-wrap p{margin:7px 0 0;color:#718994;font-size:11px}.bm-admin-close{width:40px;height:40px;border:1px solid #20333d;border-radius:10px;background:#09141b}.bm-admin-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:22px 0}.bm-admin-metric{padding:20px;border:1px solid #1a303b;border-radius:14px;background:linear-gradient(145deg,#0c1821,#081119)}.bm-admin-metric small{display:block;color:#78909c;font:750 9px Inter,sans-serif;letter-spacing:1px;text-transform:uppercase}.bm-admin-metric strong{display:block;margin-top:11px;color:#fff;font:900 30px Inter,sans-serif}.bm-admin-metric i{float:right;color:#00d4ff;font-size:20px}.bm-admin-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(280px,.75fr);gap:14px}.bm-admin-section{padding:20px;border:1px solid #192c36;border-radius:15px;background:#09131b}.bm-admin-section h3{margin:0 0 15px;color:#eefaff;font:800 14px Inter,sans-serif}.bm-admin-tools{display:grid;gap:9px}.bm-admin-tool{display:flex;align-items:center;gap:11px;padding:13px;border:1px solid #1b303a;border-radius:10px;background:#060d12;color:#a9c0cb;text-decoration:none;font:700 11px Inter,sans-serif;transition:.2s}.bm-admin-tool:hover{border-color:rgba(0,212,255,.42);color:#fff;transform:translateX(2px)}.bm-admin-tool i{width:18px;color:#00d4ff;text-align:center}.bm-admin-note{margin-top:14px;padding:13px;border-left:3px solid #ffc852;border-radius:7px;background:rgba(255,200,82,.055);color:#9b9274;font-size:10px;line-height:1.6} @media(max-width:760px){.bm-admin-shell{width:calc(100% - 24px);padding-top:8px}.bm-admin-summary,.bm-admin-layout{grid-template-columns:1fr}.bm-admin-summary{gap:8px}.bm-admin-metric{padding:15px}.bm-admin-metric strong{font-size:24px}} @keyframes bmFooterHeart{0%,100%{transform:scale(1)}50%{transform:scale(1.16)}} @media(max-width:600px){ .bm-loader-brand{font-size:34px;letter-spacing:2px} .bm-footer-inner{width:calc(100% - 28px);padding:25px 0 18px;grid-template-columns:1fr;gap:22px} .bm-footer-description{max-width:none} .bm-footer-bottom{padding:14px} .bm-live-stats{width:calc(100% - 28px);grid-template-columns:1fr;margin:34px auto 12px;padding:10px}.bm-live-stat{min-height:56px}.bm-seo-grid{grid-template-columns:1fr} .movie-page::after{font-size:9px;letter-spacing:.8px} } /* ===================================================== */ /* 馃帪️ CAPTURAS DEL MEN脷 — MISMO COMPORTAMIENTO QUE HOME */ /* ===================================================== */ .movie-page .captures-grid{ position:relative !important; display:block !important; width:100% !important; max-width:800px !important; height:323px !important; margin:15px auto 0 !important; padding:0 !important; overflow:hidden !important; border-radius:15px !important; background:#1a1a1a !important; box-shadow:0 10px 30px rgba(0,0,0,.45) !important; } .movie-page .captures-grid .capture-item{ position:absolute !important; inset:0 !important; display:block !important; width:100% !important; height:100% !important; max-width:none !important; margin:0 !important; border:0 !important; border-radius:0 !important; aspect-ratio:auto !important; overflow:hidden !important; opacity:0 !important; visibility:hidden !important; pointer-events:none !important; transition:opacity .45s ease,visibility .45s ease !important; } .movie-page .captures-grid .capture-item.capture-active{ opacity:1 !important; visibility:visible !important; pointer-events:auto !important; } .movie-page .captures-grid .capture-item img, .movie-page .captures-grid .capture-item iframe{ width:100% !important; height:100% !important; object-fit:cover !important; display:block !important; margin:0 !important; transform:none !important; } .movie-page .captures-grid .capture-item:hover img{ transform:none !important; } .movie-page .captures-carousel-controls{ position:absolute; inset:0; z-index:10; pointer-events:none; } .movie-page .captures-carousel-arrow{ position:absolute; top:50%; transform:translateY(-50%); width:40px; height:40px; border:1px solid rgba(255,255,255,.3); border-radius:50%; background:rgba(128,128,128,.4); color:#fff; font-size:24px; font-weight:300; line-height:1; display:flex; align-items:center; justify-content:center; cursor:pointer; pointer-events:auto; opacity:0; transition:opacity .25s ease,background .2s ease,transform .2s ease; backdrop-filter:blur(2px); } .movie-page .captures-grid:hover + .captures-carousel-controls .captures-carousel-arrow, .movie-page .captures-carousel-controls:hover .captures-carousel-arrow{ opacity:1; } .movie-page .captures-carousel-arrow:hover{ background:rgba(128,128,128,.7); transform:translateY(-50%) scale(1.08); } .movie-page .captures-carousel-arrow.prev{left:10px} .movie-page .captures-carousel-arrow.next{right:10px} .movie-page .captures-carousel-dots{ display:flex; justify-content:center; align-items:center; gap:8px; margin:12px 0 2px; } .movie-page .captures-carousel-dots button{ width:10px; height:10px; min-width:10px; padding:0; border:0; border-radius:50%; background:#333; cursor:pointer; transition:all .3s ease; } .movie-page .captures-carousel-dots button.active{ background:#ff6b6b; transform:scale(1.2); } @media(max-width:900px){ .movie-page .captures-grid{height:300px !important} } @media(max-width:600px){ .movie-page .captures-grid{height:230px !important;border-radius:12px !important} .movie-page .captures-carousel-arrow{width:34px;height:34px;font-size:20px;opacity:1} .movie-page .captures-carousel-dots{gap:6px;margin-top:9px} .movie-page .captures-carousel-dots button{width:8px;height:8px;min-width:8px} } /* BLURAYSMANIA — Capturas del men煤: visor 煤nico estilo Home */ .post-captures-carousel{position:relative;width:100%;margin:0 auto} .post-captures-carousel .captures-grid{position:relative!important;display:block!important;width:100%!important;height:auto!important;min-height:0!important;overflow:hidden!important;padding:0!important;margin:0!important} .post-captures-carousel .captures-grid .capture-item{display:none!important;width:100%!important;height:auto!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;overflow:hidden!important} .post-captures-carousel .captures-grid .capture-item.active{display:block!important} .post-captures-carousel .captures-grid .capture-item img{display:block!important;width:100%!important;height:auto!important;max-height:none!important;object-fit:contain!important;object-position:center center!important;margin:0 auto!important;border-radius:12px!important} .post-captures-carousel .capture-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:10;width:42px;height:42px;padding:0;border:1px solid rgba(255,255,255,.45);border-radius:50%;background:rgba(0,0,0,.48);color:#fff;font-size:30px;line-height:36px;text-align:center;cursor:pointer;box-shadow:0 2px 12px rgba(0,0,0,.35)} .post-captures-carousel .capture-prev{left:12px} .post-captures-carousel .capture-next{right:12px} .post-captures-carousel .capture-nav{display:flex;justify-content:center;align-items:center;gap:7px;margin:10px 0 2px} .post-captures-carousel .capture-nav button{width:8px;height:8px;min-width:8px;padding:0;border:0;border-radius:50%;background:#66727a;opacity:.65;cursor:pointer} .post-captures-carousel .capture-nav button.active{background:#00d4ff;opacity:1;transform:scale(1.35)} .catalog-grid .movie-cover-home.is-pending{opacity:0!important} .catalog-grid .movie-cover-home.is-ready{opacity:1!important;transition:opacity .22s ease,border-color .2s ease!important} @media (max-width:600px){ .post-captures-carousel .capture-arrow{width:34px;height:34px;font-size:24px;line-height:29px} .post-captures-carousel .capture-prev{left:8px} .post-captures-carousel .capture-next{right:8px} } /* Cabecera global: id茅ntica en inicio, p谩ginas y entradas */ .header{border-bottom:0;background:rgba(7,10,14,.94);box-shadow:0 10px 32px rgba(0,0,0,.42);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px)} .header::after{content:'';position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:min(720px,72vw);height:2px;background:linear-gradient(90deg,transparent,#00d4ff 28%,#775cff 72%,transparent);box-shadow:0 0 15px rgba(0,212,255,.38)} .header-content{max-width:1200px;gap:18px} .logo{gap:10px;padding:8px 12px;border:1px solid rgba(0,212,255,.13);border-radius:11px;background:linear-gradient(135deg,rgba(0,212,255,.055),rgba(119,92,255,.025));font-size:0;text-shadow:none} .bm-logo-copy{display:flex;flex-direction:column;line-height:1} .bm-logo-name{color:#f5f8fa;font:400 26px/1 'Bebas Neue',sans-serif;letter-spacing:1.35px} .bm-logo-name span{color:#00d4ff} .bm-logo-tagline{margin-top:3px;color:#60747f;font:700 7px/1 Inter,sans-serif;letter-spacing:1.7px;text-transform:uppercase} .nav-menu{gap:5px;padding:4px;border:1px solid #18242b;border-radius:11px;background:rgba(4,8,11,.58)} .nav-link,.nav-link.series{display:flex;align-items:center;min-height:34px;padding:0 11px;border:1px solid transparent;border-radius:8px;color:#aab8c0;font-size:10px;font-weight:800;letter-spacing:.45px;background:transparent} .nav-link::after{display:none} .nav-link:hover,.nav-link.series:hover{color:#eefcff;border-color:rgba(0,212,255,.28);background:linear-gradient(180deg,rgba(0,212,255,.11),rgba(0,212,255,.035));box-shadow:0 5px 16px rgba(0,0,0,.2);transform:translateY(-1px)} .nav-link.series{color:#88e9ff} .search-box{height:38px;width:215px;padding:0 14px;border-color:#1c2b33;border-radius:9px;background:#05090c;font-size:11px} .search-box:focus{border-color:rgba(0,212,255,.6);box-shadow:0 0 0 3px rgba(0,212,255,.07),0 7px 20px rgba(0,0,0,.25)} .categorias-dropdown{top:calc(100% + 9px);left:50%;min-width:216px;padding:7px;border:1px solid #22333c;border-radius:11px;background:rgba(7,11,15,.98);transform:translate(-50%,-7px);box-shadow:0 18px 42px rgba(0,0,0,.58),0 0 0 1px rgba(0,212,255,.035);backdrop-filter:blur(16px)} .menu-item-con-categorias:hover .categorias-dropdown{transform:translate(-50%,0)} .categorias-dropdown::before{top:-6px;left:50%;transform:translateX(-50%);border-left-width:6px;border-right-width:6px;border-bottom:6px solid #22333c;filter:none} .categorias-dropdown::after{top:-5px;left:50%;transform:translateX(-50%);border-left-width:5px;border-right-width:5px;border-bottom:5px solid #080d11;opacity:1} .categorias-vertical{gap:3px} .categoria-item,.categoria-item.especial,.categoria-item.ultrahd,.categoria-item.exclusivos{display:flex;align-items:center;min-height:32px;padding:0 10px;border:1px solid transparent;border-left:0;border-radius:7px;background:transparent;color:#94a5ae;font-size:10px;font-weight:700;letter-spacing:.25px} .categoria-item::before{content:'';position:static;width:5px;height:5px;margin-right:9px;border-radius:50%;background:#3b4a52;box-shadow:none;transition:.2s} .categoria-item.especial::before{background:#00d4ff;box-shadow:0 0 7px rgba(0,212,255,.55)} .categoria-item.ultrahd::before{background:#f5c94c;box-shadow:0 0 7px rgba(245,201,76,.5)} .categoria-item:hover,.categoria-item.especial:hover,.categoria-item.ultrahd:hover,.categoria-item.exclusivos:hover{color:#eafaff;border-color:rgba(0,212,255,.17);background:linear-gradient(90deg,rgba(0,212,255,.09),rgba(0,212,255,.025));transform:translateX(2px);box-shadow:none} .categoria-item:hover::before{background:#74eaff;box-shadow:0 0 8px rgba(0,212,255,.7)} .categoria-count{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:19px;margin-left:auto;padding:0 6px;border:1px solid #263740;border-radius:6px;background:#0c1419;color:#78909b;font:800 9px/1 Inter,sans-serif;letter-spacing:0;transition:.2s} .categoria-count.is-loading{color:#43545d;animation:bmCategoryCountPulse 1.1s ease-in-out infinite} .categoria-count.is-ready{border-color:rgba(0,212,255,.2);color:#77e8ff;background:rgba(0,212,255,.055)} .categoria-item.ultrahd .categoria-count.is-ready{border-color:rgba(245,201,76,.24);color:#f5d665;background:rgba(245,201,76,.055)} .categoria-item:hover .categoria-count{border-color:rgba(0,212,255,.38);color:#c8f7ff} @keyframes bmCategoryCountPulse{0%,100%{opacity:.38}50%{opacity:1}} .categorias-separator{margin:5px 7px;background:linear-gradient(90deg,transparent,#2d414b,transparent);opacity:1} @media(max-width:900px){.header{position:relative}.header-content{justify-content:center}.nav-menu{justify-content:center}.bm-logo-tagline{display:none}} @media(max-width:768px){.categorias-dropdown{position:absolute;top:calc(100% + 9px);left:50%;right:auto;width:230px;min-width:230px;max-width:calc(100vw - 24px)}} /* Cat谩logo inteligente */ .bm-catalog-tools{display:grid;grid-template-columns:minmax(220px,1.5fr) repeat(3,minmax(135px,.65fr));gap:9px;margin:18px 0 10px;padding:12px;border:1px solid #203244;border-radius:14px;background:linear-gradient(145deg,#0e1722,#080e16);box-shadow:0 12px 30px rgba(0,0,0,.2)} .bm-tool-field{position:relative;display:flex;align-items:center}.bm-tool-field i{position:absolute;left:12px;color:#63829d;font-size:11px;pointer-events:none}.bm-tool-input,.bm-tool-select{width:100%;height:39px;padding:0 12px 0 34px;border:1px solid #283c50;border-radius:9px;background:#07101a;color:#dce8f3;font:600 11px Inter,sans-serif;outline:none}.bm-tool-input:focus,.bm-tool-select:focus{border-color:#00d4ff;box-shadow:0 0 0 3px rgba(0,212,255,.08)}.bm-tool-select{padding-right:8px}.bm-catalog-status{grid-column:1/-1;color:#637c93;font:600 10px Inter,sans-serif;padding:0 2px}.bm-card-hidden{display:none!important} .bm-search-wrap{position:relative!important}.bm-search-suggest{display:none;position:absolute;top:calc(100% + 7px);right:28px;width:min(390px,calc(100vw - 28px));max-height:360px;overflow:auto;padding:6px;border:1px solid #26394c;border-radius:11px;background:rgba(6,12,19,.98);box-shadow:0 20px 45px rgba(0,0,0,.65);z-index:100}.bm-search-suggest.is-open{display:block}.bm-suggest-link{display:block;padding:9px 10px;border-radius:7px;color:#c7d5e2;text-decoration:none;font:600 11px Inter,sans-serif}.bm-suggest-link:hover{background:#102234;color:#fff} .bm-error-page{max-width:820px;margin:55px auto;padding:42px 28px;text-align:center;border:1px solid #26394c;border-radius:20px;background:radial-gradient(circle at 50% 0,rgba(0,212,255,.09),transparent 45%),#09111a}.bm-error-code{font:900 82px/1 Inter,sans-serif;letter-spacing:-6px;color:#00d4ff;text-shadow:0 0 30px rgba(0,212,255,.2)}.bm-error-page h1{margin:12px 0 8px;color:#fff;font:800 25px Inter,sans-serif}.bm-error-page p{color:#8295a8;font-size:13px}.bm-error-search{display:flex;max-width:520px;margin:22px auto 0;padding:5px;border:1px solid #26394c;border-radius:12px;background:#050b12}.bm-error-search input{flex:1;min-width:0;padding:10px 12px;border:0;background:transparent;color:#eef7ff;outline:0}.bm-error-search button{padding:0 15px;border:0;border-radius:8px;background:#00d4ff;color:#031019;font-weight:800;cursor:pointer}.bm-error-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:9px;margin-top:16px}.bm-error-actions a{padding:11px 16px;border:1px solid #28435a;border-radius:9px;background:#0d1a27;color:#9edff0;text-decoration:none;font:800 11px Inter,sans-serif}.bm-error-actions a:first-child{border:0;background:linear-gradient(135deg,#00d4ff,#167dff);color:#031019} .premium-card-content,.bm-related,.bm-shelf{content-visibility:auto;contain-intrinsic-size:1px 520px} @media(max-width:800px){.bm-catalog-tools{grid-template-columns:1fr 1fr}.bm-tool-field:first-child{grid-column:1/-1}} @media(max-width:480px){.bm-catalog-tools{grid-template-columns:1fr}.bm-tool-field:first-child,.bm-catalog-status{grid-column:auto}.bm-error-code{font-size:62px}} /* NEXORIA · p谩ginas internas */ .nx-site-header{position:sticky;top:0;z-index:1200;border-bottom:1px solid rgba(255,255,255,.08);background:rgba(8,10,16,.88);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)} .nx-site-head{width:min(1240px,calc(100% - 36px));min-height:68px;margin:0 auto;display:flex;align-items:center;gap:16px} .nx-site-brand{display:flex;align-items:center;gap:10px;color:#fff!important;text-decoration:none!important;font:850 21px/1 Inter,Arial,sans-serif;white-space:nowrap} .nx-site-mark{width:35px;height:35px;display:grid;place-items:center;border-radius:11px;background:linear-gradient(135deg,#7c5cff,#00d9ff);box-shadow:0 9px 24px rgba(124,92,255,.28);font-weight:900} .nx-site-search{flex:1;max-width:430px;height:40px;margin:0 auto;display:flex;align-items:center;gap:8px;padding:0 12px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:rgba(255,255,255,.05);color:#9299aa} .nx-site-search input{width:100%;border:0;outline:0;background:transparent;color:#fff;font:500 12px Inter,Arial,sans-serif} .nx-site-actions{display:flex;align-items:center;gap:7px} .nx-site-publish{height:40px;padding:0 14px;border:0;border-radius:12px;background:linear-gradient(135deg,#7c5cff,#5e8dff);color:#fff;font:800 12px Inter,Arial,sans-serif;cursor:pointer} .nx-site-icon{width:40px;height:40px;display:grid;place-items:center;padding:0;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:rgba(255,255,255,.04);color:#fff;cursor:pointer} .nx-entry-layout{width:min(1240px,calc(100% - 36px));margin:0 auto;padding:44px 0 76px;display:grid;grid-template-columns:210px minmax(0,1fr);gap:26px;align-items:start} .nx-entry-sidebar{position:sticky;top:94px} .nx-entry-nav{display:flex;flex-direction:column;gap:5px} .nx-entry-nav small{padding:17px 12px 6px;color:#9299aa;font:850 9px/1 Inter,Arial,sans-serif;letter-spacing:.1em;text-transform:uppercase} .nx-entry-nav a,.nx-entry-nav button{width:100%;min-height:42px;display:flex;align-items:center;gap:11px;padding:10px 12px;border:0;border-radius:12px;background:transparent;color:#c5cad6!important;text-decoration:none!important;text-align:left;cursor:pointer;font:650 13px/1.3 Inter,Arial,sans-serif} .nx-entry-nav a:hover,.nx-entry-nav button:hover{background:rgba(124,92,255,.14);color:#fff!important} .nx-entry-main{min-width:0}.nx-entry-main .premium-entry-wrapper{max-width:none;margin:0} .nx-entry-main .bm-entry-breadcrumb{margin-bottom:18px;border:1px solid rgba(255,255,255,.07);border-radius:12px;background:linear-gradient(90deg,rgba(124,92,255,.09),rgba(0,217,255,.025))} .nx-entry-main .premium-movie-card{border-color:rgba(255,255,255,.08);background:#10141e;box-shadow:0 20px 55px rgba(0,0,0,.32)} .nx-entry-main .premium-section-title i{color:#7c5cff}.nx-entry-main .premium-synopsis{border-left-color:#7c5cff} .nx-entry-main .premium-audit{border-color:rgba(124,92,255,.28);border-left-color:#7c5cff;background:linear-gradient(135deg,rgba(124,92,255,.08),rgba(0,217,255,.04),rgba(7,11,17,.35))} .nx-entry-main .bm-related{border-color:rgba(255,255,255,.08);background:linear-gradient(145deg,#111722,#0b1018)} .nx-entry-main .bm-related-title i{background:rgba(124,92,255,.12);color:#a99cff} .nx-site-footer{width:min(1240px,calc(100% - 36px));margin:0 auto;padding:24px 0 34px;border-top:1px solid rgba(255,255,255,.08);color:#727b8d;font:500 11px/1.5 Inter,Arial,sans-serif} .nx-site-footer strong{color:#d9deea} @media(max-width:900px){.nx-entry-layout{grid-template-columns:1fr}.nx-entry-sidebar{display:none}} @media(max-width:680px){.nx-site-head{min-height:62px;gap:9px}.nx-site-brand span:last-child{display:none}.nx-site-search{max-width:none}.nx-site-publish{width:40px;padding:0;font-size:0}.nx-site-publish:after{content:'＋';font-size:18px}.nx-entry-layout{width:calc(100% - 24px);padding-top:30px}} /* NEXORIA · elementos eliminados de las entradas */ .nx-entry-main .bm-entry-breadcrumb, .nx-entry-main .premium-top-right, .nx-entry-main .premium-reaction-action, .nx-entry-main .premium-vip-callout, .nx-entry-main .vip-message, .nx-entry-main .back-link, .nx-entry-main .movie-page > .back-link{ display:none!important; } /* ========================================================= NEXORIA · THEME 脷NICO ========================================================= */ :root{ --nx-bg:#080a10; --nx-card:#111520; --nx-card2:#171c28; --nx-text:#f5f7fb; --nx-muted:#9299aa; --nx-accent:#7c5cff; --nx-cyan:#00d9ff; --nx-border:rgba(255,255,255,.08); } html,body{ background:var(--nx-bg)!important; color:var(--nx-text)!important; font-family:Inter,Arial,sans-serif!important; } main.container.bm-original-main{ width:100%!important; max-width:none!important; margin:0!important; padding:0!important; } #main{width:100%} /* Un 煤nico sistema para home, etiquetas y b煤squedas */ .nx-index-page, .nx-catalog-page{ width:min(1010px,calc(100% - 36px)); margin:0 auto; padding:44px 0 76px; } .nx-index-hero{ padding:32px; border:1px solid var(--nx-border); border-radius:24px; background: radial-gradient(circle at 82% 0,rgba(0,217,255,.09),transparent 24rem), linear-gradient(135deg,rgba(124,92,255,.2),rgba(255,255,255,.02)); box-shadow:0 18px 50px rgba(0,0,0,.3); } .nx-index-kicker{color:#b8afff;font-size:10px;font-weight:900;letter-spacing:.14em} .nx-index-hero h1{margin:9px 0 12px;color:#fff;font-size:clamp(32px,5vw,54px);line-height:1.04;letter-spacing:-1.8px} .nx-index-hero p{max-width:650px;margin:0;color:#b6becb;font-size:14px;line-height:1.7} .nx-index-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px} .nx-index-btn{min-height:40px;display:inline-flex;align-items:center;justify-content:center;padding:0 15px;border:1px solid var(--nx-border);border-radius:12px;background:rgba(255,255,255,.055);color:#fff!important;text-decoration:none!important;font-size:12px;font-weight:750} .nx-index-btn.primary{border:0;background:linear-gradient(135deg,var(--nx-accent),#5e8dff)} .nx-index-section{margin-top:28px} .nx-index-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:13px} .nx-index-section-head h2{margin:0;color:#fff;font-size:20px} .nx-index-section-head p{margin:4px 0 0;color:var(--nx-muted);font-size:11px} .nx-index-section-head a{color:var(--nx-muted)!important;text-decoration:none!important;font-size:11px} .nx-index-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px} .nx-index-card{overflow:hidden;border:1px solid var(--nx-border);border-radius:18px;background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.018));transition:.2s} .nx-index-card:hover{transform:translateY(-4px);border-color:rgba(124,92,255,.4)} .nx-index-cover{position:relative;display:block;aspect-ratio:2/3;overflow:hidden;background:linear-gradient(145deg,#1d2230,#0e111a)} .nx-index-cover img{display:block;width:100%;height:100%;object-fit:cover} .nx-index-placeholder{width:100%;height:100%;display:grid;place-items:center;color:#596172;font-size:35px} .nx-index-badge{position:absolute;top:9px;left:9px;padding:5px 7px;border:1px solid var(--nx-border);border-radius:8px;background:rgba(8,10,16,.82);color:#fff;font-size:8px;font-weight:850} .nx-index-card-body{padding:12px} .nx-index-card-title{display:block;overflow:hidden;color:#fff!important;text-decoration:none!important;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:750} .nx-index-card-meta{margin-top:4px;color:var(--nx-muted);font-size:9px} .nx-index-trending .nx-index-card:nth-child(n+5){display:none} .nx-index-topics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px} .nx-index-topic{padding:16px;border:1px solid var(--nx-border);border-radius:15px;background:var(--nx-card);transition:.2s;color:#fff!important;text-decoration:none!important} .nx-index-topic:hover{transform:translateY(-2px);border-color:rgba(124,92,255,.38)} .nx-index-topic strong{display:block;font-size:13px} .nx-index-topic span{display:block;margin-top:4px;color:var(--nx-muted);font-size:10px} .nx-catalog-head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:22px} .nx-catalog-head span{color:#9d95e7;font-size:9px;font-weight:900;letter-spacing:.13em} .nx-catalog-head h1{margin:4px 0 0;color:#fff;font-size:30px} .nx-catalog-search{width:min(330px,100%);height:40px;display:flex;align-items:center;gap:8px;padding:0 12px;border:1px solid var(--nx-border);border-radius:12px;background:rgba(255,255,255,.045);color:var(--nx-muted)} .nx-catalog-search input{width:100%;border:0;outline:0;background:transparent;color:#fff} .nx-catalog-pagination{display:flex;justify-content:center;gap:10px;margin-top:26px} .nx-catalog-pagination a{padding:10px 14px;border:1px solid var(--nx-border);border-radius:11px;background:var(--nx-card);color:#dfe4ef!important;text-decoration:none!important;font-size:11px;font-weight:700} /* La entrada conserva SOLO la forma premium, integrada en Nexoria */ .nx-entry-main .movie-page{max-width:none!important;padding:0!important} .nx-entry-main .movie-header-panel{ display:block!important; background:transparent!important; border:0!important; box-shadow:none!important; padding:0!important; margin:0!important; } .nx-entry-main .premium-movie-card{ background:#10141e!important; border:1px solid var(--nx-border)!important; border-radius:20px!important; box-shadow:0 22px 60px rgba(0,0,0,.32)!important; } .nx-entry-main .premium-section-title i{color:var(--nx-accent)!important} .nx-entry-main .premium-synopsis{border-left-color:var(--nx-accent)!important} .nx-entry-main .premium-audit{border-color:rgba(124,92,255,.25)!important;border-left-color:var(--nx-accent)!important} .nx-entry-main .premium-tag{background:rgba(124,92,255,.09)!important;border-color:rgba(124,92,255,.16)!important} .nx-entry-main .premium-cast-card:hover{border-color:rgba(124,92,255,.48)!important} .nx-entry-main .bm-entry-breadcrumb, .nx-entry-main .premium-top-right, .nx-entry-main .premium-reaction-action, .nx-entry-main .premium-vip-callout, .nx-entry-main .vip-message, .nx-entry-main .back-link{ display:none!important; } /* Los restos visuales de la fuente ya no forman parte del sitio */ .bm-home-config, .bm-live-stats, #bm-page-loader, .top-container, .bm-shelves, .bm-catalog-tools, .bm-footer-inner, .bm-footer-bottom{ display:none!important; } /* P谩ginas internas tambi茅n siguen el mismo fondo/estilo */ .static-page, .default-page, .bm-error-page{ max-width:980px!important; margin:0 auto!important; padding:44px 18px 74px!important; background:transparent!important; border:0!important; box-shadow:none!important; color:#cbd2dd!important; } .static-page h1,.bm-error-page h1{color:#fff!important} .bm-error-code{color:#8d7cff!important;text-shadow:none!important} @media(max-width:900px){ .nx-index-grid{grid-template-columns:repeat(3,minmax(0,1fr))} } @media(max-width:680px){ .nx-index-page,.nx-catalog-page{ width:calc(100% - 24px); padding-top:28px; } .nx-index-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px} .nx-index-topics{grid-template-columns:1fr} .nx-index-hero{padding:22px} .nx-catalog-head{display:block} .nx-catalog-search{margin-top:14px;width:100%} } /* ========================================================= HOME ORIGINAL NEXORIA RESTAURADO Solo afecta la portada. Todo lo dem谩s permanece V9. ========================================================= */ .nx-restored-home{ --bg:#080a10; --card:#111520; --card2:#171c28; --text:#f5f7fb; --muted:#9299aa; --accent:#7c5cff; --cyan:#00d9ff; --border:rgba(255,255,255,.08); --r:18px; --max:1240px; min-height:100vh; margin:-44px calc(50% - 50vw) -76px; background: radial-gradient(circle at 15% -10%,rgba(124,92,255,.18),transparent 30rem), radial-gradient(circle at 90% 0%,rgba(0,217,255,.08),transparent 28rem), var(--bg); color:var(--text); font:400 15px/1.55 Inter,Arial,sans-serif; } .nx-restored-home *{box-sizing:border-box} .nx-restored-home a{color:inherit;text-decoration:none} .nx-restored-home button,.nx-restored-home input{font:inherit} .nx-restored-home button{cursor:pointer} .nx-restored-home .nx-header{ position:sticky;top:0;z-index:1000; background:rgba(8,10,16,.84); backdrop-filter:blur(18px); -webkit-backdrop-filter:blur(18px); border-bottom:1px solid var(--border) } .nx-restored-home .nx-head{ max-width:var(--max); height:68px; margin:auto; padding:0 18px; display:flex; align-items:center; gap:16px } .nx-restored-home .nx-brand{display:flex;align-items:center;gap:10px;font-size:21px;font-weight:800} .nx-restored-home .nx-logo{ width:34px;height:34px;border-radius:11px; display:grid;place-items:center; background:linear-gradient(135deg,var(--accent),var(--cyan)); box-shadow:0 8px 24px rgba(124,92,255,.25) } .nx-restored-home .nx-search{ flex:1;max-width:430px;margin:auto; display:flex;gap:9px;align-items:center; background:rgba(255,255,255,.055); border:1px solid var(--border); border-radius:13px;padding:9px 12px;color:var(--muted) } .nx-restored-home .nx-search input{width:100%;border:0;outline:0;background:transparent;color:var(--text)} .nx-restored-home .nx-actions{display:flex;gap:7px} .nx-restored-home .nx-icon,.nx-restored-home .nx-avatar{ width:40px;height:40px;border:1px solid var(--border); border-radius:12px;background:rgba(255,255,255,.04);color:var(--text) } .nx-restored-home .nx-icon{display:grid;place-items:center;padding:0} .nx-restored-home .nx-avatar{border-radius:50%;font-size:12px;font-weight:800} .nx-restored-home .nx-publish-btn{ height:40px;padding:0 13px;border:0;border-radius:12px; background:linear-gradient(135deg,var(--accent),#5d79ff); color:#fff;font-weight:800;font-size:9px; box-shadow:0 10px 24px rgba(124,92,255,.2) } .nx-restored-home .nx-layout{ max-width:var(--max);margin:auto;padding:24px 18px 90px; display:grid;grid-template-columns:210px minmax(0,1fr);gap:22px } .nx-restored-home .nx-sidebar{position:sticky;top:92px;height:max-content} .nx-restored-home .nx-nav{display:flex;flex-direction:column;gap:5px} .nx-restored-home .nx-nav a, .nx-restored-home .nx-nav button{ width:100%;padding:10px 12px;border:0;border-radius:12px; color:#c5cad6;display:flex;gap:11px;align-items:center; background:transparent;text-align:left } .nx-restored-home .nx-nav a:hover, .nx-restored-home .nx-nav button:hover, .nx-restored-home .nx-nav .active{background:rgba(124,92,255,.14);color:#fff} .nx-restored-home .nx-nav small{ color:var(--muted);padding:18px 12px 7px;text-transform:uppercase;letter-spacing:.09em } .nx-restored-home .nx-home-main{min-width:0} .nx-restored-home .nx-hero{ border:1px solid var(--border);border-radius:24px;padding:30px; background:linear-gradient(135deg,rgba(124,92,255,.19),rgba(0,217,255,.055) 55%,rgba(255,255,255,.025)); box-shadow:0 14px 40px rgba(0,0,0,.28) } .nx-restored-home .nx-eyebrow{color:#b8afff;font-size:12px;font-weight:800;letter-spacing:.12em} .nx-restored-home .nx-hero h1{font-size:clamp(30px,5vw,52px);line-height:1.05;margin:9px 0 12px;letter-spacing:-1.7px} .nx-restored-home .nx-hero p{max-width:650px;color:#b8becb;margin:0} .nx-restored-home .nx-actions2{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px} .nx-restored-home .nx-btn{ border:1px solid var(--border);border-radius:12px;padding:10px 15px; color:#fff;background:rgba(255,255,255,.055);font-weight:700 } .nx-restored-home .nx-btn.primary{border:0;background:linear-gradient(135deg,var(--accent),#5e8dff)} .nx-restored-home .nx-section{margin-top:27px} .nx-restored-home .nx-section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:13px} .nx-restored-home .nx-section h2{font-size:20px;margin:0} .nx-restored-home .nx-section-head span{font-size:13px;color:var(--muted)} .nx-restored-home .nx-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px} .nx-restored-home .nx-card{ background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.018)); border:1px solid var(--border);border-radius:var(--r);overflow:hidden;transition:.2s } .nx-restored-home .nx-card:hover{transform:translateY(-3px);border-color:rgba(124,92,255,.35)} .nx-restored-home .nx-cover{ aspect-ratio:2/3;background:linear-gradient(145deg,#1d2230,#0e111a); display:grid;place-items:center;position:relative;color:#606879;overflow:hidden } .nx-restored-home .nx-cover img{width:100%;height:100%;object-fit:cover;display:block} .nx-restored-home .nx-cover .ph{font-size:34px} .nx-restored-home .nx-badge{ position:absolute;top:9px;left:9px;background:rgba(8,10,16,.78); border:1px solid var(--border);padding:4px 7px;border-radius:8px;font-size:10px;font-weight:800 } .nx-restored-home .nx-body{padding:12px} .nx-restored-home .nx-title{display:block;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .nx-restored-home .nx-meta{font-size:12px;color:var(--muted);margin-top:4px} .nx-restored-home .nx-restored-trending .nx-card:nth-child(n+5){display:none} .nx-restored-home .nx-topics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px} .nx-restored-home .nx-topic{ display:block;padding:16px;border:1px solid var(--border);border-radius:15px; background:var(--card);transition:.2s } .nx-restored-home .nx-topic:hover{transform:translateY(-2px);border-color:rgba(124,92,255,.35)} .nx-restored-home .nx-topic strong{display:block;font-size:13px} .nx-restored-home .nx-topic span{display:block;margin-top:4px;color:var(--muted);font-size:10px} .nx-restored-home .nx-footer{ max-width:var(--max);margin:auto;padding:0 18px 30px;color:var(--muted);font-size:12px } .nx-restored-home .nx-mobile{ display:none;position:fixed;bottom:0;left:0;right:0;z-index:1100; background:rgba(8,10,16,.95);backdrop-filter:blur(18px); border-top:1px solid var(--border);padding:8px;grid-template-columns:repeat(5,1fr) } .nx-restored-home .nx-mobile a,.nx-restored-home .nx-mobile button{ border:0;background:transparent;display:grid;place-items:center;gap:2px;font-size:10px;color:var(--muted) } .nx-restored-home .nx-mobile b{font-size:18px} .nx-restored-home .nx-mobile .active{color:#fff} @media(max-width:900px){ .nx-restored-home .nx-layout{grid-template-columns:1fr} .nx-restored-home .nx-sidebar{display:none} .nx-restored-home .nx-grid{grid-template-columns:repeat(3,minmax(0,1fr))} } @media(max-width:680px){ .nx-restored-home .nx-head{height:60px;padding:0 12px} .nx-restored-home .nx-brand span:last-child{display:none} .nx-restored-home .nx-layout{padding:14px 12px 90px} .nx-restored-home .nx-hero{padding:22px 18px} .nx-restored-home .nx-hero h1{font-size:32px} .nx-restored-home .nx-grid{grid-template-columns:repeat(2,1fr);gap:10px} .nx-restored-home .nx-topics{grid-template-columns:1fr} .nx-restored-home .nx-mobile{display:grid} } /* ========================================================= POST INTEGRADO AL MISMO LAYOUT DEL HOME NEXORIA ========================================================= */ .nx-post-shell{ max-width:1240px; margin:0 auto; padding:24px 18px 90px; display:grid; grid-template-columns:210px minmax(0,1fr); gap:22px; align-items:start; } .nx-post-shell .nx-sidebar{ position:sticky; top:92px; height:max-content; } .nx-post-shell .nx-nav{ display:flex; flex-direction:column; gap:5px; } .nx-post-shell .nx-nav a, .nx-post-shell .nx-nav button{ width:100%; padding:10px 12px; border:0; border-radius:12px; color:#c5cad6; display:flex; gap:11px; align-items:center; background:transparent; text-align:left; text-decoration:none; cursor:pointer; font:inherit; } .nx-post-shell .nx-nav a:hover, .nx-post-shell .nx-nav button:hover{ background:rgba(124,92,255,.14); color:#fff; } .nx-post-shell .nx-nav small{ color:#9299aa; padding:18px 12px 7px; text-transform:uppercase; letter-spacing:.09em; } .nx-post-main{ min-width:0; width:100%; } .nx-post-main .premium-entry-wrapper{ width:100%; max-width:none; margin:0; padding:0; } .nx-post-main .movie-page{ width:100%; max-width:none!important; margin:0!important; padding:0!important; } .nx-post-main .movie-header-panel, .nx-post-main .movie-header-panel.home-cover-source{ width:100%!important; max-width:none!important; margin:0!important; } .nx-post-main .premium-movie-card{ width:100%!important; max-width:none!important; margin:0 0 24px!important; } .nx-post-main .bm-related{ width:100%; max-width:none; margin:22px 0 8px; } @media(max-width:900px){ .nx-post-shell{ grid-template-columns:1fr; } .nx-post-shell .nx-sidebar{ display:none; } } @media(max-width:680px){ .nx-post-shell{ padding:14px 12px 90px; } } /* ========================================================= ENTRADA = MISMO FRAME EXACTO DEL HOME ========================================================= */ .nx-restored-home.nx-item-view{ margin:0 calc(50% - 50vw) 0!important; } .nx-item-view .nx-layout{ max-width:1240px; margin:0 auto; padding:24px 18px 90px; display:grid; grid-template-columns:210px minmax(0,1fr); gap:22px; align-items:start; } .nx-item-view .nx-sidebar{ position:sticky; top:92px; height:max-content; } .nx-item-view .nx-item-main{ min-width:0; width:100%; } .nx-item-view .premium-entry-wrapper{ width:100%; max-width:none; margin:0; padding:0; } .nx-item-view .movie-page{ width:100%; max-width:none!important; margin:0!important; padding:0!important; } .nx-item-view .movie-header-panel, .nx-item-view .movie-header-panel.home-cover-source{ width:100%!important; max-width:none!important; margin:0!important; } .nx-item-view .premium-movie-card{ width:100%!important; max-width:none!important; margin:0 0 24px!important; } .nx-item-view .bm-related{ width:100%; max-width:none; margin:22px 0 8px; } /* Anula el layout paralelo usado en V12 para que no pueda mover el men煤 */ .nx-post-shell, .nx-post-sidebar, .nx-post-nav, .nx-post-main{ all:unset; } @media(max-width:900px){ .nx-item-view .nx-layout{ grid-template-columns:1fr; } .nx-item-view .nx-sidebar{ display:none; } } @media(max-width:680px){ .nx-item-view .nx-layout{ padding:14px 12px 90px; } } /* ========================================================= NEXORIA · SIDEBAR + CUERPO INTEGRADOS Mismo sistema visual en Home y Post ========================================================= */ .nx-restored-home .nx-layout{ position:relative; } /* Panel lateral */ .nx-restored-home .nx-sidebar{ background: linear-gradient(180deg,rgba(23,28,40,.96),rgba(13,17,25,.96)); border:1px solid rgba(255,255,255,.08); border-radius:20px; padding:10px; box-shadow: 0 18px 46px rgba(0,0,0,.24), inset 0 1px rgba(255,255,255,.025); } /* El men煤 mantiene su posici贸n y ancho, solo gana superficie visual */ .nx-restored-home .nx-nav{ min-width:0; } /* Cabeceras del men煤 algo m谩s integradas */ .nx-restored-home .nx-nav small{ padding-left:10px; padding-right:10px; color:#858ea0; } /* Elementos del men煤 sobre el mismo panel */ .nx-restored-home .nx-nav a, .nx-restored-home .nx-nav button{ border:1px solid transparent; } .nx-restored-home .nx-nav a:hover, .nx-restored-home .nx-nav button:hover, .nx-restored-home .nx-nav .active{ border-color:rgba(124,92,255,.16); background: linear-gradient(135deg,rgba(124,92,255,.18),rgba(0,217,255,.045)); } /* Panel principal: Home y Post comparten exactamente esta superficie */ .nx-restored-home .nx-home-main{ min-width:0; background: radial-gradient(circle at 95% 0,rgba(124,92,255,.055),transparent 24rem), linear-gradient(180deg,rgba(17,21,32,.92),rgba(12,16,24,.92)); border:1px solid rgba(255,255,255,.08); border-radius:24px; padding:18px; box-shadow: 0 20px 55px rgba(0,0,0,.25), inset 0 1px rgba(255,255,255,.02); } /* En la entrada el contenido premium forma parte del mismo cuerpo */ .nx-item-view .premium-entry-wrapper{ background:transparent!important; border:0!important; box-shadow:none!important; } .nx-item-view .premium-movie-card{ border-color:rgba(255,255,255,.075)!important; box-shadow:0 16px 38px rgba(0,0,0,.22)!important; } /* Relacionados dentro de la misma superficie */ .nx-item-view .bm-related{ border-color:rgba(255,255,255,.07)!important; box-shadow:none!important; } /* Mantener proporciones en tablet/m贸vil */ @media(max-width:900px){ .nx-restored-home .nx-home-main{ padding:16px; } } @media(max-width:680px){ .nx-restored-home .nx-home-main{ padding:12px; border-radius:18px; } } /* NEXORIA · m贸dulo VIP eliminado de las entradas */ .nx-item-view .premium-vip-callout, .nx-item-view .vip-message{ display:none!important; } /* NEXORIA · eliminar enlace antiguo Volver al cat谩logo */ .nx-item-view .back-link, .nx-item-view a.back-link{ display:none!important; } /* ========================================================= NEXORIA · BARRA DE FOOTER CON LOGO ========================================================= */ .nx-footer-bar{ width:100%!important; max-width:none!important; margin:0!important; padding:0!important; border-top:1px solid rgba(255,255,255,.08)!important; background:rgba(8,10,16,.88)!important; backdrop-filter:blur(18px); -webkit-backdrop-filter:blur(18px); box-shadow:0 -10px 32px rgba(0,0,0,.18); } .nx-footer-innerbar{ width:min(1240px,calc(100% - 36px)); min-height:68px; margin:0 auto; display:flex; align-items:center; justify-content:space-between; gap:18px; } .nx-footer-brand{ display:flex; align-items:center; gap:10px; color:#fff!important; text-decoration:none!important; font:800 21px/1 Inter,Arial,sans-serif; white-space:nowrap; } .nx-footer-logo{ width:34px; height:34px; display:grid; place-items:center; border-radius:11px; background:linear-gradient(135deg,#7c5cff,#00d9ff); box-shadow:0 8px 24px rgba(124,92,255,.25); color:#fff; font-weight:900; } .nx-footer-name{ color:#fff; } .nx-footer-copy{ color:#9299aa; font:500 11px/1.5 Inter,Arial,sans-serif; text-align:right; } @media(max-width:680px){ .nx-footer-innerbar{ min-height:62px; width:calc(100% - 24px); } .nx-footer-name{ display:none; } .nx-footer-copy{ font-size:10px; } } /* ========================================================= NEXORIA · HERO MODERNO ========================================================= */ .nx-restored-home .nx-hero-modern{ position:relative; overflow:hidden; display:grid; grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr); gap:28px; align-items:center; min-height:330px; padding:38px 40px; border:1px solid rgba(255,255,255,.085); border-radius:28px; background: radial-gradient(circle at 16% 10%,rgba(124,92,255,.18),transparent 28rem), radial-gradient(circle at 88% 16%,rgba(0,217,255,.09),transparent 23rem), linear-gradient(145deg,rgba(20,24,36,.97),rgba(10,13,20,.98)); box-shadow: 0 24px 70px rgba(0,0,0,.34), inset 0 1px rgba(255,255,255,.025); } .nx-restored-home .nx-hero-modern:before{ content:''; position:absolute; inset:0; pointer-events:none; background: linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px), linear-gradient(rgba(255,255,255,.014) 1px,transparent 1px); background-size:38px 38px; mask-image:linear-gradient(to right,#000,transparent 76%); opacity:.4; } .nx-restored-home .nx-hero-content{ position:relative; z-index:2; min-width:0; } .nx-restored-home .nx-hero-badge{ width:max-content; display:inline-flex; align-items:center; gap:8px; min-height:30px; padding:0 11px; border:1px solid rgba(124,92,255,.25); border-radius:999px; background:rgba(124,92,255,.08); color:#c9c3ff; font-size:10px; font-weight:900; letter-spacing:.14em; } .nx-restored-home .nx-hero-dot{ width:7px; height:7px; border-radius:50%; background:#00d9ff; box-shadow:0 0 0 4px rgba(0,217,255,.09),0 0 14px rgba(0,217,255,.6); } .nx-restored-home .nx-hero-modern h1{ max-width:720px; margin:17px 0 14px; color:#fff; font-size:clamp(38px,5.6vw,64px); line-height:.98; letter-spacing:-2.6px; font-weight:850; } .nx-restored-home .nx-hero-modern h1 span{ background:linear-gradient(90deg,#a99dff 0%,#79b7ff 48%,#5ee7f7 100%); -webkit-background-clip:text; background-clip:text; color:transparent; } .nx-restored-home .nx-hero-modern p{ max-width:650px; margin:0; color:#aeb6c5; font-size:14px; line-height:1.75; } .nx-restored-home .nx-hero-actions{ margin-top:24px; gap:10px; } .nx-restored-home .nx-hero-actions .nx-btn{ min-height:44px; display:inline-flex; align-items:center; justify-content:center; gap:9px; padding:0 16px; border-radius:13px; transition:transform .18s ease,border-color .18s ease,background .18s ease; } .nx-restored-home .nx-hero-actions .nx-btn:hover{ transform:translateY(-2px); } .nx-restored-home .nx-hero-actions .nx-btn.primary{ box-shadow:0 12px 28px rgba(124,92,255,.24); } .nx-restored-home .nx-hero-tags{ display:flex; flex-wrap:wrap; gap:8px; margin-top:18px; } .nx-restored-home .nx-hero-tags span{ padding:6px 9px; border:1px solid rgba(255,255,255,.065); border-radius:999px; background:rgba(255,255,255,.035); color:#7f8999; font-size:9px; font-weight:700; letter-spacing:.02em; } .nx-restored-home .nx-hero-visual{ position:relative; z-index:1; min-height:250px; display:grid; place-items:center; } .nx-restored-home .nx-hero-orb{ position:absolute; border-radius:50%; filter:blur(6px); pointer-events:none; } .nx-restored-home .nx-orb-one{ width:180px; height:180px; right:22px; top:4px; background:radial-gradient(circle,rgba(124,92,255,.22),rgba(124,92,255,0) 70%); } .nx-restored-home .nx-orb-two{ width:160px; height:160px; left:8px; bottom:-14px; background:radial-gradient(circle,rgba(0,217,255,.14),rgba(0,217,255,0) 72%); } .nx-restored-home .nx-hero-preview{ position:relative; width:min(330px,100%); padding:20px; border:1px solid rgba(255,255,255,.095); border-radius:22px; background:linear-gradient(180deg,rgba(23,28,40,.9),rgba(13,17,25,.92)); box-shadow: 0 28px 65px rgba(0,0,0,.32), inset 0 1px rgba(255,255,255,.025); transform:rotate(1.6deg); } .nx-restored-home .nx-preview-top{ display:flex; align-items:center; gap:11px; } .nx-restored-home .nx-preview-logo{ width:40px; height:40px; display:grid; place-items:center; border-radius:13px; background:linear-gradient(135deg,#7c5cff,#00d9ff); color:#fff; font-size:15px; font-weight:900; box-shadow:0 10px 24px rgba(124,92,255,.22); } .nx-restored-home .nx-preview-top strong{ display:block; color:#fff; font-size:13px; } .nx-restored-home .nx-preview-top small{ display:block; margin-top:2px; color:#707b8d; font-size:8px; letter-spacing:.04em; } .nx-restored-home .nx-preview-grid{ display:grid; grid-template-columns:1fr; gap:8px; margin-top:18px; } .nx-restored-home .nx-preview-grid span{ display:flex; align-items:center; gap:9px; padding:9px 10px; border:1px solid rgba(255,255,255,.055); border-radius:11px; background:rgba(255,255,255,.026); color:#b9c0cc; font-size:10px; font-weight:700; } .nx-restored-home .nx-preview-grid b{ font-size:13px; } .nx-restored-home .nx-preview-line{ width:100%; height:6px; margin-top:16px; border-radius:999px; background:linear-gradient(90deg,rgba(124,92,255,.55),rgba(0,217,255,.22)); } .nx-restored-home .nx-preview-line.short{ width:62%; margin-top:8px; opacity:.5; } @media(max-width:900px){ .nx-restored-home .nx-hero-modern{ grid-template-columns:1fr; min-height:0; } .nx-restored-home .nx-hero-visual{ min-height:210px; } .nx-restored-home .nx-hero-preview{ width:min(420px,100%); transform:none; } } @media(max-width:680px){ .nx-restored-home .nx-hero-modern{ padding:24px 20px; border-radius:20px; gap:20px; } .nx-restored-home .nx-hero-modern h1{ font-size:38px; letter-spacing:-1.8px; } .nx-restored-home .nx-hero-visual{ display:none; } .nx-restored-home .nx-hero-actions .nx-btn{ flex:1 1 100%; } } /* ========================================================= NEXORIA · HOME COMPLETO / PERFIL / IDIOMA / NOTIFICACIONES ========================================================= */ .nx-lang{position:relative} .nx-lang-menu{ display:none; position:absolute; right:0; top:48px; width:170px; z-index:1600; padding:6px; border:1px solid rgba(255,255,255,.09); border-radius:14px; background:#121621; box-shadow:0 18px 50px rgba(0,0,0,.38) } .nx-lang.open .nx-lang-menu{display:block} .nx-lang-menu button{ width:100%; display:block; border:0; border-radius:9px; padding:9px 10px; background:transparent; color:#d9dce5; text-align:left; cursor:pointer } .nx-lang-menu button:hover{background:rgba(255,255,255,.07)} .nx-site-lang .nx-lang-menu{top:46px} .nx-notify-button{position:relative} .nx-notify-dot{ position:absolute; right:7px; top:7px; width:7px; height:7px; border-radius:50%; background:#ff6d8f; box-shadow:0 0 0 3px rgba(255,109,143,.12) } .nx-notify-panel{ position:fixed; z-index:2800; right:18px; top:78px; width:min(380px,calc(100vw - 24px)); display:none; overflow:hidden; border:1px solid rgba(255,255,255,.09); border-radius:18px; background:#10151f; box-shadow:0 28px 80px rgba(0,0,0,.45) } .nx-notify-panel.open{display:block} .nx-notify-head{ min-height:62px; display:flex; align-items:center; justify-content:space-between; gap:12px; padding:12px 14px; border-bottom:1px solid rgba(255,255,255,.07) } .nx-notify-head strong{display:block;color:#fff;font-size:13px} .nx-notify-head span{display:block;margin-top:2px;color:#798395;font-size:9px} .nx-notify-head button{ width:34px;height:34px;border:1px solid rgba(255,255,255,.08); border-radius:10px;background:rgba(255,255,255,.035);color:#fff } .nx-notify-list{max-height:420px;overflow:auto;padding:8px} .nx-notify-item{ display:block;padding:11px;border-radius:12px;color:#d8dee8; background:rgba(255,255,255,.028);margin-bottom:6px } .nx-notify-item strong{display:block;font-size:11px} .nx-notify-item span{display:block;margin-top:3px;color:#7f8998;font-size:9px} .nx-notify-empty{padding:22px 14px;text-align:center;color:#778191;font-size:10px} .nx-profile-overlay{ position:fixed; inset:0; z-index:3000; display:none; overflow:auto; padding:20px; background:rgba(3,5,9,.76); backdrop-filter:blur(14px); -webkit-backdrop-filter:blur(14px) } .nx-profile-overlay.open{display:block} .nx-profile-shell{ width:min(980px,100%); margin:24px auto; overflow:hidden; border:1px solid rgba(255,255,255,.09); border-radius:24px; background:#0e131d; box-shadow:0 34px 100px rgba(0,0,0,.52) } .nx-profile-cover{ height:150px; position:relative; background: radial-gradient(circle at 20% 20%,rgba(124,92,255,.45),transparent 22rem), radial-gradient(circle at 82% 30%,rgba(0,217,255,.18),transparent 18rem), linear-gradient(135deg,#171d2a,#0b1018) } .nx-profile-close{ position:absolute;right:14px;top:14px;width:38px;height:38px; border:1px solid rgba(255,255,255,.1);border-radius:12px; background:rgba(8,10,16,.58);color:#fff } .nx-profile-head{ display:flex;align-items:center;gap:18px;padding:0 24px 20px } .nx-profile-photo{ width:108px;height:108px;margin-top:-54px;display:grid;place-items:center; flex:0 0 auto;border:5px solid #0e131d;border-radius:26px; background:linear-gradient(135deg,#7c5cff,#00d9ff); color:#fff;font-size:28px;font-weight:900; box-shadow:0 18px 44px rgba(0,0,0,.3) } .nx-profile-main{min-width:0;flex:1} .nx-profile-main h2{margin:0;color:#fff;font-size:25px} .nx-profile-main p{margin:3px 0 0;color:#8f98a8;font-size:11px} .nx-profile-level{max-width:420px;margin-top:13px} .nx-profile-level-row{display:flex;justify-content:space-between;gap:10px;color:#909aab;font-size:9px} .nx-profile-progress{height:6px;margin-top:7px;border-radius:999px;background:#1a2030;overflow:hidden} .nx-profile-progress span{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#7c5cff,#00d9ff)} .nx-profile-head-actions{display:flex;gap:8px} .nx-profile-stats{ display:grid;grid-template-columns:repeat(4,1fr); border-top:1px solid rgba(255,255,255,.065); border-bottom:1px solid rgba(255,255,255,.065); background:rgba(255,255,255,.018) } .nx-stat{padding:16px;text-align:center;border-right:1px solid rgba(255,255,255,.055)} .nx-stat:last-child{border-right:0} .nx-stat strong{display:block;color:#fff;font-size:19px} .nx-stat span{display:block;margin-top:3px;color:#7d8798;font-size:9px} .nx-profile-tabs{display:flex;gap:5px;padding:14px 18px 0;overflow:auto} .nx-profile-tab{ flex:0 0 auto;border:0;border-radius:10px 10px 0 0;padding:10px 12px; background:transparent;color:#8e97a7;font-size:10px;font-weight:750 } .nx-profile-tab.active{background:#171d29;color:#fff} .nx-profile-content{padding:18px;background:#171d29} .nx-profile-panel{display:none} .nx-profile-panel.active{display:block} .nx-profile-list{display:grid;gap:8px} .nx-profile-item{ display:flex;align-items:center;justify-content:space-between;gap:12px; padding:12px;border:1px solid rgba(255,255,255,.06); border-radius:12px;background:rgba(255,255,255,.025) } .nx-profile-item a,.nx-profile-item strong{color:#eef2f8;font-size:11px;text-decoration:none} .nx-profile-item span{color:#7f8999;font-size:9px;text-align:right} .nx-profile-empty{padding:24px;text-align:center;color:#758091;font-size:10px} .nx-profile-form{display:grid;grid-template-columns:1fr 1fr;gap:12px} .nx-profile-field{display:grid;gap:6px} .nx-profile-field.full{grid-column:1/-1} .nx-profile-field label{color:#9ca5b4;font-size:9px;font-weight:750} .nx-profile-field input,.nx-profile-field textarea{ width:100%;border:1px solid rgba(255,255,255,.08); border-radius:11px;background:#0d121b;color:#fff;padding:11px;outline:0 } .nx-profile-field textarea{min-height:100px;resize:vertical} .nx-toast{ position:fixed;z-index:4000;right:18px;bottom:20px; max-width:min(420px,calc(100vw - 36px)); padding:12px 15px;border:1px solid rgba(255,255,255,.09); border-radius:14px;background:#171c28;color:#fff; box-shadow:0 18px 50px rgba(0,0,0,.38); transform:translateY(130px);opacity:0;pointer-events:none;transition:.24s } .nx-toast.show{transform:none;opacity:1} .nx-card-labels{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:8px} .nx-card-label{ max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; padding:4px 6px;border:1px solid rgba(124,92,255,.14); border-radius:999px;background:rgba(124,92,255,.065); color:#9f97dc;font-size:7px;font-weight:800 } .nx-meta-rich{display:flex;align-items:center;gap:5px;flex-wrap:wrap} .nx-meta-rich b{color:#aab1bd;font-weight:700} .nx-meta-sep{opacity:.45} .nx-card-actions{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:10px} .nx-save-button,.nx-open-button{ min-height:30px;display:inline-flex;align-items:center;justify-content:center; border:1px solid rgba(255,255,255,.07);border-radius:9px; padding:0 9px;background:rgba(255,255,255,.025); color:#9ca5b4!important;font-size:8px;font-weight:800;text-decoration:none!important } .nx-save-button{cursor:pointer} .nx-save-button.saved{border-color:rgba(124,92,255,.3);background:rgba(124,92,255,.12);color:#d8d3ff!important} .nx-open-button:hover,.nx-save-button:hover{border-color:rgba(124,92,255,.25);color:#fff!important} .nx-restored-home .nx-summary{min-height:49px} @media(max-width:680px){ .nx-profile-overlay{padding:8px} .nx-profile-shell{margin:8px auto} .nx-profile-cover{height:115px} .nx-profile-head{align-items:flex-start;flex-wrap:wrap;padding:0 14px 16px} .nx-profile-photo{width:82px;height:82px;margin-top:-41px;border-radius:20px} .nx-profile-head-actions{width:100%} .nx-profile-stats{grid-template-columns:repeat(2,1fr)} .nx-stat:nth-child(2){border-right:0} .nx-profile-form{grid-template-columns:1fr} .nx-profile-field.full{grid-column:auto} .nx-actions .nx-lang{display:none} } /* ========================================================= NEXORIA · LAYOUT UNIFICADO Sidebar y cuerpo forman una sola superficie ========================================================= */ /* Un solo contenedor visual para ambas columnas */ .nx-restored-home .nx-layout, .nx-item-view .nx-layout{ max-width:1240px!important; margin:24px auto 90px!important; padding:0!important; display:grid!important; grid-template-columns:220px minmax(0,1fr)!important; gap:0!important; align-items:stretch!important; position:relative!important; border:1px solid rgba(255,255,255,.075)!important; border-radius:24px!important; background: radial-gradient(circle at 88% 0,rgba(124,92,255,.035),transparent 28rem), linear-gradient(180deg,#111620 0%,#0d121b 100%)!important; box-shadow: 0 24px 64px rgba(0,0,0,.28), inset 0 1px rgba(255,255,255,.018)!important; } /* Sidebar: ya no es una tarjeta independiente */ .nx-restored-home .nx-sidebar, .nx-item-view .nx-sidebar{ position:sticky!important; top:92px!important; align-self:start!important; height:max-content!important; margin:0!important; padding:18px 12px 20px!important; border:0!important; border-radius:0!important; background:transparent!important; box-shadow:none!important; } /* Separador limpio entre men煤 y contenido */ .nx-restored-home .nx-sidebar:after, .nx-item-view .nx-sidebar:after{ content:''; position:absolute; top:18px; right:-1px; bottom:18px; width:1px; background:linear-gradient( 180deg, transparent, rgba(255,255,255,.075) 8%, rgba(255,255,255,.075) 92%, transparent ); pointer-events:none; } /* Cuerpo: misma superficie que el sidebar */ .nx-restored-home .nx-home-main, .nx-item-view .nx-item-main{ min-width:0!important; width:100%!important; margin:0!important; padding:18px!important; border:0!important; border-radius:0!important; background:transparent!important; box-shadow:none!important; } /* Men煤 en la misma frecuencia visual que el cuerpo */ .nx-restored-home .nx-nav, .nx-item-view .nx-nav{ gap:4px!important; } .nx-restored-home .nx-nav small, .nx-item-view .nx-nav small{ padding:17px 10px 7px!important; color:#788294!important; font-size:9px!important; font-weight:800!important; letter-spacing:.11em!important; } .nx-restored-home .nx-nav a, .nx-restored-home .nx-nav button, .nx-item-view .nx-nav a, .nx-item-view .nx-nav button{ min-height:38px!important; padding:9px 10px!important; border:1px solid transparent!important; border-radius:10px!important; background:transparent!important; color:#aeb6c4!important; box-shadow:none!important; } .nx-restored-home .nx-nav a:hover, .nx-restored-home .nx-nav button:hover, .nx-restored-home .nx-nav .active, .nx-item-view .nx-nav a:hover, .nx-item-view .nx-nav button:hover, .nx-item-view .nx-nav .active{ color:#fff!important; border-color:rgba(124,92,255,.14)!important; background:linear-gradient( 135deg, rgba(124,92,255,.13), rgba(0,217,255,.025) )!important; } /* El post deja de parecer una tarjeta dentro de otra tarjeta */ .nx-item-view .premium-entry-wrapper{ background:transparent!important; border:0!important; box-shadow:none!important; margin:0!important; padding:0!important; } .nx-item-view .movie-page{ margin:0!important; padding:0!important; background:transparent!important; } /* El Home tambi茅n arranca alineado con el men煤 */ .nx-restored-home .nx-hero-modern{ margin-top:0!important; } /* Responsive */ @media(max-width:900px){ .nx-restored-home .nx-layout, .nx-item-view .nx-layout{ width:calc(100% - 24px)!important; margin:14px auto 76px!important; grid-template-columns:1fr!important; border-radius:20px!important; } .nx-restored-home .nx-sidebar, .nx-item-view .nx-sidebar{ display:none!important; } .nx-restored-home .nx-home-main, .nx-item-view .nx-item-main{ padding:14px!important; } } @media(max-width:680px){ .nx-restored-home .nx-layout, .nx-item-view .nx-layout{ width:calc(100% - 16px)!important; margin:8px auto 72px!important; border-radius:17px!important; } .nx-restored-home .nx-home-main, .nx-item-view .nx-item-main{ padding:10px!important; } } /* ========================================================= NEXORIA · CONTEXTO DE ENTRADA Categor铆a + fecha de publicaci贸n ========================================================= */ .nx-item-view .nx-entry-context{ display:flex; align-items:flex-end; justify-content:space-between; gap:18px; margin:0 0 16px; padding:14px 16px; border:1px solid rgba(255,255,255,.07); border-radius:16px; background: linear-gradient(135deg,rgba(124,92,255,.055),rgba(0,217,255,.018)), rgba(255,255,255,.018); } .nx-item-view .nx-entry-context-group{ min-width:0; } .nx-item-view .nx-entry-context-label{ display:block; margin-bottom:7px; color:#6f7a8c; font-size:8px; font-weight:900; letter-spacing:.13em; } .nx-item-view .nx-entry-categories{ display:flex; flex-wrap:wrap; gap:6px; } .nx-item-view .nx-entry-category{ display:inline-flex; align-items:center; min-height:28px; padding:0 9px; border:1px solid rgba(124,92,255,.18); border-radius:999px; background:rgba(124,92,255,.08); color:#c3bcff!important; font-size:9px; font-weight:800; text-decoration:none!important; transition:.18s ease; } .nx-item-view .nx-entry-category:hover{ border-color:rgba(124,92,255,.38); background:rgba(124,92,255,.14); color:#fff!important; } .nx-item-view .nx-entry-category.is-muted{ color:#7b8493!important; border-color:rgba(255,255,255,.07); background:rgba(255,255,255,.025); } .nx-item-view .nx-entry-date-group{ flex:0 0 auto; text-align:right; } .nx-item-view .nx-entry-date{ min-height:28px; display:inline-flex; align-items:center; gap:7px; padding:0 10px; border:1px solid rgba(255,255,255,.07); border-radius:999px; background:rgba(255,255,255,.025); color:#a5aebd; font-size:9px; font-weight:700; white-space:nowrap; } .nx-item-view .nx-entry-date-icon{ color:#7c5cff; font-size:12px; } @media(max-width:680px){ .nx-item-view .nx-entry-context{ align-items:flex-start; flex-direction:column; gap:12px; padding:12px; } .nx-item-view .nx-entry-date-group{ text-align:left; } } /* ========================================================= NEXORIA · META DE ENTRADA EN UNA SOLA L脥NEA ========================================================= */ .nx-item-view .nx-entry-context-inline{ display:flex!important; align-items:center!important; justify-content:flex-start!important; gap:9px!important; flex-wrap:nowrap!important; overflow-x:auto!important; overflow-y:hidden!important; white-space:nowrap!important; padding:10px 12px!important; margin:0 0 14px!important; scrollbar-width:none; } .nx-item-view .nx-entry-context-inline::-webkit-scrollbar{ display:none; } .nx-item-view .nx-entry-context-inline .nx-entry-categories{ display:flex!important; align-items:center!important; flex-wrap:nowrap!important; gap:6px!important; min-width:max-content!important; } .nx-item-view .nx-entry-context-label.inline{ display:inline-flex!important; align-items:center!important; margin:0!important; color:#6f7a8c!important; font-size:8px!important; font-weight:900!important; letter-spacing:.08em!important; text-transform:uppercase!important; } .nx-item-view .nx-entry-context-separator{ flex:0 0 auto; color:#4d5665; font-size:10px; } .nx-item-view .nx-entry-date{ flex:0 0 auto!important; display:inline-flex!important; align-items:center!important; gap:6px!important; min-height:28px!important; padding:0 9px!important; border:1px solid rgba(255,255,255,.07)!important; border-radius:999px!important; background:rgba(255,255,255,.025)!important; color:#a5aebd!important; font-size:9px!important; font-weight:700!important; white-space:nowrap!important; } @media(max-width:680px){ .nx-item-view .nx-entry-context-inline{ flex-direction:row!important; align-items:center!important; gap:7px!important; padding:9px 10px!important; } } /* NEXORIA · META: categor铆a izquierda / publicado extremo derecho */ .nx-item-view .nx-entry-context-inline{ justify-content:flex-start!important; width:100%!important; } .nx-item-view .nx-entry-context-inline .nx-entry-date{ margin-left:auto!important; } .nx-item-view .nx-entry-context-inline .nx-entry-categories{ min-width:0!important; overflow:hidden; } .nx-item-view .nx-entry-context-inline .nx-entry-categories .nx-entry-category{ flex:0 0 auto; } /* ========================================================= NEXORIA · PUNTUACI脫N DE LA COMUNIDAD ========================================================= */ .nx-item-view .nx-rating-module, .nx-item-view .nx-comments-module{ margin:22px 0 0; padding:18px; border:1px solid rgba(255,255,255,.075); border-radius:18px; background: linear-gradient(135deg,rgba(124,92,255,.038),rgba(0,217,255,.012)), rgba(255,255,255,.015); box-shadow:inset 0 1px rgba(255,255,255,.015); } .nx-item-view .nx-rating-head, .nx-item-view .nx-comments-head{ display:flex; align-items:flex-start; justify-content:space-between; gap:18px; } .nx-item-view .nx-module-kicker{ display:block; margin-bottom:5px; color:#7c5cff; font-size:8px; font-weight:900; letter-spacing:.14em; } .nx-item-view .nx-rating-head h3, .nx-item-view .nx-comments-head h3{ margin:0; color:#f5f7fb; font-size:17px; line-height:1.2; } .nx-item-view .nx-rating-copy p{ margin:6px 0 0; color:#7f8998; font-size:10px; } .nx-item-view .nx-rating-summary{ flex:0 0 auto; min-width:92px; padding:10px 12px; border:1px solid rgba(124,92,255,.15); border-radius:13px; background:rgba(124,92,255,.055); text-align:center; } .nx-item-view .nx-rating-summary strong{ display:block; color:#fff; font-size:24px; line-height:1; } .nx-item-view .nx-rating-summary span{ display:block; margin-top:4px; color:#838c9c; font-size:8px; white-space:nowrap; } .nx-item-view .nx-rating-scale{ display:grid; grid-template-columns:repeat(10,minmax(34px,1fr)); gap:6px; margin-top:16px; } .nx-item-view .nx-rating-scale button{ height:38px; border:1px solid rgba(255,255,255,.07); border-radius:10px; background:#111722; color:#9da6b5; font:800 10px/1 Inter,Arial,sans-serif; cursor:pointer; transition:.17s ease; } .nx-item-view .nx-rating-scale button:hover{ transform:translateY(-2px); border-color:rgba(124,92,255,.35); color:#fff; background:rgba(124,92,255,.09); } .nx-item-view .nx-rating-scale button.is-selected{ border-color:rgba(124,92,255,.48); color:#fff; background:linear-gradient(135deg,rgba(124,92,255,.34),rgba(0,217,255,.11)); box-shadow:0 7px 18px rgba(124,92,255,.12); } .nx-item-view .nx-rating-scale.is-busy button{ pointer-events:none; opacity:.58; } .nx-item-view .nx-rating-status{ margin-top:10px; color:#707b8c; font-size:9px; } .nx-item-view .nx-rating-status strong{ color:#c9c3ff; font-size:11px; } /* ========================================================= NEXORIA · COMENTARIOS ========================================================= */ .nx-item-view .nx-comments-count{ min-width:32px; height:32px; display:grid; place-items:center; border:1px solid rgba(255,255,255,.075); border-radius:10px; background:rgba(255,255,255,.025); color:#aab2bf; font-size:10px; font-weight:800; } .nx-item-view .nx-comments-native{ margin-top:15px; } .nx-item-view .nx-comments-native #comments{ margin:0!important; padding:0!important; border:0!important; background:transparent!important; box-shadow:none!important; } .nx-item-view .nx-comments-native #comments > h3.title, .nx-item-view .nx-comments-native #comments > .title{ display:none!important; } .nx-item-view .nx-comments-native .comments-content, .nx-item-view .nx-comments-native #comments-block, .nx-item-view .nx-comments-native .comment-thread{ margin:0!important; padding:0!important; } .nx-item-view .nx-comments-native .comment, .nx-item-view .nx-comments-native .comment-thread li{ list-style:none!important; } .nx-item-view .nx-comments-native .comment{ display:flex; gap:11px; margin:0 0 9px!important; padding:12px!important; border:1px solid rgba(255,255,255,.06); border-radius:13px; background:rgba(255,255,255,.022); } .nx-item-view .nx-comments-native .avatar-image-container{ flex:0 0 auto; width:34px!important; height:34px!important; margin:0!important; } .nx-item-view .nx-comments-native .avatar-image-container img, .nx-item-view .nx-comments-native img.author-avatar{ width:34px!important; height:34px!important; border-radius:10px!important; object-fit:cover!important; } .nx-item-view .nx-comments-native .comment-block{ min-width:0; flex:1; margin:0!important; } .nx-item-view .nx-comments-native .comment-author, .nx-item-view .nx-comments-native .comment-author a{ color:#dce2eb!important; font-size:10px!important; font-weight:800!important; } .nx-item-view .nx-comments-native .comment-body{ margin-top:6px!important; color:#aab3c0!important; font-size:11px!important; line-height:1.65!important; } .nx-item-view .nx-comments-native .comment-body p{ margin:0!important; } .nx-item-view .nx-comments-native .comment-footer, .nx-item-view .nx-comments-native .comment-timestamp, .nx-item-view .nx-comments-native .comment-timestamp a{ color:#687385!important; font-size:8px!important; } .nx-item-view .nx-comments-native .comment-form, .nx-item-view .nx-comments-native #comment-editor{ width:100%!important; } .nx-item-view .nx-comments-native .comment-form{ margin-top:16px!important; padding:14px!important; border:1px solid rgba(255,255,255,.06)!important; border-radius:13px!important; background:rgba(255,255,255,.018)!important; } .nx-item-view .nx-comments-native .comment-form h4, .nx-item-view .nx-comments-native #comment-post-message{ margin:0 0 10px!important; color:#eef2f8!important; font-size:12px!important; } .nx-item-view .nx-comments-native iframe{ max-width:100%!important; border-radius:10px!important; } .nx-item-view .nx-comments-native .footer{ margin:16px 0 0!important; padding:0!important; border:0!important; background:transparent!important; box-shadow:none!important; text-align:left!important; } .nx-item-view .nx-comments-disabled > p{ margin:12px 0 0; color:#778191; font-size:10px; } @media(max-width:680px){ .nx-item-view .nx-rating-module, .nx-item-view .nx-comments-module{ padding:14px; border-radius:15px; } .nx-item-view .nx-rating-head{ align-items:center; } .nx-item-view .nx-rating-scale{ grid-template-columns:repeat(5,1fr); } } /* ========================================================= NEXORIA · PUNTUACI脫N COMPACTA ========================================================= */ .nx-item-view .nx-rating-compact{ padding:10px 12px!important; } .nx-item-view .nx-rating-inline{ display:flex; align-items:center; gap:10px; min-width:0; } .nx-item-view .nx-rating-inline-title{ flex:0 0 auto; min-width:110px; } .nx-item-view .nx-rating-inline-title .nx-module-kicker{ margin-bottom:2px; } .nx-item-view .nx-rating-inline-title strong{ display:block; color:#eef2f8; font-size:10px; } .nx-item-view .nx-rating-compact .nx-rating-scale{ display:flex!important; flex:1 1 auto; gap:4px!important; margin:0!important; min-width:0; } .nx-item-view .nx-rating-compact .nx-rating-scale button{ width:28px!important; min-width:28px!important; height:28px!important; padding:0!important; border-radius:8px!important; font-size:9px!important; } .nx-item-view .nx-rating-summary.compact{ flex:0 0 auto; min-width:62px!important; padding:6px 8px!important; border-radius:10px!important; } .nx-item-view .nx-rating-summary.compact strong{ font-size:16px!important; } .nx-item-view .nx-rating-summary.compact span{ margin-top:2px!important; font-size:7px!important; } .nx-item-view .nx-rating-status.compact{ flex:0 0 auto; margin:0!important; white-space:nowrap; font-size:8px!important; } @media(max-width:780px){ .nx-item-view .nx-rating-inline{ flex-wrap:wrap; } .nx-item-view .nx-rating-inline-title{ min-width:auto; } .nx-item-view .nx-rating-compact .nx-rating-scale{ order:3; width:100%; flex:1 1 100%; overflow-x:auto; scrollbar-width:none; } .nx-item-view .nx-rating-compact .nx-rating-scale::-webkit-scrollbar{display:none} } /* ========================================================= NEXORIA · COMENTARIOS CON EDITOR ========================================================= */ .nx-item-view .nx-comments-custom{ padding:16px!important; } .nx-comment-editor{ margin-top:14px; overflow:hidden; border:1px solid rgba(255,255,255,.075); border-radius:14px; background:#0e141e; } .nx-editor-toolbar{ min-height:42px; display:flex; align-items:center; gap:5px; padding:6px 8px; border-bottom:1px solid rgba(255,255,255,.06); background:rgba(255,255,255,.018); } .nx-editor-toolbar button{ width:30px; height:30px; display:grid; place-items:center; border:1px solid transparent; border-radius:8px; background:transparent; color:#99a3b3; cursor:pointer; font-size:10px; } .nx-editor-toolbar button:hover{ border-color:rgba(124,92,255,.2); background:rgba(124,92,255,.08); color:#fff; } .nx-editor-hint{ margin-left:auto; color:#606b7b; font-size:8px; } .nx-comment-textarea{ width:100%; min-height:110px; display:block; resize:vertical; padding:13px 14px; border:0; outline:0; background:transparent; color:#dce2eb; font:400 11px/1.7 Inter,Arial,sans-serif; } .nx-comment-textarea::placeholder{ color:#586373; } .nx-comment-editor-footer{ min-height:46px; display:flex; align-items:center; justify-content:space-between; gap:10px; padding:7px 8px 7px 12px; border-top:1px solid rgba(255,255,255,.055); } .nx-comment-counter{ color:#657081; font-size:8px; } .nx-comment-submit{ min-height:32px; padding:0 12px; border:1px solid rgba(124,92,255,.3); border-radius:9px; background:linear-gradient(135deg,rgba(124,92,255,.82),rgba(78,112,229,.82)); color:#fff; font-size:9px; font-weight:800; cursor:pointer; } .nx-comment-submit:disabled{ opacity:.5; cursor:default; } .nx-comments-list{ display:grid; gap:8px; margin-top:14px; } .nx-comment-card{ position:relative; display:grid; grid-template-columns:34px minmax(0,1fr) auto; gap:10px; align-items:start; padding:11px 12px; border:1px solid rgba(255,255,255,.06); border-radius:13px; background:rgba(255,255,255,.018); } .nx-comment-avatar{ width:34px; height:34px; display:grid; place-items:center; border-radius:10px; background:linear-gradient(135deg,rgba(124,92,255,.75),rgba(0,217,255,.6)); color:#fff; font-size:10px; font-weight:900; } .nx-comment-content{ min-width:0; } .nx-comment-author{ display:flex; align-items:center; gap:7px; margin-bottom:5px; } .nx-comment-author strong{ color:#e7ebf2; font-size:10px; } .nx-comment-author time{ color:#606b7b; font-size:8px; } .nx-comment-body{ color:#aab3c0; font-size:10px; line-height:1.65; word-break:break-word; } .nx-comment-body strong{color:#eef2f8} .nx-comment-body em{color:#c7cfda} .nx-comment-quote{ display:block; margin:7px 0; padding:7px 9px; border-left:2px solid #7c5cff; border-radius:0 8px 8px 0; background:rgba(124,92,255,.055); color:#abb4c1; } .nx-comment-spoiler{ padding:1px 4px; border-radius:4px; background:#242a35; color:#242a35; cursor:pointer; } .nx-comment-spoiler:hover, .nx-comment-spoiler.revealed{ color:#dfe5ed; } .nx-comment-delete{ width:28px; height:28px; border:1px solid transparent; border-radius:8px; background:transparent; color:#5f6877; cursor:pointer; } .nx-comment-delete:hover{ border-color:rgba(255,92,121,.18); background:rgba(255,92,121,.06); color:#ff708d; } .nx-comments-empty{ padding:18px 12px; text-align:center; color:#6c7686; font-size:9px; border:1px dashed rgba(255,255,255,.06); border-radius:12px; } @media(max-width:680px){ .nx-editor-hint{display:none} .nx-comment-card{ grid-template-columns:30px minmax(0,1fr) auto; padding:10px; } .nx-comment-avatar{width:30px;height:30px} } /* ========================================================= NEXORIA · COMENTARIOS EN HILOS — DISE脩O TIPO REFERENCIA ========================================================= */ .nx-item-view .nx-thread-comments{ margin-top:22px!important; padding:18px!important; border:1px solid rgba(255,255,255,.055)!important; border-radius:20px!important; background:#0a1017!important; } .nx-item-view .nx-thread-comments .nx-comments-head{ margin-bottom:16px; } .nx-item-view .nx-thread-comments .nx-comments-list{ display:grid!important; gap:10px!important; margin:0!important; } .nx-comment-thread{ display:grid; gap:9px; } .nx-comment-card{ position:relative!important; display:grid!important; grid-template-columns:42px minmax(0,1fr) 28px!important; gap:12px!important; align-items:start!important; margin:0!important; padding:15px!important; border:1px solid rgba(255,255,255,.075)!important; border-radius:13px!important; background:#0e131a!important; } .nx-comment-card.is-admin{ border-color:rgba(255,45,72,.34)!important; } .nx-comment-avatar{ width:40px!important; height:40px!important; display:grid!important; place-items:center!important; overflow:hidden!important; border:2px solid #00e38c!important; border-radius:50%!important; background:#17212d!important; color:#fff!important; font-size:10px!important; font-weight:900!important; } .nx-comment-card.is-admin .nx-comment-avatar{ border-color:#ff334f!important; } .nx-comment-avatar img{ width:100%!important; height:100%!important; object-fit:cover!important; } .nx-comment-content{ min-width:0!important; } .nx-comment-author-row{ display:flex!important; align-items:center!important; flex-wrap:wrap!important; gap:10px!important; margin:1px 0 7px!important; } .nx-comment-author-row strong{ color:#00f092!important; font-size:11px!important; font-weight:900!important; } .nx-comment-card.is-admin .nx-comment-author-row strong{ color:#ff3048!important; } .nx-comment-admin-badge{ display:inline-flex; align-items:center; min-height:18px; padding:0 5px; border:1px solid rgba(255,48,72,.28); border-radius:5px; background:rgba(255,48,72,.08); color:#ff3048; font-size:7px; font-weight:900; letter-spacing:.06em; } .nx-comment-author-row time{ color:#566170!important; font-size:8px!important; font-weight:500!important; } .nx-comment-body{ color:#f0f3f7!important; font-size:12px!important; line-height:1.55!important; word-break:break-word!important; } .nx-comment-actions{ margin-top:7px!important; } .nx-comment-reply{ border:0!important; padding:0!important; background:transparent!important; color:#00e38c!important; font-size:9px!important; font-weight:900!important; cursor:pointer!important; } .nx-comment-reply:hover{ color:#7fffc4!important; } .nx-comment-delete{ width:26px!important; height:26px!important; display:grid!important; place-items:center!important; border:0!important; border-radius:7px!important; background:transparent!important; color:#9a303d!important; cursor:pointer!important; } .nx-comment-delete:hover{ background:rgba(255,48,72,.07)!important; color:#ff3048!important; } .nx-comment-delete svg{ width:13px; height:13px; fill:currentColor; } .nx-comment-replies{ position:relative; display:grid; gap:9px; margin-left:38px; padding-left:22px; } .nx-comment-replies:before{ content:''; position:absolute; left:7px; top:0; bottom:0; width:1px; background:rgba(155,169,180,.35); } .nx-comment-replies .nx-comment-card{ border-color:rgba(255,255,255,.065)!important; } .nx-comment-replies .nx-comment-card.is-admin{ border-color:rgba(255,45,72,.34)!important; } /* Composer inferior */ .nx-comment-composer{ position:relative; margin-top:28px; overflow:visible; border:1px solid rgba(0,227,140,.28); border-radius:18px; background:#07131a; } .nx-reply-state{ display:flex; align-items:center; justify-content:space-between; gap:12px; padding:9px 13px; border-bottom:1px solid rgba(0,227,140,.14); color:#7d8fa0; font-size:9px; } .nx-reply-state[hidden]{ display:none!important; } .nx-reply-state strong{ color:#00e38c; } .nx-reply-state button{ border:0; background:transparent; color:#758394; font-size:8px; cursor:pointer; } .nx-comment-composer .nx-comment-textarea{ width:100%!important; min-height:94px!important; max-height:230px!important; resize:vertical!important; display:block!important; padding:22px 22px 16px!important; border:0!important; outline:0!important; background:transparent!important; color:#edf3f7!important; font:500 12px/1.6 Inter,Arial,sans-serif!important; } .nx-comment-composer .nx-comment-textarea::placeholder{ color:#728598!important; } .nx-comment-composer-footer{ min-height:68px; display:flex; align-items:center; justify-content:space-between; gap:14px; padding:11px 15px 11px 18px; border-top:1px solid rgba(255,255,255,.055); } .nx-comment-tools{ display:flex; align-items:center; gap:22px; } .nx-emoji-wrap{ position:relative; } .nx-emoji-button{ display:inline-flex; align-items:center; gap:8px; border:0; padding:5px 0; background:transparent; color:#8ca0b2; font-size:9px; font-weight:800; cursor:pointer; } .nx-emoji-face{ width:22px; height:22px; display:grid; place-items:center; border:2px solid #8193a4; border-radius:50%; font-size:12px; line-height:1; } .nx-comment-counter{ color:#74899c!important; font-size:9px!important; font-weight:800!important; } .nx-emoji-popover{ position:absolute; left:0; bottom:38px; z-index:50; width:180px; display:grid; grid-template-columns:repeat(4,1fr); gap:5px; padding:8px; border:1px solid rgba(255,255,255,.08); border-radius:12px; background:#121820; box-shadow:0 16px 40px rgba(0,0,0,.4); } .nx-emoji-popover[hidden]{ display:none!important; } .nx-emoji-popover button{ width:36px; height:32px; border:0; border-radius:8px; background:transparent; cursor:pointer; font-size:17px; } .nx-emoji-popover button:hover{ background:rgba(255,255,255,.06); } .nx-comment-submit{ min-width:116px!important; height:42px!important; padding:0 17px!important; border:0!important; border-radius:10px!important; background:#426b60!important; color:#07110e!important; font-size:10px!important; font-weight:900!important; letter-spacing:.035em!important; cursor:pointer!important; transition:.18s ease!important; } .nx-comment-submit:hover{ background:#4f7d70!important; } .nx-comment-submit:disabled{ opacity:.5!important; cursor:default!important; } .nx-comments-empty{ margin:0!important; padding:16px!important; border:1px dashed rgba(255,255,255,.06)!important; border-radius:12px!important; color:#687686!important; text-align:center!important; font-size:9px!important; } /* m贸vil */ @media(max-width:680px){ .nx-item-view .nx-thread-comments{ padding:12px!important; } .nx-comment-card{ grid-template-columns:34px minmax(0,1fr) 24px!important; gap:9px!important; padding:12px!important; } .nx-comment-avatar{ width:34px!important; height:34px!important; } .nx-comment-replies{ margin-left:18px; padding-left:16px; } .nx-comment-composer-footer{ align-items:flex-end; } .nx-comment-tools{ gap:12px; } .nx-emoji-button span:last-child{ display:none; } .nx-comment-submit{ min-width:92px!important; height:38px!important; } } /* ========================================================= NEXORIA · PUNTUACI脫N 1–20 + ANIMACI脫N ========================================================= */ .nx-item-view .nx-rating-compact{ position:relative!important; overflow:visible!important; } .nx-item-view .nx-rating-compact .nx-rating-inline{ position:relative; } /* Con 20 valores se usa una cuadr铆cula compacta 10×2 */ .nx-item-view .nx-rating-compact .nx-rating-scale{ display:grid!important; grid-template-columns:repeat(10,minmax(26px,1fr))!important; gap:4px!important; flex:1 1 auto!important; min-width:320px!important; margin:0!important; } .nx-item-view .nx-rating-compact .nx-rating-scale button{ position:relative; width:auto!important; min-width:26px!important; height:27px!important; padding:0 4px!important; overflow:hidden; border-radius:7px!important; font-size:8px!important; transform:translateZ(0); transition: transform .16s ease, color .16s ease, border-color .16s ease, background .16s ease, box-shadow .16s ease!important; } /* Los puntos previos al voto forman una peque帽a barra visual */ .nx-item-view .nx-rating-scale button.is-filled{ color:#d8d4ff!important; border-color:rgba(124,92,255,.20)!important; background:linear-gradient(135deg,rgba(124,92,255,.11),rgba(0,217,255,.025))!important; } .nx-item-view .nx-rating-scale button.is-selected{ z-index:2; color:#fff!important; border-color:rgba(124,92,255,.68)!important; background:linear-gradient(135deg,#7658f2,#428ad7)!important; box-shadow: 0 0 0 3px rgba(124,92,255,.10), 0 8px 22px rgba(84,72,220,.25)!important; } .nx-item-view .nx-rating-scale button.nx-score-pop{ animation:nxScorePop .48s cubic-bezier(.2,.8,.2,1); } .nx-item-view .nx-rating-summary.nx-score-flash{ animation:nxScoreFlash .72s ease; } .nx-item-view .nx-rating-status.nx-score-flash{ animation:nxScoreTextFlash .72s ease; } .nx-score-burst{ position:absolute; z-index:20; right:68px; top:50%; min-width:42px; display:grid; place-items:center; padding:5px 9px; border:1px solid rgba(0,217,255,.25); border-radius:999px; background:#111a24; color:#84edff; font-size:10px; font-weight:900; pointer-events:none; opacity:0; transform:translateY(-20%) scale(.7); } .nx-score-burst.is-active{ animation:nxScoreBurst .8s cubic-bezier(.16,.84,.32,1); } @keyframes nxScorePop{ 0%{transform:scale(1)} 38%{transform:scale(1.34) rotate(-3deg)} 70%{transform:scale(.94) rotate(1deg)} 100%{transform:scale(1)} } @keyframes nxScoreFlash{ 0%{transform:scale(1);box-shadow:none} 35%{transform:scale(1.08);box-shadow:0 0 0 5px rgba(124,92,255,.09),0 0 24px rgba(0,217,255,.13)} 100%{transform:scale(1);box-shadow:none} } @keyframes nxScoreTextFlash{ 0%,100%{color:#707b8c} 35%{color:#fff} } @keyframes nxScoreBurst{ 0%{opacity:0;transform:translateY(15%) scale(.7)} 20%{opacity:1;transform:translateY(-45%) scale(1.1)} 65%{opacity:1;transform:translateY(-105%) scale(1)} 100%{opacity:0;transform:translateY(-160%) scale(.9)} } @media(max-width:980px){ .nx-item-view .nx-rating-inline{ flex-wrap:wrap!important; } .nx-item-view .nx-rating-compact .nx-rating-scale{ order:3; flex:1 1 100%!important; width:100%!important; min-width:0!important; } .nx-score-burst{ right:12px; top:4px; } } @media(max-width:520px){ .nx-item-view .nx-rating-compact .nx-rating-scale{ grid-template-columns:repeat(5,1fr)!important; } .nx-item-view .nx-rating-compact .nx-rating-scale button{ height:29px!important; } } @media(prefers-reduced-motion:reduce){ .nx-item-view .nx-rating-scale button, .nx-item-view .nx-rating-summary, .nx-item-view .nx-rating-status, .nx-score-burst{ animation:none!important; transition:none!important; } } /* ========================================================= NEXORIA · REGISTRO DE VOTOS ========================================================= */ .nx-rating-voters-toggle{ flex:0 0 auto; min-height:28px; display:inline-flex; align-items:center; gap:5px; padding:0 8px; border:1px solid rgba(255,255,255,.07); border-radius:8px; background:rgba(255,255,255,.025); color:#8f99a8; font-size:8px; font-weight:800; cursor:pointer; } .nx-rating-voters-toggle:hover{ color:#fff; border-color:rgba(124,92,255,.24); background:rgba(124,92,255,.07); } .nx-rating-voters-total{ min-width:18px; height:18px; display:grid; place-items:center; border-radius:6px; background:rgba(124,92,255,.12); color:#c8c1ff; font-size:8px; } .nx-rating-voters-panel{ margin-top:10px; padding:10px; border-top:1px solid rgba(255,255,255,.055); } .nx-rating-voters-panel[hidden]{ display:none!important; } .nx-rating-voters-head{ display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:8px; } .nx-rating-voters-head strong{ color:#e8ecf3; font-size:9px; } .nx-rating-voters-head span{ color:#667181; font-size:7px; } .nx-rating-voters-list{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:6px; } .nx-rating-voter{ min-width:0; display:grid; grid-template-columns:28px minmax(0,1fr) auto; align-items:center; gap:8px; padding:7px 8px; border:1px solid rgba(255,255,255,.055); border-radius:9px; background:rgba(255,255,255,.018); } .nx-rating-voter-avatar{ width:28px; height:28px; display:grid; place-items:center; overflow:hidden; border-radius:50%; background:linear-gradient(135deg,rgba(124,92,255,.75),rgba(0,217,255,.5)); color:#fff; font-size:8px; font-weight:900; } .nx-rating-voter-avatar img{ width:100%; height:100%; object-fit:cover; } .nx-rating-voter-info{ min-width:0; } .nx-rating-voter-info strong{ display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#cfd5df; font-size:8px; } .nx-rating-voter-info span{ display:block; margin-top:2px; color:#5f6978; font-size:7px; } .nx-rating-voter-score{ min-width:34px; height:25px; display:grid; place-items:center; border:1px solid rgba(124,92,255,.18); border-radius:8px; background:rgba(124,92,255,.08); color:#d1ccff; font-size:9px; font-weight:900; } .nx-rating-voters-empty{ grid-column:1/-1; padding:10px; text-align:center; color:#626d7c; font-size:8px; } @media(max-width:680px){ .nx-rating-voters-list{ grid-template-columns:1fr; } } /* ========================================================= NEXORIA · SMILES ANIMADOS ========================================================= */ .nx-emoji-popover{ width:205px!important; grid-template-columns:repeat(4,1fr)!important; } .nx-emoji-popover .nx-smile{ width:42px!important; height:38px!important; display:grid!important; place-items:center!important; font-size:20px!important; transform-origin:center; } .nx-smile-bounce{ animation:nxSmileBounce 1.6s ease-in-out infinite; } .nx-smile-pulse{ animation:nxSmilePulse 1.8s ease-in-out infinite; } .nx-smile-wiggle{ animation:nxSmileWiggle 1.9s ease-in-out infinite; } .nx-comment-body .nx-animated-smile{ display:inline-block; margin:0 1px; transform-origin:center; vertical-align:-1px; } .nx-comment-body .nx-animated-smile:nth-of-type(3n+1){ animation:nxSmileBounce 1.7s ease-in-out infinite; } .nx-comment-body .nx-animated-smile:nth-of-type(3n+2){ animation:nxSmilePulse 1.9s ease-in-out infinite; } .nx-comment-body .nx-animated-smile:nth-of-type(3n){ animation:nxSmileWiggle 2s ease-in-out infinite; } @keyframes nxSmileBounce{ 0%,100%{transform:translateY(0) scale(1)} 45%{transform:translateY(-3px) scale(1.08)} 60%{transform:translateY(0) scale(.98)} } @keyframes nxSmilePulse{ 0%,100%{transform:scale(1)} 50%{transform:scale(1.16)} } @keyframes nxSmileWiggle{ 0%,100%{transform:rotate(0deg)} 30%{transform:rotate(-8deg)} 60%{transform:rotate(8deg)} 80%{transform:rotate(-3deg)} } @media(prefers-reduced-motion:reduce){ .nx-smile, .nx-animated-smile{ animation:none!important; } } /* ========================================================= NEXORIA UNLOCK ========================================================= */ /* El sistema antiguo queda completamente fuera de la interfaz. */ .bmdl-box, .bmdl-popup, .bm-download-box, .bm-download-popup, .bm-download-modal, .bm-download-interest{ display:none!important; } /* Bot贸n integrado en la ficha */ .nx-download-slot{ margin:18px 0 0; } .nx-download-button{ position:relative; width:100%; min-height:58px; display:grid; grid-template-columns:42px minmax(0,1fr) 32px; align-items:center; gap:12px; overflow:hidden; padding:9px 13px; border:1px solid rgba(124,92,255,.24); border-radius:15px; background: radial-gradient(circle at 10% 50%,rgba(124,92,255,.15),transparent 12rem), linear-gradient(135deg,#111823,#0d131d); color:#fff; text-align:left; cursor:pointer; box-shadow:0 14px 32px rgba(0,0,0,.2); transition:.2s ease; } .nx-download-button:before{ content:''; position:absolute; inset:0; pointer-events:none; background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.07) 48%,transparent 61%); transform:translateX(-120%); transition:transform .65s ease; } .nx-download-button:hover{ transform:translateY(-2px); border-color:rgba(124,92,255,.42); } .nx-download-button:hover:before{ transform:translateX(120%); } .nx-download-button[disabled]{ opacity:.58; cursor:default; transform:none; } .nx-download-button.is-plus{ border-color:rgba(255,206,88,.26); background: radial-gradient(circle at 10% 50%,rgba(255,206,88,.10),transparent 12rem), linear-gradient(135deg,#171821,#10131b); } .nx-download-button.is-unavailable{ border-color:rgba(255,92,121,.16); } .nx-download-button-icon{ width:38px; height:38px; display:grid; place-items:center; border-radius:11px; background:linear-gradient(135deg,rgba(124,92,255,.20),rgba(0,217,255,.07)); color:#c7c1ff; font-size:18px; } .nx-download-button-copy{ min-width:0; } .nx-download-button-copy strong{ display:block; color:#f4f7fb; font-size:11px; font-weight:900; letter-spacing:.035em; } .nx-download-button-copy small{ display:block; margin-top:4px; color:#748093; font-size:8px; line-height:1.35; } .nx-download-button-arrow{ width:28px; height:28px; display:grid; place-items:center; border-radius:9px; background:rgba(124,92,255,.08); color:#8f84e6; font-size:18px; } /* Modal */ .nx-unlock-overlay{ position:fixed; inset:0; z-index:5000; display:none; align-items:center; justify-content:center; overflow:auto; padding:20px; background:rgba(2,5,10,.82); backdrop-filter:blur(14px); -webkit-backdrop-filter:blur(14px); } .nx-unlock-overlay.is-open{ display:flex; } .nx-unlock-modal{ position:relative; width:min(520px,100%); max-height:92vh; overflow:auto; padding:28px; border:1px solid rgba(255,255,255,.09); border-radius:24px; background: radial-gradient(circle at 50% 0,rgba(124,92,255,.13),transparent 19rem), #0d131d; box-shadow:0 34px 100px rgba(0,0,0,.58); text-align:center; } .nx-unlock-close{ position:absolute; right:13px; top:13px; width:34px; height:34px; border:1px solid rgba(255,255,255,.07); border-radius:10px; background:rgba(255,255,255,.025); color:#7d8797; font-size:20px; cursor:pointer; } .nx-unlock-lock{ width:58px; height:58px; display:grid; place-items:center; margin:0 auto 12px; border:1px solid rgba(124,92,255,.28); border-radius:18px; background:rgba(124,92,255,.09); font-size:24px; box-shadow:0 12px 34px rgba(124,92,255,.09); } .nx-unlock-brand{ display:block; color:#9c91ff; font-size:8px; font-weight:900; letter-spacing:.16em; } .nx-unlock-modal h2{ margin:8px 0 7px; color:#fff; font-size:22px; } .nx-unlock-intro{ max-width:390px; margin:0 auto; color:#8390a2; font-size:10px; line-height:1.6; } .nx-unlock-action-card{ display:grid; grid-template-columns:38px minmax(0,1fr) auto; align-items:center; gap:11px; margin-top:20px; padding:12px; border:1px solid rgba(255,255,255,.07); border-radius:14px; background:#101722; text-align:left; } .nx-unlock-action-card.is-hidden{ display:none; } .nx-unlock-action-icon{ width:36px; height:36px; display:grid; place-items:center; border-radius:10px; background:rgba(124,92,255,.08); color:#b9b1ff; font-size:15px; } .nx-unlock-action-copy strong{ display:block; color:#e8edf4; font-size:10px; } .nx-unlock-action-copy span{ display:block; margin-top:4px; color:#6f7b8d; font-size:8px; line-height:1.45; } .nx-unlock-action-button{ min-height:32px; padding:0 10px; border:1px solid rgba(124,92,255,.26); border-radius:9px; background:rgba(124,92,255,.10); color:#c9c3ff; font-size:8px; font-weight:900; cursor:pointer; } .nx-unlock-action-button[disabled]{ opacity:.45; cursor:default; } .nx-unlock-verification{ min-height:38px; display:flex; align-items:center; justify-content:center; gap:8px; margin:12px 0 0; color:#718093; font-size:8px; } .nx-unlock-spinner{ width:12px; height:12px; border:2px solid rgba(124,92,255,.18); border-top-color:#8c7dff; border-radius:50%; animation:nxUnlockSpin .8s linear infinite; } .nx-unlock-verification.is-idle .nx-unlock-spinner, .nx-unlock-verification.is-complete .nx-unlock-spinner, .nx-unlock-verification.is-error .nx-unlock-spinner{ display:none; } .nx-unlock-verification.is-complete{ color:#4edda7; } .nx-unlock-verification.is-error{ color:#ff7892; } .nx-unlock-continue{ width:100%; min-height:46px; display:flex; align-items:center; justify-content:center; gap:8px; margin-top:5px; border:0; border-radius:12px; background:linear-gradient(135deg,#7558eb,#417fd6); color:#fff; font-size:9px; font-weight:900; letter-spacing:.04em; cursor:pointer; } .nx-unlock-continue.is-locked, .nx-unlock-continue[disabled]{ background:#171d27; color:#6b7584; cursor:default; } .nx-unlock-continue.is-plus{ background:linear-gradient(135deg,#b58a2e,#d7b65d); color:#171308; } .nx-unlock-note{ margin:12px 0 0; color:#5e6a7a; font-size:7px; line-height:1.55; } /* Admin */ .nx-unlock-admin{ margin-top:18px; padding-top:14px; border-top:1px solid rgba(255,255,255,.055); text-align:left; } .nx-unlock-admin[hidden]{ display:none!important; } .nx-unlock-admin-toggle{ width:100%; min-height:34px; display:flex; align-items:center; justify-content:space-between; border:0; background:transparent; color:#7e8a9a; font-size:8px; font-weight:800; cursor:pointer; } .nx-unlock-admin-body{ margin-top:8px; padding:12px; border:1px solid rgba(255,255,255,.06); border-radius:12px; background:rgba(255,255,255,.018); } .nx-unlock-admin-body[hidden]{ display:none!important; } .nx-unlock-admin-grid{ display:grid; grid-template-columns:1fr 1fr; gap:9px; } .nx-unlock-field{ display:grid; gap:5px; } .nx-unlock-field.full{ grid-column:1/-1; } .nx-unlock-field>span{ color:#7a8696; font-size:7px; font-weight:800; } .nx-unlock-field input, .nx-unlock-field select{ width:100%; min-height:34px; border:1px solid rgba(255,255,255,.07); border-radius:9px; background:#0b1119; color:#dce2ea; padding:0 9px; font-size:8px; outline:0; } .nx-unlock-check{ display:flex; align-items:center; gap:7px; min-height:34px; } .nx-unlock-check input{ width:15px; min-height:15px; } .nx-unlock-admin-actions{ display:flex; align-items:center; gap:10px; margin-top:10px; } .nx-unlock-admin-actions button{ min-height:32px; padding:0 10px; border:1px solid rgba(124,92,255,.24); border-radius:9px; background:rgba(124,92,255,.08); color:#c7c0ff; font-size:7px; font-weight:900; cursor:pointer; } #nxUnlockAdminStatus{ color:#708091; font-size:7px; } @keyframes nxUnlockSpin{ to{transform:rotate(360deg)} } @media(max-width:620px){ .nx-unlock-overlay{ padding:10px; } .nx-unlock-modal{ padding:23px 16px 18px; border-radius:18px; } .nx-unlock-action-card{ grid-template-columns:34px minmax(0,1fr); } .nx-unlock-action-button{ grid-column:1/-1; width:100%; } .nx-unlock-admin-grid{ grid-template-columns:1fr; } .nx-unlock-field.full{ grid-column:auto; } } @media(prefers-reduced-motion:reduce){ .nx-unlock-spinner{ animation:none!important; } .nx-download-button, .nx-download-button:before{ transition:none!important; } } /* NEXORIA UNLOCK · indicador de modo prueba */ .nx-download-button[data-test-mode="true"] .nx-download-button-icon{ background:linear-gradient(135deg,rgba(0,217,255,.12),rgba(124,92,255,.12)); } /* ========================================================= NEXORIA UNLOCK V32 · REQUISITOS + BANNERS ========================================================= */ .nx-download-button.is-gated{ border-color:rgba(255,255,255,.07)!important; background:linear-gradient(135deg,#11161f,#0e131b)!important; } .nx-download-button.is-gated .nx-download-button-icon{ background:rgba(255,255,255,.035)!important; color:#737e8d!important; } .nx-unlock-modal-wide{ width:min(940px,100%)!important; } .nx-unlock-requirements{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; margin:18px 0 0; } .nx-unlock-requirement{ display:grid; grid-template-columns:28px minmax(0,1fr); gap:9px; align-items:center; padding:10px 11px; border:1px solid rgba(255,255,255,.06); border-radius:11px; background:rgba(255,255,255,.018); text-align:left; } .nx-req-icon{ width:26px; height:26px; display:grid; place-items:center; border-radius:8px; background:#151b24; color:#687484; font-size:11px; font-weight:900; } .nx-unlock-requirement strong{ display:block; color:#aeb7c4; font-size:9px; } .nx-unlock-requirement small{ display:block; margin-top:3px; color:#667181; font-size:7px; } .nx-unlock-requirement.is-complete{ border-color:rgba(54,220,158,.16); background:rgba(54,220,158,.025); } .nx-unlock-requirement.is-complete .nx-req-icon{ background:rgba(54,220,158,.09); color:#45dfa4; } .nx-unlock-requirement.is-complete strong{ color:#dce8e3; } .nx-unlock-banner-stage{ margin-top:16px; padding-top:14px; border-top:1px solid rgba(255,255,255,.055); } .nx-unlock-banner-head{ display:flex; align-items:flex-end; justify-content:space-between; gap:15px; margin-bottom:10px; text-align:left; } .nx-unlock-banner-head span{ display:block; color:#7166d6; font-size:7px; font-weight:900; letter-spacing:.13em; } .nx-unlock-banner-head strong{ display:block; margin-top:4px; color:#e9edf4; font-size:12px; } .nx-unlock-banner-head>b{ min-width:44px; height:28px; display:grid; place-items:center; border:1px solid rgba(124,92,255,.16); border-radius:9px; background:rgba(124,92,255,.05); color:#b9b0ff; font-size:9px; } .nx-unlock-banners{ display:grid; grid-template-columns:repeat(2,minmax(0,300px)); justify-content:center; gap:12px; } .nx-unlock-banner{ position:relative; width:100%; max-width:300px; aspect-ratio:1/1; display:flex; flex-direction:column; align-items:flex-start; justify-content:flex-end; overflow:hidden; padding:17px; border:1px solid rgba(255,255,255,.10); border-radius:17px; color:#fff; text-align:left; cursor:pointer; box-shadow:0 16px 40px rgba(0,0,0,.22); transition:transform .18s ease,border-color .18s ease,filter .18s ease; } .nx-unlock-banner:hover{ transform:translateY(-3px); border-color:rgba(255,255,255,.20); filter:brightness(1.05); } .nx-unlock-banner:before{ content:''; position:absolute; inset:0; background: radial-gradient(circle at 25% 18%,rgba(255,255,255,.15),transparent 25%), linear-gradient(180deg,transparent 20%,rgba(4,7,12,.74) 100%); pointer-events:none; } .nx-unlock-banner>*{ position:relative; z-index:2; } .nx-unlock-banner.is-purple{background:linear-gradient(145deg,#483ca0,#17182c)} .nx-unlock-banner.is-cyan{background:linear-gradient(145deg,#126c7c,#101b24)} .nx-unlock-banner.is-gold{background:linear-gradient(145deg,#805f1e,#201b11)} .nx-unlock-banner.is-blue{background:linear-gradient(145deg,#254c8d,#111927)} .nx-unlock-banner.is-red{background:linear-gradient(145deg,#7e2f43,#21131a)} .nx-unlock-banner.is-green{background:linear-gradient(145deg,#22664d,#101d19)} .nx-unlock-banner-test{ position:absolute; top:12px; left:12px; padding:5px 7px; border:1px solid rgba(255,255,255,.12); border-radius:999px; background:rgba(0,0,0,.18); color:rgba(255,255,255,.70); font-size:6px; font-weight:900; letter-spacing:.10em; } .nx-unlock-banner-icon{ margin-bottom:auto; padding-top:38px; font-size:34px; } .nx-unlock-banner strong{ font-size:15px; line-height:1.2; } .nx-unlock-banner small{ margin-top:6px; color:rgba(255,255,255,.68); font-size:8px; line-height:1.45; } .nx-unlock-banner-cta{ margin-top:13px; padding:7px 9px; border-radius:8px; background:rgba(255,255,255,.10); color:#fff; font-size:7px; font-weight:900; } .nx-unlock-banner-state{ position:absolute; right:12px; bottom:12px; color:rgba(255,255,255,.58); font-size:6px; font-weight:900; } .nx-unlock-banner.is-processing{ pointer-events:none; opacity:.76; } .nx-unlock-banner.is-processing .nx-unlock-banner-state{ color:#fff; } .nx-unlock-banner.is-complete{ pointer-events:none; border-color:rgba(52,229,159,.48)!important; box-shadow:0 0 0 3px rgba(52,229,159,.06),0 16px 40px rgba(0,0,0,.22); } .nx-unlock-banner.is-complete:after{ content:'\2713'; position:absolute; z-index:3; top:12px; right:12px; width:29px; height:29px; display:grid; place-items:center; border-radius:50%; background:#39dea0; color:#07130f; font-size:13px; font-weight:900; } .nx-unlock-banner.is-complete .nx-unlock-banner-state{ color:#58e5ae; } .nx-unlock-banner-note{ max-width:660px; margin:10px auto 0; color:#5f6b7a; font-size:7px; line-height:1.55; } .nx-unlock-result{ margin-top:14px; padding:14px; border:1px solid rgba(54,220,158,.18); border-radius:14px; background:rgba(54,220,158,.025); text-align:left; } .nx-unlock-result[hidden]{ display:none!important; } .nx-unlock-result-head{ display:flex; align-items:center; gap:10px; margin-bottom:10px; } .nx-unlock-result-head>span{ width:34px; height:34px; display:grid; place-items:center; border-radius:10px; background:rgba(54,220,158,.09); } .nx-unlock-result-head strong{ display:block; color:#e9f3ef; font-size:11px; } .nx-unlock-result-head small{ display:block; margin-top:3px; color:#75867e; font-size:7px; } .nx-unlock-result-row{ display:grid; grid-template-columns:74px minmax(0,1fr) auto; align-items:center; gap:8px; padding:8px 0; border-top:1px solid rgba(255,255,255,.05); } .nx-unlock-result-row[hidden]{ display:none!important; } .nx-unlock-result-row>span{ color:#68766f; font-size:7px; font-weight:900; } .nx-unlock-result-row code{ min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#cad7d1; font-size:8px; } .nx-unlock-result-row button{ min-height:27px; padding:0 8px; border:1px solid rgba(255,255,255,.07); border-radius:7px; background:rgba(255,255,255,.03); color:#84938c; font-size:6px; font-weight:900; cursor:pointer; } .nx-unlock-open-download{ width:100%; min-height:40px; margin-top:9px; border:0; border-radius:10px; background:linear-gradient(135deg,#3ccf98,#309d7a); color:#07130e; font-size:8px; font-weight:900; cursor:pointer; } .nx-unlock-open-download[disabled]{ opacity:.60; cursor:default; } @media(min-width:860px){ .nx-unlock-banners:has(.nx-unlock-banner:nth-child(3):last-child){ grid-template-columns:repeat(3,minmax(0,260px)); } } @media(max-width:640px){ .nx-unlock-requirements{ grid-template-columns:1fr; } .nx-unlock-banners{ grid-template-columns:1fr; } .nx-unlock-banner{ margin:0 auto; } .nx-unlock-result-row{ grid-template-columns:1fr auto; } .nx-unlock-result-row>span{ grid-column:1/-1; } } /* ========================================================= NEXORIA V33 · DESCARGA COMPACTA / UNLOCK SECUENCIAL ========================================================= */ /* El m贸dulo de descarga comparte exactamente el ancho visual del trailer. */ .nx-item-view .nx-download-slot{ width:100%!important; max-width:680px!important; margin:12px auto 0!important; } .nx-item-view .nx-download-button{ min-height:50px!important; grid-template-columns:34px minmax(0,1fr) 26px!important; gap:9px!important; padding:7px 10px!important; border-radius:11px!important; box-shadow:none!important; } .nx-item-view .nx-download-button-icon{ width:32px!important; height:32px!important; border-radius:9px!important; font-size:14px!important; } .nx-item-view .nx-download-button-copy strong{ font-size:9px!important; } .nx-item-view .nx-download-button-copy small{ margin-top:3px!important; font-size:7px!important; } .nx-item-view .nx-download-button-arrow{ width:24px!important; height:24px!important; border-radius:7px!important; font-size:15px!important; } /* Popup menos ancho y con jerarqu铆a vertical. */ .nx-unlock-modal-wide{ width:min(690px,100%)!important; padding:23px!important; } .nx-unlock-lock{ width:48px!important; height:48px!important; margin-bottom:9px!important; border-radius:14px!important; font-size:19px!important; } .nx-unlock-modal h2{ margin:7px 0 5px!important; font-size:19px!important; } .nx-unlock-intro{ font-size:9px!important; } .nx-unlock-requirements{ max-width:520px; margin:14px auto 0!important; gap:6px!important; } .nx-unlock-requirement{ padding:8px 9px!important; border-radius:9px!important; } .nx-unlock-banner-stage{ max-width:430px; margin:14px auto 0!important; padding-top:12px!important; } /* Stepper */ .nx-unlock-stepper{ display:flex; align-items:center; justify-content:center; gap:7px; margin:7px 0 11px; } .nx-unlock-step-dot{ width:23px; height:23px; display:grid; place-items:center; border:1px solid rgba(255,255,255,.075); border-radius:50%; background:#111822; color:#677281; font-size:7px; font-weight:900; transition:.18s ease; } .nx-unlock-step-dot.is-current{ border-color:rgba(124,92,255,.44); background:rgba(124,92,255,.14); color:#d4cfff; box-shadow:0 0 0 3px rgba(124,92,255,.055); } .nx-unlock-step-dot.is-complete{ border-color:rgba(56,222,160,.26); background:rgba(56,222,160,.10); color:#4fe0aa; } /* Solo se muestra la acci贸n actual; as铆 el modal no parece una galer铆a publicitaria. */ .nx-unlock-banners-sequential{ display:block!important; width:100%!important; } .nx-unlock-banner-step{ display:none!important; width:min(100%,300px)!important; max-width:300px!important; margin:0 auto!important; } .nx-unlock-banner-step.is-current{ display:flex!important; animation:nxUnlockStepIn .26s ease; } .nx-unlock-banner-step.is-complete, .nx-unlock-banner-step.is-waiting{ display:none!important; } .nx-unlock-banner-step-label{ position:absolute; z-index:3; top:13px; right:13px; color:rgba(255,255,255,.58); font-size:6px; font-weight:900; letter-spacing:.08em; } .nx-unlock-banner-note{ max-width:350px!important; margin-top:8px!important; } /* Resultado m谩s compacto */ .nx-unlock-result{ max-width:520px; margin:12px auto 0!important; } /* ========================================================= NEXORIA · NUMERACI脫N DE COMENTARIOS ========================================================= */ .nx-comment-card{ grid-template-columns:42px minmax(0,1fr) 28px!important; padding-top:20px!important; } .nx-comment-number{ position:absolute; top:8px; left:15px; color:#566272; font-size:7px; font-weight:900; letter-spacing:.08em; } .nx-comment-card.is-admin .nx-comment-number{ color:#8f3b48; } .nx-comment-replies .nx-comment-number{ left:12px; } @keyframes nxUnlockStepIn{ from{opacity:0;transform:translateY(8px) scale(.985)} to{opacity:1;transform:none} } @media(max-width:680px){ .nx-unlock-modal-wide{ width:min(500px,100%)!important; padding:18px 12px!important; } .nx-unlock-banner-stage{ max-width:320px; } .nx-item-view .nx-download-slot{ max-width:100%!important; } .nx-comment-number{ left:12px; } } /* ========================================================= NEXORIA V34 · UNLOCK HORIZONTAL + TIEMPO REAL DE PRUEBA ========================================================= */ .nx-unlock-modal-wide{ width:min(860px,100%)!important; padding:20px 22px!important; } /* Header superior m谩s compacto para ganar altura */ .nx-unlock-lock{ width:42px!important; height:42px!important; margin-bottom:6px!important; border-radius:12px!important; font-size:17px!important; } .nx-unlock-modal h2{ margin:5px 0 4px!important; font-size:18px!important; } .nx-unlock-requirements{ max-width:720px!important; margin:10px auto 0!important; } /* 脕rea central horizontal: banner + validaci贸n */ .nx-unlock-banner-stage{ max-width:760px!important; margin:12px auto 0!important; padding-top:10px!important; } .nx-unlock-banner-head{ margin-bottom:6px!important; } .nx-unlock-stepper{ margin:5px 0 9px!important; } .nx-unlock-action-layout{ display:grid; grid-template-columns:minmax(260px,300px) minmax(0,1fr); gap:14px; align-items:stretch; } .nx-unlock-banners-sequential{ width:100%!important; min-width:0; } .nx-unlock-banner-step{ width:100%!important; max-width:300px!important; aspect-ratio:1/1!important; min-height:0!important; } /* Panel lateral */ .nx-unlock-action-side{ min-height:300px; display:flex; flex-direction:column; align-items:flex-start; padding:18px; border:1px solid rgba(255,255,255,.065); border-radius:16px; background: radial-gradient(circle at 100% 0,rgba(124,92,255,.07),transparent 16rem), #0d141d; text-align:left; } .nx-unlock-side-kicker{ color:#7569de; font-size:7px; font-weight:900; letter-spacing:.14em; } .nx-unlock-action-side>strong{ margin-top:8px; color:#edf1f7; font-size:15px; } .nx-unlock-action-side>p{ margin:7px 0 0; color:#718093; font-size:9px; line-height:1.55; } .nx-unlock-timer{ width:100%; display:grid; grid-template-columns:70px minmax(0,1fr); gap:12px; align-items:center; margin-top:18px; padding:12px; border:1px solid rgba(124,92,255,.12); border-radius:12px; background:rgba(124,92,255,.035); } .nx-unlock-timer[hidden]{ display:none!important; } .nx-unlock-timer-ring{ width:62px; height:62px; display:flex; flex-direction:column; align-items:center; justify-content:center; border:3px solid rgba(124,92,255,.18); border-top-color:#8375f4; border-radius:50%; color:#e8e5ff; } .nx-unlock-timer-ring span{ font-size:20px; font-weight:900; line-height:1; } .nx-unlock-timer-ring small{ margin-top:4px; color:#776fc0; font-size:6px; font-weight:900; letter-spacing:.10em; } .nx-unlock-timer>div:last-child strong{ display:block; color:#dce2ec; font-size:9px; } .nx-unlock-timer>div:last-child span{ display:block; margin-top:5px; color:#677487; font-size:7px; line-height:1.5; } .nx-unlock-side-state{ width:100%; min-height:36px; display:flex; align-items:center; gap:8px; margin-top:auto; padding:0 10px; border:1px solid rgba(255,255,255,.055); border-radius:10px; background:rgba(255,255,255,.018); color:#6b7686; } .nx-unlock-side-state span{ width:20px; height:20px; display:grid; place-items:center; border-radius:50%; background:#151c26; font-size:8px; } .nx-unlock-side-state b{ font-size:7px; letter-spacing:.08em; } .nx-unlock-side-state.is-working{ border-color:rgba(124,92,255,.15); color:#a79eff; } .nx-unlock-side-state.is-complete{ border-color:rgba(54,220,158,.14); color:#4fdda8; } .nx-unlock-side-state.is-error{ border-color:rgba(255,92,121,.15); color:#ff718b; } .nx-unlock-test-warning{ display:block; margin-top:10px; color:#596575; font-size:6px; line-height:1.55; } .nx-unlock-banner-note{ display:none!important; } /* Admin un poco m谩s horizontal */ .nx-unlock-admin{ max-width:760px; margin-left:auto!important; margin-right:auto!important; } @media(max-width:720px){ .nx-unlock-modal-wide{ width:min(520px,100%)!important; padding:17px 12px!important; } .nx-unlock-action-layout{ grid-template-columns:1fr; } .nx-unlock-banner-step{ max-width:280px!important; } .nx-unlock-action-side{ min-height:auto; max-width:360px; width:100%; margin:0 auto; } .nx-unlock-side-state{ margin-top:18px; } } /* ========================================================= NEXORIA V35 · COMENTARIO: N脷MERO + BORRAR A LA DERECHA ========================================================= */ .nx-comment-card{ grid-template-columns:42px minmax(0,1fr) auto!important; padding-top:11px!important; } .nx-comment-side{ min-width:54px; display:flex; flex-direction:column; align-items:flex-end; gap:7px; } .nx-comment-number{ position:static!important; display:inline-flex; align-items:center; justify-content:center; min-width:31px; height:20px; padding:0 5px; border:1px solid rgba(255,255,255,.055); border-radius:7px; background:rgba(255,255,255,.018); color:#647081!important; font-size:7px!important; font-weight:900!important; letter-spacing:.05em!important; } .nx-comment-card.is-admin .nx-comment-number{ border-color:rgba(255,48,72,.12); color:#a34a58!important; } .nx-comment-side .nx-comment-delete{ display:grid!important; width:29px!important; height:29px!important; place-items:center!important; flex:0 0 auto!important; } .nx-comment-side .nx-comment-delete svg{ display:block!important; width:13px!important; height:13px!important; fill:currentColor!important; } .nx-comment-replies .nx-comment-number{ position:static!important; } @media(max-width:680px){ .nx-comment-card{ grid-template-columns:34px minmax(0,1fr) auto!important; } .nx-comment-side{ min-width:45px; } } /* ========================================================= NEXORIA V35 · 脷LTIMO BANNER + VIEW COUNTER PERSISTENTE ========================================================= */ .nx-unlock-banner-step.is-final-visible{ display:flex!important; opacity:1!important; filter:none!important; pointer-events:none!important; } .nx-unlock-banner-step.is-final-visible .nx-unlock-banner-state{ color:#58e5ae!important; } .nx-unlock-banner-step.is-final-visible .nx-unlock-banner-cta{ background:rgba(54,220,158,.12)!important; color:#7ce8bd!important; } .nx-unlock-timer.is-viewing, .nx-unlock-timer:not([hidden]){ visibility:visible!important; } #nxUnlockTimerLabel{ min-width:30px; text-align:center; } /* ========================================================= NEXORIA V36 · N脷MERO DE COMENTARIO + PAPELERA MEJORADA ========================================================= */ .nx-comment-side{ min-width:60px!important; gap:8px!important; } .nx-comment-number{ min-width:42px!important; height:27px!important; padding:0 8px!important; border:1px solid rgba(124,92,255,.14)!important; border-radius:9px!important; background:linear-gradient(135deg,rgba(124,92,255,.08),rgba(255,255,255,.018))!important; color:#aaa3ef!important; font-size:10px!important; font-weight:900!important; letter-spacing:.055em!important; box-shadow:inset 0 1px rgba(255,255,255,.025)!important; } .nx-comment-card.is-admin .nx-comment-number{ border-color:rgba(255,48,72,.18)!important; background:rgba(255,48,72,.045)!important; color:#e06b7b!important; } .nx-comment-delete-modern{ width:34px!important; height:34px!important; display:grid!important; place-items:center!important; padding:0!important; border:1px solid rgba(255,92,121,.11)!important; border-radius:10px!important; background:rgba(255,92,121,.025)!important; color:#7d6670!important; cursor:pointer!important; opacity:1!important; visibility:visible!important; transition: transform .16s ease, color .16s ease, background .16s ease, border-color .16s ease, box-shadow .16s ease!important; } .nx-comment-delete-modern svg{ width:15px!important; height:15px!important; display:block!important; fill:currentColor!important; } .nx-comment-delete-modern:hover{ transform:translateY(-1px)!important; border-color:rgba(255,92,121,.34)!important; background:rgba(255,92,121,.085)!important; color:#ff6f88!important; box-shadow:0 7px 18px rgba(255,72,104,.08)!important; } .nx-comment-delete-modern:active{ transform:scale(.94)!important; } @media(max-width:680px){ .nx-comment-side{ min-width:52px!important; } .nx-comment-number{ min-width:38px!important; height:25px!important; font-size:9px!important; } .nx-comment-delete-modern{ width:32px!important; height:32px!important; } } /* ========================================================= NEXORIA V37 · FIX BOT脫N BORRAR COMENTARIO ========================================================= */ .nx-comment-side .nx-comment-delete, .nx-comment-side .nx-comment-delete-modern{ display:grid!important; visibility:visible!important; opacity:1!important; pointer-events:auto!important; position:relative!important; z-index:4!important; } .nx-comment-side:empty{ display:flex!important; } /* ========================================================= NEXORIA V38 · PAPELERA SIEMPRE VISIBLE ========================================================= */ .nx-comment-side{ min-width:84px!important; display:flex!important; flex-direction:row!important; align-items:center!important; justify-content:flex-end!important; gap:7px!important; } .nx-comment-number{ min-width:42px!important; height:29px!important; padding:0 8px!important; font-size:10px!important; } .nx-comment-side .nx-comment-delete-modern{ display:grid!important; visibility:visible!important; opacity:1!important; width:32px!important; height:32px!important; flex:0 0 32px!important; place-items:center!important; position:relative!important; z-index:10!important; padding:0!important; border:1px solid rgba(255,92,121,.18)!important; border-radius:9px!important; background:rgba(255,92,121,.045)!important; color:#a75e6d!important; pointer-events:auto!important; } .nx-comment-side .nx-comment-delete-modern svg{ display:block!important; width:15px!important; height:15px!important; fill:currentColor!important; } .nx-comment-side .nx-comment-delete-modern:hover{ border-color:rgba(255,92,121,.45)!important; background:rgba(255,92,121,.12)!important; color:#ff7189!important; } .nx-comment-side .nx-comment-delete-modern.is-locked{ opacity:.32!important; color:#68717d!important; border-color:rgba(255,255,255,.06)!important; background:rgba(255,255,255,.015)!important; } .nx-comment-side .nx-comment-delete-modern.is-locked:hover{ opacity:.5!important; color:#8a94a1!important; border-color:rgba(255,255,255,.10)!important; background:rgba(255,255,255,.025)!important; } @media(max-width:680px){ .nx-comment-side{ min-width:77px!important; gap:5px!important; } .nx-comment-number{ min-width:38px!important; height:27px!important; font-size:9px!important; } .nx-comment-side .nx-comment-delete-modern{ width:30px!important; height:30px!important; flex-basis:30px!important; } } /* ========================================================= NEXORIA V39 · PAPELERA SIEMPRE ROJA ========================================================= */ .nx-comment-side .nx-comment-delete-modern, .nx-comment-side .nx-comment-delete-modern.is-locked{ opacity:1!important; color:#ff5c79!important; border-color:rgba(255,92,121,.30)!important; background:rgba(255,92,121,.085)!important; box-shadow:none!important; } .nx-comment-side .nx-comment-delete-modern svg, .nx-comment-side .nx-comment-delete-modern.is-locked svg{ fill:currentColor!important; } .nx-comment-side .nx-comment-delete-modern:hover, .nx-comment-side .nx-comment-delete-modern.is-locked:hover{ opacity:1!important; color:#ff6f88!important; border-color:rgba(255,92,121,.48)!important; background:rgba(255,92,121,.14)!important; } .nx-comment-side .nx-comment-delete-modern:focus, .nx-comment-side .nx-comment-delete-modern:focus-visible, .nx-comment-side .nx-comment-delete-modern:active{ color:#ff5c79!important; border-color:rgba(255,92,121,.38)!important; background:rgba(255,92,121,.10)!important; } /* ========================================================= NEXORIA V40 · BORRAR COMENTARIOS SOLO ADMIN ========================================================= */ .nx-comment-side{ min-width:46px!important; } .nx-comment-card:has(.nx-comment-delete-modern) .nx-comment-side{ min-width:84px!important; } /* La papelera roja solo existe en el DOM cuando la sesi贸n es Admin. */ .nx-comment-side .nx-comment-delete-modern{ opacity:1!important; visibility:visible!important; color:#ff5c79!important; border-color:rgba(255,92,121,.30)!important; background:rgba(255,92,121,.085)!important; } @media(max-width:680px){ .nx-comment-side{ min-width:40px!important; } .nx-comment-card:has(.nx-comment-delete-modern) .nx-comment-side{ min-width:77px!important; } } /* ========================================================= NEXORIA V41 · EDITOR NEXORIA UNLOCK ========================================================= */ .cef-unlock-editor-section{ border-color:rgba(124,92,255,.18)!important; background: radial-gradient(circle at 100% 0,rgba(124,92,255,.055),transparent 24rem), #09131b!important; } .cef-unlock-editor-grid{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; margin-top:12px; } .cef-unlock-editor-grid .cef-full{ grid-column:1/-1; } .cef-unlock-toggle{ min-height:58px; display:flex; align-items:center; gap:10px; padding:10px 12px; border:1px solid #1b303a; border-radius:10px; background:#060d12; cursor:pointer; } .cef-unlock-toggle input{ width:17px; height:17px; accent-color:#7c5cff; } .cef-unlock-toggle span{ min-width:0; } .cef-unlock-toggle strong{ display:block; color:#dfe6ef; font-size:9px; } .cef-unlock-toggle small{ display:block; margin-top:4px; color:#687787; font-size:7px; line-height:1.4; } .cef-unlock-banners-head{ display:flex; align-items:center; justify-content:space-between; gap:12px; margin:18px 0 9px; padding-top:14px; border-top:1px solid rgba(255,255,255,.055); } .cef-unlock-banners-head strong{ display:block; color:#eaf0f6; font-size:10px; } .cef-unlock-banners-head span{ display:block; margin-top:4px; color:#718091; font-size:7px; } .cef-unlock-banner-editor{ display:grid; gap:7px; } .cef-unlock-banner-row{ display:grid; grid-template-columns:32px minmax(150px,.8fr) minmax(180px,1fr) minmax(180px,1fr); gap:7px; align-items:center; padding:8px; border:1px solid rgba(255,255,255,.055); border-radius:10px; background:rgba(255,255,255,.015); } .cef-unlock-banner-row>b{ width:28px; height:28px; display:grid; place-items:center; border-radius:8px; background:rgba(124,92,255,.08); color:#9e94f4; font-size:7px; } @media(max-width:900px){ .cef-unlock-editor-grid{ grid-template-columns:1fr 1fr; } .cef-unlock-banner-row{ grid-template-columns:32px 1fr; } } @media(max-width:620px){ .cef-unlock-editor-grid{ grid-template-columns:1fr; } .cef-unlock-editor-grid .cef-full{ grid-column:auto; } .cef-unlock-banners-head{ align-items:flex-start; flex-direction:column; } } /* ========================================================= NEXORIA V43 · PUBLICIDAD ADMINISTRADA POR EL THEME ========================================================= */ #cefUnlockBannerEditor, .cef-unlock-banner-editor, .cef-unlock-banners-head{ display:none!important; } /* ========================================================= NEXORIA V44 · PERFIL, AVATAR Y PUNTOS ========================================================= */ /* Avatar de cabecera: siempre circular y preparado para imagen. */ .nx-avatar, .nx-site-actions .nx-avatar, .nx-restored-home .nx-avatar{ width:40px!important; height:40px!important; padding:0!important; overflow:hidden!important; display:grid!important; place-items:center!important; border-radius:50%!important; background: linear-gradient(135deg,rgba(124,92,255,.20),rgba(0,217,255,.08))!important; border:1px solid rgba(255,255,255,.10)!important; color:#fff!important; font-size:11px!important; font-weight:900!important; line-height:1!important; } .nx-avatar img, .nx-site-actions .nx-avatar img, .nx-restored-home .nx-avatar img{ width:100%!important; height:100%!important; display:block!important; object-fit:cover!important; border-radius:50%!important; } /* Avatar principal del perfil. */ .nx-profile-photo{ overflow:hidden!important; border-radius:50%!important; } .nx-profile-photo img{ width:100%; height:100%; display:block; object-fit:cover; border-radius:50%; } /* Balance de puntos bajo el nivel. */ .nx-profile-points-pill{ width:max-content; max-width:100%; display:inline-flex; align-items:center; gap:6px; margin-top:10px; padding:6px 9px; border:1px solid rgba(124,92,255,.18); border-radius:999px; background:linear-gradient(135deg,rgba(124,92,255,.10),rgba(0,217,255,.035)); color:#aaa1ff; } .nx-profile-points-pill>span{ font-size:8px; } .nx-profile-points-pill strong{ color:#fff; font-size:11px; line-height:1; } .nx-profile-points-pill small{ color:#8993a5; font-size:8px; } /* Cinco estad铆sticas sin quitar las anteriores. */ .nx-profile-stats{ grid-template-columns:repeat(5,1fr)!important; } .nx-stat-points strong{ color:#b2a9ff!important; } /* Selector del avatar. */ .nx-profile-avatar-field{ padding:12px; border:1px solid rgba(255,255,255,.055); border-radius:14px; background:rgba(255,255,255,.018); } .nx-profile-avatar-picker{ display:flex; align-items:center; gap:14px; } .nx-profile-avatar-preview{ width:78px; height:78px; flex:0 0 78px; overflow:hidden; display:grid; place-items:center; border:3px solid #202737; border-radius:50%; background:linear-gradient(135deg,#7c5cff,#00b9dc); color:#fff; font-size:20px; font-weight:900; box-shadow:0 10px 28px rgba(0,0,0,.22); } .nx-profile-avatar-preview img{ width:100%; height:100%; display:block; object-fit:cover; } .nx-profile-avatar-tools{ min-width:0; display:flex; align-items:center; flex-wrap:wrap; gap:8px; } #nxProfileAvatarFile{ position:absolute; width:1px; height:1px; overflow:hidden; opacity:0; pointer-events:none; } .nx-profile-avatar-browse, .nx-profile-avatar-remove{ min-height:34px; display:inline-flex; align-items:center; justify-content:center; padding:0 11px; border-radius:9px; font-size:8px!important; font-weight:850!important; cursor:pointer; } .nx-profile-avatar-browse{ border:1px solid rgba(124,92,255,.25); background:rgba(124,92,255,.10); color:#c7c1ff!important; } .nx-profile-avatar-remove{ border:1px solid rgba(255,255,255,.07); background:rgba(255,255,255,.025); color:#8f99a8; } .nx-profile-avatar-tools small{ width:100%; color:#687385; font-size:7px; line-height:1.45; } @media(max-width:680px){ .nx-profile-stats{ grid-template-columns:repeat(2,1fr)!important; } .nx-profile-stats .nx-stat:nth-child(2n){ border-right:0; } .nx-profile-stats .nx-stat:last-child{ grid-column:1/-1; } .nx-profile-avatar-picker{ align-items:flex-start; } .nx-profile-avatar-preview{ width:66px; height:66px; flex-basis:66px; } } /* ========================================================= NEXORIA V45 · PERFIL VISUAL PULIDO ========================================================= */ .nx-profile-shell{ width:min(960px,100%)!important; margin:20px auto!important; border-radius:22px!important; background:#0d121a!important; } .nx-profile-cover{ height:118px!important; border-bottom:1px solid rgba(255,255,255,.055)!important; background: radial-gradient(circle at 16% 10%,rgba(124,92,255,.50),transparent 21rem), radial-gradient(circle at 90% 20%,rgba(0,217,255,.16),transparent 20rem), linear-gradient(120deg,#181d2a,#0a1720)!important; } .nx-profile-head-v45{ position:relative; align-items:flex-start!important; gap:18px!important; padding:0 24px 20px!important; background: linear-gradient(180deg,rgba(255,255,255,.012),transparent)!important; } .nx-profile-photo-wrap{ position:relative; flex:0 0 auto; margin-top:-42px; } .nx-profile-photo{ width:92px!important; height:92px!important; margin-top:0!important; border:4px solid #0d121a!important; border-radius:50%!important; background:#111722!important; box-shadow: 0 12px 34px rgba(0,0,0,.36), 0 0 0 1px rgba(255,255,255,.07)!important; } .nx-profile-online-dot{ position:absolute; right:5px; bottom:6px; width:13px; height:13px; border:3px solid #0d121a; border-radius:50%; background:#35dfa1; box-shadow:0 0 0 1px rgba(53,223,161,.18); } .nx-profile-main{ min-width:0!important; flex:1!important; padding-top:16px; } .nx-profile-title-row{ display:flex; align-items:flex-start; justify-content:space-between; gap:16px; } .nx-profile-kicker{ margin-bottom:3px; color:#756af0; font-size:7px; font-weight:900; letter-spacing:.15em; } .nx-profile-main h2{ margin:0!important; color:#f6f8fb!important; font-size:25px!important; line-height:1.08!important; letter-spacing:-.4px; } .nx-profile-main p{ margin:6px 0 0!important; color:#7f8999!important; font-size:10px!important; } .nx-profile-edit-btn{ min-height:36px; display:inline-flex; align-items:center; justify-content:center; gap:7px; flex:0 0 auto; padding:0 12px; border:1px solid rgba(255,255,255,.08); border-radius:10px; background:rgba(255,255,255,.035); color:#d8dee8; font-size:8px; font-weight:850; cursor:pointer; transition:.16s ease; } .nx-profile-edit-btn:hover{ border-color:rgba(124,92,255,.28); background:rgba(124,92,255,.10); color:#fff; transform:translateY(-1px); } .nx-profile-progress-row{ display:grid; grid-template-columns:minmax(0,1fr) 150px; gap:14px; align-items:end; margin-top:16px; } .nx-profile-level{ max-width:none!important; margin-top:0!important; } .nx-profile-level-row{ color:#818b9b!important; font-size:8px!important; } .nx-profile-progress{ height:7px!important; margin-top:7px!important; background:#171e2b!important; border:1px solid rgba(255,255,255,.03); } .nx-profile-progress span{ background:linear-gradient(90deg,#7c5cff,#00cce9)!important; box-shadow:0 0 14px rgba(124,92,255,.22); } .nx-profile-points-card{ min-height:52px; display:flex; align-items:center; gap:10px; padding:9px 11px; border:1px solid rgba(124,92,255,.18); border-radius:12px; background: linear-gradient(135deg,rgba(124,92,255,.095),rgba(0,217,255,.028)); } .nx-profile-points-icon{ width:28px; height:28px; display:grid; place-items:center; border-radius:8px; background:rgba(124,92,255,.13); color:#9f95ff; font-size:8px; } .nx-profile-points-card strong{ display:block; color:#fff; font-size:16px; line-height:1; } .nx-profile-points-card small{ display:block; margin-top:4px; color:#7f8998; font-size:7px; white-space:nowrap; } /* Ya no se usa el pill antiguo del perfil. */ .nx-profile-points-pill{ display:none!important; } .nx-profile-stats{ grid-template-columns:repeat(5,1fr)!important; background:#111721!important; border-top:1px solid rgba(255,255,255,.055)!important; border-bottom:1px solid rgba(255,255,255,.055)!important; } .nx-stat{ padding:17px 12px!important; border-right:1px solid rgba(255,255,255,.045)!important; } .nx-stat strong{ color:#f5f7fb!important; font-size:18px!important; } .nx-stat span{ margin-top:5px!important; color:#788394!important; font-size:8px!important; } .nx-stat-points{ background:linear-gradient(180deg,rgba(124,92,255,.045),transparent); } .nx-stat-points strong{ color:#a99fff!important; } .nx-profile-tabs{ gap:3px!important; padding:11px 18px 0!important; background:#0d121a; border-bottom:1px solid rgba(255,255,255,.04); } .nx-profile-tab{ min-height:37px; padding:0 12px!important; border-radius:9px 9px 0 0!important; color:#7e8797!important; font-size:9px!important; } .nx-profile-tab.active{ position:relative; background:#151b26!important; color:#fff!important; } .nx-profile-tab.active:after{ content:''; position:absolute; left:12px; right:12px; bottom:0; height:2px; border-radius:999px; background:linear-gradient(90deg,#7c5cff,#00d9ff); } .nx-profile-content{ padding:16px 18px 18px!important; background:#151b26!important; } @media(max-width:680px){ .nx-profile-cover{ height:96px!important; } .nx-profile-head-v45{ padding:0 14px 15px!important; gap:12px!important; } .nx-profile-photo-wrap{ margin-top:-34px; } .nx-profile-photo{ width:76px!important; height:76px!important; } .nx-profile-main{ padding-top:10px; } .nx-profile-title-row{ display:block; } .nx-profile-edit-btn{ margin-top:10px; } .nx-profile-progress-row{ grid-template-columns:1fr; gap:9px; } .nx-profile-points-card{ width:max-content; min-width:140px; } .nx-profile-stats{ grid-template-columns:repeat(2,1fr)!important; } .nx-profile-stats .nx-stat:last-child{ grid-column:1/-1; } } /* ========================================================= NEXORIA V46 · EDICI脫N DE PERFIL EN EL MISMO ENCABEZADO ========================================================= */ .nx-profile-head-v45.is-editing .nx-profile-title-row>div:first-child, .nx-profile-head-v45.is-editing .nx-profile-progress-row{ display:none!important; } .nx-profile-head-v45.is-editing .nx-profile-edit-btn{ display:none!important; } .nx-profile-inline-editor{ margin-top:12px; padding:14px; display:grid; grid-template-columns:96px minmax(0,1fr); gap:14px; border:1px solid rgba(124,92,255,.15); border-radius:14px; background: linear-gradient(135deg,rgba(124,92,255,.055),rgba(0,217,255,.018)), rgba(10,15,23,.78); } .nx-profile-inline-editor[hidden]{ display:none!important; } .nx-profile-inline-avatar{ display:flex; flex-direction:column; align-items:center; gap:8px; } .nx-profile-inline-avatar-preview{ width:78px; height:78px; display:grid; place-items:center; overflow:hidden; border:3px solid #202737; border-radius:50%; background:linear-gradient(135deg,#7c5cff,#00b9dc); color:#fff; font-size:19px; font-weight:900; } .nx-profile-inline-avatar-preview img{ width:100%; height:100%; display:block; object-fit:cover; } #nxInlineProfileAvatarFile{ position:absolute; width:1px; height:1px; overflow:hidden; opacity:0; pointer-events:none; } .nx-profile-inline-avatar-button{ min-height:31px; display:inline-flex; align-items:center; justify-content:center; padding:0 10px; border:1px solid rgba(124,92,255,.20); border-radius:9px; background:rgba(124,92,255,.09); color:#c5beff; font-size:7px; font-weight:850; cursor:pointer; } .nx-profile-inline-fields{ min-width:0; } .nx-profile-inline-grid{ display:grid; grid-template-columns:1fr 1fr; gap:9px; } .nx-profile-inline-grid label{ display:grid; gap:5px; } .nx-profile-inline-grid label.full{ grid-column:1/-1; } .nx-profile-inline-grid span{ color:#8893a3; font-size:7px; font-weight:800; letter-spacing:.03em; } .nx-profile-inline-grid input, .nx-profile-inline-grid textarea{ width:100%; min-height:36px; border:1px solid rgba(255,255,255,.075); border-radius:9px; outline:none; background:#0a1018; color:#eef2f7; padding:9px 10px; font-size:9px; } .nx-profile-inline-grid input:focus, .nx-profile-inline-grid textarea:focus{ border-color:rgba(124,92,255,.36); box-shadow:0 0 0 3px rgba(124,92,255,.055); } .nx-profile-inline-grid textarea{ min-height:66px; resize:vertical; } .nx-profile-inline-actions{ display:flex; justify-content:flex-end; gap:7px; margin-top:10px; } .nx-profile-inline-save, .nx-profile-inline-cancel{ min-height:34px; padding:0 12px; border-radius:9px; font-size:8px; font-weight:850; cursor:pointer; } .nx-profile-inline-save{ border:0; background:linear-gradient(135deg,#7c5cff,#597cff); color:#fff; } .nx-profile-inline-cancel{ border:1px solid rgba(255,255,255,.075); background:rgba(255,255,255,.025); color:#9da7b5; } @media(max-width:680px){ .nx-profile-inline-editor{ grid-template-columns:1fr; } .nx-profile-inline-avatar{ align-items:flex-start; flex-direction:row; } .nx-profile-inline-grid{ grid-template-columns:1fr; } .nx-profile-inline-grid label.full{ grid-column:auto; } } /* ========================================================= NEXORIA V47 · EVITAR AVATAR DUPLICADO EN EDICI脫N ========================================================= */ .nx-profile-head-v45.is-editing .nx-profile-photo-wrap{ display:none!important; } .nx-profile-head-v45.is-editing{ grid-template-columns:1fr!important; } .nx-profile-head-v45.is-editing .nx-profile-main{ width:100%!important; padding-top:14px!important; } /* ========================================================= NEXORIA V49 · MISIONES INTEGRADAS EN EL THEME ========================================================= */ .nx-missions-page{ width:100%; min-height:620px; padding:4px 0 8px; background:transparent; } .nx-missions-page[hidden]{ display:none!important; } .nx-missions-page-head{ display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:start; gap:16px; margin-bottom:16px; padding:6px 2px 18px; border-bottom:1px solid rgba(255,255,255,.055); } .nx-missions-back{ min-height:36px; display:inline-flex; align-items:center; justify-content:center; gap:7px; padding:0 11px; border:1px solid rgba(255,255,255,.07); border-radius:10px; background:rgba(255,255,255,.025); color:#a8b1bf; font-size:8px; font-weight:850; cursor:pointer; } .nx-missions-back:hover{ border-color:rgba(124,92,255,.24); background:rgba(124,92,255,.075); color:#fff; } .nx-missions-page-title{ min-width:0; } .nx-missions-page-title h1{ margin:4px 0 6px; color:#f5f7fb; font-size:28px; line-height:1.05; letter-spacing:-.7px; } .nx-missions-page-title p{ max-width:600px; margin:0; color:#7f8998; font-size:10px; line-height:1.55; } .nx-missions-kicker{ display:block; color:#8176ef; font-size:7px; font-weight:900; letter-spacing:.14em; } .nx-missions-head-points{ min-width:132px; padding:11px 13px; border:1px solid rgba(124,92,255,.16); border-radius:12px; background:linear-gradient(135deg,rgba(124,92,255,.09),rgba(0,217,255,.025)); text-align:right; } .nx-missions-head-points strong{ display:block; color:#fff; font-size:20px; line-height:1; } .nx-missions-head-points span{ display:block; margin-top:5px; color:#7f8998; font-size:7px; } .nx-missions-summary{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:9px; margin-bottom:14px; } .nx-missions-summary>div{ min-height:68px; display:flex; flex-direction:column; justify-content:center; padding:11px 13px; border:1px solid rgba(255,255,255,.055); border-radius:12px; background:rgba(255,255,255,.018); } .nx-missions-summary strong{ color:#edf1f7; font-size:18px; } .nx-missions-summary span{ margin-top:3px; color:#717d8e; font-size:7px; } .nx-missions-grid{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; } .nx-mission-card{ min-width:0; display:grid; grid-template-columns:46px minmax(0,1fr); gap:12px; padding:14px; border:1px solid rgba(255,255,255,.055); border-radius:14px; background: radial-gradient(circle at 100% 0,rgba(124,92,255,.03),transparent 12rem), linear-gradient(145deg,rgba(255,255,255,.025),rgba(255,255,255,.008)); transition:.16s ease; } .nx-mission-card.is-ready{ border-color:rgba(124,92,255,.24); background: radial-gradient(circle at 100% 0,rgba(124,92,255,.095),transparent 12rem), rgba(255,255,255,.018); } .nx-mission-card.is-claimed{ border-color:rgba(49,219,155,.11); opacity:.74; } .nx-mission-icon{ width:46px; height:46px; display:grid; place-items:center; border:1px solid rgba(124,92,255,.13); border-radius:13px; background:rgba(124,92,255,.07); font-size:18px; } .nx-mission-main{min-width:0} .nx-mission-category{ display:inline-block; margin-bottom:5px; color:#657183; font-size:6px; font-weight:900; letter-spacing:.10em; text-transform:uppercase; } .nx-mission-top{ display:flex; align-items:flex-start; justify-content:space-between; gap:9px; } .nx-mission-copy strong{ display:block; color:#e9edf4; font-size:10px; } .nx-mission-copy span{ display:block; margin-top:4px; color:#727d8d; font-size:7px; line-height:1.45; } .nx-mission-reward{ flex:0 0 auto; padding:4px 6px; border:1px solid rgba(124,92,255,.15); border-radius:7px; background:rgba(124,92,255,.07); color:#a69cff; font-size:7px; font-weight:900; } .nx-mission-progress-line{ display:flex; justify-content:space-between; gap:8px; margin-top:11px; color:#667283; font-size:7px; } .nx-mission-progress{ height:5px; margin-top:5px; overflow:hidden; border-radius:999px; background:#1a2230; } .nx-mission-progress span{ display:block; height:100%; border-radius:inherit; background:linear-gradient(90deg,#7c5cff,#00cde9); } .nx-mission-actions{ display:flex; justify-content:flex-end; margin-top:10px; } .nx-mission-claim{ min-height:31px; padding:0 10px; border:1px solid rgba(255,255,255,.065); border-radius:8px; background:rgba(255,255,255,.025); color:#687486; font-size:7px; font-weight:900; } .nx-mission-card.is-ready .nx-mission-claim{ border-color:rgba(124,92,255,.28); background:linear-gradient(135deg,#7054e8,#5579ef); color:#fff; cursor:pointer; } .nx-mission-card.is-claimed .nx-mission-claim{ border-color:rgba(49,219,155,.13); background:rgba(49,219,155,.055); color:#53dba8; } @media(max-width:720px){ .nx-missions-page-head{ grid-template-columns:1fr; } .nx-missions-back, .nx-missions-head-points{ width:max-content; } .nx-missions-head-points{ text-align:left; } .nx-missions-grid{ grid-template-columns:1fr; } } @media(max-width:480px){ .nx-missions-summary{ grid-template-columns:1fr; } } /* ========================================================= NEXORIA V50 · MISIONES SIN BOT脫N VOLVER ========================================================= */ .nx-missions-page-head{ grid-template-columns:minmax(0,1fr) auto!important; } @media(max-width:720px){ .nx-missions-page-head{ grid-template-columns:1fr!important; } } /* ========================================================= NEXORIA V51 · CONFIRMACI脫N ANIMADA Inspirada en el m贸dulo visual aportado por el usuario. CSS/SVG/JS nativo, sin librer铆as externas. ========================================================= */ .nx-action-result{ position:fixed; inset:0; z-index:120000; display:grid; place-items:center; padding:18px; background:rgba(3,5,10,.78); backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px); animation:nxResultFade .22s ease both; } .nx-action-result-card{ position:relative; width:min(390px,100%); overflow:hidden; padding:29px 25px 22px; border:1px solid rgba(124,92,255,.28); border-radius:20px; background: radial-gradient(circle at 85% 0,rgba(0,217,255,.06),transparent 15rem), linear-gradient(150deg,#121824,#090e16); box-shadow: 0 36px 110px rgba(0,0,0,.72), 0 0 44px rgba(124,92,255,.05); text-align:center; animation:nxResultCard .42s cubic-bezier(.2,.8,.2,1.15) both; } .nx-action-result-card:before{ content:''; position:absolute; inset:0 0 auto; height:1px; background:linear-gradient(90deg,transparent,#7c5cff,#00d9ff,transparent); } .nx-action-check{ width:70px; height:70px; margin:0 auto 16px; } .nx-action-check svg{ display:block; width:100%; height:100%; overflow:visible; } .nx-action-check circle{ fill:rgba(124,92,255,.055); stroke:rgba(124,92,255,.42); stroke-width:1.5; stroke-dasharray:190; stroke-dashoffset:190; animation:nxCircleDraw .55s .1s ease forwards; } .nx-action-check path{ fill:none; stroke:#8f7bff; stroke-width:3; stroke-linecap:round; stroke-linejoin:round; stroke-dasharray:42; stroke-dashoffset:42; filter:drop-shadow(0 0 6px rgba(124,92,255,.52)); animation:nxCheckDraw .42s .48s ease forwards; } .nx-action-result-card small{ display:block; color:#9e93ff; font:850 8px Inter,Arial,sans-serif; letter-spacing:1.6px; } .nx-action-result-card h3{ margin:7px 0 5px; color:#f5f7fb; font:850 20px/1.15 Inter,Arial,sans-serif; } .nx-action-result-card p{ margin:0; color:#758092; font:500 10px/1.5 Inter,Arial,sans-serif; } .nx-action-result-detail{ margin:14px 0 16px; padding:10px 12px; border:1px solid rgba(255,255,255,.065); border-radius:10px; background:rgba(255,255,255,.018); color:#cbd2dd; font:750 10px Inter,Arial,sans-serif; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .nx-action-result-progress{ height:3px; border-radius:99px; background:rgba(255,255,255,.055); overflow:hidden; } .nx-action-result-progress i{ display:block; width:0; height:100%; border-radius:inherit; background:linear-gradient(90deg,#7c5cff,#00d9ff); box-shadow:0 0 12px rgba(124,92,255,.32); animation:nxResultProgress 1.8s .18s linear forwards; } @keyframes nxResultFade{ from{opacity:0} to{opacity:1} } @keyframes nxResultCard{ from{opacity:0;transform:translateY(16px) scale(.94)} to{opacity:1;transform:none} } @keyframes nxCircleDraw{ to{stroke-dashoffset:0} } @keyframes nxCheckDraw{ to{stroke-dashoffset:0} } @keyframes nxResultProgress{ to{width:100%} } @media(prefers-reduced-motion:reduce){ .nx-action-result, .nx-action-result-card, .nx-action-check circle, .nx-action-check path, .nx-action-result-progress i{ animation:none!important; } .nx-action-check circle, .nx-action-check path{ stroke-dashoffset:0!important; } .nx-action-result-progress i{ width:100%!important; } } /* ========================================================= NEXORIA V53 · MISIONES M脕S VIVAS + RACHA 7 D脥AS ========================================================= */ .nx-missions-page{ position:relative; overflow:hidden; } .nx-missions-page:before{ content:''; position:absolute; z-index:0; width:340px; height:340px; right:-150px; top:-170px; border-radius:50%; background:radial-gradient(circle,rgba(124,92,255,.12),rgba(124,92,255,0) 68%); pointer-events:none; } .nx-missions-page>*{ position:relative; z-index:1; } .nx-missions-page-title h1{ font-size:34px!important; letter-spacing:-1px!important; } .nx-missions-page-title p{ max-width:680px!important; color:#96a0b0!important; font-size:12px!important; line-height:1.65!important; } .nx-missions-kicker{ font-size:8px!important; letter-spacing:.17em!important; } .nx-missions-head-points{ min-width:150px!important; padding:13px 15px!important; box-shadow:inset 0 1px rgba(255,255,255,.025); } .nx-missions-head-points strong{ font-size:24px!important; } .nx-missions-head-points span{ font-size:8px!important; } .nx-missions-summary{ gap:11px!important; margin-bottom:16px!important; } .nx-missions-summary>div{ min-height:78px!important; padding:13px 15px!important; border-radius:14px!important; transition:transform .18s ease,border-color .18s ease,background .18s ease; } .nx-missions-summary>div:hover{ transform:translateY(-2px); border-color:rgba(124,92,255,.16); background:rgba(124,92,255,.035); } .nx-missions-summary strong{ font-size:22px!important; } .nx-missions-summary span{ margin-top:5px!important; color:#8993a3!important; font-size:9px!important; } /* Racha */ .nx-streak-card{ position:relative; display:grid; grid-template-columns:minmax(0,1fr) minmax(250px,320px) 105px; gap:18px; align-items:center; margin:0 0 16px; padding:17px 18px; overflow:hidden; border:1px solid rgba(255,151,65,.18); border-radius:17px; background: radial-gradient(circle at 3% 50%,rgba(255,126,55,.11),transparent 15rem), radial-gradient(circle at 92% 0,rgba(124,92,255,.10),transparent 17rem), linear-gradient(135deg,rgba(255,255,255,.03),rgba(255,255,255,.012)); box-shadow:0 15px 38px rgba(0,0,0,.16); } .nx-streak-card:after{ content:''; position:absolute; width:110px; height:110px; left:-45px; top:-55px; border-radius:50%; border:1px solid rgba(255,155,75,.10); box-shadow: 0 0 0 18px rgba(255,155,75,.025), 0 0 0 38px rgba(255,155,75,.012); pointer-events:none; } .nx-streak-main{ min-width:0; display:flex; align-items:center; gap:13px; } .nx-streak-icon{ width:54px; height:54px; flex:0 0 54px; display:grid; place-items:center; border:1px solid rgba(255,159,81,.18); border-radius:15px; background:rgba(255,137,59,.075); font-size:24px; box-shadow:0 0 26px rgba(255,126,55,.07); animation:nxStreakGlow 2.8s ease-in-out infinite; } .nx-streak-kicker{ display:block; color:#ff9d68; font-size:7px; font-weight:900; letter-spacing:.15em; } .nx-streak-copy h2{ margin:4px 0 5px; color:#f5f7fb; font-size:18px; line-height:1.1; } .nx-streak-copy h2 strong{ color:#ffad73; font-size:22px; } .nx-streak-copy p{ max-width:440px; margin:0; color:#8f99a9; font-size:10px; line-height:1.5; } .nx-streak-copy p b{ color:#c3baff; font-weight:850; } .nx-streak-week{ min-width:0; } .nx-streak-days{ display:grid; grid-template-columns:repeat(7,1fr); gap:6px; } .nx-streak-days span{ aspect-ratio:1; display:grid; place-items:center; border:1px solid rgba(255,255,255,.06); border-radius:10px; background:#111823; color:#5f6a7b; font-size:8px; font-weight:900; transition:.18s ease; } .nx-streak-days span.is-active{ border-color:rgba(255,151,65,.26); background:linear-gradient(145deg,rgba(255,135,58,.18),rgba(124,92,255,.075)); color:#ffd1af; box-shadow:0 0 18px rgba(255,126,55,.07); transform:translateY(-1px); } .nx-streak-days span.is-today{ outline:2px solid rgba(255,167,92,.10); outline-offset:2px; } .nx-streak-meta{ display:flex; justify-content:space-between; gap:10px; margin-top:8px; color:#707b8d; font-size:7px; } .nx-streak-meta b{ color:#a5afbd; } .nx-streak-reward{ min-height:78px; display:flex; flex-direction:column; align-items:center; justify-content:center; border:1px solid rgba(124,92,255,.15); border-radius:14px; background:linear-gradient(145deg,rgba(124,92,255,.09),rgba(0,217,255,.025)); } .nx-streak-reward span{ color:#756bd8; font-size:6px; font-weight:900; letter-spacing:.11em; } .nx-streak-reward strong{ margin-top:3px; color:#fff; font-size:24px; line-height:1; } .nx-streak-reward small{ margin-top:4px; color:#8d97a7; font-size:7px; } /* Tarjetas de misi贸n: mayor legibilidad y sensaci贸n de progreso. */ .nx-missions-grid{ gap:12px!important; } .nx-mission-card{ grid-template-columns:52px minmax(0,1fr)!important; gap:14px!important; min-height:166px; padding:16px!important; border-radius:16px!important; transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease!important; } .nx-mission-card:hover{ transform:translateY(-3px); border-color:rgba(124,92,255,.18); box-shadow:0 16px 34px rgba(0,0,0,.16); } .nx-mission-card.is-ready{ box-shadow: inset 0 1px rgba(255,255,255,.025), 0 14px 34px rgba(124,92,255,.055); } .nx-mission-icon{ width:52px!important; height:52px!important; border-radius:15px!important; font-size:21px!important; } .nx-mission-category{ margin-bottom:7px!important; color:#8075df!important; font-size:7px!important; } .nx-mission-copy strong{ font-size:13px!important; line-height:1.25!important; } .nx-mission-copy span{ margin-top:6px!important; color:#8994a4!important; font-size:9px!important; line-height:1.55!important; } .nx-mission-reward{ padding:5px 8px!important; font-size:8px!important; } .nx-mission-progress-line{ margin-top:13px!important; color:#758193!important; font-size:8px!important; } .nx-mission-progress{ height:7px!important; margin-top:7px!important; } .nx-mission-progress span{ box-shadow:0 0 12px rgba(124,92,255,.24); } .nx-mission-claim{ min-height:34px!important; padding:0 12px!important; font-size:8px!important; } @keyframes nxStreakGlow{ 0%,100%{transform:translateY(0) scale(1);box-shadow:0 0 20px rgba(255,126,55,.04)} 50%{transform:translateY(-2px) scale(1.035);box-shadow:0 0 30px rgba(255,126,55,.13)} } @media(max-width:900px){ .nx-streak-card{ grid-template-columns:minmax(0,1fr) 100px; } .nx-streak-week{ grid-column:1/-1; grid-row:2; } } @media(max-width:680px){ .nx-missions-page-title h1{ font-size:29px!important; } .nx-missions-page-title p{ font-size:11px!important; } .nx-streak-card{ grid-template-columns:1fr; gap:13px; } .nx-streak-week{ grid-column:auto; grid-row:auto; } .nx-streak-reward{ width:120px; } .nx-mission-card{ min-height:0; } } @media(prefers-reduced-motion:reduce){ .nx-streak-icon{ animation:none!important; } .nx-mission-card, .nx-missions-summary>div{ transition:none!important; } } /* ========================================================= NEXORIA V54 · INSIGNIAS Y LOGROS ========================================================= */ .nx-badges-page{ position:relative; width:100%; min-height:620px; padding:4px 0 10px; overflow:hidden; background:transparent; } .nx-badges-page[hidden]{ display:none!important; } .nx-badges-page:before{ content:''; position:absolute; z-index:0; width:390px; height:390px; right:-180px; top:-190px; border-radius:50%; background: radial-gradient(circle,rgba(124,92,255,.15),rgba(124,92,255,0) 68%); pointer-events:none; } .nx-badges-page>*{ position:relative; z-index:1; } .nx-badges-page-head{ display:grid; grid-template-columns:minmax(0,1fr) 180px; align-items:start; gap:18px; padding:6px 2px 19px; margin-bottom:15px; border-bottom:1px solid rgba(255,255,255,.055); } .nx-badges-kicker{ display:block; color:#8d80ff; font-size:8px; font-weight:900; letter-spacing:.17em; } .nx-badges-page-title h1{ margin:5px 0 7px; color:#f6f8fb; font-size:34px; line-height:1.05; letter-spacing:-1px; } .nx-badges-page-title p{ max-width:700px; margin:0; color:#96a0b0; font-size:12px; line-height:1.65; } .nx-badges-head-progress{ padding:13px 14px; border:1px solid rgba(124,92,255,.18); border-radius:14px; background: linear-gradient(135deg,rgba(124,92,255,.10),rgba(0,217,255,.025)); } .nx-badges-head-progress strong{ display:block; color:#fff; font-size:22px; line-height:1; } .nx-badges-head-progress>span{ display:block; margin-top:5px; color:#838e9e; font-size:8px; } .nx-badges-head-bar{ height:5px; margin-top:10px; overflow:hidden; border-radius:999px; background:#19212e; } .nx-badges-head-bar i{ display:block; width:0; height:100%; border-radius:inherit; background:linear-gradient(90deg,#7c5cff,#00d9ff); box-shadow:0 0 14px rgba(124,92,255,.22); transition:width .35s ease; } .nx-badges-summary{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; margin-bottom:12px; } .nx-badges-summary>div{ min-height:80px; display:grid; grid-template-columns:34px minmax(0,1fr); grid-template-rows:auto auto; align-items:center; column-gap:10px; padding:13px 14px; border:1px solid rgba(255,255,255,.055); border-radius:14px; background: linear-gradient(145deg,rgba(255,255,255,.027),rgba(255,255,255,.008)); } .nx-badges-summary-icon{ grid-row:1/3; width:34px; height:34px; display:grid; place-items:center; border-radius:10px; background:rgba(124,92,255,.075); font-size:15px; } .nx-badges-summary strong{ align-self:end; color:#f2f5f9; font-size:19px; line-height:1; } .nx-badges-summary small{ align-self:start; margin-top:4px; color:#7f8a9a; font-size:8px; } .nx-badges-legend{ display:flex; flex-wrap:wrap; gap:13px; margin:0 0 13px; color:#727d8d; font-size:8px; } .nx-badges-legend span{ display:inline-flex; align-items:center; gap:5px; } .nx-badges-legend i{ width:7px; height:7px; border-radius:50%; } .nx-badges-legend i.common{background:#8994a5} .nx-badges-legend i.rare{background:#55b6ff} .nx-badges-legend i.epic{background:#a176ff} .nx-badges-legend i.legendary{background:#ffae5f} .nx-badges-grid{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; } .nx-badge-card{ --badge-accent:#8994a5; position:relative; min-width:0; display:grid; grid-template-columns:86px minmax(0,1fr); gap:15px; min-height:174px; padding:16px; overflow:hidden; border:1px solid rgba(255,255,255,.055); border-radius:17px; background: radial-gradient(circle at 0 0,color-mix(in srgb,var(--badge-accent) 10%,transparent),transparent 13rem), linear-gradient(145deg,rgba(255,255,255,.026),rgba(255,255,255,.008)); transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease; } .nx-badge-card[data-rarity='common']{--badge-accent:#8994a5} .nx-badge-card[data-rarity='rare']{--badge-accent:#55b6ff} .nx-badge-card[data-rarity='epic']{--badge-accent:#a176ff} .nx-badge-card[data-rarity='legendary']{--badge-accent:#ffae5f} .nx-badge-card.is-unlocked{ border-color:color-mix(in srgb,var(--badge-accent) 25%,rgba(255,255,255,.055)); box-shadow: inset 0 1px rgba(255,255,255,.025), 0 16px 38px color-mix(in srgb,var(--badge-accent) 7%,transparent); } .nx-badge-card.is-unlocked:hover{ transform:translateY(-3px); border-color:color-mix(in srgb,var(--badge-accent) 42%,rgba(255,255,255,.055)); } .nx-badge-card.is-locked{ opacity:.62; } .nx-badge-medal{ position:relative; width:82px; height:82px; display:grid; place-items:center; align-self:start; border:1px solid color-mix(in srgb,var(--badge-accent) 26%,transparent); border-radius:50%; background: radial-gradient(circle at 40% 32%,rgba(255,255,255,.10),transparent 24%), linear-gradient(145deg,color-mix(in srgb,var(--badge-accent) 20%,#151b26),#0e141e); box-shadow: inset 0 0 0 6px rgba(6,10,16,.30), 0 10px 26px rgba(0,0,0,.20); color:#fff; } .nx-badge-medal:before, .nx-badge-medal:after{ content:''; position:absolute; z-index:-1; bottom:-23px; width:24px; height:42px; border-radius:4px; background:linear-gradient(180deg,var(--badge-accent),color-mix(in srgb,var(--badge-accent) 35%,#121722)); opacity:.48; } .nx-badge-medal:before{ left:14px; transform:rotate(13deg); } .nx-badge-medal:after{ right:14px; transform:rotate(-13deg); } .nx-badge-symbol{ font-size:31px; filter:drop-shadow(0 3px 8px rgba(0,0,0,.28)); } .nx-badge-lock{ position:absolute; right:-2px; bottom:3px; width:24px; height:24px; display:grid; place-items:center; border:3px solid #111722; border-radius:50%; background:#202938; color:#667284; font-size:10px; } .nx-badge-card.is-unlocked .nx-badge-medal{ animation:nxBadgeFloat 3.2s ease-in-out infinite; } .nx-badge-card.is-unlocked .nx-badge-lock{ background:var(--badge-accent); color:#081018; } .nx-badge-content{ min-width:0; } .nx-badge-top{ display:flex; align-items:flex-start; justify-content:space-between; gap:9px; } .nx-badge-category{ display:block; margin-bottom:5px; color:var(--badge-accent); font-size:7px; font-weight:900; letter-spacing:.11em; text-transform:uppercase; } .nx-badge-content h3{ margin:0; color:#eef2f8; font-size:14px; line-height:1.2; } .nx-badge-rarity{ flex:0 0 auto; padding:4px 7px; border:1px solid color-mix(in srgb,var(--badge-accent) 24%,transparent); border-radius:999px; background:color-mix(in srgb,var(--badge-accent) 8%,transparent); color:var(--badge-accent); font-size:7px; font-weight:900; text-transform:uppercase; } .nx-badge-description{ margin:7px 0 0; color:#8893a3; font-size:9px; line-height:1.55; } .nx-badge-progress-line{ display:flex; justify-content:space-between; gap:8px; margin-top:13px; color:#707c8d; font-size:8px; } .nx-badge-progress-line b{ color:#a5afbd; } .nx-badge-progress{ height:7px; margin-top:6px; overflow:hidden; border-radius:999px; background:#19212e; } .nx-badge-progress span{ display:block; height:100%; border-radius:inherit; background:linear-gradient(90deg,var(--badge-accent),#00cde9); box-shadow:0 0 12px color-mix(in srgb,var(--badge-accent) 25%,transparent); } .nx-badge-footer{ display:flex; align-items:center; justify-content:space-between; gap:9px; margin-top:10px; } .nx-badge-status{ color:#687486; font-size:8px; font-weight:800; } .nx-badge-card.is-unlocked .nx-badge-status{ color:var(--badge-accent); } .nx-badge-new{ padding:4px 7px; border-radius:999px; background:rgba(124,92,255,.13); color:#b9b0ff; font-size:7px; font-weight:900; animation:nxBadgeNewPulse 1.9s ease-in-out infinite; } @keyframes nxBadgeFloat{ 0%,100%{transform:translateY(0)} 50%{transform:translateY(-3px)} } @keyframes nxBadgeNewPulse{ 0%,100%{box-shadow:0 0 0 rgba(124,92,255,0)} 50%{box-shadow:0 0 18px rgba(124,92,255,.16)} } @media(max-width:800px){ .nx-badges-summary{ grid-template-columns:repeat(2,minmax(0,1fr)); } } @media(max-width:720px){ .nx-badges-page-head{ grid-template-columns:1fr; } .nx-badges-head-progress{ width:180px; } .nx-badges-grid{ grid-template-columns:1fr; } } @media(max-width:480px){ .nx-badges-summary{ grid-template-columns:1fr; } .nx-badge-card{ grid-template-columns:70px minmax(0,1fr); min-height:0; padding:14px; } .nx-badge-medal{ width:66px; height:66px; } .nx-badge-symbol{ font-size:25px; } } @media(prefers-reduced-motion:reduce){ .nx-badge-card.is-unlocked .nx-badge-medal, .nx-badge-new{ animation:none!important; } .nx-badge-card{ transition:none!important; } } /* ========================================================= NEXORIA V55 · INSIGNIAS VIP + UPLOADER ========================================================= */ .nx-badge-card[data-badge-id='vip_member']{ --badge-accent:#f3c969; background: radial-gradient(circle at 0 0,rgba(243,201,105,.13),transparent 13rem), linear-gradient(145deg,rgba(243,201,105,.035),rgba(255,255,255,.008)); } .nx-badge-card[data-badge-id='uploader_member']{ --badge-accent:#6dd6ff; background: radial-gradient(circle at 0 0,rgba(109,214,255,.12),transparent 13rem), linear-gradient(145deg,rgba(109,214,255,.03),rgba(255,255,255,.008)); } .nx-badge-card[data-badge-id='vip_member'].is-unlocked .nx-badge-medal{ box-shadow: inset 0 0 0 6px rgba(6,10,16,.28), 0 0 30px rgba(243,201,105,.14); } .nx-badge-card[data-badge-id='uploader_member'].is-unlocked .nx-badge-medal{ box-shadow: inset 0 0 0 6px rgba(6,10,16,.28), 0 0 30px rgba(109,214,255,.12); } /* ========================================================= NEXORIA V56 · CENTRO DE NOTIFICACIONES ========================================================= */ .nx-notify-button{ position:relative; } .nx-notify-dot{ display:none!important; } .nx-notify-count{ position:absolute; z-index:3; right:1px; top:1px; min-width:17px; height:17px; display:inline-flex; align-items:center; justify-content:center; padding:0 4px; border:2px solid #0d121a; border-radius:999px; background:linear-gradient(135deg,#ff6689,#8e62ff); color:#fff; font-size:7px; font-weight:900; line-height:1; box-shadow:0 4px 14px rgba(255,102,137,.24); animation:nxNotifyCountIn .25s ease both; } .nx-notify-count[hidden]{ display:none!important; } .nx-notify-panel{ right:18px!important; top:76px!important; width:min(430px,calc(100vw - 24px))!important; max-height:min(690px,calc(100vh - 96px)); display:none; overflow:hidden!important; border:1px solid rgba(124,92,255,.15)!important; border-radius:20px!important; background: radial-gradient(circle at 100% 0,rgba(124,92,255,.09),transparent 15rem), linear-gradient(155deg,#111722,#0c1119)!important; box-shadow: 0 34px 100px rgba(0,0,0,.56), 0 0 0 1px rgba(255,255,255,.015) inset!important; transform-origin:top right; } .nx-notify-panel.open{ display:flex!important; flex-direction:column; animation:nxNotifyPanelIn .22s cubic-bezier(.2,.8,.2,1) both; } .nx-notify-head{ min-height:88px!important; display:flex!important; align-items:flex-start!important; justify-content:space-between!important; gap:14px!important; padding:16px 16px 13px!important; border-bottom:1px solid rgba(255,255,255,.055)!important; background:linear-gradient(180deg,rgba(255,255,255,.014),transparent); } .nx-notify-head-copy{ min-width:0; } .nx-notify-kicker{ display:block; margin-bottom:5px; color:#8176ef!important; font-size:7px!important; font-weight:900; letter-spacing:.15em; } .nx-notify-title-row{ display:flex; align-items:center; flex-wrap:wrap; gap:8px; } .nx-notify-title-row strong{ color:#f6f8fb!important; font-size:18px!important; line-height:1.1; letter-spacing:-.25px; } .nx-notify-unread-pill{ min-height:20px; display:inline-flex!important; align-items:center; padding:0 7px; border:1px solid rgba(124,92,255,.20); border-radius:999px; background:rgba(124,92,255,.10); color:#afa6ff!important; font-size:7px!important; font-weight:900; } .nx-notify-unread-pill[hidden]{ display:none!important; } .nx-notify-subtitle{ display:block!important; margin-top:5px!important; color:#7e8999!important; font-size:9px!important; line-height:1.45; } .nx-notify-close{ width:34px!important; height:34px!important; flex:0 0 34px; border:1px solid rgba(255,255,255,.07)!important; border-radius:10px!important; background:rgba(255,255,255,.025)!important; color:#9ca6b5!important; cursor:pointer; } .nx-notify-close:hover{ border-color:rgba(124,92,255,.20)!important; background:rgba(124,92,255,.07)!important; color:#fff!important; } .nx-notify-tools{ display:flex; align-items:center; justify-content:space-between; gap:8px; padding:9px 12px; border-bottom:1px solid rgba(255,255,255,.045); background:rgba(4,8,13,.22); } .nx-notify-tools button{ min-height:31px; border-radius:8px; font-size:7px; font-weight:850; cursor:pointer; } .nx-notify-mark-all{ border:1px solid rgba(124,92,255,.15); padding:0 10px; background:rgba(124,92,255,.065); color:#a79dff; } .nx-notify-mark-all:disabled{ opacity:.38; cursor:default; } .nx-notify-open-activity{ border:0; padding:0 7px; background:transparent; color:#7f8999; } .nx-notify-open-activity:hover{ color:#dce2eb; } .nx-notify-list{ max-height:none!important; flex:1 1 auto; overflow:auto!important; padding:8px 9px 9px!important; scrollbar-width:thin; scrollbar-color:#283142 transparent; } .nx-notify-group-label{ padding:8px 7px 6px; color:#626e7f; font-size:7px; font-weight:900; letter-spacing:.10em; text-transform:uppercase; } .nx-notify-item{ position:relative; width:100%; display:grid!important; grid-template-columns:40px minmax(0,1fr) auto; align-items:start; gap:10px; margin:0 0 6px!important; padding:11px!important; border:1px solid transparent; border-radius:13px!important; background:rgba(255,255,255,.018)!important; color:#d8dee8; text-align:left; cursor:pointer; transition: transform .16s ease, border-color .16s ease, background .16s ease; } .nx-notify-item:hover{ transform:translateY(-1px); border-color:rgba(255,255,255,.065); background:rgba(255,255,255,.032)!important; } .nx-notify-item.is-unread{ border-color:rgba(124,92,255,.12); background: linear-gradient(90deg,rgba(124,92,255,.07),rgba(124,92,255,.015))!important; } .nx-notify-item.is-unread:before{ content:''; position:absolute; left:0; top:13px; bottom:13px; width:2px; border-radius:999px; background:linear-gradient(180deg,#7c5cff,#00d9ff); } .nx-notify-icon{ width:40px; height:40px; display:grid; place-items:center; border:1px solid rgba(124,92,255,.10); border-radius:11px; background:rgba(124,92,255,.055); font-size:15px; } .nx-notify-item[data-kind='badge'] .nx-notify-icon{background:rgba(255,174,95,.07);border-color:rgba(255,174,95,.13)} .nx-notify-item[data-kind='streak'] .nx-notify-icon{background:rgba(255,126,55,.07);border-color:rgba(255,126,55,.13)} .nx-notify-item[data-kind='comment'] .nx-notify-icon{background:rgba(0,217,255,.055);border-color:rgba(0,217,255,.11)} .nx-notify-item[data-kind='points'] .nx-notify-icon{background:rgba(124,92,255,.07)} .nx-notify-item[data-kind='save'] .nx-notify-icon{background:rgba(85,182,255,.055);border-color:rgba(85,182,255,.11)} .nx-notify-copy{ min-width:0; } .nx-notify-copy strong{ display:block!important; overflow:hidden; color:#e7ebf1!important; font-size:10px!important; line-height:1.35; text-overflow:ellipsis; white-space:nowrap; } .nx-notify-copy span{ display:-webkit-box!important; margin-top:3px!important; overflow:hidden; color:#7d8898!important; font-size:8px!important; line-height:1.45; -webkit-box-orient:vertical; -webkit-line-clamp:2; } .nx-notify-meta{ min-width:50px; padding-top:2px; color:#606c7c; font-size:7px; text-align:right; white-space:nowrap; } .nx-notify-item.is-unread .nx-notify-meta{ color:#9e94ee; } .nx-notify-read-label{ display:block; margin-top:5px; color:#536071; font-size:6px; font-weight:800; } .nx-notify-item.is-unread .nx-notify-read-label{ color:#8f84ec; } .nx-notify-empty{ min-height:205px; display:flex!important; flex-direction:column; align-items:center; justify-content:center; padding:25px 18px!important; text-align:center; } .nx-notify-empty-icon{ width:48px; height:48px; display:grid; place-items:center; margin-bottom:10px; border:1px solid rgba(124,92,255,.12); border-radius:14px; background:rgba(124,92,255,.055); font-size:19px; } .nx-notify-empty strong{ color:#dfe4ec; font-size:11px; } .nx-notify-empty p{ margin:5px 0 0; color:#707b8b; font-size:8px; } .nx-notify-footer{ min-height:39px; display:flex; align-items:center; justify-content:space-between; gap:10px; padding:0 14px; border-top:1px solid rgba(255,255,255,.045); background:rgba(4,8,13,.22); color:#5f6b7c; font-size:7px; } @keyframes nxNotifyPanelIn{ from{opacity:0;transform:translateY(-7px) scale(.975)} to{opacity:1;transform:none} } @keyframes nxNotifyCountIn{ from{opacity:0;transform:scale(.72)} to{opacity:1;transform:none} } @media(max-width:520px){ .nx-notify-panel{ right:10px!important; top:68px!important; width:calc(100vw - 20px)!important; max-height:calc(100vh - 82px); } .nx-notify-title-row strong{ font-size:16px!important; } .nx-notify-tools{ align-items:stretch; } .nx-notify-item{ grid-template-columns:38px minmax(0,1fr); } .nx-notify-meta{ grid-column:2; display:flex; align-items:center; justify-content:space-between; width:100%; padding-top:5px; text-align:left; } } @media(prefers-reduced-motion:reduce){ .nx-notify-panel.open, .nx-notify-count{ animation:none!important; } .nx-notify-item{ transition:none!important; } } /* ========================================================= NEXORIA V57 · ICONOS DE NOTIFICACIONES CENTRADOS ========================================================= */ .nx-notify-icon{ display:flex!important; align-items:center!important; justify-content:center!important; text-align:center!important; line-height:1!important; padding:0!important; } .nx-notify-icon, .nx-notify-empty-icon{ box-sizing:border-box; } .nx-notify-empty-icon{ display:flex!important; align-items:center!important; justify-content:center!important; text-align:center!important; line-height:1!important; padding:0!important; } .nx-notify-button svg{ display:block; margin:auto; } .nx-notify-close{ display:flex!important; align-items:center!important; justify-content:center!important; padding:0!important; line-height:1!important; } /* ========================================================= NEXORIA V58 · PERFIL DE USUARIO COMPLETO E INTEGRADO ========================================================= */ .nx-user-profile-page{ position:relative; width:100%; min-height:720px; padding:4px 0 10px; overflow:hidden; background:transparent; } .nx-user-profile-page[hidden]{ display:none!important; } .nx-user-profile-page:before{ content:''; position:absolute; z-index:0; width:430px; height:430px; right:-190px; top:-210px; border-radius:50%; background:radial-gradient(circle,rgba(124,92,255,.13),rgba(124,92,255,0) 68%); pointer-events:none; } .nx-user-profile-page>*{ position:relative; z-index:1; } .nx-user-profile-hero{ position:relative; overflow:hidden; margin-bottom:13px; padding:20px; border:1px solid rgba(124,92,255,.14); border-radius:19px; background: radial-gradient(circle at 10% 0,rgba(124,92,255,.12),transparent 18rem), radial-gradient(circle at 92% 0,rgba(0,217,255,.055),transparent 18rem), linear-gradient(145deg,rgba(255,255,255,.03),rgba(255,255,255,.009)); box-shadow:0 18px 46px rgba(0,0,0,.15); } .nx-user-profile-glow{ position:absolute; right:-80px; top:-110px; width:260px; height:260px; border-radius:50%; border:1px solid rgba(124,92,255,.075); box-shadow: 0 0 0 28px rgba(124,92,255,.018), 0 0 0 58px rgba(0,217,255,.008); pointer-events:none; } .nx-user-profile-identity{ display:grid; grid-template-columns:122px minmax(0,1fr); gap:19px; align-items:start; } .nx-user-profile-identity .nx-profile-photo-wrap{ position:relative; width:122px; } .nx-user-profile-identity .nx-profile-photo{ width:118px!important; height:118px!important; margin:0!important; overflow:hidden; border:4px solid #111722!important; border-radius:28px!important; background:linear-gradient(135deg,#7c5cff,#00d9ff)!important; box-shadow: 0 20px 45px rgba(0,0,0,.28), 0 0 0 1px rgba(124,92,255,.16); } .nx-user-profile-identity .nx-profile-photo img{ width:100%; height:100%; object-fit:cover; display:block; } .nx-user-profile-identity .nx-profile-online-dot{ position:absolute; right:3px; bottom:5px; width:15px; height:15px; border:3px solid #111722; border-radius:50%; background:#38d89f; box-shadow:0 0 14px rgba(56,216,159,.25); } .nx-user-profile-main{ min-width:0; } .nx-user-profile-title-row{ display:flex; align-items:flex-start; justify-content:space-between; gap:15px; } .nx-user-profile-title-copy{ min-width:0; } .nx-user-profile-title-copy .nx-profile-kicker{ display:block; margin-bottom:5px; color:#887cf4; font-size:8px; font-weight:900; letter-spacing:.16em; } .nx-user-profile-title-copy h1{ margin:0; color:#f5f7fb; font-size:29px; line-height:1.05; letter-spacing:-.8px; } .nx-user-profile-title-copy>p{ margin:5px 0 0; color:#7f8998; font-size:10px; } .nx-user-profile-roles{ display:flex; flex-wrap:wrap; gap:6px; margin-top:9px; } .nx-user-role{ min-height:23px; display:inline-flex; align-items:center; padding:0 8px; border:1px solid rgba(255,255,255,.07); border-radius:999px; background:rgba(255,255,255,.025); color:#8c97a6; font-size:7px; font-weight:850; } .nx-user-role.vip{ border-color:rgba(243,201,105,.20); background:rgba(243,201,105,.07); color:#e6c36f; } .nx-user-role.uploader{ border-color:rgba(109,214,255,.18); background:rgba(109,214,255,.06); color:#7ed8f7; } .nx-user-role.default{ border-color:rgba(124,92,255,.16); background:rgba(124,92,255,.055); color:#a99fff; } .nx-user-profile-bio{ max-width:690px; margin:13px 0 0; color:#a1aab8; font-size:11px; line-height:1.6; } .nx-user-profile-meta{ display:flex; flex-wrap:wrap; gap:9px 16px; margin-top:10px; color:#727d8e; font-size:8px; } .nx-user-profile-meta a{ color:#7f9fd8; text-decoration:none; } .nx-user-profile-meta a:hover{ color:#a8c6ff; } .nx-user-profile-progress-wrap{ display:grid; grid-template-columns:minmax(0,1fr) 155px; gap:14px; align-items:center; margin-top:17px; } .nx-user-profile-progress-copy{ min-width:0; } .nx-user-profile-progress-copy .nx-profile-level-row{ display:flex; justify-content:space-between; gap:10px; color:#8993a3; font-size:8px; } .nx-user-profile-progress-copy .nx-profile-progress{ height:7px; margin-top:7px; overflow:hidden; border-radius:999px; background:#19212e; } .nx-user-profile-progress-copy .nx-profile-progress span{ display:block; height:100%; border-radius:inherit; background:linear-gradient(90deg,#7c5cff,#00d9ff); box-shadow:0 0 13px rgba(124,92,255,.25); } .nx-user-profile-page .nx-profile-points-card{ min-height:58px; display:flex; align-items:center; gap:10px; padding:10px 12px; border:1px solid rgba(124,92,255,.15); border-radius:12px; background:linear-gradient(135deg,rgba(124,92,255,.09),rgba(0,217,255,.025)); } .nx-user-profile-page .nx-profile-points-icon{ width:32px; height:32px; display:grid; place-items:center; border-radius:9px; background:rgba(124,92,255,.10); color:#a79dff; } .nx-user-profile-page .nx-profile-points-card strong{ display:block; color:#fff; font-size:18px; line-height:1; } .nx-user-profile-page .nx-profile-points-card small{ display:block; margin-top:4px; color:#7d8797; font-size:7px; } .nx-user-profile-stats{ display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:9px; margin-bottom:11px; } .nx-user-profile-stats>div{ min-height:78px; display:grid; grid-template-columns:26px minmax(0,1fr); grid-template-rows:auto auto; align-items:center; column-gap:9px; padding:12px 13px; border:1px solid rgba(255,255,255,.055); border-radius:14px; background:rgba(255,255,255,.018); transition:transform .18s ease,border-color .18s ease,background .18s ease; } .nx-user-profile-stats>div:hover{ transform:translateY(-2px); border-color:rgba(124,92,255,.15); background:rgba(124,92,255,.03); } .nx-user-profile-stats>div>span{ grid-row:1/3; width:26px; height:26px; display:grid; place-items:center; border-radius:8px; background:rgba(124,92,255,.07); font-size:12px; } .nx-user-profile-stats strong{ align-self:end; color:#f0f3f8; font-size:18px; line-height:1; } .nx-user-profile-stats small{ align-self:start; margin-top:3px; color:#758091; font-size:7px; } .nx-user-profile-quick-grid{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; margin-bottom:13px; } .nx-user-profile-quick-card{ min-width:0; display:grid; grid-template-columns:42px minmax(0,1fr) auto; gap:11px; align-items:center; padding:13px; border:1px solid rgba(255,255,255,.055); border-radius:14px; background: radial-gradient(circle at 100% 0,rgba(124,92,255,.04),transparent 11rem), rgba(255,255,255,.018); } .nx-user-profile-quick-icon{ width:42px; height:42px; display:grid; place-items:center; border:1px solid rgba(124,92,255,.12); border-radius:12px; background:rgba(124,92,255,.06); font-size:17px; } .nx-user-profile-quick-card small{ display:block; color:#7066cb; font-size:6px; font-weight:900; letter-spacing:.11em; } .nx-user-profile-quick-card strong{ display:block; margin-top:4px; overflow:hidden; color:#dfe4ec; font-size:9px; text-overflow:ellipsis; white-space:nowrap; } .nx-user-profile-quick-card button{ min-height:29px; padding:0 9px; border:1px solid rgba(124,92,255,.15); border-radius:8px; background:rgba(124,92,255,.06); color:#a69cff; font-size:7px; font-weight:850; cursor:pointer; } .nx-user-profile-quick-status{ color:#7d8898; font-size:7px; font-weight:800; } .nx-user-profile-tabs{ display:flex; gap:5px; overflow:auto; padding:0 2px 0; border-bottom:1px solid rgba(255,255,255,.055); } .nx-user-profile-tabs .nx-profile-tab{ flex:0 0 auto; min-height:39px; padding:0 12px; border:0; border-bottom:2px solid transparent; background:transparent; color:#778293; font-size:8px; font-weight:850; cursor:pointer; } .nx-user-profile-tabs .nx-profile-tab.active{ border-bottom-color:#7c5cff; color:#f0f3f8; } .nx-user-profile-content{ padding-top:12px; } .nx-user-profile-content .nx-profile-panel{ display:none; } .nx-user-profile-content .nx-profile-panel.active{ display:block; } .nx-user-profile-overview-grid{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:11px; } .nx-user-profile-section-card{ min-width:0; padding:15px; border:1px solid rgba(255,255,255,.055); border-radius:15px; background: radial-gradient(circle at 100% 0,rgba(124,92,255,.035),transparent 13rem), rgba(255,255,255,.014); } .nx-user-profile-section-head{ display:flex; align-items:flex-start; justify-content:space-between; gap:11px; margin-bottom:12px; } .nx-user-profile-section-head span{ display:block; color:#7369d4; font-size:6px; font-weight:900; letter-spacing:.12em; } .nx-user-profile-section-head h3{ margin:4px 0 0; color:#edf1f7; font-size:13px; } .nx-user-profile-section-head button{ min-height:28px; padding:0 8px; border:1px solid rgba(255,255,255,.06); border-radius:8px; background:rgba(255,255,255,.02); color:#7f8a9a; font-size:7px; cursor:pointer; } .nx-user-profile-badge-preview{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; } .nx-user-profile-badge-mini{ min-width:0; display:grid; grid-template-columns:38px minmax(0,1fr); gap:9px; align-items:center; padding:9px; border:1px solid rgba(255,255,255,.05); border-radius:11px; background:rgba(255,255,255,.016); } .nx-user-profile-badge-mini>span{ width:38px; height:38px; display:grid; place-items:center; border-radius:50%; background:rgba(124,92,255,.08); font-size:16px; } .nx-user-profile-badge-mini strong{ display:block; overflow:hidden; color:#dfe4eb; font-size:8px; text-overflow:ellipsis; white-space:nowrap; } .nx-user-profile-badge-mini small{ display:block; margin-top:3px; color:#6e7989; font-size:6px; } .nx-user-profile-activity-preview{ display:grid; gap:7px; } .nx-user-profile-activity-mini{ display:grid; grid-template-columns:30px minmax(0,1fr) auto; gap:8px; align-items:center; padding:8px 9px; border:1px solid rgba(255,255,255,.045); border-radius:10px; background:rgba(255,255,255,.013); } .nx-user-profile-activity-mini>span:first-child{ width:30px; height:30px; display:grid; place-items:center; border-radius:9px; background:rgba(124,92,255,.06); font-size:12px; } .nx-user-profile-activity-mini strong{ display:block; color:#d9dfe7; font-size:8px; } .nx-user-profile-activity-mini small{ display:block; margin-top:2px; overflow:hidden; color:#6e7989; font-size:6px; text-overflow:ellipsis; white-space:nowrap; } .nx-user-profile-activity-mini time{ color:#596576; font-size:6px; white-space:nowrap; } .nx-user-profile-page .nx-profile-list{ display:grid; gap:7px; } .nx-user-profile-page .nx-profile-item{ display:block; padding:10px 11px; border:1px solid rgba(255,255,255,.045); border-radius:10px; background:rgba(255,255,255,.014); } .nx-user-profile-page .nx-profile-item a{ text-decoration:none; } .nx-user-profile-page .nx-profile-item strong{ display:block; color:#dfe4eb; font-size:9px; } .nx-user-profile-page .nx-profile-item span{ display:block; margin-top:3px; color:#6f7a8a; font-size:7px; } .nx-user-profile-page .nx-profile-empty{ padding:24px 12px; color:#6f7a8a; font-size:8px; text-align:center; } .nx-user-profile-page .nx-profile-form{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:11px; } .nx-user-profile-page .nx-profile-field{ min-width:0; } .nx-user-profile-page .nx-profile-field.full{ grid-column:1/-1; } .nx-user-profile-page .nx-profile-field label{ display:block; margin-bottom:6px; color:#8893a3; font-size:8px; font-weight:800; } .nx-user-profile-page .nx-profile-field input, .nx-user-profile-page .nx-profile-field textarea{ width:100%; box-sizing:border-box; border:1px solid rgba(255,255,255,.07); border-radius:10px; background:#0d131c; color:#e4e8ef; font-size:9px; outline:none; } .nx-user-profile-page .nx-profile-field input{ min-height:38px; padding:0 10px; } .nx-user-profile-page .nx-profile-field textarea{ min-height:90px; padding:10px; resize:vertical; } .nx-user-profile-page .nx-profile-field input:focus, .nx-user-profile-page .nx-profile-field textarea:focus{ border-color:rgba(124,92,255,.35); box-shadow:0 0 0 3px rgba(124,92,255,.06); } .nx-user-profile-page .nx-profile-avatar-picker{ display:flex; align-items:center; gap:13px; padding:12px; border:1px solid rgba(255,255,255,.055); border-radius:12px; background:rgba(255,255,255,.012); } .nx-user-profile-page .nx-profile-avatar-preview{ width:64px; height:64px; flex:0 0 64px; display:grid; place-items:center; overflow:hidden; border-radius:17px; background:linear-gradient(135deg,#7c5cff,#00d9ff); color:#fff; font-size:17px; font-weight:900; } .nx-user-profile-page .nx-profile-avatar-preview img{ width:100%; height:100%; object-fit:cover; } .nx-user-profile-page .nx-profile-avatar-tools{ display:flex; flex-wrap:wrap; align-items:center; gap:7px; } .nx-user-profile-page .nx-profile-avatar-tools small{ width:100%; color:#677283; font-size:7px; } .nx-user-profile-page .nx-btn.primary, .nx-user-profile-page .nx-profile-inline-save{ min-height:36px; border:0; border-radius:9px; background:linear-gradient(135deg,#7054e8,#5579ef); color:#fff; font-size:8px; font-weight:900; cursor:pointer; } .nx-user-profile-page .nx-profile-edit-btn{ min-height:34px; display:inline-flex; align-items:center; gap:7px; padding:0 11px; border:1px solid rgba(124,92,255,.18); border-radius:9px; background:rgba(124,92,255,.06); color:#aea5ff; font-size:8px; font-weight:850; cursor:pointer; } .nx-user-profile-page .nx-profile-inline-editor{ margin-top:14px; padding:13px; border:1px solid rgba(124,92,255,.13); border-radius:13px; background:rgba(7,11,17,.42); } .nx-user-profile-page .nx-profile-head-v45.is-editing{ grid-template-columns:1fr!important; } .nx-user-profile-page .nx-profile-head-v45.is-editing .nx-profile-photo-wrap{ display:none!important; } .nx-user-profile-page .nx-profile-inline-grid{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; } .nx-user-profile-page .nx-profile-inline-grid label.full{ grid-column:1/-1; } .nx-user-profile-page .nx-profile-inline-grid label>span{ display:block; margin-bottom:5px; color:#7f8998; font-size:7px; } .nx-user-profile-page .nx-profile-inline-grid input, .nx-user-profile-page .nx-profile-inline-grid textarea{ width:100%; box-sizing:border-box; border:1px solid rgba(255,255,255,.07); border-radius:9px; background:#0d131c; color:#e3e7ee; font-size:8px; } .nx-user-profile-page .nx-profile-inline-grid input{ min-height:35px; padding:0 9px; } .nx-user-profile-page .nx-profile-inline-grid textarea{ min-height:74px; padding:9px; } .nx-user-profile-page .nx-profile-inline-actions{ display:flex; gap:8px; margin-top:9px; } .nx-user-profile-page .nx-profile-inline-cancel{ min-height:36px; padding:0 11px; border:1px solid rgba(255,255,255,.065); border-radius:9px; background:rgba(255,255,255,.02); color:#8c96a5; font-size:8px; font-weight:850; cursor:pointer; } @media(max-width:900px){ .nx-user-profile-stats{ grid-template-columns:repeat(3,minmax(0,1fr)); } .nx-user-profile-quick-grid{ grid-template-columns:1fr; } } @media(max-width:720px){ .nx-user-profile-identity{ grid-template-columns:1fr; } .nx-user-profile-title-row{ flex-direction:column; } .nx-user-profile-progress-wrap{ grid-template-columns:1fr; } .nx-user-profile-page .nx-profile-points-card{ width:150px; } .nx-user-profile-overview-grid{ grid-template-columns:1fr; } .nx-user-profile-page .nx-profile-form, .nx-user-profile-page .nx-profile-inline-grid{ grid-template-columns:1fr; } .nx-user-profile-page .nx-profile-field.full, .nx-user-profile-page .nx-profile-inline-grid label.full{ grid-column:auto; } } @media(max-width:520px){ .nx-user-profile-hero{ padding:15px; } .nx-user-profile-title-copy h1{ font-size:24px; } .nx-user-profile-stats{ grid-template-columns:repeat(2,minmax(0,1fr)); } .nx-user-profile-badge-preview{ grid-template-columns:1fr; } .nx-user-profile-quick-card{ grid-template-columns:40px minmax(0,1fr); } .nx-user-profile-quick-card button, .nx-user-profile-quick-status{ grid-column:2; justify-self:start; } } @media(prefers-reduced-motion:reduce){ .nx-user-profile-stats>div{ transition:none!important; } } /* ========================================================= NEXORIA V59 · AJUSTE VERTICAL DEL PERFIL M谩s aire superior y avatar ligeramente m谩s abajo. ========================================================= */ .nx-user-profile-page{ padding-top:0!important; } .nx-user-profile-hero{ margin-top:0!important; padding-top:28px!important; padding-left:24px!important; padding-right:24px!important; padding-bottom:24px!important; } .nx-user-profile-identity{ align-items:start!important; } .nx-user-profile-identity .nx-profile-photo-wrap{ margin-top:12px!important; } .nx-user-profile-main{ padding-top:2px!important; } .nx-user-profile-title-row{ margin-top:0!important; } .nx-user-profile-bio{ margin-top:15px!important; } .nx-user-profile-meta{ margin-top:12px!important; } .nx-user-profile-progress-wrap{ margin-top:22px!important; } @media(max-width:720px){ .nx-user-profile-hero{ padding:20px!important; } .nx-user-profile-identity .nx-profile-photo-wrap{ margin-top:6px!important; } } /* ========================================================= NEXORIA V60 · CORRECCI脫N DEL MODO EDITAR PERFIL El problema era que al ocultar el avatar, el contenido principal ocupaba la columna fija de 122px del grid. ========================================================= */ /* Al editar, el contenido ocupa todo el ancho del encabezado. */ .nx-user-profile-page .nx-profile-head-v45.is-editing .nx-user-profile-identity{ grid-template-columns:minmax(0,1fr)!important; gap:0!important; } .nx-user-profile-page .nx-profile-head-v45.is-editing .nx-user-profile-main{ grid-column:1/-1!important; width:100%!important; max-width:none!important; min-width:0!important; padding-top:0!important; } /* Se mantiene un solo avatar: el del editor. */ .nx-user-profile-page .nx-profile-head-v45.is-editing .nx-profile-photo-wrap{ display:none!important; } /* Ocultamos informaci贸n repetida mientras se edita. */ .nx-user-profile-page .nx-profile-head-v45.is-editing .nx-user-profile-bio, .nx-user-profile-page .nx-profile-head-v45.is-editing .nx-user-profile-meta, .nx-user-profile-page .nx-profile-head-v45.is-editing .nx-user-profile-progress-wrap{ display:none!important; } .nx-user-profile-page .nx-profile-head-v45.is-editing .nx-user-profile-title-row{ width:100%!important; } /* Editor ancho y ordenado. */ .nx-user-profile-page .nx-profile-head-v45.is-editing .nx-profile-inline-editor{ width:100%!important; max-width:none!important; box-sizing:border-box!important; margin:18px 0 0!important; padding:18px!important; display:grid!important; grid-template-columns:116px minmax(0,1fr)!important; gap:20px!important; align-items:start!important; } .nx-user-profile-page .nx-profile-head-v45.is-editing .nx-profile-inline-avatar{ width:116px!important; min-width:116px!important; align-items:center!important; } .nx-user-profile-page .nx-profile-head-v45.is-editing .nx-profile-inline-avatar-preview{ width:92px!important; height:92px!important; flex:0 0 92px!important; } .nx-user-profile-page .nx-profile-head-v45.is-editing .nx-profile-inline-avatar-button{ width:100%!important; box-sizing:border-box!important; justify-content:center!important; text-align:center!important; } .nx-user-profile-page .nx-profile-head-v45.is-editing .nx-profile-inline-fields{ width:100%!important; min-width:0!important; max-width:none!important; } .nx-user-profile-page .nx-profile-head-v45.is-editing .nx-profile-inline-grid{ width:100%!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:12px!important; } .nx-user-profile-page .nx-profile-head-v45.is-editing .nx-profile-inline-grid label{ min-width:0!important; } .nx-user-profile-page .nx-profile-head-v45.is-editing .nx-profile-inline-grid label.full{ grid-column:1/-1!important; } .nx-user-profile-page .nx-profile-head-v45.is-editing .nx-profile-inline-grid label>span{ margin-bottom:6px!important; font-size:8px!important; } .nx-user-profile-page .nx-profile-head-v45.is-editing .nx-profile-inline-grid input{ min-height:41px!important; padding:0 11px!important; font-size:9px!important; } .nx-user-profile-page .nx-profile-head-v45.is-editing .nx-profile-inline-grid textarea{ min-height:92px!important; padding:11px!important; font-size:9px!important; line-height:1.5!important; } .nx-user-profile-page .nx-profile-head-v45.is-editing .nx-profile-inline-actions{ margin-top:13px!important; justify-content:flex-start!important; } .nx-user-profile-page .nx-profile-head-v45.is-editing .nx-profile-inline-save, .nx-user-profile-page .nx-profile-head-v45.is-editing .nx-profile-inline-cancel{ min-height:38px!important; padding:0 14px!important; } /* Responsive del editor. */ @media(max-width:720px){ .nx-user-profile-page .nx-profile-head-v45.is-editing .nx-profile-inline-editor{ grid-template-columns:1fr!important; gap:15px!important; padding:15px!important; } .nx-user-profile-page .nx-profile-head-v45.is-editing .nx-profile-inline-avatar{ width:100%!important; min-width:0!important; align-items:flex-start!important; } .nx-user-profile-page .nx-profile-head-v45.is-editing .nx-profile-inline-avatar-button{ width:auto!important; } .nx-user-profile-page .nx-profile-head-v45.is-editing .nx-profile-inline-grid{ grid-template-columns:1fr!important; } .nx-user-profile-page .nx-profile-head-v45.is-editing .nx-profile-inline-grid label.full{ grid-column:auto!important; } } /* ========================================================= NEXORIA V61 · AVATAR REDONDO + MARCOS ========================================================= */ .nx-user-profile-identity .nx-profile-photo, .nx-user-profile-page .nx-profile-avatar-preview, .nx-user-profile-page .nx-profile-inline-avatar-preview{ overflow:hidden!important; border-radius:50%!important; } .nx-user-profile-identity .nx-profile-photo{ width:118px!important; height:118px!important; border:4px solid #101722!important; box-shadow: 0 20px 46px rgba(0,0,0,.30), 0 0 0 3px rgba(124,92,255,.62), 0 0 24px rgba(124,92,255,.12)!important; } .nx-user-profile-identity .nx-profile-photo-wrap{ position:relative!important; width:122px!important; } .nx-user-profile-page .nx-profile-avatar-preview, .nx-user-profile-page .nx-profile-inline-avatar-preview{ border:3px solid #101722!important; box-shadow: 0 12px 30px rgba(0,0,0,.22), 0 0 0 3px rgba(124,92,255,.52)!important; } .nx-user-profile-identity .nx-profile-online-dot{ right:0!important; bottom:6px!important; width:16px!important; height:16px!important; border:3px solid #0f1520!important; } /* Marco base */ .nx-avatar-frame-member .nx-profile-photo{ box-shadow: 0 20px 46px rgba(0,0,0,.30), 0 0 0 3px rgba(73,156,255,.84), 0 0 26px rgba(73,156,255,.18)!important; } /* Marco VIP */ .nx-avatar-frame-vip .nx-profile-photo{ box-shadow: 0 20px 46px rgba(0,0,0,.30), 0 0 0 3px rgba(243,201,105,.92), 0 0 30px rgba(243,201,105,.20)!important; } /* Marco Uploader */ .nx-avatar-frame-uploader .nx-profile-photo{ box-shadow: 0 20px 46px rgba(0,0,0,.30), 0 0 0 3px rgba(57,211,138,.92), 0 0 30px rgba(57,211,138,.18)!important; } .nx-avatar-frame-tag{ position:absolute; left:50%; bottom:-13px; transform:translateX(-50%); min-height:19px; display:inline-flex; align-items:center; justify-content:center; padding:0 8px; border:1px solid rgba(255,255,255,.065); border-radius:999px; background:#0a0f17; color:#6fb8ff; font-size:6px; font-weight:900; white-space:nowrap; box-shadow:0 8px 20px rgba(0,0,0,.22); } .nx-avatar-frame-tag.vip{ border-color:rgba(243,201,105,.18); color:#e7c66f; } .nx-avatar-frame-tag.uploader{ border-color:rgba(57,211,138,.22); color:#65dfa1; } .nx-avatar-frame-admin .nx-profile-photo{ box-shadow:0 20px 46px rgba(0,0,0,.30),0 0 0 3px rgba(255,54,76,.94),0 0 30px rgba(255,54,76,.20)!important; } .nx-avatar-frame-tag.admin{border-color:rgba(255,54,76,.25);color:#ff5b70;} .nx-user-role.admin{border-color:rgba(255,54,76,.25);background:rgba(255,54,76,.07);color:#ff6276;} /* ========================================================= NEXORIA V62 · INSIGNIAS DESTACADAS = MISMO DISE脩O DEL M脫DULO ========================================================= */ .nx-user-profile-badge-preview{ display:grid!important; grid-template-columns:1fr!important; gap:10px!important; } .nx-user-profile-badge-preview .nx-badge-card-profile{ grid-template-columns:72px minmax(0,1fr)!important; gap:13px!important; min-height:142px!important; padding:13px!important; border-radius:15px!important; } .nx-user-profile-badge-preview .nx-badge-card-profile .nx-badge-medal{ width:68px!important; height:68px!important; } .nx-user-profile-badge-preview .nx-badge-card-profile .nx-badge-medal:before, .nx-user-profile-badge-preview .nx-badge-card-profile .nx-badge-medal:after{ bottom:-18px!important; width:20px!important; height:34px!important; } .nx-user-profile-badge-preview .nx-badge-card-profile .nx-badge-symbol{ font-size:25px!important; } .nx-user-profile-badge-preview .nx-badge-card-profile .nx-badge-lock{ width:21px!important; height:21px!important; font-size:9px!important; } .nx-user-profile-badge-preview .nx-badge-card-profile .nx-badge-category{ font-size:6px!important; } .nx-user-profile-badge-preview .nx-badge-card-profile .nx-badge-content h3{ font-size:11px!important; } .nx-user-profile-badge-preview .nx-badge-card-profile .nx-badge-rarity{ padding:3px 6px!important; font-size:6px!important; } .nx-user-profile-badge-preview .nx-badge-card-profile .nx-badge-description{ margin-top:5px!important; font-size:7px!important; line-height:1.45!important; } .nx-user-profile-badge-preview .nx-badge-card-profile .nx-badge-progress-line{ margin-top:9px!important; font-size:7px!important; } .nx-user-profile-badge-preview .nx-badge-card-profile .nx-badge-progress{ height:5px!important; margin-top:5px!important; } .nx-user-profile-badge-preview .nx-badge-card-profile .nx-badge-footer{ margin-top:7px!important; } .nx-user-profile-badge-preview .nx-badge-card-profile .nx-badge-status{ font-size:7px!important; } @media(max-width:520px){ .nx-user-profile-badge-preview .nx-badge-card-profile{ grid-template-columns:62px minmax(0,1fr)!important; } .nx-user-profile-badge-preview .nx-badge-card-profile .nx-badge-medal{ width:58px!important; height:58px!important; } .nx-user-profile-badge-preview .nx-badge-card-profile .nx-badge-symbol{ font-size:22px!important; } } /* ========================================================= NEXORIA V63 · PUBLICACIONES VISIBLES + ACTIVIDAD DE CUENTA ========================================================= */ .nx-profile-module-head{ align-items:flex-start!important; } .nx-profile-module-head>div:first-child{ min-width:0; } .nx-profile-module-head p{ max-width:650px; margin:6px 0 0; color:#758091; font-size:8px; line-height:1.5; } .nx-profile-module-total{ min-width:74px; min-height:52px; display:flex; flex-direction:column; align-items:flex-end; justify-content:center; padding:8px 10px; border:1px solid rgba(124,92,255,.13); border-radius:11px; background:rgba(124,92,255,.045); } .nx-profile-module-total strong{ color:#f2f5f9; font-size:18px; line-height:1; } .nx-profile-module-total small{ margin-top:4px; color:#737f90; font-size:7px; } /* Publicaciones visibles */ .nx-profile-posts-summary{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; margin-bottom:12px; } .nx-profile-posts-summary>div{ min-height:64px; display:grid; grid-template-columns:30px minmax(0,1fr); grid-template-rows:auto auto; align-items:center; column-gap:9px; padding:10px 11px; border:1px solid rgba(255,255,255,.045); border-radius:11px; background:rgba(255,255,255,.012); } .nx-profile-posts-summary span{ grid-row:1/3; width:30px; height:30px; display:grid; place-items:center; border-radius:9px; background:rgba(124,92,255,.065); font-size:13px; } .nx-profile-posts-summary strong{ align-self:end; color:#e8ecf2; font-size:15px; line-height:1; } .nx-profile-posts-summary small{ align-self:start; margin-top:3px; color:#707c8c; font-size:7px; } .nx-profile-posts-grid{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; } .nx-profile-post-card{ min-width:0; display:grid; grid-template-columns:78px minmax(0,1fr); gap:11px; min-height:112px; padding:10px; border:1px solid rgba(255,255,255,.05); border-radius:13px; background: radial-gradient(circle at 100% 0,rgba(124,92,255,.035),transparent 10rem), rgba(255,255,255,.013); transition:transform .18s ease,border-color .18s ease,background .18s ease; } .nx-profile-post-card:hover{ transform:translateY(-2px); border-color:rgba(124,92,255,.14); background:rgba(124,92,255,.025); } .nx-profile-post-cover{ width:78px; height:104px; overflow:hidden; border:1px solid rgba(255,255,255,.05); border-radius:10px; background: linear-gradient(145deg,rgba(124,92,255,.11),rgba(0,217,255,.035)), #111722; } .nx-profile-post-cover img{ width:100%; height:100%; display:block; object-fit:cover; } .nx-profile-post-placeholder{ width:100%; height:100%; display:grid; place-items:center; color:#6f769f; font-size:20px; } .nx-profile-post-copy{ min-width:0; display:flex; flex-direction:column; } .nx-profile-post-copy small{ display:block; margin-bottom:5px; color:#756bd8; font-size:6px; font-weight:900; letter-spacing:.09em; text-transform:uppercase; } .nx-profile-post-copy h4{ margin:0; display:-webkit-box; overflow:hidden; color:#e8ecf2; font-size:10px; line-height:1.35; -webkit-box-orient:vertical; -webkit-line-clamp:2; } .nx-profile-post-copy p{ margin:5px 0 0; display:-webkit-box; overflow:hidden; color:#727e8e; font-size:7px; line-height:1.45; -webkit-box-orient:vertical; -webkit-line-clamp:2; } .nx-profile-post-actions{ display:flex; align-items:center; gap:7px; margin-top:auto; padding-top:8px; } .nx-profile-post-open{ min-height:27px; display:inline-flex; align-items:center; justify-content:center; padding:0 8px; border:1px solid rgba(124,92,255,.14); border-radius:8px; background:rgba(124,92,255,.055); color:#a49aff!important; font-size:7px; font-weight:850; text-decoration:none!important; } .nx-profile-post-saved{ color:#687486; font-size:6px; font-weight:800; } .nx-profile-post-saved.is-saved{ color:#a99fff; } /* Actividad */ .nx-profile-activity-summary{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; margin-bottom:13px; } .nx-profile-activity-summary>div{ min-height:65px; display:grid; grid-template-columns:30px minmax(0,1fr); grid-template-rows:auto auto; align-items:center; column-gap:9px; padding:10px 11px; border:1px solid rgba(255,255,255,.045); border-radius:11px; background:rgba(255,255,255,.012); } .nx-profile-activity-summary span{ grid-row:1/3; width:30px; height:30px; display:grid; place-items:center; border-radius:9px; background:rgba(124,92,255,.065); font-size:13px; } .nx-profile-activity-summary strong{ align-self:end; color:#e8ecf2; font-size:15px; line-height:1; } .nx-profile-activity-summary small{ align-self:start; margin-top:3px; color:#707c8c; font-size:7px; } .nx-profile-activity-timeline{ position:relative; display:grid; gap:7px; } .nx-profile-activity-timeline:before{ content:''; position:absolute; left:20px; top:18px; bottom:18px; width:1px; background:linear-gradient( 180deg, rgba(124,92,255,.20), rgba(255,255,255,.035) ); pointer-events:none; } .nx-profile-activity-entry{ position:relative; z-index:1; display:grid; grid-template-columns:42px minmax(0,1fr) auto; gap:10px; align-items:center; padding:10px 11px; border:1px solid rgba(255,255,255,.045); border-radius:11px; background:#101620; } .nx-profile-activity-entry:hover{ border-color:rgba(124,92,255,.12); background:#121925; } .nx-profile-activity-icon{ width:38px; height:38px; display:grid; place-items:center; border:1px solid rgba(124,92,255,.11); border-radius:11px; background:#151d2a; font-size:14px; box-shadow:0 0 0 4px #101620; } .nx-profile-activity-entry[data-kind='badge'] .nx-profile-activity-icon{ border-color:rgba(255,174,95,.14); background:rgba(255,174,95,.055); } .nx-profile-activity-entry[data-kind='streak'] .nx-profile-activity-icon{ border-color:rgba(255,126,55,.14); background:rgba(255,126,55,.055); } .nx-profile-activity-entry[data-kind='comment'] .nx-profile-activity-icon{ border-color:rgba(0,217,255,.12); background:rgba(0,217,255,.045); } .nx-profile-activity-entry[data-kind='points'] .nx-profile-activity-icon{ border-color:rgba(124,92,255,.14); background:rgba(124,92,255,.06); } .nx-profile-activity-copy{ min-width:0; } .nx-profile-activity-copy strong{ display:block; color:#e2e6ed; font-size:9px; } .nx-profile-activity-copy span{ display:block; margin-top:3px; overflow:hidden; color:#707c8d; font-size:7px; text-overflow:ellipsis; white-space:nowrap; } .nx-profile-activity-time{ text-align:right; } .nx-profile-activity-time strong{ display:block; color:#8590a0; font-size:7px; font-weight:800; } .nx-profile-activity-time span{ display:block; margin-top:3px; color:#566273; font-size:6px; } @media(max-width:800px){ .nx-profile-posts-grid{ grid-template-columns:1fr; } .nx-profile-activity-summary{ grid-template-columns:repeat(2,minmax(0,1fr)); } } @media(max-width:560px){ .nx-profile-posts-summary{ grid-template-columns:1fr; } .nx-profile-activity-entry{ grid-template-columns:38px minmax(0,1fr); } .nx-profile-activity-time{ grid-column:2; text-align:left; } .nx-profile-post-card{ grid-template-columns:68px minmax(0,1fr); } .nx-profile-post-cover{ width:68px; height:92px; } } /* ========================================================= NEXORIA V64 · CONFIGURACI脫N DE CUENTA ========================================================= */ .nx-settings-page{ position:relative; width:100%; min-height:680px; padding:4px 0 10px; overflow:hidden; } .nx-settings-page[hidden]{display:none!important} .nx-settings-page:before{ content:''; position:absolute; z-index:0; width:390px; height:390px; right:-180px; top:-190px; border-radius:50%; background:radial-gradient(circle,rgba(124,92,255,.12),rgba(124,92,255,0) 68%); pointer-events:none; } .nx-settings-page>*{position:relative;z-index:1} .nx-settings-head{ display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:start; gap:18px; padding:7px 2px 20px; margin-bottom:14px; border-bottom:1px solid rgba(255,255,255,.055); } .nx-settings-kicker{ display:block; color:#867af0; font-size:8px; font-weight:900; letter-spacing:.17em; } .nx-settings-head h1{ margin:5px 0 7px; color:#f6f8fb; font-size:34px; line-height:1.05; letter-spacing:-1px; } .nx-settings-head>div:first-child>p{ max-width:700px; margin:0; color:#929dac; font-size:11px; line-height:1.6; } .nx-settings-account-chip{ min-width:210px; display:flex; align-items:center; gap:10px; padding:11px 13px; border:1px solid rgba(124,92,255,.14); border-radius:13px; background:linear-gradient(135deg,rgba(124,92,255,.08),rgba(0,217,255,.018)); } .nx-settings-account-icon{ width:36px; height:36px; display:grid; place-items:center; border-radius:10px; background:rgba(124,92,255,.09); font-size:15px; } .nx-settings-account-chip strong{ display:block; color:#e5e9f0; font-size:9px; } .nx-settings-account-chip small{ display:block; max-width:180px; margin-top:4px; overflow:hidden; color:#748091; font-size:7px; text-overflow:ellipsis; white-space:nowrap; } .nx-settings-layout{ display:grid; grid-template-columns:220px minmax(0,1fr); gap:12px; } .nx-settings-nav{ display:flex; flex-direction:column; gap:6px; align-self:start; padding:8px; border:1px solid rgba(255,255,255,.05); border-radius:15px; background:rgba(255,255,255,.012); } .nx-settings-nav button{ width:100%; min-height:58px; display:grid; grid-template-columns:34px minmax(0,1fr); gap:9px; align-items:center; padding:9px 10px; border:1px solid transparent; border-radius:11px; background:transparent; color:#808b9b; text-align:left; cursor:pointer; } .nx-settings-nav button>span{ width:34px; height:34px; display:grid; place-items:center; border-radius:9px; background:rgba(255,255,255,.025); font-size:14px; } .nx-settings-nav button strong{ display:block; color:#9aa4b2; font-size:8px; } .nx-settings-nav button small{ display:block; margin-top:3px; color:#5f6b7b; font-size:6px; } .nx-settings-nav button.active{ border-color:rgba(124,92,255,.17); background:linear-gradient(135deg,rgba(124,92,255,.10),rgba(0,217,255,.018)); } .nx-settings-nav button.active>span{background:rgba(124,92,255,.10)} .nx-settings-nav button.active strong{color:#eeeaff} .nx-settings-nav button.active small{color:#8177c7} .nx-settings-content{min-width:0} .nx-settings-panel{display:none} .nx-settings-panel.active{display:grid;gap:11px} .nx-settings-card{ min-width:0; padding:16px; border:1px solid rgba(255,255,255,.055); border-radius:16px; background: radial-gradient(circle at 100% 0,rgba(124,92,255,.035),transparent 13rem), rgba(255,255,255,.014); } .nx-settings-card-head{ display:grid; grid-template-columns:42px minmax(0,1fr); gap:11px; align-items:start; margin-bottom:14px; } .nx-settings-card-icon{ width:42px; height:42px; display:grid; place-items:center; border:1px solid rgba(124,92,255,.11); border-radius:12px; background:rgba(124,92,255,.055); font-size:17px; } .nx-settings-card-head span{ display:block; color:#746bd2; font-size:6px; font-weight:900; letter-spacing:.12em; } .nx-settings-card-head h2{ margin:4px 0 0; color:#e9edf3; font-size:14px; } .nx-settings-card-head p{ margin:5px 0 0; color:#758091; font-size:8px; line-height:1.5; } .nx-settings-account-grid{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; } .nx-settings-account-grid>div{ min-width:0; padding:10px 11px; border:1px solid rgba(255,255,255,.045); border-radius:10px; background:rgba(255,255,255,.012); } .nx-settings-account-grid span{ display:block; color:#697586; font-size:6px; } .nx-settings-account-grid strong{ display:block; margin-top:5px; overflow:hidden; color:#dce2e9; font-size:8px; text-overflow:ellipsis; white-space:nowrap; } .nx-password-form{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; } .nx-password-form label{min-width:0} .nx-password-form label>span{ display:block; margin-bottom:6px; color:#8590a0; font-size:7px; font-weight:800; } .nx-password-form input{ width:100%; min-height:39px; box-sizing:border-box; padding:0 10px; border:1px solid rgba(255,255,255,.07); border-radius:9px; background:#0d131c; color:#e9edf3; font-size:9px; outline:none; } .nx-password-form input:focus{ border-color:rgba(124,92,255,.34); box-shadow:0 0 0 3px rgba(124,92,255,.055); } .nx-password-actions{ grid-column:1/-1; display:flex; flex-wrap:wrap; gap:8px; margin-top:2px; } .nx-settings-primary, .nx-settings-secondary, .nx-settings-danger-soft{ min-height:34px; padding:0 11px; border-radius:9px; font-size:7px; font-weight:900; cursor:pointer; } .nx-settings-primary{ border:0; background:linear-gradient(135deg,#7054e8,#5579ef); color:#fff; } .nx-settings-secondary{ border:1px solid rgba(124,92,255,.15); background:rgba(124,92,255,.055); color:#a99fff; } .nx-settings-danger-soft{ border:1px solid rgba(255,105,126,.13); background:rgba(255,105,126,.045); color:#d88798; } .nx-settings-primary:disabled, .nx-settings-secondary:disabled{ opacity:.38; cursor:default; } .nx-settings-provider-note{ padding:11px 12px; border:1px solid rgba(124,92,255,.10); border-radius:10px; background:rgba(124,92,255,.035); color:#818c9c; font-size:8px; line-height:1.55; } .nx-settings-status{ min-height:16px; margin-top:9px; color:#758091; font-size:7px; } .nx-settings-status.ok{color:#56d6a6} .nx-settings-status.error{color:#e58a9c} .nx-settings-options{ display:grid; gap:7px; } .nx-settings-toggle-row, .nx-settings-select-row{ min-height:62px; display:grid; grid-template-columns:minmax(0,1fr) auto; gap:14px; align-items:center; padding:10px 11px; border:1px solid rgba(255,255,255,.045); border-radius:11px; background:rgba(255,255,255,.012); } .nx-settings-toggle-row strong, .nx-settings-select-row strong{ display:block; color:#dce1e8; font-size:8px; } .nx-settings-toggle-row div>span, .nx-settings-select-row div>span{ display:block; margin-top:4px; color:#697586; font-size:7px; line-height:1.45; } .nx-settings-select-row select{ min-width:125px; min-height:34px; padding:0 9px; border:1px solid rgba(255,255,255,.07); border-radius:8px; background:#0d131c; color:#dce2e9; font-size:8px; } .nx-settings-toggle-row{ position:relative; cursor:pointer; } .nx-settings-toggle-row input{ position:absolute; opacity:0; pointer-events:none; } .nx-settings-toggle-row>i{ position:relative; width:38px; height:21px; border-radius:999px; background:#202936; box-shadow:inset 0 0 0 1px rgba(255,255,255,.045); transition:.18s ease; } .nx-settings-toggle-row>i:after{ content:''; position:absolute; width:15px; height:15px; left:3px; top:3px; border-radius:50%; background:#7c8797; transition:.18s ease; } .nx-settings-toggle-row input:checked+i{ background:linear-gradient(90deg,#6249cb,#4b74e4); } .nx-settings-toggle-row input:checked+i:after{ left:20px; background:#fff; } .nx-settings-card-actions{ display:flex; gap:8px; margin-top:12px; } .nx-settings-data-row{ display:flex; align-items:center; justify-content:space-between; gap:12px; padding:11px 12px; border:1px solid rgba(255,255,255,.045); border-radius:11px; background:rgba(255,255,255,.012); } .nx-settings-data-row strong{ display:block; color:#dce1e8; font-size:8px; } .nx-settings-data-row span{ display:block; margin-top:4px; color:#697586; font-size:7px; } .nx-settings-data-note{ display:grid; grid-template-columns:24px minmax(0,1fr); gap:8px; margin-top:10px; padding:10px 11px; border:1px solid rgba(255,255,255,.035); border-radius:10px; background:rgba(255,255,255,.008); color:#657182; } .nx-settings-data-note span{ width:24px; height:24px; display:grid; place-items:center; border-radius:8px; background:rgba(124,92,255,.05); } .nx-settings-data-note p{ margin:0; font-size:7px; line-height:1.5; } html.nx-no-animations *, html.nx-no-animations *:before, html.nx-no-animations *:after{ animation:none!important; transition:none!important; scroll-behavior:auto!important; } html.nx-compact-ui .nx-user-profile-section-card, html.nx-compact-ui .nx-mission-card, html.nx-compact-ui .nx-badge-card{ padding:11px!important; } html.nx-hide-notify-badge .nx-notify-count{ display:none!important; } html.nx-hide-new-indicators .nx-badge-new, html.nx-hide-new-indicators .nx-notify-unread-pill{ display:none!important; } @media(max-width:800px){ .nx-settings-layout{grid-template-columns:1fr} .nx-settings-nav{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); } .nx-password-form{grid-template-columns:1fr} } @media(max-width:560px){ .nx-settings-head{grid-template-columns:1fr} .nx-settings-account-chip{width:max-content;max-width:100%} .nx-settings-nav{grid-template-columns:1fr} .nx-settings-account-grid{grid-template-columns:1fr} .nx-settings-data-row{align-items:flex-start;flex-direction:column} } /* ========================================================= NEXORIA V65 · CONFIGURACI脫N CON TEXTOS M脕S LEGIBLES ========================================================= */ /* Encabezado */ .nx-settings-kicker{ font-size:10px!important; } .nx-settings-head>div:first-child>p{ font-size:13px!important; line-height:1.65!important; } /* Chip de cuenta */ .nx-settings-account-chip strong{ font-size:11px!important; } .nx-settings-account-chip small{ margin-top:5px!important; font-size:9px!important; } /* Navegaci贸n lateral */ .nx-settings-nav button strong{ font-size:10px!important; line-height:1.25!important; } .nx-settings-nav button small{ margin-top:4px!important; font-size:8px!important; line-height:1.35!important; } /* Cabeceras de tarjetas */ .nx-settings-card-head span{ font-size:8px!important; } .nx-settings-card-head h2{ font-size:17px!important; line-height:1.2!important; } .nx-settings-card-head p{ margin-top:6px!important; font-size:10px!important; line-height:1.55!important; } /* Datos de cuenta */ .nx-settings-account-grid span{ font-size:8px!important; } .nx-settings-account-grid strong{ margin-top:6px!important; font-size:10px!important; line-height:1.35!important; } /* Cambio de contrase帽a */ .nx-password-form label>span{ margin-bottom:7px!important; font-size:9px!important; } .nx-password-form input{ min-height:43px!important; padding:0 12px!important; font-size:11px!important; } .nx-settings-primary, .nx-settings-secondary, .nx-settings-danger-soft{ min-height:38px!important; padding:0 13px!important; font-size:9px!important; } .nx-settings-provider-note{ padding:12px 13px!important; font-size:9.5px!important; line-height:1.6!important; } .nx-settings-status{ min-height:19px!important; margin-top:10px!important; font-size:9px!important; line-height:1.45!important; } /* Preferencias / notificaciones */ .nx-settings-toggle-row strong, .nx-settings-select-row strong{ font-size:10px!important; } .nx-settings-toggle-row div>span, .nx-settings-select-row div>span{ margin-top:5px!important; font-size:9px!important; line-height:1.5!important; } .nx-settings-select-row select{ min-width:138px!important; min-height:38px!important; padding:0 10px!important; font-size:10px!important; } /* Privacidad */ .nx-settings-data-row strong{ font-size:10px!important; } .nx-settings-data-row span{ margin-top:5px!important; font-size:9px!important; } .nx-settings-data-note p{ font-size:9px!important; line-height:1.55!important; } /* Un poco m谩s de aire para acompa帽ar el aumento tipogr谩fico */ .nx-settings-card{ padding:18px!important; } .nx-settings-nav button{ min-height:64px!important; padding:11px!important; } .nx-settings-toggle-row, .nx-settings-select-row{ min-height:70px!important; padding:12px!important; } @media(max-width:560px){ .nx-settings-head>div:first-child>p{ font-size:12px!important; } .nx-settings-card-head h2{ font-size:16px!important; } .nx-settings-card-head p, .nx-settings-toggle-row div>span, .nx-settings-select-row div>span{ font-size:9px!important; } } /* ========================================================= NEXORIA V66 · TIPOGRAF脥A CONFIGURACI脫N strong = 12px · small = 11px ========================================================= */ #nxSettingsPage strong{ font-size:12px!important; } #nxSettingsPage small{ font-size:11px!important; } /* ========================================================= NEXORIA V67 · TIPOGRAF脥A CONFIGURACI脫N strong = 12px · small = 11px · span = 10px ========================================================= */ #nxSettingsPage span{ font-size:10px!important; } /* ========================================================= NEXORIA V68 · DESCRIPCI脫N DE INSIGNIAS ========================================================= */ .nx-badge-description{ font-size:11px!important; line-height:1.55!important; } /* ========================================================= NEXORIA V69 · TEXTOS SPAN DE MISIONES ========================================================= */ #nxMissionsPage span{ font-size:11px!important; } /* ========================================================= NEXORIA V70 · TEXTOS SMALL DEL PERFIL ========================================================= */ #nxUserProfilePage small{ font-size:9px!important; } /* ========================================================= NEXORIA V71 · CHAT COMUNITARIO ========================================================= */ .nx-chat-page{ position:relative; width:100%; min-height:690px; padding:4px 0 10px; overflow:hidden; } .nx-chat-page[hidden]{display:none!important} .nx-chat-page-glow{ position:absolute; z-index:0; width:430px; height:430px; top:-230px; right:-190px; border-radius:50%; background:radial-gradient(circle,rgba(124,92,255,.13),rgba(124,92,255,0) 68%); pointer-events:none; } .nx-chat-page>*:not(.nx-chat-page-glow){ position:relative; z-index:1; } .nx-chat-page>.nx-chat-page-glow{ position:absolute!important; z-index:0!important; pointer-events:none!important; } .nx-chat-page-head{ display:grid; grid-template-columns:minmax(0,1fr) auto; gap:18px; align-items:start; padding:7px 2px 20px; margin-bottom:14px; border-bottom:1px solid rgba(255,255,255,.055); } .nx-chat-kicker{ display:block; color:#8175e8; font-size:9px; font-weight:900; letter-spacing:.15em; } .nx-chat-page-head h1{ margin:5px 0 7px; color:#f6f8fb; font-size:34px; line-height:1.05; letter-spacing:-1px; } .nx-chat-page-head>div:first-child>p{ max-width:700px; margin:0; color:#929dac; font-size:12px; line-height:1.6; } .nx-chat-live-card{ min-width:190px; display:grid; grid-template-columns:15px minmax(0,1fr); gap:9px; align-items:center; padding:11px 13px; border:1px solid rgba(52,214,139,.13); border-radius:13px; background:linear-gradient(135deg,rgba(52,214,139,.045),rgba(0,217,255,.014)); } .nx-chat-live-dot{ width:10px; height:10px; border-radius:50%; background:#41d895; box-shadow:0 0 0 5px rgba(65,216,149,.07),0 0 14px rgba(65,216,149,.22); } .nx-chat-live-card strong{ display:block; color:#dff5ea; font-size:11px; } .nx-chat-live-card small{ display:block; margin-top:4px; color:#6e847a; font-size:8px; } .nx-chat-shell{ display:grid; grid-template-columns:220px minmax(0,1fr); gap:12px; min-height:590px; } .nx-chat-room-list{ align-self:stretch; display:flex; flex-direction:column; gap:6px; padding:9px; border:1px solid rgba(255,255,255,.05); border-radius:16px; background:rgba(255,255,255,.012); } .nx-chat-room-list-head{ padding:8px 8px 10px; } .nx-chat-room-list-head>span{ display:block; color:#7a70db; font-size:8px; font-weight:900; letter-spacing:.12em; } .nx-chat-room-list-head small{ display:block; margin-top:4px; color:#647080; font-size:8px; } .nx-chat-room-list>button{ width:100%; min-height:58px; display:grid; grid-template-columns:36px minmax(0,1fr); gap:9px; align-items:center; padding:9px 10px; border:1px solid transparent; border-radius:11px; background:transparent; color:#808b9b; text-align:left; cursor:pointer; transition:.18s ease; } .nx-chat-room-list>button:hover, .nx-chat-room-list>button.active{ border-color:rgba(124,92,255,.16); background:linear-gradient(135deg,rgba(124,92,255,.10),rgba(0,217,255,.018)); } .nx-chat-room-icon{ width:36px; height:36px; display:grid; place-items:center; border-radius:10px; background:rgba(255,255,255,.025); color:#9e95f3; font-size:14px; font-weight:900; } .nx-chat-room-list>button.active .nx-chat-room-icon{ background:rgba(124,92,255,.12); color:#d0caff; } .nx-chat-room-list>button strong{ display:block; color:#a7b0bd; font-size:10px; } .nx-chat-room-list>button.active strong{ color:#eeeaff; } .nx-chat-room-list>button small{ display:block; margin-top:3px; color:#606c7c; font-size:8px; } .nx-chat-community-card{ display:grid; grid-template-columns:34px minmax(0,1fr); gap:9px; align-items:center; margin-top:auto; padding:10px; border:1px solid rgba(65,216,149,.08); border-radius:11px; background:rgba(65,216,149,.025); } .nx-chat-community-icon{ width:34px; height:34px; display:grid; place-items:center; border-radius:10px; background:rgba(65,216,149,.06); color:#51d79b; font-size:14px; } .nx-chat-community-card strong{ display:block; color:#b7d6c7; font-size:9px; } .nx-chat-community-card small{ display:block; margin-top:3px; color:#64786e; font-size:7px; } .nx-chat-room-panel{ min-width:0; display:grid; grid-template-rows:auto minmax(0,1fr) auto auto; overflow:hidden; border:1px solid rgba(255,255,255,.055); border-radius:16px; background: radial-gradient(circle at 100% 0,rgba(124,92,255,.035),transparent 14rem), rgba(255,255,255,.012); } .nx-chat-room-head{ display:flex; align-items:center; justify-content:space-between; gap:14px; padding:13px 15px; border-bottom:1px solid rgba(255,255,255,.05); background:rgba(255,255,255,.008); } .nx-chat-room-title{ min-width:0; display:grid; grid-template-columns:42px minmax(0,1fr); gap:11px; align-items:center; } .nx-chat-current-icon{ width:42px; height:42px; display:grid; place-items:center; border:1px solid rgba(124,92,255,.12); border-radius:12px; background:rgba(124,92,255,.06); color:#b4abff; font-size:17px; font-weight:900; } .nx-chat-room-title>div>span{ display:block; color:#756bd8; font-size:7px; font-weight:900; letter-spacing:.11em; } .nx-chat-room-title h2{ margin:3px 0 0; color:#edf1f7; font-size:15px; } .nx-chat-room-title p{ margin:4px 0 0; color:#6f7b8b; font-size:8px; } .nx-chat-connection{ display:inline-flex; align-items:center; gap:6px; padding:6px 8px; border:1px solid rgba(255,255,255,.05); border-radius:999px; color:#758091; font-size:7px; font-weight:800; white-space:nowrap; } .nx-chat-connection i{ width:7px; height:7px; border-radius:50%; background:#788391; } .nx-chat-connection.is-online{ border-color:rgba(65,216,149,.10); color:#72b995; } .nx-chat-connection.is-online i{ background:#41d895; box-shadow:0 0 10px rgba(65,216,149,.24); } .nx-chat-connection.is-error{ border-color:rgba(229,138,156,.12); color:#c78391; } .nx-chat-connection.is-error i{background:#d77c8f} .nx-chat-messages{ min-height:390px; max-height:520px; overflow:auto; padding:14px 15px 18px; scroll-behavior:smooth; } .nx-chat-empty{ min-height:330px; display:flex; flex-direction:column; align-items:center; justify-content:center; color:#687486; text-align:center; } .nx-chat-empty>span{ width:48px; height:48px; display:grid; place-items:center; margin-bottom:10px; border:1px solid rgba(124,92,255,.10); border-radius:14px; background:rgba(124,92,255,.045); font-size:20px; } .nx-chat-empty strong{ color:#9da6b4; font-size:10px; } .nx-chat-empty small{ margin-top:5px; color:#596575; font-size:8px; } .nx-chat-message{ position:relative; display:grid; grid-template-columns:42px minmax(0,1fr); gap:10px; padding:9px 8px; border-radius:11px; } .nx-chat-message+.nx-chat-message{ margin-top:2px; } .nx-chat-message:hover{ background:rgba(255,255,255,.014); } .nx-chat-message.is-own{ background:rgba(124,92,255,.018); } .nx-chat-message-avatar{ width:40px; height:40px; display:grid; place-items:center; overflow:hidden; border:2px solid #111722; border-radius:50%; background:linear-gradient(135deg,#7054e8,#397dbb); color:#fff; font-size:10px; font-weight:900; box-shadow:0 0 0 1px rgba(124,92,255,.12); } .nx-chat-message-avatar img{ width:100%; height:100%; display:block; object-fit:cover; } .nx-chat-message-main{ min-width:0; } .nx-chat-message-head{ display:flex; flex-wrap:wrap; align-items:center; gap:6px; min-height:18px; } .nx-chat-message-head strong{ color:#dfe4ec; font-size:9px; } .nx-chat-message.is-own .nx-chat-message-head strong{ color:#b8afff; } .nx-chat-admin-tag{ padding:2px 5px; border:1px solid rgba(243,201,105,.15); border-radius:999px; background:rgba(243,201,105,.055); color:#dec06e; font-size:6px; font-weight:900; } .nx-chat-message-head time{ color:#596575; font-size:7px; } .nx-chat-message-body{ margin-top:3px; color:#aeb7c4; font-size:10px; line-height:1.52; word-break:break-word; } .nx-chat-reply-quote{ margin:5px 0 4px; padding:7px 8px; border-left:2px solid rgba(124,92,255,.45); border-radius:0 8px 8px 0; background:rgba(124,92,255,.04); } .nx-chat-reply-quote strong{ display:block; color:#9d94ed; font-size:7px; } .nx-chat-reply-quote span{ display:block; margin-top:3px; overflow:hidden; color:#687486; font-size:7px; text-overflow:ellipsis; white-space:nowrap; } .nx-chat-message-actions{ display:flex; gap:8px; margin-top:5px; opacity:0; transition:opacity .15s ease; } .nx-chat-message:hover .nx-chat-message-actions{ opacity:1; } .nx-chat-message-actions button{ min-height:23px; padding:0 5px; border:0; background:transparent; color:#657182; font-size:7px; font-weight:800; cursor:pointer; } .nx-chat-message-actions button:hover{color:#a79fff} .nx-chat-message-actions button.nx-chat-delete:hover{color:#de8395} .nx-chat-reply-bar{ display:flex; align-items:center; justify-content:space-between; gap:10px; padding:9px 14px; border-top:1px solid rgba(124,92,255,.08); background:rgba(124,92,255,.025); } .nx-chat-reply-bar[hidden]{display:none!important} .nx-chat-reply-bar>div{ min-width:0; } .nx-chat-reply-bar span{ display:block; color:#756bd8; font-size:6px; font-weight:900; letter-spacing:.10em; } .nx-chat-reply-bar strong{ display:block; margin-top:2px; color:#c7c1ff; font-size:8px; } .nx-chat-reply-bar small{ display:block; max-width:620px; margin-top:2px; overflow:hidden; color:#697586; font-size:7px; text-overflow:ellipsis; white-space:nowrap; } .nx-chat-reply-bar>button{ width:28px; height:28px; border:1px solid rgba(255,255,255,.05); border-radius:8px; background:rgba(255,255,255,.018); color:#758091; cursor:pointer; } .nx-chat-composer{ display:grid; grid-template-columns:42px minmax(0,1fr); gap:10px; align-items:start; padding:12px 14px 14px; border-top:1px solid rgba(255,255,255,.05); background:#0f151f; } .nx-chat-own-avatar{ width:40px; height:40px; display:grid; place-items:center; overflow:hidden; border:2px solid #111722; border-radius:50%; background:linear-gradient(135deg,#7c5cff,#00a9d8); color:#fff; font-size:10px; font-weight:900; box-shadow:0 0 0 1px rgba(124,92,255,.15); } .nx-chat-own-avatar img{ width:100%; height:100%; object-fit:cover; } .nx-chat-compose-main{ min-width:0; } .nx-chat-compose-main textarea{ width:100%; min-height:63px; max-height:150px; box-sizing:border-box; padding:10px 11px; resize:vertical; border:1px solid rgba(255,255,255,.065); border-radius:11px; background:#0b1119; color:#e2e7ee; font-size:10px; line-height:1.5; outline:none; } .nx-chat-compose-main textarea:focus{ border-color:rgba(124,92,255,.28); box-shadow:0 0 0 3px rgba(124,92,255,.045); } .nx-chat-compose-main textarea::placeholder{ color:#566171; } .nx-chat-compose-tools{ display:flex; align-items:center; justify-content:space-between; gap:10px; margin-top:7px; } .nx-chat-emoji-row{ display:flex; gap:3px; } .nx-chat-emoji-row button{ width:26px; height:26px; display:grid; place-items:center; border:1px solid transparent; border-radius:7px; background:transparent; font-size:13px; cursor:pointer; } .nx-chat-emoji-row button:hover{ border-color:rgba(124,92,255,.10); background:rgba(124,92,255,.045); } .nx-chat-compose-meta{ display:flex; align-items:center; gap:9px; } .nx-chat-compose-meta>span{ color:#596575; font-size:7px; } .nx-chat-send{ min-height:32px; display:inline-flex; align-items:center; gap:7px; padding:0 11px; border:0; border-radius:9px; background:linear-gradient(135deg,#7054e8,#5579ef); color:#fff; font-size:8px; font-weight:900; cursor:pointer; box-shadow:0 8px 20px rgba(91,79,213,.13); } .nx-chat-send:disabled{ opacity:.45; cursor:default; } @media(max-width:800px){ .nx-chat-shell{ grid-template-columns:1fr; } .nx-chat-room-list{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); } .nx-chat-room-list-head, .nx-chat-community-card{ grid-column:1/-1; } .nx-chat-room-list>button{ grid-template-columns:34px minmax(0,1fr); } } @media(max-width:560px){ .nx-chat-page-head{ grid-template-columns:1fr; } .nx-chat-live-card{ width:max-content; max-width:100%; } .nx-chat-room-list{ grid-template-columns:1fr; } .nx-chat-room-list-head, .nx-chat-community-card{ grid-column:auto; } .nx-chat-room-head{ align-items:flex-start; flex-direction:column; } .nx-chat-messages{ max-height:470px; padding:10px; } .nx-chat-composer{ grid-template-columns:1fr; } .nx-chat-own-avatar{ display:none; } .nx-chat-compose-tools{ align-items:flex-start; flex-direction:column; } .nx-chat-compose-meta{ width:100%; justify-content:space-between; } .nx-chat-message-actions{ opacity:1; } } @media(prefers-reduced-motion:reduce){ .nx-chat-room-list>button, .nx-chat-message-actions{ transition:none!important; } } /* ========================================================= NEXORIA V72 · CHAT ALINEADO ARRIBA ========================================================= */ .nx-restored-home .nx-home-main.nx-chat-host, .nx-item-view .nx-item-main.nx-chat-host{ display:block!important; align-content:start!important; justify-content:initial!important; } .nx-chat-host > .nx-chat-page{ display:block!important; width:100%!important; margin:0!important; padding-top:0!important; align-self:start!important; justify-self:stretch!important; transform:none!important; } .nx-chat-host > .nx-chat-page .nx-chat-page-head{ margin-top:0!important; padding-top:0!important; } /* ========================================================= NEXORIA V73 · CORRECCI脫N REAL DEL ESPACIO SUPERIOR DEL CHAT El glow decorativo no debe ocupar espacio en el documento. ========================================================= */ #nxChatPage > .nx-chat-page-glow{ position:absolute!important; top:-230px!important; right:-190px!important; margin:0!important; padding:0!important; pointer-events:none!important; } #nxChatPage > .nx-chat-page-head{ margin-top:0!important; } /* ========================================================= NEXORIA V74 · MARGEN SUPERIOR ADAPTATIVO DEL CHAT ========================================================= */ /* Respira mejor debajo del header sin volver a crear el hueco grande */ .nx-chat-host > .nx-chat-page{ padding-top:clamp(18px,2vw,28px)!important; } /* El encabezado mantiene alineaci贸n limpia dentro del nuevo margen */ .nx-chat-host > .nx-chat-page > .nx-chat-page-head{ margin-top:0!important; } /* Tablet */ @media(max-width:900px){ .nx-chat-host > .nx-chat-page{ padding-top:18px!important; } } /* M贸vil */ @media(max-width:560px){ .nx-chat-host > .nx-chat-page{ padding-top:14px!important; } } /* ========================================================= NEXORIA V75 · SMILES ANIMADOS DEL CHAT ========================================================= */ .nx-chat-message-body .nx-animated-smile{ display:inline-block; margin:0 1px; transform-origin:center; vertical-align:-1px; } .nx-chat-message-body .nx-animated-smile:nth-of-type(3n+1){ animation:nxSmileBounce 1.7s ease-in-out infinite; } .nx-chat-message-body .nx-animated-smile:nth-of-type(3n+2){ animation:nxSmilePulse 1.9s ease-in-out infinite; } .nx-chat-message-body .nx-animated-smile:nth-of-type(3n){ animation:nxSmileWiggle 2s ease-in-out infinite; } .nx-chat-emoji-row{ max-width:min(430px,55vw); overflow-x:auto; overflow-y:hidden; scrollbar-width:thin; scrollbar-color:rgba(124,92,255,.28) transparent; } .nx-chat-emoji-row button{ flex:0 0 28px; transition:transform .16s ease,background .16s ease,border-color .16s ease; } .nx-chat-emoji-row button:hover{ transform:translateY(-2px) scale(1.08); } @media(max-width:560px){ .nx-chat-emoji-row{ width:100%; max-width:100%; } } /* ========================================================= NEXORIA V76 · EDITOR DEL CHAT + SMILES COMO COMENTARIOS ========================================================= */ /* Ya existe el indicador superior: quitamos por completo el duplicado lateral. */ .nx-chat-community-card{ display:none!important; } /* Editor */ .nx-chat-editor-tools{ position:relative; display:flex; align-items:center; flex-wrap:wrap; gap:6px; } .nx-chat-format-button{ width:31px; height:29px; display:grid; place-items:center; padding:0; border:1px solid rgba(255,255,255,.06); border-radius:8px; background:rgba(255,255,255,.018); color:#8995a5; font-size:11px; cursor:pointer; transition:.16s ease; } .nx-chat-format-button.is-bold{ font-weight:950; } .nx-chat-format-button.is-italic{ font-family:Georgia,serif; font-style:italic; font-weight:800; } .nx-chat-format-button:hover{ border-color:rgba(124,92,255,.20); background:rgba(124,92,255,.065); color:#c5beff; } .nx-chat-size-select{ height:29px; min-width:92px; padding:0 25px 0 8px; border:1px solid rgba(255,255,255,.06); border-radius:8px; background:#111823; color:#8995a5; font-size:8px; outline:none; cursor:pointer; } .nx-chat-size-select:focus{ border-color:rgba(124,92,255,.24); } /* Smiles exactamente con la l贸gica visual del editor de comentarios */ .nx-chat-emoji-wrap{ position:relative; } .nx-chat-emoji-button{ min-height:29px; display:inline-flex; align-items:center; gap:7px; padding:0 8px; border:1px solid rgba(255,255,255,.06); border-radius:8px; background:rgba(255,255,255,.018); color:#8995a5; font-size:8px; font-weight:800; cursor:pointer; } .nx-chat-emoji-button .nx-emoji-face{ width:19px; height:19px; font-size:10px; } .nx-chat-emoji-popover{ position:absolute; left:0; bottom:37px; z-index:80; width:205px; display:grid; grid-template-columns:repeat(4,1fr); gap:5px; padding:8px; border:1px solid rgba(255,255,255,.08); border-radius:12px; background:#121820; box-shadow:0 16px 40px rgba(0,0,0,.42); } .nx-chat-emoji-popover[hidden]{ display:none!important; } .nx-chat-emoji-popover .nx-smile{ width:42px!important; height:38px!important; display:grid!important; place-items:center!important; border:0; border-radius:8px; background:transparent; font-size:20px!important; transform-origin:center; cursor:pointer; } .nx-chat-emoji-popover .nx-smile:hover{ background:rgba(255,255,255,.06); } /* Formatos renderizados en mensajes */ .nx-chat-message-body .nx-chat-format-bold{ color:#dce2eb; font-weight:900; } .nx-chat-message-body .nx-chat-format-italic{ color:#c7cfda; font-style:italic; } .nx-chat-message-body .nx-chat-size-small{ font-size:.82em; } .nx-chat-message-body .nx-chat-size-normal{ font-size:1em; } .nx-chat-message-body .nx-chat-size-large{ font-size:1.28em; line-height:1.35; } /* La antigua fila de emojis ya no participa del editor */ .nx-chat-emoji-row{ display:none!important; } @media(max-width:560px){ .nx-chat-editor-tools{ width:100%; } .nx-chat-size-select{ flex:1 1 90px; } .nx-chat-emoji-popover{ left:auto; right:0; } } /* ========================================================= NEXORIA V77 · EDITOR VISUAL REAL + M脕S SMILES ========================================================= */ .nx-chat-compose-main textarea{ display:none!important; } .nx-chat-editor{ width:100%; min-height:63px; max-height:150px; box-sizing:border-box; overflow-y:auto; padding:10px 11px; border:1px solid rgba(255,255,255,.065); border-radius:11px; background:#0b1119; color:#e2e7ee; font-size:10px; line-height:1.5; outline:none; white-space:pre-wrap; word-break:break-word; } .nx-chat-editor:focus{ border-color:rgba(124,92,255,.28); box-shadow:0 0 0 3px rgba(124,92,255,.045); } .nx-chat-editor:empty:before{ content:attr(data-placeholder); color:#566171; pointer-events:none; } .nx-chat-editor strong{ color:inherit; font-weight:900; } .nx-chat-editor em{ color:inherit; font-style:italic; } .nx-chat-editor .nx-chat-size-small{ font-size:8px; } .nx-chat-editor .nx-chat-size-normal{ font-size:10px; } .nx-chat-editor .nx-chat-size-large{ font-size:14px; line-height:1.35; } .nx-chat-editor .nx-chat-editor-smile{ display:inline-block; margin:0 1px; vertical-align:-1px; transform-origin:center; } .nx-chat-editor .nx-chat-editor-smile:nth-of-type(3n+1){ animation:nxSmileBounce 1.7s ease-in-out infinite; } .nx-chat-editor .nx-chat-editor-smile:nth-of-type(3n+2){ animation:nxSmilePulse 1.9s ease-in-out infinite; } .nx-chat-editor .nx-chat-editor-smile:nth-of-type(3n){ animation:nxSmileWiggle 2s ease-in-out infinite; } .nx-chat-emoji-popover{ width:270px!important; max-height:265px; overflow-y:auto; grid-template-columns:repeat(5,1fr)!important; scrollbar-width:thin; scrollbar-color:rgba(124,92,255,.28) transparent; } .nx-chat-emoji-popover .nx-smile{ width:45px!important; height:40px!important; font-size:21px!important; } @media(max-width:560px){ .nx-chat-emoji-popover{ width:235px!important; grid-template-columns:repeat(4,1fr)!important; } } /* ========================================================= NEXORIA V78 · COMUNIDAD Feed + debates + encuestas + reacciones + comentarios ========================================================= */ .nx-community-page{ position:relative; width:100%; min-height:760px; padding:clamp(18px,2vw,28px) 0 12px; overflow:hidden; } .nx-community-page[hidden]{display:none!important} .nx-community-glow{ position:absolute!important; z-index:0!important; width:420px; height:420px; top:-240px; right:-180px; border-radius:50%; background:radial-gradient(circle,rgba(124,92,255,.13),rgba(124,92,255,0) 68%); pointer-events:none; } .nx-community-page>*:not(.nx-community-glow){ position:relative; z-index:1; } .nx-community-head{ display:grid; grid-template-columns:minmax(0,1fr) auto; gap:18px; align-items:start; padding:0 2px 20px; margin-bottom:14px; border-bottom:1px solid rgba(255,255,255,.055); } .nx-community-kicker{ display:block; color:#8175e8; font-size:9px; font-weight:900; letter-spacing:.15em; } .nx-community-head h1{ margin:5px 0 7px; color:#f6f8fb; font-size:34px; line-height:1.05; letter-spacing:-1px; } .nx-community-head>div:first-child>p{ max-width:720px; margin:0; color:#929dac; font-size:12px; line-height:1.6; } .nx-community-live-card{ min-width:190px; display:grid; grid-template-columns:15px minmax(0,1fr); gap:9px; align-items:center; padding:11px 13px; border:1px solid rgba(52,214,139,.13); border-radius:13px; background:linear-gradient(135deg,rgba(52,214,139,.045),rgba(0,217,255,.014)); } .nx-community-live-dot{ width:10px; height:10px; border-radius:50%; background:#41d895; box-shadow:0 0 0 5px rgba(65,216,149,.07),0 0 14px rgba(65,216,149,.22); } .nx-community-live-card strong{ display:block; color:#dff5ea; font-size:11px; } .nx-community-live-card small{ display:block; margin-top:4px; color:#6e847a; font-size:8px; } .nx-community-tabs{ display:flex; flex-wrap:wrap; gap:7px; margin-bottom:12px; } .nx-community-tabs button{ min-height:36px; display:inline-flex; align-items:center; gap:7px; padding:0 12px; border:1px solid rgba(255,255,255,.05); border-radius:10px; background:rgba(255,255,255,.014); color:#798596; cursor:pointer; } .nx-community-tabs button span{font-size:12px} .nx-community-tabs button strong{font-size:9px} .nx-community-tabs button.active{ border-color:rgba(124,92,255,.18); background:rgba(124,92,255,.075); color:#c8c2ff; } .nx-community-layout{ display:grid; grid-template-columns:minmax(0,1fr) 250px; gap:12px; align-items:start; } .nx-community-main{ min-width:0; width:100%; } .nx-community-composer{ padding:15px; border:1px solid rgba(255,255,255,.055); border-radius:16px; background: radial-gradient(circle at 100% 0,rgba(124,92,255,.04),transparent 13rem), rgba(255,255,255,.014); } .nx-community-composer-top{ display:grid; grid-template-columns:42px minmax(0,1fr); gap:10px; align-items:center; } .nx-community-own-avatar{ width:40px; height:40px; display:grid; place-items:center; overflow:hidden; border:2px solid #111722; border-radius:50%; background:linear-gradient(135deg,#7c5cff,#00a9d8); color:#fff; font-size:10px; font-weight:900; box-shadow:0 0 0 1px rgba(124,92,255,.15); } .nx-community-own-avatar img{ width:100%; height:100%; object-fit:cover; } .nx-community-composer-top span{ display:block; color:#756bd8; font-size:7px; font-weight:900; letter-spacing:.11em; } .nx-community-composer-top strong{ display:block; margin-top:3px; color:#e3e8ef; font-size:11px; } .nx-community-type-switch{ display:flex; gap:6px; margin-top:13px; } .nx-community-type-switch button{ min-height:31px; padding:0 10px; border:1px solid rgba(255,255,255,.05); border-radius:8px; background:rgba(255,255,255,.012); color:#727f90; font-size:8px; font-weight:850; cursor:pointer; } .nx-community-type-switch button.active{ border-color:rgba(124,92,255,.18); background:rgba(124,92,255,.07); color:#bfb7ff; } #nxCommunityText{ width:100%; min-height:96px; box-sizing:border-box; margin-top:10px; padding:11px 12px; resize:vertical; border:1px solid rgba(255,255,255,.065); border-radius:11px; background:#0b1119; color:#e0e6ed; font:500 11px/1.55 Inter,Arial,sans-serif; outline:none; } #nxCommunityText:focus, .nx-community-poll-fields input:focus{ border-color:rgba(124,92,255,.28); box-shadow:0 0 0 3px rgba(124,92,255,.045); } #nxCommunityText::placeholder, .nx-community-poll-fields input::placeholder{ color:#566171; } .nx-community-poll-fields{ margin-top:10px; padding:11px; border:1px solid rgba(124,92,255,.09); border-radius:12px; background:rgba(124,92,255,.022); } .nx-community-poll-fields[hidden]{display:none!important} .nx-community-poll-fields label>span{ display:block; margin-bottom:5px; color:#6e79a0; font-size:7px; font-weight:900; } .nx-community-poll-fields input{ width:100%; min-height:36px; box-sizing:border-box; padding:0 9px; border:1px solid rgba(255,255,255,.06); border-radius:8px; background:#0b1119; color:#dfe5ec; font-size:9px; outline:none; } .nx-community-poll-options{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; margin-top:8px; } .nx-community-composer-bottom{ display:flex; align-items:center; justify-content:space-between; gap:12px; margin-top:10px; } .nx-community-composer-bottom>span{ color:#5e6b7c; font-size:8px; } .nx-community-publish{ min-height:35px; padding:0 14px; border:0; border-radius:9px; background:linear-gradient(135deg,#7054e8,#5579ef); color:#fff; font-size:9px; font-weight:900; cursor:pointer; box-shadow:0 9px 22px rgba(91,79,213,.12); } .nx-community-publish:disabled{opacity:.45;cursor:default} .nx-community-feed{ display:grid; gap:10px; margin-top:10px; } .nx-community-empty{ min-height:220px; display:flex; flex-direction:column; align-items:center; justify-content:center; padding:20px; border:1px dashed rgba(255,255,255,.055); border-radius:14px; color:#637080; text-align:center; } .nx-community-empty>span{ width:48px; height:48px; display:grid; place-items:center; margin-bottom:10px; border:1px solid rgba(124,92,255,.10); border-radius:14px; background:rgba(124,92,255,.045); font-size:20px; } .nx-community-empty strong{color:#9aa4b2;font-size:11px} .nx-community-empty small{margin-top:5px;color:#596575;font-size:9px} .nx-community-post{ overflow:hidden; border:1px solid rgba(255,255,255,.055); border-radius:16px; background: radial-gradient(circle at 100% 0,rgba(124,92,255,.028),transparent 14rem), rgba(255,255,255,.012); } .nx-community-post-head{ display:grid; grid-template-columns:42px minmax(0,1fr) auto; gap:10px; align-items:center; padding:13px 14px 8px; } .nx-community-post-avatar{ width:40px; height:40px; display:grid; place-items:center; overflow:hidden; border:2px solid #111722; border-radius:50%; background:linear-gradient(135deg,#7054e8,#397dbb); color:#fff; font-size:10px; font-weight:900; } .nx-community-post-avatar img{ width:100%; height:100%; object-fit:cover; } .nx-community-author{ min-width:0; } .nx-community-author-row{ display:flex; flex-wrap:wrap; align-items:center; gap:5px; } .nx-community-author-row strong{ color:#e3e8ef; font-size:10px; } .nx-community-role{ padding:2px 5px; border-radius:999px; font-size:6px; font-weight:900; } .nx-community-role.vip{ border:1px solid rgba(243,201,105,.16); background:rgba(243,201,105,.055); color:#dcbf70; } .nx-community-role.uploader{ border:1px solid rgba(109,214,255,.14); background:rgba(109,214,255,.045); color:#7ed7f3; } .nx-community-role.admin{ border:1px solid rgba(255,111,129,.15); background:rgba(255,111,129,.05); color:#dd8393; } .nx-community-author small{ display:block; margin-top:4px; color:#5f6b7b; font-size:8px; } .nx-community-post-menu{ display:flex; align-items:center; gap:5px; } .nx-community-type-badge{ padding:4px 7px; border:1px solid rgba(124,92,255,.10); border-radius:999px; background:rgba(124,92,255,.035); color:#8177c7; font-size:7px; font-weight:900; } .nx-community-delete{ width:29px; height:29px; border:1px solid rgba(255,111,129,.08); border-radius:8px; background:rgba(255,111,129,.025); color:#8b606a; cursor:pointer; } .nx-community-post-body{ padding:5px 14px 12px 66px; } .nx-community-post-body p{ margin:0; color:#b6beca; font-size:11px; line-height:1.65; white-space:pre-wrap; word-break:break-word; } .nx-community-poll{ display:grid; gap:7px; margin-top:12px; } .nx-community-poll-question{ color:#eceff5; font-size:11px; font-weight:900; } .nx-community-poll-option-button{ position:relative; min-height:44px; overflow:hidden; display:grid; grid-template-columns:minmax(0,1fr) auto; gap:10px; align-items:center; padding:8px 10px; border:1px solid rgba(255,255,255,.055); border-radius:10px; background:#0e151f; color:#aeb7c5; text-align:left; cursor:pointer; } .nx-community-poll-option-button.is-selected{ border-color:rgba(124,92,255,.22); } .nx-community-poll-fill{ position:absolute; inset:0 auto 0 0; z-index:0; width:0; background:linear-gradient(90deg,rgba(124,92,255,.13),rgba(0,217,255,.025)); pointer-events:none; } .nx-community-poll-option-button>span, .nx-community-poll-option-button>b{ position:relative; z-index:1; } .nx-community-poll-option-button>span{ font-size:9px; font-weight:750; } .nx-community-poll-option-button>b{ color:#7b8797; font-size:8px; } .nx-community-poll-total{ color:#5f6b7b; font-size:7px; } .nx-community-actions{ display:flex; align-items:center; flex-wrap:wrap; gap:4px; padding:9px 14px; border-top:1px solid rgba(255,255,255,.04); border-bottom:1px solid rgba(255,255,255,.04); } .nx-community-reaction, .nx-community-comment-toggle{ min-height:29px; display:inline-flex; align-items:center; gap:5px; padding:0 8px; border:1px solid transparent; border-radius:8px; background:transparent; color:#6e7a8a; font-size:8px; cursor:pointer; } .nx-community-reaction:hover, .nx-community-comment-toggle:hover, .nx-community-reaction.is-active{ border-color:rgba(124,92,255,.10); background:rgba(124,92,255,.04); color:#aaa1ff; } .nx-community-reaction b, .nx-community-comment-toggle b{ font-size:7px; } .nx-community-thread{ padding:10px 14px 13px 66px; } .nx-community-thread[hidden]{display:none!important} .nx-community-comment-list{ display:grid; gap:6px; } .nx-community-comment{ display:grid; grid-template-columns:32px minmax(0,1fr) auto; gap:8px; align-items:start; } .nx-community-comment-avatar{ width:30px; height:30px; display:grid; place-items:center; overflow:hidden; border-radius:50%; background:#182231; color:#a69dff; font-size:8px; font-weight:900; } .nx-community-comment-avatar img{ width:100%; height:100%; object-fit:cover; } .nx-community-comment-copy{ padding:7px 9px; border-radius:10px; background:rgba(255,255,255,.018); } .nx-community-comment-copy strong{ display:block; color:#cfd6df; font-size:8px; } .nx-community-comment-copy p{ margin:3px 0 0; color:#8f9aa8; font-size:9px; line-height:1.5; white-space:pre-wrap; } .nx-community-comment-copy small{ display:block; margin-top:4px; color:#566273; font-size:7px; } .nx-community-comment-delete{ width:25px; height:25px; border:0; border-radius:7px; background:transparent; color:#73545d; cursor:pointer; } .nx-community-comment-form{ display:grid; grid-template-columns:minmax(0,1fr) auto; gap:7px; margin-top:8px; } .nx-community-comment-form input{ min-width:0; min-height:34px; padding:0 10px; border:1px solid rgba(255,255,255,.055); border-radius:9px; background:#0b1119; color:#d7dde5; font-size:9px; outline:none; } .nx-community-comment-form input:focus{ border-color:rgba(124,92,255,.20); } .nx-community-comment-form button{ min-height:34px; padding:0 11px; border:1px solid rgba(124,92,255,.14); border-radius:9px; background:rgba(124,92,255,.06); color:#aaa1ff; font-size:8px; font-weight:900; cursor:pointer; } .nx-community-side{ display:grid; gap:10px; } .nx-community-side-card{ padding:14px; border:1px solid rgba(255,255,255,.05); border-radius:14px; background:rgba(255,255,255,.012); } .nx-community-side-kicker{ display:block; color:#756bd8; font-size:7px; font-weight:900; letter-spacing:.11em; } .nx-community-side-card h3{ margin:5px 0 0; color:#e2e7ee; font-size:13px; } .nx-community-stats{ display:grid; gap:7px; margin-top:11px; } .nx-community-stats>div{ display:grid; grid-template-columns:28px minmax(0,1fr) auto; gap:8px; align-items:center; min-height:43px; padding:7px 8px; border:1px solid rgba(255,255,255,.04); border-radius:9px; background:rgba(255,255,255,.01); } .nx-community-stats>div>span{ width:28px; height:28px; display:grid; place-items:center; border-radius:8px; background:rgba(124,92,255,.055); font-size:11px; } .nx-community-stats strong{ color:#dfe5ec; font-size:12px; } .nx-community-stats small{ color:#657182; font-size:7px; } .nx-community-rule{ display:grid; grid-template-columns:28px minmax(0,1fr); gap:8px; margin-top:10px; } .nx-community-rule>span{ width:27px; height:27px; display:grid; place-items:center; border-radius:8px; background:rgba(124,92,255,.055); color:#8e85e5; font-size:7px; font-weight:900; } .nx-community-rule p, .nx-community-coming p{ margin:0; color:#707c8c; font-size:8px; line-height:1.55; } .nx-community-coming p{margin-top:8px} .nx-community-coming-badge{ display:inline-flex; margin-top:11px; padding:4px 7px; border:1px solid rgba(124,92,255,.11); border-radius:999px; background:rgba(124,92,255,.04); color:#847adb; font-size:6px; font-weight:900; } .nx-community-host{ display:block!important; align-content:start!important; } .nx-community-host>.nx-community-page{ display:block!important; margin:0!important; align-self:start!important; } @media(max-width:900px){ .nx-community-layout{ grid-template-columns:1fr; } .nx-community-side{ grid-template-columns:repeat(3,minmax(0,1fr)); } } @media(max-width:650px){ .nx-community-head{ grid-template-columns:1fr; } .nx-community-live-card{ width:max-content; max-width:100%; } .nx-community-poll-options, .nx-community-side{ grid-template-columns:1fr; } .nx-community-post-body, .nx-community-thread{ padding-left:14px; } .nx-community-post-head{ grid-template-columns:38px minmax(0,1fr); } .nx-community-post-menu{ grid-column:2; justify-content:flex-start; } .nx-community-comment-form{ grid-template-columns:1fr; } } /* ========================================================= NEXORIA V79 · COMUNIDAD M脕S CLARA Y LEGIBLE ========================================================= */ /* Encabezado */ .nx-community-kicker{ font-size:10px!important; } .nx-community-head>div:first-child>p{ font-size:13px!important; line-height:1.65!important; } .nx-community-live-card strong{ font-size:12px!important; } .nx-community-live-card small{ font-size:10px!important; } /* Tabs principales */ .nx-community-tabs{ gap:9px!important; margin-bottom:15px!important; } .nx-community-tabs button{ min-height:42px!important; padding:0 15px!important; } .nx-community-tabs button span{ font-size:14px!important; } .nx-community-tabs button strong{ font-size:11px!important; } /* Gu铆a paso a paso */ .nx-community-guide{ display:grid; grid-template-columns:30px minmax(0,1fr) 30px minmax(0,1fr) 30px minmax(0,1fr); gap:9px; align-items:center; margin-bottom:15px; padding:11px 12px; border:1px solid rgba(124,92,255,.09); border-radius:12px; background:rgba(124,92,255,.025); } .nx-community-guide>span{ width:28px; height:28px; display:grid; place-items:center; border-radius:9px; background:rgba(124,92,255,.10); color:#b8b0ff; font-size:10px; font-weight:950; } .nx-community-guide p{ margin:0; min-width:0; } .nx-community-guide strong{ display:block; color:#dce2ea; font-size:10px; } .nx-community-guide small{ display:block; margin-top:3px; color:#728092; font-size:9px; line-height:1.35; } /* Composer */ .nx-community-composer{ padding:18px!important; } .nx-community-composer-top span{ font-size:9px!important; } .nx-community-composer-top strong{ font-size:13px!important; } .nx-community-type-switch{ display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:8px!important; margin-top:15px!important; } .nx-community-type-switch button{ min-height:66px!important; display:grid!important; grid-template-columns:28px minmax(0,1fr)!important; grid-template-rows:auto auto!important; column-gap:8px!important; align-items:center!important; padding:9px 10px!important; text-align:left!important; } .nx-community-type-switch button>span{ grid-row:1/3; width:28px; height:28px; display:grid; place-items:center; border-radius:8px; background:rgba(124,92,255,.06); font-size:13px!important; } .nx-community-type-switch button>strong{ align-self:end; color:#aab4c2; font-size:10px!important; } .nx-community-type-switch button>small{ align-self:start; margin-top:2px; color:#657284; font-size:8.5px!important; line-height:1.3; } .nx-community-type-switch button.active>strong{ color:#ddd8ff; } .nx-community-type-switch button.active>small{ color:#8f86d7; } #nxCommunityText{ min-height:115px!important; margin-top:12px!important; padding:13px!important; font-size:12px!important; line-height:1.6!important; } /* Encuestas */ .nx-community-poll-fields label>span{ font-size:9px!important; } .nx-community-poll-fields input{ min-height:40px!important; font-size:10px!important; } /* Composer footer */ .nx-community-composer-bottom>span{ font-size:9px!important; } .nx-community-publish{ min-height:39px!important; display:inline-flex!important; align-items:center!important; gap:8px!important; padding:0 14px!important; font-size:10px!important; } .nx-community-publish b{ font-size:10px!important; } /* Feed: autores y tipos */ .nx-community-author-row strong{ font-size:12px!important; } .nx-community-author small{ font-size:9px!important; } .nx-community-role{ font-size:7px!important; } .nx-community-type-badge{ font-size:8px!important; padding:5px 8px!important; } /* Feed: cuerpo */ .nx-community-post-body p{ font-size:12px!important; line-height:1.7!important; } .nx-community-poll-question{ font-size:12px!important; } .nx-community-poll-option-button>span{ font-size:10px!important; } .nx-community-poll-option-button>b{ font-size:9px!important; } .nx-community-poll-total{ font-size:9px!important; } /* Acciones/reacciones */ .nx-community-reaction, .nx-community-comment-toggle{ min-height:34px!important; padding:0 9px!important; font-size:10px!important; } .nx-community-reaction b, .nx-community-comment-toggle b{ font-size:9px!important; } /* Comentarios */ .nx-community-comment-copy strong{ font-size:10px!important; } .nx-community-comment-copy p{ font-size:10px!important; } .nx-community-comment-copy small{ font-size:8px!important; } .nx-community-comment-form input{ min-height:38px!important; font-size:10px!important; } .nx-community-comment-form button{ min-height:38px!important; font-size:9px!important; } /* Sidebar */ .nx-community-side-kicker{ font-size:9px!important; } .nx-community-side-card h3{ font-size:15px!important; } .nx-community-stats strong{ font-size:14px!important; } .nx-community-stats small{ font-size:9px!important; } .nx-community-rule p, .nx-community-coming p{ font-size:10px!important; line-height:1.6!important; } .nx-community-rule>span{ font-size:8px!important; } .nx-community-coming-badge{ font-size:8px!important; } /* Vac铆os */ .nx-community-empty strong{ font-size:12px!important; } .nx-community-empty small{ font-size:10px!important; } /* Mejor jerarqu铆a visual */ .nx-community-post{ transition:transform .18s ease,border-color .18s ease,background .18s ease; } .nx-community-post:hover{ transform:translateY(-2px); border-color:rgba(124,92,255,.12); background:rgba(124,92,255,.016); } .nx-community-side-card{ padding:16px!important; } /* Responsive */ @media(max-width:900px){ .nx-community-guide{ grid-template-columns:30px minmax(0,1fr); } } @media(max-width:650px){ .nx-community-type-switch{ grid-template-columns:1fr!important; } .nx-community-head>div:first-child>p{ font-size:12px!important; } .nx-community-tabs button{ flex:1 1 auto; justify-content:center; } } /* ========================================================= NEXORIA V80 · COMUNIDAD SMALL 11PX ========================================================= */ #nxCommunityPage small{ font-size:11px!important; } /* ========================================================= NEXORIA V81 · COMUNIDAD M脕S VIVA Y ATRACTIVA ========================================================= */ /* Fondo general con profundidad */ #nxCommunityPage{ background: radial-gradient(circle at 10% 0,rgba(124,92,255,.08),transparent 22rem), radial-gradient(circle at 92% 12%,rgba(0,217,255,.055),transparent 20rem); } /* Header m谩s protagonista */ .nx-community-head{ padding:18px 18px 20px!important; border:1px solid rgba(255,255,255,.065)!important; border-radius:20px!important; background: radial-gradient(circle at 8% 0,rgba(124,92,255,.14),transparent 24rem), linear-gradient(145deg,rgba(18,23,35,.96),rgba(10,14,22,.96))!important; box-shadow: 0 18px 44px rgba(0,0,0,.28), inset 0 1px rgba(255,255,255,.025)!important; } .nx-community-head h1{ text-shadow:0 0 22px rgba(124,92,255,.12); } .nx-community-live-card{ position:relative; overflow:hidden; } .nx-community-live-card:before{ content:''; position:absolute; inset:0; background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.05) 50%,transparent 65%); transform:translateX(-120%); animation:nxCommunityShine 5.2s ease-in-out infinite; pointer-events:none; } /* Tabs con vida */ .nx-community-tabs button{ position:relative; overflow:hidden; transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease!important; } .nx-community-tabs button:hover{ transform:translateY(-2px); border-color:rgba(124,92,255,.24)!important; background:rgba(124,92,255,.07)!important; box-shadow:0 10px 24px rgba(0,0,0,.18); } .nx-community-tabs button.active{ box-shadow: 0 10px 28px rgba(84,72,190,.16), inset 0 1px rgba(255,255,255,.03)!important; } /* Gu铆a inicial */ .nx-community-guide{ position:relative; overflow:hidden; background: linear-gradient(135deg,rgba(124,92,255,.05),rgba(0,217,255,.018))!important; } .nx-community-guide:after{ content:''; position:absolute; inset:auto 0 0 0; height:1px; background:linear-gradient(90deg,transparent,#7c5cff,#00d9ff,transparent); opacity:.42; } /* Composer principal */ .nx-community-composer{ position:relative; overflow:visible!important; border-color:rgba(124,92,255,.12)!important; background: radial-gradient(circle at 100% 0,rgba(124,92,255,.09),transparent 18rem), linear-gradient(180deg,rgba(17,22,33,.97),rgba(12,17,26,.97))!important; box-shadow: 0 16px 40px rgba(0,0,0,.23), inset 0 1px rgba(255,255,255,.022); } /* Los tres tipos parecen acciones reales */ .nx-community-type-switch button{ position:relative; overflow:hidden; transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease!important; } .nx-community-type-switch button:before{ content:''; position:absolute; inset:0; opacity:0; background:linear-gradient(135deg,rgba(124,92,255,.09),rgba(0,217,255,.025)); transition:opacity .18s ease; pointer-events:none; } .nx-community-type-switch button:hover{ transform:translateY(-2px); border-color:rgba(124,92,255,.24)!important; box-shadow:0 10px 24px rgba(0,0,0,.16); } .nx-community-type-switch button:hover:before, .nx-community-type-switch button.active:before{ opacity:1; } .nx-community-type-switch button.active{ border-color:rgba(124,92,255,.28)!important; box-shadow: 0 10px 24px rgba(75,64,176,.12), inset 0 0 22px rgba(124,92,255,.025); } .nx-community-type-switch button>*{ position:relative; z-index:1; } /* Campos: todos reaccionan al foco */ #nxCommunityText, .nx-community-poll-fields input, .nx-community-comment-form input{ transition: border-color .18s ease, box-shadow .18s ease, background .18s ease, transform .18s ease!important; } #nxCommunityText:hover, .nx-community-poll-fields input:hover, .nx-community-comment-form input:hover{ border-color:rgba(124,92,255,.16)!important; background:#0d141e!important; } #nxCommunityText:focus, .nx-community-poll-fields input:focus, .nx-community-comment-form input:focus{ transform:translateY(-1px); border-color:rgba(124,92,255,.36)!important; background:#0d141e!important; box-shadow: 0 0 0 3px rgba(124,92,255,.06), 0 10px 26px rgba(0,0,0,.18)!important; } /* Encuestas: m贸dulo mucho m谩s protagonista */ .nx-community-poll-fields{ position:relative; overflow:hidden; padding:14px!important; border-color:rgba(124,92,255,.18)!important; background: radial-gradient(circle at 100% 0,rgba(124,92,255,.10),transparent 14rem), linear-gradient(145deg,rgba(17,21,34,.96),rgba(11,16,24,.96))!important; box-shadow: inset 0 1px rgba(255,255,255,.025), 0 12px 30px rgba(0,0,0,.16); } .nx-community-poll-fields:before{ content:'ENCUESTA'; position:absolute; top:10px; right:12px; padding:4px 7px; border:1px solid rgba(124,92,255,.18); border-radius:999px; background:rgba(124,92,255,.065); color:#a79eff; font-size:8px; font-weight:900; letter-spacing:.08em; } .nx-community-poll-fields:after{ content:''; position:absolute; width:160px; height:160px; right:-90px; top:-95px; border-radius:50%; background:radial-gradient(circle,rgba(124,92,255,.14),transparent 68%); pointer-events:none; } .nx-community-poll-options{ gap:10px!important; } /* Encuestas publicadas */ .nx-community-poll{ position:relative; overflow:hidden; padding:13px; border:1px solid rgba(124,92,255,.11); border-radius:13px; background: radial-gradient(circle at 100% 0,rgba(124,92,255,.07),transparent 14rem), rgba(124,92,255,.018); } .nx-community-poll-question{ display:flex; align-items:center; gap:7px; margin-bottom:3px; color:#f0efff!important; } .nx-community-poll-question:before{ content:'\1F4CA'; width:28px; height:28px; display:grid; place-items:center; border-radius:8px; background:rgba(124,92,255,.08); box-shadow:inset 0 0 12px rgba(124,92,255,.06); } .nx-community-poll-option-button{ min-height:48px!important; border-color:rgba(255,255,255,.07)!important; background:linear-gradient(135deg,#101822,#0c131d)!important; box-shadow:inset 0 1px rgba(255,255,255,.02); transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease!important; } .nx-community-poll-option-button:hover{ transform:translateX(3px); border-color:rgba(124,92,255,.26)!important; box-shadow: 0 8px 22px rgba(0,0,0,.16), inset 0 0 18px rgba(124,92,255,.025); } .nx-community-poll-option-button.is-selected{ border-color:rgba(124,92,255,.42)!important; box-shadow: 0 0 0 2px rgba(124,92,255,.055), 0 10px 24px rgba(64,52,157,.12)!important; } .nx-community-poll-option-button.is-selected:after{ content:'\2713'; position:absolute; right:38px; top:50%; z-index:2; transform:translateY(-50%); color:#afa6ff; font-size:11px; font-weight:900; } .nx-community-poll-fill{ background: linear-gradient(90deg,rgba(124,92,255,.18),rgba(0,217,255,.055))!important; transition:width .35s ease!important; } /* Bot贸n publicar */ .nx-community-publish{ position:relative; overflow:hidden; transition:transform .18s ease,box-shadow .18s ease!important; } .nx-community-publish:before{ content:''; position:absolute; inset:0; background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.18) 50%,transparent 65%); transform:translateX(-130%); transition:transform .55s ease; } .nx-community-publish:hover{ transform:translateY(-2px); box-shadow:0 13px 28px rgba(82,70,190,.25)!important; } .nx-community-publish:hover:before{ transform:translateX(130%); } .nx-community-publish>*{ position:relative; z-index:1; } /* Feed m谩s vivo */ .nx-community-feed{ perspective:1000px; } .nx-community-post{ animation:nxCommunityCardIn .36s ease both; box-shadow: 0 12px 30px rgba(0,0,0,.16), inset 0 1px rgba(255,255,255,.015); } .nx-community-post:nth-child(2){animation-delay:.04s} .nx-community-post:nth-child(3){animation-delay:.08s} .nx-community-post:nth-child(4){animation-delay:.12s} .nx-community-post:hover{ transform:translateY(-3px)!important; border-color:rgba(124,92,255,.18)!important; box-shadow: 0 18px 40px rgba(0,0,0,.24), 0 0 0 1px rgba(124,92,255,.035), inset 0 1px rgba(255,255,255,.02)!important; } /* Tipo de publicaci贸n con mejor lectura visual */ .nx-community-type-badge{ box-shadow:inset 0 1px rgba(255,255,255,.02); } /* Reacciones m谩s atractivas */ .nx-community-reaction, .nx-community-comment-toggle{ transition:transform .16s ease,background .16s ease,border-color .16s ease,color .16s ease!important; } .nx-community-reaction:hover, .nx-community-comment-toggle:hover{ transform:translateY(-2px); } .nx-community-reaction.is-active{ border-color:rgba(124,92,255,.18)!important; background:linear-gradient(135deg,rgba(124,92,255,.09),rgba(0,217,255,.025))!important; box-shadow:inset 0 0 14px rgba(124,92,255,.035); } /* Comentarios */ .nx-community-comment-copy{ transition:background .16s ease,border-color .16s ease; border:1px solid transparent; } .nx-community-comment:hover .nx-community-comment-copy{ border-color:rgba(124,92,255,.07); background:rgba(124,92,255,.025); } /* Sidebar con m谩s presencia */ .nx-community-side-card{ position:relative; overflow:hidden; transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease!important; } .nx-community-side-card:hover{ transform:translateY(-2px); border-color:rgba(124,92,255,.13)!important; box-shadow:0 14px 30px rgba(0,0,0,.17); } .nx-community-side-card:before{ content:''; position:absolute; width:120px; height:120px; right:-70px; top:-70px; border-radius:50%; background:radial-gradient(circle,rgba(124,92,255,.08),transparent 70%); pointer-events:none; } /* M茅tricas del lateral */ .nx-community-stats>div{ transition:transform .16s ease,border-color .16s ease,background .16s ease; } .nx-community-stats>div:hover{ transform:translateX(3px); border-color:rgba(124,92,255,.10); background:rgba(124,92,255,.025); } /* Animaciones */ @keyframes nxCommunityShine{ 0%,68%{transform:translateX(-120%)} 88%,100%{transform:translateX(120%)} } @keyframes nxCommunityCardIn{ from{opacity:0;transform:translateY(10px) scale(.99)} to{opacity:1;transform:none} } /* Mantener legibilidad: nunca reducimos small */ #nxCommunityPage small{ font-size:11px!important; line-height:1.45!important; } @media(max-width:650px){ .nx-community-head{ padding:15px!important; } .nx-community-poll-fields:before{ position:static; display:inline-flex; margin-bottom:9px; } } @media(prefers-reduced-motion:reduce){ .nx-community-live-card:before, .nx-community-post{ animation:none!important; } .nx-community-tabs button, .nx-community-type-switch button, #nxCommunityText, .nx-community-poll-fields input, .nx-community-comment-form input, .nx-community-poll-option-button, .nx-community-publish, .nx-community-reaction, .nx-community-comment-toggle, .nx-community-side-card, .nx-community-stats>div{ transition:none!important; } } /* ========================================================= NEXORIA V82 · INICIO + SELECTOR DE IDIOMA ========================================================= */ /* Inicio ahora ocupa la primera posici贸n y tiene icono propio */ .nx-home-nav-link{ position:relative; overflow:hidden; min-height:44px!important; margin-bottom:4px; border-color:rgba(124,92,255,.12)!important; background: linear-gradient(135deg,rgba(124,92,255,.075),rgba(0,217,255,.018))!important; } .nx-home-nav-link:before{ content:''; position:absolute; inset:0; pointer-events:none; background:linear-gradient(105deg,transparent 36%,rgba(255,255,255,.055) 50%,transparent 64%); transform:translateX(-120%); transition:transform .55s ease; } .nx-home-nav-link:hover:before{ transform:translateX(120%); } .nx-nav-home-icon{ width:27px; height:27px; display:grid!important; place-items:center; flex:0 0 27px; border:1px solid rgba(124,92,255,.18); border-radius:8px; background:rgba(124,92,255,.08); color:#b9b2ff; } .nx-nav-home-icon svg, .nx-mobile-home-icon svg{ width:16px; height:16px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; } .nx-home-nav-link.active .nx-nav-home-icon{ background:linear-gradient(135deg,rgba(124,92,255,.22),rgba(0,217,255,.10)); color:#ece9ff; box-shadow:0 0 16px rgba(124,92,255,.12); } /* Mobile home icon */ .nx-mobile-home-icon{ display:grid!important; place-items:center; color:inherit; } /* Selector de idioma */ .nx-lang{ position:relative; } .nx-lang-trigger{ width:auto!important; min-width:72px!important; grid-template-columns:20px auto 12px!important; display:grid!important; align-items:center!important; gap:6px!important; padding:0 9px!important; border-color:rgba(255,255,255,.085)!important; background: linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.018))!important; transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease!important; } .nx-lang-trigger:hover, .nx-lang.open .nx-lang-trigger{ transform:translateY(-1px); border-color:rgba(124,92,255,.25)!important; background: linear-gradient(145deg,rgba(124,92,255,.10),rgba(0,217,255,.025))!important; box-shadow:0 10px 25px rgba(0,0,0,.18); } .nx-lang-trigger-icon{ width:20px; height:20px; display:grid; place-items:center; border-radius:7px; background:rgba(124,92,255,.08); color:#a79fff; font-size:13px; font-weight:900; } .nx-lang-code{ color:#e8ebf2; font-size:10px; font-weight:900; letter-spacing:.06em; } .nx-lang-chevron{ color:#6f7a8a; font-size:11px; transition:transform .18s ease; } .nx-lang.open .nx-lang-chevron{ transform:rotate(180deg); } /* Dropdown lenguaje */ .nx-lang-menu{ display:block!important; position:absolute; z-index:2600!important; top:48px!important; right:0!important; width:230px!important; padding:8px!important; overflow:hidden; border:1px solid rgba(255,255,255,.09)!important; border-radius:16px!important; background: radial-gradient(circle at 100% 0,rgba(124,92,255,.12),transparent 12rem), linear-gradient(160deg,#141a26,#0d121b)!important; box-shadow: 0 24px 65px rgba(0,0,0,.48), inset 0 1px rgba(255,255,255,.025)!important; opacity:0; visibility:hidden; pointer-events:none; transform:translateY(-7px) scale(.98); transform-origin:top right; transition:opacity .18s ease,transform .18s ease,visibility .18s ease; } .nx-lang.open .nx-lang-menu{ opacity:1; visibility:visible; pointer-events:auto; transform:none; } .nx-lang-menu-head{ padding:8px 9px 10px; margin-bottom:4px; border-bottom:1px solid rgba(255,255,255,.055); } .nx-lang-menu-head>span{ display:block; color:#877cea; font-size:8px; font-weight:950; letter-spacing:.14em; } .nx-lang-menu-head small{ display:block; margin-top:4px; color:#717d8e; font-size:9px; line-height:1.4; } .nx-lang-menu>button{ width:100%!important; min-height:52px!important; display:grid!important; grid-template-columns:34px minmax(0,1fr) 20px!important; gap:9px!important; align-items:center!important; padding:8px 9px!important; border:1px solid transparent!important; border-radius:11px!important; background:transparent!important; color:#d9dce5!important; text-align:left!important; cursor:pointer!important; transition:background .16s ease,border-color .16s ease,transform .16s ease!important; } .nx-lang-menu>button:hover{ transform:translateX(2px); border-color:rgba(124,92,255,.10)!important; background:rgba(124,92,255,.055)!important; } .nx-lang-menu>button.is-active{ border-color:rgba(124,92,255,.18)!important; background: linear-gradient(135deg,rgba(124,92,255,.10),rgba(0,217,255,.018))!important; } .nx-lang-flag{ width:32px; height:32px; display:grid; place-items:center; border:1px solid rgba(255,255,255,.055); border-radius:9px; background:rgba(255,255,255,.025); font-size:18px; } .nx-lang-option-copy{ min-width:0; } .nx-lang-option-copy strong{ display:block; color:#e6eaf1; font-size:10px; } .nx-lang-option-copy small{ display:block; margin-top:3px; color:#6e7989; font-size:8px; } .nx-lang-check{ display:none; color:#9f96f6; font-size:11px; } .nx-lang-menu>button.is-active .nx-lang-check{ display:block; } @media(max-width:560px){ .nx-lang-trigger{ min-width:58px!important; grid-template-columns:18px auto!important; } .nx-lang-chevron{ display:none; } .nx-lang-menu{ width:210px!important; right:-48px!important; } } @media(prefers-reduced-motion:reduce){ .nx-home-nav-link:before, .nx-lang-trigger, .nx-lang-chevron, .nx-lang-menu, .nx-lang-menu>button{ transition:none!important; } } /* ========================================================= NEXORIA V83 REBASE · PEL脥CULAS ========================================================= */ .nx-movies-page{ position:relative; width:100%; min-height:760px; padding:18px 0 14px; overflow:hidden; } .nx-movies-page[hidden]{display:none!important} .nx-movies-ambient{ position:absolute!important; z-index:0!important; width:460px; height:460px; right:-210px; top:-240px; border-radius:50%; background:radial-gradient(circle,rgba(124,92,255,.13),rgba(124,92,255,0) 70%); pointer-events:none; } .nx-movies-page>*:not(.nx-movies-ambient){ position:relative; z-index:1; } .nx-movies-head{ min-height:150px; display:flex; align-items:center; justify-content:space-between; gap:24px; padding:24px 26px; border:1px solid rgba(255,255,255,.065); border-radius:19px; background: radial-gradient(circle at 86% 8%,rgba(124,92,255,.13),transparent 21rem), radial-gradient(circle at 68% 100%,rgba(0,217,255,.045),transparent 17rem), linear-gradient(145deg,#121824,#0d121b); box-shadow:0 18px 48px rgba(0,0,0,.20); } .nx-movies-kicker{ display:block; color:#8b81e9; font-size:9px; font-weight:900; letter-spacing:.15em; } .nx-movies-head h1{ margin:6px 0 7px; color:#f7f8fb; font-size:35px; line-height:1; letter-spacing:-1px; } .nx-movies-head p{ max-width:620px; margin:0; color:#8d98a8; font-size:12px; line-height:1.6; } .nx-movies-head-stats{ display:flex; gap:8px; } .nx-movies-head-stats>div{ min-width:82px; padding:11px 12px; border:1px solid rgba(255,255,255,.055); border-radius:12px; background:rgba(8,12,18,.35); text-align:center; } .nx-movies-head-stats strong{ display:block; color:#e8e5ff; font-size:20px; } .nx-movies-head-stats small{ display:block; margin-top:3px; color:#6d7888; font-size:9px; } .nx-movies-toolbar{ display:grid; grid-template-columns:minmax(0,1fr) 165px; gap:9px; margin-top:12px; } .nx-movies-search{ min-height:43px; display:flex; align-items:center; gap:9px; padding:0 12px; border:1px solid rgba(255,255,255,.06); border-radius:11px; background:#0d131c; } .nx-movies-search>span{ color:#7d88a0; font-size:17px; } .nx-movies-search input{ width:100%; border:0; outline:0; background:transparent; color:#e7ebf2; font-size:11px; } .nx-movies-search input::placeholder{color:#596575} .nx-movies-toolbar select{ min-height:43px; padding:0 11px; border:1px solid rgba(255,255,255,.06); border-radius:11px; outline:0; background:#0d131c; color:#aab3c0; font-size:10px; } .nx-movies-discover, .nx-movies-formats, .nx-movies-results{ margin-top:18px; } .nx-movies-section-title, .nx-movies-results-head{ display:flex; align-items:flex-end; justify-content:space-between; gap:16px; margin-bottom:10px; } .nx-movies-section-title>div>span, .nx-movies-results-head>div>span{ display:block; color:#776dde; font-size:8px; font-weight:900; letter-spacing:.13em; } .nx-movies-section-title h2, .nx-movies-results-head h2{ margin:4px 0 0; color:#e8ecf3; font-size:16px; } .nx-movies-section-title>small{ color:#687485; font-size:9px; } .nx-movies-categories{ display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:7px; } .nx-movies-categories button{ min-height:62px; display:grid; grid-template-columns:28px minmax(0,1fr) auto; gap:8px; align-items:center; padding:8px 9px; border:1px solid rgba(255,255,255,.05); border-radius:11px; background:rgba(255,255,255,.012); color:#7d8898; text-align:left; cursor:pointer; } .nx-movies-categories button>span{ width:28px; height:28px; display:grid; place-items:center; border-radius:8px; background:rgba(124,92,255,.055); font-size:12px; } .nx-movies-categories button strong{ color:#9ca6b5; font-size:9px; } .nx-movies-categories button small{ color:#5d6878; font-size:8px; } .nx-movies-categories button.active{ border-color:rgba(124,92,255,.20); background:linear-gradient(135deg,rgba(124,92,255,.09),rgba(0,217,255,.018)); } .nx-movies-categories button.active strong{color:#ddd8ff} .nx-movies-formats{ padding-top:2px; } .nx-movies-section-title.compact{ margin-bottom:8px; } .nx-movies-format-row{ display:flex; flex-wrap:wrap; gap:6px; } .nx-movies-format-row button{ min-height:33px; padding:0 11px; border:1px solid rgba(255,255,255,.05); border-radius:999px; background:transparent; color:#748091; font-size:8px; font-weight:850; cursor:pointer; } .nx-movies-format-row button.active{ border-color:rgba(0,217,255,.17); background:rgba(0,217,255,.045); color:#9bdcea; } .nx-movies-results{ padding-top:18px; border-top:1px solid rgba(255,255,255,.05); } .nx-movies-results-head>span{ color:#6d7888; font-size:9px; } .nx-movies-grid{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; } .nx-movie-card{ min-width:0; overflow:hidden; border:1px solid rgba(255,255,255,.055); border-radius:13px; background:#0d131c; } .nx-movie-cover{ position:relative; display:block; aspect-ratio:2/3; overflow:hidden; background:linear-gradient(145deg,#151d29,#0c1119); } .nx-movie-cover img{ width:100%; height:100%; display:block; object-fit:cover; } .nx-movie-cover-placeholder{ width:100%; height:100%; display:grid; place-items:center; color:#697586; font-size:28px; } .nx-movie-format-badge{ position:absolute; left:8px; top:8px; padding:4px 6px; border:1px solid rgba(255,255,255,.08); border-radius:6px; background:rgba(7,10,15,.78); color:#cbc5ff; font-size:7px; font-weight:900; backdrop-filter:blur(8px); } .nx-movie-copy{ padding:10px; } .nx-movie-copy>small{ display:block; overflow:hidden; color:#7168d0; font-size:8px; font-weight:850; text-overflow:ellipsis; white-space:nowrap; } .nx-movie-copy h3{ min-height:34px; margin:5px 0 6px; overflow:hidden; color:#e6eaf0; font-size:11px; line-height:1.45; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; } .nx-movie-copy p{ min-height:28px; margin:0; overflow:hidden; color:#687485; font-size:8px; line-height:1.45; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; } .nx-movie-actions{ display:flex; align-items:center; justify-content:space-between; gap:8px; margin-top:9px; } .nx-movie-actions a{ color:#a69eff!important; font-size:8px; font-weight:850; text-decoration:none!important; } .nx-movie-actions span{ color:#606c7c; font-size:7px; } .nx-movies-empty{ grid-column:1/-1; min-height:230px; display:flex; flex-direction:column; align-items:center; justify-content:center; padding:22px; border:1px dashed rgba(255,255,255,.055); border-radius:13px; text-align:center; } .nx-movies-empty>span{ width:48px; height:48px; display:grid; place-items:center; margin-bottom:10px; border-radius:13px; background:rgba(124,92,255,.055); font-size:20px; } .nx-movies-empty strong{ color:#a5aebb; font-size:11px; } .nx-movies-empty small{ max-width:420px; margin-top:5px; color:#657182; font-size:9px; line-height:1.55; } .nx-movies-full-catalog{ display:inline-flex; align-items:center; justify-content:center; min-height:34px; margin-top:12px; padding:0 11px; border:1px solid rgba(124,92,255,.12); border-radius:9px; background:rgba(124,92,255,.05); color:#a79fff!important; font-size:8px; font-weight:900; text-decoration:none!important; } .nx-movies-host{ display:block!important; align-content:start!important; } .nx-movies-host>.nx-movies-page{ display:block!important; width:100%!important; } @media(max-width:900px){ .nx-movies-categories{ grid-template-columns:repeat(3,minmax(0,1fr)); } .nx-movies-grid{ grid-template-columns:repeat(3,minmax(0,1fr)); } } @media(max-width:650px){ .nx-movies-head{ align-items:flex-start; flex-direction:column; } .nx-movies-toolbar{ grid-template-columns:1fr; } .nx-movies-categories{ grid-template-columns:repeat(2,minmax(0,1fr)); } .nx-movies-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); } .nx-movies-section-title{ align-items:flex-start; flex-direction:column; } } /* ========================================================= NEXORIA V84 · PEL脥CULAS HEADER CINEM脕TICO ========================================================= */ .nx-movies-head{ position:relative; overflow:hidden; min-height:210px; display:grid!important; grid-template-columns:minmax(0,1.15fr) 250px 172px; align-items:center; gap:16px; padding:28px 28px 26px!important; border:1px solid rgba(255,255,255,.07)!important; border-radius:22px!important; background: radial-gradient(circle at 84% 20%,rgba(124,92,255,.22),transparent 16rem), radial-gradient(circle at 72% 100%,rgba(0,217,255,.08),transparent 18rem), linear-gradient(135deg,#171e2c 0%,#101722 40%,#0c1118 100%)!important; box-shadow: 0 22px 58px rgba(0,0,0,.24), inset 0 1px rgba(255,255,255,.025)!important; } .nx-movies-head:before{ content:''; position:absolute; inset:0; pointer-events:none; background: linear-gradient(90deg,transparent 0,transparent calc(100% - 90px),rgba(255,255,255,.02) calc(100% - 90px),rgba(255,255,255,.02) 100%), linear-gradient(180deg,rgba(255,255,255,.025),transparent 28%); opacity:.9; } .nx-movies-head:after{ content:''; position:absolute; width:360px; height:360px; right:-130px; top:-170px; border-radius:50%; background:radial-gradient(circle,rgba(255,255,255,.05),rgba(255,255,255,0) 68%); pointer-events:none; } .nx-movies-head-copy{ position:relative; z-index:2; } .nx-movies-kicker{ display:inline-flex!important; align-items:center; min-height:25px; padding:0 10px; border:1px solid rgba(124,92,255,.16); border-radius:999px; background:rgba(124,92,255,.07); color:#a196ff!important; font-size:9px!important; font-weight:950!important; letter-spacing:.16em!important; text-transform:uppercase; } .nx-movies-head h1{ margin:12px 0 10px!important; color:#f8f9fc!important; font-size:42px!important; line-height:.98!important; letter-spacing:-1.6px!important; text-shadow:0 6px 24px rgba(0,0,0,.32); } .nx-movies-head p{ max-width:560px!important; margin:0!important; color:#98a3b2!important; font-size:13px!important; line-height:1.68!important; } .nx-movies-head-badges{ display:flex; flex-wrap:wrap; gap:7px; margin-top:16px; } .nx-movies-head-badges span{ min-height:28px; display:inline-flex; align-items:center; padding:0 10px; border:1px solid rgba(255,255,255,.06); border-radius:999px; background:rgba(10,14,21,.34); color:#c7cfda; font-size:9px; font-weight:800; letter-spacing:.03em; backdrop-filter:blur(10px); } .nx-movies-head-badges span:nth-child(1), .nx-movies-head-badges span:nth-child(2), .nx-movies-head-badges span:nth-child(3){ color:#b8b0ff; border-color:rgba(124,92,255,.14); background:rgba(124,92,255,.06); } .nx-movies-head-visual{ position:relative; z-index:2; width:100%; } .nx-movies-visual-screen{ position:relative; overflow:hidden; min-height:154px; border:1px solid rgba(255,255,255,.08); border-radius:18px; background: linear-gradient(180deg,rgba(255,255,255,.015),rgba(255,255,255,0) 24%), radial-gradient(circle at 18% 22%,rgba(0,217,255,.22),transparent 8rem), radial-gradient(circle at 78% 20%,rgba(124,92,255,.26),transparent 11rem), linear-gradient(135deg,#0d1420 0%,#131a27 100%); box-shadow: inset 0 1px rgba(255,255,255,.03), 0 12px 30px rgba(0,0,0,.20); } .nx-movies-visual-screen:before{ content:''; position:absolute; inset:14px; border:1px solid rgba(255,255,255,.05); border-radius:12px; background: linear-gradient(180deg,rgba(255,255,255,.02),transparent 32%), repeating-linear-gradient( 90deg, rgba(255,255,255,.04) 0, rgba(255,255,255,.04) 10px, transparent 10px, transparent 20px ); opacity:.28; } .nx-movies-visual-screen:after{ content:''; position:absolute; left:18px; right:18px; bottom:14px; height:3px; border-radius:999px; background:linear-gradient(90deg,#7c5cff 0%,#00d9ff 50%,rgba(255,255,255,.18) 100%); box-shadow:0 0 22px rgba(124,92,255,.25); } .nx-movies-visual-overlay{ position:absolute; inset:0; background: radial-gradient(circle at 80% 20%,rgba(255,255,255,.08),transparent 9rem), linear-gradient(135deg,transparent 10%,rgba(255,255,255,.025) 46%,transparent 70%); } .nx-movies-visual-copy{ position:relative; z-index:1; padding:22px 20px 26px; } .nx-movies-visual-copy small{ display:block; color:#8f85ee; font-size:8px; font-weight:900; letter-spacing:.14em; } .nx-movies-visual-copy strong{ display:block; margin-top:7px; color:#eef2f7; font-size:16px; line-height:1.2; } .nx-movies-visual-copy span{ display:block; margin-top:8px; color:#7c8898; font-size:9px; line-height:1.6; } .nx-movies-head-stats{ position:relative; z-index:2; display:grid!important; gap:8px; } .nx-movies-head-stats>div{ min-width:0!important; padding:12px 12px!important; border:1px solid rgba(255,255,255,.065)!important; border-radius:14px!important; background: linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.012))!important; text-align:center; backdrop-filter:blur(10px); box-shadow:inset 0 1px rgba(255,255,255,.02); } .nx-movies-head-stats strong{ display:block; color:#f0edff!important; font-size:22px!important; line-height:1; } .nx-movies-head-stats small{ display:block; margin-top:4px; color:#778394!important; font-size:9px!important; } @media(max-width:1000px){ .nx-movies-head{ grid-template-columns:minmax(0,1fr) 220px 148px; gap:12px; } } @media(max-width:760px){ .nx-movies-head{ grid-template-columns:1fr!important; gap:14px!important; padding:22px 18px 20px!important; } .nx-movies-head h1{ font-size:34px!important; } .nx-movies-head-stats{ grid-template-columns:repeat(2,minmax(0,1fr)); } } /* ========================================================= NEXORIA V85 · FORMATOS EN BLOQUES PRINCIPALES ========================================================= */ .nx-movies-format-blocks{ grid-template-columns:repeat(4,minmax(0,1fr))!important; gap:9px!important; } .nx-movies-format-blocks button{ min-height:76px!important; grid-template-columns:38px minmax(0,1fr) auto!important; gap:10px!important; padding:10px 12px!important; border-radius:13px!important; } .nx-movies-format-blocks button>span{ width:38px!important; height:38px!important; border-radius:10px!important; background: linear-gradient(135deg,rgba(124,92,255,.10),rgba(0,217,255,.035))!important; color:#b7b0ff; font-size:13px!important; font-weight:900; } .nx-movies-format-blocks button strong{ color:#a9b2bf!important; font-size:10px!important; } .nx-movies-format-blocks button small{ min-width:24px; text-align:right; color:#667283!important; font-size:9px!important; } .nx-movies-format-blocks button.active{ border-color:rgba(124,92,255,.24)!important; background: linear-gradient(135deg,rgba(124,92,255,.11),rgba(0,217,255,.025))!important; } .nx-movies-format-blocks button.active>span{ background: linear-gradient(135deg,rgba(124,92,255,.20),rgba(0,217,255,.07))!important; box-shadow:inset 0 0 14px rgba(124,92,255,.05); } .nx-movies-format-blocks button.active strong{ color:#e1ddff!important; } @media(max-width:800px){ .nx-movies-format-blocks{ grid-template-columns:repeat(2,minmax(0,1fr))!important; } } @media(max-width:460px){ .nx-movies-format-blocks{ grid-template-columns:1fr!important; } } /* ========================================================= NEXORIA V86 · SERIES ========================================================= */ .nx-series-head{ background: radial-gradient(circle at 84% 20%,rgba(0,217,255,.14),transparent 16rem), radial-gradient(circle at 72% 100%,rgba(124,92,255,.12),transparent 18rem), linear-gradient(135deg,#151d29 0%,#101722 40%,#0c1118 100%)!important; } .nx-series-visual-screen{ background: linear-gradient(180deg,rgba(255,255,255,.015),rgba(255,255,255,0) 24%), radial-gradient(circle at 18% 22%,rgba(124,92,255,.22),transparent 8rem), radial-gradient(circle at 78% 20%,rgba(0,217,255,.22),transparent 11rem), linear-gradient(135deg,#0d1420 0%,#131a27 100%)!important; } .nx-series-page .nx-movies-format-blocks button.active{ border-color:rgba(0,217,255,.18)!important; background: linear-gradient(135deg,rgba(0,217,255,.065),rgba(124,92,255,.07))!important; } .nx-series-page .nx-movies-format-blocks button.active>span{ background: linear-gradient(135deg,rgba(0,217,255,.14),rgba(124,92,255,.12))!important; color:#bfefff!important; } .nx-series-page .nx-movie-format-badge{ color:#bcecf5; } .nx-series-host{ display:block!important; align-content:start!important; } .nx-series-host>.nx-series-page{ display:block!important; width:100%!important; } /* ========================================================= NEXORIA V87 · MEN脷 LATERAL M脕S ARRIBA ========================================================= */ @media(min-width:901px){ .nx-sidebar{ top:78px!important; padding:7px 12px 18px!important; } .nx-sidebar .nx-nav{ margin-top:-2px!important; } .nx-sidebar .nx-nav>small:first-child{ margin-top:0!important; } } /* ========================================================= NEXORIA V88 · MEN脷 LATERAL REALMENTE M脕S ARRIBA ========================================================= */ @media(min-width:901px){ /* El espacio que se ve铆a arriba ven铆a de la posici贸n inicial dentro del layout, no solo del sticky top. */ .nx-sidebar{ top:74px!important; margin-top:-18px!important; transform:translateY(-6px)!important; padding-top:4px!important; } .nx-sidebar .nx-nav{ margin-top:0!important; } .nx-sidebar .nx-nav>small:first-child{ margin-top:0!important; padding-top:0!important; } } /* ========================================================= NEXORIA V89 · TENDENCIAS INTEGRADAS ========================================================= */ .nx-trending-page{ position:relative; width:100%; min-height:760px; padding:18px 0 14px; overflow:hidden; } .nx-trending-page[hidden]{display:none!important} .nx-trending-glow{ position:absolute!important; z-index:0!important; width:540px; height:540px; right:-250px; top:-280px; border-radius:50%; background:radial-gradient(circle,rgba(255,91,107,.12),rgba(255,91,107,0) 70%); pointer-events:none; } .nx-trending-page>*:not(.nx-trending-glow){position:relative;z-index:1} .nx-trending-head{ min-height:210px; display:grid; grid-template-columns:minmax(0,1.18fr) 220px 160px; align-items:center; gap:18px; overflow:hidden; padding:28px; border:1px solid rgba(255,255,255,.07); border-radius:22px; background: radial-gradient(circle at 84% 22%,rgba(255,82,99,.18),transparent 15rem), radial-gradient(circle at 68% 100%,rgba(124,92,255,.11),transparent 19rem), linear-gradient(135deg,#191924 0%,#121722 44%,#0c1118 100%); box-shadow:0 22px 58px rgba(0,0,0,.23),inset 0 1px rgba(255,255,255,.025); } .nx-trending-head:before{ content:''; position:absolute; inset:0; pointer-events:none; background:linear-gradient(120deg,rgba(255,255,255,.025),transparent 32%,rgba(255,255,255,.018) 64%,transparent); } .nx-trending-head-copy{position:relative;z-index:2} .nx-trending-kicker{ display:inline-flex; align-items:center; min-height:25px; padding:0 10px; border:1px solid rgba(255,91,107,.17); border-radius:999px; background:rgba(255,91,107,.065); color:#ff9ca7; font-size:9px; font-weight:950; letter-spacing:.15em; } .nx-trending-head h1{ max-width:590px; margin:12px 0 10px; color:#fafbfc; font-size:38px; line-height:1.02; letter-spacing:-1.4px; } .nx-trending-head p{ max-width:590px; margin:0; color:#929dac; font-size:12px; line-height:1.65; } .nx-trending-head-badges{ display:flex; flex-wrap:wrap; gap:6px; margin-top:15px; } .nx-trending-head-badges span{ min-height:27px; display:inline-flex; align-items:center; padding:0 9px; border:1px solid rgba(255,255,255,.055); border-radius:999px; background:rgba(8,12,18,.30); color:#b8c0cb; font-size:8px; font-weight:800; } .nx-trending-head-visual{ position:relative; z-index:2; min-height:154px; display:grid; place-items:center; } .nx-trending-orbit{ position:absolute; border:1px solid rgba(255,255,255,.055); border-radius:50%; } .nx-trending-orbit-one{width:150px;height:150px} .nx-trending-orbit-two{ width:112px;height:112px; border-color:rgba(255,91,107,.15); box-shadow:0 0 38px rgba(255,91,107,.06); } .nx-trending-fire{ position:relative; z-index:2; width:94px; height:94px; display:flex; flex-direction:column; align-items:center; justify-content:center; border:1px solid rgba(255,91,107,.19); border-radius:25px; background:linear-gradient(145deg,rgba(255,91,107,.13),rgba(124,92,255,.065)); box-shadow:0 15px 36px rgba(0,0,0,.20),inset 0 1px rgba(255,255,255,.035); } .nx-trending-fire span{font-size:25px} .nx-trending-fire strong{ margin-top:5px;color:#ffd2d7;font-size:8px;letter-spacing:.09em } .nx-trending-fire small{margin-top:2px;color:#765f75;font-size:6px;letter-spacing:.13em} .nx-trending-head-stats{position:relative;z-index:2;display:grid;gap:8px} .nx-trending-head-stats>div{ padding:12px; border:1px solid rgba(255,255,255,.06); border-radius:14px; background:rgba(7,11,17,.33); text-align:center; } .nx-trending-head-stats strong{display:block;color:#ffe3e6;font-size:22px;line-height:1} .nx-trending-head-stats small{display:block;margin-top:4px;color:#778292;font-size:8px} .nx-trending-toolbar{ display:grid; grid-template-columns:minmax(0,1fr) 165px; gap:9px; margin-top:12px; } .nx-trending-search{ min-height:43px; display:flex; align-items:center; gap:9px; padding:0 12px; border:1px solid rgba(255,255,255,.06); border-radius:11px; background:#0d131c; } .nx-trending-search>span{color:#7d88a0;font-size:17px} .nx-trending-search input{ width:100%;border:0;outline:0;background:transparent;color:#e7ebf2;font-size:11px } .nx-trending-search input::placeholder{color:#596575} .nx-trending-toolbar select{ min-height:43px;padding:0 11px;border:1px solid rgba(255,255,255,.06); border-radius:11px;outline:0;background:#0d131c;color:#aab3c0;font-size:10px } .nx-trending-filters,.nx-trending-results{margin-top:18px} .nx-trending-section-title,.nx-trending-results-head{ display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:10px } .nx-trending-section-title>div>span,.nx-trending-results-head>div>span{ display:block;color:#e27682;font-size:8px;font-weight:900;letter-spacing:.13em } .nx-trending-section-title h2,.nx-trending-results-head h2{ margin:4px 0 0;color:#e8ecf3;font-size:16px } .nx-trending-section-title>small,.nx-trending-results-head>span{color:#687485;font-size:9px} .nx-trending-filter-grid{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; } .nx-trending-filter-grid button{ min-height:70px; display:grid; grid-template-columns:36px minmax(0,1fr) auto; align-items:center; gap:9px; padding:9px 11px; border:1px solid rgba(255,255,255,.05); border-radius:12px; background:rgba(255,255,255,.012); color:#7f8999; text-align:left; cursor:pointer; } .nx-trending-filter-grid button>span{ width:36px;height:36px;display:grid;place-items:center;border-radius:10px; background:rgba(255,91,107,.055);font-size:14px } .nx-trending-filter-grid button strong{color:#a6afbc;font-size:10px} .nx-trending-filter-grid button small{color:#606b7b;font-size:9px} .nx-trending-filter-grid button.active{ border-color:rgba(255,91,107,.18); background:linear-gradient(135deg,rgba(255,91,107,.075),rgba(124,92,255,.04)); } .nx-trending-filter-grid button.active strong{color:#ffdce0} .nx-trending-format-row{display:flex;flex-wrap:wrap;gap:6px;margin-top:9px} .nx-trending-format-row button{ min-height:33px;padding:0 11px;border:1px solid rgba(255,255,255,.05); border-radius:999px;background:transparent;color:#748091;font-size:8px;font-weight:850;cursor:pointer } .nx-trending-format-row button.active{ border-color:rgba(255,91,107,.16); background:rgba(255,91,107,.045); color:#eba5ad; } .nx-trending-results{ padding-top:18px; border-top:1px solid rgba(255,255,255,.05); } .nx-trending-grid{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; } .nx-trending-card{ min-width:0; overflow:hidden; border:1px solid rgba(255,255,255,.055); border-radius:13px; background:#0d131c; } .nx-trending-cover{ position:relative; display:block; aspect-ratio:2/3; overflow:hidden; background:linear-gradient(145deg,#151d29,#0c1119); } .nx-trending-cover img{width:100%;height:100%;display:block;object-fit:cover} .nx-trending-cover-placeholder{ width:100%;height:100%;display:grid;place-items:center;color:#697586;font-size:28px } .nx-trending-badge{ position:absolute;left:8px;top:8px;padding:4px 6px; border:1px solid rgba(255,91,107,.18);border-radius:6px; background:rgba(20,8,12,.78);color:#ffb7bf;font-size:7px;font-weight:900;backdrop-filter:blur(8px) } .nx-trending-format-badge{ position:absolute;right:8px;top:8px;padding:4px 6px; border:1px solid rgba(255,255,255,.08);border-radius:6px; background:rgba(7,10,15,.78);color:#cbc5ff;font-size:7px;font-weight:900;backdrop-filter:blur(8px) } .nx-trending-copy{padding:10px} .nx-trending-copy>small{ display:block;overflow:hidden;color:#dd7885;font-size:8px;font-weight:850;text-overflow:ellipsis;white-space:nowrap } .nx-trending-copy h3{ min-height:34px;margin:5px 0 6px;overflow:hidden;color:#e6eaf0;font-size:11px;line-height:1.45; display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2 } .nx-trending-copy p{ min-height:28px;margin:0;overflow:hidden;color:#687485;font-size:8px;line-height:1.45; display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2 } .nx-trending-actions{ display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:9px } .nx-trending-actions a{color:#ef9ca6!important;font-size:8px;font-weight:850;text-decoration:none!important} .nx-trending-actions span{color:#606c7c;font-size:7px} .nx-trending-empty{ grid-column:1/-1;min-height:230px;display:flex;flex-direction:column;align-items:center;justify-content:center; padding:22px;border:1px dashed rgba(255,255,255,.055);border-radius:13px;text-align:center } .nx-trending-empty>span{ width:48px;height:48px;display:grid;place-items:center;margin-bottom:10px; border-radius:13px;background:rgba(255,91,107,.055);font-size:20px } .nx-trending-empty strong{color:#a5aebb;font-size:11px} .nx-trending-empty small{max-width:420px;margin-top:5px;color:#657182;font-size:9px;line-height:1.55} .nx-trending-host{display:block!important;align-content:start!important} .nx-trending-host>.nx-trending-page{display:block!important;width:100%!important} @media(max-width:900px){ .nx-trending-head{grid-template-columns:minmax(0,1fr) 190px 135px} .nx-trending-grid{grid-template-columns:repeat(3,minmax(0,1fr))} } @media(max-width:650px){ .nx-trending-head{grid-template-columns:1fr} .nx-trending-head-visual{display:none} .nx-trending-head-stats{grid-template-columns:repeat(2,minmax(0,1fr))} .nx-trending-toolbar{grid-template-columns:1fr} .nx-trending-filter-grid{grid-template-columns:1fr} .nx-trending-grid{grid-template-columns:repeat(2,minmax(0,1fr))} .nx-trending-section-title{align-items:flex-start;flex-direction:column} } /* ========================================================= NEXORIA V90 · DESTACADAS + EN ASCENSO ========================================================= */ .nx-featured-glow{ background:radial-gradient(circle,rgba(255,200,78,.12),rgba(255,200,78,0) 70%)!important; } .nx-featured-head{ background: radial-gradient(circle at 84% 22%,rgba(255,202,74,.17),transparent 15rem), radial-gradient(circle at 68% 100%,rgba(124,92,255,.10),transparent 19rem), linear-gradient(135deg,#1c1a20 0%,#151720 44%,#0c1118 100%)!important; } .nx-featured-kicker{ border-color:rgba(255,202,74,.18)!important; background:rgba(255,202,74,.065)!important; color:#ffd77b!important; } .nx-featured-orbit-one{width:150px;height:150px} .nx-featured-orbit-two{ width:112px;height:112px; border-color:rgba(255,202,74,.17)!important; box-shadow:0 0 38px rgba(255,202,74,.055)!important; } .nx-featured-symbol{ border-color:rgba(255,202,74,.20)!important; background:linear-gradient(145deg,rgba(255,202,74,.13),rgba(124,92,255,.055))!important; } .nx-featured-symbol strong{color:#ffe7a9!important} .nx-featured-section-title>div>span, .nx-featured-results-head>div>span{color:#d9ac49!important} .nx-featured-filter-grid button>span{background:rgba(255,202,74,.05)!important} .nx-featured-filter-grid button.active{ border-color:rgba(255,202,74,.17)!important; background:linear-gradient(135deg,rgba(255,202,74,.065),rgba(124,92,255,.035))!important; } .nx-featured-filter-grid button.active strong{color:#ffe5a1!important} .nx-featured-format-row button.active{ border-color:rgba(255,202,74,.16)!important; background:rgba(255,202,74,.04)!important; color:#e3c16f!important; } .nx-featured-page .nx-trending-badge{ border-color:rgba(255,202,74,.20)!important; background:rgba(25,19,7,.80)!important; color:#ffe2a0!important; } /* EN ASCENSO */ .nx-rising-glow{ background:radial-gradient(circle,rgba(66,224,168,.12),rgba(66,224,168,0) 70%)!important; } .nx-rising-head{ background: radial-gradient(circle at 84% 22%,rgba(54,221,159,.16),transparent 15rem), radial-gradient(circle at 68% 100%,rgba(0,217,255,.07),transparent 19rem), linear-gradient(135deg,#14201e 0%,#111923 44%,#0c1118 100%)!important; } .nx-rising-kicker{ border-color:rgba(54,221,159,.17)!important; background:rgba(54,221,159,.055)!important; color:#86ecc4!important; } .nx-rising-orbit-one{width:150px;height:150px} .nx-rising-orbit-two{ width:112px;height:112px; border-color:rgba(54,221,159,.16)!important; box-shadow:0 0 38px rgba(54,221,159,.05)!important; } .nx-rising-symbol{ border-color:rgba(54,221,159,.19)!important; background:linear-gradient(145deg,rgba(54,221,159,.11),rgba(0,217,255,.045))!important; } .nx-rising-symbol strong{color:#a5f2d5!important} .nx-rising-section-title>div>span, .nx-rising-results-head>div>span{color:#58cfa4!important} .nx-rising-filter-grid button>span{background:rgba(54,221,159,.05)!important} .nx-rising-filter-grid button.active{ border-color:rgba(54,221,159,.17)!important; background:linear-gradient(135deg,rgba(54,221,159,.06),rgba(0,217,255,.025))!important; } .nx-rising-filter-grid button.active strong{color:#adf0d8!important} .nx-rising-format-row button.active{ border-color:rgba(54,221,159,.15)!important; background:rgba(54,221,159,.04)!important; color:#83d7b7!important; } .nx-rising-page .nx-trending-badge{ border-color:rgba(54,221,159,.18)!important; background:rgba(7,24,17,.80)!important; color:#9fe5ca!important; } /* Host independiente */ .nx-featured-host, .nx-rising-host{ display:block!important; align-content:start!important; } .nx-featured-host>.nx-featured-page, .nx-rising-host>.nx-rising-page{ display:block!important; width:100%!important; } /* ========================================================= NEXORIA V93 · HERO HOME M脕S COMPACTO ========================================================= */ @media(min-width:901px){ .nx-restored-home .nx-hero-modern{ min-height:270px!important; padding:28px 32px!important; gap:22px!important; } .nx-restored-home .nx-hero-modern h1{ font-size:clamp(28px,4.1vw,44px)!important; margin:7px 0 9px!important; } .nx-restored-home .nx-hero-modern p{ max-width:590px!important; font-size:12px!important; line-height:1.55!important; } .nx-restored-home .nx-hero-tags{ margin-top:13px!important; gap:6px!important; } .nx-restored-home .nx-hero-tags span{ padding:5px 8px!important; font-size:8px!important; } .nx-restored-home .nx-hero-visual{ min-height:195px!important; } .nx-restored-home .nx-hero-preview{ width:min(285px,100%)!important; padding:16px!important; border-radius:18px!important; } .nx-restored-home .nx-preview-logo{ width:34px!important; height:34px!important; border-radius:11px!important; font-size:13px!important; } .nx-restored-home .nx-preview-grid{ gap:6px!important; margin-top:13px!important; } .nx-restored-home .nx-preview-grid span{ padding:7px 9px!important; font-size:9px!important; } .nx-restored-home .nx-preview-line{ margin-top:12px!important; height:5px!important; } .nx-restored-home .nx-preview-line.short{ margin-top:6px!important; } } @media(max-width:900px) and (min-width:681px){ .nx-restored-home .nx-hero-modern{ padding:24px 26px!important; } .nx-restored-home .nx-hero-visual{ min-height:185px!important; } .nx-restored-home .nx-hero-preview{ width:min(360px,100%)!important; padding:17px!important; } } @media(max-width:680px){ .nx-restored-home .nx-hero-modern{ padding:20px 17px!important; gap:14px!important; } .nx-restored-home .nx-hero-modern h1{ font-size:31px!important; margin:7px 0 9px!important; } .nx-restored-home .nx-hero-modern p{ font-size:11px!important; line-height:1.55!important; } .nx-restored-home .nx-hero-tags{ margin-top:12px!important; } } /* ========================================================= NEXORIA V94 · RECIENTES HOME COMPACTO · 5 COLUMNAS ========================================================= */ .nx-restored-home .nx-home-recent-grid{ grid-template-columns:repeat(5,minmax(0,1fr))!important; gap:10px!important; } .nx-restored-home .nx-home-recent-card{ border-radius:14px!important; background:#0f151f!important; box-shadow:none!important; } .nx-restored-home .nx-home-recent-card:hover{ transform:none!important; border-color:rgba(124,92,255,.18)!important; } .nx-restored-home .nx-home-recent-cover{ aspect-ratio:2/3!important; } .nx-restored-home .nx-home-recent-cover img{ width:100%!important; height:100%!important; object-fit:cover!important; } .nx-restored-home .nx-home-recent-body{ padding:10px 10px 11px!important; } .nx-restored-home .nx-home-recent-labels{ display:none!important; } .nx-restored-home .nx-home-recent-title{ display:-webkit-box!important; min-height:30px; overflow:hidden!important; color:#f1f4f8!important; font-size:11px!important; font-weight:800!important; line-height:1.35!important; white-space:normal!important; text-overflow:ellipsis!important; -webkit-box-orient:vertical; -webkit-line-clamp:2; } .nx-restored-home .nx-home-recent-date{ margin-top:6px!important; color:#748092!important; font-size:8px!important; line-height:1.2!important; } @media(max-width:900px){ .nx-restored-home .nx-home-recent-grid{ grid-template-columns:repeat(4,minmax(0,1fr))!important; } } @media(max-width:680px){ .nx-restored-home .nx-home-recent-grid{ grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:8px!important; } } /* ========================================================= NEXORIA V95 · RECIENTES · MARCO AZUL MET脕LICO AL HOVER DE IMAGEN ========================================================= */ .nx-restored-home .nx-home-recent-card{ position:relative!important; isolation:isolate; overflow:visible!important; transition: border-color .22s ease, box-shadow .22s ease, background .22s ease!important; } .nx-restored-home .nx-home-recent-card:before{ content:''; position:absolute; z-index:-1; inset:-2px; border-radius:16px; opacity:0; pointer-events:none; background: linear-gradient( 135deg, rgba(222,240,255,.95) 0%, rgba(88,168,255,.92) 18%, rgba(18,92,180,.95) 42%, rgba(0,217,255,.85) 66%, rgba(100,151,255,.95) 84%, rgba(225,242,255,.96) 100% ); filter:saturate(1.08); box-shadow: 0 0 0 1px rgba(157,211,255,.10), 0 0 14px rgba(35,144,255,.00), 0 0 30px rgba(0,217,255,.00); transition: opacity .22s ease, box-shadow .26s ease; } .nx-restored-home .nx-home-recent-card:after{ content:''; position:absolute; z-index:0; inset:0; border-radius:14px; pointer-events:none; opacity:0; background: linear-gradient( 115deg, transparent 0%, rgba(255,255,255,.11) 18%, rgba(80,170,255,.07) 34%, transparent 55% ); transition:opacity .22s ease; } .nx-restored-home .nx-home-recent-card:has(.nx-home-recent-cover:hover){ border-color:rgba(114,190,255,.72)!important; background:#101923!important; box-shadow: 0 0 0 1px rgba(123,196,255,.20), 0 0 18px rgba(53,139,255,.18), 0 0 34px rgba(0,217,255,.10)!important; transform:none!important; } .nx-restored-home .nx-home-recent-card:has(.nx-home-recent-cover:hover):before{ opacity:1; box-shadow: 0 0 0 1px rgba(186,224,255,.24), 0 0 15px rgba(54,145,255,.42), 0 0 32px rgba(0,217,255,.24); } .nx-restored-home .nx-home-recent-card:has(.nx-home-recent-cover:hover):after{ opacity:1; } .nx-restored-home .nx-home-recent-cover{ position:relative; z-index:1; overflow:hidden; } .nx-restored-home .nx-home-recent-cover:after{ content:''; position:absolute; inset:0; pointer-events:none; opacity:0; background: linear-gradient( 120deg, transparent 18%, rgba(255,255,255,.12) 34%, rgba(100,190,255,.09) 46%, transparent 64% ); transform:translateX(-110%); transition: opacity .18s ease, transform .48s ease; } .nx-restored-home .nx-home-recent-cover:hover:after{ opacity:1; transform:translateX(110%); } /* Fallback visual para navegadores sin :has() */ @supports not selector(:has(*)){ .nx-restored-home .nx-home-recent-cover:hover{ box-shadow: inset 0 0 0 2px rgba(108,187,255,.78), 0 0 16px rgba(45,145,255,.28); } } /* ========================================================= NEXORIA V96 · RECIENTES · SOLO MARCO AZUL MET脕LICO ========================================================= */ /* Recupera el aspecto limpio de la tarjeta */ .nx-restored-home .nx-home-recent-card{ overflow:hidden!important; background:#0f151f!important; border:1px solid rgba(255,255,255,.06)!important; box-shadow:none!important; transition: border-color .22s ease, box-shadow .22s ease!important; } /* Anula los rellenos/reflejos del efecto anterior */ .nx-restored-home .nx-home-recent-card:before, .nx-restored-home .nx-home-recent-card:after{ content:none!important; display:none!important; } /* Imagen nuevamente con bordes redondeados */ .nx-restored-home .nx-home-recent-cover{ position:relative; z-index:1; margin:7px 7px 0!important; width:calc(100% - 14px)!important; border-radius:11px!important; overflow:hidden!important; box-shadow:none!important; } /* Quita el barrido/reflejo del V95 */ .nx-restored-home .nx-home-recent-cover:after{ content:none!important; display:none!important; } .nx-restored-home .nx-home-recent-cover img{ border-radius:11px!important; } /* Solo se enciende el MARCO de la tarjeta al pasar por la imagen */ .nx-restored-home .nx-home-recent-card:has(.nx-home-recent-cover:hover){ transform:none!important; background:#0f151f!important; border-color:rgba(100,185,255,.95)!important; box-shadow: 0 0 0 1px rgba(205,233,255,.34), 0 0 0 2px rgba(32,114,205,.18), 0 0 9px rgba(55,156,255,.23), 0 0 16px rgba(0,180,255,.11)!important; } /* Peque帽o contraste met谩lico solo sobre la l铆nea */ .nx-restored-home .nx-home-recent-card:has(.nx-home-recent-cover:hover){ outline:1px solid rgba(25,101,184,.20); outline-offset:-2px; } /* Nada cambia dentro de la tarjeta */ .nx-restored-home .nx-home-recent-card:has(.nx-home-recent-cover:hover) .nx-home-recent-body, .nx-restored-home .nx-home-recent-card:has(.nx-home-recent-cover:hover) .nx-home-recent-cover{ background:transparent!important; box-shadow:none!important; filter:none!important; } /* Fallback: marco alrededor de la imagen si :has() no existe */ @supports not selector(:has(*)){ .nx-restored-home .nx-home-recent-cover:hover{ outline:1px solid rgba(104,188,255,.95); outline-offset:0; box-shadow: 0 0 0 1px rgba(205,233,255,.22), 0 0 10px rgba(55,156,255,.20)!important; } } /* ========================================================= NEXORIA V97 · ANIMATED NOTO EMOJI · CHAT + COMENTARIOS ========================================================= */ .nx-real-emoji-picker{ width:min(390px,calc(100vw - 32px))!important; max-width:390px!important; max-height:360px!important; padding:0!important; overflow:hidden!important; border:1px solid rgba(124,92,255,.20)!important; border-radius:16px!important; background:#0d131d!important; box-shadow:0 24px 70px rgba(0,0,0,.48)!important; } .nx-real-emoji-picker-head{ min-height:42px; display:flex; align-items:center; justify-content:space-between; gap:12px; padding:9px 11px; border-bottom:1px solid rgba(255,255,255,.065); background: linear-gradient(135deg,rgba(124,92,255,.075),rgba(0,217,255,.025)), #101722; } .nx-real-emoji-picker-head strong{ color:#d9d4ff; font-size:8px; font-weight:900; letter-spacing:.11em; } .nx-real-emoji-picker-head span{ color:#667386; font-size:7px; } .nx-real-emoji-picker-grid{ display:grid; grid-template-columns:repeat(8,1fr); gap:3px; max-height:310px; padding:8px; overflow:auto; overscroll-behavior:contain; scrollbar-width:thin; } .nx-real-emoji-choice{ width:100%!important; aspect-ratio:1; min-width:0!important; height:auto!important; display:grid!important; place-items:center!important; padding:4px!important; border:1px solid transparent!important; border-radius:10px!important; background:transparent!important; cursor:pointer!important; transform:none!important; } .nx-real-emoji-choice:hover{ transform:none!important; border-color:rgba(0,217,255,.18)!important; background:rgba(124,92,255,.08)!important; } .nx-real-emoji-choice picture, .nx-real-emoji-choice img{ width:100%!important; height:100%!important; max-width:34px!important; max-height:34px!important; object-fit:contain!important; display:block!important; } .nx-real-animated-emoji{ display:inline-block; width:1.9em; height:1.9em; margin:0 .08em; vertical-align:-.52em; line-height:1; } .nx-real-animated-emoji img{ width:100%; height:100%; display:block; object-fit:contain; } .nx-chat-message-body .nx-real-animated-emoji{ width:34px; height:34px; vertical-align:-10px; } .nx-comment-body .nx-real-animated-emoji{ width:32px; height:32px; vertical-align:-9px; } /* Los WebP/GIF se reproducen autom谩ticamente; no dependen del hover. */ .nx-real-animated-emoji, .nx-real-emoji-choice picture{ pointer-events:none; } @media(max-width:680px){ .nx-real-emoji-picker{ width:min(340px,calc(100vw - 24px))!important; } .nx-real-emoji-picker-grid{ grid-template-columns:repeat(7,1fr); } .nx-real-emoji-choice picture, .nx-real-emoji-choice img{ max-width:31px!important; max-height:31px!important; } } /* ========================================================= NEXORIA V98 · FIX SELECTOR EMOJIS ANIMADOS Corrige conflicto con los grids antiguos del picker ========================================================= */ /* El popover nuevo debe ser una caja vertical, NO heredar el grid viejo */ .nx-emoji-popover.nx-real-emoji-picker, .nx-chat-emoji-popover.nx-real-emoji-picker{ display:block!important; grid-template-columns:none!important; grid-auto-flow:initial!important; gap:0!important; width:min(390px,calc(100vw - 32px))!important; max-width:390px!important; max-height:360px!important; padding:0!important; overflow:hidden!important; white-space:normal!important; } /* Encabezado ocupa todo el ancho */ .nx-emoji-popover.nx-real-emoji-picker .nx-real-emoji-picker-head, .nx-chat-emoji-popover.nx-real-emoji-picker .nx-real-emoji-picker-head{ display:flex!important; width:100%!important; min-width:0!important; } /* El grid interno es el 煤nico grid del selector */ .nx-emoji-popover.nx-real-emoji-picker .nx-real-emoji-picker-grid, .nx-chat-emoji-popover.nx-real-emoji-picker .nx-real-emoji-picker-grid{ display:grid!important; width:100%!important; min-width:0!important; grid-template-columns:repeat(8,minmax(0,1fr))!important; grid-auto-flow:row!important; gap:4px!important; max-height:306px!important; padding:8px!important; overflow-y:auto!important; overflow-x:hidden!important; box-sizing:border-box!important; } /* Botones: neutraliza tama帽os heredados del selector viejo */ .nx-real-emoji-picker .nx-real-emoji-choice{ position:relative!important; width:100%!important; min-width:0!important; max-width:none!important; height:40px!important; min-height:40px!important; padding:3px!important; margin:0!important; display:grid!important; place-items:center!important; overflow:hidden!important; box-sizing:border-box!important; } /* Los recursos animados siempre visibles */ .nx-real-emoji-picker .nx-real-emoji-choice picture{ display:block!important; width:34px!important; height:34px!important; min-width:34px!important; min-height:34px!important; opacity:1!important; visibility:visible!important; } .nx-real-emoji-picker .nx-real-emoji-choice picture img{ display:block!important; width:34px!important; height:34px!important; max-width:34px!important; max-height:34px!important; object-fit:contain!important; opacity:1!important; visibility:visible!important; } /* Evita que reglas de botones del toolbar pisen los emojis */ .nx-comment-tools .nx-real-emoji-choice, .nx-chat-editor-tools .nx-real-emoji-choice{ color:inherit!important; font-size:initial!important; } /* Posicionamiento m谩s estable */ .nx-emoji-wrap .nx-real-emoji-picker, .nx-chat-emoji-wrap .nx-real-emoji-picker{ left:0!important; right:auto!important; bottom:42px!important; top:auto!important; } /* En chat, si falta espacio a la izquierda, anclar a la derecha */ .nx-chat-emoji-wrap .nx-real-emoji-picker{ left:auto!important; right:0!important; } /* Mobile */ @media(max-width:680px){ .nx-emoji-popover.nx-real-emoji-picker, .nx-chat-emoji-popover.nx-real-emoji-picker{ width:min(336px,calc(100vw - 24px))!important; } .nx-emoji-popover.nx-real-emoji-picker .nx-real-emoji-picker-grid, .nx-chat-emoji-popover.nx-real-emoji-picker .nx-real-emoji-picker-grid{ grid-template-columns:repeat(7,minmax(0,1fr))!important; } .nx-real-emoji-picker .nx-real-emoji-choice{ height:38px!important; min-height:38px!important; } .nx-real-emoji-picker .nx-real-emoji-choice picture, .nx-real-emoji-picker .nx-real-emoji-choice picture img{ width:31px!important; height:31px!important; min-width:31px!important; min-height:31px!important; } } .nx-real-emoji-picker[hidden]{ display:none!important; } /* ========================================================= NEXORIA V99 · EMOJIS FLUIDOS + PICKER CHAT SIN RECORTES ========================================================= */ /* El picker vive en body y flota sobre todo el sitio */ body > .nx-real-emoji-picker{ position:fixed!important; z-index:12000!important; display:block!important; width:min(390px,calc(100vw - 24px))!important; max-width:390px!important; height:auto!important; max-height:min(360px,72vh)!important; overflow:hidden!important; box-sizing:border-box!important; contain:layout paint style; } body > .nx-real-emoji-picker[hidden]{ display:none!important; } body > .nx-real-emoji-picker .nx-real-emoji-picker-head{ position:relative; z-index:2; width:100%!important; min-height:42px!important; flex:0 0 auto!important; box-sizing:border-box!important; } body > .nx-real-emoji-picker .nx-real-emoji-picker-grid{ width:100%!important; height:auto!important; max-height:min(306px,calc(72vh - 44px))!important; overflow-y:auto!important; overflow-x:hidden!important; overscroll-behavior:contain!important; scrollbar-gutter:stable; box-sizing:border-box!important; } /* Emoji del selector: placeholder instant谩neo + WebP al entrar en viewport */ .nx-real-emoji-choice{ position:relative!important; contain:layout paint!important; } .nx-real-emoji-choice .nx-real-emoji-loader{ position:absolute; inset:0; display:grid; place-items:center; font-size:24px; line-height:1; opacity:.38; filter:saturate(.55); pointer-events:none; transition:opacity .12s ease; } .nx-real-emoji-choice .nx-real-emoji-lazy{ position:relative; z-index:1; display:block!important; width:34px!important; height:34px!important; max-width:34px!important; max-height:34px!important; object-fit:contain!important; opacity:0; visibility:visible!important; transform:translateZ(0); backface-visibility:hidden; transition:opacity .12s ease; } .nx-real-emoji-choice.is-loaded .nx-real-emoji-lazy{ opacity:1; } .nx-real-emoji-choice.is-loaded .nx-real-emoji-loader{ opacity:0; } /* No animar la caja del bot贸n: solo el propio WebP */ .nx-real-emoji-choice, .nx-real-emoji-choice:hover{ transform:none!important; transition:background .12s ease,border-color .12s ease!important; } /* Emojis publicados: reservar espacio fijo evita saltos y tirones */ .nx-real-animated-emoji{ display:inline-block!important; flex:0 0 auto; overflow:hidden; line-height:0!important; contain:layout paint; transform:translateZ(0); backface-visibility:hidden; } .nx-real-animated-emoji img{ display:block!important; width:100%!important; height:100%!important; object-fit:contain!important; transform:translateZ(0); backface-visibility:hidden; } /* Chat ligeramente m谩s contenido para no forzar reflow */ .nx-chat-message-body .nx-real-animated-emoji{ width:30px!important; height:30px!important; margin:0 2px!important; vertical-align:-9px!important; } /* Comentarios */ .nx-comment-body .nx-real-animated-emoji{ width:30px!important; height:30px!important; margin:0 2px!important; vertical-align:-9px!important; } /* Evita que filtros/animaciones CSS viejas se sumen al WebP real */ .nx-chat-message-body .nx-real-animated-emoji, .nx-comment-body .nx-real-animated-emoji{ animation:none!important; filter:none!important; will-change:auto!important; } @media(max-width:680px){ body > .nx-real-emoji-picker{ width:min(336px,calc(100vw - 20px))!important; max-height:68vh!important; } body > .nx-real-emoji-picker .nx-real-emoji-picker-grid{ grid-template-columns:repeat(7,minmax(0,1fr))!important; max-height:calc(68vh - 44px)!important; } .nx-real-emoji-choice .nx-real-emoji-lazy{ width:31px!important; height:31px!important; max-width:31px!important; max-height:31px!important; } .nx-real-emoji-choice .nx-real-emoji-loader{ font-size:22px; } } /* ========================================================= NEXORIA V100 · REGLAS Y GU脥A OFICIAL ========================================================= */ .nx-rules-page{position:relative;width:100%;padding:2px 0 20px} .nx-rules-page[hidden]{display:none!important} .nx-rules-hero{ display:grid;grid-template-columns:minmax(0,1.35fr) minmax(240px,.65fr); gap:28px;align-items:end;min-height:270px;padding:34px 36px; border:1px solid rgba(255,255,255,.075);border-radius:22px;overflow:hidden; background: radial-gradient(circle at 88% 12%,rgba(0,217,255,.10),transparent 20rem), radial-gradient(circle at 10% 0,rgba(124,92,255,.14),transparent 24rem), linear-gradient(140deg,#151a27,#0f151f 58%,#0a1118); } .nx-rules-kicker{display:inline-flex;padding:6px 9px;border:1px solid rgba(124,92,255,.18);border-radius:999px;background:rgba(124,92,255,.065);color:#a79fff;font-size:8px;font-weight:900;letter-spacing:.14em} .nx-rules-hero h1{margin:12px 0 10px;color:#f6f8fb;font-size:clamp(34px,5vw,56px);line-height:.98;letter-spacing:-2px} .nx-rules-hero>div>p{max-width:720px;margin:0;color:#a4afbd;font-size:13px;line-height:1.75} .nx-rules-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:18px} .nx-rules-tags span{padding:6px 9px;border:1px solid rgba(255,255,255,.06);border-radius:999px;background:rgba(255,255,255,.025);color:#7d8999;font-size:8px;font-weight:800} .nx-rules-hero aside{padding:18px;border:1px solid rgba(0,217,255,.11);border-radius:16px;background:rgba(0,217,255,.025)} .nx-rules-hero aside small{color:#43cce5;font-size:7px;font-weight:900;letter-spacing:.13em} .nx-rules-hero aside strong{display:block;margin-top:7px;color:#edf8fa;font-size:17px} .nx-rules-hero aside p{margin:8px 0 0;color:#82929d;font-size:10px;line-height:1.65} .nx-rules-quick{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px} .nx-rules-quick article{display:grid;grid-template-columns:42px minmax(0,1fr);gap:12px;padding:15px;border:1px solid rgba(255,255,255,.055);border-radius:14px;background:rgba(255,255,255,.015)} .nx-rules-quick b,.nx-rules-list b{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:rgba(124,92,255,.075);color:#a79fff;font-size:9px} .nx-rules-quick strong,.nx-rules-list strong{color:#eef2f7;font-size:12px} .nx-rules-quick p,.nx-rules-list p{margin:5px 0 0;color:#7b8797;font-size:9.5px;line-height:1.6} .nx-rules-block{margin-top:30px} .nx-rules-heading{max-width:850px;margin-bottom:14px} .nx-rules-heading>span{display:block;margin-bottom:6px;color:#776de0;font-size:8px;font-weight:900;letter-spacing:.14em} .nx-rules-heading h2{margin:0;color:#f4f6fa;font-size:27px;line-height:1.12;letter-spacing:-.7px} .nx-rules-heading p{margin:8px 0 0;color:#8b96a6;font-size:11px;line-height:1.65} .nx-rules-grid{display:grid;gap:10px}.nx-rules-grid.two{grid-template-columns:repeat(2,1fr)} .nx-rules-grid article{display:grid;grid-template-columns:48px minmax(0,1fr);gap:13px;padding:17px;border:1px solid rgba(255,255,255,.055);border-radius:14px;background:#0e141d} .nx-rules-grid i{width:48px;height:48px;display:grid;place-items:center;border-radius:13px;background:rgba(124,92,255,.065);font-style:normal;font-size:20px} .nx-rules-grid strong{color:#e9edf3;font-size:12px}.nx-rules-grid p{margin:6px 0 0;color:#7c8797;font-size:9.5px;line-height:1.65} .nx-rules-grid.danger article{border-color:rgba(225,107,129,.09);background:rgba(225,107,129,.018)} .nx-rules-download{padding:24px;border:1px solid rgba(0,217,255,.07);border-radius:18px;background:radial-gradient(circle at 100% 0,rgba(0,217,255,.035),transparent 18rem),rgba(255,255,255,.01)} .nx-rules-steps{display:grid;grid-template-columns:repeat(5,1fr);gap:8px} .nx-rules-steps article{padding:14px;border:1px solid rgba(255,255,255,.055);border-radius:13px;background:#0b121a} .nx-rules-steps b{width:30px;height:30px;display:grid;place-items:center;margin-bottom:10px;border-radius:9px;background:linear-gradient(135deg,rgba(124,92,255,.19),rgba(0,217,255,.08));color:#d8d3ff;font-size:9px} .nx-rules-steps strong{display:block;color:#edf2f7;font-size:10px}.nx-rules-steps p{margin:6px 0 0;color:#718090;font-size:8.5px;line-height:1.58} .nx-rules-info{margin-top:12px;padding:13px 15px;border-left:2px solid #00b8d7;border-radius:0 12px 12px 0;background:rgba(0,217,255,.025)} .nx-rules-info strong{color:#3cc5df;font-size:9px}.nx-rules-info p{margin:5px 0 0;color:#82909c;font-size:9px;line-height:1.62} .nx-rules-roles{display:grid;grid-template-columns:repeat(3,1fr);gap:10px} .nx-rules-roles>article{min-height:310px;padding:18px;border:1px solid rgba(255,255,255,.06);border-radius:16px;background:#0e141d} .nx-rules-roles .vip{border-color:rgba(243,201,105,.18);background:radial-gradient(circle at 100% 0,rgba(243,201,105,.06),transparent 13rem),#11151c} .nx-rules-roles .uploader{border-color:rgba(0,217,255,.11)} .nx-rules-roles>article>span{color:#8175e8;font-size:7px;font-weight:900;letter-spacing:.14em}.nx-rules-roles .vip>span{color:#d7b65e}.nx-rules-roles .uploader>span{color:#51c9dd} .nx-rules-roles h3{margin:8px 0;color:#f0f3f7;font-size:18px}.nx-rules-roles p{margin:0;color:#7d8998;font-size:9.5px;line-height:1.65} .nx-rules-roles ul{display:grid;gap:7px;margin:14px 0 0;padding:0;list-style:none}.nx-rules-roles li{position:relative;padding-left:14px;color:#9aa4b0;font-size:9px;line-height:1.5}.nx-rules-roles li:before{content:'✓';position:absolute;left:0;color:#62d9ad} .nx-rules-vip{margin-top:15px;padding:11px;border:1px solid rgba(243,201,105,.11);border-radius:11px;background:rgba(243,201,105,.035)}.nx-rules-vip strong{color:#e6c979;font-size:9px}.nx-rules-vip p{margin-top:5px;color:#8e856b;font-size:8.5px} .nx-rules-points{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.nx-rules-points article{padding:16px;border:1px solid rgba(124,92,255,.08);border-radius:13px;background:rgba(124,92,255,.025)}.nx-rules-points strong{display:block;color:#d4ceff;font-size:23px}.nx-rules-points span{display:block;margin-top:5px;color:#788495;font-size:9px} .nx-rules-footnote{margin:9px 0 0;padding:12px 14px;border:1px solid rgba(255,255,255,.045);border-radius:12px;background:rgba(255,255,255,.012);color:#7f8b9a;font-size:9.5px;line-height:1.62} .nx-rules-list{display:grid;gap:8px}.nx-rules-list article{display:grid;grid-template-columns:42px minmax(0,1fr);gap:13px;padding:14px 15px;border:1px solid rgba(255,255,255,.05);border-radius:13px;background:#0d131b} .nx-rules-penalties{display:grid;gap:8px}.nx-rules-penalties article{display:grid;grid-template-columns:42px minmax(0,1fr);gap:12px;align-items:center;padding:13px 15px;border:1px solid rgba(255,255,255,.05);border-radius:13px;background:#0d131b}.nx-rules-penalties article>span{width:42px;height:42px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.055);border-radius:50%;color:#a2acb8;font-size:10px;font-weight:900}.nx-rules-penalties strong{color:#e7ebf1;font-size:11px}.nx-rules-penalties p{margin:4px 0 0;color:#758190;font-size:9px;line-height:1.58} .nx-rules-security{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.nx-rules-security article{padding:15px;border:1px solid rgba(65,216,149,.07);border-radius:13px;background:rgba(65,216,149,.018)}.nx-rules-security strong{color:#c8ead9;font-size:10px}.nx-rules-security p{margin:6px 0 0;color:#71857b;font-size:9px;line-height:1.6} .nx-rules-final{margin-top:32px;padding:30px;border:1px solid rgba(124,92,255,.12);border-radius:18px;background:radial-gradient(circle at 95% 10%,rgba(0,217,255,.04),transparent 14rem),linear-gradient(135deg,rgba(124,92,255,.055),rgba(255,255,255,.01));text-align:center} .nx-rules-final>span{color:#8e84ea;font-size:8px;font-weight:900;letter-spacing:.18em}.nx-rules-final h2{max-width:720px;margin:8px auto 0;color:#f3f5f9;font-size:26px}.nx-rules-final p{max-width:760px;margin:10px auto 0;color:#818c9b;font-size:10px;line-height:1.7} @media(max-width:980px){.nx-rules-steps{grid-template-columns:1fr}.nx-rules-roles{grid-template-columns:1fr}} @media(max-width:760px){.nx-rules-hero{grid-template-columns:1fr;min-height:0;padding:24px 20px}.nx-rules-hero h1{font-size:38px}.nx-rules-quick,.nx-rules-grid.two,.nx-rules-security{grid-template-columns:1fr}.nx-rules-points{grid-template-columns:repeat(2,1fr)}.nx-rules-download{padding:18px}} @media(max-width:460px){.nx-rules-points{grid-template-columns:1fr}.nx-rules-final{padding:22px 16px}} /* ========================================================= NEXORIA V101 · REGLAS M脕S LEGIBLES + LISTAS LIMPIAS ========================================================= */ /* ---------- LEGIBILIDAD GENERAL ---------- */ #nxRulesPage{ font-size:15px!important; } #nxRulesPage p, #nxRulesPage li, #nxRulesPage span, #nxRulesPage small{ text-rendering:optimizeLegibility; -webkit-font-smoothing:antialiased; } #nxRulesPage .nx-rules-kicker{ font-size:11px!important; } #nxRulesPage .nx-rules-hero>div>p{ font-size:15px!important; line-height:1.75!important; } #nxRulesPage .nx-rules-tags span{ font-size:11px!important; } #nxRulesPage .nx-rules-hero aside small{ font-size:10px!important; } #nxRulesPage .nx-rules-hero aside strong{ font-size:20px!important; } #nxRulesPage .nx-rules-hero aside p{ font-size:13px!important; line-height:1.7!important; } #nxRulesPage .nx-rules-quick strong, #nxRulesPage .nx-rules-list strong{ font-size:15px!important; } #nxRulesPage .nx-rules-quick p, #nxRulesPage .nx-rules-list p{ font-size:13px!important; line-height:1.7!important; } #nxRulesPage .nx-rules-heading>span{ font-size:10px!important; } #nxRulesPage .nx-rules-heading h2{ font-size:30px!important; } #nxRulesPage .nx-rules-heading p{ font-size:14px!important; line-height:1.7!important; } #nxRulesPage .nx-rules-grid strong{ font-size:15px!important; } #nxRulesPage .nx-rules-grid p{ font-size:13px!important; line-height:1.68!important; } #nxRulesPage .nx-rules-steps strong{ font-size:14px!important; } #nxRulesPage .nx-rules-steps p{ font-size:12px!important; line-height:1.65!important; } #nxRulesPage .nx-rules-info strong{ font-size:14px!important; } #nxRulesPage .nx-rules-info p{ font-size:13px!important; line-height:1.65!important; } #nxRulesPage .nx-rules-roles>article>span{ font-size:10px!important; } #nxRulesPage .nx-rules-roles h3{ font-size:22px!important; } #nxRulesPage .nx-rules-roles p{ font-size:13px!important; line-height:1.7!important; } #nxRulesPage .nx-rules-roles li{ font-size:13px!important; line-height:1.6!important; } #nxRulesPage .nx-rules-vip strong{ font-size:13px!important; } #nxRulesPage .nx-rules-vip p{ font-size:12px!important; line-height:1.65!important; } #nxRulesPage .nx-rules-points strong{ font-size:26px!important; } #nxRulesPage .nx-rules-points span{ font-size:12px!important; } #nxRulesPage .nx-rules-footnote{ font-size:13px!important; line-height:1.7!important; } #nxRulesPage .nx-rules-penalties strong{ font-size:14px!important; } #nxRulesPage .nx-rules-penalties p{ font-size:12.5px!important; line-height:1.65!important; } #nxRulesPage .nx-rules-security strong{ font-size:14px!important; } #nxRulesPage .nx-rules-security p{ font-size:12.5px!important; line-height:1.65!important; } #nxRulesPage .nx-rules-final>span{ font-size:10px!important; } #nxRulesPage .nx-rules-final h2{ font-size:28px!important; } #nxRulesPage .nx-rules-final p{ font-size:13px!important; line-height:1.7!important; } /* ---------- LISTAS DE ROLES SIN TEXTO RARO ---------- */ #nxRulesPage .nx-rules-roles li{ padding-left:20px!important; } #nxRulesPage .nx-rules-roles li:before{ content:''!important; position:absolute!important; left:0!important; top:.62em!important; width:8px!important; height:8px!important; border-radius:50%!important; background:linear-gradient(135deg,#00d9ff,#7c5cff)!important; box-shadow:0 0 0 3px rgba(124,92,255,.08)!important; } /* ---------- IMPORTANTE: TARJETA CON ICONO, SIN FRANJA AZUL ---------- */ #nxRulesPage .nx-rules-info{ position:relative!important; display:grid!important; grid-template-columns:44px minmax(0,1fr)!important; gap:12px!important; align-items:start!important; margin-top:14px!important; padding:15px 16px!important; border:1px solid rgba(255,196,72,.15)!important; border-left:1px solid rgba(255,196,72,.15)!important; border-radius:14px!important; background: radial-gradient(circle at 0 0,rgba(255,196,72,.06),transparent 10rem), rgba(255,255,255,.012)!important; } #nxRulesPage .nx-rules-info:before{ content:'!'!important; width:44px!important; height:44px!important; display:grid!important; place-items:center!important; border:1px solid rgba(255,196,72,.20)!important; border-radius:12px!important; background:rgba(255,196,72,.07)!important; color:#ffd36b!important; font-size:22px!important; font-weight:900!important; line-height:1!important; } #nxRulesPage .nx-rules-info strong{ grid-column:2!important; grid-row:1!important; align-self:start!important; margin-top:2px!important; color:#ffd77f!important; } #nxRulesPage .nx-rules-info p{ grid-column:2!important; grid-row:1!important; margin:22px 0 0!important; color:#9a9180!important; } /* Un poco m谩s de aire en tarjetas para acompa帽ar el texto mayor */ #nxRulesPage .nx-rules-grid article, #nxRulesPage .nx-rules-quick article, #nxRulesPage .nx-rules-list article, #nxRulesPage .nx-rules-penalties article, #nxRulesPage .nx-rules-security article{ padding:18px!important; } @media(max-width:760px){ #nxRulesPage .nx-rules-hero>div>p, #nxRulesPage .nx-rules-heading p, #nxRulesPage .nx-rules-grid p, #nxRulesPage .nx-rules-quick p, #nxRulesPage .nx-rules-list p, #nxRulesPage .nx-rules-roles p, #nxRulesPage .nx-rules-roles li, #nxRulesPage .nx-rules-penalties p, #nxRulesPage .nx-rules-security p, #nxRulesPage .nx-rules-final p{ font-size:13px!important; } } /* ========================================================= NEXORIA V102 · FUNCI脫N GUARDADOS ELIMINADA ========================================================= */ #nxUserProfilePage .nx-user-profile-stats{ grid-template-columns:repeat(4,minmax(0,1fr))!important; } #nxUserProfilePage .nx-profile-posts-summary{ grid-template-columns:repeat(2,minmax(0,1fr))!important; } #nxUserProfilePage .nx-profile-activity-summary{ grid-template-columns:repeat(3,minmax(0,1fr))!important; } /* Protecci贸n: no mostrar restos visuales de la funci贸n retirada */ .nx-save-button, .nx-profile-post-saved, [data-tab="saved"], [data-panel="saved"]{ display:none!important; } /* ========================================================= NEXORIA V103 · MENSAJER脥A PRIVADA ========================================================= */ .nx-messages-page{position:relative;width:100%;padding:2px 0 18px} .nx-messages-page[hidden]{display:none!important} .nx-nav a:has(.nx-messages-nav-count){position:relative} .nx-messages-nav-count{ min-width:18px;height:18px;display:inline-grid;place-items:center; margin-left:auto;padding:0 5px;border-radius:999px; background:#7c5cff;color:#fff;font-size:9px;font-weight:900;line-height:1 } .nx-messages-nav-count[hidden]{display:none!important} .nx-messages-head{ display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;align-items:end; padding:28px 30px;border:1px solid rgba(255,255,255,.07);border-radius:20px; background: radial-gradient(circle at 90% 0,rgba(0,217,255,.07),transparent 18rem), radial-gradient(circle at 0 0,rgba(124,92,255,.12),transparent 22rem), linear-gradient(135deg,#151a26,#0d141e); } .nx-messages-kicker{color:#9388f0;font-size:10px;font-weight:900;letter-spacing:.14em} .nx-messages-head h1{margin:8px 0 7px;color:#f6f8fb;font-size:38px;line-height:1} .nx-messages-head p{margin:0;color:#929eae;font-size:14px;line-height:1.65} .nx-messages-head-stat{min-width:105px;padding:13px 15px;border:1px solid rgba(124,92,255,.14);border-radius:14px;background:rgba(124,92,255,.045);text-align:center} .nx-messages-head-stat strong{display:block;color:#d8d2ff;font-size:25px} .nx-messages-head-stat span{display:block;margin-top:3px;color:#777f91;font-size:11px} .nx-messages-shell{ display:grid;grid-template-columns:220px minmax(0,1fr);gap:12px; min-height:610px;margin-top:12px } .nx-messages-sidebar{ display:flex;flex-direction:column;gap:10px;padding:12px; border:1px solid rgba(255,255,255,.055);border-radius:16px;background:#0d131c } .nx-messages-compose-main{ min-height:48px;display:flex;align-items:center;gap:10px;padding:0 13px; border:1px solid rgba(124,92,255,.18);border-radius:12px; background:linear-gradient(135deg,rgba(124,92,255,.13),rgba(0,217,255,.035)); color:#e8e4ff;cursor:pointer;text-align:left } .nx-messages-compose-main span{font-size:19px}.nx-messages-compose-main strong{font-size:13px} .nx-messages-tabs{display:grid;gap:5px} .nx-messages-tabs button{ width:100%;min-height:45px;display:grid;grid-template-columns:26px minmax(0,1fr) auto; gap:8px;align-items:center;padding:0 10px;border:1px solid transparent;border-radius:10px; background:transparent;color:#788494;text-align:left;cursor:pointer } .nx-messages-tabs button.active{border-color:rgba(124,92,255,.14);background:rgba(124,92,255,.065);color:#dcd7ff} .nx-messages-tabs button>span{font-size:15px;text-align:center}.nx-messages-tabs button strong{font-size:12px} .nx-messages-tabs button b{min-width:22px;color:#667284;font-size:10px;text-align:right} .nx-messages-tabs button.active b{color:#a9a0f3} .nx-messages-sidebar-note{margin-top:auto;padding:12px;border:1px solid rgba(255,255,255,.04);border-radius:11px;background:rgba(255,255,255,.012)} .nx-messages-sidebar-note span{color:#6d64c9;font-size:9px;font-weight:900;letter-spacing:.1em} .nx-messages-sidebar-note p{margin:6px 0 0;color:#697686;font-size:11px;line-height:1.55} .nx-messages-main{ min-width:0;overflow:hidden;border:1px solid rgba(255,255,255,.055); border-radius:16px;background:#0d131c } .nx-messages-list-pane,.nx-messages-detail-pane,.nx-messages-compose-pane{min-height:608px} .nx-messages-list-pane[hidden],.nx-messages-detail-pane[hidden],.nx-messages-compose-pane[hidden]{display:none!important} .nx-messages-toolbar{ min-height:79px;display:flex;align-items:center;justify-content:space-between;gap:16px; padding:14px 17px;border-bottom:1px solid rgba(255,255,255,.05) } .nx-messages-toolbar>div>span{color:#746bd7;font-size:9px;font-weight:900;letter-spacing:.11em} .nx-messages-toolbar h2{margin:4px 0 0;color:#eef2f7;font-size:19px} .nx-messages-search{ width:min(260px,42%);height:40px;display:flex;align-items:center;gap:8px;padding:0 11px; border:1px solid rgba(255,255,255,.065);border-radius:10px;background:#091019;color:#657283 } .nx-messages-search input{width:100%;border:0;outline:0;background:transparent;color:#e9edf3;font-size:12px} .nx-messages-list{display:grid} .nx-message-row{ width:100%;display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:12px;align-items:center; padding:13px 16px;border:0;border-bottom:1px solid rgba(255,255,255,.045); background:transparent;color:inherit;text-align:left;cursor:pointer } .nx-message-row:hover{background:rgba(255,255,255,.016)} .nx-message-row.is-unread{background:linear-gradient(90deg,rgba(124,92,255,.07),transparent 42%)} .nx-message-avatar{ width:42px;height:42px;display:grid;place-items:center;overflow:hidden;border-radius:50%; background:linear-gradient(135deg,#6e55df,#1987a3);color:#fff;font-size:11px;font-weight:900 } .nx-message-avatar img{width:100%;height:100%;display:block;object-fit:cover} .nx-message-row-main{min-width:0} .nx-message-row-top{display:flex;align-items:center;gap:7px} .nx-message-row-top strong{overflow:hidden;color:#dfe4ec;font-size:13px;text-overflow:ellipsis;white-space:nowrap} .nx-message-unread-dot{width:7px;height:7px;flex:0 0 auto;border-radius:50%;background:#7c5cff;box-shadow:0 0 10px rgba(124,92,255,.45)} .nx-message-row-subject{display:block;margin-top:4px;overflow:hidden;color:#a0a9b6;font-size:12px;font-weight:750;text-overflow:ellipsis;white-space:nowrap} .nx-message-row-preview{display:block;margin-top:3px;overflow:hidden;color:#657182;font-size:11px;text-overflow:ellipsis;white-space:nowrap} .nx-message-row-time{align-self:start;padding-top:3px;color:#596678;font-size:10px;white-space:nowrap} .nx-messages-empty{min-height:390px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:28px;color:#6f7b8b;text-align:center} .nx-messages-empty>span{width:54px;height:54px;display:grid;place-items:center;margin-bottom:12px;border:1px solid rgba(124,92,255,.11);border-radius:15px;background:rgba(124,92,255,.045);color:#9d94eb;font-size:24px} .nx-messages-empty strong{color:#a8b1bd;font-size:14px}.nx-messages-empty p{margin:6px 0 0;font-size:12px} .nx-message-detail-head,.nx-messages-compose-head{ min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:12px; padding:11px 16px;border-bottom:1px solid rgba(255,255,255,.05) } .nx-message-back,.nx-message-detail-actions button,.nx-messages-compose-head button{ min-height:34px;padding:0 11px;border:1px solid rgba(255,255,255,.065);border-radius:9px; background:rgba(255,255,255,.018);color:#8590a0;font-size:11px;cursor:pointer } .nx-message-detail-actions{display:flex;gap:7px}.nx-message-detail-actions button.danger{color:#c98391} .nx-message-detail-card{margin:16px;padding:20px;border:1px solid rgba(255,255,255,.055);border-radius:15px;background:rgba(255,255,255,.012)} .nx-message-detail-label{color:#776dda;font-size:9px;font-weight:900;letter-spacing:.12em} .nx-message-detail-card h2{margin:7px 0 16px;color:#f2f5f9;font-size:23px;line-height:1.25} .nx-message-detail-person{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:11px;align-items:center;padding-bottom:15px;border-bottom:1px solid rgba(255,255,255,.05)} .nx-message-detail-person strong{display:block;color:#dce2ea;font-size:13px}.nx-message-detail-person span{display:block;margin-top:3px;color:#687486;font-size:11px}.nx-message-detail-person time{color:#5f6b7a;font-size:10px} .nx-message-detail-body{padding:20px 2px 5px;color:#b2bbc7;font-size:14px;line-height:1.8;white-space:pre-wrap;word-break:break-word} .nx-messages-compose-head>div>span{color:#776dda;font-size:9px;font-weight:900;letter-spacing:.11em} .nx-messages-compose-head h2{margin:4px 0 0;color:#eef2f7;font-size:18px} .nx-messages-form{display:grid;gap:15px;padding:18px} .nx-messages-form label{display:grid;gap:7px} .nx-messages-form label>span{color:#aab2be;font-size:12px;font-weight:800} .nx-messages-form input,.nx-messages-form textarea{ width:100%;box-sizing:border-box;border:1px solid rgba(255,255,255,.07);border-radius:11px; background:#091019;color:#eef2f7;padding:11px 12px;font-size:13px;line-height:1.55;outline:0 } .nx-messages-form input:focus,.nx-messages-form textarea:focus{border-color:rgba(124,92,255,.3);box-shadow:0 0 0 3px rgba(124,92,255,.045)} .nx-messages-form textarea{min-height:220px;resize:vertical} .nx-messages-form label>small{color:#657182;font-size:10.5px;line-height:1.5} .nx-message-counter{text-align:right} .nx-messages-form-actions{display:flex;align-items:center;justify-content:space-between;gap:12px} .nx-messages-send-status{color:#7d8897;font-size:11px} .nx-messages-send-status.error{color:#d48292}.nx-messages-send-status.ok{color:#65c99c} .nx-messages-send-button{ min-height:41px;padding:0 17px;border:1px solid rgba(124,92,255,.24);border-radius:10px; background:linear-gradient(135deg,#6f56df,#5058d6);color:#fff;font-size:12px;font-weight:850;cursor:pointer } .nx-messages-send-button:disabled{opacity:.55;cursor:wait} @media(max-width:850px){ .nx-messages-shell{grid-template-columns:1fr} .nx-messages-sidebar{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start} .nx-messages-tabs{grid-template-columns:repeat(2,minmax(0,1fr))} .nx-messages-sidebar-note{display:none} } @media(max-width:600px){ .nx-messages-head{grid-template-columns:1fr;padding:22px 18px}.nx-messages-head h1{font-size:32px} .nx-messages-head-stat{width:max-content} .nx-messages-sidebar{grid-template-columns:1fr} .nx-messages-toolbar{align-items:flex-start;flex-direction:column}.nx-messages-search{width:100%} .nx-message-row{grid-template-columns:38px minmax(0,1fr)}.nx-message-row-time{grid-column:2;margin-top:-6px} .nx-message-detail-person{grid-template-columns:42px minmax(0,1fr)}.nx-message-detail-person time{grid-column:2} } /* ========================================================= NEXORIA V104 · MENSAJES + NOTIFICACIONES + MODERACI脫N ADMIN ========================================================= */ .nx-messages-nav-count{display:none!important} .nx-community-private-message,.nx-chat-private-message{ min-height:30px;display:inline-flex;align-items:center;gap:6px;padding:0 9px; border:1px solid rgba(124,92,255,.12)!important;border-radius:9px; background:rgba(124,92,255,.035)!important;color:#8f87dc!important;font-size:10px!important;cursor:pointer } .nx-community-private-message:hover,.nx-chat-private-message:hover{transform:none!important;border-color:rgba(124,92,255,.24)!important;color:#d7d2ff!important} .bm-admin-tool.nx-admin-messages-open{width:100%;text-align:left;cursor:pointer} .nx-admin-messages-panel{ position:fixed;inset:0;z-index:14000;display:none;align-items:center;justify-content:center; padding:18px;background:rgba(3,7,11,.88);backdrop-filter:blur(12px) } .nx-admin-messages-panel.is-open{display:flex} .nx-admin-messages-card{width:min(1180px,100%);max-height:90vh;overflow:hidden;border:1px solid #20333d;border-radius:18px;background:#081119;box-shadow:0 32px 90px rgba(0,0,0,.62)} .nx-admin-messages-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:20px 22px;border-bottom:1px solid #182933;background:linear-gradient(135deg,rgba(0,212,255,.045),rgba(124,92,255,.025))} .nx-admin-messages-head>div>span{color:#00c7ed;font-size:9px;font-weight:900;letter-spacing:.13em} .nx-admin-messages-head h2{margin:6px 0 5px;color:#f4f9fb;font-size:23px} .nx-admin-messages-head p{margin:0;color:#718793;font-size:11px} .nx-admin-messages-head>button{width:38px;height:38px;border:1px solid #20333d;border-radius:10px;background:#09151d;color:#8095a0;cursor:pointer} .nx-admin-messages-tools{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 16px;border-bottom:1px solid #15252e} .nx-admin-messages-tools label{width:min(430px,70%);height:39px;display:flex;align-items:center;gap:8px;padding:0 11px;border:1px solid #1b303a;border-radius:10px;background:#050c11;color:#69808c} .nx-admin-messages-tools input{width:100%;border:0;outline:0;background:transparent;color:#d9e4e9;font-size:11px} .nx-admin-messages-tools>div{display:flex;align-items:baseline;gap:6px;color:#6e8692;font-size:10px} .nx-admin-messages-tools strong{color:#e9f8fb;font-size:18px} .nx-admin-messages-layout{display:grid;grid-template-columns:minmax(320px,.8fr) minmax(0,1.2fr);min-height:560px;max-height:calc(90vh - 145px)} .nx-admin-messages-list{overflow:auto;border-right:1px solid #15252e} .nx-admin-message-row{width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px;padding:13px 15px;border:0;border-bottom:1px solid #12212a;background:transparent;color:inherit;text-align:left;cursor:pointer} .nx-admin-message-row:hover{background:#0b1720} .nx-admin-message-row strong{display:block;overflow:hidden;color:#dce8ed;font-size:11px;text-overflow:ellipsis;white-space:nowrap} .nx-admin-message-row span{display:block;margin-top:4px;overflow:hidden;color:#718691;font-size:10px;text-overflow:ellipsis;white-space:nowrap} .nx-admin-message-row time{color:#536873;font-size:9px;white-space:nowrap} .nx-admin-message-detail{overflow:auto;padding:20px} .nx-admin-message-card{padding:19px;border:1px solid #182b35;border-radius:14px;background:#071018} .nx-admin-message-card>span{color:#00bfdf;font-size:8px;font-weight:900;letter-spacing:.12em} .nx-admin-message-card h3{margin:7px 0 15px;color:#f0f6f8;font-size:20px} .nx-admin-message-route{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:center;padding:12px;border:1px solid #142630;border-radius:11px;background:#050c11} .nx-admin-message-route>div strong{display:block;color:#c9d8de;font-size:11px} .nx-admin-message-route>div span{display:block;margin-top:3px;color:#637b87;font-size:9px} .nx-admin-message-route>i{color:#00bad9;font-style:normal} .nx-admin-message-body{margin-top:14px;padding:15px;border:1px solid #142630;border-radius:11px;background:#050c11;color:#a9bac2;font-size:12px;line-height:1.7;white-space:pre-wrap;word-break:break-word} .nx-admin-message-meta{margin-top:10px;color:#586e79;font-size:9px} .nx-admin-messages-empty{min-height:220px;display:grid;place-items:center;padding:24px;color:#607782;font-size:11px;text-align:center} @media(max-width:800px){.nx-admin-messages-layout{grid-template-columns:1fr}.nx-admin-messages-list{max-height:260px;border-right:0;border-bottom:1px solid #15252e}} /* ========================================================= NEXORIA V105 · SEPARACI脫N GLOBAL ENTRE BARRA SUPERIOR Y CONTENIDO Se aplica al Home, entradas y todos los paneles del men煤 lateral ========================================================= */ /* M谩s aire real entre la cabecera superior y el bloque principal */ .nx-restored-home .nx-layout, .nx-item-view .nx-layout{ margin-top:38px!important; } /* L铆nea/espacio visual independiente para que la cabecera no se una al cuerpo */ .nx-restored-home .nx-layout:before, .nx-item-view .nx-layout:before{ content:''; position:absolute; left:18px; right:18px; top:-20px; height:1px; pointer-events:none; background:linear-gradient( 90deg, transparent 0%, rgba(124,92,255,.16) 18%, rgba(0,217,255,.12) 50%, rgba(124,92,255,.16) 82%, transparent 100% ); box-shadow:0 -5px 18px rgba(0,217,255,.025); } /* La separaci贸n se mantiene igual al abrir cualquier m贸dulo interno */ .nx-restored-home .nx-home-main, .nx-item-view .nx-item-main{ position:relative!important; } /* Tablet */ @media(max-width:900px){ .nx-restored-home .nx-layout, .nx-item-view .nx-layout{ margin-top:26px!important; } .nx-restored-home .nx-layout:before, .nx-item-view .nx-layout:before{ top:-14px; left:12px; right:12px; } } /* M贸vil */ @media(max-width:680px){ .nx-restored-home .nx-layout, .nx-item-view .nx-layout{ margin-top:18px!important; } .nx-restored-home .nx-layout:before, .nx-item-view .nx-layout:before{ top:-10px; left:10px; right:10px; opacity:.72; } } /* ========================================================= NEXORIA V106 · MAYOR SEPARACI脫N HEADER / CONTENIDO ========================================================= */ /* Escritorio: separaci贸n m谩s evidente */ .nx-restored-home .nx-layout, .nx-item-view .nx-layout{ margin-top:64px!important; } /* Reubica el separador visual al centro del nuevo espacio */ .nx-restored-home .nx-layout:before, .nx-item-view .nx-layout:before{ top:-32px!important; } /* Tablet */ @media(max-width:900px){ .nx-restored-home .nx-layout, .nx-item-view .nx-layout{ margin-top:44px!important; } .nx-restored-home .nx-layout:before, .nx-item-view .nx-layout:before{ top:-22px!important; } } /* M贸vil */ @media(max-width:680px){ .nx-restored-home .nx-layout, .nx-item-view .nx-layout{ margin-top:30px!important; } .nx-restored-home .nx-layout:before, .nx-item-view .nx-layout:before{ top:-15px!important; } } /* ========================================================= NEXORIA V107 · MISMA SEPARACI脫N ARRIBA Y ABAJO Header ↔ m贸dulo global = m贸dulo global ↔ footer ========================================================= */ /* Escritorio: misma distancia de 64px antes del footer */ .nx-restored-home .nx-layout, .nx-item-view .nx-layout{ margin-bottom:64px!important; } /* Mantener la barra del footer separada, sin espacio extra propio */ .nx-site-footer.nx-footer-bar{ margin-top:0!important; } /* Tablet */ @media(max-width:900px){ .nx-restored-home .nx-layout, .nx-item-view .nx-layout{ margin-bottom:44px!important; } } /* M贸vil */ @media(max-width:680px){ .nx-restored-home .nx-layout, .nx-item-view .nx-layout{ margin-bottom:30px!important; } } /* ========================================================= NEXORIA V108 · FOOTER CON LA MISMA DISTANCIA VISUAL SUPERIOR Compensa el offset propio del contenedor global del Home ========================================================= */ /* El contenedor .nx-restored-home ya tiene un desplazamiento vertical propio. Por eso 64px abajo no se percib铆an igual que los 64px de arriba. Se corrige la distancia VISUAL sin tocar sidebar, cuerpo ni m贸dulos. */ /* Home y todos los paneles abiertos dentro del Home */ .nx-restored-home .nx-layout{ margin-bottom:20px!important; } /* Entradas individuales no tienen el offset negativo del Home */ .nx-item-view .nx-layout{ margin-bottom:64px!important; } /* Separador inferior equivalente al superior */ .nx-restored-home .nx-layout:after, .nx-item-view .nx-layout:after{ content:''; position:absolute; left:18px; right:18px; bottom:-32px; height:1px; pointer-events:none; background:linear-gradient( 90deg, transparent 0%, rgba(124,92,255,.16) 18%, rgba(0,217,255,.12) 50%, rgba(124,92,255,.16) 82%, transparent 100% ); box-shadow:0 5px 18px rgba(0,217,255,.025); } /* En Home el separador acompa帽a la distancia visual real */ .nx-restored-home .nx-layout:after{ bottom:-10px; } /* Tablet */ @media(max-width:900px){ .nx-restored-home .nx-layout{ margin-bottom:14px!important; } .nx-item-view .nx-layout{ margin-bottom:44px!important; } .nx-restored-home .nx-layout:after{ bottom:-7px; left:12px; right:12px; } .nx-item-view .nx-layout:after{ bottom:-22px; left:12px; right:12px; } } /* M贸vil */ @media(max-width:680px){ .nx-restored-home .nx-layout{ margin-bottom:10px!important; } .nx-item-view .nx-layout{ margin-bottom:30px!important; } .nx-restored-home .nx-layout:after{ bottom:-5px; left:10px; right:10px; opacity:.72; } .nx-item-view .nx-layout:after{ bottom:-15px; left:10px; right:10px; opacity:.72; } } /* ========================================================= NEXORIA V109 · LIMPIEZA VISUAL Sin l铆nea entre m贸dulo global y footer ========================================================= */ /* V108 a帽adi贸 un separador inferior decorativo. Se elimina por completo. */ .nx-restored-home .nx-layout:after, .nx-item-view .nx-layout:after{ content:none!important; display:none!important; background:none!important; box-shadow:none!important; } /* Al quitar "NEXORIA" el primer bot贸n comienza limpio desde Inicio. */ .nx-restored-home .nx-nav > a:first-of-type, .nx-restored-home .nx-nav > button:first-of-type, .nx-item-view .nx-nav > a:first-of-type, .nx-item-view .nx-nav > button:first-of-type{ margin-top:0!important; } /* ========================================================= NEXORIA V110 · GLOW CONTENIDO EN SU M脫DULO Tendencias · En ascenso · Destacadas ========================================================= */ /* El halo grande era un elemento independiente del encabezado y por eso pod铆a verse fuera de la tarjeta redondeada. El encabezado ya incorpora sus propios gradientes internos, as铆 que se elimina 煤nicamente ese halo exterior. */ #nxTrendingPage > .nx-trending-glow, #nxRisingPage > .nx-trending-glow, #nxFeaturedPage > .nx-trending-glow{ display:none!important; } /* Garantiza que los colores propios del encabezado nunca atraviesen sus bordes. */ #nxTrendingPage > .nx-trending-head, #nxRisingPage > .nx-trending-head, #nxFeaturedPage > .nx-trending-head{ position:relative!important; isolation:isolate!important; overflow:hidden!important; clip-path:inset(0 round 22px)!important; } /* ========================================================= NEXORIA V111 · GLOW CONTENIDO EN TODOS LOS M脫DULOS Comunidad · Chat · Misiones · Insignias · Pel铆culas · Series ========================================================= */ /* COMUNIDAD: elimina el halo exterior y recorta el color al encabezado */ #nxCommunityPage > .nx-community-glow{ display:none!important; } #nxCommunityPage > .nx-community-head{ position:relative!important; isolation:isolate!important; overflow:hidden!important; clip-path:inset(0 round 20px)!important; } /* CHAT: elimina el halo exterior del panel principal */ #nxChatPage > .nx-chat-page-glow{ display:none!important; } #nxChatPage > .nx-chat-page-head{ position:relative!important; isolation:isolate!important; overflow:hidden!important; } /* MISIONES: mantiene cualquier color decorativo dentro del propio m贸dulo */ #nxMissionsPage{ isolation:isolate!important; overflow:hidden!important; } #nxMissionsPage > .nx-missions-page-head{ position:relative!important; isolation:isolate!important; overflow:hidden!important; } /* INSIGNIAS: recorta el halo grande generado por el propio panel */ #nxBadgesPage{ isolation:isolate!important; overflow:hidden!important; } #nxBadgesPage:before, #nxBadgesPage:after{ clip-path:inset(0 round 18px)!important; } #nxBadgesPage > .nx-badges-page-head{ position:relative!important; isolation:isolate!important; overflow:hidden!important; } /* PEL脥CULAS Y SERIES: elimina el ambient exterior. Los gradientes internos del header se conservan. */ #nxMoviesPage > .nx-movies-ambient, #nxSeriesPage > .nx-movies-ambient{ display:none!important; } #nxMoviesPage > .nx-movies-head, #nxSeriesPage > .nx-movies-head{ position:relative!important; isolation:isolate!important; overflow:hidden!important; clip-path:inset(0 round 22px)!important; } /* ========================================================= NEXORIA V112 · MISIONES CON GLOW SOLO INTERNO ========================================================= */ /* El panel de misiones debe recortar todos sus efectos internos */ #nxMissionsPage{ position:relative!important; isolation:isolate!important; overflow:hidden!important; clip-path:inset(0 round 22px)!important; } /* El header tambi茅n recorta su atm贸sfera interna */ #nxMissionsPage > .nx-missions-page-head{ position:relative!important; isolation:isolate!important; overflow:hidden!important; clip-path:inset(0 round 22px)!important; } /* Las tarjetas/res煤menes superiores no deben proyectar color fuera del m贸dulo */ #nxMissionsPage .nx-missions-summary-card, #nxMissionsPage .nx-missions-points-card, #nxMissionsPage .nx-missions-head-points, #nxMissionsPage .nx-missions-head-stats > article, #nxMissionsPage .nx-missions-head-stats > div, #nxMissionsPage .nx-missions-stat, #nxMissionsPage .nx-mission-stat{ position:relative!important; isolation:isolate!important; overflow:hidden!important; } /* Neutraliza cualquier pseudo-glow que sobresalga en esas tarjetas */ #nxMissionsPage .nx-missions-summary-card:before, #nxMissionsPage .nx-missions-summary-card:after, #nxMissionsPage .nx-missions-points-card:before, #nxMissionsPage .nx-missions-points-card:after, #nxMissionsPage .nx-missions-head-points:before, #nxMissionsPage .nx-missions-head-points:after, #nxMissionsPage .nx-missions-head-stats > article:before, #nxMissionsPage .nx-missions-head-stats > article:after, #nxMissionsPage .nx-missions-head-stats > div:before, #nxMissionsPage .nx-missions-head-stats > div:after, #nxMissionsPage .nx-missions-stat:before, #nxMissionsPage .nx-missions-stat:after, #nxMissionsPage .nx-mission-stat:before, #nxMissionsPage .nx-mission-stat:after{ max-width:100%!important; max-height:100%!important; } /* ========================================================= NEXORIA V113 · CORRECCI脫N REAL DE GLOW Comunidad + Misiones ========================================================= */ /* --------------------------------------------------------- COMUNIDAD El fondo del m贸dulo debe ser neutro. El color queda SOLO dentro del encabezado redondeado. --------------------------------------------------------- */ #nxCommunityPage{ background:transparent!important; box-shadow:none!important; isolation:isolate!important; } #nxCommunityPage:before, #nxCommunityPage:after, #nxCommunityPage > .nx-community-glow{ content:none!important; display:none!important; background:none!important; box-shadow:none!important; } .nx-community-host{ background:transparent!important; box-shadow:none!important; } #nxCommunityPage > .nx-community-head{ position:relative!important; isolation:isolate!important; overflow:hidden!important; border-radius:20px!important; clip-path:inset(0 round 20px)!important; } /* --------------------------------------------------------- MISIONES El halo violeta anterior proven铆a de nx-missions-page:before. Se elimina por completo. Los colores se mantienen dentro de las tarjetas y m贸dulos propios de Misiones. --------------------------------------------------------- */ #nxMissionsPage{ position:relative!important; background:transparent!important; box-shadow:none!important; isolation:isolate!important; overflow:visible!important; clip-path:none!important; } #nxMissionsPage:before, #nxMissionsPage:after{ content:none!important; display:none!important; background:none!important; box-shadow:none!important; } #nxMissionsPage > .nx-missions-page-head{ position:relative!important; isolation:isolate!important; overflow:hidden!important; background:transparent!important; box-shadow:none!important; } /* La tarjeta Puntos actuales recorta cualquier efecto propio */ #nxMissionsPage .nx-missions-head-points{ position:relative!important; isolation:isolate!important; overflow:hidden!important; border-radius:12px!important; } /* Cualquier pseudoefecto de la tarjeta queda dentro de ella */ #nxMissionsPage .nx-missions-head-points:before, #nxMissionsPage .nx-missions-head-points:after{ max-width:100%!important; max-height:100%!important; overflow:hidden!important; } /* ========================================================= NEXORIA V114 · INSIGNIAS CON GLOW SOLO INTERNO ========================================================= */ /* El halo violeta del panel de Insignias no debe salir del m贸dulo */ #nxBadgesPage{ position:relative!important; background:transparent!important; box-shadow:none!important; isolation:isolate!important; overflow:visible!important; } /* Neutraliza el pseudo-halo grande exterior */ #nxBadgesPage:before, #nxBadgesPage:after{ content:none!important; display:none!important; background:none!important; box-shadow:none!important; } /* El encabezado mantiene sus efectos 煤nicamente dentro de sus bordes */ #nxBadgesPage > .nx-badges-page-head{ position:relative!important; isolation:isolate!important; overflow:hidden!important; background:transparent!important; box-shadow:none!important; } /* Tarjeta de progreso: todo el color queda dentro de la tarjeta */ #nxBadgesPage .nx-badges-head-progress{ position:relative!important; isolation:isolate!important; overflow:hidden!important; border-radius:14px!important; } /* Recorta cualquier pseudoefecto propio de la tarjeta */ #nxBadgesPage .nx-badges-head-progress:before, #nxBadgesPage .nx-badges-head-progress:after{ max-width:100%!important; max-height:100%!important; overflow:hidden!important; } /* ========================================================= NEXORIA V116 · ENTRADAS CON EL MISMO MARGEN DEL RESTO ========================================================= */ /* En el Home el contenedor global tiene un offset propio de -44px. Por eso los 64px configurados arriba se perciben visualmente como ~20px. Las entradas no tienen ese offset, as铆 que se ve铆an mucho m谩s separadas. Aqu铆 igualamos la distancia VISUAL real. */ .nx-item-view .nx-layout{ margin-top:20px!important; margin-bottom:20px!important; } /* En entradas no queremos la l铆nea decorativa superior. */ .nx-item-view .nx-layout:before{ content:none!important; display:none!important; background:none!important; box-shadow:none!important; } /* Mantener tambi茅n eliminado cualquier separador inferior. */ .nx-item-view .nx-layout:after{ content:none!important; display:none!important; background:none!important; box-shadow:none!important; } /* Tablet: misma percepci贸n visual del Home */ @media(max-width:900px){ .nx-item-view .nx-layout{ margin-top:14px!important; margin-bottom:14px!important; } } /* M贸vil */ @media(max-width:680px){ .nx-item-view .nx-layout{ margin-top:10px!important; margin-bottom:10px!important; } } /* ========================================================= NEXORIA V117 · CHAT: FORMATOS TOGGLE + ADMIN DESTACADO ========================================================= */ /* Estado visible de Negrita/Cursiva mientras el formato est谩 activo */ #nxChatPage .nx-chat-format-button.is-active{ border-color:rgba(124,92,255,.36)!important; background:rgba(124,92,255,.13)!important; color:#ded9ff!important; box-shadow:inset 0 0 0 1px rgba(124,92,255,.08)!important; } /* Los mensajes del administrador tienen identidad propia sin perder legibilidad */ #nxChatPage .nx-chat-message.is-admin{ border:1px solid rgba(243,201,105,.13)!important; background: linear-gradient(90deg,rgba(243,201,105,.065),rgba(124,92,255,.025) 72%,transparent)!important; } #nxChatPage .nx-chat-message.is-admin:hover{ background: linear-gradient(90deg,rgba(243,201,105,.085),rgba(124,92,255,.035) 72%,rgba(255,255,255,.008))!important; } #nxChatPage .nx-chat-message.is-admin .nx-chat-message-avatar{ border-color:rgba(243,201,105,.34)!important; background:linear-gradient(135deg,#9b7828,#6b4fa8)!important; box-shadow:0 0 0 1px rgba(243,201,105,.16)!important; } #nxChatPage .nx-chat-message.is-admin .nx-chat-message-head strong{ color:#f1d78d!important; } #nxChatPage .nx-chat-message.is-admin .nx-chat-message-body{ color:#c8c3b5!important; } #nxChatPage .nx-chat-message.is-admin .nx-chat-reply-quote{ border-left-color:rgba(243,201,105,.46)!important; background:rgba(243,201,105,.035)!important; } /* La opci贸n peque帽a se conserva solo para mensajes hist贸ricos ya guardados, pero deja de estar disponible en el selector del editor. */ /* ========================================================= NEXORIA V118 · NEXORIA PLAY Pr贸xima experiencia de reproducci贸n ========================================================= */ .nx-play-page{ width:100%; min-height:760px; padding:clamp(18px,2vw,28px) 0 18px; } .nx-play-page[hidden]{display:none!important} .nx-play-hero{ position:relative; isolation:isolate; overflow:hidden; display:grid; grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr); gap:28px; align-items:center; min-height:390px; padding:clamp(28px,4vw,50px); border:1px solid rgba(255,255,255,.075); border-radius:24px; background: radial-gradient(circle at 86% 20%,rgba(0,217,255,.15),transparent 22rem), radial-gradient(circle at 18% 0%,rgba(124,92,255,.20),transparent 26rem), linear-gradient(145deg,#111827 0%,#0c111a 55%,#0a0f17 100%); box-shadow:0 28px 70px rgba(0,0,0,.28); } .nx-play-hero:after{ content:''; position:absolute; inset:auto -6% -42% 42%; height:280px; border-radius:50%; background:radial-gradient(circle,rgba(124,92,255,.12),transparent 70%); pointer-events:none; z-index:-1; } .nx-play-kicker{ display:block; margin-bottom:12px; color:#8f84ff; font-size:10px; font-weight:900; letter-spacing:.18em; } .nx-play-hero h1{ max-width:680px; margin:0; color:#f7f9ff; font-size:clamp(38px,5vw,66px); line-height:.98; letter-spacing:-2.7px; } .nx-play-hero p{ max-width:680px; margin:20px 0 0; color:#9ca7b8; font-size:14px; line-height:1.75; } .nx-play-status-row{ display:flex; flex-wrap:wrap; gap:8px; margin-top:24px; } .nx-play-status{ min-height:30px; display:inline-flex; align-items:center; gap:7px; padding:0 10px; border:1px solid rgba(255,255,255,.075); border-radius:999px; background:rgba(255,255,255,.025); color:#8d98a9; font-size:8px; font-weight:900; letter-spacing:.08em; } .nx-play-status.is-development{ border-color:rgba(0,217,255,.16); background:rgba(0,217,255,.045); color:#75def0; } .nx-play-status i{ width:7px; height:7px; border-radius:50%; background:#44ddad; box-shadow:0 0 0 5px rgba(68,221,173,.07); } .nx-play-hero-device{ position:relative; min-height:290px; display:grid; place-items:center; } .nx-play-screen{ width:min(410px,100%); aspect-ratio:16/10; display:flex; flex-direction:column; justify-content:space-between; padding:18px; border:1px solid rgba(255,255,255,.09); border-radius:22px; background: radial-gradient(circle at 70% 30%,rgba(0,217,255,.11),transparent 14rem), linear-gradient(155deg,#161d2a,#090e16 72%); box-shadow:0 26px 50px rgba(0,0,0,.36),inset 0 1px rgba(255,255,255,.03); } .nx-play-screen-top{ display:flex; justify-content:space-between; color:#8a95a7; font-size:8px; font-weight:900; letter-spacing:.12em; } .nx-play-screen-top strong{color:#8e80ff} .nx-play-screen-center{ text-align:center; } .nx-play-button{ width:70px; height:70px; display:grid; place-items:center; margin:0 auto 18px; border:1px solid rgba(255,255,255,.10); border-radius:50%; background:linear-gradient(135deg,rgba(124,92,255,.28),rgba(0,217,255,.16)); color:#fff; font-size:24px; padding-left:4px; box-shadow:0 14px 40px rgba(83,91,255,.15); } .nx-play-screen-center strong{ display:block; color:#eef2f8; font-size:16px; } .nx-play-screen-center small{ display:block; margin-top:5px; color:#758194; font-size:9px; } .nx-play-screen-progress{ height:4px; overflow:hidden; border-radius:999px; background:rgba(255,255,255,.06); } .nx-play-screen-progress i{ display:block; width:34%; height:100%; border-radius:inherit; background:linear-gradient(90deg,#7c5cff,#00d9ff); } .nx-play-intro{ display:grid; grid-template-columns:minmax(0,1fr) minmax(280px,.7fr); gap:28px; align-items:end; padding:34px 4px 20px; } .nx-play-intro span, .nx-play-roadmap-copy>span{ color:#766be0; font-size:9px; font-weight:900; letter-spacing:.14em; } .nx-play-intro h2, .nx-play-roadmap h2{ margin:5px 0 0; color:#f1f4f8; font-size:clamp(25px,3vw,36px); line-height:1.08; letter-spacing:-1px; } .nx-play-intro p, .nx-play-roadmap p{ margin:0; color:#7f8a9a; font-size:12px; line-height:1.7; } .nx-play-feature-grid{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; } .nx-play-feature{ min-height:210px; display:flex; flex-direction:column; padding:20px; border:1px solid rgba(255,255,255,.055); border-radius:18px; background:linear-gradient(180deg,rgba(255,255,255,.018),rgba(255,255,255,.008)); } .nx-play-feature.is-primary{ border-color:rgba(124,92,255,.16); background:linear-gradient(145deg,rgba(124,92,255,.08),rgba(0,217,255,.018)); } .nx-play-feature-icon{ width:42px; height:42px; display:grid; place-items:center; margin-bottom:20px; border:1px solid rgba(124,92,255,.16); border-radius:13px; background:rgba(124,92,255,.06); color:#b5adff; font-size:16px; } .nx-play-feature small{ color:#6f7b8e; font-size:7px; font-weight:900; letter-spacing:.12em; } .nx-play-feature h3{ margin:5px 0 8px; color:#e8edf4; font-size:17px; } .nx-play-feature p{ margin:0; color:#7e899a; font-size:11px; line-height:1.65; } .nx-play-feature>b{ margin-top:auto; padding-top:18px; color:#6f65d1; font-size:7px; letter-spacing:.10em; } .nx-play-roadmap{ display:grid; grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); gap:28px; align-items:center; margin-top:18px; padding:28px; border:1px solid rgba(255,255,255,.055); border-radius:20px; background:#0d131d; } .nx-play-roadmap-copy p{margin-top:10px} .nx-play-roadmap-steps{ display:grid; gap:8px; } .nx-play-roadmap-steps>div{ display:grid; grid-template-columns:40px minmax(0,1fr); gap:11px; align-items:center; min-height:62px; padding:9px 12px; border:1px solid rgba(255,255,255,.045); border-radius:13px; background:rgba(255,255,255,.012); } .nx-play-roadmap-steps>div.is-current{ border-color:rgba(0,217,255,.12); background:rgba(0,217,255,.025); } .nx-play-roadmap-steps b{ color:#7468d8; font-size:11px; } .nx-play-roadmap-steps strong{ display:block; color:#d9dfe8; font-size:10px; } .nx-play-roadmap-steps small{ display:block; margin-top:3px; color:#677486; font-size:8px; } .nx-play-coming{ display:grid; grid-template-columns:56px minmax(0,1fr); gap:14px; align-items:center; margin-top:14px; padding:18px 20px; border:1px solid rgba(124,92,255,.12); border-radius:18px; background:linear-gradient(90deg,rgba(124,92,255,.05),rgba(0,217,255,.018)); } .nx-play-coming>span{ width:52px; height:52px; display:grid; place-items:center; border-radius:15px; background:rgba(124,92,255,.09); color:#b5adff; font-size:18px; } .nx-play-coming small{ display:block; color:#756be1; font-size:7px; font-weight:900; letter-spacing:.13em; } .nx-play-coming strong{ display:block; margin-top:3px; color:#edf1f6; font-size:15px; } .nx-play-coming p{ margin:3px 0 0; color:#768294; font-size:10px; } .nx-play-nav-link{ border-color:rgba(124,92,255,.10)!important; } .nx-play-nav-link.active{ border-color:rgba(0,217,255,.16)!important; background:linear-gradient(135deg,rgba(124,92,255,.09),rgba(0,217,255,.035))!important; } @media(max-width:900px){ .nx-play-hero{ grid-template-columns:1fr; } .nx-play-hero-device{ min-height:auto; } .nx-play-feature-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); } .nx-play-roadmap{ grid-template-columns:1fr; } } @media(max-width:600px){ .nx-play-hero{ padding:24px 18px; border-radius:20px; } .nx-play-hero h1{ font-size:38px; letter-spacing:-1.6px; } .nx-play-intro{ grid-template-columns:1fr; gap:10px; } .nx-play-feature-grid{ grid-template-columns:1fr; } } /* ========================================================= NEXORIA V119 · MEN脷 LATERAL UNIFICADO Mismo orden, ancho, iconos y alineaci贸n en Home/Entradas ========================================================= */ .nx-restored-home .nx-nav, .nx-item-view .nx-nav{ width:100%!important; } .nx-restored-home .nx-nav > a, .nx-restored-home .nx-nav > button, .nx-item-view .nx-nav > a, .nx-item-view .nx-nav > button{ width:100%!important; min-height:42px!important; box-sizing:border-box!important; display:grid!important; grid-template-columns:30px minmax(0,1fr)!important; align-items:center!important; column-gap:10px!important; padding-left:10px!important; padding-right:10px!important; text-align:left!important; } .nx-restored-home .nx-nav > a > span:first-child, .nx-restored-home .nx-nav > button > span:first-child, .nx-item-view .nx-nav > a > span:first-child, .nx-item-view .nx-nav > button > span:first-child{ width:30px!important; min-width:30px!important; height:30px!important; display:grid!important; place-items:center!important; margin:0!important; line-height:1!important; text-align:center!important; } .nx-restored-home .nx-nav > a > span:last-child, .nx-restored-home .nx-nav > button > span:last-child, .nx-item-view .nx-nav > a > span:last-child, .nx-item-view .nx-nav > button > span:last-child{ min-width:0!important; margin:0!important; justify-self:start!important; } .nx-restored-home .nx-nav > small, .nx-item-view .nx-nav > small{ width:100%!important; box-sizing:border-box!important; margin-left:0!important; margin-right:0!important; padding-left:0!important; } /* El icono Inicio mantiene el mismo cuadro de 30px que el resto. */ .nx-restored-home .nx-nav-home-icon, .nx-item-view .nx-nav-home-icon{ width:30px!important; height:30px!important; min-width:30px!important; } /* ========================================================= NEXORIA V121 · PERFIL REFINADO Conserva el marco original · textos legibles · menos iconos ========================================================= */ /* IMPORTANTE: No se modifica el marco, glow, fondo ni estructura del hero original. V121 solo mejora tipograf铆a y reduce ruido visual. */ /* ---------- Tipograf铆a general ---------- */ #nxUserProfilePage{ font-size:12px!important; } #nxUserProfilePage small{ font-size:11px!important; line-height:1.45!important; } #nxUserProfilePage .nx-profile-kicker{ font-size:10px!important; } #nxUserProfilePage .nx-user-profile-title-copy h1{ font-size:31px!important; line-height:1.08!important; } #nxUserProfilePage #nxProfileHandle{ font-size:12px!important; line-height:1.45!important; } #nxUserProfilePage .nx-user-profile-bio{ font-size:13px!important; line-height:1.65!important; } #nxUserProfilePage .nx-user-profile-meta{ font-size:11px!important; line-height:1.5!important; } #nxUserProfilePage .nx-user-role{ font-size:10px!important; } #nxUserProfilePage .nx-profile-level-row{ font-size:11px!important; } #nxUserProfilePage .nx-profile-points-card strong{ font-size:19px!important; } #nxUserProfilePage .nx-profile-points-card small{ font-size:10px!important; } /* Estad铆sticas principales: mismos cuadros, menos ruido y texto m谩s grande */ #nxUserProfilePage .nx-user-profile-stats>div{ grid-template-columns:1fr!important; grid-template-rows:auto auto!important; row-gap:4px!important; justify-items:start!important; padding-left:14px!important; } #nxUserProfilePage .nx-user-profile-stats>div>span{ display:none!important; } #nxUserProfilePage .nx-user-profile-stats strong{ font-size:20px!important; line-height:1!important; } #nxUserProfilePage .nx-user-profile-stats small{ font-size:11px!important; color:#8d98a8!important; } /* Tarjetas r谩pidas: quitamos el icono grande, conservamos la tarjeta y botones */ #nxUserProfilePage .nx-user-profile-quick-card{ grid-template-columns:minmax(0,1fr) auto!important; gap:12px!important; padding:13px 14px!important; } #nxUserProfilePage .nx-user-profile-quick-icon{ display:none!important; } #nxUserProfilePage .nx-user-profile-quick-card>div{ min-width:0!important; } #nxUserProfilePage .nx-user-profile-quick-card small{ font-size:9px!important; letter-spacing:.10em!important; } #nxUserProfilePage .nx-user-profile-quick-card strong{ font-size:12px!important; line-height:1.35!important; } #nxUserProfilePage .nx-user-profile-quick-card button, #nxUserProfilePage .nx-user-profile-quick-status{ font-size:9px!important; } /* Pesta帽as m谩s legibles */ #nxUserProfilePage .nx-profile-tab{ font-size:11px!important; font-weight:800!important; } /* Cabeceras de secciones */ #nxUserProfilePage .nx-user-profile-section-head>div>span{ font-size:9px!important; } #nxUserProfilePage .nx-user-profile-section-head h3{ font-size:16px!important; line-height:1.25!important; } #nxUserProfilePage .nx-user-profile-section-head p, #nxUserProfilePage .nx-profile-module-head p{ font-size:11px!important; line-height:1.55!important; } #nxUserProfilePage .nx-user-profile-section-head button{ font-size:9px!important; } #nxUserProfilePage .nx-profile-module-total strong{ font-size:19px!important; } #nxUserProfilePage .nx-profile-module-total small{ font-size:10px!important; } /* Resumen Publicaciones: conserva cuadros, elimina pictogramas */ #nxUserProfilePage .nx-profile-posts-summary>div{ grid-template-columns:1fr!important; grid-template-rows:auto auto!important; row-gap:4px!important; justify-items:start!important; padding-left:13px!important; } #nxUserProfilePage .nx-profile-posts-summary>div>span{ display:none!important; } #nxUserProfilePage .nx-profile-posts-summary strong{ font-size:17px!important; } #nxUserProfilePage .nx-profile-posts-summary small{ font-size:10px!important; } /* Publicaciones visibles: lista corta de t铆tulos sin im谩genes */ #nxUserProfilePage .nx-profile-posts-grid{ display:grid!important; grid-template-columns:1fr!important; gap:0!important; overflow:hidden!important; border:1px solid rgba(255,255,255,.055)!important; border-radius:12px!important; background:rgba(255,255,255,.010)!important; } #nxUserProfilePage .nx-profile-post-card.nx-profile-post-title-only{ width:100%!important; min-height:49px!important; display:grid!important; grid-template-columns:38px minmax(0,1fr) 24px!important; gap:10px!important; align-items:center!important; box-sizing:border-box!important; padding:0 13px!important; border:0!important; border-bottom:1px solid rgba(255,255,255,.045)!important; border-radius:0!important; background:transparent!important; color:inherit!important; text-decoration:none!important; transition:background .14s ease!important; } #nxUserProfilePage .nx-profile-post-card.nx-profile-post-title-only:last-child{ border-bottom:0!important; } #nxUserProfilePage .nx-profile-post-card.nx-profile-post-title-only:hover{ transform:none!important; background:rgba(124,92,255,.035)!important; } #nxUserProfilePage .nx-profile-post-index{ color:#697486!important; font-size:9px!important; font-weight:850!important; } #nxUserProfilePage .nx-profile-post-card.nx-profile-post-title-only strong{ min-width:0!important; overflow:hidden!important; color:#e3e7ed!important; font-size:12px!important; line-height:1.35!important; text-overflow:ellipsis!important; white-space:nowrap!important; } #nxUserProfilePage .nx-profile-post-arrow{ color:#766dd1!important; font-size:11px!important; text-align:right!important; } /* Resumen de actividad: mismos cuadros, sin iconos repetitivos */ #nxUserProfilePage .nx-profile-activity-summary>div{ grid-template-columns:1fr!important; grid-template-rows:auto auto!important; row-gap:4px!important; justify-items:start!important; padding-left:13px!important; } #nxUserProfilePage .nx-profile-activity-summary>div>span{ display:none!important; } #nxUserProfilePage .nx-profile-activity-summary strong{ font-size:17px!important; } #nxUserProfilePage .nx-profile-activity-summary small{ font-size:10px!important; } /* Timeline: se mantiene un solo icono por evento porque s铆 aporta contexto */ #nxUserProfilePage .nx-profile-activity-copy strong{ font-size:11px!important; } #nxUserProfilePage .nx-profile-activity-copy span{ font-size:10px!important; line-height:1.4!important; } #nxUserProfilePage .nx-profile-activity-time strong{ font-size:9px!important; } #nxUserProfilePage .nx-profile-activity-time span{ font-size:8px!important; } /* Insignias/actividad del resumen con textos m谩s c贸modos */ #nxUserProfilePage .nx-profile-empty{ font-size:11px!important; line-height:1.55!important; } /* Formulario de datos del perfil */ #nxUserProfilePage .nx-profile-field label, #nxUserProfilePage .nx-profile-inline-fields label>span{ font-size:10px!important; } #nxUserProfilePage .nx-profile-field input, #nxUserProfilePage .nx-profile-field textarea, #nxUserProfilePage .nx-profile-inline-fields input, #nxUserProfilePage .nx-profile-inline-fields textarea{ font-size:12px!important; } #nxUserProfilePage .nx-profile-avatar-tools small{ font-size:10px!important; } /* El bot贸n Editar conserva solo un peque帽o icono funcional; no se elimina */ #nxUserProfilePage .nx-profile-edit-btn{ font-size:10px!important; } /* M贸vil */ @media(max-width:680px){ #nxUserProfilePage .nx-user-profile-title-copy h1{ font-size:27px!important; } #nxUserProfilePage .nx-user-profile-bio{ font-size:12px!important; } #nxUserProfilePage .nx-user-profile-stats strong{ font-size:18px!important; } #nxUserProfilePage .nx-user-profile-stats small, #nxUserProfilePage small{ font-size:10px!important; } #nxUserProfilePage .nx-profile-post-card.nx-profile-post-title-only{ min-height:47px!important; grid-template-columns:30px minmax(0,1fr) 20px!important; padding:0 10px!important; } #nxUserProfilePage .nx-profile-post-card.nx-profile-post-title-only strong{ font-size:11px!important; } } /* ========================================================= NEXORIA V122 · POPUP DE LOGIN / REGISTRO Solo interfaz · sin Firebase ni backend conectado ========================================================= */ .nx-auth-overlay{ position:fixed; inset:0; z-index:5200; display:none; place-items:center; overflow:auto; padding:24px; background:rgba(3,5,9,.80); backdrop-filter:blur(16px); -webkit-backdrop-filter:blur(16px); } .nx-auth-overlay.open{display:grid} body.nx-auth-open{overflow:hidden!important} .nx-auth-shell{ position:relative; width:min(880px,100%); min-height:570px; display:grid; grid-template-columns:minmax(260px,.78fr) minmax(0,1.22fr); overflow:hidden; border:1px solid rgba(255,255,255,.09); border-radius:24px; background:#0d121b; box-shadow:0 34px 100px rgba(0,0,0,.58); } .nx-auth-close{ position:absolute; z-index:4; right:14px; top:14px; width:36px; height:36px; display:grid; place-items:center; border:1px solid rgba(255,255,255,.075); border-radius:11px; background:rgba(13,18,27,.72); color:#949dac; font-size:12px; cursor:pointer; } .nx-auth-close:hover{color:#fff;border-color:rgba(124,92,255,.26)} .nx-auth-brand-panel{ position:relative; padding:36px 30px; overflow:hidden; border-right:1px solid rgba(255,255,255,.06); background: radial-gradient(circle at 10% 0,rgba(124,92,255,.24),transparent 18rem), radial-gradient(circle at 95% 95%,rgba(0,217,255,.08),transparent 18rem), #101622; } .nx-auth-brand-panel:after{ content:''; position:absolute; width:250px; height:250px; left:-150px; bottom:-150px; border-radius:50%; background:radial-gradient(circle,rgba(124,92,255,.13),transparent 70%); pointer-events:none; } .nx-auth-brand-mark{ width:48px; height:48px; display:grid; place-items:center; margin-bottom:24px; border-radius:15px; background:linear-gradient(135deg,#7c5cff,#00bfe7); color:#fff; font-size:20px; font-weight:950; box-shadow:0 12px 30px rgba(91,75,215,.22); } .nx-auth-eyebrow{ display:block; color:#9489f1; font-size:9px; font-weight:900; letter-spacing:.15em; } .nx-auth-brand-panel h2{ max-width:300px; margin:8px 0 11px; color:#f4f6fa; font-size:28px; line-height:1.08; letter-spacing:-.7px; } .nx-auth-brand-panel>p{ margin:0; color:#8893a3; font-size:11px; line-height:1.65; } .nx-auth-brand-points{ display:grid; gap:12px; margin-top:28px; } .nx-auth-brand-points>div{ padding:0 0 0 12px; border-left:2px solid rgba(124,92,255,.28); } .nx-auth-brand-points strong{ display:block; color:#dfe4ec; font-size:11px; } .nx-auth-brand-points span{ display:block; margin-top:3px; color:#6f7b8c; font-size:9px; line-height:1.45; } .nx-auth-beta-note{ position:relative; z-index:1; display:block; margin-top:30px; color:#5f6b7c; font-size:8px; line-height:1.45; } .nx-auth-main{ min-width:0; padding:30px 34px 32px; background: radial-gradient(circle at 100% 0,rgba(124,92,255,.045),transparent 15rem), #0d121b; } .nx-auth-tabs{ display:flex; gap:20px; margin:0 42px 28px 0; border-bottom:1px solid rgba(255,255,255,.06); } .nx-auth-tabs button{ position:relative; min-height:38px; padding:0 1px 11px; border:0; background:transparent; color:#687486; font-size:10px; font-weight:850; cursor:pointer; } .nx-auth-tabs button.active{color:#eef1f6} .nx-auth-tabs button.active:after{ content:''; position:absolute; left:0; right:0; bottom:-1px; height:2px; border-radius:999px; background:#7c6fe4; } .nx-auth-panel{display:none} .nx-auth-panel.active{display:block} .nx-auth-heading>span{ display:block; color:#8175e8; font-size:8px; font-weight:900; letter-spacing:.14em; } .nx-auth-heading h3{ margin:5px 0 7px; color:#f0f3f7; font-size:23px; line-height:1.15; } .nx-auth-heading p{ margin:0; color:#7d8898; font-size:10px; line-height:1.5; } .nx-auth-form{ display:grid; gap:13px; margin-top:22px; } .nx-auth-grid{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:11px; } .nx-auth-form label{min-width:0} .nx-auth-form label>span{ display:block; margin-bottom:6px; color:#a1aab7; font-size:9px; font-weight:800; } .nx-auth-form input[type='text'], .nx-auth-form input[type='email'], .nx-auth-form input[type='password']{ width:100%; min-height:42px; box-sizing:border-box; padding:0 12px; border:1px solid rgba(255,255,255,.075); border-radius:10px; background:#0a0f17; color:#edf1f6; font-size:11px; outline:none; } .nx-auth-form input:focus{ border-color:rgba(124,92,255,.35); box-shadow:0 0 0 3px rgba(124,92,255,.055); } .nx-auth-form input::placeholder{color:#4f5a69} .nx-auth-password{position:relative} .nx-auth-password input{padding-right:70px!important} .nx-auth-password button{ position:absolute; right:7px; top:50%; transform:translateY(-50%); min-height:28px; padding:0 6px; border:0; background:transparent; color:#687486; font-size:8px; font-weight:800; cursor:pointer; } .nx-auth-password button:hover{color:#aaa2f8} .nx-auth-row{ display:flex; align-items:center; justify-content:space-between; gap:12px; } .nx-auth-check{ display:flex!important; align-items:flex-start; gap:7px; cursor:pointer; } .nx-auth-check input{ flex:0 0 auto; margin:2px 0 0; accent-color:#7c5cff; } .nx-auth-check>span{ margin:0!important; color:#778293!important; font-size:9px!important; font-weight:650!important; line-height:1.4!important; } .nx-auth-terms{margin-top:1px} .nx-auth-link{ border:0; padding:0; background:transparent; color:#8178df; font-size:8px; font-weight:800; cursor:pointer; } .nx-auth-primary{ width:100%; min-height:42px; margin-top:2px; border:0; border-radius:10px; background:linear-gradient(135deg,#7054e8,#5579ef); color:#fff; font-size:10px; font-weight:900; cursor:pointer; box-shadow:0 10px 24px rgba(91,79,213,.14); } .nx-auth-status{ min-height:17px; color:#7c8797; font-size:9px; line-height:1.4; } .nx-auth-status.ok{color:#62cfa0} .nx-auth-status.error{color:#e58a9c} .nx-auth-switch-copy{ margin:19px 0 0; color:#717d8e; font-size:9px; text-align:center; } .nx-auth-switch-copy button{ border:0; padding:0; background:transparent; color:#958af2; font-size:9px; font-weight:850; cursor:pointer; } /* Accesos del men煤: sin crear un estilo visual ajeno al men煤 original */ .nx-auth-nav-login span:first-child, .nx-auth-nav-register span:first-child{ color:#9b92ef; } @media(max-width:720px){ .nx-auth-overlay{padding:12px} .nx-auth-shell{ grid-template-columns:1fr; max-width:520px; } .nx-auth-brand-panel{ display:none; } .nx-auth-main{padding:26px 22px 28px} .nx-auth-tabs{margin-right:40px} } @media(max-width:480px){ .nx-auth-main{padding:24px 17px} .nx-auth-grid{grid-template-columns:1fr} .nx-auth-row{align-items:flex-start;flex-direction:column} } /* ========================================================= NEXORIA V123 · GOOGLE AUTH + TURNSTILE PREPARADO + REGLAS ========================================================= */ .nx-auth-google-box{display:grid;gap:12px;margin-top:24px} .nx-google-auth-button{ width:100%;min-height:46px;display:flex;align-items:center;justify-content:center;gap:10px; border:1px solid rgba(255,255,255,.10);border-radius:11px;background:#f7f8fa;color:#20242b; font-size:11px;font-weight:900;cursor:pointer; } .nx-google-auth-button:hover{background:#fff} .nx-google-g{ width:25px;height:25px;display:grid;place-items:center;border-radius:50%; background:#fff;border:1px solid rgba(0,0,0,.08);color:#4285f4;font-size:14px;font-weight:950; } .nx-google-auth-register{margin-top:22px} .nx-auth-security-note, .nx-auth-human-check{ display:grid;grid-template-columns:32px minmax(0,1fr);gap:10px;align-items:start; padding:11px 12px;border:1px solid rgba(255,255,255,.055);border-radius:11px;background:rgba(255,255,255,.015) } .nx-auth-security-note:before{ content:'◈';width:32px;height:32px;display:grid;place-items:center;border-radius:9px; background:rgba(124,92,255,.07);color:#958af1;font-size:12px; } .nx-auth-security-note strong,.nx-auth-human-check strong{display:block;color:#dce2e9;font-size:9px} .nx-auth-security-note span,.nx-auth-human-check span{display:block;margin-top:3px;color:#707b8b;font-size:8px;line-height:1.45} .nx-auth-human-check{margin-top:13px} .nx-auth-human-icon{ width:32px;height:32px!important;display:grid!important;place-items:center;border-radius:9px; background:rgba(65,216,149,.07);color:#55cf98!important;font-size:12px!important;margin:0!important } .nx-auth-register-steps{ display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:22px } .nx-auth-register-steps>div{ min-width:0;display:grid;grid-template-columns:25px minmax(0,1fr);gap:7px;align-items:start; padding:9px;border:1px solid rgba(255,255,255,.05);border-radius:10px;background:rgba(255,255,255,.012) } .nx-auth-register-steps b{ width:25px;height:25px;display:grid;place-items:center;border-radius:8px;background:rgba(124,92,255,.08); color:#9d93ef;font-size:8px } .nx-auth-register-steps strong{display:block;color:#d9dfe7;font-size:8px} .nx-auth-register-steps small{display:block;margin-top:2px;color:#687485;font-size:7px;line-height:1.35} /* Onboarding reglas */ .nx-rules-onboarding-overlay{ position:fixed;inset:0;z-index:5400;display:none;place-items:center;overflow:auto;padding:20px; background:rgba(3,5,9,.86);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px) } .nx-rules-onboarding-overlay.open{display:grid} .nx-rules-onboarding-shell{ width:min(760px,100%);max-height:min(820px,92vh);display:grid;grid-template-rows:auto auto minmax(240px,1fr) auto auto; overflow:hidden;border:1px solid rgba(255,255,255,.09);border-radius:22px;background:#0d121b; box-shadow:0 34px 100px rgba(0,0,0,.6) } .nx-rules-onboarding-head{ display:flex;justify-content:space-between;gap:18px;padding:22px 24px 17px;border-bottom:1px solid rgba(255,255,255,.055) } .nx-rules-onboarding-head>div>span{display:block;color:#8175e8;font-size:8px;font-weight:900;letter-spacing:.14em} .nx-rules-onboarding-head h2{margin:5px 0 6px;color:#f2f5f8;font-size:21px} .nx-rules-onboarding-head p{max-width:610px;margin:0;color:#7d8897;font-size:10px;line-height:1.55} .nx-rules-onboarding-head>button{ flex:0 0 34px;width:34px;height:34px;border:1px solid rgba(255,255,255,.06);border-radius:10px; background:rgba(255,255,255,.018);color:#818b9a;cursor:pointer } .nx-rules-onboarding-progress{display:grid;grid-template-columns:38px minmax(0,1fr);gap:10px;align-items:center;padding:10px 24px} .nx-rules-onboarding-progress>span{color:#7f8999;font-size:8px;font-weight:850} .nx-rules-onboarding-progress>div{height:4px;overflow:hidden;border-radius:999px;background:#1b2330} .nx-rules-onboarding-progress i{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#7054e8,#00bfe7)} .nx-rules-onboarding-content{overflow:auto;padding:6px 24px 22px;scroll-behavior:smooth} .nx-rules-onboarding-content section{ padding:14px 0;border-bottom:1px solid rgba(255,255,255,.045) } .nx-rules-onboarding-content h3{margin:0 0 6px;color:#e5e9ef;font-size:12px} .nx-rules-onboarding-content p{margin:0;color:#8590a0;font-size:10px;line-height:1.65} .nx-rules-read-end{ margin-top:17px;padding:14px;border:1px solid rgba(65,216,149,.09);border-radius:11px;background:rgba(65,216,149,.025) } .nx-rules-read-end strong{display:block;color:#bcd9ca;font-size:10px} .nx-rules-read-end span{display:block;margin-top:3px;color:#6e8579;font-size:9px} .nx-rules-onboarding-footer{ display:flex;align-items:center;justify-content:space-between;gap:14px;padding:15px 24px; border-top:1px solid rgba(255,255,255,.055);background:#0f151f } .nx-rules-confirm-check{display:flex;align-items:center;gap:8px;cursor:pointer} .nx-rules-confirm-check input{accent-color:#7c5cff} .nx-rules-confirm-check span{color:#8c96a5;font-size:9px} .nx-rules-confirm-check input:disabled+span{color:#586373} .nx-rules-accept-button{ min-height:38px;padding:0 14px;border:0;border-radius:9px;background:linear-gradient(135deg,#7054e8,#5579ef); color:#fff;font-size:9px;font-weight:900;cursor:pointer } .nx-rules-accept-button:disabled{opacity:.35;cursor:default} .nx-rules-onboarding-status{min-height:20px;padding:0 24px 12px;color:#6dcf9f;font-size:9px} @media(max-width:600px){ .nx-auth-register-steps{grid-template-columns:1fr} .nx-rules-onboarding-overlay{padding:10px} .nx-rules-onboarding-head{padding:18px} .nx-rules-onboarding-progress{padding:9px 18px} .nx-rules-onboarding-content{padding:4px 18px 18px} .nx-rules-onboarding-footer{align-items:flex-start;flex-direction:column;padding:14px 18px} .nx-rules-accept-button{width:100%} } /* ========================================================= NEXORIA V124 · AUTH LEGIBLE Corrige textos extra帽os y elimina tipograf铆a demasiado peque帽a ========================================================= */ /* Nota de seguridad corregida: icono real por CSS y texto en bloque */ #nxAuthOverlay .nx-auth-security-note{ position:relative!important; display:block!important; padding:14px 14px 14px 54px!important; min-height:58px!important; } #nxAuthOverlay .nx-auth-security-note:before{ content:'✓'!important; position:absolute!important; left:14px!important; top:14px!important; width:30px!important; height:30px!important; display:grid!important; place-items:center!important; border-radius:9px!important; background:rgba(124,92,255,.09)!important; color:#a79cff!important; font-size:14px!important; font-weight:900!important; } #nxAuthOverlay .nx-auth-security-note>div{ min-width:0!important; } /* Todo el m贸dulo de acceso con tama帽o c贸modo */ #nxAuthOverlay .nx-auth-eyebrow{ font-size:11px!important; } #nxAuthOverlay .nx-auth-brand-panel h2{ font-size:30px!important; line-height:1.12!important; } #nxAuthOverlay .nx-auth-brand-panel>p{ font-size:13px!important; line-height:1.65!important; } #nxAuthOverlay .nx-auth-brand-points strong{ font-size:12px!important; } #nxAuthOverlay .nx-auth-brand-points span{ font-size:11px!important; line-height:1.5!important; } #nxAuthOverlay .nx-auth-beta-note{ font-size:10px!important; line-height:1.5!important; } #nxAuthOverlay .nx-auth-tabs button{ font-size:12px!important; } #nxAuthOverlay .nx-auth-heading>span{ font-size:10px!important; } #nxAuthOverlay .nx-auth-heading h3{ font-size:25px!important; line-height:1.2!important; } #nxAuthOverlay .nx-auth-heading p{ font-size:12px!important; line-height:1.55!important; } #nxAuthOverlay .nx-google-auth-button{ min-height:50px!important; font-size:13px!important; } #nxAuthOverlay .nx-google-g{ font-size:15px!important; } #nxAuthOverlay .nx-auth-security-note strong, #nxAuthOverlay .nx-auth-human-check strong{ font-size:11px!important; line-height:1.35!important; } #nxAuthOverlay .nx-auth-security-note span, #nxAuthOverlay .nx-auth-human-check span{ margin-top:5px!important; font-size:10.5px!important; line-height:1.55!important; } #nxAuthOverlay .nx-auth-human-check{ padding:13px!important; } #nxAuthOverlay .nx-auth-human-icon{ font-size:14px!important; } #nxAuthOverlay .nx-auth-status{ font-size:10.5px!important; line-height:1.5!important; } #nxAuthOverlay .nx-auth-switch-copy, #nxAuthOverlay .nx-auth-switch-copy button{ font-size:11px!important; } #nxAuthOverlay .nx-auth-register-steps strong{ font-size:10px!important; } #nxAuthOverlay .nx-auth-register-steps small{ font-size:9px!important; line-height:1.45!important; } /* Evitar cualquier texto demasiado peque帽o heredado */ #nxAuthOverlay small{ font-size:10px!important; line-height:1.45!important; } /* Reglas tambi茅n m谩s legibles */ #nxRulesOnboarding .nx-rules-onboarding-head>div>span{ font-size:10px!important; } #nxRulesOnboarding .nx-rules-onboarding-head h2{ font-size:23px!important; } #nxRulesOnboarding .nx-rules-onboarding-head p{ font-size:12px!important; line-height:1.6!important; } #nxRulesOnboarding .nx-rules-onboarding-progress>span{ font-size:10px!important; } #nxRulesOnboarding .nx-rules-onboarding-content h3{ font-size:14px!important; } #nxRulesOnboarding .nx-rules-onboarding-content p{ font-size:12px!important; line-height:1.7!important; } #nxRulesOnboarding .nx-rules-read-end strong{ font-size:12px!important; } #nxRulesOnboarding .nx-rules-read-end span{ font-size:11px!important; } #nxRulesOnboarding .nx-rules-confirm-check span{ font-size:11px!important; line-height:1.45!important; } #nxRulesOnboarding .nx-rules-accept-button{ min-height:42px!important; font-size:11px!important; } #nxRulesOnboarding .nx-rules-onboarding-status{ font-size:10px!important; } /* En m贸vil, mantener legibilidad sin desbordes */ @media(max-width:720px){ #nxAuthOverlay .nx-auth-heading h3{ font-size:23px!important; } #nxAuthOverlay .nx-auth-heading p, #nxAuthOverlay .nx-auth-security-note span, #nxAuthOverlay .nx-auth-human-check span{ font-size:11px!important; } } /* ========================================================= NEXORIA V125 · PROGRESO DE REGLAS CON AVATAR ========================================================= */ #nxRulesOnboarding .nx-rules-reader-card{ display:grid; grid-template-columns:62px minmax(0,1fr); gap:14px; align-items:center; padding:14px 24px 16px; border-bottom:1px solid rgba(255,255,255,.05); background: linear-gradient(90deg,rgba(124,92,255,.035),transparent 45%), rgba(255,255,255,.008); } #nxRulesOnboarding .nx-rules-reader-avatar-wrap{ position:relative; width:56px; height:56px; } #nxRulesOnboarding .nx-rules-reader-avatar{ position:absolute; inset:6px; z-index:2; display:grid; place-items:center; overflow:hidden; border-radius:50%; background:linear-gradient(135deg,#7054e8,#00bfe7); color:#fff; font-size:14px; font-weight:950; letter-spacing:.02em; } #nxRulesOnboarding .nx-rules-reader-avatar img{ width:100%; height:100%; display:block; object-fit:cover; } #nxRulesOnboarding .nx-rules-reader-ring{ position:absolute; inset:0; width:56px; height:56px; transform:rotate(-90deg); } #nxRulesOnboarding .nx-rules-reader-ring-bg, #nxRulesOnboarding .nx-rules-reader-ring-progress{ fill:none; stroke-width:3; } #nxRulesOnboarding .nx-rules-reader-ring-bg{ stroke:rgba(255,255,255,.08); } #nxRulesOnboarding .nx-rules-reader-ring-progress{ stroke:#7c6fe4; stroke-linecap:round; stroke-dasharray:131.95; stroke-dashoffset:131.95; transition:stroke-dashoffset .18s ease,stroke .18s ease; } #nxRulesOnboarding .nx-rules-reader-main{ min-width:0; } #nxRulesOnboarding .nx-rules-reader-top{ display:flex; align-items:flex-start; justify-content:space-between; gap:12px; } #nxRulesOnboarding .nx-rules-reader-kicker{ display:block; color:#8175e8; font-size:9px; font-weight:900; letter-spacing:.12em; } #nxRulesOnboarding .nx-rules-reader-top strong{ display:block; margin-top:3px; color:#e7ebf1; font-size:13px; line-height:1.25; } #nxRulesOnboarding .nx-rules-reader-percent{ flex:0 0 auto; min-width:44px; text-align:right; color:#b1a8ff; font-size:13px; font-weight:900; } #nxRulesOnboarding .nx-rules-reader-message{ margin-top:7px; color:#8d98a7; font-size:11px; line-height:1.45; } #nxRulesOnboarding .nx-rules-reader-bar{ height:7px; margin-top:10px; overflow:hidden; border-radius:999px; background:#1b2330; box-shadow:inset 0 0 0 1px rgba(255,255,255,.025); } #nxRulesOnboarding .nx-rules-reader-bar i{ display:block; width:0; height:100%; border-radius:inherit; background:linear-gradient(90deg,#7054e8,#00bfe7); transition:width .18s ease; } #nxRulesOnboarding .nx-rules-reader-steps{ display:grid; grid-template-columns:repeat(4,1fr); gap:6px; margin-top:7px; } #nxRulesOnboarding .nx-rules-reader-steps span{ color:#566273; font-size:9px; font-weight:800; } #nxRulesOnboarding .nx-rules-reader-steps span:nth-child(2), #nxRulesOnboarding .nx-rules-reader-steps span:nth-child(3){ text-align:center; } #nxRulesOnboarding .nx-rules-reader-steps span:last-child{ text-align:right; } #nxRulesOnboarding .nx-rules-reader-steps span.is-reached{ color:#9e95f3; } #nxRulesOnboarding .nx-rules-reader-card.is-complete{ background: linear-gradient(90deg,rgba(65,216,149,.045),transparent 45%), rgba(255,255,255,.008); } #nxRulesOnboarding .nx-rules-reader-card.is-complete .nx-rules-reader-ring-progress{ stroke:#4fd39a; } #nxRulesOnboarding .nx-rules-reader-card.is-complete .nx-rules-reader-percent{ color:#61d6a3; } @media(max-width:560px){ #nxRulesOnboarding .nx-rules-reader-card{ grid-template-columns:52px minmax(0,1fr); padding:12px 18px 14px; } #nxRulesOnboarding .nx-rules-reader-avatar-wrap, #nxRulesOnboarding .nx-rules-reader-ring{ width:48px; height:48px; } #nxRulesOnboarding .nx-rules-reader-avatar{ inset:5px; font-size:12px; } #nxRulesOnboarding .nx-rules-reader-top strong{ font-size:12px; } #nxRulesOnboarding .nx-rules-reader-message{ font-size:10px; } } /* ========================================================= NEXORIA V126 · AUTH SIN ENTIDADES VISIBLES El icono de seguridad usa SVG real, no pseudo-contenido Unicode. ========================================================= */ #nxAuthOverlay .nx-auth-security-note{ display:grid!important; grid-template-columns:32px minmax(0,1fr)!important; gap:10px!important; align-items:start!important; min-height:58px!important; padding:13px!important; } #nxAuthOverlay .nx-auth-security-note:before{ content:none!important; display:none!important; } #nxAuthOverlay .nx-auth-security-icon{ width:32px!important; height:32px!important; display:grid!important; place-items:center!important; margin:0!important; border-radius:9px!important; background:rgba(124,92,255,.09)!important; color:#a79cff!important; } #nxAuthOverlay .nx-auth-security-icon svg{ width:16px!important; height:16px!important; display:block!important; fill:none!important; stroke:currentColor!important; stroke-width:2.2!important; stroke-linecap:round!important; stroke-linejoin:round!important; } #nxAuthOverlay .nx-auth-security-note>div{ min-width:0!important; } #nxAuthOverlay .nx-auth-security-note strong{ display:block!important; margin:0!important; } #nxAuthOverlay .nx-auth-security-note>div>span{ display:block!important; margin-top:5px!important; white-space:normal!important; word-break:normal!important; overflow-wrap:break-word!important; } /* ========================================================= NEXORIA V127 · PLAY DEMO FUNCIONAL ========================================================= */ .nx-play-demo-page{ width:100%; min-height:720px; padding:2px 0 24px; } .nx-play-demo-page[hidden]{display:none!important} .nx-play-demo-head{ display:flex; align-items:flex-start; justify-content:space-between; gap:18px; padding:7px 2px 20px; margin-bottom:14px; border-bottom:1px solid rgba(255,255,255,.055); } .nx-play-demo-kicker, .nx-play-demo-label, .nx-play-demo-panel-head span, .nx-play-demo-player-head span, .nx-play-demo-info span{ display:block; color:#8175e8; font-size:10px; font-weight:900; letter-spacing:.13em; } .nx-play-demo-head h1{ margin:5px 0 7px; color:#f6f8fb; font-size:34px; line-height:1.06; letter-spacing:-1px; } .nx-play-demo-head p{ max-width:760px; margin:0; color:#919cab; font-size:13px; line-height:1.65; } .nx-play-demo-badge{ flex:0 0 auto; padding:7px 10px; border:1px solid rgba(65,216,149,.13); border-radius:999px; background:rgba(65,216,149,.04); color:#77cfa2; font-size:10px; font-weight:900; } .nx-play-demo-featured{ display:grid; grid-template-columns:minmax(0,1.35fr) minmax(250px,.65fr); min-height:330px; overflow:hidden; border:1px solid rgba(255,255,255,.07); border-radius:20px; background: radial-gradient(circle at 18% 10%,rgba(124,92,255,.14),transparent 24rem), #101620; } .nx-play-demo-featured-copy{ align-self:center; padding:30px; } .nx-play-demo-featured-copy h2{ margin:6px 0 9px; color:#f1f4f8; font-size:31px; line-height:1.08; } .nx-play-demo-featured-copy>p{ max-width:650px; margin:0; color:#8c97a6; font-size:12px; line-height:1.65; } .nx-play-demo-meta{ display:flex; flex-wrap:wrap; gap:7px; margin-top:15px; } .nx-play-demo-meta span{ padding:5px 8px; border:1px solid rgba(255,255,255,.06); border-radius:999px; background:rgba(255,255,255,.02); color:#8b96a6; font-size:10px; } .nx-play-demo-actions{ display:flex; flex-wrap:wrap; gap:9px; margin-top:21px; } .nx-play-demo-primary, .nx-play-demo-secondary{ min-height:42px; display:inline-flex; align-items:center; justify-content:center; gap:8px; padding:0 14px; border-radius:10px; font-size:11px; font-weight:900; cursor:pointer; } .nx-play-demo-primary{ border:0; background:linear-gradient(135deg,#7054e8,#5579ef); color:#fff; } .nx-play-demo-secondary{ border:1px solid rgba(255,255,255,.07); background:rgba(255,255,255,.025); color:#b0b8c4; } .nx-play-demo-art{ position:relative; display:grid; place-content:center; text-align:center; overflow:hidden; border-left:1px solid rgba(255,255,255,.05); background: radial-gradient(circle at 50% 42%,rgba(0,217,255,.16),transparent 13rem), linear-gradient(135deg,#141b2a,#0b1018); } .nx-play-demo-art:before{ content:''; position:absolute; width:260px; height:260px; left:50%; top:50%; border:1px solid rgba(124,92,255,.13); border-radius:50%; transform:translate(-50%,-50%); } .nx-play-demo-art-logo{ position:relative; z-index:1; width:70px; height:70px; display:grid; place-items:center; margin:0 auto 10px; border-radius:20px; background:linear-gradient(135deg,#7c5cff,#00bfe7); color:#fff; font-size:27px; font-weight:950; box-shadow:0 20px 50px rgba(57,92,200,.22); } .nx-play-demo-art>div:nth-child(2){ position:relative; z-index:1; } .nx-play-demo-art strong{ display:block; color:#f0f3f7; font-size:18px; letter-spacing:.12em; } .nx-play-demo-art div>span{ display:block; margin-top:2px; color:#8f85ea; font-size:12px; font-weight:900; letter-spacing:.3em; } .nx-play-demo-art>small{ position:relative; z-index:1; margin-top:12px; color:#637082; font-size:10px; } .nx-play-demo-saved-progress{ margin-top:17px; padding:12px 13px; border:1px solid rgba(124,92,255,.10); border-radius:11px; background:rgba(124,92,255,.028); } .nx-play-demo-saved-progress[hidden]{display:none!important} .nx-play-demo-saved-progress>div:first-child{ display:flex; align-items:center; justify-content:space-between; gap:12px; } .nx-play-demo-saved-progress span{ color:#8175e8; font-size:9px; font-weight:900; letter-spacing:.1em; } .nx-play-demo-saved-progress strong{ color:#d8d4ff; font-size:12px; } .nx-play-demo-progress-track, .nx-play-demo-mini-progress{ height:5px; margin-top:8px; overflow:hidden; border-radius:999px; background:#1b2330; } .nx-play-demo-progress-track i, .nx-play-demo-mini-progress i{ display:block; width:0; height:100%; border-radius:inherit; background:linear-gradient(90deg,#7054e8,#00bfe7); } .nx-play-demo-saved-progress small{ display:block; margin-top:7px; color:#748091; font-size:10px; } .nx-play-demo-player-section{ margin-top:14px; overflow:hidden; border:1px solid rgba(255,255,255,.07); border-radius:18px; background:#0e141e; } .nx-play-demo-player-section[hidden]{display:none!important} .nx-play-demo-player-head{ display:flex; align-items:center; justify-content:space-between; gap:14px; padding:14px 16px; border-bottom:1px solid rgba(255,255,255,.055); } .nx-play-demo-player-head h2{ margin:3px 0 0; color:#e8ecf2; font-size:15px; } .nx-play-demo-player-head button{ min-height:32px; padding:0 10px; border:1px solid rgba(255,255,255,.06); border-radius:9px; background:rgba(255,255,255,.02); color:#8994a3; font-size:9px; font-weight:800; cursor:pointer; } .nx-play-demo-video-wrap{ background:#05070b; } #nxPlayDemoVideo{ width:100%; max-height:570px; display:block; background:#000; } .nx-play-demo-player-status{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1px; background:rgba(255,255,255,.04); } .nx-play-demo-player-status>div{ padding:11px 13px; background:#0f151f; } .nx-play-demo-player-status span{ display:block; color:#697586; font-size:9px; } .nx-play-demo-player-status strong{ display:block; margin-top:4px; color:#cfd6df; font-size:11px; } .nx-play-demo-dashboard{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:11px; margin-top:14px; } .nx-play-demo-panel{ min-width:0; padding:16px; border:1px solid rgba(255,255,255,.055); border-radius:15px; background:#10161f; } .nx-play-demo-history-panel{ grid-column:1/-1; } .nx-play-demo-panel-head{ display:flex; align-items:flex-start; justify-content:space-between; gap:12px; margin-bottom:12px; } .nx-play-demo-panel-head h3{ margin:3px 0 0; color:#e4e8ee; font-size:15px; } .nx-play-demo-panel-head>strong{ min-width:27px; height:27px; display:grid; place-items:center; border:1px solid rgba(124,92,255,.10); border-radius:8px; background:rgba(124,92,255,.04); color:#9e95f3; font-size:10px; } .nx-play-demo-continue-card, .nx-play-demo-list-item, .nx-play-demo-history-item{ display:grid; grid-template-columns:44px minmax(0,1fr) auto; gap:10px; align-items:center; padding:11px; border:1px solid rgba(255,255,255,.045); border-radius:11px; background:rgba(255,255,255,.012); } .nx-play-demo-mini-art, .nx-play-demo-list-mark, .nx-play-demo-history-mark{ width:44px; height:44px; display:grid; place-items:center; border-radius:10px; background:linear-gradient(135deg,rgba(124,92,255,.20),rgba(0,217,255,.08)); color:#b5adff; font-size:14px; font-weight:900; } .nx-play-demo-continue-card strong, .nx-play-demo-list-item strong, .nx-play-demo-history-item strong{ display:block; color:#dfe4eb; font-size:11px; } .nx-play-demo-continue-card span, .nx-play-demo-list-item span, .nx-play-demo-history-item span{ display:block; margin-top:3px; color:#707c8c; font-size:10px; } .nx-play-demo-continue-card button, .nx-play-demo-list-item button{ min-height:30px; padding:0 8px; border:1px solid rgba(124,92,255,.12); border-radius:8px; background:rgba(124,92,255,.04); color:#9d94ed; font-size:9px; font-weight:850; cursor:pointer; } .nx-play-demo-list-empty{ padding:16px 13px; border:1px dashed rgba(255,255,255,.055); border-radius:10px; color:#697586; font-size:10px; line-height:1.55; } .nx-play-demo-history{ display:grid; gap:7px; } .nx-play-demo-history-time{ text-align:right; color:#5f6b7b!important; font-size:9px!important; } .nx-play-demo-info{ display:grid; grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); gap:24px; align-items:start; margin-top:14px; padding:18px; border:1px solid rgba(255,255,255,.05); border-radius:15px; background:rgba(255,255,255,.01); } .nx-play-demo-info h2{ margin:4px 0 0; color:#e7ebf1; font-size:17px; } .nx-play-demo-info p{ margin:0; color:#7f8a99; font-size:11px; line-height:1.65; } @media(max-width:820px){ .nx-play-demo-featured{ grid-template-columns:1fr; } .nx-play-demo-art{ min-height:220px; border-left:0; border-top:1px solid rgba(255,255,255,.05); } } @media(max-width:680px){ .nx-play-demo-head{ flex-direction:column; } .nx-play-demo-featured-copy{ padding:22px 18px; } .nx-play-demo-featured-copy h2{ font-size:26px; } .nx-play-demo-dashboard{ grid-template-columns:1fr; } .nx-play-demo-history-panel{ grid-column:auto; } .nx-play-demo-player-status{ grid-template-columns:1fr; } .nx-play-demo-info{ grid-template-columns:1fr; gap:10px; } .nx-play-demo-continue-card, .nx-play-demo-list-item, .nx-play-demo-history-item{ grid-template-columns:40px minmax(0,1fr); } .nx-play-demo-continue-card button, .nx-play-demo-list-item button, .nx-play-demo-history-time{ grid-column:2; justify-self:start; text-align:left; } } /* ========================================================= NEXORIA V128 · PLAY DRIVE CONFIGURABLE ========================================================= */ .nx-play-drive-wrap{ position:relative; width:100%; aspect-ratio:16/9; min-height:360px; background:#05070b; } #nxPlayDriveFrame{ position:absolute; inset:0; width:100%; height:100%; display:block; border:0; background:#000; } @media(max-width:680px){ .nx-play-drive-wrap{ min-height:220px; } } /* ========================================================= NEXORIA V129 · SHAKA PLAYER AVANZADO ========================================================= */ .nx-play-shaka-wrap{ position:relative; width:100%; aspect-ratio:16/9; min-height:360px; background:#000; overflow:hidden; } #nxPlayShakaVideo{ width:100%; height:100%; display:block; background:#000; object-fit:contain; } .nx-play-shaka-wrap .shaka-controls-container{ font-family:inherit!important; } .nx-play-shaka-wrap .shaka-overflow-menu, .nx-play-shaka-wrap .shaka-settings-menu{ background:#111520!important; border:1px solid rgba(255,255,255,.08)!important; color:#f5f7fb!important; } .nx-play-shaka-wrap .shaka-overflow-button-label, .nx-play-shaka-wrap .shaka-settings-menu button{ font-size:13px!important; } @media(max-width:680px){ .nx-play-shaka-wrap{min-height:220px} } /* ========================================================= NEXORIA V130 · VIDEO.JS PLATAFORMA ========================================================= */ .nx-play-videojs-wrap{ position:relative; width:100%; aspect-ratio:16/9; min-height:360px; overflow:hidden; background:#000; } #nxPlayVideoJs{ width:100%!important; height:100%!important; min-height:360px; background:#000; font-family:inherit!important; } #nxPlayVideoJs.video-js{ font-size:14px; } #nxPlayVideoJs .vjs-control-bar{ height:4.4em; padding:0 .45em; background:linear-gradient(to top,rgba(4,6,10,.98),rgba(4,6,10,.82),transparent); } #nxPlayVideoJs .vjs-big-play-button{ width:78px; height:78px; line-height:76px; margin-left:-39px; margin-top:-39px; border:1px solid rgba(255,255,255,.14); border-radius:50%; background:rgba(10,14,22,.72); backdrop-filter:blur(10px); box-shadow:0 16px 42px rgba(0,0,0,.35); } #nxPlayVideoJs:hover .vjs-big-play-button, #nxPlayVideoJs .vjs-big-play-button:focus{ background:rgba(124,92,255,.72); } #nxPlayVideoJs .vjs-progress-holder{ height:5px; } #nxPlayVideoJs .vjs-play-progress, #nxPlayVideoJs .vjs-volume-level{ background:linear-gradient(90deg,#7c5cff,#00d9ff); } #nxPlayVideoJs .vjs-play-progress:before{ color:#fff; } #nxPlayVideoJs .vjs-control{ width:3.4em; } #nxPlayVideoJs .vjs-time-control{ min-width:auto; padding-left:.45em; padding-right:.45em; } #nxPlayVideoJs .vjs-menu-button-popup .vjs-menu .vjs-menu-content{ max-height:18em; bottom:3.1em; border:1px solid rgba(255,255,255,.08); border-radius:12px; background:#111520; box-shadow:0 18px 50px rgba(0,0,0,.42); } #nxPlayVideoJs .vjs-menu li{ padding:.65em 1em; font-size:12px; } #nxPlayVideoJs .vjs-menu li.vjs-selected, #nxPlayVideoJs .vjs-menu li.vjs-selected:focus, #nxPlayVideoJs .vjs-menu li.vjs-selected:hover{ background:rgba(124,92,255,.16); color:#fff; } #nxPlayVideoJs .vjs-text-track-display{ bottom:4.8em; } #nxPlayVideoJs .vjs-text-track-cue > div{ padding:.12em .35em!important; background:rgba(0,0,0,.72)!important; border-radius:4px; } #nxPlayVideoJs .vjs-picture-in-picture-control, #nxPlayVideoJs .vjs-fullscreen-control{ display:flex; } #nxPlayVideoJs .vjs-nexoria-skip{ width:auto!important; min-width:42px; padding:0 .7em!important; color:#dfe5ec!important; font-size:11px!important; font-weight:900!important; } #nxPlayVideoJs .vjs-nexoria-skip:hover{ color:#fff!important; } #nxPlayVideoJs .vjs-nexoria-brand{ width:auto!important; min-width:74px; padding:0 .8em!important; color:#b9b1ff!important; font-size:10px!important; font-weight:950!important; letter-spacing:.08em; pointer-events:none; } #nxPlayVideoJs .vjs-playback-rate .vjs-playback-rate-value{ font-size:1em; line-height:3.2em; } @media(max-width:680px){ .nx-play-videojs-wrap, #nxPlayVideoJs{ min-height:220px; } #nxPlayVideoJs .vjs-nexoria-brand{ display:none; } #nxPlayVideoJs .vjs-nexoria-skip{ min-width:36px; padding:0 .35em!important; font-size:10px!important; } } /* ========================================================= NEXORIA V133 · CONTROLES PROPIOS Y ESTABLES ========================================================= */ .nx-play-custom-player{ position:relative; width:100%; aspect-ratio:16/9; min-height:360px; overflow:hidden; background:#000; } #nxPlayVideoJs{ width:100%!important; height:100%!important; min-height:360px; display:block; background:#000; } #nxPlayVideoJs .vjs-control-bar, #nxPlayVideoJs .vjs-big-play-button{ display:none!important; } .nxp-center-play{ position:absolute; left:50%; top:50%; z-index:5; width:74px; height:74px; transform:translate(-50%,-50%); border:1px solid rgba(255,255,255,.18); border-radius:50%; background:rgba(7,10,16,.76); color:#fff; font-size:25px; cursor:pointer; backdrop-filter:blur(10px); box-shadow:0 16px 45px rgba(0,0,0,.34); } .nx-play-custom-player.is-playing .nxp-center-play{ opacity:0; pointer-events:none; } .nxp-controls{ position:absolute; left:0; right:0; bottom:0; z-index:6; padding:22px 18px 12px; background:linear-gradient(to top,rgba(3,5,9,.98),rgba(3,5,9,.74),transparent); } .nxp-seek{ width:100%; height:5px; display:block; margin:0 0 10px; accent-color:#7c5cff; cursor:pointer; } .nxp-row{ display:flex; align-items:center; flex-wrap:nowrap; gap:7px; min-height:38px; } .nxp-row>button, .nxp-menu-button{ height:34px; min-width:38px; display:inline-flex; align-items:center; justify-content:center; flex:0 0 auto; padding:0 9px; border:0; border-radius:8px; background:transparent; color:#f4f6f9; font:inherit; font-size:11px; font-weight:850; cursor:pointer; } .nxp-row>button:hover, .nxp-menu-button:hover{ background:rgba(255,255,255,.08); } .nxp-volume{ width:92px; flex:0 0 92px; accent-color:#7c5cff; cursor:pointer; } .nxp-time{ flex:0 0 auto; color:#d4dae3; font-size:10px; white-space:nowrap; } .nxp-spacer{ flex:1 1 auto; min-width:10px; } .nxp-menu-wrap{ position:relative; flex:0 0 auto; } .nxp-menu{ position:absolute; right:0; bottom:42px; z-index:12; min-width:150px; max-height:260px; overflow:auto; padding:6px; border:1px solid rgba(255,255,255,.08); border-radius:11px; background:#111520; box-shadow:0 18px 55px rgba(0,0,0,.5); } .nxp-menu[hidden]{display:none!important} .nxp-menu button{ width:100%; min-height:34px; display:flex; align-items:center; justify-content:space-between; gap:10px; padding:7px 9px; border:0; border-radius:7px; background:transparent; color:#cbd2dc; font:inherit; font-size:10px; text-align:left; cursor:pointer; } .nxp-menu button:hover, .nxp-menu button.is-active{ background:rgba(124,92,255,.12); color:#fff; } .nxp-menu small{ color:#778293; font-size:9px; } @media(max-width:900px){ .nxp-time{display:none} .nxp-volume{width:70px;flex-basis:70px} .nxp-row{gap:3px} .nxp-row>button,.nxp-menu-button{padding:0 6px;font-size:10px} } @media(max-width:680px){ .nx-play-custom-player,#nxPlayVideoJs{min-height:220px} .nxp-controls{padding:18px 9px 8px} .nxp-volume{display:none} .nxp-menu-wrap:nth-of-type(2){display:none} .nxp-row>button,.nxp-menu-button{min-width:32px;padding:0 5px} } /* ========================================================= NEXORIA V134 · BARRA SIN BOT脫N 1X CC = subt铆tulos / closed captions ========================================================= */ /* ========================================================= NEXORIA V135 · PIP DESACTIVADO Sin bot贸n PiP ni icono flotante del navegador. ========================================================= */ /* ========================================================= NEXORIA V136 · PIP SOLO EN LA BARRA El navegador no muestra icono PiP flotante sobre el video. ========================================================= */ #nxpPipButton.is-active{ background:rgba(124,92,255,.16)!important; color:#fff!important; } /* ========================================================= NEXORIA V137 · PIP SIN ICONO NATIVO DESPU脡S DE CERRAR ========================================================= */ /* ========================================================= NEXORIA V140 · PIP REAL SIN ICONO VISUAL NATIVO ========================================================= */ /* ========================================================= NEXORIA V140 · PIP REAL + CONTROL NATIVO VISUAL OCULTO ========================================================= */ /* Mantiene funcional requestPictureInPicture(), pero intenta ocultar 煤nicamente el bot贸n visual nativo que Chrome/WebKit dibuja sobre el video. */ #nxPlayVideoJs::-webkit-media-controls-picture-in-picture-button, #nxPlayVideoJs_html5_api::-webkit-media-controls-picture-in-picture-button, #nxPlayCustomPlayer video::-webkit-media-controls-picture-in-picture-button{ display:none!important; -webkit-appearance:none!important; appearance:none!important; width:0!important; height:0!important; opacity:0!important; pointer-events:none!important; } /* Evitar overlays de controles nativos sobre nuestro reproductor personalizado. */ #nxPlayVideoJs::-webkit-media-controls, #nxPlayVideoJs_html5_api::-webkit-media-controls{ opacity:0!important; } /* ========================================================= NEXORIA V141 · CONTROLES AUTO-OCULTABLES ========================================================= */ #nxPlayCustomPlayer .nxp-controls{ opacity:1; transform:translateY(0); transition:opacity .22s ease, transform .22s ease; pointer-events:auto; } #nxPlayCustomPlayer.nxp-controls-hidden .nxp-controls{ opacity:0; transform:translateY(14px); pointer-events:none; } #nxPlayCustomPlayer .nxp-center-play{ transition:opacity .18s ease; } #nxPlayCustomPlayer.nxp-controls-hidden.is-playing .nxp-center-play{ opacity:0!important; pointer-events:none!important; } /* Cursor limpio mientras el video est谩 reproduciendo y los controles ocultos */ #nxPlayCustomPlayer.nxp-controls-hidden.is-playing{ cursor:none; } /* Si hay un men煤 abierto, los controles deben permanecer visibles */ #nxPlayCustomPlayer.nxp-menu-open .nxp-controls{ opacity:1!important; transform:translateY(0)!important; pointer-events:auto!important; } #nxPlayCustomPlayer.nxp-menu-open{ cursor:default!important; } /* ========================================================= NEXORIA V141 · AUTOHIDE CONTROLES La barra desaparece al retirar el mouse durante reproducci贸n. ========================================================= */ /* ========================================================= NEXORIA V142 · MOBILE COMPLETO ========================================================= */ /* El sidebar desaparece a 900px, por lo que el men煤 m贸vil tambi茅n debe aparecer desde 900px (antes reci茅n aparec铆a a 680px). */ @media(max-width:900px){ .nx-restored-home .nx-mobile{ display:grid!important; } .nx-restored-home .nx-layout, .nx-post-shell{ padding-bottom:calc(92px + env(safe-area-inset-bottom,0px))!important; } } .nx-restored-home .nx-mobile{ grid-template-columns:repeat(5,minmax(0,1fr))!important; padding:7px 8px calc(7px + env(safe-area-inset-bottom,0px))!important; } .nx-restored-home .nx-mobile a, .nx-restored-home .nx-mobile button{ min-width:0!important; min-height:50px!important; padding:4px 2px!important; border-radius:10px!important; font-size:10px!important; line-height:1.15!important; text-decoration:none!important; cursor:pointer!important; } .nx-restored-home .nx-mobile a:active, .nx-restored-home .nx-mobile button:active, .nx-restored-home .nx-mobile-more-trigger.is-open{ background:rgba(124,92,255,.10)!important; color:#fff!important; } .nx-restored-home .nx-mobile b{ line-height:1!important; } /* Men煤 inferior completo */ .nx-mobile-menu-layer{ position:fixed; inset:0; z-index:8500; display:block; opacity:0; visibility:hidden; pointer-events:none; transition:opacity .18s ease,visibility .18s ease; } .nx-mobile-menu-layer.is-open{ opacity:1; visibility:visible; pointer-events:auto; } .nx-mobile-menu-backdrop{ position:absolute; inset:0; width:100%; height:100%; border:0; background:rgba(2,4,8,.72); backdrop-filter:blur(7px); -webkit-backdrop-filter:blur(7px); } .nx-mobile-menu-sheet{ position:absolute; left:0; right:0; bottom:0; max-height:min(82vh,720px); display:flex; flex-direction:column; overflow:hidden; border:1px solid rgba(255,255,255,.09); border-bottom:0; border-radius:22px 22px 0 0; background: radial-gradient(circle at 85% 0,rgba(124,92,255,.12),transparent 18rem), linear-gradient(180deg,#151b27,#0c1119 72%); box-shadow:0 -24px 70px rgba(0,0,0,.46); transform:translateY(104%); transition:transform .24s cubic-bezier(.2,.8,.2,1); } .nx-mobile-menu-layer.is-open .nx-mobile-menu-sheet{ transform:translateY(0); } .nx-mobile-menu-grabber{ width:42px; height:4px; flex:0 0 4px; margin:9px auto 2px; border-radius:999px; background:rgba(255,255,255,.16); } .nx-mobile-menu-head{ display:flex; align-items:center; justify-content:space-between; gap:14px; padding:12px 18px 13px; border-bottom:1px solid rgba(255,255,255,.055); } .nx-mobile-menu-head span{ display:block; color:#958af1; font-size:10px; font-weight:900; letter-spacing:.12em; } .nx-mobile-menu-head h2{ margin:3px 0 0; color:#f3f5f9; font-size:22px; line-height:1.1; } .nx-mobile-menu-head>button{ width:38px; height:38px; border:1px solid rgba(255,255,255,.07); border-radius:11px; background:rgba(255,255,255,.025); color:#9aa4b2; font-size:23px; cursor:pointer; } .nx-mobile-menu-scroll{ overflow-y:auto; overscroll-behavior:contain; padding:8px 14px calc(24px + env(safe-area-inset-bottom,0px)); -webkit-overflow-scrolling:touch; } .nx-mobile-menu-section{ padding:9px 0 7px; } .nx-mobile-menu-section>small{ display:block; padding:0 5px 7px; color:#6f7a8a; font-size:10px; font-weight:900; letter-spacing:.11em; } .nx-mobile-menu-grid{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:7px; } .nx-mobile-menu-grid>a, .nx-mobile-menu-grid>button{ min-width:0; min-height:52px; display:flex; align-items:center; gap:10px; padding:9px 11px; border:1px solid rgba(255,255,255,.055); border-radius:12px; background:rgba(255,255,255,.018); color:#d4d9e1; text-decoration:none; text-align:left; font:inherit; font-size:12px; font-weight:700; cursor:pointer; } .nx-mobile-menu-grid>a:active, .nx-mobile-menu-grid>button:active{ border-color:rgba(124,92,255,.22); background:rgba(124,92,255,.09); color:#fff; } .nx-mobile-menu-grid b{ width:29px; height:29px; flex:0 0 29px; display:grid; place-items:center; border-radius:8px; background:rgba(124,92,255,.07); color:#b7afff; font-size:14px; } body.nx-mobile-menu-open{ overflow:hidden!important; touch-action:none; } /* Header m贸vil m谩s utilizable */ @media(max-width:680px){ .nx-restored-home .nx-head{ gap:8px!important; } .nx-restored-home .nx-search{ flex:1 1 100%!important; order:3!important; height:38px!important; margin-top:-2px!important; } .nx-restored-home .nx-head{ height:auto!important; min-height:60px!important; padding-top:9px!important; padding-bottom:9px!important; flex-wrap:wrap!important; } .nx-restored-home .nx-actions{ margin-left:auto!important; } .nx-restored-home .nx-layout{ padding-top:12px!important; } .nx-play-page, .nx-trending-page, .nx-community-page, .nx-chat-page, .nx-profile-page, .nx-missions-page, .nx-badges-page, .nx-messages-page{ max-width:100%!important; overflow-x:hidden!important; } } @media(max-width:390px){ .nx-mobile-menu-grid{ grid-template-columns:1fr; } .nx-restored-home .nx-mobile a, .nx-restored-home .nx-mobile button{ font-size:9px!important; } } /* ========================================================= NEXORIA V183 · INGL脡S RESTANTE CORREGIDO ========================================================= */ /* ========================================================= NEXORIA V151 · UNLOCK + SHRTFLY · FLUJO PROFESIONAL ========================================================= */ .nx-unlock-access-stage{margin:16px 0 14px;padding:18px;border:1px solid rgba(255,255,255,.07);border-radius:16px;background:radial-gradient(circle at 15% 0,rgba(124,92,255,.10),transparent 18rem),linear-gradient(160deg,rgba(255,255,255,.018),rgba(255,255,255,.008))} .nx-unlock-access-head{display:flex;align-items:flex-end;justify-content:space-between;gap:14px} .nx-unlock-access-head span{display:block;color:#8f83ef;font-size:9px;font-weight:900;letter-spacing:.13em} .nx-unlock-access-head strong{display:block;margin-top:5px;color:#f2f4f8;font-size:18px} .nx-unlock-access-head b{color:#b7afff;font-size:13px} .nx-unlock-access-progress{height:8px;margin:16px 0 18px;overflow:hidden;border-radius:999px;background:rgba(255,255,255,.055)} .nx-unlock-access-progress span{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#7c5cff,#00d9ff);box-shadow:0 0 18px rgba(124,92,255,.28);transition:width .7s ease} .nx-unlock-access-status{display:flex;align-items:center;gap:14px;padding:14px;border:1px solid rgba(255,255,255,.055);border-radius:14px;background:rgba(8,10,16,.42)} .nx-unlock-access-ring{width:58px;height:58px;flex:0 0 58px;display:grid;place-items:center;align-content:center;border:2px solid rgba(124,92,255,.38);border-radius:50%;background:rgba(124,92,255,.08);box-shadow:inset 0 0 18px rgba(124,92,255,.08)} .nx-unlock-access-ring span{color:#fff;font-size:20px;font-weight:900;line-height:1}.nx-unlock-access-ring small{margin-top:3px;color:#7e8897;font-size:7px;font-weight:900;letter-spacing:.1em} .nx-unlock-access-status strong{display:block;color:#e7ebf2;font-size:13px}.nx-unlock-access-status>div:last-child>span{display:block;margin-top:4px;color:#8c96a6;font-size:10px;line-height:1.5} .nx-unlock-access-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:14px} .nx-unlock-access-steps div{min-width:0;min-height:54px;display:flex;align-items:center;gap:8px;padding:9px 10px;border:1px solid rgba(255,255,255,.05);border-radius:11px;background:rgba(255,255,255,.012);color:#737e8d;font-size:9px;font-weight:800} .nx-unlock-access-steps b{width:24px;height:24px;flex:0 0 24px;display:grid;place-items:center;border-radius:50%;background:rgba(255,255,255,.04);color:#8a94a3} .nx-unlock-access-steps div.is-current{border-color:rgba(124,92,255,.26);background:rgba(124,92,255,.07);color:#dcd8ff}.nx-unlock-access-steps div.is-current b{background:rgba(124,92,255,.18);color:#fff} .nx-unlock-access-steps div.is-done{border-color:rgba(0,217,255,.18);color:#b9c8d7}.nx-unlock-access-steps div.is-done b{background:rgba(0,217,255,.10);color:#8cecff} .nx-unlock-access-note{display:block;margin-top:13px;color:#6f7988;font-size:9px;line-height:1.5;text-align:center} @media(max-width:560px){.nx-unlock-access-stage{padding:14px}.nx-unlock-access-head strong{font-size:16px}.nx-unlock-access-steps{grid-template-columns:1fr}.nx-unlock-access-status{align-items:flex-start}} /* ========================================================= NEXORIA V152 · UNLOCK · TEXTOS M脕S LEGIBLES ========================================================= */ /* Requisitos */ .nx-unlock-requirement strong{ font-size:14px!important; } .nx-unlock-requirement small{ font-size:11px!important; line-height:1.5!important; } /* Encabezado del flujo */ .nx-unlock-access-head span{ font-size:10px!important; } .nx-unlock-access-head strong{ font-size:19px!important; } .nx-unlock-access-head b{ font-size:14px!important; } /* Estado principal */ .nx-unlock-access-ring small{ font-size:8px!important; } .nx-unlock-access-status strong{ font-size:14px!important; } .nx-unlock-access-status>div:last-child>span{ font-size:11px!important; line-height:1.55!important; } /* Pasos 1-2-3 */ .nx-unlock-access-steps div{ font-size:10.5px!important; line-height:1.35!important; } .nx-unlock-access-steps b{ font-size:11px!important; } /* Nota inferior */ .nx-unlock-access-note{ font-size:10.5px!important; line-height:1.55!important; } /* Mensaje de verificaci贸n */ .nx-unlock-verification{ font-size:11px!important; line-height:1.5!important; } /* Resultado final */ .nx-unlock-result-head strong{ font-size:15px!important; } .nx-unlock-result-head small{ font-size:11px!important; line-height:1.5!important; } /* Texto general del modal */ .nx-unlock-intro{ font-size:12px!important; line-height:1.55!important; } .nx-unlock-brand{ font-size:10px!important; letter-spacing:.12em!important; } /* Bot贸n final */ .nx-unlock-open-download{ font-size:12px!important; min-height:46px!important; } /* En m贸vil, mantener buena lectura sin romper el ancho */ @media(max-width:560px){ .nx-unlock-requirement strong{font-size:13.5px!important} .nx-unlock-requirement small{font-size:10.8px!important} .nx-unlock-access-head strong{font-size:17px!important} .nx-unlock-access-status strong{font-size:13.5px!important} .nx-unlock-access-status>div:last-child>span{font-size:10.8px!important} .nx-unlock-access-steps div{font-size:10.2px!important} .nx-unlock-access-note{font-size:10.2px!important} .nx-unlock-verification{font-size:10.8px!important} .nx-unlock-result-head small{font-size:10.8px!important} .nx-unlock-intro{font-size:11.5px!important} } /* ========================================================= NEXORIA V153 · ACORTADOR 2 PASOS + AUTH DUAL ========================================================= */ .nx-unlock-shortener-info{ display:flex; align-items:center; gap:11px; margin-top:14px; padding:11px 12px; border:1px solid rgba(0,217,255,.11); border-radius:12px; background:rgba(0,217,255,.035); text-align:left; } .nx-unlock-shortener-badge{ flex:0 0 auto; padding:6px 8px; border:1px solid rgba(0,217,255,.20); border-radius:8px; color:#8cecff; background:rgba(0,217,255,.07); font-size:9px; font-weight:900; letter-spacing:.09em; } .nx-unlock-shortener-info strong{ display:block; color:#dfe5ec; font-size:12px; } .nx-unlock-shortener-info div>span{ display:block; margin-top:3px; color:#8994a4; font-size:10.5px; line-height:1.5; } .nx-auth-divider{ position:relative; display:flex; align-items:center; justify-content:center; gap:10px; margin:16px 0; color:#788394; font-size:11px; font-weight:800; } .nx-auth-divider:before, .nx-auth-divider:after{ content:''; height:1px; flex:1; background:rgba(255,255,255,.07); } .nx-auth-divider span{ padding:0 5px; } .nx-auth-email-form{ display:grid; gap:12px; } .nx-auth-field{ display:grid; gap:6px; } .nx-auth-field>span{ color:#cfd5de; font-size:12px; font-weight:800; } .nx-auth-field>small{ color:#7f8998; font-size:10.5px; line-height:1.45; } .nx-auth-field input{ width:100%; height:44px; box-sizing:border-box; border:1px solid rgba(255,255,255,.08); border-radius:11px; outline:none; background:#0c1119; color:#f3f5f8; padding:0 12px; font:500 12px Inter,sans-serif; } .nx-auth-field input:focus{ border-color:rgba(124,92,255,.34); box-shadow:0 0 0 3px rgba(124,92,255,.08); } .nx-auth-password-wrap{ position:relative; } .nx-auth-password-wrap input{ padding-right:72px; } .nx-auth-password-wrap button{ position:absolute; top:50%; right:8px; transform:translateY(-50%); border:0; background:transparent; color:#978df0; font-size:10.5px; font-weight:800; cursor:pointer; } .nx-auth-primary-button{ min-height:44px; border:1px solid rgba(124,92,255,.28); border-radius:11px; background:linear-gradient(135deg,#7658ef,#5d45c8); color:#fff; font-size:11.5px; font-weight:900; letter-spacing:.05em; cursor:pointer; } .nx-auth-primary-button:hover{ filter:brightness(1.05); } .nx-auth-security-note-dual{ margin-top:14px; } /* M谩s legibilidad en autenticaci贸n */ #nxAuthOverlay .nx-auth-heading p, #nxAuthOverlay .nx-auth-security-note span, #nxAuthOverlay .nx-auth-human-check span, #nxAuthOverlay .nx-auth-brand-points span, #nxAuthOverlay .nx-auth-beta-note, #nxAuthOverlay .nx-auth-switch-copy, #nxAuthOverlay .nx-auth-register-steps small{ font-size:11px!important; line-height:1.5!important; } #nxAuthOverlay .nx-auth-heading>span, #nxAuthOverlay .nx-auth-eyebrow{ font-size:10px!important; } #nxAuthOverlay .nx-auth-register-steps strong{ font-size:12px!important; } @media(max-width:560px){ .nx-unlock-shortener-info{align-items:flex-start} .nx-unlock-shortener-info strong{font-size:11.5px} .nx-unlock-shortener-info div>span{font-size:10.2px} #nxAuthOverlay .nx-auth-heading p, #nxAuthOverlay .nx-auth-security-note span, #nxAuthOverlay .nx-auth-human-check span, #nxAuthOverlay .nx-auth-brand-points span, #nxAuthOverlay .nx-auth-beta-note, #nxAuthOverlay .nx-auth-switch-copy, #nxAuthOverlay .nx-auth-register-steps small{ font-size:10.7px!important; } } /* ========================================================= NEXORIA V154 · ACORTADOR M脕S LEGIBLE + M脫DULO DE ACCESO REFINADO ========================================================= */ /* Acortador: jerarqu铆a m谩s grande y claramente visible */ .nx-unlock-shortener-info{ gap:14px!important; margin-top:18px!important; padding:15px 16px!important; border-radius:14px!important; } .nx-unlock-shortener-badge{ padding:8px 10px!important; border-radius:9px!important; font-size:11px!important; } .nx-unlock-shortener-info strong{ font-size:16px!important; line-height:1.25!important; } .nx-unlock-shortener-info div>span{ margin-top:6px!important; font-size:13px!important; line-height:1.55!important; color:#a8b1bf!important; } /* M贸dulo de acceso/descarga: m谩s separado del trailer, m谩s angosto y m谩s legible */ .nx-item-view .nx-download-slot{ width:min(100%,560px)!important; max-width:560px!important; margin:28px auto 0!important; } .nx-item-view .nx-download-button{ width:100%!important; min-height:66px!important; grid-template-columns:42px minmax(0,1fr) 30px!important; gap:12px!important; padding:11px 14px!important; border-radius:14px!important; } .nx-item-view .nx-download-button-icon{ width:40px!important; height:40px!important; border-radius:11px!important; font-size:18px!important; } .nx-item-view .nx-download-button-copy strong{ font-size:14px!important; line-height:1.25!important; letter-spacing:.03em!important; } .nx-item-view .nx-download-button-copy small{ margin-top:5px!important; font-size:11.5px!important; line-height:1.45!important; color:#8d98a8!important; } .nx-item-view .nx-download-button-arrow{ width:28px!important; height:28px!important; border-radius:8px!important; font-size:18px!important; } /* M贸vil: conserva separaci贸n y legibilidad sin ocupar todo el ancho */ @media(max-width:680px){ .nx-unlock-shortener-info{ align-items:flex-start!important; gap:11px!important; padding:13px 14px!important; } .nx-unlock-shortener-badge{ font-size:10px!important; } .nx-unlock-shortener-info strong{ font-size:14.5px!important; } .nx-unlock-shortener-info div>span{ font-size:12px!important; } .nx-item-view .nx-download-slot{ width:min(94%,520px)!important; max-width:520px!important; margin:24px auto 0!important; } .nx-item-view .nx-download-button{ min-height:62px!important; grid-template-columns:38px minmax(0,1fr) 28px!important; padding:10px 12px!important; } .nx-item-view .nx-download-button-icon{ width:36px!important; height:36px!important; font-size:16px!important; } .nx-item-view .nx-download-button-copy strong{ font-size:13px!important; } .nx-item-view .nx-download-button-copy small{ font-size:10.8px!important; } } /* ========================================================= NEXORIA V183 · INGL脡S RESTANTE CORREGIDO AL VIEWPORT ========================================================= */ /* El popup nunca debe salirse de la pantalla. */ #nxAuthOverlay{ overflow:hidden!important; padding:18px!important; } #nxAuthOverlay .nx-auth-shell{ width:min(880px,100%)!important; min-height:0!important; max-height:calc(100vh - 36px)!important; height:auto!important; align-self:center!important; overflow:hidden!important; } #nxAuthOverlay .nx-auth-brand-panel{ min-height:0!important; overflow:auto!important; scrollbar-width:thin; } #nxAuthOverlay .nx-auth-main{ min-height:0!important; max-height:calc(100vh - 36px)!important; overflow-y:auto!important; overscroll-behavior:contain; scrollbar-width:thin; } /* Registro: conserva tama帽o legible pero usa mejor el espacio vertical. */ #nxAuthOverlay [data-auth-panel='register'] .nx-auth-register-steps{ margin-top:16px!important; } #nxAuthOverlay [data-auth-panel='register'] .nx-google-auth-register{ margin-top:16px!important; } #nxAuthOverlay [data-auth-panel='register'] .nx-auth-divider{ margin:12px 0!important; } #nxAuthOverlay [data-auth-panel='register'] .nx-auth-email-form{ gap:10px!important; } #nxAuthOverlay [data-auth-panel='register'] .nx-auth-human-check{ margin-top:11px!important; } #nxAuthOverlay [data-auth-panel='register'] .nx-auth-switch-copy{ margin-top:13px!important; } /* Reglas: aviso claro de puntuar + comentar antes de los detalles. */ .nx-rules-access-callout{ display:grid; grid-template-columns:38px minmax(0,1fr); gap:11px; align-items:start; margin:0 24px 8px; padding:12px 13px; border:1px solid rgba(124,92,255,.15); border-radius:12px; background:rgba(124,92,255,.045); } .nx-rules-access-icon{ width:36px; height:36px; display:grid; place-items:center; border-radius:10px; background:rgba(124,92,255,.10); color:#aaa0ff; font-size:16px; font-weight:900; } .nx-rules-access-callout strong{ display:block; color:#e4e0ff; font-size:12px; } .nx-rules-access-callout div>span{ display:block; margin-top:4px; color:#929cab; font-size:10.5px; line-height:1.55; } .nx-rules-access-callout b{ color:#c8c1ff; } .nx-rules-access-rule{ margin:4px 0!important; padding:15px 13px!important; border:1px solid rgba(124,92,255,.11)!important; border-radius:11px!important; background:rgba(124,92,255,.025)!important; } .nx-rules-access-rule h3{ color:#dcd7ff!important; } .nx-rules-access-rule p{ color:#969fae!important; } /* M谩s legibilidad en el onboarding de reglas. */ .nx-rules-onboarding-head p{ font-size:11px!important; } .nx-rules-onboarding-content h3{ font-size:13px!important; } .nx-rules-onboarding-content p{ font-size:11px!important; line-height:1.65!important; } .nx-rules-confirm-check span{ font-size:10.5px!important; } .nx-rules-accept-button{ font-size:10.5px!important; } /* M贸vil y pantallas bajas. */ @media(max-width:720px){ #nxAuthOverlay{ padding:10px!important; } #nxAuthOverlay .nx-auth-shell{ width:min(520px,100%)!important; max-height:calc(100vh - 20px)!important; grid-template-columns:1fr!important; } #nxAuthOverlay .nx-auth-brand-panel{ display:none!important; } #nxAuthOverlay .nx-auth-main{ max-height:calc(100vh - 20px)!important; padding:22px 18px 24px!important; } .nx-rules-access-callout{ margin:0 18px 8px; } } @media(max-height:700px){ #nxAuthOverlay{ padding:8px!important; } #nxAuthOverlay .nx-auth-shell{ max-height:calc(100vh - 16px)!important; } #nxAuthOverlay .nx-auth-main{ max-height:calc(100vh - 16px)!important; padding-top:20px!important; padding-bottom:20px!important; } #nxAuthOverlay .nx-auth-tabs{ margin-bottom:18px!important; } #nxAuthOverlay .nx-auth-heading h3{ font-size:22px!important; } } @media(max-width:560px){ .nx-rules-access-callout{ grid-template-columns:34px minmax(0,1fr); margin:0 14px 8px; padding:11px; } .nx-rules-access-icon{ width:32px; height:32px; } .nx-rules-access-callout strong{ font-size:11.5px; } .nx-rules-access-callout div>span{ font-size:10.3px; } } /* ========================================================= NEXORIA V183 · INGL脡S RESTANTE CORREGIDO ========================================================= */ .cef-unlock-current-flow{ display:flex;align-items:center;flex-wrap:wrap;gap:8px; margin:14px 0 18px;padding:11px 12px; border:1px solid rgba(124,92,255,.12);border-radius:12px; background:rgba(124,92,255,.035); } .cef-unlock-current-flow span{ width:24px;height:24px;display:grid;place-items:center;border-radius:50%; background:rgba(124,92,255,.12);color:#b7afff;font-size:10px;font-weight:900; } .cef-unlock-current-flow b{color:#d8dce5;font-size:10.5px;letter-spacing:.035em} .cef-unlock-current-flow i{color:#566172;font-style:normal} .cef-unlock-editor-note{ display:grid;gap:4px;margin-top:14px;padding:12px 13px; border:1px solid rgba(0,217,255,.10);border-radius:11px;background:rgba(0,217,255,.025) } .cef-unlock-editor-note strong{color:#cfeef4;font-size:11px} .cef-unlock-editor-note span{color:#7f8d9d;font-size:10px;line-height:1.5} @media(max-width:620px){ .cef-unlock-current-flow{gap:6px} .cef-unlock-current-flow b{font-size:9.5px} } /* ========================================================= NEXORIA V157 · LECTORES + MULTI ENLACE + AUTH SCROLL 脷NICO ========================================================= */ /* Registro: elimina la primera barra y conserva solo la del contenido principal. */ #nxAuthOverlay .nx-auth-brand-panel{ overflow:hidden!important; scrollbar-width:none!important; } #nxAuthOverlay .nx-auth-brand-panel::-webkit-scrollbar{display:none!important} #nxAuthOverlay .nx-auth-shell{overflow:hidden!important} #nxAuthOverlay .nx-auth-main{ overflow-y:auto!important; overflow-x:hidden!important; } /* Editor 11 · m煤ltiples enlaces */ .cef-unlock-links-head{ display:flex; align-items:flex-end; justify-content:space-between; gap:12px; margin-bottom:9px; } .cef-unlock-links{ display:grid; gap:8px; } .cef-unlock-link-row{ display:grid; grid-template-columns:minmax(120px,.34fr) minmax(220px,1fr) 34px; gap:8px; align-items:center; } .cef-unlock-link-remove{ width:34px; height:34px; border:1px solid rgba(255,92,121,.16); border-radius:9px; background:rgba(255,92,121,.045); color:#e77e94; font-size:17px; cursor:pointer; } .cef-unlock-link-remove:hover{ border-color:rgba(255,92,121,.3); color:#ff9aad; } /* Unlock · lista de varios enlaces */ .nx-unlock-result-links{ display:grid; gap:9px; margin-top:13px; } .nx-unlock-result-link-button{ width:100%; min-height:44px; border:1px solid rgba(124,92,255,.20); border-radius:11px; background:rgba(124,92,255,.07); color:#f1efff; font-size:12px; font-weight:850; cursor:pointer; } .nx-unlock-result-link-button:hover{ border-color:rgba(124,92,255,.38); background:rgba(124,92,255,.11); } /* Lectores del tema */ .nx-topic-readers{ position:relative; margin:22px 0 0; padding:13px 14px; border:1px solid rgba(255,255,255,.065); border-radius:16px; background:#0d1118; } .nx-topic-readers-head{ display:flex; align-items:center; justify-content:space-between; gap:14px; } .nx-topic-readers-title{ display:flex; align-items:center; gap:10px; } .nx-topic-readers-eye{ width:34px; height:34px; display:grid; place-items:center; border-radius:10px; background:rgba(58,124,255,.10); color:#4b96ff; font-size:16px; } .nx-topic-readers-title strong{ color:#f1f4f8; font-size:14px; } .nx-topic-readers-stats{ display:flex; align-items:center; gap:7px; } .nx-topic-readers-stats>span{ min-height:28px; display:inline-flex; align-items:center; gap:5px; padding:0 10px; border:1px solid rgba(255,255,255,.055); border-radius:999px; background:rgba(255,255,255,.025); color:#8893a3; font-size:9.5px; font-weight:800; } .nx-topic-readers-online{ color:#58d99c!important; background:rgba(45,205,132,.07)!important; } .nx-topic-readers-online i{ width:7px;height:7px;border-radius:50%;background:#41d28a; } .nx-topic-readers-body{ display:flex; align-items:center; gap:15px; margin-top:11px; } .nx-topic-readers-avatars{ display:flex; align-items:center; padding-left:4px; } .nx-topic-reader-avatar{ width:34px; height:34px; display:grid; place-items:center; overflow:hidden; margin-left:-7px; border:2px solid #0d1118; border-radius:50%; background:#252b37; color:#d9deea; font-size:10px; font-weight:900; } .nx-topic-reader-avatar:first-child{margin-left:0} .nx-topic-reader-avatar img{ width:100%;height:100%;object-fit:cover; } .nx-topic-reader-more{ background:#272d38; color:#aab3c2; } .nx-topic-readers-copy{ min-width:0; flex:1; display:flex; align-items:center; justify-content:space-between; gap:12px; } .nx-topic-readers-recent{ color:#778395; font-size:10.5px; line-height:1.45; } .nx-topic-readers-copy button{ flex:0 0 auto; border:0; background:transparent; color:#4c92ff; font-size:10px; font-weight:800; cursor:pointer; } .nx-topic-readers-panel{ position:absolute; z-index:30; right:12px; bottom:12px; width:min(340px,calc(100% - 24px)); max-height:300px; overflow:auto; border:1px solid rgba(255,255,255,.08); border-radius:13px; background:#111722; box-shadow:0 20px 55px rgba(0,0,0,.48); } .nx-topic-readers-panel-head{ position:sticky; top:0; display:flex; align-items:center; justify-content:space-between; gap:10px; padding:11px 12px; border-bottom:1px solid rgba(255,255,255,.06); background:#111722; } .nx-topic-readers-panel-head strong{color:#eef2f7;font-size:12px} .nx-topic-readers-panel-head button{ width:27px;height:27px;border:0;border-radius:8px;background:rgba(255,255,255,.04);color:#8d97a6;cursor:pointer; } .nx-topic-readers-panel-list{padding:9px} .nx-topic-readers-empty{padding:12px;color:#778293;font-size:10px;line-height:1.5} .nx-topic-reader-row{ display:flex;align-items:center;gap:9px;padding:7px 5px; } .nx-topic-reader-row .nx-topic-reader-avatar{margin:0;width:30px;height:30px} .nx-topic-reader-row strong{color:#dbe1e9;font-size:10.5px} @media(max-width:680px){ .cef-unlock-links-head{align-items:stretch;flex-direction:column} .cef-unlock-link-row{grid-template-columns:1fr 34px} .cef-unlock-link-label{grid-column:1/-1} .nx-topic-readers-head{align-items:flex-start} .nx-topic-readers-stats{flex-wrap:wrap;justify-content:flex-end} .nx-topic-readers-body{align-items:flex-start} .nx-topic-readers-copy{align-items:flex-start;flex-direction:column;gap:5px} } /* ========================================================= NEXORIA V183 · INGL脡S RESTANTE CORREGIDO ========================================================= */ /* Lectores: estado detallado real */ .nx-topic-reader-row>div{ min-width:0; display:grid; gap:2px; } .nx-topic-reader-row small{ color:#677384; font-size:9px; } /* Panel administrativo compacto en Home */ .nx-home-admin-panel{ margin:18px 0; padding:16px; border:1px solid rgba(243,201,105,.12); border-radius:18px; background: linear-gradient(135deg,rgba(243,201,105,.035),rgba(124,92,255,.025)), rgba(255,255,255,.012); } .nx-home-admin-panel>header{ display:flex;align-items:flex-start;justify-content:space-between;gap:16px; } .nx-home-admin-panel>header span{ color:#d6b966;font-size:8px;font-weight:900;letter-spacing:.13em; } .nx-home-admin-panel>header h2{ margin:4px 0 3px;color:#f4f6f8;font-size:18px; } .nx-home-admin-panel>header p{ margin:0;color:#717d8d;font-size:9.5px; } .nx-home-admin-panel>header>b{ padding:6px 8px;border:1px solid rgba(243,201,105,.18);border-radius:8px; background:rgba(243,201,105,.06);color:#e2c773;font-size:8px;letter-spacing:.1em; } .nx-home-admin-stats{ display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:13px; } .nx-home-admin-stats>div{ padding:10px;border:1px solid rgba(255,255,255,.055);border-radius:11px;background:rgba(255,255,255,.015); } .nx-home-admin-stats strong{display:block;color:#fff;font-size:18px} .nx-home-admin-stats span{display:block;margin-top:3px;color:#707b8c;font-size:8.5px} .nx-home-admin-actions{ display:flex;flex-wrap:wrap;gap:7px;margin-top:11px; } .nx-home-admin-actions button{ min-height:34px;padding:0 10px;border:1px solid rgba(124,92,255,.14); border-radius:9px;background:rgba(124,92,255,.045);color:#b8b1ef; font-size:9px;font-weight:800;cursor:pointer; } @media(max-width:680px){ .nx-home-admin-panel{padding:13px;border-radius:15px} .nx-home-admin-stats{grid-template-columns:1fr} } /* ========================================================= NEXORIA V163 · CAT脕LOGO HORIZONTAL DE PEL脥CULAS Imagen + t铆tulo/fecha + respuestas/vistas + avatar/actividad. Solo #nxMoviesPage. Series conserva su dise帽o actual. ========================================================= */ #nxMoviesPage #nxMoviesGrid{ display:grid!important; grid-template-columns:1fr!important; gap:7px!important; } #nxMoviesPage .nx-movie-row{ position:relative; min-height:106px; display:grid; grid-template-columns:72px minmax(0,1fr) auto; align-items:center; gap:15px; padding:10px; border:1px solid rgba(255,255,255,.065); border-radius:14px; background: linear-gradient(90deg,rgba(255,255,255,.022),rgba(255,255,255,.008)), rgba(10,14,21,.46); transition:border-color .18s ease,background .18s ease,box-shadow .18s ease; } #nxMoviesPage .nx-movie-row:hover{ border-color:rgba(93,155,255,.30); background: linear-gradient(90deg,rgba(124,92,255,.045),rgba(0,217,255,.012)), rgba(10,14,21,.56); box-shadow: inset 0 0 0 1px rgba(124,92,255,.045), 0 0 18px rgba(65,126,255,.035); } #nxMoviesPage .nx-movie-row-cover{ width:72px; height:84px; display:block; overflow:hidden; border:1px solid rgba(255,255,255,.075); border-radius:10px; background:#101620; text-decoration:none!important; } #nxMoviesPage .nx-movie-row-cover img{ width:100%; height:100%; display:block; object-fit:cover; } #nxMoviesPage .nx-movie-row-placeholder{ width:100%; height:100%; display:grid; place-items:center; color:#697587; font-size:20px; } #nxMoviesPage .nx-movie-row-main{ min-width:0; align-self:center; } #nxMoviesPage .nx-movie-row-title{ display:block; overflow:hidden; font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important; font-size:15px; font-weight:600; line-height:1.35; color:#ffffff!important; text-overflow:ellipsis; white-space:nowrap; text-decoration:none!important; transition:0.3s; } #nxMoviesPage .nx-movie-row-title:hover{ color:#ffffff!important; } #nxMoviesPage .nx-movie-row-date{ display:block; margin-top:8px; color:#778395; font-size:10px; font-weight:600; } #nxMoviesPage .nx-movie-row-side{ min-width:0; width:min(315px,100%); justify-self:end; display:grid; grid-template-columns:118px minmax(175px,1fr); align-items:center; gap:12px; } #nxMoviesPage .nx-movie-row-stats{ display:grid; grid-template-columns:repeat(2,54px); justify-content:end; gap:8px; text-align:center; } #nxMoviesPage .nx-movie-row-stats>div{ min-width:0; } #nxMoviesPage .nx-movie-row-stats strong{ display:block; color:#eef1f7; font-size:15px; line-height:1; font-weight:850; } #nxMoviesPage .nx-movie-row-stats span{ display:block; margin-top:5px; color:#69768a; font-size:8.5px; font-weight:650; } #nxMoviesPage .nx-movie-row-last{ min-width:0; display:grid; grid-template-columns:38px minmax(0,1fr); align-items:center; gap:9px; padding-left:12px; padding-right:6px; border-left:1px solid rgba(255,255,255,.055); } #nxMoviesPage .nx-movie-row-avatar{ width:38px; height:38px; display:grid; place-items:center; overflow:hidden; justify-self:start; border:1px solid rgba(124,92,255,.18); border-radius:50%; background: linear-gradient(135deg,rgba(124,92,255,.14),rgba(0,217,255,.045)), #111722; color:#d5d1ff; font-size:10px; font-weight:900; } #nxMoviesPage .nx-movie-row-avatar img{ width:100%; height:100%; display:block; object-fit:cover; } #nxMoviesPage .nx-movie-row-last>div{ min-width:0; text-align:left; } #nxMoviesPage .nx-movie-row-last strong{ display:block; overflow:visible; color:#dce2eb; font-size:10px; font-weight:800; line-height:1.3; white-space:nowrap; text-overflow:clip; } #nxMoviesPage .nx-movie-row-last>div>span{ display:block; margin-top:4px; overflow:hidden; color:#718097; font-size:8.5px; text-overflow:ellipsis; white-space:nowrap; } #nxMoviesPage #nxMoviesGrid>.nx-movies-empty{ grid-column:1/-1; } @media(max-width:960px){ #nxMoviesPage .nx-movie-row{ grid-template-columns:66px minmax(0,1fr) auto; gap:12px; } #nxMoviesPage .nx-movie-row-cover{ width:66px; height:80px; } #nxMoviesPage .nx-movie-row-side{ width:min(300px,100%); grid-template-columns:108px minmax(170px,1fr); gap:10px; } } @media(max-width:760px){ #nxMoviesPage .nx-movie-row{ min-height:104px; grid-template-columns:58px minmax(0,1fr); align-items:start; gap:10px 11px; padding:9px; border-radius:12px; } #nxMoviesPage .nx-movie-row-cover{ grid-row:1 / span 2; width:58px; height:74px; border-radius:8px; } #nxMoviesPage .nx-movie-row-title{ font-size:15px; font-weight:600; white-space:normal; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; } #nxMoviesPage .nx-movie-row-date{ margin-top:5px; font-size:9px; } #nxMoviesPage .nx-movie-row-side{ grid-column:2; width:100%; justify-self:stretch; grid-template-columns:112px minmax(0,1fr); gap:9px; margin-top:2px; } #nxMoviesPage .nx-movie-row-stats{ gap:6px; } #nxMoviesPage .nx-movie-row-stats strong{ font-size:13px; } #nxMoviesPage .nx-movie-row-stats span{ font-size:7.5px; } #nxMoviesPage .nx-movie-row-last{ grid-template-columns:30px minmax(0,1fr); gap:8px; padding-left:9px; padding-right:6px; } #nxMoviesPage .nx-movie-row-avatar{ width:30px; height:30px; justify-self:start; font-size:8px; } #nxMoviesPage .nx-movie-row-last strong{ font-size:9px; } #nxMoviesPage .nx-movie-row-last>div>span{ font-size:7.5px; } } @media(max-width:470px){ #nxMoviesPage .nx-movie-row-side{ grid-template-columns:1fr; } #nxMoviesPage .nx-movie-row-last{ padding-left:0; padding-top:7px; border-left:0; border-top:1px solid rgba(255,255,255,.05); } #nxMoviesPage .nx-movie-row-last>div{ text-align:left; } #nxMoviesPage .nx-movie-row-last strong{ white-space:normal; overflow-wrap:anywhere; } } /* ========================================================= NEXORIA V170 · CAT脕LOGO HORIZONTAL DE SERIES Imagen + t铆tulo/fecha + respuestas/vistas + avatar/actividad. Mismo dise帽o horizontal aprobado para Pel铆culas. ========================================================= */ #nxSeriesPage #nxSeriesGrid{ display:grid!important; grid-template-columns:1fr!important; gap:7px!important; } #nxSeriesPage .nx-movie-row{ position:relative; min-height:106px; display:grid; grid-template-columns:72px minmax(0,1fr) auto; align-items:center; gap:15px; padding:10px; border:1px solid rgba(255,255,255,.065); border-radius:14px; background: linear-gradient(90deg,rgba(255,255,255,.022),rgba(255,255,255,.008)), rgba(10,14,21,.46); transition:border-color .18s ease,background .18s ease,box-shadow .18s ease; } #nxSeriesPage .nx-movie-row:hover{ border-color:rgba(93,155,255,.30); background: linear-gradient(90deg,rgba(124,92,255,.045),rgba(0,217,255,.012)), rgba(10,14,21,.56); box-shadow: inset 0 0 0 1px rgba(124,92,255,.045), 0 0 18px rgba(65,126,255,.035); } #nxSeriesPage .nx-movie-row-cover{ width:72px; height:84px; display:block; overflow:hidden; border:1px solid rgba(255,255,255,.075); border-radius:10px; background:#101620; text-decoration:none!important; } #nxSeriesPage .nx-movie-row-cover img{ width:100%; height:100%; display:block; object-fit:cover; } #nxSeriesPage .nx-movie-row-placeholder{ width:100%; height:100%; display:grid; place-items:center; color:#697587; font-size:20px; } #nxSeriesPage .nx-movie-row-main{ min-width:0; align-self:center; } #nxSeriesPage .nx-movie-row-title{ display:block; overflow:hidden; font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important; font-size:15px; font-weight:600; line-height:1.35; color:#ffffff!important; text-overflow:ellipsis; white-space:nowrap; text-decoration:none!important; transition:0.3s; } #nxSeriesPage .nx-movie-row-title:hover{ color:#ffffff!important; } #nxSeriesPage .nx-movie-row-date{ display:block; margin-top:8px; color:#778395; font-size:10px; font-weight:600; } #nxSeriesPage .nx-movie-row-side{ min-width:0; width:min(315px,100%); justify-self:end; display:grid; grid-template-columns:118px minmax(175px,1fr); align-items:center; gap:12px; } #nxSeriesPage .nx-movie-row-stats{ display:grid; grid-template-columns:repeat(2,54px); justify-content:end; gap:8px; text-align:center; } #nxSeriesPage .nx-movie-row-stats>div{ min-width:0; } #nxSeriesPage .nx-movie-row-stats strong{ display:block; color:#eef1f7; font-size:15px; line-height:1; font-weight:850; } #nxSeriesPage .nx-movie-row-stats span{ display:block; margin-top:5px; color:#69768a; font-size:8.5px; font-weight:650; } #nxSeriesPage .nx-movie-row-last{ min-width:0; display:grid; grid-template-columns:38px minmax(0,1fr); align-items:center; gap:9px; padding-left:12px; padding-right:6px; border-left:1px solid rgba(255,255,255,.055); } #nxSeriesPage .nx-movie-row-avatar{ width:38px; height:38px; display:grid; place-items:center; overflow:hidden; justify-self:start; border:1px solid rgba(124,92,255,.18); border-radius:50%; background: linear-gradient(135deg,rgba(124,92,255,.14),rgba(0,217,255,.045)), #111722; color:#d5d1ff; font-size:10px; font-weight:900; } #nxSeriesPage .nx-movie-row-avatar img{ width:100%; height:100%; display:block; object-fit:cover; } #nxSeriesPage .nx-movie-row-last>div{ min-width:0; text-align:left; } #nxSeriesPage .nx-movie-row-last strong{ display:block; overflow:visible; color:#dce2eb; font-size:10px; font-weight:800; line-height:1.3; white-space:nowrap; text-overflow:clip; } #nxSeriesPage .nx-movie-row-last>div>span{ display:block; margin-top:4px; overflow:hidden; color:#718097; font-size:8.5px; text-overflow:ellipsis; white-space:nowrap; } #nxSeriesPage #nxSeriesGrid>.nx-movies-empty{ grid-column:1/-1; } @media(max-width:960px){ #nxSeriesPage .nx-movie-row{ grid-template-columns:66px minmax(0,1fr) auto; gap:12px; } #nxSeriesPage .nx-movie-row-cover{ width:66px; height:80px; } #nxSeriesPage .nx-movie-row-side{ width:min(300px,100%); grid-template-columns:108px minmax(170px,1fr); gap:10px; } } @media(max-width:760px){ #nxSeriesPage .nx-movie-row{ min-height:104px; grid-template-columns:58px minmax(0,1fr); align-items:start; gap:10px 11px; padding:9px; border-radius:12px; } #nxSeriesPage .nx-movie-row-cover{ grid-row:1 / span 2; width:58px; height:74px; border-radius:8px; } #nxSeriesPage .nx-movie-row-title{ font-size:15px; font-weight:600; white-space:normal; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; } #nxSeriesPage .nx-movie-row-date{ margin-top:5px; font-size:9px; } #nxSeriesPage .nx-movie-row-side{ grid-column:2; width:100%; justify-self:stretch; grid-template-columns:112px minmax(0,1fr); gap:9px; margin-top:2px; } #nxSeriesPage .nx-movie-row-stats{ gap:6px; } #nxSeriesPage .nx-movie-row-stats strong{ font-size:13px; } #nxSeriesPage .nx-movie-row-stats span{ font-size:7.5px; } #nxSeriesPage .nx-movie-row-last{ grid-template-columns:30px minmax(0,1fr); gap:8px; padding-left:9px; padding-right:6px; } #nxSeriesPage .nx-movie-row-avatar{ width:30px; height:30px; justify-self:start; font-size:8px; } #nxSeriesPage .nx-movie-row-last strong{ font-size:9px; } #nxSeriesPage .nx-movie-row-last>div>span{ font-size:7.5px; } } @media(max-width:470px){ #nxSeriesPage .nx-movie-row-side{ grid-template-columns:1fr; } #nxSeriesPage .nx-movie-row-last{ padding-left:0; padding-top:7px; border-left:0; border-top:1px solid rgba(255,255,255,.05); } #nxSeriesPage .nx-movie-row-last>div{ text-align:left; } #nxSeriesPage .nx-movie-row-last strong{ white-space:normal; overflow-wrap:anywhere; } } /* V167 · Fijar entrada desde el editor */ .cef-pin-option{ display:flex; align-items:flex-start; gap:10px; margin-top:12px; padding:12px 13px; border:1px solid rgba(124,92,255,.14); border-radius:11px; background:rgba(124,92,255,.045); cursor:pointer; } .cef-pin-option input{ width:16px; height:16px; margin:2px 0 0; flex:0 0 auto; accent-color:#7c5cff; } .cef-pin-option span{ min-width:0; display:block; } .cef-pin-option strong{ display:block; color:#dcd8ff; font-size:9px; font-weight:850; } .cef-pin-option small{ display:block; margin-top:4px; color:#748095; font-size:8px; line-height:1.5; } #nxMoviesPage .nx-movie-row.is-pinned{ border-color:rgba(124,92,255,.19); } /* V167 · tama帽os solicitados para fechas del cat谩logo */ #nxMoviesPage .nx-movie-row-date{ font-size:12px!important; font-weight:400!important; } #nxMoviesPage .nx-movie-row-last>div>span{ font-size:10px!important; } /* V170 · Series fijadas + tama帽os aprobados */ #nxSeriesPage .nx-movie-row.is-pinned{ border-color:rgba(124,92,255,.19); } #nxSeriesPage .nx-movie-row-date{ font-size:12px!important; font-weight:400!important; } #nxSeriesPage .nx-movie-row-last>div>span{ font-size:10px!important; } /* ========================================================= NEXORIA V183 · INGL脡S RESTANTE CORREGIDO ========================================================= */ .nx-vip-page{ position:relative; width:100%; min-height:760px; padding:18px 0 28px; overflow:hidden; font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif; } .nx-vip-page[hidden]{display:none!important} .nx-vip-ambient{ position:absolute; pointer-events:none; border-radius:50%; filter:blur(2px); } .nx-vip-ambient-one{ width:520px;height:520px;right:-250px;top:-250px; background:radial-gradient(circle,rgba(215,182,93,.13),rgba(215,182,93,0) 70%); } .nx-vip-ambient-two{ width:420px;height:420px;left:-260px;top:300px; background:radial-gradient(circle,rgba(124,92,255,.08),rgba(124,92,255,0) 72%); } .nx-vip-page>*:not(.nx-vip-ambient){position:relative;z-index:1} .nx-vip-hero{ min-height:310px; display:grid; grid-template-columns:minmax(0,1fr) 330px; align-items:center; gap:34px; padding:36px 38px; border:1px solid rgba(215,182,93,.16); border-radius:24px; background: radial-gradient(circle at 83% 15%,rgba(215,182,93,.13),transparent 17rem), radial-gradient(circle at 10% 100%,rgba(124,92,255,.09),transparent 20rem), linear-gradient(135deg,#15171d 0%,#10141c 46%,#0a0e15 100%); box-shadow:0 24px 70px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.025); } .nx-vip-eyebrow{ display:inline-flex; align-items:center; min-height:30px; padding:0 12px; border:1px solid rgba(215,182,93,.24); border-radius:999px; background:rgba(215,182,93,.07); color:#e5c76f; font-size:10px; font-weight:850; letter-spacing:.14em; } .nx-vip-hero h1{ max-width:700px; margin:17px 0 13px; color:#f7f8fb; font-size:40px; line-height:1.08; letter-spacing:-1.35px; } .nx-vip-hero-copy>p{ max-width:690px; margin:0; color:#a4acb9; font-size:14px; line-height:1.75; } .nx-vip-hero-tags{ display:flex; flex-wrap:wrap; gap:8px; margin-top:20px; } .nx-vip-hero-tags span{ min-height:30px; display:inline-flex; align-items:center; padding:0 11px; border:1px solid rgba(255,255,255,.065); border-radius:999px; background:rgba(255,255,255,.025); color:#c7cbd2; font-size:10px; font-weight:650; } .nx-vip-plan-card{ padding:25px; border:1px solid rgba(215,182,93,.24); border-radius:20px; background: linear-gradient(160deg,rgba(215,182,93,.10),rgba(215,182,93,.025) 42%,rgba(255,255,255,.01)), #0d1118; box-shadow:inset 0 1px rgba(255,255,255,.035),0 18px 42px rgba(0,0,0,.26); } .nx-vip-plan-crown{ width:52px;height:52px;display:grid;place-items:center; border:1px solid rgba(215,182,93,.27); border-radius:15px; background:rgba(215,182,93,.09); color:#e3c36a; font-size:24px; } .nx-vip-plan-label{ display:block; margin-top:18px; color:#9b8552; font-size:9px; font-weight:850; letter-spacing:.15em; } .nx-vip-price{ display:flex; align-items:flex-end; gap:7px; margin-top:8px; } .nx-vip-price strong{ color:#f4ddb0; font-size:34px; line-height:1; letter-spacing:-1px; } .nx-vip-price span{ padding-bottom:3px; color:#7e8794; font-size:11px; } .nx-vip-plan-card>p{ margin:13px 0 18px; color:#8d96a4; font-size:11px; line-height:1.6; } .nx-vip-buy-button, .nx-vip-final>button{ width:100%; min-height:49px; display:flex; align-items:center; justify-content:center; gap:12px; border:1px solid rgba(255,225,144,.24); border-radius:12px; background:linear-gradient(135deg,#987024 0%,#d7b65d 48%,#ae812d 100%); color:#171207; font-size:11px; font-weight:900; letter-spacing:.045em; cursor:pointer; box-shadow:0 12px 30px rgba(166,124,39,.13),inset 0 1px rgba(255,255,255,.20); transition:border-color .2s ease,filter .2s ease,box-shadow .2s ease; } .nx-vip-buy-button:hover, .nx-vip-final>button:hover{ filter:brightness(1.04); box-shadow:0 14px 34px rgba(166,124,39,.18),inset 0 1px rgba(255,255,255,.22); } .nx-vip-buy-button b,.nx-vip-final>button b{font-size:18px} .nx-vip-payment-note{ display:block; margin-top:11px; color:#716b5d; font-size:8.5px; text-align:center; } .nx-vip-intro{ max-width:760px; margin:42px auto 18px; text-align:center; } .nx-vip-intro>span, .nx-vip-compare-copy>span, .nx-vip-final>div>span{ color:#b99749; font-size:9px; font-weight:900; letter-spacing:.16em; } .nx-vip-intro h2, .nx-vip-compare-copy h2, .nx-vip-final h2{ margin:7px 0 9px; color:#f0f2f6; font-size:25px; line-height:1.18; } .nx-vip-intro p, .nx-vip-compare-copy p, .nx-vip-final p{ margin:0; color:#8f99a8; font-size:12px; line-height:1.7; } .nx-vip-benefits{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; } .nx-vip-benefits article{ min-height:156px; display:grid; grid-template-columns:48px minmax(0,1fr); align-items:start; gap:14px; padding:20px; border:1px solid rgba(255,255,255,.06); border-radius:16px; background:linear-gradient(145deg,rgba(255,255,255,.023),rgba(255,255,255,.009)); } .nx-vip-benefit-icon{ width:48px;height:48px; display:grid;place-items:center; border:1px solid rgba(215,182,93,.18); border-radius:13px; background:rgba(215,182,93,.055); color:#d6b65b; font-size:19px; } .nx-vip-benefits article span{ display:block; margin-top:1px; color:#9b8249; font-size:8.5px; font-weight:900; letter-spacing:.12em; } .nx-vip-benefits h3{ margin:6px 0 7px; color:#e9ecf1; font-size:16px; } .nx-vip-benefits p{ margin:0; color:#8792a1; font-size:11.5px; line-height:1.65; } .nx-vip-compare{ margin-top:34px; padding:27px; border:1px solid rgba(255,255,255,.06); border-radius:20px; background:#0d121a; } .nx-vip-compare-copy{ max-width:770px; } .nx-vip-compare-table{ margin-top:22px; overflow:hidden; border:1px solid rgba(255,255,255,.055); border-radius:14px; } .nx-vip-compare-table>div{ min-height:48px; display:grid; grid-template-columns:minmax(0,1fr) 105px 140px; align-items:center; border-top:1px solid rgba(255,255,255,.045); } .nx-vip-compare-table>div:first-child{border-top:0} .nx-vip-compare-table span, .nx-vip-compare-table b, .nx-vip-compare-table strong{ padding:0 14px; } .nx-vip-compare-table span{ color:#aab2bf; font-size:11px; } .nx-vip-compare-table b, .nx-vip-compare-table strong{ color:#7f8997; font-size:10px; text-align:center; } .nx-vip-compare-table .vip{ color:#e1c46e; background:rgba(215,182,93,.035); } .nx-vip-compare-head{ background:rgba(255,255,255,.018); } .nx-vip-compare-head span, .nx-vip-compare-head strong{ color:#d8dce3; font-size:10px; font-weight:850; } .nx-vip-footnote{ display:block; margin-top:10px; color:#697586; font-size:9px; line-height:1.55; } .nx-vip-final{ display:grid; grid-template-columns:minmax(0,1fr) 275px; align-items:center; gap:26px; margin-top:18px; padding:27px; border:1px solid rgba(215,182,93,.14); border-radius:18px; background: radial-gradient(circle at 88% 0,rgba(215,182,93,.09),transparent 15rem), rgba(255,255,255,.014); } .nx-vip-final>button{ min-height:52px; } .nx-vip-nav-link{ border-color:rgba(215,182,93,.10)!important; } .nx-vip-nav-link>span:first-child{ color:#d8b75c!important; } .nx-vip-nav-link.active{ border-color:rgba(215,182,93,.21)!important; background:rgba(215,182,93,.06)!important; color:#e8d49a!important; } .nx-mobile-vip-link b{color:#d8b75c!important} .nx-vip-host{ display:block!important; align-content:start!important; } .nx-vip-host>.nx-vip-page{ display:block!important; width:100%!important; } @media(max-width:900px){ .nx-vip-hero{ grid-template-columns:1fr; gap:24px; padding:28px; } .nx-vip-plan-card{max-width:420px} .nx-vip-hero h1{font-size:34px} } @media(max-width:680px){ .nx-vip-page{padding-top:10px} .nx-vip-hero{padding:23px 18px;border-radius:18px} .nx-vip-hero h1{font-size:29px} .nx-vip-hero-copy>p{font-size:13px} .nx-vip-benefits{grid-template-columns:1fr} .nx-vip-benefits article{min-height:0} .nx-vip-compare{padding:19px 14px} .nx-vip-compare-table>div{ grid-template-columns:minmax(0,1fr) 72px 100px; } .nx-vip-compare-table span, .nx-vip-compare-table b, .nx-vip-compare-table strong{padding:0 8px} .nx-vip-final{ grid-template-columns:1fr; padding:21px 18px; } .nx-vip-final>button{width:100%} } @media(max-width:440px){ .nx-vip-hero h1{font-size:26px} .nx-vip-intro h2, .nx-vip-compare-copy h2, .nx-vip-final h2{font-size:21px} .nx-vip-benefits article{ grid-template-columns:40px minmax(0,1fr); padding:16px; } .nx-vip-benefit-icon{width:40px;height:40px;font-size:16px} .nx-vip-compare-table>div{ grid-template-columns:minmax(0,1fr) 58px 84px; } .nx-vip-compare-table span{font-size:9px} .nx-vip-compare-table b, .nx-vip-compare-table strong{font-size:8.5px} } /* ========================================================= NEXORIA V183 · INGL脡S RESTANTE CORREGIDO ========================================================= */ .cef-vip-editor-section{ border-color:rgba(215,182,93,.22)!important; background: radial-gradient(circle at 100% 0,rgba(215,182,93,.075),transparent 25rem), linear-gradient(145deg,#0d1117,#091017)!important; } .cef-vip-editor-section h3{ color:#ead392!important; } .cef-vip-editor-grid{ display:grid; grid-template-columns:minmax(280px,.72fr) minmax(320px,1fr); gap:11px; margin-top:13px; } .cef-vip-editor-grid .cef-full{grid-column:1/-1} .cef-vip-toggle{ min-height:66px; display:flex; align-items:center; gap:11px; padding:11px 13px; border:1px solid rgba(215,182,93,.16); border-radius:11px; background:rgba(215,182,93,.035); cursor:pointer; } .cef-vip-toggle input{ width:18px; height:18px; accent-color:#d7b65d; } .cef-vip-toggle strong{ display:block; color:#ead9a8; font-size:10px; } .cef-vip-toggle small{ display:block; margin-top:4px; color:#7d817f; font-size:8px; line-height:1.45; } .cef-vip-id{ color:#d8c38a!important; border-color:rgba(215,182,93,.18)!important; background:#0a0d12!important; } .cef-vip-links{ display:grid; gap:8px; } .cef-vip-link-row{ display:grid; grid-template-columns:minmax(140px,.34fr) minmax(240px,1fr) 34px; gap:8px; align-items:center; } .cef-vip-link-row .cef-input{ border-color:rgba(215,182,93,.12); } .cef-vip-link-row .cef-input:focus{ border-color:rgba(215,182,93,.42); box-shadow:0 0 0 3px rgba(215,182,93,.07); } .cef-vip-link-remove{ width:34px; height:34px; border:1px solid rgba(255,92,121,.16); border-radius:9px; background:rgba(255,92,121,.04); color:#dc7c8e; font-size:17px; cursor:pointer; } .cef-vip-link-remove:hover{ border-color:rgba(255,92,121,.30); color:#ff9aad; } .cef-vip-primary{ border:1px solid rgba(255,226,148,.20)!important; background:linear-gradient(135deg,#8f6922,#d7b65d,#a57929)!important; color:#171207!important; box-shadow:0 8px 22px rgba(177,132,43,.12); } .cef-vip-primary:hover{ filter:brightness(1.05); } .cef-vip-secondary{ border:1px solid rgba(215,182,93,.20)!important; background:rgba(215,182,93,.055)!important; color:#d9bf72!important; } .cef-vip-secondary:hover{ border-color:rgba(215,182,93,.38)!important; background:rgba(215,182,93,.09)!important; color:#f0dc9d!important; } .cef-vip-danger{ border:1px solid rgba(255,92,121,.18)!important; background:rgba(255,92,121,.045)!important; color:#e18598!important; } .cef-vip-editor-note{ display:grid; grid-template-columns:40px minmax(0,1fr); align-items:center; gap:11px; margin-top:14px; padding:12px 13px; border:1px solid rgba(215,182,93,.13); border-radius:11px; background:rgba(215,182,93,.027); } .cef-vip-editor-crown{ width:38px; height:38px; display:grid; place-items:center; border:1px solid rgba(215,182,93,.20); border-radius:10px; background:rgba(215,182,93,.06); color:#d9b859; font-size:18px; } .cef-vip-editor-note strong{ display:block; color:#e7d7a8; font-size:10px; } .cef-vip-editor-note div>span{ display:block; margin-top:4px; color:#7d8490; font-size:9px; line-height:1.5; } .cef-vip-editor-actions{ display:flex; flex-wrap:wrap; gap:8px; margin-top:11px; } .cef-vip-status{ color:#8b8270; } .cef-vip-status.ok{color:#d9bd68} .cef-vip-status.error{color:#ff7c91} @media(max-width:900px){ .cef-vip-editor-grid{grid-template-columns:1fr} .cef-vip-editor-grid .cef-full{grid-column:auto} } @media(max-width:620px){ .cef-vip-link-row{ grid-template-columns:1fr 34px; } .cef-vip-link-row .cef-vip-link-label{ grid-column:1/-1; } .cef-vip-editor-section .cef-section-title{ align-items:flex-start; flex-direction:column; } } /* ========================================================= NEXORIA V173 · TAMBI脡N PODR脥A INTERESARTE Relacionados din谩micos por categor铆a/etiqueta. ========================================================= */ .nx-entry-main .bm-related.nx-related-module, .bm-related.nx-related-module{ max-width:none!important; margin:24px 0 8px!important; padding:20px!important; overflow:hidden!important; border:1px solid rgba(255,255,255,.075)!important; border-radius:18px!important; background: radial-gradient(circle at 92% 0,rgba(124,92,255,.085),transparent 18rem), radial-gradient(circle at 8% 100%,rgba(0,217,255,.035),transparent 18rem), #0e131c!important; box-shadow:0 18px 45px rgba(0,0,0,.20)!important; } .bm-related.nx-related-module .bm-related-head{ display:flex!important; align-items:flex-end!important; justify-content:space-between!important; gap:18px!important; margin-bottom:16px!important; } .bm-related.nx-related-module .nx-related-head-copy{ min-width:0; } .bm-related.nx-related-module .bm-related-title{ display:flex!important; align-items:center!important; gap:11px!important; color:#f5f7fb!important; font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important; font-size:16px!important; font-weight:750!important; line-height:1.25!important; } .bm-related.nx-related-module .bm-related-title i{ width:36px!important; height:36px!important; flex:0 0 36px!important; display:grid!important; place-items:center!important; border:1px solid rgba(0,217,255,.13)!important; border-radius:10px!important; background:linear-gradient(145deg,rgba(0,217,255,.11),rgba(124,92,255,.10))!important; color:#65e7ff!important; font-size:13px!important; } .bm-related.nx-related-module .nx-related-head-copy>small{ display:block!important; margin:5px 0 0 47px!important; color:#717c8d!important; font-size:10px!important; line-height:1.45!important; } .bm-related.nx-related-module .bm-related-label{ min-height:29px!important; display:inline-flex!important; align-items:center!important; flex:0 0 auto!important; padding:0 10px!important; border:1px solid rgba(124,92,255,.19)!important; border-radius:999px!important; background:rgba(124,92,255,.055)!important; color:#aaa0ff!important; font-size:8.5px!important; font-weight:850!important; letter-spacing:.07em!important; text-transform:uppercase!important; } .bm-related.nx-related-module .bm-related-grid{ display:grid!important; grid-template-columns:repeat(6,minmax(0,1fr))!important; gap:11px!important; } .bm-related.nx-related-module .bm-related-card{ min-width:0!important; display:block!important; position:relative!important; overflow:visible!important; aspect-ratio:auto!important; border:0!important; border-radius:0!important; background:transparent!important; color:#e8ecf2!important; text-decoration:none!important; animation:none!important; transform:none!important; box-shadow:none!important; } .bm-related.nx-related-module .bm-related-card:hover{ transform:none!important; border:0!important; box-shadow:none!important; } .bm-related.nx-related-module .nx-related-poster{ position:relative!important; display:block!important; aspect-ratio:2/3!important; overflow:hidden!important; border:1px solid rgba(255,255,255,.075)!important; border-radius:10px!important; background: linear-gradient(110deg,#121823 30%,#1b2330 46%,#121823 62%)!important; background-size:240% 100%!important; box-shadow:0 9px 22px rgba(0,0,0,.20)!important; transition:border-color .2s ease,box-shadow .2s ease!important; } .bm-related.nx-related-module .bm-related-card:not(.is-loaded) .nx-related-poster{ animation:nxRelatedLoading 1.5s linear infinite!important; } .bm-related.nx-related-module .bm-related-card:hover .nx-related-poster{ border-color:rgba(0,217,255,.33)!important; box-shadow:0 10px 25px rgba(0,217,255,.075)!important; } .bm-related.nx-related-module .bm-related-card img{ width:100%!important; height:100%!important; display:block!important; object-fit:cover!important; opacity:0!important; transition:opacity .25s ease!important; } .bm-related.nx-related-module .bm-related-card img.is-ready{ opacity:1!important; } .bm-related.nx-related-module .nx-related-format{ position:absolute!important; left:7px!important; top:7px!important; min-height:21px!important; display:inline-flex!important; align-items:center!important; padding:0 6px!important; border:1px solid rgba(255,255,255,.10)!important; border-radius:6px!important; background:rgba(8,10,16,.78)!important; color:#d9e0ea!important; font-size:7px!important; font-weight:850!important; letter-spacing:.04em!important; backdrop-filter:blur(8px)!important; } .bm-related.nx-related-module .bm-related-card-title{ display:-webkit-box!important; overflow:hidden!important; margin-top:8px!important; color:#cfd5df!important; font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important; font-size:10px!important; font-weight:650!important; line-height:1.4!important; -webkit-line-clamp:2!important; -webkit-box-orient:vertical!important; transition:color .2s ease!important; } .bm-related.nx-related-module .bm-related-card:hover .bm-related-card-title{ color:#ffffff!important; } @keyframes nxRelatedLoading{ to{background-position:-240% 0} } @media(max-width:950px){ .bm-related.nx-related-module .bm-related-grid{ grid-template-columns:repeat(4,minmax(0,1fr))!important; } } @media(max-width:700px){ .nx-entry-main .bm-related.nx-related-module, .bm-related.nx-related-module{ padding:16px!important; border-radius:15px!important; } .bm-related.nx-related-module .bm-related-grid{ grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:10px!important; } } @media(max-width:520px){ .bm-related.nx-related-module .bm-related-head{ align-items:flex-start!important; } .bm-related.nx-related-module .nx-related-head-copy>small{ margin-left:0!important; } .bm-related.nx-related-module .bm-related-label{ display:none!important; } .bm-related.nx-related-module .bm-related-grid{ grid-template-columns:repeat(2,minmax(0,1fr))!important; } .bm-related.nx-related-module .bm-related-card-title{ font-size:10.5px!important; } } /* ========================================================= NEXORIA V183 · INGL脡S RESTANTE CORREGIDO ========================================================= */ /* Relacionados: encabezado en una sola l铆nea */ .bm-related.nx-related-module{ padding:17px 20px 20px!important; } .bm-related.nx-related-module .bm-related-head{ display:flex!important; align-items:center!important; justify-content:flex-start!important; margin-bottom:13px!important; } .bm-related.nx-related-module .bm-related-title{ width:100%!important; display:flex!important; align-items:center!important; flex-wrap:wrap!important; gap:10px!important; } .bm-related.nx-related-module .nx-related-title-text{ color:#f5f7fb!important; font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important; font-size:16px!important; font-weight:750!important; line-height:1.25!important; } .bm-related.nx-related-module .bm-related-label{ min-height:27px!important; margin-left:2px!important; padding:0 9px!important; font-size:8px!important; } .bm-related.nx-related-module .nx-related-head-copy, .bm-related.nx-related-module .nx-related-head-copy>small{ display:none!important; } /* Solo portada: se elimina el espacio reservado al t铆tulo */ .bm-related.nx-related-module .bm-related-card-title{ display:none!important; } .bm-related.nx-related-module .bm-related-card{ line-height:0!important; } .bm-related.nx-related-module .nx-related-poster{ width:100%!important; margin:0!important; } /* Unlock: el nombre escrito en el editor se vuelve el elemento principal */ .nx-unlock-result-links{ display:grid!important; gap:10px!important; margin-top:14px!important; } .nx-unlock-provider-button{ min-height:62px!important; display:grid!important; grid-template-columns:38px minmax(0,1fr) auto!important; align-items:center!important; gap:11px!important; padding:10px 13px!important; border:1px solid rgba(124,92,255,.26)!important; border-radius:13px!important; background: linear-gradient(135deg,rgba(124,92,255,.115),rgba(0,217,255,.035))!important; color:#f4f2ff!important; text-align:left!important; box-shadow:inset 0 1px rgba(255,255,255,.025)!important; transition:border-color .2s ease,background .2s ease,box-shadow .2s ease!important; } .nx-unlock-provider-button:hover{ border-color:rgba(124,92,255,.45)!important; background: linear-gradient(135deg,rgba(124,92,255,.16),rgba(0,217,255,.055))!important; box-shadow:0 8px 24px rgba(124,92,255,.08),inset 0 1px rgba(255,255,255,.035)!important; } .nx-unlock-provider-icon{ width:38px!important; height:38px!important; display:grid!important; place-items:center!important; border:1px solid rgba(124,92,255,.20)!important; border-radius:10px!important; background:rgba(124,92,255,.10)!important; color:#b9b0ff!important; font-size:15px!important; } .nx-unlock-provider-copy{ min-width:0!important; display:grid!important; gap:3px!important; } .nx-unlock-provider-copy small{ color:#777f92!important; font-size:7.5px!important; font-weight:850!important; letter-spacing:.10em!important; } .nx-unlock-provider-copy strong{ overflow:hidden!important; color:#ffffff!important; font-size:13px!important; font-weight:850!important; line-height:1.25!important; text-overflow:ellipsis!important; white-space:nowrap!important; } .nx-unlock-provider-button>b{ color:#9e94f4!important; font-size:8.5px!important; font-weight:900!important; letter-spacing:.04em!important; white-space:nowrap!important; } @media(max-width:520px){ .bm-related.nx-related-module{ padding:14px!important; } .bm-related.nx-related-module .bm-related-title{ gap:8px!important; } .bm-related.nx-related-module .nx-related-title-text{ font-size:14px!important; } .bm-related.nx-related-module .bm-related-label{ min-height:24px!important; font-size:7px!important; } .nx-unlock-provider-button{ grid-template-columns:34px minmax(0,1fr)!important; } .nx-unlock-provider-button>b{ grid-column:2!important; margin-top:-2px!important; } .nx-unlock-provider-icon{ width:34px!important; height:34px!important; } } /* ========================================================= NEXORIA V183 · INGL脡S RESTANTE CORREGIDO ========================================================= */ /* T铆tulo a la izquierda y categor铆a al extremo derecho */ .bm-related.nx-related-module .bm-related-title{ width:100%!important; flex-wrap:nowrap!important; } .bm-related.nx-related-module .nx-related-title-text{ min-width:0!important; } .bm-related.nx-related-module .bm-related-label{ margin-left:auto!important; flex:0 0 auto!important; } /* Marco m谩s visible al pasar el mouse, sin mover la tarjeta */ .bm-related.nx-related-module .nx-related-poster{ box-sizing:border-box!important; border:1px solid rgba(255,255,255,.075)!important; } .bm-related.nx-related-module .bm-related-card:hover .nx-related-poster{ border:2px solid rgba(0,217,255,.72)!important; box-shadow: 0 0 0 1px rgba(0,217,255,.16), 0 10px 26px rgba(0,217,255,.10)!important; } @media(max-width:520px){ .bm-related.nx-related-module .bm-related-title{ flex-wrap:nowrap!important; } .bm-related.nx-related-module .bm-related-label{ display:inline-flex!important; max-width:42%!important; overflow:hidden!important; text-overflow:ellipsis!important; white-space:nowrap!important; } } /* ========================================================= NEXORIA V183 · INGL脡S RESTANTE CORREGIDO ========================================================= */ .nx-lang-menu>button.is-active{ border-color:rgba(124,92,255,.42)!important; background: linear-gradient(135deg,rgba(124,92,255,.17),rgba(0,217,255,.045))!important; box-shadow:inset 0 0 0 1px rgba(124,92,255,.06)!important; } .nx-lang-menu>button.is-active .nx-lang-check{ display:block!important; } /* Evita movimientos laterales y acelera el contenido inferior. */ html,body{max-width:100%;overflow-x:clip} .premium-card-content,.bm-related{content-visibility:auto;contain-intrinsic-size:1px 260px} @media (max-width:900px){ .container{width:100%;max-width:100%;padding-left:14px;padding-right:14px} .header{position:relative!important;margin-bottom:24px;padding:9px 0 11px} .header-content{display:flex!important;flex-direction:column;align-items:stretch!important;justify-content:center!important;gap:8px!important} .logo{align-self:center;padding:7px 11px} .bm-logo-name{font-size:24px}.bm-logo-tagline{display:block!important;font-size:6px} .nav-menu{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;gap:4px!important;padding:4px!important;overflow:visible} .nav-link,.nav-link.series{justify-content:center;min-width:0;min-height:38px;padding:0 5px!important;font-size:9px!important;white-space:nowrap} .menu-item-con-categorias{min-width:0;position:relative} .menu-item-con-categorias>.nav-link{width:100%} .categorias-dropdown{position:absolute!important;top:calc(100% + 6px)!important;left:0!important;right:auto!important;width:calc(100vw - 28px)!important;min-width:0!important;max-width:none!important;transform:translateY(-6px)!important} .menu-item-con-categorias:hover .categorias-dropdown,.menu-item-con-categorias:focus-within .categorias-dropdown{transform:translateY(0)!important} .categorias-dropdown::before,.categorias-dropdown::after{left:16.66%!important} .categoria-item,.categoria-item.especial,.categoria-item.ultrahd,.categoria-item.exclusivos{min-height:38px;font-size:11px} .bm-search-wrap{width:100%;gap:6px!important} .bm-search-wrap form{flex:1}.search-box{width:100%!important;height:42px;font-size:12px} .bm-search-suggest{left:0;right:auto;width:calc(100% - 30px);max-height:310px} .top-container{width:100%;max-width:100%;margin-bottom:25px;padding:0 12px} .content-row{flex-direction:column!important;gap:20px!important} .carousel-wrapper,.carousel-container,.carousel-controls,.right-block{width:100%!important;max-width:100%!important} .carousel-slides{width:100%;height:auto!important;min-height:190px;aspect-ratio:16/9} .carousel-title,.right-title{font-size:18px!important}.title-with-neon,.right-title-wrapper{margin-bottom:10px!important} .slide-info{padding:38px 15px 13px!important}.slide-info h2{font-size:17px!important}.slide-info p{font-size:11px!important} .carousel-arrows-inside{opacity:1}.arrow-inside{width:38px;height:38px} .right-content{min-height:0!important;padding:0!important;border:0!important;background:transparent!important} .modulo-banners-300{width:100%!important;height:auto!important;min-height:0;padding:9px!important;gap:8px} .b-item-neon{width:100%!important;height:68px!important;margin:0!important;padding:10px 12px!important} .b-item-neon .b-title{font-size:16px!important}.b-item-neon .b-icon{width:38px!important;height:38px!important;font-size:19px!important} .bm-catalog-tools{margin:14px 12px 12px;padding:10px;grid-template-columns:1fr 1fr!important;gap:8px} .bm-tool-field:first-child{grid-column:1/-1}.bm-tool-input,.bm-tool-select{height:42px;font-size:11px} .catalog-grid{padding-left:12px!important;padding-right:12px!important;gap:12px!important;grid-template-columns:repeat(3,minmax(0,1fr))!important} .movie-card-home{min-width:0}.movie-cover-home{width:100%;border-width:2px!important;border-radius:9px!important} .bm-catalog-pagination{padding:8px 12px;gap:5px;flex-wrap:wrap} .premium-entry-wrapper{width:100%;max-width:100%;padding:0 10px!important} .premium-top-right{position:static!important;margin:0 0 12px!important;display:grid!important;grid-template-columns:1fr;justify-items:center;gap:8px} .premium-top-stats{justify-content:center;gap:6px}.premium-top-stat{min-height:38px;padding:8px 10px} .premium-publish-date{margin:0 auto;min-height:38px} .movie-page{width:100%;max-width:100%;margin:0!important} .movie-page>.back-link,.back-link{display:inline-flex;align-items:center;min-height:40px;margin:0 0 12px!important;padding:0 13px!important;font-size:10px!important} .movie-header-panel.home-cover-source,.premium-entry-wrapper .movie-header-panel:has(>.movie-cover + .premium-movie-card){width:100%!important;max-width:100%!important;margin:0!important} .premium-movie-card{width:100%;border-radius:13px} .bm-entry-breadcrumb{padding:11px 13px;gap:6px;flex-wrap:wrap;font-size:10px;line-height:1.45} .bm-entry-breadcrumb .bm-breadcrumb-current{flex-basis:100%;white-space:normal;line-height:1.45} .premium-backdrop{min-height:220px;background-position:center} .premium-headline{padding:20px 16px!important}.premium-kicker{font-size:9px!important;letter-spacing:.65px!important} .premium-title{font-size:clamp(24px,7vw,34px)!important;line-height:1.08!important;overflow-wrap:anywhere} .premium-layout{grid-template-columns:1fr!important;gap:18px!important;padding:0 15px 20px!important} .premium-poster{width:min(168px,56vw)!important;margin:0 auto!important} .premium-facts{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px!important} .premium-fact{min-width:0;padding:9px!important}.premium-fact strong{display:block;margin:3px 0 0!important;white-space:normal;overflow-wrap:anywhere} .premium-synopsis{text-align:left!important;font-size:12px!important;line-height:1.7!important;padding:12px!important} .premium-card-content{padding:0 15px 21px!important} .premium-section-title{font-size:11px!important;margin:17px 0 9px!important} .premium-cast-grid{display:flex!important;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;gap:8px!important;padding:2px 1px 9px;scrollbar-width:thin} .premium-cast-card{flex:0 0 88px;scroll-snap-align:start} .premium-spec-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important} .premium-spec{padding:9px!important}.premium-spec span{font-size:11px!important;white-space:normal!important;overflow-wrap:anywhere} .premium-audio-list,.premium-sub-list,.premium-gallery{grid-template-columns:1fr!important} .premium-audio-item{font-size:11px;line-height:1.5;padding:9px 10px} .premium-audit{padding:14px 12px}.premium-audit-item{grid-template-columns:25px 1fr;gap:8px;font-size:11px} .premium-trailer{width:100%!important;max-width:100%!important;padding-top:56.25%!important;border-radius:8px} .premium-reaction-action{width:calc(100% - 20px)!important;margin-top:13px}.premium-like-button{min-height:44px} .premium-vip-callout{width:calc(100% - 20px)!important;margin:15px auto 22px!important;border-radius:11px} .premium-vip-callout .vip-content{padding:18px 16px!important}.premium-vip-callout .vip-text h3{font-size:18px!important}.premium-vip-callout .vip-text p{font-size:12px!important;line-height:1.6!important} .bm-related{margin:17px 0 8px!important;padding:14px!important;border-radius:12px}.bm-related-title{font-size:14px}.bm-related-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important} .bm-footer-inner{width:calc(100% - 28px)!important;grid-template-columns:1fr!important;gap:18px!important;padding:24px 0 18px!important;text-align:center} .bm-footer-description{margin:8px auto 0!important}.bm-footer-links,.bm-footer-up{justify-content:center!important}.bm-footer-link,.bm-footer-top{min-height:40px} } @media (max-width:560px){ .catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important} .bm-catalog-tools{grid-template-columns:1fr!important}.bm-tool-field:first-child{grid-column:auto} .premium-backdrop{min-height:205px}.premium-headline{padding:18px 14px!important} .premium-facts{grid-template-columns:1fr 1fr!important} .bm-related-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important} .premium-top-stat span{display:none}.premium-top-stat{min-width:58px;justify-content:center} } @media (max-width:370px){ .nav-link,.nav-link.series{font-size:8px!important}.bm-logo-name{font-size:22px} .premium-facts,.premium-spec-grid{grid-template-columns:1fr!important} } @keyframes pulse { 0% { transform: scale(1); box-shadow: 0 0 20px #00d4ff; } 50% { transform: scale(1.1); box-shadow: 0 0 30px #00d4ff; } 100% { transform: scale(1); box-shadow: 0 0 20px #00d4ff; } } .panel-overlay { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.95); z-index: 999999998; overflow-y: auto; } .panel-container { max-width: 900px; margin: 40px auto; background: #111; border: 2px solid #00d4ff; border-radius: 20px; padding: 30px; color: white; } .captura-thumb { position: relative; display: inline-block; margin: 5px; } .captura-thumb img { width: 100px; height: 60px; object-fit: cover; border: 2px solid #00d4ff; border-radius: 5px; } .captura-thumb button { position: absolute; top: -8px; right: -8px; background: red; color: white; border: none; border-radius: 50%; width: 20px; height: 20px; cursor: pointer; } .info-log { background: #000; border: 1px solid #333; border-radius: 8px; padding: 15px; color: #0f0; font-family: monospace; min-height: 60px; margin-top: 20px; } .input-field { width: 100%; background: #000; border: 1px solid #333; padding: 10px 12px; color: #fff; border-radius: 6px; box-sizing: border-box; margin-bottom: 10px; } .label { display: block; color: #00d4ff; font-size: 12px; margin-bottom: 4px; } .btn-primary { background: #00d4ff; color: #000; border: none; padding: 12px; border-radius: 8px; font-weight: bold; cursor: pointer; } .btn-secondary { background: #333; color: #00d4ff; border: 1px solid #00d4ff; padding: 12px; border-radius: 8px; font-weight: bold; cursor: pointer; } .grid-2 { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; } #catalogoEditorForoOverlay{display:none;position:fixed;inset:0;z-index:2147483000;background:rgba(2,6,12,.82);backdrop-filter:blur(14px);overflow:auto;padding:28px 16px} #catalogoEditorForo{width:100%;max-width:1260px;margin:0 auto;background:linear-gradient(155deg,#0d1420 0%,#080d15 48%,#070b11 100%);color:#fff;border:1px solid rgba(102,157,210,.22);border-radius:20px;box-shadow:0 35px 110px rgba(0,0,0,.78),0 0 0 1px rgba(255,255,255,.025) inset;font-family:Inter,Arial,sans-serif;overflow:hidden} #catalogoEditorForo *{box-sizing:border-box} .cef-head{display:flex;align-items:center;justify-content:space-between;padding:16px 22px;border-bottom:1px solid rgba(91,140,187,.2);background:rgba(11,18,29,.9);backdrop-filter:blur(18px);position:sticky;top:0;z-index:5} .cef-head h2{margin:0;background:linear-gradient(90deg,#fff,#76eaff);-webkit-background-clip:text;background-clip:text;color:transparent;font-size:21px;font-weight:800;letter-spacing:-.3px} .cef-head small{display:block;color:#8193a8;font-size:12px;margin-top:5px} .cef-close{width:40px;height:40px;display:grid;place-items:center;background:#121c29;border:1px solid #2a3a4d;border-radius:12px;color:#b9c9d9;font-size:26px;line-height:1;cursor:pointer;padding:0;transition:.2s} .cef-close:hover{color:#fff;border-color:#00d4ff;background:#102b38;transform:rotate(4deg)} .cef-body{padding:16px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:start} .cef-section{position:relative;background:linear-gradient(145deg,rgba(19,30,44,.88),rgba(10,17,27,.94));border:1px solid rgba(80,119,155,.25);padding:15px;border-radius:13px;margin:0;box-shadow:0 8px 22px rgba(0,0,0,.14);transition:border-color .2s,transform .2s} .cef-wide,.cef-actions,#cefPreview{grid-column:1/-1} .cef-section:hover{border-color:rgba(0,212,255,.3)} .cef-section h3{color:#dcefff;margin:0 0 12px;font-size:12px;font-weight:800;letter-spacing:.65px;text-transform:uppercase} .cef-section-title{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:15px} .cef-section-title h3{margin:0} .cef-grid2{display:grid;grid-template-columns:1fr 1fr;gap:10px} .cef-grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:10px} .cef-full{grid-column:1/-1} .cef-field label{display:block;color:#8fa5ba;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.75px;margin:0 0 6px} .cef-input,.cef-textarea,.cef-select{width:100%;background:rgba(4,9,15,.84);border:1px solid #28394b;color:#f5f9fc;border-radius:8px;padding:9px 11px;outline:none;font:inherit;font-size:12px;transition:border-color .2s,box-shadow .2s,background .2s} .cef-input:hover,.cef-textarea:hover,.cef-select:hover{border-color:#3c536b;background:#07101a} .cef-input:focus,.cef-textarea:focus,.cef-select:focus{border-color:#00d4ff;background:#06121b;box-shadow:0 0 0 3px rgba(0,212,255,.1)} .cef-textarea{min-height:78px;resize:vertical;line-height:1.45} .cef-audit-input{min-height:92px;border-color:#315266;background:linear-gradient(145deg,#061015,#050708)} .cef-row{display:flex;gap:10px;align-items:stretch} .cef-row .cef-input,.cef-row .cef-select{flex:1} .cef-btn{border:0;border-radius:8px;padding:9px 13px;font-weight:800;cursor:pointer;transition:transform .2s,filter .2s,background .2s,border-color .2s;font-size:10px;letter-spacing:.35px;white-space:nowrap} .cef-btn:disabled{opacity:.55;cursor:not-allowed} .cef-primary{background:linear-gradient(135deg,#00d4ff,#188bff);color:#001016;box-shadow:0 8px 20px rgba(0,174,255,.16)} .cef-primary:hover{filter:brightness(1.1);transform:translateY(-1px)} .cef-secondary{background:#121d29;color:#70e8ff;border:1px solid #31506a} .cef-secondary:hover{background:#153047;color:#fff;border-color:#00d4ff;transform:translateY(-1px)} .cef-danger{background:#221315;color:#ff7373;border:1px solid #5b292d} .cef-status{min-height:18px;margin-top:10px;color:#7f929d;font-size:12px} .cef-status.ok{color:#55d6a0}.cef-status.error{color:#ff7070} .cef-help{color:#71869b;font-size:10px;line-height:1.45;margin-top:7px} .cef-preview-image{display:none;margin-top:14px;text-align:center} .cef-preview-image img{max-width:180px;max-height:270px;border-radius:9px;border:2px solid #00d4ff;box-shadow:0 0 22px rgba(0,212,255,.2)} .cef-cover-backdrop{display:grid;grid-template-columns:160px 1fr;gap:12px;align-items:start} .cef-backdrop-preview{height:92px;border:1px solid #26323a;border-radius:8px;background:#050708 center/cover no-repeat;display:flex;align-items:center;justify-content:center;color:#596872;font-size:10px;text-align:center;overflow:hidden;cursor:grab;touch-action:none;user-select:none} .cef-backdrop-preview.is-dragging{cursor:grabbing;border-color:#00d4ff;box-shadow:0 0 0 2px rgba(0,212,255,.1)} .cef-checks{display:flex;flex-wrap:wrap;gap:8px;margin:0} .cef-check{display:flex;align-items:center;gap:7px;background:#0a0f12;border:1px solid #26323a;border-radius:7px;padding:8px 10px;color:#d9e1e5;font-size:11px} .cef-check input{accent-color:#00d4ff} .cef-chipbox{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px} .cef-chip{display:inline-flex;align-items:center;gap:6px;background:#0a1114;border:1px solid #27758a;border-radius:13px;padding:5px 8px;color:#dcebef;font-size:10px} .cef-chip button{background:none;border:0;color:#ff6767;cursor:pointer;padding:0;font-weight:bold} .cef-seo-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px} .cef-copy-row{display:flex;gap:7px;align-items:stretch}.cef-copy-row .cef-input,.cef-copy-row .cef-textarea{flex:1}.cef-copy-mini{min-width:78px} .cef-counter{display:block;text-align:right;color:#64788d;font-size:9px;margin-top:4px} .cef-seo-note{display:flex;gap:8px;align-items:flex-start;background:rgba(0,212,255,.055);border:1px solid rgba(0,212,255,.16);border-radius:9px;padding:9px 11px;color:#8fa7ba;font-size:10px;line-height:1.45;margin-top:10px} .cef-actions{display:grid;grid-template-columns:1fr 1.25fr 1fr;gap:8px;margin:0;padding:9px;background:rgba(7,13,21,.92);border:1px solid rgba(71,105,139,.25);border-radius:12px;position:sticky;bottom:8px;z-index:4;box-shadow:0 14px 30px rgba(0,0,0,.38);backdrop-filter:blur(14px)} #cefPreview{display:none;background:#050708;border:1px solid #26323a;border-radius:12px;padding:15px;margin-top:15px} #cefOutput{display:none} #cefHtmlCode{width:100%;min-height:430px;background:#020303;border:1px solid #00d4ff;color:#c9ffcf;border-radius:8px;padding:14px;font:12px/1.45 Consolas,monospace;resize:vertical} #cefTrailerPreview{display:none;margin-top:12px;position:relative;padding-top:56.25%;border-radius:9px;overflow:hidden;background:#050708;border:1px solid #26323a} #cefTrailerPreview iframe{position:absolute;inset:0;width:100%;height:100%;border:0} .cef-preview-post{max-width:1000px;margin:0 auto;background:#000;color:#fff;padding:15px;font-family:Arial,sans-serif} .cef-preview-post .premium-movie-card{margin:0;max-width:100%;} .cef-preview-post .premium-poster{max-width:100%;} @media(max-width:760px){#catalogoEditorForoOverlay{padding:6px}.cef-body{padding:10px;grid-template-columns:1fr}.cef-wide,.cef-actions,#cefPreview{grid-column:auto}.cef-head{padding:13px}.cef-head h2{font-size:18px}.cef-grid2,.cef-grid3,.cef-cover-backdrop,.cef-seo-grid{grid-template-columns:1fr}.cef-full{grid-column:auto}.cef-actions{grid-template-columns:1fr}.cef-row{flex-wrap:wrap}.cef-preview-post .movie-header-panel{grid-template-columns:1fr;gap:18px}.cef-preview-post .movie-cover{max-width:240px;margin:auto}.cef-preview-post .movie-header-info h1{font-size:30px}.cef-preview-post .audio-sub-grid{grid-template-columns:1fr}.cef-preview-post .divider-vertical{display:none}} /* V185 路 aceptaci贸n de reglas integrada y lectores reales */ .nx-rules-readers{margin:28px 0 6px;padding:24px;border:1px solid rgba(128,145,255,.2);border-radius:18px;background:linear-gradient(145deg,rgba(13,19,35,.96),rgba(21,20,44,.94));box-shadow:0 18px 50px rgba(0,0,0,.22)} .nx-rules-readers-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:18px}.nx-rules-readers-head span{font-size:10px;font-weight:800;letter-spacing:2px;color:#8796d2}.nx-rules-readers-head h2{margin:4px 0 2px;font-size:21px;color:#f5f7ff}.nx-rules-readers-head p{margin:0;color:#9aa5c7}.nx-rules-readers-head>strong{white-space:nowrap;border:1px solid #354064;border-radius:999px;padding:7px 11px;color:#aeb9e2;font-size:11px} .nx-rules-readers-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:12px}.nx-rules-reader{min-width:0;text-align:center;padding:13px 8px;border:1px solid rgba(116,133,210,.16);border-radius:14px;background:rgba(7,11,23,.55)}.nx-rules-reader-avatar{width:54px;height:54px;margin:0 auto 7px;border-radius:50%;overflow:hidden;display:grid;place-items:center;background:linear-gradient(135deg,#4762ee,#9a55dc);box-shadow:0 0 0 3px rgba(111,130,255,.12),0 0 24px rgba(102,93,255,.18);font-size:15px;font-weight:900;color:white}.nx-rules-reader-avatar img{width:100%;height:100%;object-fit:cover}.nx-rules-reader strong,.nx-rules-reader small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nx-rules-reader strong{font-size:12px;color:#eef1ff}.nx-rules-reader small{font-size:10px;color:#7f8aac}.nx-rules-readers-empty{grid-column:1/-1;margin:0;padding:20px;text-align:center;color:#8792b2} .nx-rules-account-accept{margin-top:30px!important;border:1px solid rgba(128,145,255,.28)!important;background:linear-gradient(135deg,rgba(17,27,52,.98),rgba(31,20,52,.96))!important;border-radius:18px!important;box-shadow:0 18px 50px rgba(0,0,0,.25)} body.nx-rules-required .nx-rules-page{animation:none!important}.nx-rules-page{max-width:1180px;margin:0 auto;padding-bottom:36px} @media(max-width:700px){.nx-rules-readers-head{align-items:flex-start;flex-direction:column}.nx-rules-readers-list{grid-template-columns:repeat(3,minmax(0,1fr))}} /* V185 路 acceso visual seg煤n estado de cuenta */ body:not(.nx-account-member) [onclick*="nxOpenPlay"], body:not(.nx-account-member) [onclick*="nxOpenChat"], body:not(.nx-account-member) [onclick*="nxOpenMessages"], body:not(.nx-account-member) [onclick*="nxOpenProfile"], body:not(.nx-account-member) [onclick*="nxOpenSettings"], body:not(.nx-account-member) .nx-avatar{display:none!important} body:not(.nx-account-admin) [onclick*="mostrarCatalogoEditorForo"]{display:none!important} body.nx-account-signed-in .nx-auth-nav-login, body.nx-account-signed-in .nx-auth-nav-register{display:none!important} body:not(.nx-account-member) #nxPlayPage, body:not(.nx-account-member) #nxChatPage, body:not(.nx-account-member) #nxMessagesPage, body:not(.nx-account-member) #nxUserProfilePage, body:not(.nx-account-member) #nxSettingsPage{display:none!important} /* V186 路 acci贸n de moderaci贸n del chat */ .nx-chat-message-actions button.nx-chat-delete{display:inline-flex;align-items:center;justify-content:center;min-width:34px;width:34px;height:30px;padding:0;color:#b8bfd6} .nx-chat-message-actions button.nx-chat-delete svg{width:16px;height:16px;fill:currentColor;display:block} .nx-chat-message-actions button.nx-chat-delete:hover{color:#ff8298;background:rgba(255,94,122,.08)} /* ========================================================= NEXORIA V187 路 ESTADO DE CUENTA SIN PARPADEOS ========================================================= */ body.nx-auth-pending .nx-nav .nx-auth-nav-login, body.nx-auth-pending .nx-nav .nx-auth-nav-register, body.nx-auth-pending .nx-mobile-menu-grid .nx-auth-nav-login, body.nx-auth-pending .nx-mobile-menu-grid .nx-auth-nav-register{visibility:hidden!important;pointer-events:none!important} body.nx-auth-pending:not(.nx-account-signed-in) [onclick*="nxOpenMessages"], body.nx-auth-pending:not(.nx-account-signed-in) [onclick*="nxOpenProfile"], body.nx-auth-pending:not(.nx-account-signed-in) [onclick*="nxOpenSettings"], body.nx-auth-pending:not(.nx-account-signed-in) .nx-avatar, body.nx-auth-pending:not(.nx-account-admin) .nx-admin-nav-link{visibility:hidden!important;pointer-events:none!important} body.nx-account-signed-in .nx-auth-nav-login, body.nx-account-signed-in .nx-auth-nav-register, body.nx-account-signed-in .nx-nav [onclick*="nxOpenAuth('login')"], body.nx-account-signed-in .nx-nav [onclick*='nxOpenAuth("login")'], body.nx-account-signed-in .nx-nav [onclick*="nxOpenAuth('register')"], body.nx-account-signed-in .nx-nav [onclick*='nxOpenAuth("register")'], body.nx-account-signed-in .nx-mobile-menu-grid [onclick*="nxOpenAuth('login')"], body.nx-account-signed-in .nx-mobile-menu-grid [onclick*='nxOpenAuth("login")'], body.nx-account-signed-in .nx-mobile-menu-grid [onclick*="nxOpenAuth('register')"], body.nx-account-signed-in .nx-mobile-menu-grid [onclick*='nxOpenAuth("register")']{display:none!important} body:not(.nx-account-admin) .nx-admin-nav-link{display:none!important} body.nx-account-admin .nx-admin-nav-link{display:flex!important} /* Lectores de reglas: compacto, avatar + usuario y tooltip nativo al pasar el mouse */ .nx-rules-readers{padding:16px 18px!important;margin:22px 0 6px!important;border-radius:14px!important} .nx-rules-readers-head{align-items:center!important;margin-bottom:11px!important;gap:12px!important} .nx-rules-readers-head h2{font-size:17px!important;margin:2px 0!important} .nx-rules-readers-head p{font-size:11px!important} .nx-rules-readers-head>strong{padding:5px 9px!important;font-size:10px!important} .nx-rules-readers-list{display:flex!important;flex-wrap:wrap!important;gap:8px!important;align-items:flex-start!important} .nx-rules-reader{width:48px!important;min-width:48px!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;text-align:center!important;cursor:help!important} .nx-rules-reader-avatar{width:34px!important;height:34px!important;margin:0 auto 3px!important;font-size:10px!important;box-shadow:0 0 0 2px rgba(111,130,255,.12),0 0 12px rgba(102,93,255,.13)!important} .nx-rules-reader-name{display:block!important;max-width:48px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:8px!important;line-height:1.2!important;color:#8e99bb!important} .nx-rules-reader strong{display:none!important} .nx-rules-reader small:not(.nx-rules-reader-name){display:none!important} .nx-rules-readers-empty{width:100%!important;padding:10px!important;font-size:11px!important} @media(max-width:700px){.nx-rules-readers-head{flex-direction:row!important}.nx-rules-readers-head p{display:none}.nx-rules-reader{width:44px!important;min-width:44px!important}.nx-rules-reader-name{max-width:44px!important}} /* V187 路 si Firebase ya conoce la sesi贸n, el avatar no espera la consulta de reglas */ body.nx-account-signed-in .nx-avatar{display:flex!important} /* ========================================================= NEXORIA V191 路 ROLES VISIBLES Y COMENTARIOS ADMIN COHERENTES ========================================================= */ .nx-comment-card.is-admin{ border-color:rgba(243,201,105,.22)!important; background:linear-gradient(90deg,rgba(243,201,105,.055),rgba(124,92,255,.02) 72%,#0e131a)!important; } .nx-comment-card.is-admin .nx-comment-avatar{ border-color:#e7c66f!important; box-shadow:0 0 0 1px rgba(243,201,105,.14)!important; } .nx-comment-card.is-admin .nx-comment-author-row strong{color:#f1d78d!important;} .nx-comment-card.is-admin .nx-comment-body{color:#d5cfbd!important;} .nx-comment-admin-badge{ border-color:rgba(243,201,105,.28)!important; background:rgba(243,201,105,.07)!important; color:#e7c66f!important; } .nx-comment-card.is-admin .nx-comment-number{color:#c8a85d!important;border-color:rgba(243,201,105,.14)!important;} /* V192 admin menu icon */ .nx-admin-nav-link .nx-admin-menu-icon{display:grid;place-items:center;width:25px;height:25px;border-radius:8px;background:linear-gradient(145deg,#ff414d,#8e101b);color:#fff!important;font:900 13px/1 Inter,system-ui,sans-serif;box-shadow:0 0 0 1px rgba(255,92,103,.35),0 5px 16px rgba(160,20,30,.28);letter-spacing:-1px}.nx-admin-nav-link:hover .nx-admin-menu-icon{transform:translateY(-1px);box-shadow:0 0 0 1px rgba(255,120,130,.65),0 7px 20px rgba(190,25,35,.36)} /* V193 路 Admin compacto + sesi贸n estable */ .nx-admin-nav-link .nx-admin-menu-icon{ width:18px!important;height:18px!important;min-width:18px!important;min-height:18px!important; flex:0 0 18px!important;border-radius:5px!important;font-size:9px!important;line-height:18px!important; letter-spacing:0!important;box-shadow:0 0 0 1px rgba(255,92,103,.32),0 2px 7px rgba(160,20,30,.22)!important; } .nx-admin-nav-link:hover .nx-admin-menu-icon{transform:none!important;box-shadow:0 0 0 1px rgba(255,120,130,.52),0 3px 9px rgba(190,25,35,.28)!important} body.nx-account-signed-in #nxProfileLogoutButton{display:inline-flex!important;visibility:visible!important;opacity:1!important} body:not(.nx-account-signed-in) #nxProfileLogoutButton{display:none!important} /* V194 路 icono Admin integrado al estilo del men煤 */ .nx-admin-nav-link .nx-admin-menu-icon{ display:inline-flex!important;align-items:center!important;justify-content:center!important; width:18px!important;height:18px!important;min-width:18px!important;border:0!important;border-radius:0!important; background:none!important;box-shadow:none!important;color:#ff6570!important;font:400 14px/1 system-ui,sans-serif!important; letter-spacing:0!important;transform:none!important; } .nx-admin-nav-link:hover .nx-admin-menu-icon{transform:none!important;box-shadow:none!important;color:#ff8790!important} /* V195 路 Nexoria VIP access popup */ body.nx-vip-popup-open{overflow:hidden} .nx-vip-access-popup{position:fixed;inset:0;z-index:99999;display:grid;place-items:center;padding:24px;opacity:0;pointer-events:none;transition:opacity .18s ease} .nx-vip-access-popup.is-open{opacity:1;pointer-events:auto} .nx-vip-access-backdrop{position:absolute;inset:0;background:rgba(3,6,12,.78);backdrop-filter:blur(12px)} .nx-vip-access-card{position:relative;width:min(520px,100%);padding:32px;border:1px solid rgba(245,195,79,.42);border-radius:24px;background:linear-gradient(155deg,rgba(29,25,42,.98),rgba(12,15,24,.99));box-shadow:0 28px 90px rgba(0,0,0,.5),0 0 42px rgba(245,195,79,.11);text-align:center;overflow:hidden} .nx-vip-access-card:before{content:"";position:absolute;inset:-110px auto auto 50%;width:280px;height:220px;transform:translateX(-50%);background:radial-gradient(circle,rgba(245,195,79,.22),transparent 70%);pointer-events:none} .nx-vip-access-close{position:absolute;top:14px;right:14px;width:36px;height:36px;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:rgba(255,255,255,.04);color:#dce2ef;font-size:22px;cursor:pointer} .nx-vip-access-crown{position:relative;width:62px;height:62px;margin:0 auto 13px;display:grid;place-items:center;border-radius:18px;border:1px solid rgba(245,195,79,.38);background:linear-gradient(145deg,rgba(245,195,79,.2),rgba(245,195,79,.06));color:#ffd977;font-size:30px;box-shadow:0 0 32px rgba(245,195,79,.12)} .nx-vip-access-eyebrow{display:block;margin-bottom:8px;color:#f4c75f;font-size:11px;font-weight:800;letter-spacing:.18em} .nx-vip-access-card h2{margin:0;color:#fff;font-size:25px;line-height:1.15} .nx-vip-access-card>p{max-width:410px;margin:10px auto 22px;color:#9aa7bb;font-size:14px;line-height:1.6} .nx-vip-access-links{display:grid;gap:10px} .nx-vip-access-link{display:grid;grid-template-columns:40px 1fr auto;align-items:center;gap:12px;padding:14px 16px;border:1px solid rgba(245,195,79,.28);border-radius:16px;background:rgba(245,195,79,.065);color:#fff;text-decoration:none;text-align:left;transition:transform .16s ease,border-color .16s ease,background .16s ease} .nx-vip-access-link:hover{transform:translateY(-1px);border-color:rgba(245,195,79,.62);background:rgba(245,195,79,.11)} .nx-vip-access-link-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:rgba(245,195,79,.13);color:#ffd977;font-size:18px} .nx-vip-access-link span:nth-child(2){display:grid;gap:3px;min-width:0} .nx-vip-access-link small{color:#a89768;font-size:9px;font-weight:800;letter-spacing:.13em} .nx-vip-access-link strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px} .nx-vip-access-link b{color:#ffd977;font-size:11px;letter-spacing:.08em} .nx-vip-access-foot{margin-top:16px;color:#68758a;font-size:11px} @media(max-width:600px){.nx-vip-access-popup{padding:14px}.nx-vip-access-card{padding:28px 18px 22px;border-radius:20px}.nx-vip-access-link{grid-template-columns:38px 1fr}.nx-vip-access-link>b{grid-column:2}.nx-vip-access-card h2{font-size:22px}}