:root {
            --bg-page: #010409; --bg-card: #0d1117; --sidebar-color: #0a192f;
            --accent: #00ff88; --hover-yellow: #ffea00; --border: rgba(255, 255, 255, 0.05);
            --text-main: #ffffff; --sidebar-width: 260px; --progress-red: #ff0000;
        }
        body { background: var(--bg-page); color: white; font-family: 'Inter', sans-serif; margin: 0; display: flex; height: 100vh; overflow: hidden; }
        img { -webkit-user-drag: none; user-select: none; pointer-events: none; }

        .sidebar { position: fixed; top: 0; left: 0; bottom: 0; width: var(--sidebar-width); background: var(--sidebar-color); border-right: 2px solid var(--accent); padding: 25px; z-index: 1100; display: flex; flex-direction: column; box-sizing: border-box; }
        .logo { font-weight: 900; color: var(--accent); font-size: 22px; text-transform: uppercase; text-align: center; margin-bottom: 40px; letter-spacing: 1px; }
        .side-title { font-size: 11px; color: var(--accent); text-transform: uppercase; margin: 20px 0 10px 0; font-weight: bold; display: block; opacity: 0.8; }
        .side-link { display: flex; align-items: center; gap: 12px; padding: 10px 13px; color: var(--text-main); text-decoration: none; font-size: 14px; border-radius: 8px; margin-bottom: 5px; background: rgba(255,255,255,0.03); cursor: pointer; border: none; width: 100%; text-align: left; transition: 0.3s; }
        .side-link svg { width: 18px; height: 18px; fill: currentColor; flex-shrink: 0; }
        .side-link:hover { background: var(--accent); color: #000; }
        
        #searchContainer { position: relative; width: 100%; margin-bottom: 5px; }
        #searchInput { display: none; width: 100%; padding: 12px 15px; background: #000; border: 1px solid var(--accent); color: white; border-radius: 8px; font-size: 14px; box-sizing: border-box; outline: none; }

        .content-area { flex: 1; margin-left: var(--sidebar-width); display: flex; flex-direction: column; height: 100vh; position: relative; }
        .top-nav { height: 60px; background: var(--bg-card); border-bottom: 1px solid var(--border); display: flex; align-items: center; padding: 0 30px; justify-content: flex-end; gap: 15px; flex-shrink: 0; z-index: 1000; }
        .stats-wrapper {
            margin-right:auto;
            display:flex;
            align-items:center;
            gap:10px;
            flex-wrap:nowrap;
            font-family:'Outfit',sans-serif;
        }
        .cm-top-stats-line {
            display:flex;
            align-items:center;
            gap:8px;
            flex-wrap:nowrap;
        }
        .cm-top-stat,
        .cm-top-like-stat {
            display:inline-flex;
            align-items:center;
            gap:7px;
            height:34px;
            padding:0 11px;
            border:1px solid rgba(0,255,136,.14);
            border-radius:9px;
            background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.015));
            box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
            color:#8b949e;
            font-family:'Outfit',sans-serif;
            font-size:10px;
            font-weight:700;
            letter-spacing:.45px;
            text-transform:uppercase;
            white-space:nowrap;
            box-sizing:border-box;
        }
        .cm-top-stat svg {
            color:var(--accent);
            opacity:.95;
            flex:none;
        }
        .cm-top-stat-value,
        .cm-top-like-count {
            color:#fff;
            font-size:12px;
            font-weight:900;
            letter-spacing:.15px;
            text-transform:none;
        }
        .cm-top-online-dot {
            width:7px;
            height:7px;
            background:#2ecc71;
            border-radius:50%;
            display:inline-block;
            box-shadow:0 0 6px #2ecc71;
            flex:none;
        }
        .cm-top-like-heart {
            color:#ff4d6d;
            font-size:14px;
            line-height:1;
            text-shadow:0 0 7px rgba(255,77,109,.28);
        }
        @media (max-width:760px){
            .stats-wrapper{gap:5px;}
            .cm-top-stats-line{gap:5px;}
            .cm-top-stat,.cm-top-like-stat{
                height:30px;
                padding:0 7px;
                font-size:8px;
                letter-spacing:.2px;
            }
            .cm-top-stat-value,.cm-top-like-count{font-size:10px;}
        }

        .user-avatar { width: 38px; height: 38px; border-radius: 50%; border: 2px solid var(--accent); object-fit: cover; display: none; cursor: pointer; transition: 0.3s; }
        .user-avatar:hover { transform: scale(1.1); box-shadow: 0 0 10px var(--accent); }

        .main-wrapper { padding: 30px; flex: 1; overflow-y: auto; scroll-behavior: smooth; padding-bottom: 80px; }
        .footer { position: fixed; bottom: 0; right: 0; left: var(--sidebar-width); height: 40px; background: var(--bg-card); border-top: 1px solid var(--border); display: flex; align-items: center; padding: 0 30px; z-index: 1000; }

        #adminPanel, #loginPanel { display: none; background: #0d1117; width: 100%; max-width: 1000px; padding: 25px; border-radius: 12px; border: 1px solid var(--accent); margin: 0 auto 20px auto; box-shadow: 0 10px 30px rgba(0,0,0,0.5); }
        .admin-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 30px; }
        input, select { background: #000; border: 1px solid var(--border); padding: 12px; color: white; border-radius: 6px; width: 100%; box-sizing: border-box; margin-bottom: 12px; }

        .progress-container { width: 100%; background: #000; height: 3px; border-radius: 10px; margin-bottom: 15px; display: none; overflow: hidden; border: 1px solid rgba(255,0,0,0.2); }
        #progressBar { width: 0%; height: 100%; background: var(--progress-red); box-shadow: 0 0 10px var(--progress-red); transition: width 0.3s; }

        .user-list { max-height: 540px; overflow-y: auto; background: transparent; border-radius: 12px; padding: 0 4px 0 0; }
        .user-item { display: flex; justify-content: space-between; align-items: center; padding: 13px; margin-bottom:8px; border:1px solid rgba(255,255,255,.07); border-radius:12px; gap:12px; background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(0,0,0,.16)); transition:border-color .2s,transform .2s,box-shadow .2s; }
        .user-item:hover{border-color:rgba(0,255,136,.28);transform:translateY(-1px);box-shadow:0 10px 24px rgba(0,0,0,.18)}
        .user-info{display:flex;align-items:center;gap:10px;min-width:0;flex:1}
        .cm-admin-user-avatar{width:38px;height:38px;flex:0 0 38px;display:grid;place-items:center;border-radius:11px;background:linear-gradient(145deg,rgba(0,255,136,.18),rgba(0,212,255,.08));border:1px solid rgba(0,255,136,.2);color:var(--accent);font:800 13px 'Outfit',sans-serif;text-transform:uppercase}
        .cm-admin-user-copy{min-width:0}.user-info b { color:#f3faf7; font:800 13px/1.25 'Outfit',sans-serif; display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis }
        .cm-admin-user-mail{display:block;color:#778891;font:600 10px/1.3 'Outfit',sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}
        .cm-admin-credit-badge{display:inline-flex;align-items:center;gap:5px;color:var(--accent);font:800 10px 'Outfit',sans-serif;margin-top:5px}.cm-admin-credit-badge:before{content:'CR';display:grid;place-items:center;width:20px;height:20px;border-radius:7px;background:rgba(0,255,136,.09);font-size:7px}
        .credit-ctrl { display: flex; gap: 6px; align-items: center; background: rgba(0,0,0,.22); padding: 6px; border:1px solid rgba(255,255,255,.06);border-radius:10px; }
        .in-mini { width: 68px !important; padding: 8px !important; margin: 0 !important; text-align: center; border-radius:8px!important;background:#071016!important; }
        .btn-plus,.btn-minus { width:34px;height:34px;display:grid;place-items:center;border:none;padding:0;border-radius:8px;cursor:pointer;font:900 17px/1 'Outfit',sans-serif;transition:transform .18s,filter .18s; }
        .btn-plus { background: var(--accent); color: #00150d; }.btn-minus { background:rgba(255,76,91,.12);border:1px solid rgba(255,76,91,.25);color:#ff6572; }.btn-plus:hover,.btn-minus:hover{transform:scale(1.06);filter:brightness(1.08)}
        .cm-user-admin-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.cm-user-admin-head h3{margin:0!important;color:#fff!important;font:800 17px 'Outfit',sans-serif!important}.cm-user-admin-head span{padding:6px 9px;border-radius:999px;background:rgba(0,255,136,.08);color:var(--accent);font:800 9px 'Outfit',sans-serif;letter-spacing:.6px}
        .cm-admin-user-search{width:100%!important;margin:0 0 12px!important;padding:12px 14px 12px 40px!important;background:#071016!important;border:1px solid rgba(0,255,136,.16)!important;border-radius:11px!important;color:#fff!important;font:600 12px 'Outfit',sans-serif!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none' stroke='%2300ff88' stroke-width='2' viewBox='0 0 24 24'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-4-4'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:13px center!important}
        .cm-tool-center{padding:22px;border:1px solid rgba(255,255,255,.07);border-radius:16px;background:linear-gradient(145deg,rgba(11,22,29,.98),rgba(4,12,17,.98))}.cm-tool-head small{color:var(--accent);font:800 9px 'Outfit',sans-serif;letter-spacing:1.2px}.cm-tool-head h3{margin:6px 0!important;color:#fff!important;font:800 21px 'Outfit',sans-serif!important}.cm-tool-head p{margin:0 0 20px;color:#7d8d96;font:500 12px/1.5 'Outfit',sans-serif}.cm-tool-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.cm-tool-card{display:flex;align-items:center;gap:12px;text-align:left;padding:15px!important;min-height:74px;background:rgba(255,255,255,.025)!important;border:1px solid rgba(255,255,255,.07)!important;border-radius:12px!important;color:#fff!important}.cm-tool-card:hover{border-color:rgba(0,255,136,.26)!important}.cm-tool-card i{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;background:rgba(0,255,136,.08);font-style:normal;font-size:17px}.cm-tool-card b{display:block;font:800 11px 'Outfit',sans-serif}.cm-tool-card small{display:block;margin-top:4px;color:#75858e;font:600 9px/1.3 'Outfit',sans-serif}.cm-tool-card.danger i{background:rgba(255,76,91,.1)}.cm-tool-note{margin-top:14px;padding:11px 13px;border-left:2px solid var(--accent);background:rgba(0,255,136,.035);color:#71818a;font:600 10px/1.45 'Outfit',sans-serif}
        .cm-thumb-migrator{margin-top:18px;padding:18px;border:1px solid rgba(0,212,255,.16);border-radius:14px;background:linear-gradient(145deg,rgba(0,212,255,.035),rgba(0,255,136,.018))}.cm-thumb-migrate-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.cm-thumb-migrate-head small{display:block;color:#00d4ff;font:850 8px 'Outfit',sans-serif;letter-spacing:1.3px}.cm-thumb-migrate-head h4{margin:6px 0 4px;color:#f2f8f6;font:800 16px 'Outfit',sans-serif}.cm-thumb-migrate-head p{margin:0;color:#76868f;font:500 10px/1.45 'Outfit',sans-serif}.cm-thumb-safe{flex:0 0 auto;padding:6px 8px;border:1px solid rgba(0,255,136,.18);border-radius:999px;background:rgba(0,255,136,.055);color:#70edb6;font:800 8px 'Outfit',sans-serif;letter-spacing:.6px}.cm-thumb-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:15px 0}.cm-thumb-stat{padding:10px;border:1px solid rgba(255,255,255,.065);border-radius:10px;background:rgba(0,0,0,.18)}.cm-thumb-stat small{display:block;color:#687983;font:750 8px 'Outfit',sans-serif;letter-spacing:.7px}.cm-thumb-stat b{display:block;margin-top:4px;color:#eef8f4;font:850 18px 'Outfit',sans-serif}.cm-thumb-stat.r2 b{color:#00ffa3}.cm-thumb-stat.imgbb b{color:#ffd166}.cm-thumb-progress{height:7px;overflow:hidden;border-radius:999px;background:#05090c;border:1px solid rgba(255,255,255,.055)}.cm-thumb-progress i{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#00d4ff,#00ffa3);transition:width .25s ease}.cm-thumb-migrate-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.cm-thumb-migrate-actions button{min-height:38px;padding:0 13px;border:1px solid rgba(255,255,255,.09);border-radius:9px;background:#101a20;color:#cbd9d4;font:800 9px 'Outfit',sans-serif;letter-spacing:.55px;cursor:pointer}.cm-thumb-migrate-actions button.primary{border-color:#00d4ff;background:#00d4ff;color:#001016}.cm-thumb-migrate-actions button.stop{border-color:rgba(255,94,125,.28);color:#ff8098;background:rgba(255,94,125,.06)}.cm-thumb-migrate-actions button:disabled{opacity:.45;cursor:not-allowed}.cm-thumb-status{min-height:17px;margin-top:11px;color:#84949d;font:600 10px/1.45 'Outfit',sans-serif}.cm-thumb-status.success{color:#70edb6}.cm-thumb-status.error{color:#ff8ea3}.cm-thumb-failures{display:none;margin-top:10px;max-height:135px;overflow:auto;padding:10px;border:1px solid rgba(255,94,125,.14);border-radius:9px;background:rgba(255,94,125,.035);color:#cf8c99;font:600 9px/1.5 'Outfit',sans-serif}.cm-thumb-failures b{color:#ff9aad}.cm-thumb-warning{margin-top:10px;color:#687983;font:500 9px/1.45 'Outfit',sans-serif}@media(max-width:650px){.cm-thumb-migrate-head{display:block}.cm-thumb-safe{display:inline-flex;margin-top:10px}.cm-thumb-stats{grid-template-columns:repeat(2,1fr)}}
        .cm-seo-publisher{margin-top:24px;padding:20px;border:1px solid rgba(0,255,136,.18);border-radius:15px;background:linear-gradient(145deg,rgba(0,255,136,.045),rgba(0,212,255,.02));font-family:'Outfit',sans-serif}.cm-seo-pub-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:18px}.cm-seo-pub-head h4{margin:0 0 5px!important;color:#fff!important;font:800 17px 'Outfit',sans-serif!important}.cm-seo-pub-head p{margin:0;color:#81919a;font:500 11px/1.45 'Outfit',sans-serif}.cm-seo-badge{flex:0 0 auto;padding:6px 9px;border:1px solid rgba(0,255,136,.22);border-radius:999px;color:var(--accent);background:rgba(0,255,136,.06);font:800 8px 'Outfit',sans-serif;letter-spacing:.8px}.cm-seo-step{margin-top:12px;padding:15px;border:1px solid rgba(255,255,255,.07);border-radius:12px;background:rgba(3,10,15,.55)}.cm-seo-step-title{display:flex;align-items:center;gap:9px;margin-bottom:11px;color:#f4fbf8;font:800 12px 'Outfit',sans-serif}.cm-seo-step-title b{display:grid;place-items:center;width:23px;height:23px;border-radius:8px;background:rgba(0,255,136,.1);color:var(--accent);font-size:10px}.cm-seo-input-row{display:flex;gap:8px}.cm-seo-input{min-width:0;flex:1;margin:0!important;padding:11px 13px!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:10px!important;background:#061017!important;color:#edf8f4!important;font:600 11px 'Outfit',sans-serif!important}.cm-seo-btn{flex:0 0 auto;margin:0!important;padding:10px 14px!important;border:1px solid rgba(0,255,136,.28)!important;border-radius:10px!important;background:rgba(0,255,136,.1)!important;color:var(--accent)!important;font:800 9px 'Outfit',sans-serif!important;letter-spacing:.35px;cursor:pointer}.cm-seo-btn.primary{background:var(--accent)!important;color:#002016!important}.cm-seo-btn:disabled{opacity:.4;cursor:not-allowed}.cm-seo-result{display:none;margin-top:12px}.cm-seo-preview{display:flex;align-items:center;gap:12px;padding:11px;border:1px solid rgba(0,212,255,.12);border-radius:11px;background:rgba(0,212,255,.025)}.cm-seo-preview img{width:70px;height:50px;object-fit:cover;border-radius:8px;background:#020609}.cm-seo-preview b{display:block;color:#fff;font-size:12px}.cm-seo-preview small{display:block;margin-top:4px;color:#78909b;font-size:9px}.cm-seo-fields{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:10px}.cm-seo-field{min-width:0;padding:11px;border:1px solid rgba(255,255,255,.07);border-radius:10px;background:rgba(255,255,255,.02)}.cm-seo-field.wide{grid-column:1/-1}.cm-seo-field-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px}.cm-seo-field label{color:#77909d;font:800 8px 'Outfit',sans-serif;letter-spacing:.7px;text-transform:uppercase}.cm-seo-copy{border:0;background:none;color:var(--accent);font:800 8px 'Outfit',sans-serif;cursor:pointer}.cm-seo-value{max-height:92px;overflow:auto;color:#dce9e5;font:500 10px/1.45 'Outfit',sans-serif;white-space:pre-wrap;word-break:break-word}.cm-seo-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:11px}.cm-seo-status{display:none;margin-top:11px;padding:11px 13px;border-radius:10px;font:700 10px/1.45 'Outfit',sans-serif}.cm-seo-status.ok{display:block;color:#5fffb1;border:1px solid rgba(0,255,136,.2);background:rgba(0,255,136,.055)}.cm-seo-status.warn{display:block;color:#ffd46a;border:1px solid rgba(255,194,40,.2);background:rgba(255,194,40,.055)}.cm-seo-status.error{display:block;color:#ff8590;border:1px solid rgba(255,76,91,.23);background:rgba(255,76,91,.06)}
        @media(max-width:700px){.user-item{align-items:stretch;flex-direction:column}.credit-ctrl{justify-content:flex-end}.in-mini{flex:1;width:auto!important}.cm-tool-grid,.cm-seo-fields{grid-template-columns:1fr}.cm-user-admin-head,.cm-seo-pub-head{align-items:flex-start;flex-direction:column}.cm-seo-publisher{padding:14px}.cm-seo-input-row{flex-direction:column}.cm-seo-btn{width:100%}.cm-seo-field.wide{grid-column:auto}}

        /* --- TIENDA DISEÑO ACTUALIZADO --- */
        .shop-container { display: grid; grid-template-columns: 1fr 1fr; gap: 30px; margin-top: 20px; }
        .shop-column { background: rgba(255,255,255,0.02); padding: 20px; border-radius: 12px; border: 1px solid var(--border); }
        .shop-column h2 { color: var(--accent); font-size: 18px; text-align: center; margin-bottom: 20px; text-transform: uppercase; letter-spacing: 1px; }
        .shop-grid { display: grid; grid-template-columns: 1fr; gap: 15px; }
        .shop-card { background: var(--bg-card); border: 1px solid var(--border); border-radius: 12px; padding: 20px; text-align: center; transition: 0.3s; display: flex; flex-direction: column; align-items: center; justify-content: center; }
        .shop-card:hover { border-color: var(--accent); transform: translateY(-5px); }
        .shop-card h3 { color: var(--accent); font-size: 22px; margin: 0 0 10px 0; }
        .shop-card .price { font-size: 18px; font-weight: bold; display: block; margin-bottom: 15px; color: #fff; }
        .payment-info { margin-top: 15px; font-size: 12px; color: #8b949e; text-align: center; line-height: 1.4; border-top: 1px solid var(--border); padding-top: 10px; }

        .section-separator, .cat-title-wrapper { color: var(--accent); font-size: 18px; font-weight: 900; text-transform: uppercase; margin: 30px 0 15px 0; display: flex; align-items: center; gap: 10px; }
        .section-separator::after, .cat-title-wrapper::after { content: ""; height: 2px; background: var(--accent); flex: 1; box-shadow: 0 0 8px var(--accent); opacity: 0.6; }

        .gallery-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 20px; width: 100%; margin-top: 10px; margin-bottom: 30px; }
        .media-item { background: var(--bg-card); border-radius: 10px; border: 1px solid var(--border); overflow: hidden; padding: 12px; transition: 0.3s; position: relative; }
        .media-item:hover { transform: translateY(-8px); border-color: var(--accent); }

        .thumb-container { width: 100%; border-radius: 6px; overflow: hidden; position: relative; background: #000; cursor: pointer; }
        .media-thumb { width: 100%; height: auto; max-height: 400px; object-fit: contain; display: block; }
        
        .item-info { padding-top: 12px; }
        .item-name { font-size: 14px; display: block; margin: 0 0 5px 0; font-weight: 900; color: #fff; }
        .item-category { color: var(--accent); font-weight: bold; font-size: 10px; text-transform: uppercase; display: block; margin-bottom: 8px; }
        .item-details { display: flex; justify-content: space-between; font-size: 11px; color: #8b949e; margin-bottom: 12px; }

        .actions-row { display: flex; gap: 8px; margin-top: 10px; }
        .btn-action { flex: 1; background: var(--accent); color: #000; border: none; padding: 12px; font-weight: 900; border-radius: 5px; cursor: pointer; text-transform: uppercase; font-size: 11px; transition: 0.3s; }
        .btn-action:hover { background: var(--hover-yellow); color: #000; box-shadow: 0 0 15px var(--hover-yellow); }

        .admin-delete-btn { background: #ff4444; border: none; border-radius: 5px; width: 42px; height: 41px; cursor: pointer; display: none; align-items: center; justify-content: center; }
        .admin-delete-btn svg { width: 18px; height: 18px; fill: white; }

        .home-hero { margin-bottom: 25px; border-left: 3px solid var(--accent); padding: 5px 0 5px 15px; }
        .home-hero h1 { font-size: 22px; font-weight: 900; margin: 0; text-transform: uppercase; color: var(--accent); letter-spacing: 1px; }
        .home-hero p { color: #8b949e; margin: 5px 0 0 0; font-size: 14px; opacity: 0.9; }

        /* Estilos Extra Ficha Individual */
        .spec-label { color: var(--accent); font-weight: bold; font-size: 11px; text-transform: uppercase; }
        .spec-value { color: #fff; font-size: 14px; margin-bottom: 10px; display: block; }
        /* SEO V3: la ficha usa un único módulo visual de información. */
        #gallery-display .spec-label, #gallery-display .spec-value { display:none !important; }

        /* --- EFECTOS DE UPLOADER --- */
        .uploader-effect {
          color: #FF0000;
          font-weight: bold;
          text-shadow: 0 0 3px #FF0000, 0 0 7px #660055;
          background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmTGqB4NSOOusUv2jBT1Qb3gq8gAUUzOq3jyqwgVew0S_yrTM-jnW8GGy0JuVyL9hamowXzH9rbIYSLsJdsz6SBfjjTsjbBeRFNuwNV2HTPLq6jLl6cPJSAb68n7RghzOnu4-8qnvG4sNsll8lt6e9cJSs78BTqntXwTolHjkpo_bIsu0g4qpJ8k1_pXo/s1600/753455ae56bd.gif") repeat scroll 0 0%, url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQz8Xb5J5AgmhnZdU4wjdQ1mcnvtQJI9L-btPYKPHQxrey3MjqodKCqUmfURLRVBy7nzy8MV1OgJzvdKMwIIr_wWV3ZgV20dpGGocgov16rStJ51bqisXHdj08DILTWS8zqOweeuGZVr8pmtIumAQwxXyEeeXyPLHyHpDJH3m_NenLH2U-22jlz90LEX4/s1600/bg4_zps012f7fcf.gif") repeat scroll 0 0;
          padding: 2px 5px;
          border-radius: 4px;
        }


        #blogger-section-wrapper { display: none !important; }

/* --- PROTECCIÓN DEL HOME (No tocar) --- */
.gallery-grid {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)) !important;
    gap: 20px !important;
}

/* --- ESTILO EXCLUSIVO FICHA INDIVIDUAL --- */
.ficha-individual-container {
    border: none !important;
    background: transparent !important;
    padding: 5px !important;
    width: fit-content !important;
    margin: 0 auto !important;
    display: flex !important;
    transform: none !important;
}

.ficha-individual-img {
    border: 2px solid var(--accent) !important; /* Azul Neón si cambiaste el root */
    border-radius: 12px !important;
    box-shadow: 0 0 15px rgba(0, 212, 255, 0.5) !important;
    max-width: 100% !important;
    height: auto !important;
    display: block !important;
    pointer-events: auto !important;
}
/* 1. Mantenemos el fondo oscuro igual */
.user-panel-overlay { 
    position: fixed; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
    background: rgba(0,0,0,0.8); 
    z-index: 2000; 
    display: none; 
    backdrop-filter: blur(5px); 
}

/* 2. Mejoramos el panel con degradados y bordes pro */
.user-panel { 
    position: fixed; 
    top: 0; 
    right: -350px; 
    width: 320px; 
    height: 100%; 
    background: linear-gradient(180deg, #0d1117 0%, #010409 100%); 
    border-left: 3px solid var(--accent); 
    z-index: 2001; 
    transition: 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275); 
    padding: 30px; 
    box-sizing: border-box; 
    box-shadow: -10px 0 30px rgba(0,0,0,0.8);
}

.user-panel.active { right: 0; }

/* 3. El botón X de cerrar */
.panel-close { 
    background: rgba(255,255,255,0.05); 
    border: none; 
    color: var(--accent); 
    width: 32px; 
    height: 32px; 
    border-radius: 50%; 
    font-size: 20px; 
    cursor: pointer; 
    float: right;
    transition: 0.3s;
}
.panel-close:hover { background: #ff4444; color: white; transform: rotate(90deg); }

/* 4. Avatar con brillo neón */
.panel-avatar-big { 
    width: 110px; 
    height: 110px; 
    border-radius: 50%; 
    border: 3px solid var(--accent); 
    display: block; 
    margin: 40px auto 15px auto; 
    object-fit: cover; 
    box-shadow: 0 0 20px rgba(0, 255, 136, 0.3);
}

.panel-name { 
    text-align: center; 
    font-size: 22px; 
    font-weight: 900; 
    color: #fff; 
    letter-spacing: 1px;
    margin-bottom: 5px;
}

.panel-email { 
    text-align: center; 
    font-size: 11px; 
    color: #8b949e; 
    margin-bottom: 30px; 
    font-family: monospace;
}

/* 5. Los cuadros de Saldo y Aportes alineados */
.panel-stat-item { 
    background: rgba(255,255,255,0.02); 
    padding: 15px; 
    border-radius: 12px; 
    border: 1px solid rgba(255,255,255,0.05); 
    margin-bottom: 12px; 
    display: flex; 
    justify-content: space-between; 
    align-items: center;
}

.panel-stat-label { 
    font-size: 11px; 
    text-transform: uppercase; 
    color: #8b949e; 
    font-weight: bold; 
}

.panel-stat-value { 
    font-size: 16px; 
    font-weight: 900; 
    color: var(--accent); 
}

/* 6. Caja de progreso y barra mejorada */
.panel-prize-box { 
    margin-top: 20px; 
    background: rgba(0, 255, 136, 0.03); 
    border: 1px solid rgba(0, 255, 136, 0.1); 
    padding: 20px; 
    border-radius: 15px; 
}

.p-bar-bg { background: #000; height: 10px; border-radius: 10px; margin: 12px 0; border: 1px solid #1f242c; }
.p-bar-fill { 
    background: linear-gradient(90deg, #00ff88, #00d4ff); 
    height: 100%; 
    border-radius: 10px;
    box-shadow: 0 0 10px var(--accent); 
    transition: 1s ease-in-out; 
}
/* Estilo base del botón de salida */
.btn-logout {
    width: 100%;
    background: none;
    border: none;
    color: #555;
    font-size: 11px;
    margin-top: 20px;
    cursor: pointer;
    text-transform: uppercase;
    letter-spacing: 1px;
    transition: all 0.3s ease; /* Esto hace que el cambio de color sea suave */
    padding: 10px;
    border-radius: 8px;
}

/* El efecto al pasar el mouse (Hover) */
.btn-logout:hover {
    color: #ff4444; /* Cambia a rojo suave para indicar "salir/peligro" */
    background: rgba(255, 68, 68, 0.05); /* Un fondo muy tenue */
    text-shadow: 0 0 8px rgba(255, 68, 68, 0.4);
    transform: translateY(-2px); /* Se eleva un poquito */
}

/* Contenedor Principal de Comentarios */
.comentarios-nativos {
    background: rgba(255, 255, 255, 0.02);
    border-radius: 15px;
    padding: 25px;
    border: 1px solid var(--border);
    margin-top: 30px;
}

.comentarios-nativos h3 {
    font-size: 18px;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    gap: 10px;
    border-bottom: 1px solid rgba(255, 234, 0, 0.1); /* Una línea amarilla muy sutil abajo */
    padding-bottom: 10px;
}

.comentarios-nativos h3::before {
    content: '';
    width: 4px;
    height: 18px;
    background: var(--accent);
    display: inline-block;
    border-radius: 2px;
}

/* Lista de Comentarios */
.comentarios-container {
    max-height: 450px;
    overflow-y: auto;
    padding-right: 10px;
    margin-bottom: 25px;
    scrollbar-width: thin;
    scrollbar-color: var(--accent) transparent;
}

/* Diseño de cada Comentario */
.comentario-item {
    display: flex;
    gap: 15px;
    padding: 15px;
    background: rgba(255, 255, 255, 0.03);
    border-radius: 12px;
    margin-bottom: 12px;
    border: 1px solid rgba(255, 255, 255, 0.05);
    transition: 0.3s;
}

.comentario-item:hover {
    background: rgba(255, 255, 255, 0.05);
    border-color: rgba(0, 255, 136, 0.2);
    transform: translateX(5px);
}

.comentario-avatar {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    border: 2px solid var(--accent);
    box-shadow: 0 0 10px rgba(0, 255, 136, 0.2);
}

.comentario-content { flex: 1; }

.comentario-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 5px;
}

.comentario-user {
    color: var(--accent);
    font-weight: 800;
    font-size: 14px;
}

.comentario-date {
    font-size: 10px;
    color: #555;
    text-transform: uppercase;
}

.comentario-msg {
    color: #ccc;
    font-size: 14px;
    line-height: 1.5;
    margin: 0;
}

/* Área de Escritura */
.nuevo-comentario-box {
    display: flex;
    flex-direction: column;
    gap: 10px;
    background: #000;
    padding: 15px;
    border-radius: 12px;
    border: 1px solid #333;
}

#texto-comentario {
    background: transparent;
    border: none;
    color: #fff;
    resize: none;
    font-family: inherit;
    font-size: 14px;
    outline: none;
    min-height: 60px;
}

.btn-publicar-pro {
    align-self: flex-end;
    background: var(--accent);
    color: #000;
    border: none;
    padding: 10px 25px;
    border-radius: 8px;
    font-weight: 900;
    font-size: 12px;
    cursor: pointer;
    text-transform: uppercase;
    transition: 0.3s;
}

.btn-publicar-pro:hover {
    background: #fff;
    box-shadow: 0 0 15px var(--accent);
}
/* Contenedor de respuestas */
.respuestas-container {
    margin-left: 45px; /* Espacio para la sangría */
    border-left: 2px solid #333; /* La línea vertical principal */
    padding-left: 15px;
    position: relative;
}

/* La guía en forma de L para cada respuesta */
.respuesta-item::before {
    content: "";
    position: absolute;
    top: 20px;
    left: -15px;
    width: 15px;
    height: 2px;
    background: #333;
}

.btn-responder {
    background: none;
    border: none;
    color: var(--accent);
    font-size: 11px;
    font-weight: bold;
    cursor: pointer;
    padding: 5px 10px;
    opacity: 0.7;
    transition: 0.3s;
}

.btn-responder:hover { opacity: 1; text-decoration: underline; }

.respuestas-container {
    margin-left: 35px;
    border-left: 2px solid #333;
    padding-left: 15px;
    margin-top: -5px;
    margin-bottom: 15px;
}
.respuesta-item {
    background: rgba(255, 255, 255, 0.01) !important; /* Un poco más oscuro para diferenciar */
    border-width: 1px !important; /* Más fino para respuestas */
}

/* Contenedor de notificaciones */
#notificaciones-container {
    position: fixed;
    top: 20px;
    right: 20px;
    z-index: 10000;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

/* Estilo de la notificación */
.toast-pro {
    background: rgba(26, 26, 26, 0.9);
    backdrop-filter: blur(10px);
    color: #fff;
    padding: 12px 20px;
    border-radius: 8px;
    border-left: 4px solid #00ffa3;
    box-shadow: 0 10px 30px rgba(0,0,0,0.5);
    font-family: 'Outfit', sans-serif;
    font-size: 14px;
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 250px;
    animation: slideInRight 0.4s ease-out forwards;
}

.toast-error { border-left-color: #ff4444; }
.toast-info { border-left-color: #00d4ff; }

@keyframes slideInRight {
    from { transform: translateX(100%); opacity: 0; }
    to { transform: translateX(0); opacity: 1; }
}

.fade-out {
    animation: fadeOut 0.5s ease-out forwards;
}

@keyframes fadeOut {
    to { opacity: 0; transform: translateY(-10px); }
}

/* --- SISTEMA DE NOTIFICACIONES COVERSMANIA --- */

.notif-wrapper {
    position: relative;
    margin-right: 15px;
    display: inline-block;
}

#btn-notificaciones {
    cursor: pointer;
    position: relative;
    padding: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* EL PUNTO DE LUZ INTEGRADO (Reemplaza al badge) */
.notif-dot {
    position: absolute;
    bottom: 6px;   /* Ajuste para que quede dentro del cuerpo de la campana */
    right: 6px;
    width: 9px;
    height: 9px;
    background: #ff4b2b; /* Rojo vibrante */
    border-radius: 50%;
    border: 2px solid #1a1a1a; /* Contorno para que se vea integrado */
    box-shadow: 0 0 8px rgba(255, 75, 43, 0.9);
    animation: glow-dot 1.5s infinite ease-in-out;
    pointer-events: none;
}

/* Animación de pulsación sutil */
@keyframes glow-dot {
    0% { transform: scale(0.8); opacity: 0.6; box-shadow: 0 0 2px rgba(255, 75, 43, 0.5); }
    50% { transform: scale(1.1); opacity: 1; box-shadow: 0 0 10px rgba(255, 75, 43, 0.9); }
    100% { transform: scale(0.8); opacity: 0.6; box-shadow: 0 0 2px rgba(255, 75, 43, 0.5); }
}

/* PANEL DESPLEGABLE */
.notif-panel {
    display: none;
    position: absolute;
    top: 45px;
    right: 0;
    width: 300px;
    background: #1a1a1a;
    border: 1px solid #333;
    border-radius: 12px;
    box-shadow: 0 10px 25px rgba(0,0,0,0.5);
    z-index: 9999;
}

.notif-header {
    padding: 12px;
    border-bottom: 1px solid #333;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #fff;
    font-weight: bold;
    font-size: 14px;
}

.btn-limpiar {
    background: none;
    border: none;
    color: #00d4ff;
    font-size: 11px;
    cursor: pointer;
    font-weight: bold;
}

.notif-list {
    max-height: 350px;
    overflow-y: auto;
}

/* Estilo de los items de notificación */
.notif-item {
    padding: 15px;
    border-bottom: 1px solid #222;
    transition: 0.3s;
}

.notif-item:hover { background: rgba(255,255,255,0.03); }

.notif-item.unread {
    border-left: 3px solid #00d4ff;
    background: rgba(0, 212, 255, 0.05);
}

.notif-item strong { display: block; color: #fff; font-size: 13px; margin-bottom: 4px; }
.notif-item p { margin: 0; color: #bbb; font-size: 12px; line-height: 1.4; }
.notif-item small { color: #555; font-size: 10px; display: block; margin-top: 5px; }

/* Scrollbar personalizado para el panel */
.notif-list::-webkit-scrollbar { width: 5px; }
.notif-list::-webkit-scrollbar-thumb { background: #333; border-radius: 10px; }

/* ===================================== */
/* 🏆 RANKING PREMIUM CON ANIMACIONES */
/* ===================================== */

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

@keyframes glowPulse {
    0% { box-shadow: 0 0 5px rgba(0, 255, 136, 0.3); }
    50% { box-shadow: 0 0 20px rgba(0, 255, 136, 0.8); }
    100% { box-shadow: 0 0 5px rgba(0, 255, 136, 0.3); }
}

@keyframes slideInRank {
    from {
        opacity: 0;
        transform: translateX(-20px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

@keyframes progressFill {
    from {
        width: 0%;
        opacity: 0;
    }
    to {
        width: var(--target-width);
        opacity: 1;
    }
}

@keyframes gradientShift {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

@keyframes shine {
    0% { transform: translateX(-100%); }
    20% { transform: translateX(100%); }
    100% { transform: translateX(100%); }
}

.ranking-premium-container {
    width: 100%;
    padding: 5px 0;
}

.ranking-item {
    animation: slideInRank 0.5s ease-out forwards;
    opacity: 0;
    transform-origin: left;
    background: rgba(255,255,255,0.02);
    border-radius: 12px;
    padding: 12px;
    margin-bottom: 12px;
    border: 1px solid rgba(255,255,255,0.05);
    backdrop-filter: blur(5px);
}

.ranking-item:nth-child(1) { animation-delay: 0.1s; }
.ranking-item:nth-child(2) { animation-delay: 0.2s; }
.ranking-item:nth-child(3) { animation-delay: 0.3s; }
.ranking-item:nth-child(4) { animation-delay: 0.4s; }
.ranking-item:nth-child(5) { animation-delay: 0.5s; }

.progress-bar-premium {
    width: 100%;
    height: 6px;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 10px;
    overflow: hidden;
    margin-top: 5px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    position: relative;
}

.progress-fill-premium {
    height: 100%;
    border-radius: 10px;
    position: relative;
    width: 0;
    background: linear-gradient(90deg, 
        rgba(0, 255, 136, 0.7) 0%,
        rgba(0, 212, 255, 0.9) 50%,
        rgba(0, 255, 136, 0.7) 100%
    );
    background-size: 100% 100%;
    animation: none;
}

.progress-fill-premium::after {
    display:none;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(90deg, 
        rgba(255, 255, 255, 0.3) 0%,
        rgba(255, 255, 255, 0.8) 50%,
        rgba(255, 255, 255, 0.3) 100%
    );
    filter: blur(3px);
    animation: shine 2s infinite;
}

.medal-gold {
    background: linear-gradient(135deg, #ffd700, #b8860b);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    filter: drop-shadow(0 0 5px rgba(255, 215, 0, 0.5));
}

.medal-silver {
    background: linear-gradient(135deg, #c0c0c0, #808080);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    filter: drop-shadow(0 0 5px rgba(192, 192, 192, 0.5));
}

.medal-bronze {
    background: linear-gradient(135deg, #cd7f32, #8b4513);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    filter: drop-shadow(0 0 5px rgba(205, 127, 50, 0.5));
}

.score-badge {
    background: linear-gradient(135deg, #00ff88, #00d4ff);
    color: #000;
    font-weight: bold;
    padding: 3px 10px;
    border-radius: 20px;
    font-size: 11px;
    box-shadow: 0 0 15px rgba(0, 255, 136, 0.3);
    animation: glowPulse 2s infinite;
    white-space: nowrap;
}

.user-stat-premium {
    background: rgba(255, 255, 255, 0.03);
    padding: 2px 6px;
    border-radius: 4px;
    font-size: 9px;
    color: #888;
    transition: 0.3s;
    cursor: default;
}

.user-stat-premium:hover {
    background: #00ff88;
    color: #000;
    transform: scale(1.1);
}

.count-number {
    display: inline-block;
    font-weight: bold;
    color: #fff;
}

.ranking-spinner {
    border: 3px solid #00ff88;
    border-top-color: transparent;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    animation: spin 1s linear infinite;
    margin: 0 auto;
}

/* ===================================== */
/* 📱 VERSIÓN MÓVIL - OPTIMIZADA 2026 */
/* ===================================== */

@media screen and (max-width: 1024px) {
    .sidebar { width: 220px; padding: 20px; }
    .content-area { margin-left: 220px; }
    .footer { left: 220px; }
    .gallery-grid { grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); }
}

@media screen and (max-width: 768px) {
    /* Sidebar se convierte en menú inferior */
    .sidebar {
        position: fixed;
        bottom: 0;
        top: auto;
        left: 0;
        width: 100%;
        height: auto;
        border-right: none;
        border-top: 2px solid var(--accent);
        padding: 8px 5px;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        gap: 5px;
        z-index: 2000;
        background: var(--sidebar-color);
        backdrop-filter: blur(10px);
    }
    
    .logo, .side-title, .footer { display: none; }
    
    .content-area { margin-left: 0; margin-bottom: 70px; }
    .footer { left: 0; display: none; }
    
    .side-link {
        width: auto;
        padding: 8px 12px;
        font-size: 12px;
        margin: 0;
    }
    
    .side-link svg { width: 16px; height: 16px; }
    
    #searchContainer { position: fixed; top: 70px; left: 10px; right: 10px; z-index: 1500; }
    #searchInput { background: var(--bg-card); }
    
    .top-nav { padding: 0 15px; height: 60px; position: sticky; top: 0; z-index: 1000; }
    
    /* 🟢 CORREGIDO: Stats siempre visibles */
    .stats-wrapper { 
        display: block !important; 
        margin-right: auto;
        font-size: 11px;
    }
    
    .stats-wrapper span { 
        font-size: 10px; 
    }
    
    .main-wrapper { padding: 20px 15px; }
    
    /* 🟢 CORREGIDO: Imagen individual no se corta */
    .ficha-individual-container {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 auto !important;
        padding: 0 !important;
    }
    
    .ficha-individual-img {
        max-width: 100% !important;
        height: auto !important;
        object-fit: contain !important;
        margin: 0 auto !important;
        display: block !important;
    }
    
    /* Para la vista individual en grid */
    [style*="grid-template-columns: 1fr 320px"] {
        grid-template-columns: 1fr !important;
        gap: 20px !important;
    }
    
    /* Imagen en vista individual */
    [style*="max-width:900px"] img {
        max-width: 100% !important;
        height: auto !important;
    }
    
    /* Ranking en móvil */
    .ranking-item { padding: 10px; }
    .user-stat-premium { font-size: 8px; padding: 2px 4px; }
    .score-badge { font-size: 9px; padding: 2px 6px; }
    
    /* Panel de usuario en móvil */
    .user-panel { width: 280px; right: -280px; }
}

@media screen and (max-width: 480px) {
    .side-link {
        padding: 6px 8px;
        font-size: 11px;
    }
    
    .side-link svg { width: 14px; height: 14px; }
    
    .top-nav { gap: 8px; }
    
    /* 🟢 CORREGIDO: Stats siguen visibles pero más compactas */
    .stats-wrapper { 
        display: block !important;
    }
    
    .stats-wrapper span { 
        font-size: 9px; 
        gap: 4px;
    }
    
    .gallery-grid { grid-template-columns: 1fr; gap: 15px; }
    .media-item { padding: 10px; }
    .btn-action { font-size: 10px; padding: 10px; }
    
    /* Tienda en móvil */
    .shop-container { grid-template-columns: 1fr; gap: 15px; }
    .shop-column { padding: 15px; }
    
    /* Comentarios en móvil */
    .comentario-item { flex-direction: column; gap: 10px; }
    .comentario-avatar { width: 35px; height: 35px; }
    .respuestas-container { margin-left: 20px; padding-left: 10px; }
    
    /* Ranking en móvil pequeño */
    .ranking-item > div:first-child { flex-wrap: wrap; }
    .score-badge { margin-top: 5px; width: 100%; text-align: center; }
}

/* Ajustes para orientación horizontal en móvil */
@media screen and (max-height: 500px) and (orientation: landscape) {
    .sidebar { padding: 5px; }
    .side-link { padding: 4px 8px; }
    .main-wrapper { padding: 15px; }
    .user-panel { overflow-y: auto; }
}

/* Mejoras táctiles para móvil */
@media (hover: none) and (pointer: coarse) {
    .side-link, .btn-action, .user-avatar {
        -webkit-tap-highlight-color: transparent;
    }
    
    .media-item:hover { transform: none; }
    .btn-action:active { transform: scale(0.95); }
}

/* 🟢 NUEVO: Ajustes adicionales para imágenes */
.media-thumb {
    max-width: 100%;
    height: auto;
    object-fit: contain;
}

.gallery-grid {
    place-items: center;
}

/* ===================================== */
/* 💰 MEJORAS PARA LA TIENDA */
/* ===================================== */

.shop-card {
    position: relative;
    overflow: hidden;
}

.shop-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.1), transparent);
    transition: left 0.5s;
}

.shop-card:hover::before {
    left: 100%;
}

.payment-info {
    margin-top: 15px;
    font-size: 12px;
    color: #8b949e;
    text-align: center;
    line-height: 1.4;
    border-top: 1px solid var(--border);
    padding-top: 10px;
}

/* Efecto para el pack destacado */
.shop-card[style*="border-color:var(--accent)"] {
    animation: glow 2s infinite;
}

@keyframes glow {
    0% { box-shadow: 0 0 5px var(--accent); }
    50% { box-shadow: 0 0 20px var(--accent); }
    100% { box-shadow: 0 0 5px var(--accent); }
}

    

/* =========================================================
   COVERSMANIA UI V2 — CAPA VISUAL / UX
   IMPORTANTE: esta capa NO modifica Firebase, Cloudflare Worker,
   ImgBB ni la estructura de datos. Solo mejora interfaz y SPA.
   ========================================================= */
:root {
    --ui-accent: #00ff88;
    --ui-cyan: #00d4ff;
    --ui-panel: rgba(13,17,23,.88);
    --ui-panel-2: rgba(255,255,255,.035);
    --ui-border: rgba(255,255,255,.08);
    --ui-muted: #8b949e;
    --ui-sidebar-w: 268px;
}

body { background:
    radial-gradient(circle at 80% -10%, rgba(0,212,255,.07), transparent 28%),
    radial-gradient(circle at 20% 100%, rgba(0,255,136,.045), transparent 30%),
    var(--bg-page) !important;
}

/* Sidebar desktop */
.sidebar {
    width: var(--ui-sidebar-w) !important;
    padding: 10px 15px 16px !important;
    background: linear-gradient(180deg, rgba(10,25,47,.97), rgba(5,12,24,.98)) !important;
    border-right: 1px solid rgba(0,255,136,.28) !important;
    box-shadow: 10px 0 35px rgba(0,0,0,.22);
    transition: width .28s ease, transform .28s ease, padding .28s ease;
}
.sidebar::after {
    content:'';
    position:absolute;
    right:-1px; top:15%; bottom:15%; width:1px;
    background:linear-gradient(transparent,var(--ui-accent),transparent);
    opacity:.45;
}
.logo { margin-bottom:14px !important; padding-bottom:12px !important; border-bottom:1px solid var(--ui-border); }
.side-title {
    margin:10px 7px 6px !important;
    font-size:9px !important;
    letter-spacing:1.4px;
    color:#6f7b88 !important;
}
.side-link {
    min-height:42px;
    box-sizing:border-box;
    margin-bottom:4px !important;
    padding:9px 11px !important;
    border:1px solid transparent !important;
    background:transparent !important;
    color:#c9d1d9 !important;
    border-radius:10px !important;
    font-size:13px !important;
    position:relative;
    overflow:hidden;
}
.side-link::before {
    content:'';
    position:absolute; left:0; top:7px; bottom:7px; width:3px;
    background:var(--ui-accent); border-radius:3px;
    transform:scaleY(0); transition:transform .2s ease;
}
.side-link:hover {
    background:rgba(0,255,136,.075) !important;
    border-color:rgba(0,255,136,.12) !important;
    color:#fff !important;
    transform:translateX(2px);
}
.side-link:hover::before,.side-link.ui-active::before { transform:scaleY(1); }
.side-link.ui-active {
    background:linear-gradient(90deg,rgba(0,255,136,.13),rgba(0,212,255,.035)) !important;
    border-color:rgba(0,255,136,.18) !important;
    color:#fff !important;
    box-shadow:inset 0 0 20px rgba(0,255,136,.025);
}
.side-link svg { width:17px !important; height:17px !important; color:var(--ui-accent); }
.side-link.ui-active svg { filter:drop-shadow(0 0 5px rgba(0,255,136,.55)); }

/* Topbar */
.content-area { margin-left:var(--ui-sidebar-w) !important; transition:margin-left .28s ease; }
.top-nav {
    height:64px !important;
    padding:0 24px !important;
    background:rgba(8,13,20,.86) !important;
    backdrop-filter:blur(16px);
    border-bottom:1px solid var(--ui-border) !important;
    position:relative;
}
.top-nav::after { content:''; position:absolute; left:0; right:0; bottom:-1px; height:1px; background:linear-gradient(90deg,transparent,var(--ui-accent),var(--ui-cyan),transparent); opacity:.25; }
.stats-wrapper { opacity:.9; }
#currentCreditsDisplay { transition:all .2s ease !important; background:rgba(0,255,136,.06) !important; border-color:rgba(0,255,136,.3) !important; }
#currentCreditsDisplay:hover { transform:translateY(-1px); box-shadow:0 0 18px rgba(0,255,136,.15); }
.user-avatar { box-shadow:0 0 0 3px rgba(0,255,136,.06); }

/* Toggle creado por JS */
#ui-sidebar-toggle {
    width:36px; height:36px; border:1px solid var(--ui-border); border-radius:10px;
    background:rgba(255,255,255,.035); color:#c9d1d9; cursor:pointer;
    display:flex; align-items:center; justify-content:center; margin-right:12px;
    transition:.2s ease;
}
#ui-sidebar-toggle:hover { color:var(--ui-accent); border-color:rgba(0,255,136,.3); background:rgba(0,255,136,.06); }

/* Contenido */
.main-wrapper { padding:28px !important; scroll-padding-top:20px; }
.home-hero {
    position:relative; overflow:hidden; padding:19px 22px !important;
    margin-bottom:24px !important; border:1px solid var(--ui-border);
    border-left:3px solid var(--ui-accent) !important;
    border-radius:0 14px 14px 0;
    background:linear-gradient(120deg,rgba(0,255,136,.055),rgba(0,212,255,.025),transparent);
}
.home-hero::after { content:''; position:absolute; width:260px; height:260px; right:-120px; top:-150px; border-radius:50%; background:radial-gradient(circle,rgba(0,212,255,.13),transparent 68%); pointer-events:none; }
.cm-home-hero-glow{position:absolute;left:-30px;bottom:-70px;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(0,255,136,.08),transparent 68%);pointer-events:none;}
.cm-home-hero-eyebrow{position:relative;z-index:2;display:flex;align-items:center;gap:8px;color:#6f7d89;font:800 8px/1 'Outfit',sans-serif;letter-spacing:1.8px;text-transform:uppercase;margin-bottom:9px;}
.cm-home-hero-eyebrow span{width:18px;height:2px;border-radius:99px;background:linear-gradient(90deg,var(--ui-accent),var(--ui-cyan));box-shadow:0 0 8px rgba(0,255,136,.22);}
.cm-home-hero-content{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:18px;}
.home-hero h1{font-family:'Outfit',sans-serif !important;font-size:25px !important;letter-spacing:2px !important;margin:0 0 5px !important;background:linear-gradient(90deg,#fff,#b9c5cf);-webkit-background-clip:text;background-clip:text;color:transparent !important;}
.home-hero p{font-size:12px !important;line-height:1.55 !important;max-width:620px;margin:0 !important;color:#8996a1 !important;}
/* Contador global de Me gusta */
.cm-home-hero-mark{width:46px;height:46px;flex:0 0 46px;border:1px solid rgba(0,255,136,.18);border-radius:14px;background:linear-gradient(145deg,rgba(0,255,136,.08),rgba(0,212,255,.04));display:flex;align-items:center;justify-content:center;color:var(--ui-accent);font:900 12px/1 'Outfit',sans-serif;letter-spacing:1px;box-shadow:0 10px 25px rgba(0,0,0,.16),inset 0 1px 0 rgba(255,255,255,.04);}
/* V21 — Hero Home: borde moderno sin barra lateral verde */
.home-hero{
    border:1px solid rgba(255,255,255,.075) !important;
    border-left:1px solid rgba(255,255,255,.075) !important;
    border-radius:16px !important;
    background:
      radial-gradient(circle at 8% 50%,rgba(0,255,163,.07),transparent 30%),
      linear-gradient(135deg,rgba(0,212,255,.045),rgba(255,255,255,.012) 48%,rgba(0,255,163,.025));
    box-shadow:0 16px 38px rgba(0,0,0,.20), inset 0 1px 0 rgba(255,255,255,.035) !important;
}
.home-hero::before{
    content:'';position:absolute;left:20px;right:20px;top:0;height:1px;
    background:linear-gradient(90deg,transparent,rgba(0,212,255,.75),rgba(0,255,163,.55),transparent);
    opacity:.8;pointer-events:none;
}
.home-hero::after{
    width:320px;height:320px;right:-150px;top:-190px;
    background:radial-gradient(circle,rgba(0,212,255,.10),transparent 68%);
}
.cm-home-hero-glow{left:auto;right:12%;bottom:-120px;width:220px;height:180px;background:radial-gradient(circle,rgba(0,255,163,.055),transparent 68%);}
@media(max-width:600px){.home-hero{padding:16px 17px !important}.cm-home-hero-mark{display:none}.home-hero h1{font-size:21px !important}.home-hero p{font-size:11px !important}.cm-home-hero-eyebrow{font-size:7px;letter-spacing:1.3px;}}
.section-separator,.cat-title-wrapper { font-size:13px !important; letter-spacing:1.1px; margin-top:28px !important; }
.section-separator::before,.cat-title-wrapper::before { content:'//'; color:var(--ui-cyan); font-weight:400; opacity:.7; }

/* Cards */
.gallery-grid { gap:16px !important; align-items:stretch; }
.media-item {
    border:1px solid rgba(255,255,255,.07) !important;
    background:linear-gradient(180deg,rgba(18,24,32,.94),rgba(9,13,19,.96)) !important;
    border-radius:13px !important;
    padding:10px !important;
    box-shadow:0 8px 24px rgba(0,0,0,.12);
    transition:transform .22s ease, border-color .22s ease, box-shadow .22s ease !important;
}
.media-item:hover { transform:translateY(-4px) !important; border-color:rgba(0,255,136,.34) !important; box-shadow:0 12px 30px rgba(0,0,0,.25),0 0 20px rgba(0,255,136,.05); }
.thumb-container { border-radius:9px !important; }
.media-thumb { transition:transform .35s ease, filter .35s ease; }
.media-item:hover .media-thumb { transform:scale(1.015); filter:saturate(1.04) brightness(1.04); }
.item-name { font-size:13px !important; line-height:1.35; }
.item-category { letter-spacing:.7px; }
.item-details { opacity:.85; }
.btn-action { border-radius:8px !important; min-height:40px; transition:transform .18s ease, box-shadow .18s ease, background .18s ease !important; }
.btn-action:hover { transform:translateY(-1px); }

/* V8 — Botón de descarga de ficha individual */
.cm-v8-download{
    width:100% !important;
    min-height:56px !important;
    margin:4px 0 0 !important;
    padding:10px 14px !important;
    display:grid !important;
    grid-template-columns:36px 1fr auto;
    align-items:center;
    gap:10px;
    border:1px solid rgba(0,255,136,.28) !important;
    border-radius:13px !important;
    background:linear-gradient(135deg,rgba(0,255,136,.13),rgba(0,212,255,.08)) !important;
    color:#fff !important;
    box-shadow:0 8px 24px rgba(0,0,0,.20), inset 0 1px 0 rgba(255,255,255,.05) !important;
    cursor:pointer;
    text-align:left;
    transition:transform .2s ease, border-color .2s ease, box-shadow .2s ease, filter .2s ease !important;
}
.cm-v8-download:hover{
    transform:translateY(-2px) !important;
    border-color:rgba(0,255,136,.62) !important;
    box-shadow:0 12px 30px rgba(0,0,0,.28),0 0 22px rgba(0,255,136,.10) !important;
    filter:brightness(1.06);
}
.cm-v8-download:active{transform:translateY(0) scale(.99) !important;}
.cm-v8-download-icon{
    width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;
    background:rgba(0,255,136,.12);border:1px solid rgba(0,255,136,.20);
    color:var(--accent);font-size:20px;font-weight:900;
}
.cm-v8-download-text{display:block;color:#fff;font:900 11px/1.1 'Outfit',sans-serif;letter-spacing:1px;text-transform:uppercase;}
.cm-v8-download-price{display:block;color:#8d9aa7;font:800 9px/1.1 'Outfit',sans-serif;letter-spacing:.7px;text-transform:uppercase;text-align:right;white-space:nowrap;}
.cm-v8-download.cm-v8-owned{
    border-color:rgba(139,92,246,.48) !important;
    background:linear-gradient(135deg,rgba(139,92,246,.18),rgba(0,212,255,.08)) !important;
}
.cm-v8-download.cm-v8-owned .cm-v8-download-icon{
    color:#c4b5fd;background:rgba(139,92,246,.16);border-color:rgba(139,92,246,.32);
}
@media(max-width:700px){
    .cm-v8-download{grid-template-columns:34px 1fr auto;min-height:52px !important;}
    .cm-v8-download-icon{width:34px;height:34px;}
}


/* V18 — Mensajes, ranking y descargas */
.msg-top-wrapper #btn-mensajes-top:hover svg{fill:var(--ui-accent);filter:drop-shadow(0 0 7px rgba(0,255,136,.35));}
.notif-wrapper{margin-right:-7px !important;}
.msg-top-wrapper{margin-left:-7px !important;} .top-nav > div:last-child{gap:5px !important;}

.msg-badge{position:absolute;right:-2px;top:-2px;min-width:15px;height:15px;padding:0 4px;border-radius:99px;background:#ff4d6d;color:#fff;font:900 8px/15px 'Outfit',sans-serif;text-align:center;box-shadow:0 0 10px rgba(255,77,109,.35);}
.cm-v18-subhead{display:flex;align-items:center;gap:10px;padding:4px 0 14px;border-bottom:1px solid rgba(255,255,255,.07);color:#fff;text-transform:uppercase;letter-spacing:1px;font:900 12px/1 'Outfit',sans-serif;}
.cm-v18-subhead span{margin-left:auto;color:#65717d;font-size:8px;letter-spacing:1.5px;}
.cm-v18-back{width:34px;height:34px;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:rgba(255,255,255,.035);color:var(--ui-accent);cursor:pointer;font-size:18px;}
.cm-v18-message-list{flex:1;overflow-y:auto;padding:14px 2px;display:flex;flex-direction:column;gap:10px;}
.cm-v18-msg-card{border:1px solid rgba(255,255,255,.07);border-radius:14px;padding:13px;background:linear-gradient(135deg,rgba(18,24,32,.95),rgba(8,13,20,.98));box-shadow:0 8px 24px rgba(0,0,0,.14);}
.cm-v18-msg-card.unread{border-color:rgba(0,255,136,.25);box-shadow:0 8px 24px rgba(0,0,0,.18),0 0 18px rgba(0,255,136,.04);}
.cm-v18-msg-top{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:7px;}
.cm-v18-msg-title{font:900 11px/1.3 'Outfit',sans-serif;color:#fff;text-transform:uppercase;letter-spacing:.7px;}
.cm-v18-msg-date{font:700 8px/1 'Outfit',sans-serif;color:#59656f;white-space:nowrap;}
.cm-v18-msg-body{font:500 11px/1.55 'Outfit',sans-serif;color:#aeb8c2;white-space:pre-wrap;}
.cm-v18-msg-card.sent{border-color:rgba(0,212,255,.16);}
.cm-v18-msg-card.received{border-color:rgba(0,255,136,.22);}
.cm-v18-msg-meta{display:flex;gap:8px;margin-top:9px;font:800 8px/1 'Outfit',sans-serif;color:#687581;text-transform:uppercase;}
.cm-v18-reply-box{border-top:1px solid rgba(255,255,255,.07);padding-top:10px;display:flex;gap:8px;}
.cm-v18-reply-box textarea{flex:1;min-height:42px;resize:vertical;background:rgba(0,0,0,.35);border:1px solid rgba(255,255,255,.08);border-radius:10px;color:#fff;padding:10px;font:500 10px/1.4 'Outfit',sans-serif;outline:none;}
.cm-v18-reply-btn{border:1px solid rgba(0,255,136,.25);background:rgba(0,255,136,.08);color:var(--ui-accent);border-radius:10px;padding:0 13px;font:900 9px/1 'Outfit',sans-serif;cursor:pointer;}
.cm-v18-reply-btn:hover{background:rgba(0,255,136,.14);transform:translateY(-1px);}
.cm-v18-empty{padding:35px 15px;text-align:center;color:#59656f;font:600 10px/1.5 'Outfit',sans-serif;}
.cm-v18-ranking-head{display:flex;align-items:center;gap:10px;margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.06);}.cm-v18-ranking-icon{width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:rgba(0,255,136,.07);border:1px solid rgba(0,255,136,.15);font-size:17px;}.cm-v18-ranking-head strong{display:block;color:#fff;font:900 11px/1.2 'Outfit',sans-serif;letter-spacing:1.3px;}.cm-v18-ranking-head span{display:block;color:#66727d;font:600 8px/1.2 'Outfit',sans-serif;margin-top:3px;}
/* Ranking nuevo */
.ranking-premium-container{display:flex;flex-direction:column;gap:9px;}
.ranking-item{padding:12px 13px !important;border:1px solid rgba(255,255,255,.065) !important;border-radius:13px !important;background:linear-gradient(135deg,rgba(255,255,255,.025),rgba(0,255,136,.015)) !important;box-shadow:0 7px 20px rgba(0,0,0,.14) !important;transition:transform .2s,border-color .2s,box-shadow .2s !important;}
.ranking-item:hover{transform:translateY(-2px);border-color:rgba(0,255,136,.2) !important;box-shadow:0 10px 25px rgba(0,0,0,.2),0 0 18px rgba(0,255,136,.04) !important;}
.ranking-item .user-stat-premium{font:800 8px/1 'Outfit',sans-serif !important;color:#697580 !important;background:rgba(255,255,255,.025);padding:4px 6px;border-radius:7px;}
.ranking-item .score-badge{background:rgba(0,255,136,.06) !important;border:1px solid rgba(0,255,136,.16) !important;border-radius:8px !important;padding:6px 7px !important;color:var(--ui-accent) !important;font:900 8px/1 'Outfit',sans-serif !important;}
.ranking-item .progress-bar-premium{height:3px !important;background:rgba(255,255,255,.05) !important;border-radius:99px !important;overflow:hidden;}
.ranking-item .progress-fill-premium{background:linear-gradient(90deg,var(--ui-accent),var(--ui-cyan)) !important;box-shadow:none !important;animation:none !important;}
.ranking-item .progress-fill-premium::after{display:none !important;animation:none !important;}
/* Descarga: feedback visual más claro */
.cm-v8-download.cm-download-loading,.btn-descarga-home.cm-download-loading{pointer-events:none !important;transform:scale(.985) !important;filter:brightness(1.12) !important;}
.cm-download-loading .cm-v8-download-icon,.cm-download-loading .v14-icon{animation:cmDownloadPulse .9s ease-in-out infinite;}
.cm-download-loading .cm-v8-download-text,.cm-download-loading .v14-main{opacity:.75;}
.cm-download-done{animation:cmDownloadDone .55s ease !important;border-color:rgba(0,255,136,.65) !important;}
@keyframes cmDownloadPulse{0%,100%{transform:scale(1);opacity:.65}50%{transform:scale(1.15);opacity:1}}
@keyframes cmDownloadDone{0%{transform:scale(.98);box-shadow:0 0 0 rgba(0,255,136,0)}55%{transform:scale(1.015);box-shadow:0 0 24px rgba(0,255,136,.18)}100%{transform:scale(1);box-shadow:none}}

/* Search */
#searchContainer { margin-bottom:4px !important; }
#searchInput {
    border:1px solid rgba(0,255,136,.25) !important;
    background:rgba(0,0,0,.45) !important;
    border-radius:10px !important;
    box-shadow:inset 0 0 15px rgba(0,0,0,.25),0 0 0 3px rgba(0,255,136,.02);
}
#searchInput:focus { border-color:rgba(0,255,136,.65) !important; box-shadow:0 0 0 3px rgba(0,255,136,.08) !important; }

/* Notificaciones */
.notif-panel {
    background:rgba(13,17,23,.96) !important;
    backdrop-filter:blur(18px);
    border-color:rgba(255,255,255,.09) !important;
    box-shadow:0 20px 50px rgba(0,0,0,.45) !important;
}

/* V8: prioridad visual a la sección Usuario heredada de V4 */
.sidebar > .side-title:has(+ #btnUserAction) { margin-top:6px !important; }
#cm-v5-nav { margin-top:8px; }

/* Panel usuario */
.user-panel { width:360px !important; border-left:1px solid rgba(0,255,136,.35) !important; backdrop-filter:blur(16px); }
.user-panel-overlay { background:rgba(0,0,0,.68) !important; backdrop-filter:blur(7px) !important; }

/* Toast */
.toast-pro { border:1px solid rgba(255,255,255,.08); border-left:4px solid #00ffa3; backdrop-filter:blur(16px); }

/* Transición SPA */
#gallery-display.ui-spa-enter { animation:uiSpaEnter .28s ease both; }
#gallery-display.ui-spa-leave { opacity:.25; transform:translateY(5px); transition:opacity .12s ease,transform .12s ease; }
@keyframes uiSpaEnter { from{opacity:0;transform:translateY(8px)} to{opacity:1;transform:translateY(0)} }

/* Loader SPA */
#ui-spa-loader { position:fixed; inset:0; z-index:10050; display:flex; align-items:center; justify-content:center; background:rgba(1,4,9,.82); backdrop-filter:blur(8px); opacity:1; transition:opacity .35s ease,visibility .35s ease; }
#ui-spa-loader.ui-hidden { opacity:0; visibility:hidden; pointer-events:none; }
.ui-loader-box { display:flex; flex-direction:column; align-items:center; gap:13px; }
.ui-loader-ring { width:34px; height:34px; border:2px solid rgba(255,255,255,.1); border-top-color:var(--ui-accent); border-right-color:var(--ui-cyan); border-radius:50%; animation:uiSpin .75s linear infinite; box-shadow:0 0 18px rgba(0,255,136,.12); }
.ui-loader-text { color:#8b949e; font-size:10px; letter-spacing:1.5px; text-transform:uppercase; }
@keyframes uiSpin { to{transform:rotate(360deg)} }

/* Empty/search state */
.ui-empty-state { padding:50px 20px; text-align:center; color:#6e7681; border:1px dashed rgba(255,255,255,.1); border-radius:14px; background:rgba(255,255,255,.015); }
.ui-empty-state strong { display:block; color:#c9d1d9; font-size:14px; margin-bottom:6px; }

/* Desktop collapsed sidebar */
body.ui-sidebar-collapsed .sidebar { width:82px !important; padding:20px 9px !important; }
body.ui-sidebar-collapsed .content-area { margin-left:82px !important; }
body.ui-sidebar-collapsed .side-title { display:none; }
body.ui-sidebar-collapsed .side-link { justify-content:center; padding:10px !important; font-size:0 !important; }
body.ui-sidebar-collapsed .side-link svg { margin:0; width:19px !important; height:19px !important; }
body.ui-sidebar-collapsed .logo svg { width:55px; }
body.ui-sidebar-collapsed #searchContainer #searchInput { display:none !important; }
body.ui-sidebar-collapsed .logo { border-bottom:none; }

@media (max-width:1024px) and (min-width:769px) {
    .sidebar { width:235px !important; }
    .content-area { margin-left:235px !important; }
    body.ui-sidebar-collapsed .content-area { margin-left:82px !important; }
    .main-wrapper { padding:22px !important; }
}

@media (max-width:768px) {
    .sidebar {
        width:100% !important; height:66px !important; padding:7px 8px !important;
        flex-wrap:nowrap !important; justify-content:flex-start !important; gap:5px !important;
        overflow-x:auto; overflow-y:hidden; -webkit-overflow-scrolling:touch;
        border-top:1px solid rgba(0,255,136,.3) !important;
    }
    .sidebar::after { display:none; }
    .logo { display:none !important; }
    .side-title { display:none !important; }
    .side-link { flex:0 0 auto; width:auto !important; min-width:44px; height:48px; padding:6px 9px !important; margin:0 !important; justify-content:center; flex-direction:column; gap:3px !important; font-size:9px !important; white-space:nowrap; }
    .side-link svg { width:17px !important; height:17px !important; }
    .content-area { margin-left:0 !important; margin-bottom:66px !important; }
    .top-nav { height:58px !important; padding:0 12px !important; }
    #ui-sidebar-toggle { display:none; }
    .main-wrapper { padding:18px 12px 80px !important; }
    .stats-wrapper span { font-size:9px !important; }
    .gallery-grid { grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:10px !important; }
    .media-item { padding:7px !important; }
    .item-name { font-size:11px !important; }
    .item-details { font-size:9px !important; gap:5px; }
    .btn-action { min-height:36px; padding:8px !important; font-size:9px !important; }
    .user-panel { width:min(92vw,340px) !important; right:calc(-1 * min(92vw,340px)) !important; padding:24px !important; }
    .user-panel.active { right:0 !important; }
    #panel-notificaciones { position:fixed !important; top:58px !important; right:8px !important; left:8px !important; width:auto !important; }
}
@media (max-width:420px) {
    .gallery-grid { grid-template-columns:1fr 1fr !important; }
    .stats-wrapper { max-width:55%; overflow:hidden; }
    .stats-wrapper span { white-space:nowrap; }
    #currentCreditsDisplay { padding:5px 9px !important; font-size:11px !important; }
}
@media (prefers-reduced-motion:reduce) {
    *,*::before,*::after { animation-duration:.001ms !important; animation-iteration-count:1 !important; scroll-behavior:auto !important; transition-duration:.001ms !important; }
}


/* =========================================================
   COVERSMANIA V5 — EXPERIENCIA DE CATÁLOGO
   Capa visual/UX. No modifica Firebase, Worker ni ImgBB.
   ========================================================= */
.cm-v5-toolbar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0 0 18px;padding:10px 12px;background:linear-gradient(135deg,rgba(255,255,255,.035),rgba(0,255,136,.025));border:1px solid rgba(255,255,255,.07);border-radius:14px;backdrop-filter:blur(10px)}
.cm-v5-toolbar-title{font:800 11px 'Outfit',sans-serif;letter-spacing:1.5px;text-transform:uppercase;color:#9aa3ad;margin-right:auto}.cm-v5-toolbar-title b{color:var(--accent)}
.cm-v5-chip{border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.025);color:#aeb6bf;border-radius:999px;padding:7px 11px;font:700 10px 'Outfit',sans-serif;cursor:pointer;transition:.2s}.cm-v5-chip:hover,.cm-v5-chip.active{border-color:rgba(0,255,136,.35);color:var(--accent);background:rgba(0,255,136,.06)}
.cm-v5-section{margin:22px 0 12px;display:flex;align-items:center;gap:10px}.cm-v5-section h3{margin:0;color:#fff;font:800 13px 'Outfit',sans-serif;letter-spacing:1.1px;text-transform:uppercase}.cm-v5-section span{font-size:10px;color:#555}.cm-v5-section:after{content:'';height:1px;flex:1;background:linear-gradient(90deg,rgba(0,255,136,.25),transparent)}
.cm-v5-statbar{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:0 0 18px}.cm-v5-stat{background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.07);border-radius:12px;padding:10px 12px;text-align:center}.cm-v5-stat strong{display:block;color:#fff;font:800 15px 'Outfit',sans-serif}.cm-v5-stat small{display:block;color:#666;font:700 9px 'Outfit',sans-serif;text-transform:uppercase;letter-spacing:.8px;margin-top:2px}
.cm-v5-ind-head{display:flex;align-items:flex-start;gap:10px;margin-bottom:15px}.cm-v5-ind-title{font:800 20px 'Outfit',sans-serif;color:#fff;line-height:1.15;margin:0}.cm-v5-ind-cat{display:inline-flex;align-items:center;gap:5px;margin-top:6px;padding:5px 8px;border-radius:999px;background:rgba(0,255,136,.07);border:1px solid rgba(0,255,136,.15);color:var(--accent);font:800 9px 'Outfit',sans-serif;text-transform:uppercase;letter-spacing:.7px}.cm-v5-fav{margin-left:auto;flex:0 0 auto;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.03);color:#aaa;border-radius:10px;padding:8px 10px;cursor:pointer;font:800 10px 'Outfit',sans-serif;transition:.2s}.cm-v5-fav:hover,.cm-v5-fav.is-fav{border-color:rgba(255,214,64,.4);color:#ffd640;background:rgba(255,214,64,.07)}

/* COVERSMANIA V7 — ficha individual */
.cm-v7-ind-head{display:block;margin:0 0 16px;padding:0 0 12px;border-bottom:1px solid rgba(255,255,255,.07)}
.cm-v7-title-wrap{min-width:0}
.cm-v7-ind-title{font:800 24px/1.18 'Outfit',sans-serif;color:#fff;margin:0 0 8px;overflow-wrap:anywhere;word-break:normal}
.cm-v7-ind-cat{display:inline-flex;align-items:center;padding:5px 9px;border-radius:999px;background:rgba(0,255,136,.07);border:1px solid rgba(0,255,136,.15);color:var(--accent);font:800 9px 'Outfit',sans-serif;text-transform:uppercase;letter-spacing:.7px}
.cm-v7-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0 0 16px}
.cm-v7-meta-card{display:flex;align-items:center;gap:9px;min-width:0;padding:11px;border:1px solid rgba(255,255,255,.07);border-radius:11px;background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(0,0,0,.16));box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}
.cm-v7-language-uploader{grid-column:span 1;}
@media(max-width:640px){.cm-v7-language-uploader{grid-column:span 2;}}
.cm-v7-meta-card.cm-v7-wide{grid-column:1/-1}
.cm-v7-meta-icon{width:28px;height:28px;display:flex;align-items:center;justify-content:center;flex:0 0 28px;border-radius:8px;background:rgba(0,212,255,.07);font-size:14px}
.cm-v7-meta-card small{display:block;color:#666;font:800 8px 'Outfit',sans-serif;text-transform:uppercase;letter-spacing:.8px;margin-bottom:3px}
.cm-v7-meta-card b{display:block;color:#eee;font:700 11px/1.25 'Outfit',sans-serif;overflow-wrap:anywhere;word-break:break-word}
.cm-v7-actions{margin:4px 0 10px}
@media(max-width:700px){.cm-v7-ind-title{font-size:19px}.cm-v7-meta{grid-template-columns:1fr}.cm-v7-meta-card.cm-v7-wide{grid-column:auto}}

.cm-v5-meta{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;margin:15px 0}.cm-v5-meta-card{padding:10px;border:1px solid rgba(255,255,255,.06);border-radius:10px;background:rgba(0,0,0,.16)}.cm-v5-meta-card span{display:block;color:#555;font:700 8px 'Outfit',sans-serif;text-transform:uppercase;letter-spacing:.8px}.cm-v5-meta-card b{display:block;color:#ddd;font:700 11px 'Outfit',sans-serif;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cm-v5-badge{display:inline-flex;align-items:center;gap:5px;margin:0 4px 5px 0;padding:5px 8px;border-radius:7px;background:rgba(0,212,255,.06);border:1px solid rgba(0,212,255,.12);color:#8edfff;font:800 9px 'Outfit',sans-serif}
.cm-v5-empty{padding:45px 20px;text-align:center;border:1px dashed rgba(255,255,255,.08);border-radius:14px;color:#555;font:600 12px 'Outfit',sans-serif}
.cm-v5-recent-strip{display:flex;gap:10px;overflow:auto;padding:2px 1px 8px;scrollbar-width:thin}.cm-v5-recent-card{min-width:105px;width:105px;text-decoration:none}.cm-v5-recent-card img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:9px;border:1px solid rgba(255,255,255,.08);display:block}.cm-v5-recent-card span{display:block;color:#aaa;font:700 9px 'Outfit',sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:6px}
.cm-v5-home-intro{padding:14px 16px;margin-bottom:20px;border:1px solid rgba(0,255,136,.09);border-radius:14px;background:linear-gradient(135deg,rgba(0,255,136,.035),rgba(0,212,255,.025));display:flex;align-items:center;gap:12px}.cm-v5-home-intro .ico{font-size:22px}.cm-v5-home-intro strong{display:block;color:#fff;font:800 13px 'Outfit',sans-serif}.cm-v5-home-intro span{display:block;color:#666;font:600 10px 'Outfit',sans-serif;margin-top:2px}
.cm-v5-searchbar{display:flex;gap:8px;align-items:center;margin:0 0 14px;padding:9px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.07);border-radius:12px}.cm-v5-searchbar input{flex:1;background:transparent;border:0;outline:0;color:#fff;font:600 12px 'Outfit',sans-serif}.cm-v5-searchbar select{background:#111;color:#bbb;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:7px;font:600 10px 'Outfit',sans-serif}
@media(max-width:700px){.cm-v5-statbar{grid-template-columns:1fr 1fr}.cm-v5-stat:last-child{grid-column:1/-1}.cm-v5-ind-head{align-items:center}.cm-v5-ind-title{font-size:17px}.cm-v5-meta{grid-template-columns:1fr 1fr}.cm-v5-toolbar-title{width:100%;margin-bottom:2px}.cm-v5-chip{padding:6px 9px}}


/* V14 — Acciones de catálogo + panel de usuario avanzado */
.cm-v14-card-download{width:100%!important;min-height:40px!important;height:40px!important;padding:0 10px!important;border-radius:9px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;border:1px solid rgba(0,255,136,.22)!important;background:linear-gradient(135deg,rgba(0,255,136,.10),rgba(0,212,255,.06))!important;color:#eafff6!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 5px 16px rgba(0,0,0,.16)!important;font:900 10px 'Outfit',sans-serif!important;letter-spacing:.7px;text-transform:uppercase;cursor:pointer;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,filter .18s ease!important}
.cm-v14-card-download:hover{transform:translateY(-1px)!important;border-color:rgba(0,255,136,.58)!important;box-shadow:0 8px 22px rgba(0,0,0,.25),0 0 14px rgba(0,255,136,.08)!important;filter:brightness(1.06)}
.cm-v14-card-download:active{transform:scale(.98)!important}
.cm-v14-card-download .v14-icon{width:24px;height:24px;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;background:rgba(0,255,136,.10);color:var(--accent);font-size:14px;line-height:1}
.cm-v14-card-download .v14-main{white-space:nowrap}
.cm-v14-card-download .v14-price{color:#9aa7b3;font-size:8px;letter-spacing:.55px;white-space:nowrap}
.cm-v14-card-download.cm-v14-owned{border-color:rgba(139,92,246,.45)!important;background:linear-gradient(135deg,rgba(139,92,246,.16),rgba(0,212,255,.07))!important}
.cm-v14-card-download.cm-v14-owned .v14-icon{background:rgba(139,92,246,.15);color:#c4b5fd}
.cm-v14-like-card{cursor:pointer!important;user-select:none;transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease!important}
.cm-v14-like-card:hover{transform:translateY(-1px);border-color:rgba(255,92,132,.42)!important;box-shadow:0 7px 20px rgba(0,0,0,.18)}
.cm-v14-like-card.is-liked{border-color:rgba(255,92,132,.48)!important;background:linear-gradient(145deg,rgba(255,92,132,.10),rgba(255,255,255,.025))!important}
.cm-v14-like-card .cm-v14-heart{color:#777;font-size:16px;transition:.18s}
.cm-v14-like-card.is-liked .cm-v14-heart{color:#ff5c84;text-shadow:0 0 12px rgba(255,92,132,.35)}
.cm-v14-like-card .cm-v14-like-count{color:#eee}
.cm-v14-message-btn{width:100%;margin-top:10px;padding:11px 13px;border:1px solid rgba(0,212,255,.18);background:rgba(0,212,255,.045);color:#bdefff;border-radius:10px;cursor:pointer;font:800 10px 'Outfit',sans-serif;letter-spacing:.7px;text-transform:uppercase;transition:.18s}
.cm-v14-message-btn:hover{border-color:rgba(0,212,255,.48);background:rgba(0,212,255,.08);transform:translateY(-1px)}
.cm-v14-message-box{background:linear-gradient(145deg,rgba(0,212,255,.045),rgba(255,255,255,.02));border:1px solid rgba(0,212,255,.14);border-radius:13px;padding:14px}
.cm-v14-message-box textarea{width:100%;min-height:125px;resize:vertical;box-sizing:border-box;background:#080b0d;border:1px solid rgba(255,255,255,.09);border-radius:9px;color:#fff;padding:11px;font:600 12px 'Outfit',sans-serif;outline:none}
.cm-v14-message-box textarea:focus{border-color:rgba(0,212,255,.45);box-shadow:0 0 0 3px rgba(0,212,255,.05)}
.cm-v14-send{width:100%;margin-top:10px;padding:12px;border:0;border-radius:9px;background:linear-gradient(135deg,#00ffa3,#00d4ff);color:#03100c;font:900 10px 'Outfit',sans-serif;letter-spacing:.8px;text-transform:uppercase;cursor:pointer}
@media(max-width:700px){.cm-v14-card-download{height:40px!important;min-height:40px!important}.cm-v14-card-download .v14-price{font-size:7px}}


/* V17 — Panel de usuario renovado */
.cm-v17-panel-head{display:flex;align-items:center;gap:13px;padding:4px 2px 16px;margin-bottom:14px;border-bottom:1px solid rgba(255,255,255,.07)}
.cm-v17-avatar{width:58px!important;height:58px!important;border-radius:50%!important;flex-shrink:0;border:1px solid rgba(0,212,255,.32)!important;box-shadow:0 8px 24px rgba(0,0,0,.28),0 0 18px rgba(0,212,255,.06);object-fit:cover}
.cm-v17-user-name{font:900 16px/1.1 'Outfit',sans-serif;color:#fff;margin:0 0 4px}.cm-v17-user-email{font:600 9px/1.3 'Outfit',sans-serif;color:#68737d;overflow-wrap:anywhere}
.cm-v17-close{margin-left:auto;width:34px;height:34px;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:rgba(255,255,255,.025);color:#89939d;font-size:20px;cursor:pointer;transition:.18s}.cm-v17-close:hover{color:#fff;border-color:rgba(0,212,255,.35);background:rgba(0,212,255,.06)}
.cm-v17-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:14px}.cm-v17-stat{padding:12px;border:1px solid rgba(255,255,255,.07);border-radius:12px;background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(0,0,0,.15))}.cm-v17-stat small{display:block;color:#66717b;font:800 8px 'Outfit',sans-serif;text-transform:uppercase;letter-spacing:.8px;margin-bottom:5px}.cm-v17-stat b{display:block;color:#fff;font:900 16px 'Outfit',sans-serif}.cm-v17-stat b span{font-size:10px;color:#00d4ff}
.cm-v17-progress{padding:12px;border:1px solid rgba(0,255,163,.09);border-radius:12px;background:linear-gradient(135deg,rgba(0,255,163,.035),rgba(0,212,255,.025));margin-bottom:14px}.cm-v17-progress-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.cm-v17-progress-top strong{color:#eee;font:800 9px 'Outfit',sans-serif}.cm-v17-progress-top span{color:#65717b;font:700 8px 'Outfit',sans-serif}.cm-v17-progress .p-bar-bg{margin:0!important;height:6px!important;background:rgba(255,255,255,.06)!important;border-radius:99px!important;overflow:hidden}.cm-v17-progress .p-bar-fill{height:100%;background:linear-gradient(90deg,#00ffa3,#00d4ff)!important;border-radius:99px;box-shadow:0 0 12px rgba(0,255,163,.18)}
.cm-v17-menu{display:grid;gap:7px;margin-bottom:14px}.cm-v17-menu-btn{width:100%;display:flex;align-items:center;gap:10px;padding:11px 12px;border:1px solid rgba(255,255,255,.065);border-radius:11px;background:linear-gradient(145deg,rgba(255,255,255,.03),rgba(255,255,255,.012));color:#dbe2e8;cursor:pointer;text-align:left;font:800 9px 'Outfit',sans-serif;letter-spacing:.55px;text-transform:uppercase;transition:transform .18s,border-color .18s,background .18s,box-shadow .18s}.cm-v17-menu-btn:hover{transform:translateX(2px);border-color:rgba(0,212,255,.28);background:rgba(0,212,255,.045);box-shadow:0 5px 16px rgba(0,0,0,.16)}.cm-v17-menu-btn .mi{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:rgba(0,212,255,.06);font-size:14px}.cm-v17-menu-btn .arr{margin-left:auto;color:#4f5c66;font-size:15px}.cm-v17-menu-btn.admin{border-color:rgba(0,255,163,.14);background:rgba(0,255,163,.035)}.cm-v17-menu-btn.admin .mi{background:rgba(0,255,163,.08)}
.cm-v17-admin-note{display:none!important}.cm-v17-footer{padding-top:8px;border-top:1px solid rgba(255,255,255,.06)}.cm-v17-logout{width:100%;padding:11px;border:1px solid rgba(255,80,100,.13);border-radius:10px;background:rgba(255,80,100,.035);color:#e98997;cursor:pointer;font:900 9px 'Outfit',sans-serif;letter-spacing:.8px;text-transform:uppercase;transition:.18s}.cm-v17-logout:hover{border-color:rgba(255,80,100,.32);background:rgba(255,80,100,.07);transform:translateY(-1px)}
.cm-v17-subhead{display:flex;align-items:center;gap:9px;margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.07)}.cm-v17-back{width:32px;height:32px;border:1px solid rgba(255,255,255,.07);border-radius:9px;background:rgba(255,255,255,.025);color:#00d4ff;cursor:pointer;font-size:18px}.cm-v17-subhead strong{color:#fff;font:900 11px 'Outfit',sans-serif;letter-spacing:.7px;text-transform:uppercase}.cm-v17-subhead span{margin-left:auto;color:#59656f;font:700 8px 'Outfit',sans-serif}
@media(max-width:700px){.cm-v17-panel-head{padding-bottom:13px}.cm-v17-avatar{width:52px!important;height:52px!important}.cm-v17-user-name{font-size:15px}}


/* =========================================================
   V6 — TOP COLABORADORES · PREMIUM SOBRIO
   ========================================================= */
.cm-v18-ranking-head{margin-bottom:12px!important;padding-bottom:11px!important;border-bottom:1px solid rgba(255,255,255,.055)!important;}
.cm-v18-ranking-icon{width:32px!important;height:32px!important;border-radius:9px!important;background:rgba(255,255,255,.025)!important;border:1px solid rgba(255,255,255,.07)!important;font-size:15px!important;box-shadow:none!important;}
.cm-v18-ranking-head strong{color:#f3f6f8!important;font-size:14px!important;letter-spacing:.8px!important;}
.cm-v18-ranking-head span{color:#7f8b95!important;font-size:12px!important;}

.ranking-premium-container{display:flex!important;flex-direction:column!important;gap:7px!important;padding:0!important;}
.ranking-item{animation:none!important;opacity:1!important;transform:none!important;margin:0!important;padding:11px 12px!important;border:1px solid rgba(255,255,255,.055)!important;border-radius:11px!important;background:rgba(255,255,255,.018)!important;backdrop-filter:none!important;box-shadow:none!important;transition:background .18s ease,border-color .18s ease!important;}
.ranking-item:hover{transform:none!important;background:rgba(255,255,255,.028)!important;border-color:rgba(255,255,255,.09)!important;box-shadow:none!important;}

.cm-rank-position{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 32px;border-radius:9px;border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.025);color:#78838d;font:900 11px/1 'Outfit',sans-serif;}
.cm-rank-position.cm-rank-gold{color:#d9b85f;border-color:rgba(217,184,95,.22);background:rgba(217,184,95,.055);}
.cm-rank-position.cm-rank-silver{color:#b8c0c8;border-color:rgba(184,192,200,.18);background:rgba(184,192,200,.045);}
.cm-rank-position.cm-rank-bronze{color:#b9825b;border-color:rgba(185,130,91,.2);background:rgba(185,130,91,.05);}

.cm-rank-avatar{width:38px!important;height:38px!important;border-radius:50%!important;border:1px solid rgba(255,255,255,.11)!important;box-shadow:none!important;object-fit:cover;}
.cm-rank-name{color:#f4f6f8!important;font:800 13px/1.2 'Outfit',sans-serif!important;}
.ranking-item .user-stat-premium{color:#77838d!important;background:transparent!important;border:0!important;padding:2px 0!important;border-radius:0!important;font:700 9px/1 'Outfit',sans-serif!important;transition:none!important;}
.ranking-item .user-stat-premium + .user-stat-premium{margin-left:7px;}
.ranking-item .user-stat-premium:hover{background:transparent!important;color:#89949d!important;transform:none!important;}
.ranking-item .count-number{color:#aeb7bf!important;font-weight:800!important;}

.ranking-item .score-badge{animation:none!important;background:rgba(0,255,136,.035)!important;border:1px solid rgba(0,255,136,.11)!important;border-radius:7px!important;box-shadow:none!important;color:#aab4bc!important;padding:6px 8px!important;font:800 9px/1 'Outfit',sans-serif!important;text-transform:uppercase;letter-spacing:.25px;}
.ranking-item .progress-bar-premium{height:2px!important;margin-top:7px!important;border:0!important;border-radius:99px!important;background:rgba(255,255,255,.045)!important;box-shadow:none!important;}
.ranking-item .progress-fill-premium{animation:none!important;background:rgba(0,255,136,.42)!important;box-shadow:none!important;border-radius:99px!important;}
.ranking-item .progress-fill-premium::after{display:none!important;animation:none!important;}
.cm-rank-foot{display:flex;align-items:center;justify-content:space-between;margin-top:7px;color:#74808a;font:700 12px/1.15 'Outfit',sans-serif;letter-spacing:.1px;text-transform:none;}
.cm-rank-foot .cm-rank-percent{color:#74818a;}

.ranking-spinner{width:24px!important;height:24px!important;border-width:2px!important;border-color:rgba(255,255,255,.12)!important;border-top-color:rgba(0,255,136,.65)!important;box-shadow:none!important;}


/* =========================================================
   V8 — TIENDA DE CRÉDITOS · DISEÑO MODERNO
   Solo presentación. La lógica de compra se mantiene intacta.
   ========================================================= */
#shopArea{
    max-width:1080px;
    margin:0 auto;
    font-family:'Outfit',sans-serif;
}
.cm-shop-head{
    margin:0 0 18px;
    padding:18px 20px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:18px;
    border:1px solid rgba(255,255,255,.065);
    border-radius:14px;
    background:linear-gradient(180deg,rgba(255,255,255,.028),rgba(255,255,255,.012));
}
.cm-shop-head-copy h2{
    margin:0 0 5px;
    color:#f5f7f8;
    font:900 18px/1.15 'Outfit',sans-serif;
    letter-spacing:.2px;
}
.cm-shop-head-copy p{
    margin:0;
    color:#75818b;
    font:600 13px/1.5 'Outfit',sans-serif;
}
.cm-shop-head-mark{
    min-width:42px;
    height:42px;
    padding:0 12px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid rgba(0,255,136,.15);
    border-radius:11px;
    background:rgba(0,255,136,.035);
    color:var(--accent);
    font:900 11px/1 'Outfit',sans-serif;
    letter-spacing:.7px;
}

.shop-container{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:14px!important;
    margin-top:0!important;
}
.shop-column{
    padding:16px!important;
    border:1px solid rgba(255,255,255,.06)!important;
    border-radius:14px!important;
    background:rgba(255,255,255,.012)!important;
}
.shop-column h2{
    margin:0 0 13px!important;
    display:flex;
    align-items:center;
    justify-content:space-between;
    color:#dbe1e6!important;
    font:800 14px/1.2 'Outfit',sans-serif!important;
    letter-spacing:.35px!important;
    text-align:left!important;
    text-transform:none!important;
}
.cm-shop-currency{
    color:#65717b;
    font-size:11px;
    font-weight:700;
    letter-spacing:.7px;
    text-transform:uppercase;
}
.shop-grid{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
}
.shop-card{
    position:relative!important;
    overflow:visible!important;
    min-height:0!important;
    padding:13px 13px!important;
    display:grid!important;
    grid-template-columns:1fr auto!important;
    grid-template-areas:
        "credits price"
        "sub buy"!important;
    align-items:center!important;
    column-gap:14px!important;
    row-gap:4px!important;
    text-align:left!important;
    border:1px solid rgba(255,255,255,.055)!important;
    border-radius:11px!important;
    background:rgba(255,255,255,.018)!important;
    box-shadow:none!important;
    transform:none!important;
    transition:background .18s ease,border-color .18s ease!important;
}
.shop-card::before{
    display:none!important;
    content:none!important;
}
.shop-card:hover{
    transform:none!important;
    border-color:rgba(255,255,255,.10)!important;
    background:rgba(255,255,255,.028)!important;
    box-shadow:none!important;
}
.shop-card.cm-shop-featured{
    border-color:rgba(0,255,136,.18)!important;
    background:rgba(0,255,136,.025)!important;
    animation:none!important;
}
.shop-card.cm-shop-featured::after{
    content:'MÁS ELEGIDO';
    position:absolute;
    top:-7px;
    left:12px;
    padding:3px 6px;
    border:1px solid rgba(0,255,136,.18);
    border-radius:5px;
    background:#0d1117;
    color:var(--accent);
    font:800 7px/1 'Outfit',sans-serif;
    letter-spacing:.55px;
}
.shop-card h3{
    grid-area:credits;
    margin:0!important;
    color:#f4f7f8!important;
    font:900 16px/1.15 'Outfit',sans-serif!important;
}
.cm-shop-card-sub{
    grid-area:sub;
    color:#69757f;
    font:600 12px/1.3 'Outfit',sans-serif;
}
.shop-card .price{
    grid-area:price;
    margin:0!important;
    color:#c6cfd6!important;
    font:800 14px/1.1 'Outfit',sans-serif!important;
    text-align:right;
}
.shop-card .btn-action{
    grid-area:buy;
    min-width:88px;
    padding:8px 10px!important;
    margin:0!important;
    border:1px solid rgba(0,255,136,.18)!important;
    border-radius:7px!important;
    background:rgba(0,255,136,.08)!important;
    color:var(--accent)!important;
    font:900 11px/1 'Outfit',sans-serif!important;
    letter-spacing:.4px!important;
    text-transform:uppercase!important;
    box-shadow:none!important;
}
.shop-card .btn-action:hover{
    transform:none!important;
    background:var(--accent)!important;
    color:#031009!important;
    box-shadow:none!important;
}
.payment-info{
    margin-top:12px!important;
    padding-top:11px!important;
    border-top:1px solid rgba(255,255,255,.045)!important;
    color:#68747e!important;
    font:600 12px/1.5 'Outfit',sans-serif!important;
    text-align:left!important;
}
.cm-shop-safe{
    display:flex;
    align-items:center;
    gap:6px;
    margin-top:5px;
    color:#505c65;
    font-size:11px;
}
@media(max-width:760px){
    .cm-shop-head{padding:14px;}
    .cm-shop-head-mark{display:none;}
    .shop-container{grid-template-columns:1fr!important;}
    .shop-card{grid-template-columns:1fr auto!important;}
}


/* V9 — Accesibilidad visual de la tienda */
.payment-info{
    color:#9aa5ae!important;
    font-size:12px!important;
    line-height:1.55!important;
    letter-spacing:.05px!important;
}
.cm-shop-safe{
    margin-top:7px!important;
    color:#7f8b95!important;
    font-size:11px!important;
    line-height:1.45!important;
}
.cm-shop-card-sub{
    color:#87939c!important;
    font-size:12px!important;
}


/* V10 — Editor visual y aviso de vista protegida */
.cm-protected-preview{position:relative;overflow:hidden;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;margin:0 0 22px;padding:17px 18px;background:linear-gradient(135deg,rgba(8,18,25,.96),rgba(12,29,37,.92));border:1px solid rgba(0,255,163,.22);border-radius:15px;box-shadow:0 14px 35px rgba(0,0,0,.2)}
.cm-protected-preview::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 0 0,rgba(0,255,163,.12),transparent 44%);pointer-events:none}
.cm-protected-icon{position:relative;width:46px;height:46px;border-radius:13px;display:grid;place-items:center;color:#00ffa3;background:rgba(0,255,163,.08);border:1px solid rgba(0,255,163,.24)}
.cm-protected-icon svg{width:24px;height:24px;fill:currentColor}
.cm-protected-copy{position:relative;min-width:0}.cm-protected-copy strong{display:block;color:#eef7f4;font:800 13px/1.2 'Outfit',sans-serif;letter-spacing:.7px;text-transform:uppercase}.cm-protected-copy p{margin:5px 0 0;color:#86969f;font:500 12px/1.55 'Outfit',sans-serif}.cm-protected-copy p b{color:#cbd8d3;font-weight:700}
.cm-protected-badge{position:relative;padding:7px 10px;border-radius:999px;background:rgba(0,212,255,.07);border:1px solid rgba(0,212,255,.18);color:#6edff3;font:800 9px/1 'Outfit',sans-serif;letter-spacing:1px}
.cm-edit-overlay{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;padding:20px;background:rgba(2,7,11,.86);backdrop-filter:blur(10px)}
.cm-edit-modal{width:min(820px,96vw);max-height:90vh;overflow:auto;background:linear-gradient(145deg,#0d151c,#0a1015);border:1px solid rgba(0,255,163,.22);border-radius:20px;box-shadow:0 30px 90px rgba(0,0,0,.7)}
.cm-edit-head{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:18px 20px;background:rgba(10,16,21,.96);border-bottom:1px solid rgba(255,255,255,.07);backdrop-filter:blur(12px)}
.cm-edit-title{display:flex;align-items:center;gap:12px}.cm-edit-title-icon{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:rgba(0,255,163,.1);color:#00ffa3}.cm-edit-title strong{display:block;color:#f1f7f5;font:800 14px/1.2 'Outfit',sans-serif;letter-spacing:.6px}.cm-edit-title span{display:block;margin-top:3px;color:#697882;font:600 10px/1 'Outfit',sans-serif;text-transform:uppercase;letter-spacing:1px}
.cm-edit-close{width:36px;height:36px;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:#111a21;color:#93a0aa;font-size:21px;cursor:pointer}.cm-edit-close:hover{color:#fff;border-color:rgba(0,255,163,.3)}
.cm-edit-body{display:grid;grid-template-columns:210px 1fr;gap:22px;padding:22px}.cm-edit-cover{position:sticky;top:96px;align-self:start}.cm-edit-cover img{display:block;width:100%;max-height:310px;object-fit:contain;background:#060a0d;border:1px solid rgba(0,212,255,.2);border-radius:13px}.cm-edit-cover small{display:block;margin-top:9px;color:#64737d;font:600 10px/1.4 'Outfit',sans-serif;text-align:center}
.cm-edit-form{display:grid;grid-template-columns:1fr 1fr;gap:14px}.cm-edit-field{min-width:0}.cm-edit-field.cm-wide{grid-column:1/-1}.cm-edit-field label{display:block;margin:0 0 6px;color:#788892;font:700 10px/1 'Outfit',sans-serif;letter-spacing:.8px;text-transform:uppercase}.cm-edit-field input,.cm-edit-field select{width:100%;height:43px;box-sizing:border-box;padding:0 12px;background:#070c10;border:1px solid rgba(255,255,255,.09);border-radius:9px;color:#e9f0f3;font:600 12px 'Outfit',sans-serif;outline:none}.cm-edit-field input:focus,.cm-edit-field select:focus{border-color:rgba(0,255,163,.45);box-shadow:0 0 0 3px rgba(0,255,163,.06)}
.cm-edit-upload{grid-column:1/-1;padding:13px;background:rgba(255,255,255,.025);border:1px dashed rgba(0,212,255,.25);border-radius:11px}.cm-edit-upload input{height:auto;padding:9px}.cm-edit-thumb-preview{display:flex;align-items:center;gap:10px;margin-top:10px;color:#7e8c96;font-size:11px}.cm-edit-thumb-preview img{width:58px;height:58px;object-fit:cover;border-radius:8px;border:1px solid rgba(0,212,255,.3)}
.cm-edit-actions{grid-column:1/-1;display:flex;justify-content:flex-end;gap:10px;padding-top:5px}.cm-edit-actions button{min-width:120px;height:42px;border-radius:10px;border:1px solid rgba(255,255,255,.09);font:800 11px 'Outfit',sans-serif;letter-spacing:.5px;cursor:pointer}.cm-edit-cancel{background:#111920;color:#9aa7af}.cm-edit-save{background:#00ffa3;color:#03100b;border-color:#00ffa3!important}.cm-edit-save:hover{box-shadow:0 0 22px rgba(0,255,163,.2)}
@media(max-width:680px){.cm-protected-preview{grid-template-columns:auto 1fr}.cm-protected-badge{display:none}.cm-edit-body{grid-template-columns:1fr}.cm-edit-cover{position:static;display:grid;grid-template-columns:90px 1fr;align-items:center;gap:12px}.cm-edit-cover img{max-height:125px}.cm-edit-form{grid-template-columns:1fr}.cm-edit-field.cm-wide,.cm-edit-upload,.cm-edit-actions{grid-column:1}.cm-edit-actions{display:grid;grid-template-columns:1fr 1fr}.cm-edit-actions button{min-width:0;width:100%}}

/* V11 — Controles de edición y panel administrativo */
.cm-cover-edit-btn{position:absolute;top:12px;left:12px;z-index:12;width:42px;height:42px;display:grid;place-items:center;padding:0;border:1px solid rgba(255,255,255,.16);border-radius:12px;background:rgba(8,16,22,.82);color:#dffdf2;box-shadow:0 10px 28px rgba(0,0,0,.42);backdrop-filter:blur(10px);cursor:pointer;transition:transform .2s,border-color .2s,background .2s,box-shadow .2s}
.cm-cover-edit-btn svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.cm-cover-edit-btn:hover{transform:translateY(-2px);color:#00110b;background:#00ffa3;border-color:#00ffa3;box-shadow:0 12px 30px rgba(0,255,163,.2)}
.admin-edit-btn{border-radius:11px!important;background:rgba(7,15,20,.88)!important;color:#dffdf2!important;border:1px solid rgba(255,255,255,.14)!important;box-shadow:0 8px 22px rgba(0,0,0,.35)!important;backdrop-filter:blur(8px)}.admin-edit-btn:hover{background:#00ffa3!important;color:#00110b!important;border-color:#00ffa3!important}.admin-edit-btn svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
#adminPanel{max-width:1120px!important;padding:22px!important;background:linear-gradient(145deg,#0b1218,#080d11)!important;border:1px solid rgba(0,255,163,.16)!important;border-radius:19px!important;box-shadow:0 30px 80px rgba(0,0,0,.45)!important}
#admin-tabs{gap:8px!important;padding:7px!important;margin-bottom:18px!important;border:1px solid rgba(255,255,255,.07)!important;border-radius:13px!important;background:rgba(255,255,255,.025)!important;overflow:auto}
#admin-tabs button{min-width:150px;padding:11px 15px!important;border-radius:9px!important;font:800 10px/1 'Outfit',sans-serif!important;letter-spacing:.75px!important;border:1px solid transparent!important}
#admin-contenidos{min-height:400px}.admin-grid{gap:18px}.admin-col{background:rgba(255,255,255,.018);border:1px solid rgba(255,255,255,.06);border-radius:14px;padding:18px}.admin-col h3{font-family:'Outfit',sans-serif;letter-spacing:.3px}
.cm-admin-shell{background:linear-gradient(145deg,rgba(9,16,21,.96),rgba(6,11,15,.98));border:1px solid rgba(255,255,255,.07);border-radius:16px;padding:20px}.cm-admin-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.cm-admin-heading h3{margin:0;color:#f1f6f4;font:800 16px 'Outfit',sans-serif}.cm-admin-heading span{color:#677781;font:700 9px 'Outfit',sans-serif;letter-spacing:1px;text-transform:uppercase}

/* V43 — Estudio moderno para Subir Nuevo Aporte */
.cm-upload-studio{position:relative;overflow:hidden;padding:0!important;border:1px solid rgba(0,255,163,.13)!important;border-radius:17px!important;background:linear-gradient(150deg,rgba(12,21,27,.98),rgba(6,11,15,.99))!important;box-shadow:0 22px 55px rgba(0,0,0,.25)}
.cm-upload-studio:before{content:'';position:absolute;inset:0 0 auto;height:1px;background:linear-gradient(90deg,transparent,#00ffa3,#00d4ff,transparent);opacity:.7}
.cm-upload-head{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:13px;align-items:center;padding:19px 20px 16px;border-bottom:1px solid rgba(255,255,255,.06);background:linear-gradient(110deg,rgba(0,255,163,.045),transparent 55%)}
.cm-upload-head-icon{width:42px;height:42px;display:grid;place-items:center;border:1px solid rgba(0,255,163,.2);border-radius:12px;color:#00ffa3;background:rgba(0,255,163,.055);box-shadow:inset 0 0 18px rgba(0,255,163,.025)}.cm-upload-head-icon svg{width:21px;height:21px}
.cm-upload-head span{display:block;color:#00ffa3;font:850 8px/1 'Outfit',sans-serif;letter-spacing:1.5px}.cm-upload-head h3{margin:5px 0 3px!important;color:#f4f8f7!important;font:800 17px/1.1 'Outfit',sans-serif!important;text-transform:none!important}.cm-upload-head p{margin:0;color:#6f7d86;font:500 10px/1.4 'Outfit',sans-serif}.cm-upload-head>b{align-self:start;padding:6px 8px;border:1px solid rgba(0,212,255,.14);border-radius:7px;color:#6aa6b3;background:rgba(0,212,255,.035);font:800 7px 'Outfit',sans-serif;letter-spacing:1px}
.cm-upload-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;padding:13px 20px}.cm-upload-steps span{display:flex;align-items:center;gap:7px;color:#596771;font:800 8px 'Outfit',sans-serif;letter-spacing:.7px;text-transform:uppercase}.cm-upload-steps i{width:21px;height:21px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.08);border-radius:7px;color:#62707a;font-style:normal}.cm-upload-steps span.active{color:#cfe8df}.cm-upload-steps span.active i{border-color:rgba(0,255,163,.35);color:#00170f;background:#00ffa3;box-shadow:0 0 16px rgba(0,255,163,.16)}
.cm-upload-assets{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:3px 20px 12px}.cm-upload-drop{position:relative;min-height:135px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:17px;border:1px dashed rgba(255,255,255,.13);border-radius:13px;background:rgba(255,255,255,.018);cursor:pointer;text-align:center;transition:.2s}.cm-upload-drop:hover{transform:translateY(-2px);border-color:rgba(0,255,163,.45);background:rgba(0,255,163,.035)}.cm-upload-drop.secondary:hover{border-color:rgba(0,212,255,.48);background:rgba(0,212,255,.035)}.cm-upload-drop input{position:absolute;width:1px!important;height:1px!important;opacity:0;pointer-events:none}.cm-upload-drop-icon{width:34px;height:34px;display:grid;place-items:center;margin-bottom:9px;border-radius:10px;background:rgba(0,255,163,.07);color:#00ffa3;font:500 21px/1 'Outfit',sans-serif}.cm-upload-drop.secondary .cm-upload-drop-icon{background:rgba(0,212,255,.07);color:#00d4ff}.cm-upload-drop strong{color:#dde7e3;font:750 11px 'Outfit',sans-serif}.cm-upload-drop small{margin:4px 0 9px;color:#66747d;font:500 8px 'Outfit',sans-serif}.cm-upload-drop em{max-width:100%;padding:6px 9px;border:1px solid rgba(255,255,255,.08);border-radius:7px;color:#8c9aa3;background:rgba(0,0,0,.18);font:800 7px 'Outfit',sans-serif;letter-spacing:.7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-style:normal}
.cm-upload-drop.has-file{border-style:solid;border-color:rgba(0,255,163,.38);background:rgba(0,255,163,.035)}.cm-upload-drop.secondary.has-file{border-color:rgba(0,212,255,.4);background:rgba(0,212,255,.035)}.cm-upload-drop.has-file em{color:#bdfae2;border-color:rgba(0,255,163,.16)}
.cm-upload-studio .cm-upload-progress{position:relative!important;width:auto!important;height:29px!important;margin:0 20px 10px!important;border:1px solid rgba(0,255,163,.13)!important;border-radius:9px!important;background:rgba(0,0,0,.25)!important;overflow:hidden!important}.cm-upload-studio .cm-upload-progress>div{position:absolute;inset:0 auto 0 0;height:100%!important;background:linear-gradient(90deg,rgba(0,255,163,.18),rgba(0,212,255,.28))!important;box-shadow:none!important;transition:width .35s ease!important}.cm-upload-studio .cm-upload-progress>div:after{content:'';position:absolute;inset:0;width:45%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.24),transparent);animation:cmUploadSweep 1.15s linear infinite}.cm-upload-progress span{position:absolute;inset:0;display:grid;place-items:center;color:#b9cbc4;font:800 8px 'Outfit',sans-serif;letter-spacing:.6px;text-transform:uppercase}@keyframes cmUploadSweep{from{transform:translateX(-120%)}to{transform:translateX(320%)}}
.cm-upload-tip{display:flex;gap:9px;align-items:flex-start;margin:0 20px 17px;padding:10px 11px;border:1px solid rgba(0,212,255,.1);border-radius:10px;background:rgba(0,212,255,.025)}.cm-upload-tip>span{flex:0 0 auto;width:19px;height:19px;display:grid;place-items:center;border-radius:6px;color:#00d4ff;background:rgba(0,212,255,.08);font:850 10px 'Outfit',sans-serif}.cm-upload-tip p{margin:1px 0 0;color:#70808a;font:500 9px/1.45 'Outfit',sans-serif}
.cm-upload-section-title{display:flex;align-items:center;gap:10px;padding:0 20px 10px}.cm-upload-section-title span{color:#809099;font:850 8px 'Outfit',sans-serif;letter-spacing:1.2px}.cm-upload-section-title i{height:1px;flex:1;background:rgba(255,255,255,.055)}
.cm-upload-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:0 20px}.cm-upload-fields label{display:block}.cm-upload-fields label.wide{grid-column:1/-1}.cm-upload-fields label>span{display:block;margin:0 0 5px;color:#65747e;font:850 7px 'Outfit',sans-serif;letter-spacing:1px}.cm-upload-fields input,.cm-upload-fields select{width:100%!important;height:42px!important;margin:0!important;padding:0 11px!important;box-sizing:border-box!important;border:1px solid rgba(255,255,255,.07)!important;border-radius:9px!important;outline:0;background:#080e13!important;color:#dfe8e5!important;font:600 10px 'Outfit',sans-serif!important;transition:.18s}.cm-upload-fields input:focus,.cm-upload-fields select:focus{border-color:rgba(0,255,163,.36)!important;box-shadow:0 0 0 3px rgba(0,255,163,.035)}
.cm-upload-publish{width:calc(100% - 40px)!important;min-height:46px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:9px!important;margin:17px 20px 20px!important;border-radius:10px!important;background:linear-gradient(100deg,#00e995,#00d4b4)!important;color:#00150d!important;box-shadow:0 12px 28px rgba(0,255,163,.12)!important;font:900 9px 'Outfit',sans-serif!important;letter-spacing:1px!important}.cm-upload-publish:hover{transform:translateY(-2px);box-shadow:0 15px 34px rgba(0,255,163,.2)!important}.cm-upload-publish svg{width:16px;height:16px;transition:transform .18s}.cm-upload-publish:hover svg{transform:translateX(3px)}
@media(max-width:640px){.cm-upload-head{grid-template-columns:40px minmax(0,1fr)}.cm-upload-head>b{display:none}.cm-upload-assets{grid-template-columns:1fr}.cm-upload-drop{min-height:115px}.cm-upload-fields{grid-template-columns:1fr}.cm-upload-fields label.wide{grid-column:1}.cm-upload-steps span{font-size:7px}.cm-upload-studio{border-radius:14px!important}}

/* V44 — confirmación animada al publicar */
.cm-publish-result{position:fixed;inset:0;z-index:120000;display:grid;place-items:center;padding:18px;background:rgba(1,6,9,.78);backdrop-filter:blur(11px);animation:cmResultFade .22s ease both}.cm-publish-result-card{position:relative;width:min(370px,100%);overflow:hidden;padding:28px 24px 22px;border:1px solid rgba(0,255,163,.24);border-radius:19px;background:linear-gradient(150deg,#0e191f,#080f14);box-shadow:0 35px 100px rgba(0,0,0,.7),0 0 40px rgba(0,255,163,.045);text-align:center;animation:cmResultCard .42s cubic-bezier(.2,.8,.2,1.15) both}.cm-publish-result-card:before{content:'';position:absolute;inset:0 0 auto;height:1px;background:linear-gradient(90deg,transparent,#00ffa3,#00d4ff,transparent)}.cm-publish-check{width:68px;height:68px;margin:0 auto 16px}.cm-publish-check svg{display:block;width:100%;height:100%;overflow:visible}.cm-publish-check circle{fill:rgba(0,255,163,.055);stroke:rgba(0,255,163,.35);stroke-width:1.5;stroke-dasharray:190;stroke-dashoffset:190;animation:cmCircleDraw .55s .1s ease forwards}.cm-publish-check path{fill:none;stroke:#00ffa3;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:42;stroke-dashoffset:42;filter:drop-shadow(0 0 5px rgba(0,255,163,.45));animation:cmCheckDraw .42s .48s ease forwards}.cm-publish-result-card small{display:block;color:#00ffa3;font:850 8px 'Outfit',sans-serif;letter-spacing:1.6px}.cm-publish-result-card h3{margin:7px 0 5px;color:#f4faf7;font:850 20px/1.15 'Outfit',sans-serif}.cm-publish-result-card p{margin:0;color:#71818b;font:500 10px/1.5 'Outfit',sans-serif}.cm-publish-result-name{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:#cbd8d3;font:750 10px 'Outfit',sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cm-publish-result-progress{height:3px;border-radius:99px;background:rgba(255,255,255,.055);overflow:hidden}.cm-publish-result-progress i{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#00ffa3,#00d4ff);box-shadow:0 0 12px rgba(0,255,163,.3);animation:cmResultProgress 1.8s .18s linear forwards}@keyframes cmResultFade{from{opacity:0}to{opacity:1}}@keyframes cmResultCard{from{opacity:0;transform:translateY(16px) scale(.94)}to{opacity:1;transform:none}}@keyframes cmCircleDraw{to{stroke-dashoffset:0}}@keyframes cmCheckDraw{to{stroke-dashoffset:0}}@keyframes cmResultProgress{to{width:100%}}
.cm-sales-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px}.cm-sales-stat{padding:14px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.06);border-radius:11px}.cm-sales-stat small{display:block;color:#667680;font:700 9px 'Outfit',sans-serif;letter-spacing:.8px;text-transform:uppercase}.cm-sales-stat b{display:block;margin-top:5px;color:#eef6f3;font:800 22px 'Outfit',sans-serif}.cm-sales-stat b.cm-money{color:#00ffa3}
.cm-sales-table{overflow:auto;border:1px solid rgba(255,255,255,.06);border-radius:11px}.cm-sales-row{min-width:760px;display:grid;grid-template-columns:1.35fr .8fr .8fr 1.1fr 1.2fr;gap:12px;align-items:center;padding:11px 13px;border-bottom:1px solid rgba(255,255,255,.05);font:600 10px/1.35 'Outfit',sans-serif}.cm-sales-row:last-child{border-bottom:0}.cm-sales-row.cm-sales-head{color:#64747e;background:rgba(255,255,255,.025);font-size:9px;font-weight:800;letter-spacing:.7px;text-transform:uppercase}.cm-sales-user strong{display:block;color:#e9f1ee}.cm-sales-user span,.cm-sales-ref{color:#667680}.cm-sales-pack{color:#80e9ff;font-weight:800}.cm-sales-amount{color:#00ffa3;font-weight:800}.cm-sales-status{display:inline-flex;width:max-content;padding:5px 7px;border-radius:999px;color:#00ffa3;background:rgba(0,255,163,.07);border:1px solid rgba(0,255,163,.16);font-size:8px;letter-spacing:.6px}.cm-sales-empty{padding:24px;text-align:center;color:#687882;font-size:11px}
@media(max-width:720px){#adminPanel{padding:12px!important}.cm-sales-summary{grid-template-columns:1fr}.cm-admin-heading{align-items:flex-start;flex-direction:column}}

/* V12 — Orden editorial de la ficha individual en móvil */
@media(max-width:760px){
  .cm-individual-layout{display:flex!important;flex-direction:column!important;gap:0!important;width:100%!important}
  .cm-individual-main,.cm-individual-side{display:contents!important}
  .cm-individual-cover{order:1;width:fit-content;max-width:100%;align-self:center}
  .cm-protected-preview{order:2;width:100%;box-sizing:border-box}
  .cm-individual-info{order:3;width:100%;box-sizing:border-box;margin:0 0 20px!important}
  .cm-individual-related{order:4;width:100%;box-sizing:border-box;margin:0 0 20px!important}
  .cm-individual-ranking{order:5;width:100%;box-sizing:border-box;margin:0 0 20px!important}
  .cm-individual-comments{order:6;width:100%;box-sizing:border-box}
}

/* V14 — Corrección mínima de scroll; conserva intacta la escala responsive V12 */
@media(min-width:769px){
  .main-wrapper{scrollbar-width:auto;scrollbar-color:#315349 #010409}
  .main-wrapper::-webkit-scrollbar{display:block;width:9px}
  .main-wrapper::-webkit-scrollbar-track{background:#010409}
  .main-wrapper::-webkit-scrollbar-thumb{background:#315349;border:0;border-radius:8px}
  .main-wrapper::-webkit-scrollbar-thumb:hover{background:#00b86b}
  .main-wrapper::-webkit-scrollbar-corner{background:#010409}
}
@media(max-width:768px){
  .sidebar{scrollbar-width:none!important;-ms-overflow-style:none!important}
  .sidebar::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}
}

/* V15 — Elimina únicamente la franja vacía sobre la navegación móvil */
@media(max-width:768px){
  .content-area{margin-bottom:0!important}
}

/* V17 — Retira el bloque visual inferior de 80 px en móvil */
@media(max-width:768px){
  .main-wrapper{padding-bottom:0!important}
}

/* V18 — El área desplazable ocupa todo el espacio visible hasta el borde inferior */
@media(max-width:768px){
  .main-wrapper{
    position:fixed!important;
    top:58px!important;
    right:0!important;
    bottom:0!important;
    left:0!important;
    width:auto!important;
    height:auto!important;
    margin:0!important;
    padding-bottom:0!important;
    box-sizing:border-box!important;
    overflow-y:auto!important;
  }
}

/* V19 — Espacio desplazable solo al final para superar la barra inferior */
@media(max-width:768px){
  .main-wrapper{padding-bottom:76px!important}
}

/* V20 — Barra móvil sólida: el contenido ya no se transparenta por debajo */
@media(max-width:768px){
  .sidebar{
    background:#071321!important;
    background-image:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }
}

/* V21 — Fondo sólido de la capa desplazable para evitar mosaicos del compositor móvil */
@media(max-width:768px){
  .main-wrapper{
    background:#010409!important;
    background-image:none!important;
    isolation:isolate!important;
  }
}

/* V22 — Buscar permanece en la barra; solo el campo se despliega arriba */
@media(max-width:768px){
  #searchContainer{
    position:static!important;
    inset:auto!important;
    width:auto!important;
    margin:0!important;
    flex:0 0 auto!important;
  }
  #searchInput{
    position:fixed!important;
    top:68px!important;
    right:12px!important;
    left:12px!important;
    z-index:2500!important;
    width:calc(100% - 24px)!important;
    margin:0!important;
    box-sizing:border-box!important;
  }
}

/* V23 — Scrollbar de escritorio visible, continuo y compatible */
@media(min-width:769px){
  .main-wrapper{
    scrollbar-width:auto;
    scrollbar-color:#2f7863 #050b10;
  }
  .main-wrapper::-webkit-scrollbar{
    display:block;
    width:10px;
    height:10px;
  }
  .main-wrapper::-webkit-scrollbar-track,
  .main-wrapper::-webkit-scrollbar-track-piece{
    background:#050b10;
    border:0;
    box-shadow:none;
  }
  .main-wrapper::-webkit-scrollbar-thumb{
    min-height:44px;
    background:#2f7863;
    border:0;
    border-radius:8px;
    box-shadow:none;
  }
  .main-wrapper::-webkit-scrollbar-thumb:hover{background:#00b875}
  .main-wrapper::-webkit-scrollbar-button{display:none;width:0;height:0}
  .main-wrapper::-webkit-scrollbar-corner{background:#050b10}
  .footer{right:10px!important}
}

/* V24 — Scrollbar de alto contraste y mayor anchura */
@media(min-width:769px){
  .main-wrapper{scrollbar-width:auto!important;scrollbar-color:#00d982 #111a20!important}
  .main-wrapper::-webkit-scrollbar{display:block!important;width:14px!important;height:14px!important;background:#111a20!important}
  .main-wrapper::-webkit-scrollbar-track,.main-wrapper::-webkit-scrollbar-track-piece{background:#111a20!important;border:0!important;box-shadow:none!important}
  .main-wrapper::-webkit-scrollbar-thumb{min-height:52px!important;background:#00d982!important;border:0!important;border-radius:5px!important;box-shadow:0 0 8px rgba(0,217,130,.32)!important}
  .main-wrapper::-webkit-scrollbar-thumb:hover{background:#00ff9a!important;box-shadow:0 0 11px rgba(0,255,154,.48)!important}
  .main-wrapper::-webkit-scrollbar-button{display:none!important;width:0!important;height:0!important}
  .main-wrapper::-webkit-scrollbar-corner{background:#111a20!important}
  .footer{right:14px!important}
}

/* V25 — Indicador de scroll propio, uniforme en todos los navegadores */
@media(min-width:769px){
  .main-wrapper{scrollbar-width:none!important;-ms-overflow-style:none!important}
  .main-wrapper.cm-scroll-dragging{scroll-behavior:auto!important}
  .main-wrapper::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}
  #cm-desktop-scroll-track{position:fixed;top:60px;right:0;bottom:0;width:14px;z-index:2400;background:#111a20;box-shadow:inset 1px 0 0 rgba(255,255,255,.06);cursor:pointer}
  #cm-desktop-scroll-thumb{position:absolute;top:0;left:2px;width:10px;min-height:52px;border-radius:5px;background:#00d982;box-shadow:0 0 9px rgba(0,217,130,.4);cursor:grab;touch-action:none;will-change:transform}
  #cm-desktop-scroll-thumb:hover{background:#00ff9a;box-shadow:0 0 12px rgba(0,255,154,.55)}
  #cm-desktop-scroll-thumb.cm-dragging{cursor:grabbing;background:#00ff9a}
  .footer{right:14px!important}
}
@media(max-width:768px){#cm-desktop-scroll-track{display:none!important}}

/* V27 — Logo Coversmania azul Blu-ray */
.cm-brand-logo{display:flex!important;align-items:center;justify-content:center;min-height:62px;margin-bottom:14px!important;padding-bottom:12px!important}
.cm-brand-logo a,.cm-brand-logo svg{max-width:100%;height:auto}
body.ui-sidebar-collapsed .cm-brand-logo svg{width:55px!important}
body.ui-sidebar-collapsed .cm-brand-logo svg text{display:none}
@media(max-width:768px){.cm-brand-logo{display:none!important}}

/* V29 — Logo textual y símbolo de carátula en Home */
.cm-brand-logo-text svg{width:220px!important;height:auto!important}
.cm-home-cover-icon{padding:7px!important;box-sizing:border-box;overflow:hidden}
.cm-home-cover-icon svg{display:block;width:100%;height:100%;filter:drop-shadow(0 0 5px rgba(40,100,255,.22))}

/* V31 — Eslogan centrado y marca CM textual en Home */
.cm-brand-logo-text{text-align:center!important}
.cm-brand-logo-text a{width:100%!important}
.cm-brand-logo-text svg{display:block!important;margin:0 auto!important;width:225px!important}

/* V33 — Logo lateral compacto para recuperar espacio de navegación */
.cm-brand-logo.cm-brand-logo-text{min-height:46px!important;margin-bottom:4px!important;padding-bottom:5px!important}
.cm-brand-logo-text svg{height:44px!important;width:225px!important}

/* V34 — Títulos individuales con la tipografía de Vista protegida */
.cm-related-title,.cm-comments-title{font-family:'Outfit',sans-serif!important;font-weight:800!important;line-height:1.2!important;letter-spacing:.7px!important}
.cm-related-title{font-size:15px!important;text-transform:uppercase!important}
.cm-comments-title{font-size:19px!important;text-transform:none!important}

/* V35 — Footer con la tipografía de Visitas totales */
.cm-footer-stat-text{color:#8b949e!important;font-family:'Outfit',sans-serif!important;font-size:10px!important;font-weight:700!important;letter-spacing:.45px!important;line-height:1!important;text-transform:uppercase!important;white-space:nowrap;text-decoration:none!important}
.cm-footer-map{margin-left:18px}

/* V36 — Editor de comentarios moderno */
.cm-comments-title{font-family:'Outfit',sans-serif!important;font-size:13px!important;font-weight:800!important;line-height:1.2!important;letter-spacing:.7px!important;text-transform:uppercase!important}
.nuevo-comentario-box.cm-comment-editor{position:relative;gap:0;padding:0;background:linear-gradient(145deg,rgba(8,18,25,.98),rgba(11,24,32,.95));border:1px solid rgba(0,255,163,.18);border-radius:15px;overflow:visible;box-shadow:0 14px 34px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.035);transition:border-color .2s,box-shadow .2s}
.nuevo-comentario-box.cm-comment-editor:focus-within{border-color:rgba(0,255,163,.42);box-shadow:0 14px 34px rgba(0,0,0,.24),0 0 0 3px rgba(0,255,163,.055)}
.cm-comment-editor #texto-comentario{box-sizing:border-box;width:100%;min-height:76px;max-height:180px;padding:17px 18px 12px;background:transparent;border:0!important;color:#edf7f4;font-family:'Outfit',sans-serif;font-size:14px;line-height:1.55;resize:none;overflow-y:auto}
.cm-comment-editor #texto-comentario::placeholder{color:#71808a}
.cm-comment-toolbar{position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-top:1px solid rgba(255,255,255,.055);background:rgba(0,0,0,.12);border-radius:0 0 15px 15px}
.cm-comment-tools{display:flex;align-items:center;gap:12px;min-width:0}
.cm-emoji-button{display:flex;align-items:center;gap:7px;padding:7px 8px;background:transparent;border:0;border-radius:8px;color:#9aaab2;cursor:pointer;font:700 11px/1 'Outfit',sans-serif;transition:.2s}
.cm-emoji-button:hover{color:#00ffa3;background:rgba(0,255,163,.07)}
.cm-comment-counter{color:#71808a;font:700 10px/1 'Outfit',sans-serif;letter-spacing:.3px;white-space:nowrap}
.cm-comment-counter.cm-near-limit{color:#ffcf5a}
.cm-comment-editor .btn-publicar-pro{min-width:104px;padding:10px 18px;border-radius:9px;font-family:'Outfit',sans-serif;letter-spacing:.45px}
.cm-comment-editor .btn-publicar-pro:disabled{cursor:not-allowed;opacity:.38;filter:saturate(.35);box-shadow:none}
.cm-reply-indicator{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 12px;background:rgba(0,212,255,.07);border-bottom:1px solid rgba(0,212,255,.15);color:#88dff0;font:700 11px/1.2 'Outfit',sans-serif;border-radius:15px 15px 0 0}
.cm-reply-indicator[hidden]{display:none!important}.cm-reply-indicator button{padding:5px 8px;background:transparent;border:1px solid rgba(255,255,255,.12);border-radius:7px;color:#b9c6cd;font:700 9px/1 'Outfit',sans-serif;text-transform:uppercase;cursor:pointer}
@media(max-width:600px){.cm-comment-toolbar{align-items:stretch;flex-direction:column}.cm-comment-tools{justify-content:space-between}.cm-comment-editor .btn-publicar-pro{width:100%;min-height:42px}.cm-emoji-button{padding-left:2px}}

body.cm-active-frame-admin #userProfilePic,body.cm-active-frame-admin #panelAvatar{border:3px solid #ff3b52!important}
.cm-v7-meta-card b{overflow-wrap:anywhere}
/* V47 — marco de rol ADMIN · rojo limpio */
body.cm-role-admin #userProfilePic{box-sizing:border-box!important;border:3px solid #ff3b52!important;box-shadow:none!important;animation:none!important;filter:none!important;}
body.cm-role-admin #panelAvatar{box-sizing:border-box!important;border:3px solid #ff3b52!important;box-shadow:none!important;animation:none!important;filter:none!important;}
.cm-admin-user-avatar.cm-role-frame-admin{box-sizing:border-box!important;color:#ff6576!important;border:3px solid #ff3b52!important;background:rgba(255,59,82,.07)!important;box-shadow:none!important;}
.comentario-avatar.cm-role-frame-admin,.cm-rank-avatar.cm-role-frame-admin{box-sizing:border-box!important;border:3px solid #ff3b52!important;box-shadow:none!important;animation:none!important;filter:none!important;}

/* V48 — Premios y Panel de control */
#premiosPanel.cm-rewards{max-width:1080px!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;font-family:'Outfit',sans-serif!important}
.cm-rw-shell{padding:24px;border:1px solid rgba(0,255,136,.15);border-radius:18px;background:linear-gradient(155deg,#0b151c,#071016 70%);box-shadow:0 18px 45px rgba(0,0,0,.28)}
.cm-rw-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:18px;padding-bottom:17px;border-bottom:1px solid rgba(255,255,255,.07)}.cm-rw-head small{color:#00ffa3;font:800 9px 'Outfit',sans-serif;letter-spacing:1.25px}.cm-rw-head h2{margin:6px 0 0;color:#fff;font:900 25px/1.1 'Outfit',sans-serif}.cm-rw-head p{max-width:430px;margin:0;color:#82919a;font:500 12px/1.55 'Outfit',sans-serif}
.cm-rw-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-bottom:16px}.cm-rw-stat{padding:14px;border:1px solid rgba(255,255,255,.07);border-radius:12px;background:rgba(255,255,255,.025)}.cm-rw-stat small{display:block;color:#687983;font:800 8px 'Outfit',sans-serif;letter-spacing:.75px;margin-bottom:6px}.cm-rw-stat b{color:#fff;font:900 20px 'Outfit',sans-serif}.cm-rw-stat b.accent{color:#00ffa3}
.cm-rw-progress{padding:15px;border:1px solid rgba(0,255,163,.13);border-radius:13px;background:linear-gradient(120deg,rgba(0,255,163,.045),rgba(0,212,255,.025));margin-bottom:17px}.cm-rw-progress-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:9px}.cm-rw-progress-top strong{color:#eef6f3;font:800 11px 'Outfit',sans-serif}.cm-rw-progress-top span{color:#9bacb4;font:700 10px 'Outfit',sans-serif}.cm-rw-track{height:8px;border-radius:99px;overflow:hidden;background:#02080b;border:1px solid rgba(255,255,255,.045)}.cm-rw-fill{height:100%;width:0;background:linear-gradient(90deg,#00ffa3,#00d4ff);border-radius:99px;transition:width .5s ease}
.cm-rw-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.cm-rw-card{padding:17px;border:1px solid rgba(255,255,255,.07);border-radius:15px;background:rgba(255,255,255,.022)}.cm-rw-card-head{display:flex;align-items:center;gap:11px;margin-bottom:14px}.cm-rw-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:rgba(0,255,163,.07);font-size:17px}.cm-rw-card-head h3{margin:0;color:#fff;font:900 14px 'Outfit',sans-serif}.cm-rw-card-head p{margin:3px 0 0;color:#71818a;font:600 9px/1.35 'Outfit',sans-serif}.cm-rw-levels{display:grid;gap:7px}.cm-rw-level{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;padding:11px;border:1px solid rgba(255,255,255,.055);border-radius:10px;background:rgba(0,0,0,.16)}.cm-rw-level b{display:block;color:#ecf3f1;font:800 11px 'Outfit',sans-serif}.cm-rw-level small{display:block;margin-top:3px;color:#71818a;font:600 9px 'Outfit',sans-serif}.cm-rw-prize{padding:5px 8px;border-radius:8px;background:rgba(0,255,163,.07);color:#00ffa3;font:900 9px 'Outfit',sans-serif;white-space:nowrap}.cm-rw-prize.frame{color:#00d4ff;background:rgba(0,212,255,.07)}
.cm-rw-frames{grid-column:1/-1}.cm-frame-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.cm-frame-card{padding:13px;text-align:center;border:1px solid rgba(255,255,255,.065);border-radius:12px;background:rgba(0,0,0,.15)}.cm-frame-preview{width:50px;height:50px;margin:0 auto 9px;border-radius:50%;padding:3px;border:3px solid currentColor}.cm-frame-preview i{display:block;width:100%;height:100%;border-radius:50%;background:linear-gradient(145deg,#26343d,#111b22)}.cm-frame-card b{display:block;color:#f3f7f6;font:800 10px 'Outfit',sans-serif}.cm-frame-card small{display:block;margin-top:4px;color:#6f7e87;font:600 8px/1.35 'Outfit',sans-serif}.cm-frame-red{color:#ff3b52}.cm-frame-blue{color:#18a7ff}.cm-frame-gold{color:#ffc83d}.cm-frame-green{color:#00d98b}.cm-frame-bronze{color:#cd7f32}.cm-frame-silver{color:#c2cad2}.cm-frame-diamond{color:#71e8ff}.cm-frame-card.cm-frame-locked{opacity:1!important;filter:none!important}.cm-frame-action{width:100%;margin-top:10px;padding:7px 6px;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:rgba(255,255,255,.035);color:#71818a;font:800 8px 'Outfit',sans-serif;letter-spacing:.5px;cursor:not-allowed}.cm-frame-action:not(:disabled){border-color:rgba(0,255,163,.28);background:rgba(0,255,163,.075);color:#00ffa3;cursor:pointer}.cm-frame-action.cm-frame-active{border-color:#00d4ff;background:rgba(0,212,255,.1);color:#00d4ff;cursor:default}.cm-frame-card.cm-frame-selected{border-color:rgba(0,212,255,.3);background:rgba(0,212,255,.045)}
.cm-rw-coming{grid-column:1/-1;display:flex;align-items:center;gap:14px;padding:15px 17px;border:1px dashed rgba(0,212,255,.2);border-radius:13px;background:rgba(0,212,255,.025)}.cm-rw-coming span{padding:5px 8px;border-radius:7px;background:rgba(0,212,255,.08);color:#00d4ff;font:900 8px 'Outfit',sans-serif;letter-spacing:.7px}.cm-rw-coming b{display:block;color:#e9f1f4;font:800 11px 'Outfit',sans-serif}.cm-rw-coming p{margin:3px 0 0;color:#71818a;font:500 10px/1.4 'Outfit',sans-serif}.cm-rw-rules{grid-column:1/-1;display:flex;align-items:flex-start;gap:13px;padding:15px 16px;border:1px solid rgba(255,97,117,.18);border-left:3px solid #ff6175;border-radius:11px;background:rgba(255,71,94,.045);color:#aeb9be;font:600 12px/1.6 'Outfit',sans-serif}.cm-rw-rules-icon{width:30px;height:30px;flex:0 0 30px;display:grid;place-items:center;border-radius:9px;background:rgba(255,97,117,.11);color:#ff7183;font:900 17px 'Outfit',sans-serif}.cm-rw-rules b{display:block;margin-bottom:3px;color:#ff8493;font:900 10px 'Outfit',sans-serif;letter-spacing:.9px}
.cm-frame-card[data-frame='user'],.cm-frame-card[data-frame='vip'],.cm-frame-card[data-frame='uploader']{opacity:1!important;filter:none!important}.cm-frame-card[data-frame='user'] .cm-frame-preview{border-width:3px;color:#159fff}.cm-frame-card[data-frame='vip'] .cm-frame-preview{border-width:3px;color:#ffd12f}.cm-frame-card[data-frame='uploader'] .cm-frame-preview{border-width:3px;color:#00e895}.cm-frame-card[data-frame='user'] .cm-frame-preview i{background:linear-gradient(145deg,rgba(21,159,255,.25),#111b22)}.cm-frame-card[data-frame='vip'] .cm-frame-preview i{background:linear-gradient(145deg,rgba(255,209,47,.28),#1c1a10)}.cm-frame-card[data-frame='uploader'] .cm-frame-preview i{background:linear-gradient(145deg,rgba(0,232,149,.25),#0d1d18)}
body.cm-active-frame-user #userProfilePic,body.cm-active-frame-user #panelAvatar{border:2px solid #159fff!important}body.cm-active-frame-vip #userProfilePic,body.cm-active-frame-vip #panelAvatar{border:2px solid #ffd12f!important}body.cm-active-frame-uploader #userProfilePic,body.cm-active-frame-uploader #panelAvatar{border:2px solid #00e895!important}body.cm-active-frame-bronze #userProfilePic,body.cm-active-frame-bronze #panelAvatar{border:2px solid #cd7f32!important}body.cm-active-frame-silver #userProfilePic,body.cm-active-frame-silver #panelAvatar{border:2px solid #c2cad2!important}body.cm-active-frame-gold #userProfilePic,body.cm-active-frame-gold #panelAvatar{border:2px solid #ffc83d!important}body.cm-active-frame-diamond #userProfilePic,body.cm-active-frame-diamond #panelAvatar{border:2px solid #71e8ff!important}body.cm-active-frame-collector-blue #userProfilePic,body.cm-active-frame-collector-blue #panelAvatar{border:2px solid #00d4ff!important}
/* V59 — Diamante facetado: reflejo por color, sin halo ni sombra. */
.cm-frame-card[data-frame='diamond'] .cm-frame-preview{border:3px solid transparent!important;background:linear-gradient(#101a21,#101a21) padding-box,conic-gradient(from 25deg,#48bfff 0 10%,#fff 11% 13%,#77eaff 14% 28%,#2d8fff 29% 42%,#efffff 43% 46%,#48bfff 47% 61%,#fff 62% 64%,#238cff 65% 80%,#bff8ff 81% 86%,#48bfff 87% 100%) border-box!important;background-size:100% 100%,240% 240%!important;color:#bff8ff!important;box-shadow:none!important;filter:none!important;animation:cmDiamondPreviewSparkle 2.8s linear infinite!important}
.cm-frame-card[data-frame='diamond'] .cm-frame-preview i{background:linear-gradient(145deg,#244354,#0e1921)!important}
@keyframes cmDiamondPreviewSparkle{0%{background-position:0 0,0 50%}50%{background-position:0 0,100% 50%}100%{background-position:0 0,0 50%}}
@keyframes cmDiamondSparkle{0%{background-position:0 50%;outline-color:#fff}20%{outline-color:#50c9ff}40%{outline-color:#eaffff}60%{background-position:100% 50%;outline-color:#258dff}80%{outline-color:#bff8ff}100%{background-position:0 50%;outline-color:#fff}}
body.cm-active-frame-diamond #userProfilePic,body.cm-active-frame-diamond #panelAvatar{box-sizing:border-box!important;border:3px solid transparent!important;background:linear-gradient(115deg,#218cff 0 8%,#c8f8ff 9% 16%,#fff 17% 19%,#45caff 20% 34%,#267fff 35% 48%,#fff 49% 51%,#8deeff 52% 67%,#2a91ff 68% 81%,#efffff 82% 85%,#49cfff 86% 100%) border-box!important;background-size:260% 100%!important;background-origin:border-box!important;outline:1px solid #fff;outline-offset:-2px;box-shadow:none!important;filter:none!important;animation:cmDiamondSparkle 2.4s linear infinite!important}
@media(prefers-reduced-motion:reduce){.cm-frame-card[data-frame='diamond'] .cm-frame-preview,body.cm-active-frame-diamond #userProfilePic,body.cm-active-frame-diamond #panelAvatar{animation:none!important;background-position:50% 50%!important;outline-color:#fff}}
/* V61 — reflejos que giran físicamente alrededor del marco Diamante. */
@keyframes cmDiamondOrbit{to{transform:rotate(360deg)}}
@keyframes cmDiamondOrbitReverse{to{transform:rotate(-360deg)}}
.cm-frame-card[data-frame='diamond'] .cm-frame-preview{position:relative!important;animation:none!important;background:#101a21!important;border:2px solid #5ed9ff!important}
.cm-frame-card[data-frame='diamond'] .cm-frame-preview:before,.cm-frame-card[data-frame='diamond'] .cm-frame-preview:after,.cm-diamond-avatar-wrap:before,.cm-diamond-avatar-wrap:after{content:'';position:absolute;pointer-events:none;border-radius:50%;padding:3px;background:conic-gradient(transparent 0 7%,#fff 8% 10%,#72eaff 11% 18%,transparent 19% 36%,#2a91ff 37% 45%,#efffff 46% 49%,transparent 50% 72%,#8ff4ff 73% 78%,transparent 79% 100%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;box-shadow:none;filter:none;animation:cmDiamondOrbit 2.15s linear infinite}
.cm-frame-card[data-frame='diamond'] .cm-frame-preview:before{inset:-5px}.cm-frame-card[data-frame='diamond'] .cm-frame-preview:after{inset:-3px;padding:1px;background:conic-gradient(transparent 0 22%,#fff 23% 25%,transparent 26% 61%,#bffaff 62% 65%,transparent 66% 100%);animation:cmDiamondOrbitReverse 1.35s linear infinite}
.cm-diamond-avatar-wrap{position:relative;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;border-radius:50%;isolation:isolate;line-height:0}
.cm-diamond-avatar-wrap>img{position:relative;z-index:1;margin:0!important}
body.cm-active-frame-diamond .cm-diamond-avatar-wrap:before{inset:-3px;z-index:2}
body.cm-active-frame-diamond .cm-diamond-avatar-wrap:after{inset:-1px;z-index:3;padding:1px;background:conic-gradient(transparent 0 14%,#fff 15% 18%,transparent 19% 47%,#dfffff 48% 51%,transparent 52% 79%,#55cfff 80% 83%,transparent 84% 100%);animation:cmDiamondOrbitReverse 1.25s linear infinite}
body.cm-active-frame-diamond .cm-diamond-avatar-wrap>img{border:2px solid #55cfff!important;background:none!important;outline:0!important;animation:none!important;box-shadow:none!important;filter:none!important}
@media(prefers-reduced-motion:reduce){.cm-frame-card[data-frame='diamond'] .cm-frame-preview:before,.cm-frame-card[data-frame='diamond'] .cm-frame-preview:after,.cm-diamond-avatar-wrap:before,.cm-diamond-avatar-wrap:after{animation:none!important}}
#dashboard-container,#dashboard-container *{font-family:'Outfit',sans-serif}#dashboard-container>.cm-db-shell{padding:22px!important;border:1px solid rgba(0,255,136,.14)!important;border-radius:17px!important;background:linear-gradient(155deg,#0b151c,#071016 72%)!important;box-shadow:0 18px 42px rgba(0,0,0,.25)}.cm-db-head small{color:#00ffa3;font:800 9px 'Outfit',sans-serif;letter-spacing:1px}.cm-db-head h3{margin:6px 0 18px!important;color:#fff!important;font:900 22px 'Outfit',sans-serif!important}.cm-db-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:15px}.cm-db-stat{padding:15px!important;border:1px solid rgba(255,255,255,.07)!important;border-left:1px solid rgba(255,255,255,.07)!important;border-radius:12px;background:rgba(255,255,255,.025)!important}.cm-db-stat small{display:block;color:#71818a;font:800 9px 'Outfit',sans-serif;letter-spacing:.7px}.cm-db-stat b{display:block;margin:6px 0 3px;color:#fff;font:900 25px 'Outfit',sans-serif}.cm-db-stat span{color:#8fa0a8;font:700 10px 'Outfit',sans-serif}.cm-db-section{margin-top:12px;padding:16px;border:1px solid rgba(255,255,255,.07);border-radius:13px;background:rgba(255,255,255,.02)}.cm-db-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:11px}.cm-db-section-head h4{margin:0;color:#fff;font:900 13px 'Outfit',sans-serif}.cm-db-section-head span{color:#71818a;font:700 9px 'Outfit',sans-serif;letter-spacing:.55px}.cm-db-top-row{display:grid;grid-template-columns:34px 1fr auto;gap:11px;align-items:center;padding:10px 9px;border-bottom:1px solid rgba(255,255,255,.05)}.cm-db-top-row:last-child{border-bottom:0}.cm-db-top-pos{color:#7c8992;font:900 11px 'Outfit',sans-serif}.cm-db-top-name{color:#eef4f5;font:800 12px/1.35 'Outfit',sans-serif}.cm-db-top-count{color:#00d4ff;font:900 12px 'Outfit',sans-serif}.cm-db-download-row{display:grid;grid-template-columns:1.25fr 2fr 1fr .8fr;gap:12px;align-items:center;padding:13px 4px;border-bottom:1px solid rgba(255,255,255,.055);font-size:11px}.cm-db-download-row strong{font-size:12px!important;line-height:1.35}.cm-db-download-row span{font-size:10px!important;line-height:1.4}.cm-db-download-state{text-align:right;color:#00ffa3;font:800 9px 'Outfit',sans-serif}
@media(max-width:760px){.cm-rw-shell{padding:16px}.cm-rw-head{align-items:flex-start;flex-direction:column}.cm-rw-summary{grid-template-columns:1fr 1fr}.cm-rw-grid{grid-template-columns:1fr}.cm-rw-frames,.cm-rw-coming,.cm-rw-rules{grid-column:auto}.cm-frame-grid{grid-template-columns:1fr 1fr}.cm-db-stats{grid-template-columns:1fr}.cm-db-download-row{grid-template-columns:1fr}.cm-db-download-state{text-align:left}.cm-db-section-head{align-items:flex-start;flex-direction:column}}
    
/* V69.1: presentación únicamente; reglas limitadas al diagnóstico privado. */
.cm-dg{--dg-line:#203338;--dg-muted:#a5bac5;margin:0 0 28px;padding:30px;border:1px solid #17413c;border-radius:24px;background:linear-gradient(135deg,#0c1d23 0%,#0a1319 52%,#091216 100%);color:#f0f7fa;font:15px/1.65 'Outfit',sans-serif;isolation:isolate}
.cm-dg *{box-sizing:border-box}
.cm-dg-head{display:flex;align-items:center;gap:20px;padding-bottom:24px;border-bottom:1px solid var(--dg-line);flex-wrap:wrap}
.cm-dg-head:before{content:'\2193';display:grid;place-items:center;flex:0 0 56px;height:56px;border-radius:17px;border:1px solid #17604e;background:#0d302b;color:#00edb4;font-size:32px;line-height:1;font-weight:500}
.cm-dg-head>div{flex:1;min-width:180px}
.cm-dg-head small{color:#00e9b0;font-weight:700;letter-spacing:1.8px;font-size:11px}
.cm-dg h3{font:700 28px/1.25 'Outfit',sans-serif;letter-spacing:-.6px;margin:6px 0 0;color:#f5fbff}
.cm-dg button,.cm-dg select{font:600 14px/1.4 'Outfit',sans-serif;min-height:44px;border-radius:12px;cursor:pointer;transition:background .16s,border-color .16s}
.cm-dg button{display:inline-flex;align-items:center;justify-content:center;gap:9px;background:#073b32;border:1px solid #148168;color:#b8ffdf;padding:12px 18px}
.cm-dg button:before{content:'\21bb';font-size:22px;line-height:1}
.cm-dg #cm-dg-export{background:#10252e;border-color:#34515e;color:#d2edf6}
.cm-dg #cm-dg-export:before{content:'\2193'}
.cm-dg button:hover{background:#10503f;border-color:#00dba6}
.cm-dg button:disabled{opacity:.55;cursor:wait}
.cm-dg select{background:#0b1b22;color:#ecf6fa;border:1px solid #30454e;padding:11px 35px 11px 14px;max-width:100%;color-scheme:dark}
.cm-dg select:hover{border-color:#4b7985}
.cm-dg-note{position:relative;margin:24px 0;padding:16px 18px 16px 51px;border:1px solid #234249;border-radius:14px;background:#0e242b;color:#c3dbe2;font-size:14px;line-height:1.65}
.cm-dg-note:before{content:'i';position:absolute;left:18px;top:19px;border:1px solid #55b5c8;width:19px;height:19px;line-height:18px;text-align:center;border-radius:50%;color:#86dded;font:bold 13px/18px Georgia,serif}
.cm-dg-controls{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin:24px 0 12px}
.cm-dg-controls label{display:flex;align-items:center;gap:12px;font-size:13px;color:var(--dg-muted);font-weight:500}
.cm-dg-muted,.cm-dg-title small{font-size:13px;line-height:1.7;color:var(--dg-muted);overflow-wrap:anywhere}
.cm-dg-controls .cm-dg-muted{padding:7px 12px;border:1px solid var(--dg-line);border-radius:9px;background:#0c1a20;color:#c3d6de;font-variant-numeric:tabular-nums}
.cm-dg #cm-dg-message{margin:0 0 22px;font-size:12px;color:#94adb9}
.cm-dg-row{border:1px solid #25383f;border-radius:16px;margin-top:12px;background:#0d1a21;overflow:hidden;transition:border-color .16s,background .16s}
.cm-dg-row:hover{border-color:#39565f;background:#102027}
.cm-dg-row[open]{border-color:#32616a}
.cm-dg-row summary{list-style:none;display:flex;gap:18px;align-items:center;padding:21px;cursor:pointer}
.cm-dg-row summary::-webkit-details-marker{display:none}
.cm-dg-title{flex:1;min-width:150px}
.cm-dg-title strong,.cm-dg-title small{display:block}
.cm-dg-title strong{font-size:16px;font-weight:600;line-height:1.45;color:#f0f7fa;margin-bottom:5px;overflow-wrap:anywhere}
.cm-dg-title small{font-size:12px}
.cm-dg-status{display:inline-flex;align-items:center;gap:8px;max-width:270px;padding:9px 12px;border:1px solid #24536a;border-radius:10px;font-size:12px;font-weight:500;line-height:1.5;background:#102c3a;color:#9ee5ff}
.cm-dg-status:before{content:'';flex:0 0 6px;width:6px;height:6px;border-radius:50%;background:currentColor}
#cm-dg-clear{background:#301d26;border-color:#693546;color:#ffbccb}#cm-dg-clear:before{content:'\00d7'}
.cm-dg-status.success{background:#0c3028;border-color:#147d61;color:#75e8bf}
.cm-dg-status.error{background:#321d27;border-color:#63323e;color:#ffb0be}
.cm-dg-status.pending{background:#2b271b;border-color:#5a4d2e;color:#f1d18a}
.cm-dg-more{display:inline-flex;align-items:center;gap:9px;font-size:12px;color:#a1c0cc;white-space:nowrap}
.cm-dg-more:after{content:'\2304';font-size:19px;line-height:1;transition:transform .16s}
.cm-dg-row[open] .cm-dg-more:after{transform:rotate(180deg)}
.cm-dg-detail{padding:20px 22px 24px;border-top:1px solid #253e47;background:#09151b}
.cm-dg-detail>p:first-child{padding:11px 14px;margin:0 0 14px;border:1px solid #20343e;border-radius:10px;background:#0d1e26;font-size:12px;font-variant-numeric:tabular-nums}
.cm-dg-detail>p:nth-child(2){font-size:13px;margin:0 0 22px;color:#a5bdc8}
.cm-dg-detail ol{list-style:none;counter-reset:dg-step;padding:0;margin:0}
.cm-dg-detail li{position:relative;padding:0 0 24px 43px;counter-increment:dg-step;min-height:65px}
.cm-dg-detail li:before{content:counter(dg-step,decimal-leading-zero);position:absolute;left:0;top:0;display:grid;place-items:center;width:28px;height:28px;border:1px solid #31505b;border-radius:9px;background:#142b35;color:#8ed8e9;font-size:10px;font-weight:700;z-index:1}
.cm-dg-detail li:not(:last-child):after{content:'';position:absolute;left:13px;top:30px;bottom:3px;width:1px;background:#2a424d}
.cm-dg-detail li:last-child{padding-bottom:0}
.cm-dg-detail li strong,.cm-dg-detail li span{display:block;overflow-wrap:anywhere}
.cm-dg-detail li strong{font-size:14px;font-weight:600;line-height:1.55;color:#deedf3;padding-top:2px}
.cm-dg-detail li span{margin-top:5px;color:#a2bac7;font-size:13px;line-height:1.8}
.cm-dg #cm-dg-list>p{padding:28px;text-align:center;border:1px dashed #29454e;border-radius:14px;background:#0a181e}
.cm-dg :focus-visible{outline:2px solid #00e6b0;outline-offset:4px}
@media(max-width:760px){.cm-dg{padding:22px;border-radius:19px}.cm-dg-row summary{flex-wrap:wrap;gap:14px;padding:18px}.cm-dg-title{flex-basis:100%}.cm-dg-status{max-width:100%;flex:0 1 auto}.cm-dg-more{margin-left:auto}.cm-dg h3{font-size:25px}}
@media(max-width:480px){.cm-dg{padding:16px}.cm-dg-head{gap:12px;padding-bottom:18px}.cm-dg-head:before{flex-basis:44px;height:44px;border-radius:13px;font-size:26px}.cm-dg-head>div{min-width:140px}.cm-dg h3{font-size:22px}.cm-dg-head small{font-size:9px;letter-spacing:1.2px}.cm-dg-head button{width:100%;margin-top:4px}.cm-dg-controls{align-items:stretch;gap:12px}.cm-dg-controls label{width:100%}.cm-dg-controls select{flex:1;min-width:0}.cm-dg-note{font-size:13px;padding-right:13px}.cm-dg-detail{padding:16px}.cm-dg-detail li{padding-left:38px}.cm-dg-more{margin-left:0}.cm-dg-status{font-size:12px}}
@media(prefers-reduced-motion:reduce){.cm-dg *{transition:none!important}}

/* V69.3: compactación exclusiva del diagnóstico. */
.cm-dg{padding:20px;margin-bottom:20px;border-radius:18px;font-size:14px;line-height:1.5}
.cm-dg-head{gap:14px;padding-bottom:16px}
.cm-dg-head:before{flex-basis:40px;width:40px;height:40px;border-radius:12px;font-size:25px}
.cm-dg-head small{font-size:10px;letter-spacing:1.3px}
.cm-dg h3{font-size:23px;margin-top:4px;letter-spacing:-.35px}
.cm-dg button,.cm-dg select{min-height:36px;border-radius:9px;font-size:13px}
.cm-dg button{padding:8px 12px;gap:7px}
.cm-dg button:before{font-size:18px}
.cm-dg select{padding:8px 30px 8px 12px}
.cm-dg-note{margin:16px 0;padding:11px 14px 11px 40px;border-radius:10px;font-size:13px;line-height:1.6}
.cm-dg-note:before{left:14px;top:13px;width:17px;height:17px;font-size:11px;line-height:16px}
.cm-dg-controls{margin:16px 0 9px;gap:12px}
.cm-dg-controls .cm-dg-muted{padding:5px 9px;font-size:12px}
.cm-dg #cm-dg-message{margin-bottom:14px;font-size:12px;line-height:1.6}
.cm-dg-row{margin-top:8px;border-radius:12px}
.cm-dg-row summary{padding:13px 16px;gap:13px}
.cm-dg-title strong{font-size:15px;margin-bottom:3px;line-height:1.4}
.cm-dg-title small{font-size:12px;line-height:1.6}
.cm-dg-status{padding:6px 9px;border-radius:8px;max-width:260px;font-size:12px}
.cm-dg-more{font-size:12px;gap:7px}
.cm-dg-more:after{font-size:16px}
.cm-dg-detail{padding:14px 16px 16px}
.cm-dg-detail>p:first-child{padding:8px 11px;margin-bottom:10px}
.cm-dg-detail>p:nth-child(2){margin-bottom:15px;font-size:12px}
.cm-dg-detail li{padding-bottom:16px;min-height:54px}
.cm-dg-detail li strong{font-size:13px}
.cm-dg-detail li span{font-size:12px;line-height:1.65}
@media(max-width:760px){.cm-dg{padding:16px}.cm-dg h3{font-size:22px}.cm-dg-row summary{padding:12px 14px;gap:10px}}
@media(max-width:480px){.cm-dg{padding:13px}.cm-dg-head{gap:10px}.cm-dg-head:before{flex-basis:34px;width:34px;height:34px;font-size:22px}.cm-dg h3{font-size:20px}.cm-dg-head>div{min-width:150px}.cm-dg-head button{width:auto;flex:1 1 130px;margin-top:0}.cm-dg-note{padding-left:37px}.cm-dg-status{max-width:100%}.cm-dg-detail{padding:12px}}


body:not(.cm-frame-ready) #userProfilePic,body:not(.cm-frame-ready) #panelAvatar{border-color:transparent!important}
html[data-cm-cached-frame="user"] body:not(.cm-frame-ready) #userProfilePic,html[data-cm-cached-frame="user"] body:not(.cm-frame-ready) #panelAvatar{border-color:#159fff!important}[data-cm-public-frame="user"]{box-sizing:border-box!important;border:2px solid #159fff!important}
html[data-cm-cached-frame="vip"] body:not(.cm-frame-ready) #userProfilePic,html[data-cm-cached-frame="vip"] body:not(.cm-frame-ready) #panelAvatar{border-color:#ffd12f!important}[data-cm-public-frame="vip"]{box-sizing:border-box!important;border:2px solid #ffd12f!important}
html[data-cm-cached-frame="admin"] body:not(.cm-frame-ready) #userProfilePic,html[data-cm-cached-frame="admin"] body:not(.cm-frame-ready) #panelAvatar{border-color:#ff3b52!important}[data-cm-public-frame="admin"]{box-sizing:border-box!important;border:2px solid #ff3b52!important}
html[data-cm-cached-frame="diamond"] body:not(.cm-frame-ready) #userProfilePic,html[data-cm-cached-frame="diamond"] body:not(.cm-frame-ready) #panelAvatar{border-color:#71e8ff!important}[data-cm-public-frame="diamond"]{box-sizing:border-box!important;border:2px solid #71e8ff!important}
html[data-cm-cached-frame="gold"] body:not(.cm-frame-ready) #userProfilePic,html[data-cm-cached-frame="gold"] body:not(.cm-frame-ready) #panelAvatar{border-color:#ffc83d!important}[data-cm-public-frame="gold"]{box-sizing:border-box!important;border:2px solid #ffc83d!important}
html[data-cm-cached-frame="silver"] body:not(.cm-frame-ready) #userProfilePic,html[data-cm-cached-frame="silver"] body:not(.cm-frame-ready) #panelAvatar{border-color:#c2cad2!important}[data-cm-public-frame="silver"]{box-sizing:border-box!important;border:2px solid #c2cad2!important}
html[data-cm-cached-frame="bronze"] body:not(.cm-frame-ready) #userProfilePic,html[data-cm-cached-frame="bronze"] body:not(.cm-frame-ready) #panelAvatar{border-color:#cd7f32!important}[data-cm-public-frame="bronze"]{box-sizing:border-box!important;border:2px solid #cd7f32!important}
html[data-cm-cached-frame="uploader"] body:not(.cm-frame-ready) #userProfilePic,html[data-cm-cached-frame="uploader"] body:not(.cm-frame-ready) #panelAvatar{border-color:#00e895!important}[data-cm-public-frame="uploader"]{box-sizing:border-box!important;border:2px solid #00e895!important}
html[data-cm-cached-frame="collector-blue"] body:not(.cm-frame-ready) #userProfilePic,html[data-cm-cached-frame="collector-blue"] body:not(.cm-frame-ready) #panelAvatar{border-color:#00d4ff!important}[data-cm-public-frame="collector-blue"]{box-sizing:border-box!important;border:2px solid #00d4ff!important}

.cm-admin-user-avatar.cm-role-frame-vip{box-sizing:border-box!important;border:3px solid #ffd12f!important;color:#ffd12f!important;background:rgba(255,209,47,.07)!important;box-shadow:none!important}
.cm-storage-panel{margin-top:20px;padding:20px;border:1px solid #1c3c3e;border-radius:16px;background:#09151b;color:#c8dce4;font:13px 'Outfit',sans-serif}.cm-storage-panel h3{color:#fff;margin:0 0 8px;font-size:20px}.cm-storage-panel p{color:#8faebc;line-height:1.5}.cm-storage-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.cm-storage-controls input,.cm-storage-controls select,.cm-storage-controls button{padding:9px 12px;border:1px solid #28474f;border-radius:8px;background:#0c2129;color:#d5f1ed;font:inherit;max-width:100%;box-sizing:border-box}.cm-storage-controls input{flex:1;min-width:140px}.cm-storage-controls button{cursor:pointer}.cm-storage-controls button:disabled{opacity:.4;cursor:default}.cm-storage-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:12px 0;border-bottom:1px solid #193038}.cm-storage-row>span{flex:1;min-width:160px;overflow-wrap:anywhere}.cm-storage-row a{color:#72dcea;font-size:12px}.cm-storage-badge{border-radius:6px;padding:5px 8px;background:#24343f;white-space:nowrap}.cm-storage-badge.r2{color:#66e9ba;background:#10372e}.cm-storage-badge.imgbb{color:#8ddafa;background:#14313f}.cm-storage-panel .cm-storage-controls:last-child{margin-top:14px}

.cm-vip-overlay{position:fixed;inset:0;z-index:150000;display:grid;place-items:center;padding:18px;background:rgba(1,7,11,.82);backdrop-filter:blur(8px);box-sizing:border-box}
.cm-vip-dialog{width:min(420px,100%);max-height:calc(100dvh - 36px);overflow:auto;box-sizing:border-box;padding:27px;border:1px solid #65532b;border-radius:20px;background:linear-gradient(145deg,#142027,#080f14);box-shadow:0 24px 70px #0009;color:#e4eeee;font-family:'Outfit',sans-serif;text-align:center}
.cm-vip-emblem{display:grid;place-items:center;width:58px;height:58px;margin:0 auto 17px;border:2px solid #ffd12f;border-radius:16px;background:#ffd12f0c;color:#ffd12f;font-size:17px;font-weight:900;letter-spacing:1px}
.cm-vip-dialog>small{font-size:9px;letter-spacing:1.5px;color:#d5b75b;font-weight:800}.cm-vip-dialog h2{font-size:23px;line-height:1.2;margin:9px 0 14px;color:#fff}.cm-vip-dialog p{font-size:13px;line-height:1.6;color:#a8bdc7}.cm-vip-dialog .cm-vip-account{color:#ffe492;font-weight:700;overflow-wrap:anywhere;margin:0 0 10px}.cm-vip-note{padding:12px;border:1px solid #344b51;border-radius:10px;background:#102027;font-size:12px;line-height:1.6;color:#b8d3d9}.cm-vip-status:empty{display:none}.cm-vip-dialog .cm-vip-status.success{color:#74e9ba}.cm-vip-dialog .cm-vip-status.error{color:#ffabb8}.cm-vip-actions{display:flex;gap:10px;margin-top:21px}.cm-vip-actions button{flex:1;min-height:42px;border-radius:10px;border:1px solid #35454f;font:700 12px 'Outfit',sans-serif;cursor:pointer;padding:10px;background:#142029;color:#b7cbd4}.cm-vip-actions .cm-vip-accept{background:#ffd12f;color:#211b00;border-color:#ffd12f}.cm-vip-actions button:disabled{opacity:.5;cursor:wait}.cm-vip-actions button:focus-visible{outline:2px solid #fff;outline-offset:3px}.cm-vip-actions button[hidden]{display:none}@media(max-width:480px){.cm-vip-dialog{padding:22px}}
.cm-vip-actions{flex-wrap:wrap}.cm-vip-actions .cm-vip-remove{color:#ffafaa;border-color:#804a49}.cm-search-close{flex:0 0 30px;background:#19332d;border:1px solid #347562;border-radius:7px;color:#fff;min-height:30px;font-size:22px;cursor:pointer}.cm-v5-searchbar{flex-wrap:wrap}.cm-v5-searchbar input{min-width:0;width:100%;flex:1 1 110px}.cm-v5-searchbar select{max-width:100%;min-width:0;flex:1 1 100px}.cm-v5-searchbar button:focus-visible{outline:2px solid #00ff88}.cm-migration{margin-top:20px;border-top:1px solid #28534e;padding-top:16px}.cm-migration label{display:block;font-size:12px;color:#b5c8cf;line-height:1.7}.cm-migration .cm-storage-controls{margin-top:14px}.cm-migration progress{width:100%;height:7px;accent-color:#00d59c}.cm-migration p{font-size:12px;line-height:1.6}.cm-migration .cm-migration-error{color:#ffaba3}.cm-migration .cm-migration-ok{color:#79dfb1}@media(max-width:768px){#cm-search-panel{position:fixed;top:68px;left:12px;right:12px;z-index:2500;background:#091619;box-shadow:0 12px 35px #000b}}

/* V73.1: recover original search field styling on the active cloned input. */
#cm-search-panel{position:relative}
#cm-search-panel #cm-v5-search-input{display:block!important;flex:1 1 100%;width:100%;min-width:0;box-sizing:border-box;padding:12px 44px 12px 15px;color:#fff!important;font-size:14px;font-weight:400;outline:none;border:1px solid rgba(0,255,136,.25)!important;background:rgba(0,0,0,.45)!important;border-radius:10px!important;box-shadow:inset 0 0 15px rgba(0,0,0,.25),0 0 0 3px rgba(0,255,136,.02)}
#cm-search-panel #cm-v5-search-input::placeholder{color:#aabbb5;opacity:1}
#cm-search-panel #cm-v5-search-input:focus{border-color:rgba(0,255,136,.65)!important;box-shadow:0 0 0 3px rgba(0,255,136,.08)!important}
#cm-search-panel .cm-search-close{position:absolute;top:15px;right:15px;width:30px;height:30px;min-height:30px;line-height:24px;padding:0;background:transparent;border:0;color:#c4dfd3}
#cm-search-panel .cm-search-close:hover{background:#164633;color:#fff}
@media(max-width:768px){#cm-search-panel{position:fixed}}
#searchContainer{position:relative}#searchInput{padding-right:40px!important}#cm-original-search-close{position:absolute;right:7px;top:7px;width:28px;height:28px;padding:0;line-height:26px;border:0;border-radius:5px;background:transparent;color:#c4dfd3;font-size:22px;cursor:pointer;z-index:2}#cm-original-search-close:hover{background:#164633;color:white}#cm-original-search-close:focus-visible{outline:2px solid #00ff88}@media(max-width:768px){#cm-original-search-close{position:fixed;top:75px;right:19px;z-index:2501}}

/* V75.2: animated Diamond frame in comments, based on the author's frame. */
.cm-comment-diamond{position:relative;display:inline-flex;align-self:flex-start;flex:0 0 auto;line-height:0;border-radius:50%;isolation:isolate}
.cm-comment-diamond>img.comentario-avatar{display:block;border-radius:50%!important;object-fit:cover;margin:0!important;box-shadow:none!important}
.cm-comment-diamond:before,.cm-comment-diamond:after{content:'';position:absolute;inset:-3px;z-index:2;pointer-events:none;border-radius:50%;padding:3px;background:conic-gradient(transparent 0 7%,#fff 8% 10%,#72eaff 11% 18%,transparent 19% 36%,#2a91ff 37% 45%,#efffff 46% 49%,transparent 50% 72%,#8ff4ff 73% 78%,transparent 79% 100%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;animation:cmDiamondOrbit 2.15s linear infinite}
.cm-comment-diamond:after{inset:-1px;padding:1px;z-index:3;animation:cmDiamondOrbitReverse 1.25s linear infinite}
@media(prefers-reduced-motion:reduce){.cm-comment-diamond:before,.cm-comment-diamond:after{animation:none!important}}

.home-hero .cm-home-intro{max-width:680px;color:#a8bcc4;line-height:1.6;margin:12px 0 0;font-size:13px}