/* .bh-dock-container: see home.php inline */

/* === Overrides: Track profile + dock + player wave === */
.bh-assigned-preview{background:linear-gradient(135deg,rgba(8,8,8,.85),rgba(16,16,16,.92));border-color:rgba(255,255,255,.14)}
.bh-assigned-label{color:rgba(255,255,255,.7)!important;letter-spacing:2.5px;font-size:9px}
.bh-assigned-body h4{font-size:20px;letter-spacing:1px;color:#fff}
.bh-assigned-body p{color:#b0b0b0;font-size:10px}

/* dock: see home.php inline */

.bh-player-bar{background:rgba(6,6,6,.9)}
.bh-player-wave{display:flex;gap:3px;align-items:flex-end;margin-top:8px;height:26px}
.bh-player-wave span{width:3px;background:linear-gradient(180deg,rgba(255,255,255,.85),rgba(255,255,255,.2));border-radius:999px;animation:bh-wave 1.6s ease-in-out infinite}
.bh-player-wave span:nth-child(odd){animation-duration:1.2s}
.bh-player-wave span:nth-child(3n){animation-duration:1.8s}
@keyframes bh-wave{0%,100%{height:6px;opacity:.4}50%{height:24px;opacity:1}}

/* === BeatsHouse Home Refresh (clean + fast) === */
.bh-app{background:radial-gradient(1200px 600px at 20% -10%,rgba(255,255,255,.08),transparent 55%),radial-gradient(800px 400px at 80% 0%,rgba(255,255,255,.08),transparent 60%),#050505}
.bh-hero-dynamic{min-height:52vh;justify-content:flex-end;padding:24px 18px 32px;position:relative;overflow:hidden}
.bh-hero-dynamic h1{font-size:44px;letter-spacing:2px;line-height:.9;text-align:left}
.bh-hero-dynamic h1 span{display:inline-block;color:var(--bh-accent)}
.bh-hero-slide{filter:saturate(1.15) contrast(1.1)}
.bh-hero-noise{opacity:.45}
.bh-nav-grid{gap:10px;margin:14px 10px 6px}
.bh-nav-grid .nav-item{padding:14px 12px;border-radius:0;background:rgba(0,0,0,.55);border:1px solid rgba(255,255,255,.08);backdrop-filter:blur(6px)}
.bh-primary-cta{margin:10px 10px 0}
.bh-primary-btn{padding:14px 18px;font-size:10px;letter-spacing:2px}
.bh-mode-tabs{margin:12px 10px 0;gap:8px}
.bh-mode-btn{padding:12px 10px;border-radius:0;font-size:9px}
.bh-home-hero{margin:10px 10px 0}
.bh-home-cta{padding:16px;border-radius:0;background:linear-gradient(135deg,rgba(0,0,0,.85),rgba(20,20,20,.85));border:1px solid rgba(255,255,255,.08)}
.bh-home-cta h2{font-size:26px;letter-spacing:1px}
.bh-home-cta p{font-size:10px;color:#888888}
.bh-home-actions{grid-template-columns:1fr;gap:10px}
.bh-home-actions .primary{box-shadow:none}
.bh-home-metrics{grid-template-columns:repeat(3,1fr);gap:8px}
.bh-home-metric{padding:10px;border-radius:0;background:rgba(0,0,0,.6);border:1px solid rgba(255,255,255,.06)}
.bh-home-metric strong{font-size:16px}
.bh-sales-grid{margin:8px 10px 0;gap:12px}
.bh-sale-card{padding:14px;border-radius:0;background:rgba(10,10,10,.9)}
.bh-sale-title{font-size:16px}
.bh-sale-sub{font-size:9px;letter-spacing:2px}
.bh-sale-basic{font-size:9px}
.bh-sale-lic div{padding:8px}
.bh-stream-panel{margin:12px 10px 0;border-radius:0}
.bh-stream-title{font-size:20px}
.bh-stream-links a{font-size:8px}
.bh-stream-video{border-radius:0}
.bh-home-power{margin:12px 10px 0;gap:12px}
.bh-power-card{border-radius:0;background:rgba(8,8,8,.9)}
.bh-services{margin:12px 10px 10px}
.bh-library-hub{margin:12px 10px}
.bh-lib-card{padding:12px;border-radius:0}
.bh-lib-meta h4{font-size:15px}
.bh-lib-actions{grid-template-columns:1fr}
.bh-beat-panel{margin:12px 10px 20px}
.bh-profile-panel{margin:12px 10px 20px}
.bh-player-bar{bottom:80px}

@media (min-width: 720px){
  .bh-hero-dynamic{min-height:60vh;padding:36px 40px}
  .bh-hero-dynamic h1{font-size:64px;text-align:left}
  .bh-nav-grid{max-width:760px;margin:18px auto 6px}
  .bh-primary-cta{max-width:760px;margin:14px auto 0}
  .bh-mode-tabs{max-width:760px;margin:14px auto 0}
  .bh-home-hero,.bh-sales-grid,.bh-home-power,.bh-stream-panel,.bh-services,.bh-library-hub,.bh-beat-panel,.bh-profile-panel{max-width:900px;margin-left:auto;margin-right:auto}
  .bh-home-cta h2{font-size:30px}
  .bh-home-actions{grid-template-columns:repeat(2,1fr)}
  .bh-sales-grid{grid-template-columns:repeat(2,1fr)}
}

@media (min-width: 1100px){
  .bh-hero-dynamic h1{font-size:78px}
  .bh-sales-grid{grid-template-columns:repeat(3,1fr)}
  .bh-home-power{grid-template-columns:repeat(3,1fr)}
}

/* Overflow safety */
.bh-lib-card,
.bh-sale-card,
.bh-home-cta,
.bh-stream-panel,
.bh-power-card {
  min-width: 0;
}
.bh-lib-meta,
.bh-sale-title,
.bh-home-cta h2 {
  min-width: 0;
  overflow-wrap: anywhere;
}

/* Dock nav: canonical styles in home.php inline block */

.bh-test-hub {
  padding: 20px;
  border: 1px solid var(--bh-border);
  border-radius: 0;
  background: #0b0b0b;
  color: #fff;
}

.bh-test-title {
  margin: 0 0 10px;
  color: var(--bh-accent);
}

.bh-test-sub {
  margin: 0 0 16px;
  color: var(--bh-text-soft);
  font-size: 14px;
}

.bh-test-group {
  margin-bottom: 12px;
}

.bh-test-group-label {
  font-size: 12px;
  color: var(--bh-text-muted);
  text-transform: uppercase;
  letter-spacing: 1px;
}

.bh-test-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 6px;
}

.bh-test-chip {
  padding: 6px 10px;
  border-radius: 999px;
  border: 1px solid var(--bh-accent);
  color: var(--bh-accent);
  text-decoration: none;
  font-size: 12px;
}

.bh-test-chip.is-active {
  background: var(--bh-accent);
  color: var(--bh-bg);
}

.bh-test-panel {
  margin-top: 16px;
  padding: 16px;
  border-radius: 0;
  border: 1px solid var(--bh-border);
  background: #060606;
}

.bh-test-panel-label {
  font-size: 12px;
  color: var(--bh-text-muted);
  margin-bottom: 8px;
}


/* --- extracted from shortcodes.php --- */
.bh-service-page { background:var(--bh-bg-soft); color:#fff; font-family:var(--bh-body); padding: 100px 0; overflow: clip; position: relative; }
        .bh-container { max-width: 1200px; margin: 0 auto; padding: 0 25px; position: relative; z-index: 2; }
        
        .bh-badge { color: var(--bh-accent); text-transform: uppercase; letter-spacing: 5px; font-size: 0.7rem; font-weight: 900; background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.3); padding: 8px 20px; border-radius: 0; display: inline-block; margin-bottom: 25px; }
        .bh-title { font-family: var(--bh-heading), sans-serif; font-size: clamp(3rem, 8vw, 5.5rem); text-transform: uppercase; line-height: 0.9; margin: 0 0 30px; letter-spacing: -1px; }
        .bh-desc { color: var(--bh-text-soft); font-size: 1.25rem; line-height: 1.6; max-width: 800px; margin: 0 auto 70px; font-weight: 300; }

        /* Pricing Cards */
        .bh-price-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 30px; margin: 80px 0; }
        .bh-price-card { background: #0c0c0c; border: 1px solid var(--bh-border); padding: 50px 35px; text-align: center; position: relative; transition: 0.4s; }
        .bh-price-card.featured { border: 2px solid var(--bh-accent); box-shadow: 0 20px 40px rgba(255,255,255,0.15); transform: scale(1.05); z-index: 10; }
        .bh-price-card.ai-tier { border: 1px dashed var(--bh-accent); background: rgba(255,255,255,0.02); }
        
        .bh-price-name { font-family: var(--bh-heading); font-size: 1.6rem; text-transform: uppercase; margin-bottom: 5px; color: #fff; }
        .bh-price-val { font-size: 3.5rem; font-weight: 900; color: #fff; margin-bottom: 30px; font-family: var(--bh-heading); }
        .bh-price-val span { font-size: 1.2rem; vertical-align: top; color: var(--bh-accent); margin-right: 4px; }

        .bh-price-features { list-style: none; padding: 0; margin: 0 0 35px; text-align: left; }
        .bh-price-features li { padding: 10px 0; border-bottom: 1px solid rgba(255,255,255,0.05); font-size: 0.9rem; color: var(--bh-text-soft); display: flex; align-items: center; }
        .bh-price-features li::before { content: '→'; color: var(--bh-accent); margin-right: 12px; font-weight: bold; }

        /* Exclusive Request Box */
        .bh-exclusive-box { background: var(--bh-bg); border: 1px solid rgba(255,255,255,0.18); padding: 40px; border-radius: 0; margin: 60px 0; display: flex; align-items: center; gap: 30px; text-align: left; justify-content: space-between; flex-wrap: wrap; }
        .bh-exclusive-txt h4 { font-family: var(--bh-heading); color: #fff; margin: 0 0 10px; font-size: 1.5rem; text-transform: uppercase; letter-spacing: 1px; }
        .bh-exclusive-txt p { color: var(--bh-text-muted); margin: 0; font-size: 0.9rem; }
        
        .bh-btn { display: inline-block; padding: 15px 30px; font-family: var(--bh-heading); font-weight: 900; text-transform: uppercase; text-decoration: none; letter-spacing: 2px; font-size: 0.85rem; transition: 0.3s; cursor: pointer; border: none; }
        .bh-btn-primary { background: var(--bh-accent); color: var(--bh-bg); }
        .bh-btn-outline { background: transparent; border: 1px solid var(--bh-accent); color: var(--bh-accent); }
        .bh-btn:hover { background: #fff; color: var(--bh-bg); box-shadow: 0 0 20px #fff; }

        /* WaveSurfer Audio Box */
        .bh-audio-box { background: #080808; padding: 40px; border: 1px solid #111; margin-bottom: 60px; }
        .wave-container { margin-bottom: 30px; }
        .play-btn { background: transparent; border: 1px solid rgba(255,255,255,0.18); color: #fff; padding: 8px 20px; font-size: 0.7rem; cursor: pointer; margin-top: 10px; transition: 0.3s; }
        .play-btn:hover { border-color: var(--bh-accent); color: var(--bh-accent); }

        @media (max-width: 768px) { .bh-exclusive-box { text-align: center; justify-content: center; } }

/* 🔊 PLAYER ADAPTADO AL HOME */
    .beat-player-wrapper {
      background: transparent;
      color: var(--bh-accent);
      font-family: 'Syne', system-ui, sans-serif;
      text-align: center;
      padding: 40px 20px 60px;
      margin: 0;
      width: 100%;
    }

    .producer-block {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 15px;
      margin-bottom: 20px;
    }

    .producer-block .avatar {
      border-radius: 50%;
      border: 2px solid var(--bh-accent);
      width: 60px;
      height: 60px;
      object-fit: cover;
      transition: transform 0.3s ease;
    }

    .producer-block .avatar:hover {
      transform: scale(1.1);
    }

    .producer-block .producer-name {
      color: #fff;
      font-weight: 700;
      text-decoration: none;
      font-size: 1.2em;
    }

    .producer-block .producer-name:hover {
      color: var(--bh-accent);
    }

    .producer-block .label {
      color: var(--bh-accent);
      font-size: 1em;
    }

    .now-playing {
      font-size: 36px;
      margin: 15px 0 5px;
      text-transform: uppercase;
      letter-spacing: 3px;
      color: #fff;
      font-weight: 700;
    }

    .now-playing a {
      color: #fff;
      text-decoration: none;
    }

    .now-playing a:hover {
      color: var(--bh-accent);
    }

    .beat-genre {
      font-size: 18px;
      margin-bottom: 25px;
      color: var(--bh-accent);
      text-transform: uppercase;
      letter-spacing: 2px;
    }

    .beat-genre a {
      color: var(--bh-accent);
      text-decoration: none;
      font-weight: 600;
    }

    .beat-genre a:hover {
      color: #ffffff;
      text-decoration: underline;
    }

    /* WAVEFORM */
    #waveform {
      width: 100%;
      height: 160px !important;
      margin: 0 auto;
      border-radius: 0;
      overflow: hidden;
    }

    /* CONTROLES */
    .btn-group {
      display: flex;
      justify-content: center;
      align-items: center;
      gap: 20px;
      margin-top: 30px;
    }

    .play-toggle-btn {
      width: 80px;
      height: 80px;
      border-radius: 50%;
      background: linear-gradient(135deg, var(--bh-accent), #ffffff);
      color: #111;
      border: none;
      font-size: 30px;
      font-weight: 700;
      cursor: pointer;
      transition: all 0.3s ease;
    }

    .play-toggle-btn:hover:not([disabled]) {
      transform: scale(1.15);
      box-shadow: 0 6px 20px rgba(255,255,255, 0.6);
    }

    .play-toggle-btn[disabled] {
      opacity: 0.5;
      cursor: not-allowed;
      background: rgba(255,255,255,0.18);
    }

    .next-btn {
      background: transparent;
      border: 2px solid var(--bh-accent);
      color: var(--bh-accent);
      padding: 12px 36px;
      font-family: 'Syne', system-ui, sans-serif;
      font-size: 18px;
      border-radius: 999px;
      cursor: pointer;
      transition: all 0.3s ease;
      text-transform: uppercase;
      letter-spacing: 2px;
    }

    .next-btn:hover {
      background: var(--bh-accent);
      color: var(--bh-bg);
      transform: translateY(-3px);
    }

    .beat-link {
      font-size: 16px;
      margin-top: 25px;
      text-transform: uppercase;
      color: var(--bh-accent);
      text-decoration: none;
      border: 2px solid rgba(255,255,255, 0.4);
      border-radius: 999px;
      padding: 10px 25px;
      display: inline-block;
      transition: all 0.3s ease;
    }

    .beat-link:hover {
      background: rgba(255,255,255, 0.2);
      border-color: var(--bh-accent);
    }

    .time-display {
      color: var(--bh-accent);
      font-size: 16px;
      margin-top: 15px;
      font-family: monospace;
      font-weight: 700;
      letter-spacing: 1px;
    }

    .error-message {
      color: #888888;
      font-size: 18px;
      padding: 20px;
      background: rgba(136,136,136, 0.1);
      border-radius: 0;
      border: 1px solid rgba(136,136,136, 0.4);
      max-width: 500px;
      margin: 20px auto;
    }

    .loading-spinner {
      width: 60px;
      height: 60px;
      border: 4px solid rgba(255,255,255, 0.2);
      border-top: 4px solid var(--bh-accent);
      border-radius: 50%;
      animation: spin 1s linear infinite;
      margin: 20px auto;
    }

    @keyframes spin {
      to { transform: rotate(360deg); }
    }

    @media(max-width:768px) {
      .now-playing { font-size: 28px; }
      #waveform { height: 120px !important; }
      .play-toggle-btn { width: 65px; height: 65px; font-size: 26px; }
      .next-btn { padding: 10px 26px; font-size: 16px; }
    }

.home-hub-container {
        max-width: 1200px;
        margin: 0 auto;
        padding: 60px 20px;
        text-align: center;
        font-family: 'Syne', system-ui, sans-serif;
        color: #fff;
      }

      .home-hub-container h1 {
        font-size: 48px;
        color: var(--bh-accent);
        margin-bottom: 10px;
      }

      .home-hub-container p {
        color: #ccc;
        font-size: 18px;
        margin-bottom: 30px;
      }

      .section-title {
        font-size: 32px;
        color: var(--bh-accent);
        margin: 50px 0 20px;
      }

      .hub-btn {
        background: transparent;
        border: 2px solid var(--bh-accent);
        color: var(--bh-accent);
        padding: 12px 20px;
        font-size: 18px;
        border-radius: 0;
        font-weight: bold;
        text-decoration: none;
        transition: all 0.3s ease;
        cursor: pointer;
        display: inline-block;
        margin: 8px;
        min-width: 200px;
      }

      .hub-btn:hover {
        background: var(--bh-accent);
        color: var(--bh-bg);
      }

.waveform {
      transition: opacity 0.2s ease;
    }
    .waveform:hover {
      opacity: 0.85;
    }

:root {
            --bh-teal: var(--bh-accent);
            --bh-dark-bg: #0d0d0d;
            --bh-input-bg: #161616;
            --bh-border: #252525;
        }

        .bh-upload-container { max-width: 600px; margin: 20px auto; font-family: var(--bh-body); }
        
        .bh-modern-form { 
            background: var(--bh-dark-bg); 
            padding: 40px; 
            border-radius: 999px; 
            border: 1px solid var(--bh-border);
            box-shadow: 0 30px 60px rgba(0,0,0,0.5);
        }

        .form-section-title { 
            display: flex; align-items: center; gap: 10px; 
            margin: 30px 0 20px; color: var(--bh-text-muted); 
            font-size: 0.75rem; text-transform: uppercase; letter-spacing: 2px; font-weight: 800;
        }
        .form-section-title i { color: var(--bh-teal); font-size: 1rem; }
        .form-section-title:first-child { margin-top: 0; }

        .bh-input-group { margin-bottom: 20px; }
        .bh-input-group label { display: block; margin-bottom: 8px; font-size: 0.85rem; font-weight: 600; color: var(--bh-text-soft); }
        .bh-input-group input, 
        .bh-input-group select, 
        .bh-input-group textarea {
            width: 100%; background: var(--bh-input-bg); border: 1px solid var(--bh-border);
            padding: 12px 15px; border-radius: 0; color: #fff; font-size: 0.95rem; transition: 0.3s;
        }
        .bh-input-group input:focus { border-color: var(--bh-teal); outline: none; background: var(--bh-border); }

        .bh-grid-2 { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
        .bh-grid-3 { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 20px; }

        .price-input-wrap { position: relative; display: flex; align-items: center; }
        .price-input-wrap span { position: absolute; left: 15px; color: var(--bh-teal); font-weight: 700; }
        .price-input-wrap input { padding-left: 30px; }

        .bh-file-zone { 
            background: #111; border: 1px dashed var(--bh-border); 
            padding: 20px; border-radius: 999px; margin-bottom: 25px;
        }
        .file-item { margin-bottom: 15px; }
        .file-item:last-child { margin-bottom: 0; }
        .file-item input { font-size: 0.8rem; color: var(--bh-text-muted); }

        .bh-submit-btn {
            width: 100%; background: var(--bh-teal); color: var(--bh-bg); border: none; 
            padding: 18px; border-radius: 999px; font-weight: 900; font-size: 1rem;
            display: flex; align-items: center; justify-content: center; gap: 10px;
            cursor: pointer; transition: 0.4s; margin-top: 20px; text-transform: uppercase;
        }
        .bh-submit-btn:hover { background: #fff; transform: translateY(-3px); box-shadow: 0 10px 20px rgba(255,255,255,0.2); }

        .input-hint { font-size: 0.7rem; color: #555; margin-top: 5px; }
        .required { color: var(--bh-teal); }

        .bh-success-msg {
            background: rgba(255,255,255,0.1); border: 1px solid var(--bh-teal);
            padding: 20px; border-radius: 999px; margin-bottom: 25px; display: flex; align-items: center; gap: 15px;
        }
        .bh-success-msg i { font-size: 2rem; color: var(--bh-teal); }
        .bh-success-msg p { margin: 0; font-size: 0.9rem; color: #ccc; }

.artist-button {
            background: linear-gradient(135deg,var(--bh-accent),#ffffff);
            border: none;
            color: #111;
            padding: 12px 28px;
            margin: 10px 8px;
            border-radius: 0;
            font-size: 16px;
            font-weight: 700;
            cursor: pointer;
            transition: all 0.3s ease;
            box-shadow: 0 4px 12px rgba(255,255,255,0.25);
        }
        .artist-button.active, .artist-button:hover {
            background: linear-gradient(135deg,#ffffff,var(--bh-accent));
            transform: translateY(-2px);
            box-shadow: 0 6px 16px rgba(255,255,255,0.35);
        }
        .artist-container {
            margin-top: 30px;
            padding: 30px;
            border: 1px solid var(--bh-accent)33;
            border-radius: 0;
            background: #121212;
            color: #fff;
            min-height: 180px;
            display: block;
            box-shadow: 0 8px 20px rgba(0,0,0,0.3);
        }
        .artist-dashboard-wrapper h1 {
            font-family: 'Syne', system-ui, sans-serif;
            font-size: 2.4rem;
            color: var(--bh-accent);
            margin-bottom: 10px;
        }
        .artist-dashboard-wrapper p {
            font-size: 1rem;
            color: #bbb;
            margin-bottom: 20px;
        }
        .btn-view-songs {
            background:var(--bh-accent);
            color:#111;
            padding:10px 20px;
            border-radius:0;
            font-weight:700;
            text-decoration:none;
            display:inline-block;
            margin-top:20px;
            transition:.2s;
        }
        .btn-view-songs:hover {
            background:#ffffff;
            transform:translateY(-2px);
            box-shadow:0 4px 12px rgba(255,255,255,0.3);
        }

.bh-profile-card {
            max-width: 440px;
            margin: 32px auto 26px auto;
            background: #171717;
            border-radius: 0;
            box-shadow: 0 2px 24px var(--bh-accent)19;
            padding: 28px 22px 26px 22px;
            text-align: center;
            color: #eee;
        }
        .bh-profile-avatar {
            border-radius: 50%;
            border: 3px solid #ffffff;
            width: 92px; height: 92px;
            margin-bottom: 12px;
            object-fit: cover;
        }
        .bh-profile-nick {
            color: #ffffff;
            font-size: 1.5em;
            font-weight: 900;
            margin-bottom: 0;
        }
        .bh-profile-username {
            color: #ccc;
            font-size: 1.03em;
            margin-bottom: 12px;
        }
        .bh-profile-type {
            margin-top: 12px;
            color: #d4d4d4;
            font-size: 1.09em;
            letter-spacing: 1.1px;
        }
        .bh-profile-bio {
            margin: 19px 0 0 0;
            color: #bbb;
            font-size: 1.08em;
            text-align: left;
            border-left: 3.5px solid #ffffff;
            padding-left: 12px;
            min-height: 38px;
            white-space: pre-line;
        }
        .bh-profile-social {
            margin: 18px 0 0 0;
            color: #ffffff;
            font-size: 1em;
            word-break: break-all;
        }
        .bh-edit-btn {
            display: inline-block;
            margin-top: 26px;
            background: #ffffff;
            color: #171717;
            font-weight: 700;
            padding: 11px 22px;
            border: none;
            border-radius: 0;
            font-size: 1em;
            cursor: pointer;
            text-decoration: none;
            transition: background 0.17s;
        }
        .bh-edit-btn:hover { background: #d4d4d4; }
        @media (max-width: 600px) {
            .bh-profile-card { max-width:98vw; padding: 17vw 5vw 8vw 5vw;}
            .bh-profile-avatar { width: 68px; height: 68px; }
            .bh-profile-nick { font-size:1.09em; }
            .bh-profile-bio { font-size: 0.97em; padding-left:8px; }
        }

.beat-edit-wrapper { margin: 20px 0; font-family: var(--bh-mono), monospace; z-index: 999; position: relative; }
        .btn-toggle-admin { background: var(--bh-accent); color: var(--bh-bg); font-weight: 800; border: none; padding: 12px 24px; cursor: pointer; font-size: 11px; letter-spacing: 1px; display: flex; align-items: center; gap: 8px; border-radius: 0; }
        .edit-container-inner { display: none; background: #080808; border: 1px solid var(--bh-accent)44; padding: 25px; margin-top: 10px; border-radius: 0; box-shadow: 0 30px 60px rgba(0,0,0,0.8); }
        .edit-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 15px; margin-bottom: 20px; }
        .edit-section-title { color: var(--bh-accent); font-size: 12px; border-bottom: 1px solid rgba(255,255,255,0.12); padding-bottom: 8px; margin: 20px 0 15px; text-transform: uppercase; letter-spacing: 1px; }
        .edit-field label { display: block; font-size: 9px; color: #555; margin-bottom: 5px; font-weight: 700; }
        .edit-field input, .edit-field select { width: 100%; background: var(--bh-bg); border: 1px solid rgba(255,255,255,0.12); color: #fff; padding: 10px; font-size: 12px; font-family: inherit; }
        .edit-field input:focus { border-color: var(--bh-accent); outline: none; }
        .btn-save-edit { background: var(--bh-accent); color: var(--bh-bg); border: none; padding: 15px; width: 100%; cursor: pointer; font-weight: 900; font-size: 12px; letter-spacing: 2px; }
        .admin-zone { border: 1px solid #ffffff44; padding: 15px; margin-top: 20px; background: var(--bh-bg)810; }
        .edit-notice { background: var(--bh-accent)11; color: var(--bh-accent); padding: 15px; border: 1px solid var(--bh-accent)33; margin-bottom: 15px; font-size: 11px; text-align: center; }

:root {
        --bh-bg: var(--bh-bg)000;
        --bh-surface: var(--bh-card);
        --bh-accent: var(--bh-accent);
        --bh-text-sec: var(--bh-text-muted);
        --bh-border: var(--bh-border);
        --bh-mono: var(--bh-mono), monospace;
      }

      /* ESTRUCTURA */
      .services-page {
        background: var(--bh-bg);
        color: #fff;
        font-family: var(--bh-body);
        padding: 40px 20px 140px;
        max-width: 1200px;
        margin: 0 auto;
      }

      /* HERO */
      .services-hero {
        margin-bottom: 60px;
        border-left: 2px solid var(--bh-accent);
        padding-left: 25px;
      }
      .services-hero .pre-title {
        color: var(--bh-accent);
        font-family: var(--bh-mono);
        font-size: 10px;
        font-weight: 700;
        letter-spacing: 4px;
        text-transform: uppercase;
        display: block;
        margin-bottom: 10px;
      }
      .services-hero h1 {
        font-family: 'Syne', system-ui, sans-serif;
        font-size: clamp(3.5rem, 12vw, 6rem);
        margin: 0;
        letter-spacing: -1px;
        line-height: 0.85;
      }
      .services-hero p {
        color: var(--bh-text-sec);
        font-size: 1rem;
        max-width: 450px;
        margin: 15px 0 0;
        line-height: 1.5;
      }

      /* CATEGORÍAS */
      .service-category { margin-bottom: 60px; }
      .category-header {
        display: flex;
        align-items: center;
        gap: 20px;
        margin-bottom: 30px;
      }
      .category-header h2 {
        font-family: 'Syne', system-ui, sans-serif;
        font-size: 1.5rem;
        margin: 0;
        letter-spacing: 2px;
        color: #fff;
        text-transform: uppercase;
      }
      .category-line { height: 1px; background: var(--bh-border); flex-grow: 1; }

      /* GRID BENTO */
      .services-grid {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
        gap: 15px;
      }
      
      .service-card {
        background: var(--bh-surface);
        border: 1px solid var(--bh-border);
        border-radius: 0;
        padding: 30px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
      }
      .service-card:hover { border-color: rgba(255,255,255,0.18); transform: translateY(-5px); }

      .card-top { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 20px; }
      .service-title h3 { font-size: 1.4rem; margin: 0; font-weight: 700; letter-spacing: -0.5px; }
      .service-title .sub-tag { font-family: var(--bh-mono); font-size: 9px; color: var(--bh-accent); font-weight: 700; margin-top: 4px; display: block; }
      
      .service-status {
        font-family: var(--bh-mono);
        font-size: 8px; font-weight: 700; padding: 4px 10px; border-radius: 0; text-transform: uppercase;
      }
      .status-live { background: #fff; color: var(--bh-bg); }
      .status-beta { border: 1px solid rgba(255,255,255,0.18); color: var(--bh-text-soft); }

      .service-description { font-size: 0.9rem; color: var(--bh-text-soft); margin-bottom: 20px; line-height: 1.4; }

      .service-features { list-style: none; padding: 0; margin: 0 0 30px; border-top: 1px solid var(--bh-border); padding-top: 20px; }
      .service-features li { font-size: 0.8rem; color: var(--bh-text-soft); margin-bottom: 8px; display: flex; align-items: center; gap: 10px; }
      .service-features li i { color: var(--bh-accent); font-size: 10px; }

      /* BOTONES */
      .service-actions { display: flex; gap: 10px; }
      .btn {
        flex: 1; padding: 14px 10px; border-radius: 0; font-size: 10px;
        font-family: var(--bh-mono); font-weight: 700; text-transform: uppercase; 
        text-decoration: none; text-align: center; transition: 0.3s;
      }
      .btn-primary { background: #fff; color: var(--bh-bg); }
      .btn-secondary { background: transparent; border: 1px solid var(--bh-border); color: #fff; }
      .btn-primary:hover { background: var(--bh-accent); color: var(--bh-bg); }
      .btn-secondary:hover { border-color: #fff; }

      /* CTA BAR */
      .cta-bar {
        margin: 80px 0 40px; background: var(--bh-surface); padding: 50px 30px;
        border-radius: 0; border: 1px solid var(--bh-border);
        text-align: center;
      }
      .cta-bar h2 { font-family: 'Syne'; font-size: 3.5rem; margin-bottom: 20px; letter-spacing: 1px; }
      .cta-form { display: flex; gap: 10px; max-width: 500px; margin: 0 auto; }
      .cta-form input { 
        flex: 1; background: var(--bh-bg); border: 1px solid var(--bh-border); 
        padding: 15px; border-radius: 0; color: #fff; font-family: var(--bh-mono); font-size: 11px; 
      }
      .cta-form button { 
        background: var(--bh-accent); border: none; padding: 0 30px; 
        border-radius: 0; font-weight: 800; text-transform: uppercase; cursor: pointer; 
        font-family: var(--bh-mono); font-size: 11px;
      }

      @media (max-width: 768px) {
        .services-page { padding: 30px 15px 120px; }
        .services-hero h1 { font-size: 4rem; }
        .cta-form { flex-direction: column; }
      }

.royalties-table {width:100%;border-collapse:collapse;margin:20px auto;background:#0f0f0f;color:#fff;font-family:'Manrope',sans-serif;border-radius:0;overflow:hidden;box-shadow:0 4px 22px var(--bh-accent)33}
    .royalties-table th, .royalties-table td {padding:12px;text-align:center;border:1px solid #1f1f1f}
    .royalties-table th {background:#121212;color:var(--bh-accent);font-weight:700}
    .royalties-total {margin-top:12px;text-align:right;font-weight:700;color:var(--bh-accent)}
    canvas {margin-top:20px;background:#121212;border-radius:0;padding:10px}

.beats-section { position: relative; padding:40px 15px; color:#fff; }
    .beats-overlay { position:absolute; inset:0; background:rgba(0,0,0,0.6); z-index:1; }
    .beats-content { position:relative; z-index:2; max-width:1100px; margin:0 auto; text-align:center; }
    .section-title { font-size:2rem; font-weight:700; color:#ffffff; margin-bottom:24px; }

    /* Toolbar */
    .beats-toolbar { display:flex; flex-wrap:wrap; justify-content:center; gap:10px; margin-bottom:20px; }
    .beats-toolbar input, .beats-toolbar select {
      padding:8px 12px; border-radius:0; border:1px solid var(--bh-accent)66;
      background:#111; color:var(--bh-accent); font-size:14px;
    }

    .beat-list { display:grid; grid-template-columns:repeat(auto-fit,minmax(280px,1fr)); gap:20px; }
    .beat-item { background:rgba(20,20,20,0.92); border:1px solid var(--bh-accent)22; padding:16px; border-radius:0; transition:.25s; text-align:center; }
    .beat-item:hover { border-color:var(--bh-accent)66; box-shadow:0 0 12px var(--bh-accent)33; }

    .beat-title { font-family:'Syne',sans-serif; font-size:1.4rem; color:#fff; text-decoration:none; display:block; margin-bottom:6px; }

    .producer-box { display:flex; align-items:center; gap:8px; justify-content:center; margin:8px 0; }
    .producer-avatar { border-radius:50%; width:38px; height:38px; object-fit:cover; }
    .producer-name { font-size:0.9rem; color:var(--bh-accent); font-weight:600; }

    .beat-meta-bar { display:flex; gap:10px; justify-content:center; font-size:0.8rem; color:#c0c0c0; margin-bottom:8px; }

    .wave-container { width:100%; margin:0 auto 12px; position:relative; }
    .waveform { height:80px; position:relative; z-index:1; }
    .play-circle { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:54px; height:54px; border-radius:50%; background:var(--bh-accent); display:flex; align-items:center; justify-content:center; cursor:pointer; box-shadow:0 0 12px rgba(255,255,255,0.5); border:none; z-index:5; }
    .play-circle svg { width:26px; height:26px; fill:#111; display:none; }
    .play-circle .icon-play { display:block; }
    .play-circle.playing .icon-play { display:none; }
    .play-circle.playing .icon-pause { display:block; }

    .beat-prices-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(120px,1fr)); gap:8px; margin-top:10px; }
    .price-card { background:rgba(255,255,255,0.08); border:1px solid rgba(255,255,255,0.25); border-radius:0; padding:8px; text-align:center; transition:.25s; text-decoration:none; color:#fff; }
    .price-card:hover { background:rgba(255,255,255,0.15); border-color:#ffffff; }
    .price-label { display:block; font-size:0.8rem; color:#ffffff; font-weight:600; }
    .price-value { display:block; font-size:1rem; font-weight:700; }
    .price-note { display:block; font-size:0.7rem; color:var(--bh-text-soft); margin-top:2px; font-style:italic; }

    .exclusive-btn { display:inline-block; margin-top:10px; padding:8px 16px; border-radius:0; background:#888888; color:#fff; font-weight:600; text-decoration:none; transition:.25s; }
    .exclusive-btn:hover { background:#888888; }

    @media(max-width:768px){
      .section-title { font-size:1.6rem; }
      .beat-title { font-size:1.2rem; }
      .waveform { height:60px; }
      .play-circle { width:48px; height:48px; }
    }

:root { --neon: var(--bh-accent); --dark: var(--bh-bg-soft); --card: #0c0c0c; --border: var(--bh-border); }
        .bh-container { display: flex; background: var(--bh-bg); min-height: 500px; font-family: var(--bh-body); color: #fff; border-radius: 999px; overflow: hidden; }
        .bh-side-nav { width: 60px; background: var(--dark); border-right: 1px solid var(--border); display: flex; flex-direction: column; align-items: center; padding: 20px 0; }
        .bh-logo { color: var(--neon); font-weight: 900; margin-bottom: 30px; }
        .nav-btn { background: none; border: none; color: var(--bh-text-muted); margin-bottom: 20px; font-size: 1.2rem; cursor: pointer; transition: 0.3s; }
        .nav-btn.active, .nav-btn:hover { color: var(--neon); }
        .bh-content { flex: 1; padding: 20px; overflow-y: auto; }
        .bh-page { display: none; }
        .bh-page.active { display: block; }
        .bh-grid-main { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
        .bh-card { background: var(--card); border: 1px solid var(--border); border-radius: 0; padding: 20px; }
        .bh-select, .bh-input-date { width: 100%; background: var(--bh-bg); border: 1px solid var(--border); color: #fff; padding: 10px; border-radius: 0; margin-bottom: 10px; }
        .bh-meta { font-size: 10px; display: flex; gap: 15px; color: var(--bh-text-muted); margin-bottom: 15px; }
        .uploader-zone { border-top: 1px solid var(--border); pt: 15px; }
        .bh-input-file { font-size: 10px; color: var(--bh-text-muted); margin: 10px 0; }
        .btn-main { width: 100%; background: var(--neon); color: var(--bh-bg); font-weight: 900; border: none; padding: 12px; border-radius: 0; cursor: pointer; }
        .bh-log { font-family: var(--bh-mono); font-size: 9px; color: var(--bh-text-muted); margin-top: 10px; }
        .play-circle { width: 60px; height: 60px; border-radius: 50%; background: var(--neon); color:var(--bh-bg); border:none; cursor:pointer; font-size: 1.5rem; }
        
        /* Vault Grid */
        .vault-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 10px; }
        .vault-item { position: relative; border-radius: 0; overflow: hidden; background: var(--bh-bg); height: 200px; border: 1px solid var(--border); }
        .vault-item video { width: 100%; height: 100%; object-fit: cover; opacity: 0.5; }
        .vault-item:hover video { opacity: 1; }
        .vault-overlay { position: absolute; bottom: 0; left: 0; right: 0; padding: 10px; background: linear-gradient(transparent, var(--bh-bg)); font-size: 9px; display: flex; justify-content: space-between; align-items: center; }
        
        /* Cal Compact */
        .cal-flex { display: flex; gap: 5px; overflow-x: auto; padding-bottom: 10px; }
        .cal-day { min-width: 80px; background: var(--card); border: 1px solid var(--border); padding: 10px; border-radius: 0; text-align: center; }
        .cal-day.today { border-color: var(--neon); }
        .cal-day b { font-size: 1.2rem; color: var(--neon); }
        .cal-event { font-size: 8px; color: var(--bh-text-muted); margin-top: 5px; }

:root {
            --lab-bg: #0b0b0b;
            --lab-surface: #151515;
            --lab-accent: #ffffff;
            --lab-text: #e1e1e1;
            --lab-border: #2a2a2a;
        }

        #ai-lab-terminal {
            background: var(--lab-bg);
            color: var(--lab-text);
            padding: 25px;
            border-radius: 0;
            max-width: 1000px;
            margin: 20px auto;
            font-family: 'Inter', sans-serif;
            border: 1px solid var(--lab-border);
            box-shadow: 0 15px 40px rgba(0,0,0,0.6);
        }

        /* Toolbar Superior */
        .lab-panel {
            background: var(--lab-surface);
            border: 1px solid var(--lab-border);
            padding: 20px;
            border-radius: 0;
            margin-bottom: 25px;
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
            gap: 20px;
        }

        .tool-title {
            color: var(--lab-accent);
            font-size: 0.7rem;
            text-transform: uppercase;
            letter-spacing: 1px;
            margin-bottom: 10px;
            display: block;
        }

        /* Botonera de Algoritmos */
        .algo-grid {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 10px;
        }

        .algo-btn {
            background: #1c1c1c;
            border: 1px solid var(--lab-border);
            color: #fff;
            padding: 10px;
            border-radius: 0;
            cursor: pointer;
            font-size: 0.8rem;
            text-align: left;
            transition: 0.2s;
        }

        .algo-btn:hover { border-color: var(--lab-accent); background: #232323; }
        .algo-btn.active { background: rgba(255,255,255, 0.1); border-color: var(--lab-accent); color: var(--lab-accent); }

        /* Estilos de tabla sofisticada */
        .lab-datagrid { width: 100%; border-collapse: collapse; margin-top: 15px; }
        .lab-datagrid th { padding: 12px; border-bottom: 2px solid var(--lab-border); color: var(--bh-text-soft); font-size: 0.75rem; text-align: left; }
        .lab-datagrid td { padding: 10px; border-bottom: 1px solid var(--lab-border); }

        .input-lab {
            background: #0b0b0b;
            border: 1px solid var(--lab-border);
            color: #fff;
            padding: 8px;
            border-radius: 0;
            width: 100%;
            outline: none;
        }

        .input-lab:focus { border-color: var(--lab-accent); }

        /* Consola de Log */
        #console-output {
            background: var(--bh-bg);
            color: #d4d4d4;
            font-family: 'Fira Code', monospace;
            padding: 15px;
            border-radius: 0;
            height: 120px;
            overflow-y: auto;
            font-size: 0.75rem;
            margin-top: 20px;
            border: 1px solid var(--bh-border);
        }

        /* Botones de acción principal */
        .main-trigger {
            background: var(--lab-accent);
            color: var(--bh-bg);
            border: none;
            padding: 15px 30px;
            border-radius: 0;
            font-weight: 800;
            cursor: pointer;
            text-transform: uppercase;
            box-shadow: 0 0 20px rgba(255,255,255, 0.2);
        }

.auto-main { background:#0b0b0b;color:#e4e4e4;font-family:'Montserrat',sans-serif;padding:0; }
    .hero-section { text-align:center;padding:80px 20px 60px;background:radial-gradient(circle at 30% 50%,var(--bh-accent)33 0%,#0b0b0b 70%);border-bottom:1px solid var(--bh-accent)44; }
    .hero-section h1 { font-size:2.8rem;color:var(--bh-accent);margin-bottom:15px; }
    .hero-section p { font-size:1.05rem;color:#bbb;max-width:650px;margin:0 auto;line-height:1.6; }
    .membership-section { max-width:1100px;margin:70px auto;padding:0 20px;text-align:center; }
    .plans-grid { display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:25px;margin-top:30px; }
    .plan-card { background:#1f1f1f;border:1px solid #2b2b2b;border-radius:0;padding:30px;text-align:center;transition:.3s; }
    .plan-card:hover{transform:scale(1.03);box-shadow:0 0 18px var(--bh-accent)44;}
    .plan-card h3{color:var(--bh-accent);margin-bottom:10px;}
    .plan-card .price{font-size:1.6rem;color:var(--bh-accent);margin:15px 0;}
    .plan-card button{background:linear-gradient(90deg,var(--bh-accent),#ffffff);border:none;padding:10px 25px;border-radius:0;font-weight:600;color:#0b0b0b;cursor:pointer;}
    .booking-section{background:#111111;border-top:1px solid #1f1f1f;padding:60px 0;}
    .extra-info{background:#0b0b0b;padding:40px 20px;text-align:center;color:#bbb;line-height:1.6;}
    .extra-info strong{color:var(--bh-accent);}
    footer.auto-footer{background:#050505;border-top:1px solid #1f1f1f;text-align:center;padding:25px 10px;font-size:.85rem;color:#777;}
    footer.auto-footer a{color:var(--bh-accent);text-decoration:none;}

/* 🌌 AutoClean Booking Form — BeatsHouse/AutoClean Theme */
    .detailing-form {
      max-width: 800px;
      margin: 60px auto;
      background: #0b0b0b;
      color: #e4e4e4;
      padding: 40px;
      border-radius: 0;
      font-family: var(--bh-body);
      box-shadow: 0 0 25px rgba(255,255,255,0.25);
      position: relative;
      overflow: hidden;
    }
    .detailing-form::before {
      content: '';
      position: absolute;
      inset: 0;
      background: linear-gradient(135deg, rgba(255,255,255,0.05) 0%, rgba(255,255,255,0.05) 100%);
      z-index: 0;
    }
    .detailing-form * { position: relative; z-index: 1; }
    .detailing-form h2 {
      text-align: center;
      color: var(--bh-accent);
      font-size: 1.8rem;
      margin-bottom: 20px;
    }
    label {
      color: var(--bh-accent);
      font-weight: 600;
      margin-top: 15px;
      display: block;
    }
    input, select, textarea {
      width: 100%;
      padding: 10px 12px;
      margin-top: 6px;
      border-radius: 0;
      background: #1f1f1f;
      border: 1px solid #2b2b2b;
      color: #fff;
      font-size: 0.95rem;
    }
    input:focus, select:focus, textarea:focus {
      border-color: var(--bh-accent);
      outline: none;
    }
    .price-box {
      margin-top: 10px;
      background: #141414;
      border-left: 3px solid var(--bh-accent);
      padding: 10px 14px;
      border-radius: 0;
      font-size: 0.95rem;
    }
    button[type=submit] {
      margin-top: 25px;
      width: 100%;
      padding: 14px;
      background: linear-gradient(90deg,var(--bh-accent),#ffffff);
      color: #0b0b0b;
      font-weight: bold;
      border: none;
      border-radius: 0;
      cursor: pointer;
      font-size: 1rem;
      transition: 0.25s;
    }
    button[type=submit]:hover {
      transform: scale(1.03);
      box-shadow: 0 0 15px rgba(255,255,255,0.3);
    }
    .loader {
      text-align: center;
      color: var(--bh-accent);
      margin-top: 12px;
      display: none;
      font-weight: 500;
    }
    .success, .error {
      text-align: center;
      font-weight: 600;
      margin-top: 14px;
      padding: 10px;
      border-radius: 0;
    }
    .success { background: rgba(255,255,255,0.1); color: var(--bh-accent); }
    .error { background: rgba(136,136,136,0.1); color: #999999; }

.bh-calendar-wrapper{
      background:#0b0b0b;
      color:#e6e6e6;
      font-family:'Montserrat',sans-serif;
      border-radius:0;
      padding:40px 25px;
      border:1px solid rgba(255,255,255,0.1);
    }
    .bh-calendar-wrapper h2{
      color:var(--bh-accent);
      text-align:center;
      font-size:1.8rem;
      margin-bottom:20px;
    }
    .bh-calendar-grid{
      display:grid;
      grid-template-columns:repeat(auto-fill,minmax(240px,1fr));
      gap:15px;
    }
    .bh-calendar-card{
      background:#141414;
      border:1px solid rgba(255,255,255,0.08);
      border-radius:0;
      padding:15px;
    }
    .bh-calendar-card h3{
      color:var(--bh-accent);
      font-size:1rem;
      margin:0 0 10px;
    }
    .bh-slot{
      display:inline-block;
      background:#1c1c1c;
      color:#e6e6e6;
      border-radius:0;
      padding:6px 10px;
      margin:3px;
      font-size:0.9rem;
      border:1px solid rgba(255,255,255,0.1);
    }
    .bh-empty{
      text-align:center;
      color:var(--bh-text-soft);
      border:1px dashed rgba(255,255,255,0.1);
      border-radius:0;
      padding:25px;
      margin-top:15px;
    }

.vc-wrapper {
            all: initial;
            display: block;
            background: var(--bh-bg-soft);
            font-family: var(--bh-body);
            color: #ffffff;
            padding: 80px 20px;
            text-align: center;
        }

        .vc-container { max-width: 1000px; margin: 0 auto; }

        .vc-status-tag {
            display: inline-flex;
            align-items: center;
            gap: 10px;
            padding: 8px 20px;
            background: rgba(255,255,255, 0.05);
            border: 1px solid rgba(255,255,255, 0.3);
            border-radius: 999px;
            color: var(--bh-accent);
            font-size: 0.8rem;
            font-weight: 700;
            letter-spacing: 2px;
            text-transform: uppercase;
            margin-bottom: 30px;
        }

        .vc-status-tag i { font-size: 0.6rem; animation: blink 1s infinite; }

        .vc-hero-title {
            font-family: var(--bh-heading), sans-serif;
            font-size: clamp(3rem, 10vw, 6rem);
            line-height: 0.85;
            text-transform: uppercase;
            margin-bottom: 20px;
            letter-spacing: -2px;
            background: linear-gradient(to bottom, #ffffff, var(--bh-text-muted));
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }

        .vc-subtitle {
            font-size: 1.25rem;
            color: var(--bh-text-soft);
            max-width: 600px;
            margin: 0 auto 60px;
            line-height: 1.6;
        }

        .vc-features {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
            gap: 20px;
            margin-bottom: 60px;
        }

        .vc-feature-card {
            background: var(--bh-card);
            border: 1px solid rgba(255,255,255,0.05);
            padding: 40px;
            border-radius: 999px;
            transition: 0.4s ease;
            text-align: left;
        }

        .vc-feature-card:hover {
            background: #161616;
            border-color: var(--bh-accent);
            transform: translateY(-10px);
        }

        .vc-icon {
            font-size: 2rem;
            color: var(--bh-accent);
            margin-bottom: 25px;
            display: block;
        }

        .vc-feature-card h3 {
            font-family: var(--bh-heading), sans-serif;
            font-size: 1.5rem;
            text-transform: uppercase;
            margin-bottom: 15px;
        }

        .vc-feature-card p {
            color: var(--bh-text-muted);
            font-size: 0.95rem;
            line-height: 1.5;
        }

        .vc-btn {
            background: var(--bh-accent);
            color: var(--bh-bg);
            padding: 20px 50px;
            border-radius: 0;
            font-weight: 800;
            text-transform: uppercase;
            text-decoration: none;
            display: inline-block;
            font-size: 1rem;
            transition: 0.3s;
        }

        .vc-btn:hover {
            background: #fff;
            transform: scale(1.05);
            box-shadow: 0 0 40px rgba(255,255,255, 0.3);
        }

        @keyframes blink { 
            0%, 100% { opacity: 1; } 
            50% { opacity: 0; } 
        }

        @media (max-width: 768px) {
            .vc-hero-title { font-size: 3.5rem; }
        }

.bh-history-wrap { background:#0b0b0b; border:1px solid #1f1f1f; border-radius:0; padding:18px; color:#e5e5e5; font-family: 'JetBrains Mono', monospace; }
        .bh-history-head { display:flex; justify-content:space-between; align-items:center; margin-bottom:12px; }
        .bh-history-title { font-size:16px; font-weight:800; }
        .bh-history-stats { font-size:12px; color:#999999; }
        .bh-history-table { width:100%; border-collapse:collapse; font-size:12px; }
        .bh-history-table th, .bh-history-table td { padding:8px 6px; border-bottom:1px solid #1f1f1f; text-align:left; }
        .bh-hit { color:#d4d4d4; font-weight:700; }
        .bh-miss { color:#888888; font-weight:700; }
        .bh-flat { color:#999999; font-weight:700; }
        .bh-chip { padding:2px 6px; border-radius:999px; background:#111111; border:1px solid #1f1f1f; font-size:10px; }
        @media (max-width: 720px) {
            .bh-history-table th:nth-child(4), .bh-history-table td:nth-child(4),
            .bh-history-table th:nth-child(5), .bh-history-table td:nth-child(5) { display:none; }
        }

.bh-media-station { width: 100%; }
        .bh-hub-row { display: flex; gap: 10px; margin-bottom: 25px; }
        .bh-hub-btn { 
            flex: 1; height: 50px; display: flex; align-items: center; justify-content: center; 
            background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.08);
            border-radius: 0; color: #fff; font-size: 20px; transition: 0.3s;
            text-decoration: none;
        }
        .bh-hub-btn:hover { background: rgba(255,255,255,0.08); border-color: var(--bh-accent); transform: translateY(-2px); }
        .bh-hub-btn.spot:hover { color: #d4d4d4; box-shadow: 0 0 15px rgba(212,212,212, 0.2); }
        .bh-hub-btn.yt:hover { color: #888888; box-shadow: 0 0 15px rgba(136,136,136, 0.2); }

        .bh-video-engine { display: grid; gap: 15px; }
        .bh-video-frame { 
            position: relative; padding-bottom: 56.25%; height: 0; 
            border-radius: 0; overflow: hidden; border: 1px solid rgba(255,255,255,0.1);
            background: var(--bh-bg); box-shadow: 0 10px 30px rgba(0,0,0,0.5);
        }
        .bh-video-frame iframe { position: absolute; top:0; left:0; width:100%; height:100%; }

        .bh-channel-placeholder {
            padding: 40px 20px; text-align: center; background: rgba(255,255,255,0.02);
            border: 1px dashed rgba(255,255,255,0.1); border-radius: 0;
        }
        .bh-channel-placeholder i { font-size: 40px; color: #888888; margin-bottom: 15px; display: block; }
        .bh-channel-placeholder p { font-family: 'JetBrains Mono'; font-size: 10px; letter-spacing: 2px; margin-bottom: 15px; }
        .bh-channel-placeholder a { 
            display: inline-block; padding: 10px 20px; background: #fff; color: var(--bh-bg); 
            text-decoration: none; font-weight: 900; font-size: 10px; border-radius: 0;
        }

.bh-pro-media { width: 100%; font-family: var(--bh-mono), monospace; }

        /* Hub Estilo Hardware */
        .bh-hub-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-bottom: 25px; }
        .hub-item { 
            position: relative; background: var(--bh-card); border: 1px solid var(--bh-border); padding: 20px;
            border-radius: 0; text-decoration: none; color: #fff; text-align: center;
            overflow: hidden; transition: 0.3s;
        }
        .hub-item:hover { border-color: var(--bh-accent); transform: translateY(-3px); }
        .hub-item i { font-size: 22px; display: block; margin-bottom: 8px; }
        .hub-item span { font-size: 9px; font-weight: 700; letter-spacing: 1px; }
        .hub-item.spot i { color: #d4d4d4; }
        .hub-item.apple i { color: #888888; }

        /* Estilo Monitor de Estudio */
        .bh-monitor-frame { 
            background: var(--bh-card); border: 1px solid rgba(255,255,255,0.12); border-radius: 0; 
            padding: 5px; box-shadow: 0 20px 50px rgba(0,0,0,0.5);
        }
        .monitor-header { 
            display: flex; justify-content: space-between; align-items: center; 
            padding: 10px 15px; background: #151515; border-radius: 0 4px 0 0;
        }
        .monitor-dots { display: flex; gap: 5px; }
        .monitor-dots span { width: 6px; height: 6px; background: rgba(255,255,255,0.18); border-radius: 50%; }
        .monitor-title { font-size: 8px; color: #555; font-weight: 700; }

        .monitor-screen { background: var(--bh-bg); position: relative; overflow: hidden; }
        .yt-container { position: relative; padding-bottom: 56.25%; height: 0; }
        .yt-container iframe { position: absolute; inset:0; width: 100%; height: 100%; border: 0; }

        /* Botón de YouTube Estilo Poster */
        .visual-link-card { 
            display: flex; flex-direction: column; align-items: center; justify-content: center;
            padding: 60px 20px; text-decoration: none; color: #fff; position: relative;
        }
        .visual-link-card i { font-size: 50px; color: #888888; margin-bottom: 15px; text-shadow: 0 0 20px rgba(136,136,136,0.3); }
        .visual-link-card h4 { margin: 0; font-family: 'Syne'; font-size: 24px; letter-spacing: 2px; }
        .visual-link-card p { margin: 5px 0 0; font-size: 10px; color: var(--bh-text-muted); font-weight: 700; }

        /* Footer del Monitor */
        .monitor-footer { 
            padding: 10px 15px; display: flex; justify-content: space-between; 
            font-size: 8px; color: rgba(255,255,255,0.18); font-weight: 700;
        }
        .v-pulse { 
            display: inline-block; width: 6px; height: 6px; background: var(--bh-accent); 
            border-radius: 50%; margin-right: 5px; animation: pulse 1.5s infinite;
        }
        @keyframes pulse { 0% { opacity: 1; } 50% { opacity: 0.3; } 100% { opacity: 1; } }

        .monitor-empty { padding: 80px 20px; text-align: center; color: rgba(255,255,255,0.12); }
        .scanline { 
            position: absolute; top: 0; left: 0; width: 100%; height: 2px; 
            background: rgba(255,255,255,0.03); animation: scan 3s linear infinite; 
        }
        @keyframes scan { from { top: 0; } to { top: 100%; } }

.team-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
            gap: 30px;
            padding: 40px 0;
            font-family: var(--bh-body);
        }

        .producer-card {
            position: relative;
            background: rgba(255, 255, 255, 0.02);
            border: 1px solid rgba(255, 255, 255, 0.05);
            border-radius: 999px;
            padding: 40px 25px;
            text-align: center;
            transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
            backdrop-filter: blur(10px);
            overflow: hidden;
        }

        .producer-card:hover {
            transform: translateY(-10px);
            background: rgba(255, 255, 255, 0.04);
            border-color: rgba(255,255,255, 0.3);
            box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4);
        }

        /* Insignias minimalistas */
        .achievement-badge {
            position: absolute;
            top: 20px;
            right: 20px;
            font-size: 9px;
            font-weight: 800;
            letter-spacing: 1px;
            padding: 4px 12px;
            border-radius: 999px;
            background: rgba(255, 255, 255, 0.05);
            border: 1px solid rgba(255, 255, 255, 0.1);
            color: #fff;
            text-transform: uppercase;
        }

        /* Colores sutiles por rol */
        .ceo .achievement-badge { border-color: #d4d4d4; color: #d4d4d4; }
        .top-producer .achievement-badge { border-color: var(--bh-accent); color: var(--bh-accent); }

        .producer-card img {
            width: 110px;
            height: 110px;
            border-radius: 50%;
            object-fit: cover;
            margin-bottom: 20px;
            filter: grayscale(20%);
            transition: 0.5s ease;
            border: 2px solid rgba(255, 255, 255, 0.1);
        }

        .producer-card:hover img {
            filter: grayscale(0%);
            transform: scale(1.05);
            border-color: var(--bh-accent);
        }

        .producer-name {
            font-size: 1.5rem;
            font-weight: 700;
            color: #fff;
            margin-bottom: 5px;
            letter-spacing: -0.5px;
        }

        .producer-role {
            font-size: 11px;
            font-weight: 700;
            color: var(--bh-accent);
            letter-spacing: 2px;
            text-transform: uppercase;
            margin-bottom: 15px;
            opacity: 0.8;
        }

        .producer-bio {
            font-size: 14px;
            color: var(--bh-text-soft);
            line-height: 1.5;
            margin-bottom: 20px;
            min-height: 42px;
            font-weight: 300;
        }

        .producer-socials {
            display: flex;
            justify-content: center;
            gap: 15px;
            margin-bottom: 20px;
        }

        .producer-socials a {
            color: #fff;
            font-size: 16px;
            opacity: 0.4;
            transition: 0.3s;
        }

        .producer-socials a:hover {
            opacity: 1;
            color: var(--bh-accent);
            transform: translateY(-2px);
        }

        .producer-beats {
            font-size: 12px;
            color: #555;
            font-weight: 600;
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 8px;
            border-top: 1px solid rgba(255, 255, 255, 0.05);
            padding-top: 15px;
        }

        .producer-beats i { font-size: 10px; }

        /* Admin form */
        .admin-selector {
            background: var(--bh-card);
            padding: 20px;
            border-radius: 999px;
            margin-bottom: 30px;
            border: 1px dashed rgba(255,255,255,0.18);
        }

.producer-button {
            background: var(--bh-accent);
            border: none;
            color: var(--bh-bg);
            padding: 12px 24px;
            margin: 10px 6px;
            border-radius: 0;
            font-size: 16px;
            cursor: pointer;
            transition: background 0.3s ease;
        }
        .producer-button.active, .producer-button:hover {
            background: #d4d4d4;
        }
        .shortcode-container {
            margin-top: 30px;
            padding: 20px;
            border: 1px solid rgba(255,255,255,0.18);
            border-radius: 0;
            background: #1e1e1e;
            color: #fff;
            min-height: 140px;
            display: block;
        }
        .beat-row {
            border-bottom: 1px solid rgba(255,255,255,0.12);
            padding: 16px 0;
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 20px;
            font-size: 16px;
        }
        .beat-info-main {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
        }
        .beat-info-main b {
            font-size: 18px;
            color: var(--bh-accent);
        }
        .beat-attrs {
            display: flex;
            flex-wrap: wrap;
            gap: 15px;
            font-size: 14px;
            color: #bbb;
            margin-top: 2px;
        }
        .beat-meta {
            min-width: 120px;
            text-align: right;
            font-size: 13px;
            color: var(--bh-text-soft);
        }
        .bh-pagination { display:flex; gap:8px; margin-top:16px; justify-content:center; }
        .bh-pagination button { background:#0f0f0f; border:1px solid #222; color:#ccc; padding:8px 12px; border-radius:0; cursor:pointer; }
        .bh-pagination button[disabled] { opacity:.5; cursor:not-allowed; }

body .beats-container{max-width:1000px;margin:0 auto;padding:60px 20px;text-align:center;font-family:'Syne',sans-serif;color:#fff}
      .beats-container h1{font-size:48px;color:var(--bh-accent);margin-bottom:10px}
      .beats-container h2{font-size:36px;color:var(--bh-accent);margin:40px 0 10px}
      .beats-container p{color:#ccc;font-size:16px;letter-spacing:.5px;margin-bottom:30px}
      .btn-group,.services-container{display:flex;flex-direction:column;gap:16px;align-items:center;margin:0 auto 40px;max-width:360px}
      .role-btn,.service-btn{width:100%;background:transparent;border:2px solid var(--bh-accent);color:var(--bh-accent);padding:14px 20px;font-size:18px;border-radius:0;font-weight:700;text-decoration:none;display:inline-block;transition:all .3s ease;cursor:pointer}
      .role-btn:hover,.service-btn:hover{background:var(--bh-accent);color:var(--bh-bg)}
      .role-btn:focus{outline:none;box-shadow:0 0 0 3px rgba(255,255,255,.4)}
      .services-section{display:none;flex-wrap:wrap;justify-content:center;gap:20px;margin-top:20px}
      @media (min-width:700px){.services-container{flex-direction:row;flex-wrap:wrap;gap:20px;justify-content:center}.service-btn{width:280px}}

.bhp-error {
        padding: 20px;
        background: rgba(136,136,136, 0.1);
        border: 1px solid rgba(136,136,136, 0.3);
        border-radius: 0;
        color: #888888;
        font-size: 15px;
        font-weight: 600;
        text-align: center;
        max-width: 600px;
        margin: 20px auto;
    }

    .bhp-player {
        width: 100%;
        max-width: 100%;
        margin: 0;
        padding: 40px 32px;
        background: rgba(15,15,15, 0.7);
        border: 1px solid rgba(255,255,255, 0.18);
        border-radius: 999px;
        backdrop-filter: blur(16px);
        transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    }

    .bhp-player.bhp-active {
        background: rgba(15,15,15, 0.85);
        border-color: rgba(255,255,255, 0.35);
        box-shadow: 0 0 40px rgba(255,255,255, 0.15);
    }

    .bhp-waveform {
        width: 100%;
        height: 160px;
        background: rgba(0, 0, 0, 0.35);
        border-radius: 0;
        padding: 24px;
        margin-bottom: 28px;
        border: 1px solid rgba(255,255,255, 0.12);
        transition: all 0.3s ease;
    }

    .bhp-player.bhp-active .bhp-waveform {
        background: rgba(0, 0, 0, 0.45);
        border-color: rgba(255,255,255, 0.22);
        box-shadow: inset 0 0 30px rgba(255,255,255, 0.08);
    }

    .bhp-controls {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 24px;
    }

    .bhp-play-btn {
        width: 72px;
        height: 72px;
        border-radius: 50%;
        border: none;
        cursor: pointer;
        background: linear-gradient(135deg, var(--bh-accent) 0%, #ffffff 100%);
        color: var(--bh-bg);
        transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
        box-shadow: 0 6px 20px rgba(255,255,255, 0.35);
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0;
        position: relative;
        overflow: hidden;
    }

    .bhp-play-btn::before {
        content: '';
        position: absolute;
        inset: 0;
        background: radial-gradient(circle, rgba(255, 255, 255, 0.3) 0%, transparent 70%);
        opacity: 0;
        transition: opacity 0.3s;
    }

    .bhp-play-btn:hover::before {
        opacity: 1;
    }

    .bhp-play-btn:hover {
        transform: scale(1.12);
        box-shadow: 0 8px 28px rgba(255,255,255, 0.5);
    }

    .bhp-play-btn:active {
        transform: scale(1.05);
    }

    .bhp-play-btn.bhp-playing {
        background: linear-gradient(135deg, #ffffff 0%, #ffffff 100%);
    }

    .bhp-play-btn svg {
        position: relative;
        z-index: 1;
        filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.15));
        transition: transform 0.2s;
    }

    .bhp-play-btn:hover svg {
        transform: scale(1.05);
    }

    .bhp-time {
        color: var(--bh-accent);
        font-size: 17px;
        font-weight: 700;
        font-family: 'SF Mono', 'Monaco', 'Courier New', monospace;
        letter-spacing: 0.5px;
        display: flex;
        align-items: center;
        gap: 10px;
        user-select: none;
        font-variant-numeric: tabular-nums;
    }

    .bhp-separator {
        color: rgba(255,255,255, 0.4);
        font-weight: 400;
    }

    .bhp-current {
        color: var(--bh-accent);
    }

    .bhp-duration {
        color: rgba(255,255,255, 0.7);
    }

    /* Responsive Design */
    @media (max-width: 768px) {
        .bhp-player {
            padding: 28px 20px;
        }

        .bhp-waveform {
            height: 120px;
            padding: 16px;
            margin-bottom: 24px;
        }

        .bhp-play-btn {
            width: 64px;
            height: 64px;
        }

        .bhp-play-btn svg {
            width: 20px;
            height: 20px;
        }

        .bhp-time {
            font-size: 16px;
            gap: 8px;
        }

        .bhp-controls {
            gap: 20px;
        }
    }

    @media (max-width: 480px) {
        .bhp-player {
            padding: 24px 16px;
            border-radius: 0;
        }

        .bhp-waveform {
            height: 100px;
            padding: 12px;
            margin-bottom: 20px;
            border-radius: 0;
        }

        .bhp-play-btn {
            width: 56px;
            height: 56px;
        }

        .bhp-play-btn svg {
            width: 18px;
            height: 18px;
        }

        .bhp-time {
            font-size: 15px;
        }

        .bhp-controls {
            gap: 16px;
        }
    }

    /* Loading state */
    .bhp-player:not(.bhp-ready) .bhp-play-btn {
        opacity: 0.6;
        cursor: wait;
        pointer-events: none;
    }

    /* Accessibility */
    .bhp-play-btn:focus-visible {
        outline: 2px solid var(--bh-accent);
        outline-offset: 4px;
    }

    /* Animation for active state */
    @keyframes pulse-glow {
        0%, 100% {
            box-shadow: 0 0 20px rgba(255,255,255, 0.2);
        }
        50% {
            box-shadow: 0 0 35px rgba(255,255,255, 0.3);
        }
    }

    .bhp-player.bhp-active {
        animation: pulse-glow 3s ease-in-out infinite;
    }

body, header, nav {
        background:var(--bh-card); color:#fff; font-family:var(--bh-body); transition:none !important;
      }
      .site-header { background:var(--bh-card); border-bottom:1px solid var(--bh-accent)33; padding:10px 20px; }
      .site-header a { color:var(--bh-accent); text-decoration:none; }

:root {
        --cyan: var(--bh-accent);
        --bg: var(--bh-bg-soft);
        --card: #0c0c0c;
        --border: #181818;
        --text: #ffffff;
        --text-dim: var(--bh-text-soft)888;
        --f-mono: var(--bh-mono), monospace;
        --f-body: var(--bh-body);
    }

    .bh-legal-pro { background: var(--bg); color: var(--text); font-family: var(--f-body); padding: 80px 20px; line-height: 1.6; }
    .bh-container { max-width: 1000px; margin: 0 auto; }

    /* Header */
    .bh-header { margin-bottom: 60px; text-align: left; }
    .bh-top-meta { font-family: var(--f-mono); font-size: 11px; color: var(--cyan); letter-spacing: 2px; margin-bottom: 10px; }
    .bh-header h1 { font-size: clamp(2.5rem, 8vw, 4.5rem); font-weight: 700; margin: 0; letter-spacing: -2px; line-height: 1; }
    .v-accent { color: var(--cyan); }

    /* Nav */
    .bh-nav { display: flex; gap: 40px; border-bottom: 1px solid var(--border); margin-bottom: 60px; }
    .bh-nav-btn { background: none; border: none; color: var(--text-dim); padding: 20px 0; font-family: var(--f-mono); font-size: 12px; cursor: pointer; position: relative; transition: 0.3s; }
    .bh-nav-btn.active { color: var(--text); }
    .bh-nav-btn.active::after { content: ''; position: absolute; bottom: -1px; left: 0; width: 100%; height: 2px; background: var(--cyan); box-shadow: 0 0 10px var(--cyan); }

    /* Content */
    .bh-panel { display: none; opacity: 0; transform: translateY(10px); transition: 0.4s ease; }
    .bh-panel.active { display: block; opacity: 1; transform: translateY(0); }
    .bh-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1px; background: var(--border); border: 1px solid var(--border); }
    
    .bh-card { background: var(--bg); padding: 50px; position: relative; transition: 0.3s; }
    .bh-card:hover { background: var(--card); }
    .card-id { position: absolute; top: 30px; left: 50px; font-family: var(--f-mono); font-size: 10px; color: rgba(255,255,255,0.18); }
    .bh-card h3 { font-size: 1.4rem; font-weight: 700; margin: 0 0 15px 0; letter-spacing: 1px; color: var(--text); }
    .bh-card p { color: var(--text-dim); font-size: 0.95rem; margin: 0; }
    .high-contrast { color: var(--text) !important; font-weight: 700; }

    .bh-btn-link { display: inline-block; margin-top: 20px; color: var(--cyan); text-decoration: none; font-family: var(--f-mono); font-size: 10px; transition: 0.3s; }
    .bh-btn-link:hover { gap: 10px; opacity: 0.7; }

    /* Footer */
    .bh-footer { margin-top: 80px; }
    .bh-contact-strip { display: flex; justify-content: space-between; gap: 20px; flex-wrap: wrap; margin-bottom: 40px; }
    .bh-contact-strip a { font-family: var(--f-mono); font-size: 12px; color: var(--text); text-decoration: none; border: 1px solid var(--border); padding: 15px 25px; transition: 0.3s; }
    .bh-contact-strip a:hover { border-color: var(--cyan); color: var(--cyan); }
    .bh-last-update { font-family: var(--f-mono); font-size: 10px; color: rgba(255,255,255,0.18); text-align: center; }

    /* Tablet/Mobile */
    @media (max-width: 800px) {
        .bh-grid { grid-template-columns: 1fr; }
        .bh-nav { gap: 20px; }
        .bh-header h1 { font-size: 3rem; }
        .bh-contact-strip a { width: 100%; text-align: center; }
    }

:root {
        --accent: var(--bh-accent);
        --red: #888888;
        --bg: var(--bh-bg)000;
        --surface: var(--bh-card);
        --border: var(--bh-border);
        --mono: var(--bh-mono), monospace;
        --heading: var(--bh-heading);
    }

    .bh-pricing-v3 { max-width: 1200px; margin: 40px auto; padding: 0 15px; color: #fff; font-family: var(--bh-body); }

    .bh-hero-header { margin-bottom: 50px; text-align: center; }
    .bh-main-cta { display: inline-block; background: #fff; color: var(--bh-bg); text-decoration: none; padding: 15px 30px; border-radius: 0; transition: 0.3s; }
    .cta-inner { display: flex; align-items: center; gap: 15px; text-align: left; }
    .cta-txt small { display: block; font-family: var(--mono); font-size: 8px; font-weight: 800; }
    .cta-txt span { font-family: var(--heading); font-size: 1.4rem; letter-spacing: 1px; }

    .bh-matrix-wrapper { background: var(--surface); border: 1px solid var(--border); border-radius: 0; overflow: hidden; box-shadow: 0 40px 100px rgba(0,0,0,0.5); }
    .bh-table { width: 100%; border-collapse: collapse; }
    .bh-table th { background: var(--bh-card); padding: 30px 15px; border-bottom: 1px solid var(--border); }
    .tier-h { display: flex; flex-direction: column; align-items: center; gap: 10px; }
    .tier-h i { color: var(--accent); font-size: 1.2rem; }
    .tier-h span { font-family: var(--heading); font-size: 1.8rem; letter-spacing: 2px; }
    .tier-premium { background: rgba(255,255,255,0.03) !important; position: relative; }
    .best-tag { position: absolute; top: 0; background: var(--accent); color: var(--bh-bg); font-family: var(--mono); font-size: 7px; font-weight: 800; padding: 3px 10px; border-radius: 0 0 4px 4px; }

    .bh-table td { padding: 20px; border-bottom: 1px solid var(--border); text-align: center; font-size: 14px; color: var(--bh-text-soft); }
    .f-name { text-align: left !important; font-family: var(--mono); font-size: 10px !important; color: var(--bh-text-muted) !important; font-weight: 700; background: rgba(255,255,255,0.02); }
    .v-accent { color: #fff !important; font-weight: 700; }

    .btn-s { display: block; padding: 10px; border: 1px solid rgba(255,255,255,0.18); color: #fff; text-decoration: none; font-family: var(--mono); font-size: 9px; font-weight: 700; transition: 0.3s; }
    .btn-s:hover { background: #fff; color: var(--bh-bg); }
    .btn-s.highlight { background: var(--accent); color: var(--bh-bg); border-color: var(--accent); }

    .bh-exclusive-box { margin-top: 40px; background: var(--bh-bg-soft); border: 1px solid var(--border); padding: 40px; display: flex; justify-content: space-between; align-items: center; border-left: 3px solid var(--red); }
    .ex-status { font-family: var(--mono); font-size: 9px; color: var(--red); font-weight: 700; margin-bottom: 8px; display: flex; align-items: center; gap: 8px; }
    .pulse-red { width: 6px; height: 6px; background: var(--red); border-radius: 50%; animation: bh-pulse 1.5s infinite; }
    .bh-exclusive-box h3 { font-family: var(--heading); font-size: 2.2rem; margin: 0 0 10px; color: var(--red); }
    .bh-exclusive-box p { font-size: 14px; color: var(--bh-text-muted); margin: 0; max-width: 500px; line-height: 1.6; }
    .ex-link { background: var(--red); color: #fff; text-decoration: none; padding: 15px 30px; font-weight: 800; font-size: 13px; border-radius: 0; transition: 0.3s; white-space: nowrap; }

    @keyframes bh-pulse { 0% { opacity: 1; } 50% { opacity: 0.3; } 100% { opacity: 1; } }

    @media (max-width: 850px) {
        .bh-table thead { display: none; }
        .bh-table, .bh-table tbody, .bh-table tr, .bh-table td { display: block; width: 100%; }
        .bh-table tr { margin-bottom: 35px; border: 1px solid var(--border); background: #070707; position: relative; padding-top: 50px; }
        .bh-table tr::before { position: absolute; top: 0; left: 0; width: 100%; padding: 12px; background: #111; font-family: var(--heading); font-size: 1.2rem; letter-spacing: 2px; text-align: center; }
        .bh-table tr:nth-child(1)::before { content: "PLAN: BASIC"; color: var(--bh-text-soft); }
        .bh-table tr:nth-child(2)::before { content: "PLAN: MEDIUM"; color: var(--accent); }
        .bh-table tr:nth-child(3)::before { content: "PLAN: PREMIUM"; color: #fff; background: #111111; }
        .bh-table td { display: flex; justify-content: space-between; align-items: center; text-align: right; padding: 15px 20px; border-bottom: 1px solid #111; }
        .bh-table td::before { content: attr(data-label); font-family: var(--mono); font-size: 9px; color: var(--bh-text-muted); font-weight: 700; }
        .f-name { display: none; }
        .action-row { padding-top: 0!important; margin-bottom: 0; }
        .action-row::before { display: none; }
        .action-row td { border: none; }
        .action-row td::before { display: none; }
        .bh-exclusive-box { flex-direction: column; text-align: center; gap: 25px; padding: 30px; }
    }

.beats-portfolio-grid {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
        gap: 20px;
        margin: 0;
        padding: 0;
    }
    
    .beat-portfolio-card {
        background: rgba(13,13,13,0.8);
        border: 1px solid rgba(255,255,255,0.15);
        border-radius: 0;
        overflow: hidden;
        transition: all 0.3s ease;
        cursor: pointer;
        display: flex;
        flex-direction: column;
    }
    
    .beat-portfolio-card:hover {
        border-color: var(--bh-accent);
        transform: translateY(-5px);
        box-shadow: 0 0 20px rgba(255,255,255,0.6);
    }
    
    .beat-cover {
        position: relative;
        width: 100%;
        aspect-ratio: 1;
        background: linear-gradient(135deg, #0a0a0a, #0d0d0d);
        overflow: hidden;
    }
    
    .beat-cover img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: transform 0.3s ease;
    }
    
    .beat-portfolio-card:hover .beat-cover img {
        transform: scale(1.05);
    }
    
    .beat-play-overlay {
        position: absolute;
        inset: 0;
        background: rgba(0,0,0,0.4);
        display: flex;
        align-items: center;
        justify-content: center;
        opacity: 0;
        transition: opacity 0.3s ease;
    }
    
    .beat-portfolio-card:hover .beat-play-overlay {
        opacity: 1;
    }
    
    .beat-play-btn {
        width: 60px;
        height: 60px;
        border-radius: 50%;
        background: var(--bh-accent);
        border: none;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        transition: all 0.3s ease;
        box-shadow: 0 0 20px rgba(255,255,255,0.6);
    }
    
    .beat-play-btn:hover {
        transform: scale(1.1);
        background: #ffffff;
    }
    
    .beat-play-btn svg {
        width: 24px;
        height: 24px;
        fill: var(--bh-bg);
    }
    
    .beat-waveform-container {
        position: relative;
        height: 60px;
        background: rgba(0,0,0,0.3);
        border-top: 1px solid rgba(255,255,255,0.1);
    }
    
    .beat-waveform {
        width: 100%;
        height: 100%;
    }
    
    .beat-info {
        padding: 16px;
        display: flex;
        flex-direction: column;
        gap: 8px;
    }
    
    .beat-title {
        font-size: 16px;
        font-weight: 700;
        color: #fff;
        margin: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    
    .beat-title a {
        color: #fff;
        text-decoration: none;
        transition: color 0.3s ease;
    }
    
    .beat-title a:hover {
        color: var(--bh-accent);
    }
    
    .beat-meta {
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 10px;
    }
    
    .beat-genre {
        font-size: 12px;
        color: var(--bh-accent);
        background: rgba(255,255,255,0.1);
        padding: 4px 10px;
        border-radius: 0;
        border: 1px solid rgba(255,255,255,0.3);
        text-transform: uppercase;
        letter-spacing: 0.5px;
        font-weight: 600;
    }
    
    .beat-price {
        font-size: 18px;
        font-weight: 900;
        color: var(--bh-accent);
        text-shadow: 0 0 10px rgba(255,255,255,0.4);
    }
    
    .beat-bpm-key {
        display: flex;
        gap: 12px;
        font-size: 12px;
        color: #999999;
        margin-top: 4px;
    }
    
    .beat-bpm-key span {
        display: flex;
        align-items: center;
        gap: 4px;
    }
    
    .beat-bpm-key i {
        color: var(--bh-accent);
        font-size: 10px;
    }
    
    @media (max-width: 768px) {
        .beats-portfolio-grid {
            grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
            gap: 16px;
        }
        
        .beat-cover {
            aspect-ratio: 1;
        }
        
        .beat-play-btn {
            width: 50px;
            height: 50px;
        }
        
        .beat-play-btn svg {
            width: 20px;
            height: 20px;
        }
    }

.trading-bot-form-wrapper {
            max-width: 700px;
            margin: 40px auto;
            background: rgba(10,10,10, 0.9);
            border-radius: 0;
            padding: 40px;
            box-shadow: 0 8px 32px rgba(255,255,255, 0.2);
            border: 1px solid rgba(255,255,255, 0.3);
        }
        
        .trading-bot-form-wrapper h2 {
            font-family: 'Syne', system-ui, sans-serif;
            font-size: 2.5rem;
            color: var(--bh-accent);
            text-align: center;
            margin-bottom: 10px;
            letter-spacing: 3px;
            text-shadow: 0 3px 15px rgba(255,255,255, 0.4);
        }
        
        .trading-bot-form-wrapper .subtitle {
            text-align: center;
            color: #d4d4d4;
            margin-bottom: 30px;
            font-size: 1rem;
        }
        
        .tb-form-group {
            margin-bottom: 25px;
        }
        
        .tb-form-group label {
            display: block;
            font-weight: 600;
            color: var(--bh-accent);
            margin-bottom: 8px;
            font-size: 0.9rem;
            text-transform: uppercase;
            letter-spacing: 1px;
        }
        
        .tb-form-group input[type="text"],
        .tb-form-group input[type="file"],
        .tb-form-group textarea,
        .tb-form-group select {
            width: 100%;
            padding: 14px;
            border-radius: 0;
            border: 1px solid rgba(255,255,255, 0.3);
            background: rgba(5,5,5, 0.6);
            color: #fff;
            font-size: 0.95rem;
            font-family: inherit;
            transition: all 0.3s ease;
        }
        
        .tb-form-group input:focus,
        .tb-form-group textarea:focus,
        .tb-form-group select:focus {
            outline: none;
            border-color: var(--bh-accent);
            background: rgba(5,5,5, 0.8);
            box-shadow: 0 0 15px rgba(255,255,255, 0.2);
        }
        
        .tb-form-group textarea {
            resize: vertical;
            min-height: 80px;
        }
        
        .tb-form-group input[type="file"] {
            cursor: pointer;
            padding: 12px;
        }
        
        .tb-form-group input[type="file"]::file-selector-button {
            background: linear-gradient(135deg, var(--bh-accent), #ffffff);
            color: #111;
            border: none;
            padding: 10px 20px;
            border-radius: 0;
            cursor: pointer;
            font-weight: 700;
            margin-right: 12px;
            transition: all 0.3s ease;
        }
        
        .file-info {
            font-size: 0.85rem;
            color: var(--bh-text-soft);
            margin-top: 5px;
        }
        
        .required {
            color: #888888;
        }
        
        .tb-submit-btn {
            width: 100%;
            padding: 16px;
            background: linear-gradient(135deg, var(--bh-accent), #ffffff);
            color: #111;
            border: none;
            border-radius: 999px;
            font-weight: 700;
            font-size: 1.1rem;
            text-transform: uppercase;
            letter-spacing: 2px;
            cursor: pointer;
            transition: all 0.3s ease;
            box-shadow: 0 4px 15px rgba(255,255,255, 0.4);
            margin-top: 10px;
        }
        
        .tb-submit-btn:hover {
            transform: translateY(-3px);
            box-shadow: 0 6px 25px rgba(255,255,255, 0.6);
        }
        
        .tb-submit-btn:disabled {
            opacity: 0.5;
            cursor: not-allowed;
        }
        
        .tb-status-message {
            margin-top: 20px;
            padding: 15px;
            border-radius: 0;
            text-align: center;
            font-weight: 600;
            display: none;
        }
        
        .tb-status-message.success {
            background: rgba(255,255,255, 0.1);
            border: 1px solid rgba(255,255,255, 0.3);
            color: var(--bh-accent);
            display: block;
        }
        
        .tb-status-message.error {
            background: rgba(136,136,136, 0.1);
            border: 1px solid rgba(136,136,136, 0.3);
            color: #888888;
            display: block;
        }
        
        .tb-loading {
            display: inline-block;
            width: 18px;
            height: 18px;
            border: 3px solid rgba(255,255,255, 0.2);
            border-top: 3px solid var(--bh-accent);
            border-radius: 50%;
            animation: tb-spin 1s linear infinite;
            margin-right: 8px;
            vertical-align: middle;
        }
        
        @keyframes tb-spin {
            0% { transform: rotate(0deg); }
            100% { transform: rotate(360deg); }
        }
        
        @media(max-width: 768px) {
            .trading-bot-form-wrapper {
                padding: 30px 20px;
                margin: 20px 15px;
            }
            
            .trading-bot-form-wrapper h2 {
                font-size: 2rem;
            }
        }

/* Reutilizamos y adaptamos tus estilos base */
.bh-master-suite { background: #050505; padding: 20px; font-family: 'JetBrains Mono', monospace; color: #e6e6e6; }
.bh-module { max-width: 650px; margin: 0 auto 20px; background: #0d0d0d; border: 1px solid rgba(255,255,255, 0.15); border-radius: 0; overflow: hidden; }
.bh-header-line { background: rgba(0,0,0,0.3); padding: 15px 20px; display: flex; align-items: center; justify-content: space-between; }
.bh-led { width: 10px; height: 10px; border-radius: 50%; background: var(--bh-accent); box-shadow: 0 0 10px var(--bh-accent); display: inline-block; margin-right: 10px;}
.bh-led.blue { background: #ffffff; box-shadow: 0 0 10px #ffffff; }
.bh-led.pulse { animation: bh-glow 2s infinite; }
.bh-tag { font-size: 9px; padding: 2px 6px; border-radius: 0; background: #212121; color: var(--bh-accent); }
.admin-tag { background: #d4d4d4; color: var(--bh-bg); font-weight: bold; }
.bh-content { padding: 20px; }
.bh-select-cyber { width: 100%; background: var(--bh-bg); border: 1px solid #303030; color: var(--bh-accent); padding: 12px; border-radius: 0; font-family: inherit; }
.bh-preview-box { background: rgba(0,0,0,0.4); padding: 15px; border-radius: 0; margin-top: 15px; }
.bh-progress-bg { width: 100%; height: 4px; background: #212121; border-radius: 0; margin: 10px 0; }
.bh-progress-fill { width: 0%; height: 100%; background: var(--bh-accent); transition: 0.1s; }
.bh-transmit-btn { width: 100%; background: var(--bh-accent); color: var(--bh-bg); border: none; padding: 15px; font-weight: 800; border-radius: 0; cursor: pointer; display: flex; justify-content: space-between; margin-top: 15px; }
.bh-transmit-btn:disabled { opacity: 0.2; cursor: not-allowed; }
.bh-success-mini { background: rgba(255,255,255,0.1); color: var(--bh-accent); padding: 10px; border-radius: 0; font-size: 11px; margin-bottom: 15px; text-align: center; }

/* Estilos Upload */
.bh-collapsible summary { list-style: none; outline: none; }
.bh-collapsible summary::-webkit-details-marker { display: none; }
.bh-grid-2 { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; }
.bh-internal-upload input, .bh-internal-upload select { width: 100%; background: #161616; border: 1px solid #303030; color: #fff; padding: 8px; border-radius: 0; font-size: 12px; }
.bh-file-zone { border: 1px dashed #303030; padding: 15px; border-radius: 0; margin: 15px 0; background: var(--bh-bg); }
.bh-mini-upload-btn { width: 100%; background: #ffffff; color: #fff; border: none; padding: 12px; border-radius: 0; font-weight: bold; cursor: pointer; }

/* Estilos Galeria */
.bh-file-card { background: #161616; padding: 12px; border: 1px solid #303030; border-radius: 0; margin-bottom: 8px; }
.bh-card-top { display: flex; justify-content: space-between; font-size: 11px; margin-bottom: 8px; }
.bh-circle-btn { width: 30px; height: 30px; border-radius: 50%; border: 1px solid #303030; background: #212121; color: #fff; cursor: pointer; }
.bh-circle-btn.dl { color: #ffffff; }
.bh-empty-msg { text-align: center; color: #555; font-size: 10px; padding: 20px; }

@keyframes bh-glow { 0%, 100% { opacity: 1; } 50% { opacity: 0.5; } }

.v4-container { max-width: 900px; margin: 20px auto; font-family: -apple-system, system-ui, sans-serif; border: 2px solid #888888; border-radius: 0; overflow: hidden; background: #fff; box-shadow: 0 10px 25px rgba(0,0,0,0.1); }
        .v4-header { background: #888888; color: #fff; padding: 20px; text-align: center; border-bottom: 4px solid #d4d4d4; }
        .v4-neo-selector { background: #f5f5f5; padding: 25px; text-align: center; border-bottom: 1px solid #ddd; }
        .v4-select { padding: 12px 20px; border-radius: 0; border: 2px solid #888888; font-size: 16px; font-weight: bold; color: #888888; width: 100%; max-width: 400px; }
        .v4-tabs { display: none; background: #f1f1f1; border-bottom: 1px solid #ddd; }
        .v4-tab-btn { flex: 1; padding: 15px; border: none; cursor: pointer; font-weight: bold; color: #888888; background: #f1f1f1; transition: 0.2s; }
        .v4-tab-btn.active { background: #fff; border-bottom: 3px solid #d4d4d4; }
        .v4-body { padding: 20px; display: none; }
        .v4-notice { background: #f0f0f0; color: #666666; padding: 15px; border-radius: 0; margin-bottom: 20px; border-left: 5px solid #e8e8e8; font-size: 14px; line-height: 1.4; }
        .v4-card { display: flex; align-items: center; padding: 15px; border: 1px solid #eee; margin-bottom: 10px; border-radius: 0; transition: 0.3s; gap: 15px; }
        .v4-card.sent { background: #e8e8e8; border-left: 6px solid #d4d4d4; opacity: 0.8; }
        /* Checkbox grande y visible */
        .v4-check-input { width: 30px; height: 30px; cursor: pointer; accent-color: #d4d4d4; flex-shrink: 0; border: 2px solid #888888; }
        .v4-info { flex: 1; }
        .v4-info b { font-size: 17px; color: #111; display: block; line-height: 1.2; }
        .v4-info small { color: #888888; font-weight: bold; font-size: 13px; }
        .v4-btns { display: flex; gap: 8px; }
        .v4-btn { border: none; padding: 10px 15px; border-radius: 0; cursor: pointer; font-weight: bold; color: white; font-size: 12px; text-decoration: none; }
        .bg-wa { background: #d4d4d4; } .bg-im { background: #888888; } .bg-call { background: #888888; }
        .v4-search { width: 100%; padding: 12px 20px; border-radius: 0; border: 1px solid #888888; margin-bottom: 20px; font-size: 16px; box-sizing: border-box; }
        .v4-toast { position: fixed; bottom: 18px; left: 50%; transform: translateX(-50%); background: #111; color: #fff; padding: 10px 20px; border-radius: 999px; display: none; z-index: 9999; }


/* --- extracted from shortcodes.php (php vars refactored) --- */
:root {
            --hm-gold: #d4d4d4;
            --hm-accent: var(--bh-accent);
            --hm-bg: var(--bh-bg-soft);
            --hm-card: #0d0d0d;
        }

        .hm-wrapper { background: var(--hm-bg); color: #fff; font-family: var(--bh-body); overflow: hidden; }

        /* HERO */
        .hm-hero { 
            height: 70vh; display: flex; align-items: center; justify-content: center; 
            background: linear-gradient(to bottom, rgba(0,0,0,0.5), var(--hm-bg)), var(--hm-hero-url); 
            background-size: cover; background-position: center; background-attachment: fixed;
        }
        .hm-hero h1 { font-family: var(--bh-heading); font-size: clamp(3rem, 12vw, 8rem); line-height: 0.85; margin: 0; text-transform: uppercase; letter-spacing: -4px; }

        /* SECTION HEADERS */
        .hm-section { padding: 80px 5%; max-width: 1400px; margin: 0 auto; }
        .hm-header { margin-bottom: 40px; border-left: 3px solid var(--hm-accent); padding-left: 20px; display: flex; justify-content: space-between; align-items: flex-end; }
        .hm-header h2 { font-family: var(--bh-heading); font-size: 2.2rem; text-transform: uppercase; margin: 0; }
        .hm-header a { color: var(--hm-accent); font-size: 0.75rem; font-weight: 800; text-decoration: none; text-transform: uppercase; letter-spacing: 2px; }

        /* COMPACT DROPS LAYOUT */
        .hm-drop-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 20px; }
        .hm-drop-card { 
            background: var(--bh-card); border: 1px solid rgba(255,255,255,0.05); border-radius: 0; 
            overflow: hidden; transition: 0.3s; position: relative;
        }
        .hm-drop-card:hover { transform: translateY(-5px); border-color: var(--hm-accent); box-shadow: 0 10px 30px rgba(255,255,255,0.1); }
        
        .hm-drop-thumb { position: relative; aspect-ratio: 1/1; overflow: hidden; }
        .hm-drop-thumb img { width: 100%; height: 100%; object-fit: cover; transition: 0.5s; }
        .hm-drop-card:hover .hm-drop-thumb img { transform: scale(1.1); filter: brightness(0.5); }

        /* Links Overlay */
        .hm-drop-links { 
            position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; 
            gap: 15px; opacity: 0; transition: 0.3s; z-index: 2;
        }
        .hm-drop-card:hover .hm-drop-links { opacity: 1; }
        .hm-drop-links a { 
            width: 40px; height: 40px; background: #fff; color: var(--bh-bg); border-radius: 50%; 
            display: flex; align-items: center; justify-content: center; text-decoration: none; 
            font-size: 1.1rem; transition: 0.3s; 
        }
        .hm-drop-links a:hover { transform: scale(1.2); background: var(--hm-accent); }

        .hm-drop-info { padding: 15px; text-align: left; }
        .hm-drop-info h4 { margin: 0; font-family: var(--bh-heading); font-size: 1.1rem; text-transform: uppercase; color: #fff; }
        .hm-drop-info p { margin: 2px 0 0; font-size: 0.75rem; color: var(--bh-text-muted); font-weight: 700; text-transform: uppercase; }

        /* ROSTER COMPACT */
        .hm-roster-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 20px; }
        .hm-member-box { height: 350px; position: relative; border-radius: 0; overflow: hidden; background: var(--bh-bg); }
        .hm-member-box img { width: 100%; height: 100%; object-fit: cover; opacity: 0.6; filter: grayscale(1); transition: 0.5s; }
        .hm-member-box:hover img { opacity: 1; filter: grayscale(0); }
        .hm-member-data { position: absolute; bottom: 0; left: 0; padding: 20px; width: 100%; background: linear-gradient(to top, var(--bh-bg), transparent); }
        .hm-member-data h3 { margin: 0; font-family: var(--bh-heading); font-size: 1.5rem; text-transform: uppercase; }
        .hm-member-data span { color: var(--hm-gold); font-size: 0.65rem; font-weight: 800; text-transform: uppercase; letter-spacing: 1px; }

        @media (max-width: 768px) {
            .hm-drop-grid { grid-template-columns: 1fr 1fr; }
        }

#bh-intro-overlay {
            position: fixed; inset: 0; background: var(--bh-bg); z-index: 999999;
            display: var(--bh-intro-display, flex); align-items: center; justify-content: center;
            font-family: var(--bh-body); color: #fff;
            transition: opacity 0.5s ease;
        }
        
        /* Contenedor principal con efecto de enfoque */
        .bh-lab-container { 
            width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;
            background: radial-gradient(circle at center, var(--bh-card) 0%, var(--bh-bg) 100%);
        }

        .bh-intro-card {
            width: 90%; max-width: 420px; position: relative;
            padding: 50px 30px; border: 1px solid var(--bh-border);
            background: var(--bh-bg-soft); border-radius: 0;
            box-shadow: 0 20px 50px rgba(0,0,0,0.5);
        }

        /* Línea de escaneo más sutil y profesional */
        .bh-scan-line {
            width: 100%; height: 1px; background: linear-gradient(90deg, transparent, var(--bh-accent), transparent);
            position: absolute; top: 0; left: 0; opacity: 0.5;
            animation: scanning 4s infinite linear; z-index: 10;
        }
        @keyframes scanning { 0% { top: 0%; } 100% { top: 100%; } }

        .bh-intro-step { display: none; }
        .bh-intro-step.active { display: block; animation: bhFadeUp 0.4s ease-out; }
        @keyframes bhFadeUp { 0% { opacity: 0; transform: translateY(10px); } 100% { opacity: 1; transform: translateY(0); } }
        
        /* Tipografías Masticables */
        .bh-step-header { 
            display: flex; justify-content: space-between; align-items: center; 
            margin-bottom: 25px; border-bottom: 1px solid #111; padding-bottom: 15px;
        }
        .bh-step-num { color: var(--bh-accent); font-family: var(--bh-mono); font-size: 10px; letter-spacing: 2px; font-weight: 700; }
        .bh-role-tag { font-size: 9px; background: #111; padding: 4px 8px; border-radius: 0  color: var(--bh-text-muted); letter-spacing: 1px; }

        .bh-step-title { 
            font-size: 32px; font-weight: 800; letter-spacing: 1px; margin-bottom: 15px; color: #fff; 
            font-family: var(--bh-heading); 
        }
        .bh-step-desc { 
            color: var(--bh-text-soft); font-size: 15px; line-height: 1.6; min-height: 80px; 
            font-family: var(--bh-body); font-weight: 300;
        }
        
        /* Navegación mejorada */
        .bh-intro-nav { margin-top: 40px; display: flex; gap: 15px; align-items: center; }
        .bh-intro-btn { 
            flex: 1; background: transparent; border: 1px solid rgba(255,255,255,0.18); color: #fff; 
            padding: 16px; font-size: 12px; cursor: pointer; transition: 0.3s;
            text-transform: uppercase; font-weight: 800; letter-spacing: 1px; border-radius: 0;
        }
        .bh-intro-btn:hover { border-color: var(--bh-accent); color: var(--bh-accent); }
        .bh-intro-btn.next { background: var(--bh-accent); color: var(--bh-bg); border: none; box-shadow: 0 4px 15px rgba(255,255,255,0.2); }

        .bh-skip-link {
            display: block; text-align: center; margin-top: 25px; color: var(--bh-text-muted);
            font-size: 10px; text-decoration: none; font-family: var(--bh-mono);
            text-transform: uppercase; letter-spacing: 1px; transition: 0.3s;
        }
        .bh-skip-link:hover { color: var(--bh-text-soft); }

        /* Botón Replay */
        .bh-repro-btn {
            background: var(--bh-card); border: 1px solid var(--bh-border);
            color: #555; padding: 12px 20px; font-family: var(--bh-mono);
            font-size: 9px; cursor: pointer; display: flex; align-items: center; gap: 10px;
            margin: 30px auto; width: fit-content; border-radius: 0;
            text-transform: uppercase; transition: 0.3s;
        }
        .bh-repro-btn:hover { color: var(--bh-accent); border-color: var(--bh-accent); background: var(--bh-bg); }

/* Extracted from templates/profile-user.php */

:root { 
        --bh-bg: #050505; --bh-accent: #ffffff; --bh-red: #888888;
        --border: rgba(255, 255, 255, 0.08); --glass: rgba(255, 255, 255, 0.03);
        --font-main: 'Manrope', sans-serif; --font-heading: 'Syne', cursive; --font-mono: 'Space Mono', monospace;
    }

    body { background: var(--bh-bg); color: #fff; font-family: var(--font-main); margin: 0; overflow-x: clip; }
    .bh-bg-overlay { position: fixed; inset: 0; z-index: -1; background-image: radial-gradient(var(--border) 1px, transparent 1px); background-size: 30px 30px; opacity: 0.15; }
    .bh-wrapper { max-width: 1200px; margin: 0 auto; padding: 20px; }

    /* EDIT DRAWER - RESTORED */
    #bh-edit-drawer { position: fixed; top: 0; right: -120%; width: 100%; max-width: 550px; height: 100vh; background: #000; z-index: 999999; transition: 0.5s ease-in-out; overflow-y: auto; border-left: 1px solid var(--border); box-shadow: -20px 0 50px rgba(0,0,0,0.8); }
    .drawer-content { padding: 40px; }

    /* Header & Grid */
    .bh-header-station { display: flex; align-items: center; gap: 25px; padding: 30px 0; border-bottom: 1px solid var(--border); margin-bottom: 30px; }
    .bh-profile-img { width: 110px; height: 110px; border-radius: 0; object-fit: cover; border: 1px solid var(--border); }
    .bh-user-info h1 { font-family: var(--font-heading); font-size: clamp(2.5rem, 6vw, 5rem); margin: 0; line-height: 0.9; }

    .bh-grid { display: grid; grid-template-columns: 280px 1fr; gap: 30px; }
    .bh-card-glass { background: var(--glass); border: 1px solid var(--border); border-radius: 0; padding: 20px; margin-bottom: 20px; backdrop-filter: blur(10px); }
    .bh-card-label { font-family: var(--font-mono); font-size: 8px; color: #444; text-transform: uppercase; letter-spacing: 2px; margin-bottom: 15px; display: flex; align-items: center; gap: 10px; }
    .bh-card-label::after { content: ''; flex-grow: 1; height: 1px; background: var(--border); }

    /* License Row */
    .bh-matrix-row { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin-bottom: 15px; }
    .lic-btn { background: #0a0a0a; border: 1px solid var(--border); border-radius: 0; padding: 12px; text-align: center; text-decoration: none; color: inherit; transition: 0.3s; }
    .lic-btn:hover { border-color: var(--bh-accent); background: rgba(255,255,255,0.05); }
    .lic-btn span { display: block; font-family: var(--font-mono); font-size: 8px; color: #555; }
    .lic-btn strong { display: block; font-family: var(--font-heading); font-size: 1.2rem; margin: 2px 0; }
    .lic-btn .p { color: var(--bh-accent); font-size: 13px; font-weight: 700; }

    /* Tracklist Styles */
    .track-item { display: grid; grid-template-columns: auto 1fr auto; gap: 15px; align-items: center; padding: 12px 15px; background: rgba(255,255,255,0.02); border-radius: 0; margin-bottom: 8px; border: 1px solid var(--border); }
    .play-trigger { width: 35px; height: 35px; border-radius: 50%; background: #fff; color: #000; display: flex; align-items: center; justify-content: center; cursor: pointer; font-size: 10px; }
    .tag-type { font-family: var(--font-mono); font-size: 7px; padding: 2px 6px; border-radius: 0  text-transform: uppercase; font-weight: 700; }
    .tag-beat { background: var(--bh-accent); color: #000; }
    .tag-song { background: #fff; color: #000; }

    @media (max-width: 850px) {
        .bh-grid { grid-template-columns: 1fr; }
        .bh-header-station { flex-direction: column; text-align: center; }
        .bh-matrix-row { grid-template-columns: 1fr; }
        #bh-edit-drawer { width: 100%; max-width: 100%; }
    }


/* Extracted from includes/collab_exposure_lab.php */

.bh-exposure-wrapper { background: #030303; color: #f2f2f2; min-height: 100vh; position: relative; overflow-x: clip; font-family: 'Inter', sans-serif; }
        
        /* Background Gallery */
        .bh-exp-bg-gallery { position: fixed; top: 0; left: 0; right: 0; height: 100svh; min-height: 100vh; z-index: 0; display: flex; flex-wrap: nowrap; gap: 20px; width: max-content; animation: bhSlide 70s linear infinite; transform: translate3d(0,0,0); will-change: transform; pointer-events: none; }
        .bh-exp-bg-item { flex: 0 0 auto; height: 100svh; width: 18vw; min-width: 220px; opacity: 1; }
        .bh-exp-bg-item img { width: 100%; height: 100%; object-fit: cover; filter: blur(4px) brightness(0.9); }
        .bh-bg-overlay { position: absolute; inset: 0; background: linear-gradient(to bottom, rgba(2,2,2,0.35), rgba(2,2,2,0.92)); }
        @keyframes bhSlide { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } }

        .bh-main-content { position: relative; z-index: 10; max-width: 900px; margin: 0 auto; padding: 40px 16px 90px; background: transparent; backdrop-filter: none; border-radius: 0; }

        /* Hero Section */
        .bh-hero-v4 { text-align: center; margin-bottom: 32px; }
        .bh-visual-duo { display: flex; align-items: center; justify-content: center; gap: 28px; margin-bottom: 24px; }
        .bh-user-node { display: flex; flex-direction: column; align-items: center; gap: 4px; }
        .bh-avatar-wrapper { width: 110px; height: 110px; border-radius: 0; overflow: hidden; margin-bottom: 8px; border: 2px solid rgba(255,255,255,0.1); box-shadow: 0 16px 32px rgba(0,0,0,0.5); transition: transform 0.3s ease, box-shadow 0.3s ease; }
        .bh-user-node:hover .bh-avatar-wrapper { transform: translateY(-4px); box-shadow: 0 24px 50px rgba(0,0,0,0.6); }
        .bh-user-link-prod { color: inherit; text-decoration: none; display: inline-flex; }
        .bh-social-row { display: flex; gap: 10px; margin-top: 6px; }
        .bh-social-row a { color: rgba(255,255,255,0.6); font-size: 12px; transition: 0.15s; }
        .bh-social-row a:hover { color: var(--accent); }
        .bh-avatar-wrapper img, .bh-avatar-wrapper .avatar { width: 100%; height: 100%; object-fit: cover; }
        .bh-avatar-wrapper.ring-prod { border-color: var(--accent); }
        .bh-tag-label { font-size: 9px; font-weight: 900; color: var(--accent); letter-spacing: 2px; margin-bottom: 5px; }
        .bh-name-display { font-family: 'Oswald', sans-serif; font-size: 1.5rem; margin: 0; letter-spacing: -0.5px; text-shadow: 0 0 18px rgba(255,255,255,0.15); }
        .bh-node-connector { font-size: 2rem; opacity: 0.2; font-weight: 300; }

        /* Ultimate Button */
        .bh-action-center { display: flex; flex-direction: column; align-items: center; gap: 10px; }
        .bh-btn-ultimate { 
            position: relative; background: #fff; color: #000; border: none; padding: 14px 28px; border-radius: 999px;
            font-weight: 900; font-size: 12px; cursor: pointer; display: flex; align-items: center; gap: 10px;
            transition: all 0.15s ease; overflow: hidden;
        }
        .bh-btn-ultimate i { font-size: 12px; }
        .bh-btn-ultimate:hover { transform: scale(1.05) translateY(-3px); background: var(--accent); box-shadow: 0 15px 40px var(--accent-glow); }
        .bh-btn-glow { position: absolute; inset: 0; background: linear-gradient(45deg, transparent, rgba(255,255,255,0.4), transparent); transform: translateX(-100%); transition: 0.6s; }
        .bh-btn-ultimate:hover .bh-btn-glow { transform: translateX(100%); }
        .bh-session-info { font-size: 10px; opacity: 0.5; font-weight: 600; letter-spacing: 1px; }

        /* Track Card Pro */
        .bh-track-card { 
            display: flex; align-items: center; padding: 14px 18px;
            background: linear-gradient(135deg, rgba(255,255,255,0.12), rgba(8,8,8,0.75));
            border: 1px solid rgba(255,255,255,0.18); border-radius: 0; margin-bottom: 10px; transition: 0.15s;
        }
        .bh-track-card { box-shadow: 0 20px 50px rgba(0,0,0,0.3), inset 0 0 20px rgba(255,255,255,0.05); }
        .bh-track-card:hover { background: linear-gradient(135deg, rgba(255,255,255,0.2), rgba(15,15,15,0.85)); border-color: rgba(255,255,255,0.5); transform: translateX(5px); }
        .bh-track-card.active-track { background: rgba(255,255,255, 0.08); border-color: var(--accent); box-shadow: 0 0 30px rgba(255,255,255,0.1); }
        .bh-track-card.active-track::after { content: ''; position: absolute; inset: -2px; border-radius: 0; border: 1px solid rgba(255,255,255,0.6); box-shadow: 0 0 25px rgba(255,255,255,0.35); pointer-events: none; animation: bhPulse 1.2s ease-in-out infinite; }
        .bh-track-card { position: relative; }
        @keyframes bhPulse { 0%, 100% { opacity: 0.4; } 50% { opacity: 0.9; } }
        
        .bh-track-index { font-family: 'Space Mono'; font-size: 11px; opacity: 0.35; width: 36px; display: flex; flex-direction: column; gap: 6px; }
        .bh-mini-bars { display: none; align-items: flex-end; gap: 3px; height: 18px; }
        .bh-mini-bars span { width: 3px; height: 6px; background: var(--accent); opacity: 0.75; border-radius: 0; animation: bhBars 0.8s ease-in-out infinite; }
        .bh-mini-bars span:nth-child(2) { animation-delay: 0.1s; }
        .bh-mini-bars span:nth-child(3) { animation-delay: 0.2s; }
        .bh-mini-bars span:nth-child(4) { animation-delay: 0.3s; }
        .bh-track-card.is-playing .bh-mini-bars { display: flex; }
        .bh-track-card.is-playing .bh-track-index span { display: none; }
        @keyframes bhBars { 0%, 100% { height: 6px; } 50% { height: 18px; } }
        .bh-track-info { flex: 1; }
        .bh-track-title { margin: 0; font-size: 1rem; font-weight: 700; color: #fff; display: inline-flex; align-items: center; gap: 8px; }
        .bh-now-bars { display: none; align-items: flex-end; gap: 3px; height: 16px; }
        .bh-now-bars span { width: 3px; height: 6px; background: var(--accent); opacity: 0.8; border-radius: 0; animation: bhBars 0.7s ease-in-out infinite; }
        .bh-now-bars span:nth-child(2) { animation-delay: 0.1s; }
        .bh-now-bars span:nth-child(3) { animation-delay: 0.2s; }
        .bh-track-card.is-playing .bh-now-bars { display: inline-flex; }
        .bh-track-sub { font-size: 10px; opacity: 0.85; margin-top: 4px; font-weight: 600; text-transform: uppercase; }
        .bh-ft-tag { color: var(--accent); font-weight: 900; }
        .bh-credit-person { display: inline-flex; align-items: center; gap: 6px; }
        .bh-credit-social { color: rgba(255,255,255,0.8); font-size: 11px; margin-left: 2px; }
        .bh-credit-social:hover { color: #ffffff; }
        .bh-ref-link { color: rgba(255,255,255,0.75); text-decoration: none; font-weight: 700; }
        .bh-ref-link:hover { color: var(--accent); }
        .bh-status { color: var(--accent); font-weight: 900; }

        .bh-track-tools { display: flex; align-items: center; gap: 10px; }
        .bh-like-v4 { background: none; border: none; color: #666; display: flex; align-items: center; gap: 6px; cursor: pointer; transition: 0.05s; }
        .bh-like-v4:active { transform: scale(0.95); }
        .bh-like-v4.is-liked { color: #888888; }
        .bh-l-num { font-family: 'Space Mono'; font-size: 13px; font-weight: 700; }
        
        .bh-presave-v4 { background: #fff; color: #000; border: none; padding: 8px 12px; border-radius: 0; font-size: 9px; font-weight: 900; cursor: pointer; transition: 0.05s; text-decoration: none; display: inline-flex; align-items: center; justify-content: center; }
        .bh-presave-v4:hover { background: var(--accent); }
        .bh-presave-v4.done { background: rgba(255,255,255,0.1); color: #fff; cursor: default; }


        /* Player Bar */
        .bh-player-pro-bar { 
            position: relative; width: 100%; max-width: 900px; margin: 20px auto 30px;
            background: transparent; border-radius: 0; z-index: 2;
        }
        .bh-player-content { padding: 16px 28px; display: flex; align-items: center; justify-content: space-between; background: rgba(255,255,255,0.04); border: 1px solid rgba(255,255,255,0.18); border-radius: 0; backdrop-filter: blur(14px); box-shadow: 0 20px 50px rgba(0,0,0,0.35), inset 0 0 18px rgba(255,255,255,0.08); }
        .bh-progress-container { height: 6px; background: rgba(255,255,255,0.06); overflow: hidden; border-radius: 0 0 18px 18px; position: relative; margin-top: 6px; }
        .p-fill-bar { height: 100%; background: var(--accent); width: 0%; box-shadow: 0 0 15px var(--accent); }
        .bh-seek-range { position: absolute; inset: -6px 0 auto 0; width: 100%; height: 16px; background: transparent; appearance: none; cursor: pointer; }
        .bh-seek-range::-webkit-slider-thumb { appearance: none; width: 10px; height: 10px; border-radius: 50%; background: var(--accent); box-shadow: 0 0 8px var(--accent); }
        .bh-seek-range::-moz-range-thumb { width: 10px; height: 10px; border-radius: 50%; background: var(--accent); border: 0; }
        /* overridden by earlier .bh-player-content */
        .bh-player-song strong { display: block; font-size: 14px; letter-spacing: -0.2px; }
        .bh-live-indicator { font-size: 9px; color: var(--accent); font-weight: 900; margin-top: 3px; letter-spacing: 1px; }
        .bh-live-indicator.is-loading { animation: bhBlink 0.9s ease-in-out infinite; }
        .bh-track-card.is-loading { box-shadow: 0 0 18px rgba(255,255,255,0.35); }
        .bh-track-card.is-loading .bh-now-bars span { animation: bhBars 0.5s ease-in-out infinite; }
        @keyframes bhBlink { 0%,100% { opacity: 0.3; } 50% { opacity: 1; } }
        
        .bh-main-play-btn { width: 50px; height: 50px; border-radius: 50%; background: #fff; color: #000; border: none; cursor: pointer; font-size: 16px; }
        .bh-load-dots { display: inline-flex; gap: 3px; align-items: center; }
        .bh-load-dots i { width: 5px; height: 5px; border-radius: 50%; background: #000; opacity: 0.35; animation: bhDot 0.8s infinite ease-in-out; }
        .bh-load-dots i:nth-child(2) { animation-delay: 0.15s; }
        .bh-load-dots i:nth-child(3) { animation-delay: 0.3s; }
        @keyframes bhDot { 0%, 100% { opacity: 0.2; } 50% { opacity: 1; } }
        .bh-player-controls button { background: transparent; border: none; color: #fff; cursor: pointer; opacity: 0.8; transition: 0.12s; }
        .bh-player-controls button:hover { opacity: 1; color: var(--accent); }
        .bh-player-vol { display: flex; align-items: center; gap: 8px; color: #aaa; }
        .bh-player-vol input { accent-color: var(--accent); width: 90px; }
        .bh-player-time { font-family: 'Space Mono'; font-size: 11px; opacity: 0.5; }

        /* Mini Dock */
        .bh-mini-dock { position: sticky; bottom: 16px; max-width: 900px; margin: 20px auto; z-index: 5; cursor: pointer; }
        .bh-mini-body { background: rgba(0,0,0,0.55); border: 1px solid rgba(255,255,255,0.25); border-radius: 0; padding: 10px 16px; display: flex; flex-direction: column; gap: 6px; backdrop-filter: blur(10px); }
        .bh-mini-label { font-size: 9px; letter-spacing: 2px; font-weight: 900; color: var(--accent); text-transform: uppercase; }
        .bh-mini-title { font-size: 12px; font-weight: 700; color: #fff; }
        .bh-mini-bar { height: 3px; background: rgba(255,255,255,0.1); border-radius: 999px; overflow: hidden; }
        .bh-mini-bar span { display: block; height: 100%; background: var(--accent); width: 0%; transition: width 0.1s linear; }

        /* Modal */
        .bh-modal { display: none; position: fixed; inset: 0; background: rgba(0,0,0,0.85); z-index: 9999; align-items: center; justify-content: center; padding: 20px; }
        .bh-modal.is-open { display: flex; }
        .bh-modal-content { background: #0a0a0a; border: 1px solid rgba(255,255,255,0.3); padding: 36px 30px; border-radius: 0; text-align: center; width: 100%; max-width: 420px; box-shadow: 0 20px 60px rgba(0,0,0,0.6); }
        .bh-modal-header i { font-size: 32px; color: var(--accent); margin-bottom: 12px; }
        .bh-modal-content h3 { font-size: 1.2rem; margin-bottom: 8px; }
        .bh-modal-content p { font-size: 12px; opacity: 0.6; margin-bottom: 16px; }
        .bh-modal-content input { width: 100%; padding: 12px; background: #151515; border: 1px solid #333; border-radius: 0; color: #fff; margin-bottom: 12px; text-align: center; }
        .bh-confirm-btn { background: var(--accent); color: #000; border: none; padding: 12px; width: 100%; border-radius: 0; font-weight: 900; cursor: pointer; transition: 0.15s; }
        .bh-confirm-btn.is-loading { opacity: 0.6; cursor: wait; }
        .bh-close-modal { background: none; border: none; color: #555; margin-top: 16px; cursor: pointer; font-size: 11px; font-weight: 700; }
        .bh-presave-msg { font-size: 11px; color: #d4d4d4; text-align: center; margin-top: 6px; }

        @media (max-width: 720px) {
            .bh-player-vol { display: none; }
            .bh-player-content { padding: 12px 16px; gap: 12px; }
            .bh-player-controls button { font-size: 14px; }
            .bh-main-play-btn { width: 44px; height: 44px; }
            .bh-track-card { flex-direction: column; align-items: flex-start; }
            .bh-track-tools { width: 100%; justify-content: space-between; }
            .bh-track-index { flex-direction: row; align-items: center; gap: 10px; width: auto; }
        }

.bh-exposure-wrapper { background: #030303; color: #f2f2f2; min-height: 100vh; position: relative; overflow-x: clip; font-family: 'Inter', sans-serif; }
        
        /* Background Gallery */
        .bh-exp-bg-gallery { position: fixed; top: 0; left: 0; right: 0; height: 100svh; min-height: 100vh; z-index: 0; display: flex; flex-wrap: nowrap; gap: 20px; width: max-content; animation: bhSlide 70s linear infinite; transform: translate3d(0,0,0); will-change: transform; pointer-events: none; }
        .bh-exp-bg-item { flex: 0 0 auto; height: 100svh; width: 18vw; min-width: 220px; opacity: 1; }
        .bh-exp-bg-item img { width: 100%; height: 100%; object-fit: cover; filter: blur(4px) brightness(0.9); }
        .bh-bg-overlay { position: absolute; inset: 0; background: linear-gradient(to bottom, rgba(2,2,2,0.35), rgba(2,2,2,0.92)); }
        @keyframes bhSlide { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } }

        .bh-main-content { position: relative; z-index: 10; max-width: 900px; margin: 0 auto; padding: 40px 16px 90px; background: transparent; backdrop-filter: none; border-radius: 0; }

        /* Hero Section */
        .bh-hero-v4 { text-align: center; margin-bottom: 32px; }
        .bh-visual-duo { display: flex; align-items: center; justify-content: center; gap: 28px; margin-bottom: 24px; }
        .bh-user-node { display: flex; flex-direction: column; align-items: center; gap: 4px; }
        .bh-avatar-wrapper { width: 110px; height: 110px; border-radius: 0; overflow: hidden; margin-bottom: 8px; border: 2px solid rgba(255,255,255,0.1); box-shadow: 0 16px 32px rgba(0,0,0,0.5); transition: transform 0.3s ease, box-shadow 0.3s ease; }
        .bh-user-node:hover .bh-avatar-wrapper { transform: translateY(-4px); box-shadow: 0 24px 50px rgba(0,0,0,0.6); }
        .bh-user-link-prod { color: inherit; text-decoration: none; display: inline-flex; }
        .bh-social-row { display: flex; gap: 10px; margin-top: 6px; }
        .bh-social-row a { color: rgba(255,255,255,0.6); font-size: 12px; transition: 0.15s; }
        .bh-social-row a:hover { color: var(--accent); }
        .bh-avatar-wrapper img, .bh-avatar-wrapper .avatar { width: 100%; height: 100%; object-fit: cover; }
        .bh-avatar-wrapper.ring-prod { border-color: var(--accent); }
        .bh-tag-label { font-size: 9px; font-weight: 900; color: var(--accent); letter-spacing: 2px; margin-bottom: 5px; }
        .bh-name-display { font-family: 'Oswald', sans-serif; font-size: 1.5rem; margin: 0; letter-spacing: -0.5px; text-shadow: 0 0 18px rgba(255,255,255,0.15); }
        .bh-node-connector { font-size: 2rem; opacity: 0.2; font-weight: 300; }

        /* Ultimate Button */
        .bh-action-center { display: flex; flex-direction: column; align-items: center; gap: 10px; }
        .bh-btn-ultimate { 
            position: relative; background: #fff; color: #000; border: none; padding: 14px 28px; border-radius: 999px;
            font-weight: 900; font-size: 12px; cursor: pointer; display: flex; align-items: center; gap: 10px;
            transition: all 0.15s ease; overflow: hidden;
        }
        .bh-btn-ultimate i { font-size: 12px; }
        .bh-btn-ultimate:hover { transform: scale(1.05) translateY(-3px); background: var(--accent); box-shadow: 0 15px 40px var(--accent-glow); }
        .bh-btn-glow { position: absolute; inset: 0; background: linear-gradient(45deg, transparent, rgba(255,255,255,0.4), transparent); transform: translateX(-100%); transition: 0.6s; }
        .bh-btn-ultimate:hover .bh-btn-glow { transform: translateX(100%); }
        .bh-session-info { font-size: 10px; opacity: 0.5; font-weight: 600; letter-spacing: 1px; }

        /* Track Card Pro */
        .bh-track-card { 
            display: flex; align-items: center; padding: 14px 18px;
            background: linear-gradient(135deg, rgba(255,255,255,0.12), rgba(8,8,8,0.75));
            border: 1px solid rgba(255,255,255,0.18); border-radius: 0; margin-bottom: 10px; transition: 0.15s;
        }
        .bh-track-card { box-shadow: 0 20px 50px rgba(0,0,0,0.3), inset 0 0 20px rgba(255,255,255,0.05); }
        .bh-track-card:hover { background: linear-gradient(135deg, rgba(255,255,255,0.2), rgba(15,15,15,0.85)); border-color: rgba(255,255,255,0.5); transform: translateX(5px); }
        .bh-track-card.active-track { background: rgba(255,255,255, 0.08); border-color: var(--accent); box-shadow: 0 0 30px rgba(255,255,255,0.1); }
        .bh-track-card.active-track::after { content: ''; position: absolute; inset: -2px; border-radius: 0; border: 1px solid rgba(255,255,255,0.6); box-shadow: 0 0 25px rgba(255,255,255,0.35); pointer-events: none; animation: bhPulse 1.2s ease-in-out infinite; }
        .bh-track-card { position: relative; }
        @keyframes bhPulse { 0%, 100% { opacity: 0.4; } 50% { opacity: 0.9; } }
        
        .bh-track-index { font-family: 'Space Mono'; font-size: 11px; opacity: 0.35; width: 36px; display: flex; flex-direction: column; gap: 6px; }
        .bh-mini-bars { display: none; align-items: flex-end; gap: 3px; height: 18px; }
        .bh-mini-bars span { width: 3px; height: 6px; background: var(--accent); opacity: 0.75; border-radius: 0; animation: bhBars 0.8s ease-in-out infinite; }
        .bh-mini-bars span:nth-child(2) { animation-delay: 0.1s; }
        .bh-mini-bars span:nth-child(3) { animation-delay: 0.2s; }
        .bh-mini-bars span:nth-child(4) { animation-delay: 0.3s; }
        .bh-track-card.is-playing .bh-mini-bars { display: flex; }
        .bh-track-card.is-playing .bh-track-index span { display: none; }
        @keyframes bhBars { 0%, 100% { height: 6px; } 50% { height: 18px; } }
        .bh-track-info { flex: 1; }
        .bh-track-title { margin: 0; font-size: 1rem; font-weight: 700; color: #fff; display: inline-flex; align-items: center; gap: 8px; }
        .bh-now-bars { display: none; align-items: flex-end; gap: 3px; height: 16px; }
        .bh-now-bars span { width: 3px; height: 6px; background: var(--accent); opacity: 0.8; border-radius: 0; animation: bhBars 0.7s ease-in-out infinite; }
        .bh-now-bars span:nth-child(2) { animation-delay: 0.1s; }
        .bh-now-bars span:nth-child(3) { animation-delay: 0.2s; }
        .bh-track-card.is-playing .bh-now-bars { display: inline-flex; }
        .bh-track-sub { font-size: 10px; opacity: 0.85; margin-top: 4px; font-weight: 600; text-transform: uppercase; }
        .bh-ft-tag { color: var(--accent); font-weight: 900; }
        .bh-credit-person { display: inline-flex; align-items: center; gap: 6px; }
        .bh-credit-social { color: rgba(255,255,255,0.8); font-size: 11px; margin-left: 2px; }
        .bh-credit-social:hover { color: #ffffff; }
        .bh-ref-link { color: rgba(255,255,255,0.75); text-decoration: none; font-weight: 700; }
        .bh-ref-link:hover { color: var(--accent); }
        .bh-status { color: var(--accent); font-weight: 900; }

        .bh-track-tools { display: flex; align-items: center; gap: 10px; }
        .bh-like-v4 { background: none; border: none; color: #666; display: flex; align-items: center; gap: 6px; cursor: pointer; transition: 0.05s; }
        .bh-like-v4:active { transform: scale(0.95); }
        .bh-like-v4.is-liked { color: #888888; }
        .bh-l-num { font-family: 'Space Mono'; font-size: 13px; font-weight: 700; }
        
        .bh-presave-v4 { background: #fff; color: #000; border: none; padding: 8px 12px; border-radius: 0; font-size: 9px; font-weight: 900; cursor: pointer; transition: 0.05s; text-decoration: none; display: inline-flex; align-items: center; justify-content: center; }
        .bh-presave-v4:hover { background: var(--accent); }
        .bh-presave-v4.done { background: rgba(255,255,255,0.1); color: #fff; cursor: default; }


        /* Player Bar */
        .bh-player-pro-bar { 
            position: relative; width: 100%; max-width: 900px; margin: 20px auto 30px;
            background: transparent; border-radius: 0; z-index: 2;
        }
        .bh-player-content { padding: 16px 28px; display: flex; align-items: center; justify-content: space-between; background: rgba(255,255,255,0.04); border: 1px solid rgba(255,255,255,0.18); border-radius: 0; backdrop-filter: blur(14px); box-shadow: 0 20px 50px rgba(0,0,0,0.35), inset 0 0 18px rgba(255,255,255,0.08); }
        .bh-progress-container { height: 6px; background: rgba(255,255,255,0.06); overflow: hidden; border-radius: 0 0 18px 18px; position: relative; margin-top: 6px; }
        .p-fill-bar { height: 100%; background: var(--accent); width: 0%; box-shadow: 0 0 15px var(--accent); }
        .bh-seek-range { position: absolute; inset: -6px 0 auto 0; width: 100%; height: 16px; background: transparent; appearance: none; cursor: pointer; }
        .bh-seek-range::-webkit-slider-thumb { appearance: none; width: 10px; height: 10px; border-radius: 50%; background: var(--accent); box-shadow: 0 0 8px var(--accent); }
        .bh-seek-range::-moz-range-thumb { width: 10px; height: 10px; border-radius: 50%; background: var(--accent); border: 0; }
        /* overridden by earlier .bh-player-content */
        .bh-player-song strong { display: block; font-size: 14px; letter-spacing: -0.2px; }
        .bh-live-indicator { font-size: 9px; color: var(--accent); font-weight: 900; margin-top: 3px; letter-spacing: 1px; }
        .bh-live-indicator.is-loading { animation: bhBlink 0.9s ease-in-out infinite; }
        .bh-track-card.is-loading { box-shadow: 0 0 18px rgba(255,255,255,0.35); }
        .bh-track-card.is-loading .bh-now-bars span { animation: bhBars 0.5s ease-in-out infinite; }
        @keyframes bhBlink { 0%,100% { opacity: 0.3; } 50% { opacity: 1; } }
        
        .bh-main-play-btn { width: 50px; height: 50px; border-radius: 50%; background: #fff; color: #000; border: none; cursor: pointer; font-size: 16px; }
        .bh-load-dots { display: inline-flex; gap: 3px; align-items: center; }
        .bh-load-dots i { width: 5px; height: 5px; border-radius: 50%; background: #000; opacity: 0.35; animation: bhDot 0.8s infinite ease-in-out; }
        .bh-load-dots i:nth-child(2) { animation-delay: 0.15s; }
        .bh-load-dots i:nth-child(3) { animation-delay: 0.3s; }
        @keyframes bhDot { 0%, 100% { opacity: 0.25; transform: translateY(0); } 50% { opacity: 1; transform: translateY(-2px); } }
        .bh-player-controls { display: flex; align-items: center; gap: 25px; }
        .bh-player-controls button:not(.bh-main-play-btn) { background: none; border: none; color: #fff; opacity: 0.85; cursor: pointer; font-size: 18px; transition: 0.1s; }
        .bh-player-controls button:hover { opacity: 1; }
        .bh-player-vol { display: flex; align-items: center; gap: 8px; color: rgba(255,255,255,0.75); }
        .bh-player-vol input { width: 90px; accent-color: var(--accent); }
        .bh-player-time { font-family: 'Space Mono'; font-size: 12px; opacity: 1; width: 50px; text-align: right; }

        /* Modal */
        .bh-modal { display: none; position: fixed; inset: 0; background: rgba(0,0,0,0.88); z-index: 9999; align-items: center; justify-content: center; backdrop-filter: blur(12px); }
        .bh-modal.is-open { display: flex; }
        .bh-modal-content { background: linear-gradient(160deg, rgba(255,255,255,0.08), rgba(0,0,0,0.95)); border: 1px solid rgba(255,255,255,0.4); padding: 32px 28px; border-radius: 0; text-align: left; width: min(92%, 420px); box-shadow: 0 28px 70px rgba(0,0,0,0.7); box-sizing: border-box; }
        .bh-modal-header { display: grid; gap: 6px; margin-bottom: 18px; }
        .bh-modal-header i { font-size: 28px; color: var(--accent); text-shadow: 0 0 18px rgba(255,255,255,0.45); }
        .bh-modal-content h3 { font-size: 1.2rem; margin: 0; letter-spacing: 0.5px; }
        .bh-modal-content p { color: rgba(255,255,255,0.65); font-size: 12px; margin: 0; }
        .bh-modal-content form { display: grid; gap: 12px; }
        .bh-modal-content input { width: 100%; padding: 12px 14px; background: #0f0f0f; border: 1px solid rgba(255,255,255,0.15); border-radius: 0; color: #fff; text-align: left; box-sizing: border-box; }
        .bh-confirm-btn { background: linear-gradient(135deg, rgba(255,255,255,1), rgba(255,255,255,1)); color: #000; border: none; padding: 12px 16px; width: 100%; border-radius: 0; font-weight: 900; cursor: pointer; box-shadow: 0 15px 30px rgba(255,255,255,0.35); box-sizing: border-box; }
        .bh-confirm-btn:hover { transform: translateY(-1px); }
        .bh-confirm-btn.is-loading { opacity: 0.75; pointer-events: none; }
        .bh-close-modal { background: transparent; border: none; color: #8f8f8f; margin: 0 auto; cursor: pointer; font-size: 11px; font-weight: 700; padding: 6px 0; }
        .bh-presave-msg { font-size: 11px; color: #d4d4d4; text-align: center; margin-top: 6px; }

        .bh-mini-dock { position: sticky; top: 0; z-index: 1200; }
        .bh-mini-body { width: 100%; max-width: 900px; margin: 0 auto; background: rgba(8,8,8,0.92); border-bottom: 1px solid rgba(255,255,255,0.25); padding: 8px 14px; display: grid; grid-template-columns: auto 1fr; align-items: center; gap: 10px; }
        .bh-mini-label { font-size: 9px; letter-spacing: 2px; color: rgba(255,255,255,0.7); font-weight: 800; white-space: nowrap; }
        .bh-mini-title { font-size: 10px; letter-spacing: 0.5px; color: #d9d9d9; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
        .bh-mini-bar { grid-column: 1 / -1; height: 3px; background: rgba(255,255,255,0.08); border-radius: 999px; overflow: hidden; }
        .bh-mini-bar span { display: block; height: 100%; width: 0%; background: var(--accent); box-shadow: 0 0 10px var(--accent); }

        @media (max-width: 600px) {
            .bh-visual-duo { gap: 20px; }
            .bh-avatar-wrapper { width: 90px; height: 90px; }
            .bh-player-pro-bar { width: 100%; border-radius: 0; }
            .bh-player-content { padding: 12px 16px; flex-direction: row; flex-wrap: wrap; gap: 10px; align-items: center; justify-content: center; }
            .bh-player-song { width: 100%; text-align: center; }
            .bh-player-controls { justify-content: center; gap: 16px; }
            .bh-main-play-btn { width: 44px; height: 44px; font-size: 14px; }
            .bh-player-vol { display: none; }
            .bh-player-time { text-align: center; width: 100%; font-size: 10px; }
            .bh-progress-container { height: 5px; border-radius: 0 0 18px 18px; }
            .bh-session-info { display: none; }
            .bh-mini-body { padding: 6px 12px; }
            .bh-mini-title { font-size: 9px; }
        }




/* Extracted from includes/shortcodes-modules/songs_library/songs_library.php */

/* === Overrides: Track profile + dock + player wave === */
.bh-assigned-preview{background:linear-gradient(135deg,rgba(8,8,8,.85),rgba(16,16,16,.92));border-color:rgba(255,255,255,.14)}
.bh-assigned-label{color:rgba(255,255,255,.7)!important;letter-spacing:2.5px;font-size:9px}
.bh-assigned-body h4{font-size:20px;letter-spacing:1px;color:#fff}
.bh-assigned-body p{color:#b0b0b0;font-size:10px}

/* dock: see home.php inline */

.bh-player-bar{background:rgba(6,6,6,.9)}
.bh-player-wave{display:flex;gap:3px;align-items:flex-end;margin-top:8px;height:26px}
.bh-player-wave span{width:3px;background:linear-gradient(180deg,rgba(255,255,255,.85),rgba(255,255,255,.2));border-radius:999px;animation:bh-wave 1.6s ease-in-out infinite}
.bh-player-wave span:nth-child(odd){animation-duration:1.2s}
.bh-player-wave span:nth-child(3n){animation-duration:1.8s}
@keyframes bh-wave{0%,100%{height:6px;opacity:.4}50%{height:24px;opacity:1}}

/* Songs library root — canonical tokens (inline <style> overrides take precedence) */
.bh-hub-v5 { background: #060608; color: rgba(255,255,255,.92); font-family: 'Manrope', sans-serif; padding: 20px 14px 40px; min-height: 100vh; }

/* Credits grid (admin edit) */
.bh-credits-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; background: rgba(255,255,255,.02); border: 1px solid rgba(255,255,255,.06); padding: 12px; border-radius: 0; }
.bh-credit-item label { display: block; font-size: 9px; color: rgba(255,255,255,.3); font-weight: 700; letter-spacing: .1em; text-transform: uppercase; margin-bottom: 5px; }
.bh-credit-item select { background: transparent; border: none; color: #C8FF00; font-size: 12px; width: 100%; cursor: pointer; }
.bh-user-link { color: #C8FF00; text-decoration: none; font-size: 13px; font-weight: 600; transition: color 180ms cubic-bezier(0.19,1,0.22,1); }
@media (hover: hover) { .bh-user-link:hover { color: #C8FF00; } }

/* Fallback icon-btn (overridden by PHP inline block scoped selectors) */
.bh-icon-btn { background: none; border: 1px solid rgba(255,255,255,.06); color: rgba(255,255,255,.4); cursor: pointer; font-size: 1rem; transition: color 180ms cubic-bezier(0.19,1,0.22,1), border-color 180ms cubic-bezier(0.19,1,0.22,1); border-radius: 0; padding: 6px 8px; }
@media (hover: hover) {
  .bh-icon-btn:hover { color: rgba(255,255,255,.9); border-color: rgba(255,255,255,.18); }
  .bh-icon-btn.del:hover { color: #ef4444; border-color: rgba(239,68,68,.2); background: rgba(239,68,68,.05); }
}


/* Extracted from includes/shortcodes-modules/home/home.php */

:root{--bh-bg:#000;--bh-accent:#ffffff;--bh-accent-glow:rgba(255,255,255,.2);--bh-border:rgba(255,255,255,.08);--bh-card-bg:#0a0a0a;--font-main:Manrope,sans-serif;--font-heading:Syne,cursive;--font-mono:Space Mono,monospace}html,body{margin:0!important;padding:0!important;background:#000!important;color:#fff;overflow-x:clip;font-family:var(--font-main)}.bh-app{max-width:520px;margin:0 auto;min-height:100vh;background:#000;position:relative}.bh-hero-dynamic{height:260px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:flex-start;padding:0 16px}.bh-hero-dynamic h1{font-family:var(--font-heading);font-size:clamp(4.8rem,20vw,8rem);line-height:1;z-index:10;margin:0;color:#fff;text-align:left}.bh-hero-dynamic h1 span{color:var(--bh-accent);text-shadow:0 0 8px var(--bh-accent-glow)}.bh-nav-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--bh-border);border-bottom:1px solid var(--bh-border)}.nav-item{background:transparent;border:1px solid rgba(255,255,255,.06);padding:14px 6px;text-align:center;text-decoration:none;transition:.3s}.nav-item i{font-size:18px;color:var(--bh-accent);display:block;margin-bottom:8px}.nav-item span{font-family:var(--font-mono);font-size:8px;font-weight:700;color:#fff;letter-spacing:2px}.bh-beats-container{padding:0 10px}.beat-row{display:grid;grid-template-columns:46px 1fr 24px;align-items:center;gap:12px;padding:12px;background:var(--bh-card-bg);border-radius:0;margin-bottom:8px;border:1px solid var(--bh-border);transition:.3s}.beat-row:hover{border-color:var(--bh-accent)}.play-trigger{width:44px;height:44px;border-radius:0;display:flex;align-items:center;justify-content:center;background:#000;border:1px solid var(--bh-border);color:#fff;flex-shrink:0}.play-trigger.active{background:var(--bh-accent);color:#000;box-shadow:0 6px 18px rgba(0,0,0,.6)}.beat-info h3{margin:0;font-family:var(--font-main);font-size:16px;font-weight:800;color:#fff}.beat-info p{margin:4px 0 0;font-family:var(--font-mono);font-size:7px;color:var(--bh-accent);letter-spacing:1px}.bh-primary-cta{margin:8px 10px 0;display:grid}.bh-primary-btn{padding:14px 18px;border-radius:999px;border:1px solid rgba(255,255,255,.4);background:linear-gradient(135deg,rgba(255,255,255,.18),rgba(255,255,255,.04));color:#fff;font-family:var(--font-mono);font-size:10px;letter-spacing:2px;text-align:center;cursor:pointer;transition:.3s;box-shadow:0 16px 30px rgba(255,255,255,.18);position:relative;overflow:hidden}.bh-primary-btn::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at top right,rgba(255,255,255,.25),transparent 60%);opacity:0;transition:.3s}.bh-primary-btn:hover{border-color:rgba(255,255,255,.7);color:#000;background:var(--bh-accent)}.bh-primary-btn:hover::after{opacity:1}.bh-mode-tabs{display:flex;gap:8px;margin:8px 10px 0;overflow-x:auto;padding-bottom:4px}.bh-mode-tabs::-webkit-scrollbar{height:4px}.bh-mode-tabs::-webkit-scrollbar-thumb{background:#111;border-radius:999px}.bh-mode-btn{padding:10px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:transparent;color:#fff;font-family:var(--font-mono);font-size:9px;letter-spacing:2px;cursor:pointer;transition:.3s;white-space:nowrap}.bh-mode-btn:hover{border-color:rgba(255,255,255,.5);color:var(--bh-accent);background:rgba(255,255,255,.08)}.bh-mode-btn.active{border-color:var(--bh-accent);color:var(--bh-accent);box-shadow:0 6px 18px rgba(0,0,0,.7)}.bh-mode-panel{display:none}.bh-mode-panel.active{display:block;animation:bh-rise .35s ease both}.bh-mode-panel.active[data-mode=home]{display:grid;gap:10px;padding:8px 0 0}.bh-home-hero{margin:6px 10px 0;display:grid;gap:10px}.bh-home-cta{border:1px solid rgba(255,255,255,.08);border-radius:0;padding:14px;background:rgba(0,0,0,.3)}.bh-home-cta h2{font-family:var(--font-heading);font-size:30px;margin:0 0 6px;letter-spacing:1px}.bh-home-cta p{margin:0;font-family:var(--font-mono);font-size:9px;color:#666}.bh-home-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:12px}.bh-home-actions a,.bh-home-actions button{padding:14px 18px;border-radius:999px;border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.04);color:#fff;font-family:var(--font-mono);font-size:10px;letter-spacing:1px;text-align:center;text-decoration:none}.bh-home-actions .primary{border-color:transparent;background:linear-gradient(135deg,rgba(255,255,255,.95),rgba(255,255,255,.4));color:#020202;box-shadow:0 16px 30px rgba(255,255,255,.3)}.bh-home-actions .primary span{display:block;font-size:8px;letter-spacing:3px;margin-bottom:2px}.bh-home-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}.bh-home-metric{border:1px solid rgba(255,255,255,.08);border-radius:0;padding:8px;text-align:center;font-family:var(--font-mono);font-size:8px;color:#666}.bh-home-metric strong{display:block;color:#fff;font-size:14px;margin-bottom:4px}.bh-sales-grid{margin:0 10px;display:grid;gap:10px}.bh-sale-card{border:1px solid rgba(255,255,255,.08);border-radius:0;padding:12px;background:#0b0b0b}.bh-sale-title{font-size:15px;font-weight:800;margin:0}.bh-sale-sub{font-family:var(--font-mono);font-size:8px;color:#666;margin-top:4px}.bh-sale-basic{display:flex;justify-content:space-between;align-items:center;margin-top:8px;padding:8px 10px;border-radius:0;border:1px solid rgba(255,255,255,.35);background:rgba(255,255,255,.08);font-family:var(--font-mono);font-size:8px;letter-spacing:2px;color:#d4d4d4}.bh-sale-basic span{color:var(--bh-accent);font-weight:700}.bh-sale-lic{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:8px}.bh-sale-lic div{border:1px solid rgba(255,255,255,.08);border-radius:0;padding:6px;text-align:center;font-family:var(--font-mono);font-size:8px;color:#666}.bh-sale-lic span{display:block;color:var(--bh-accent);font-weight:700;margin-top:4px}.bh-sale-actions{display:flex;gap:8px;margin-top:10px}.bh-sale-actions button,.bh-sale-actions a{flex:1;padding:10px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:transparent;color:#fff;font-family:var(--font-mono);font-size:8px;letter-spacing:2px;text-align:center;text-decoration:none}.bh-sale-actions .primary{background:var(--bh-accent);color:#000;border-color:transparent}.bh-stream-panel{margin:0 10px;border:1px solid rgba(255,255,255,.08);border-radius:0;padding:12px;background:rgba(0,0,0,.25);display:grid;gap:10px}.bh-stream-title{font-family:var(--font-heading);font-size:24px;margin:0}.bh-stream-links{display:flex;flex-wrap:wrap;gap:6px}.bh-stream-links a{padding:8px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.12);font-family:var(--font-mono);font-size:8px;letter-spacing:1px;text-decoration:none;color:#fff}.bh-stream-video{position:relative;padding-bottom:56.25%;border-radius:0;overflow:hidden;border:1px solid rgba(255,255,255,.08)}.bh-stream-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.bh-home-power{margin:0 10px;display:grid;gap:10px}.bh-power-card{border:1px solid rgba(255,255,255,.08);border-radius:0;padding:12px;background:#090909;display:grid;gap:6px}.bh-power-label{font-family:var(--font-mono);font-size:8px;letter-spacing:2px;color:var(--bh-accent)}.bh-power-card h3{margin:0;font-size:16px;font-weight:800}.bh-power-card p{margin:0;font-size:12px;color:#777}.bh-power-meta{display:flex;flex-wrap:wrap;gap:6px;font-family:var(--font-mono);font-size:8px;color:#666}.bh-power-chip{padding:4px 8px;border-radius:999px;border:1px solid rgba(255,255,255,.1);background:#000}.bh-services{margin:12px 10px 8px;padding:8px;background:transparent;border-radius:0;border:none;box-shadow:none}.bh-services-head{display:flex;flex-direction:column;align-items:flex-start;gap:4px;margin-bottom:10px;font-family:var(--font-mono);font-size:9px;letter-spacing:2px;color:#666}.bh-service-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px;background:transparent}.bh-service-tab{padding:12px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:#000;color:#fff;font-family:var(--font-mono);font-size:9px;letter-spacing:2px;cursor:pointer;transition:.3s}.bh-service-tab:hover{background:rgba(255,255,255,.08);color:var(--bh-accent)}.bh-service-tab.active{border-color:var(--bh-accent);box-shadow:0 4px 12px rgba(0,0,0,.6);color:var(--bh-accent)}.bh-service-panel{display:none}.bh-service-panel.active{display:block;animation:bh-rise .4s ease both}.bh-service-card{background:rgba(11,11,11,.85);border:1px solid var(--bh-border);border-radius:0;padding:16px;position:relative;overflow:hidden;backdrop-filter:blur(8px)}.bh-service-card::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at top right,rgba(255,255,255,.08),transparent 55%);opacity:0;transition:opacity .4s ease;pointer-events:none}.bh-service-card:hover::after{opacity:1}.bh-service-badge{display:inline-block;font-family:var(--font-mono);font-size:8px;letter-spacing:2px;color:var(--bh-accent);background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.3);padding:4px 8px;border-radius:999px}.bh-service-card h3{margin:10px 0 6px;font-family:var(--font-heading);font-size:30px;letter-spacing:1px}.bh-service-card p{margin:0 0 12px;font-size:12px;color:#aaa;line-height:1.5}.bh-service-grid{display:grid;grid-template-columns:1fr;gap:12px}.bh-service-steps{list-style:none;padding:0;margin:0;display:grid;gap:6px;font-family:var(--font-mono);font-size:9px;color:#777}.bh-service-steps li{padding:8px 10px;background:#070707;border-radius:0;border:1px solid rgba(255,255,255,.05)}.bh-service-plans{display:grid;gap:8px}.bh-plan{padding:10px 12px;border-radius:0;background:#000;border:1px solid rgba(255,255,255,.08);display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:10px}.bh-plan strong{font-family:var(--font-mono);letter-spacing:1px;font-size:9px;color:#fff}.bh-plan span{color:#666}.bh-plan em{font-style:normal;color:var(--bh-accent);font-weight:700}.bh-service-actions{display:flex;gap:10px;margin-top:14px}.bh-service-action{flex:1;padding:12px;border-radius:0;border:none;background:var(--bh-accent);color:#000;font-family:var(--font-mono);font-size:9px;letter-spacing:2px;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;position:relative;z-index:2}.bh-service-action:hover{transform:translateY(-2px);box-shadow:0 10px 20px rgba(255,255,255,.25)}.bh-service-link{flex:1;padding:12px;border-radius:0;border:1px solid #444;color:#fff;text-decoration:none;text-align:center;font-family:var(--font-mono);font-size:9px;letter-spacing:2px;background:transparent;position:relative;z-index:2}.bh-service-link:hover{border-color:rgba(255,255,255,.5);color:var(--bh-accent)}.bh-service-form{margin-top:14px;padding:14px;border-radius:0;border:1px dashed var(--bh-border);background:#020202}.bh-service-auth{padding:18px;border-radius:0;text-align:center;background:#0a0a0a;border:1px solid var(--bh-border);font-family:var(--font-mono);font-size:9px;letter-spacing:1px;color:#777}.bh-service-auth a{color:var(--bh-accent);text-decoration:none}.bh-service-form form{margin:0!important}.bh-service-form input,.bh-service-form textarea,.bh-service-form select{width:100%!important;background:#000!important;border:1px solid #1f1f1f!important;color:#fff!important;border-radius:8px!important;padding:10px!important;font-family:var(--font-mono)!important;font-size:11px!important}.bh-service-form label{color:#aaa!important;font-family:var(--font-mono)!important;font-size:10px!important}.bh-service-form button{border-radius:10px!important;font-family:var(--font-mono)!important;font-size:10px!important;letter-spacing:1px!important}.bh-service-form .distribution-form-box{background:#0a0a0a!important;border:1px solid var(--bh-border)!important;box-shadow:none!important}@media(min-width:720px){.bh-app{max-width:720px}.bh-service-grid{grid-template-columns:1fr 1fr}.bh-lib-grid{grid-template-columns:1fr 1fr}.bh-beat-panel{display:grid;grid-template-columns:1.1fr 1fr;gap:16px;align-items:start}.bh-beat-hero img{height:220px}}@media(min-width:1000px){.bh-app{max-width:900px}.bh-hero-dynamic{justify-content:center;padding:0 24px}.bh-hero-dynamic h1{text-align:center}.bh-mode-tabs{justify-content:center}.bh-nav-grid{max-width:760px;margin:0 auto}}.bh-library-hub{margin:12px 10px;padding:8px;background:transparent;border:none;border-radius:0;box-shadow:none;overflow:hidden}.bh-library-head{display:flex;justify-content:space-between;align-items:center;font-family:var(--font-mono);font-size:9px;letter-spacing:2px;color:#a0a0a0;margin-bottom:10px}.bh-library-count{font-size:10px;letter-spacing:3px;color:#fff;font-weight:700}.bh-library-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}.bh-library-tab{padding:12px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:#000;color:#fff;font-family:var(--font-mono);font-size:9px;letter-spacing:2px;cursor:pointer;transition:.3s}.bh-library-tab:hover{background:rgba(255,255,255,.08);color:var(--bh-accent)}.bh-library-tab.active{border-color:var(--bh-accent);color:var(--bh-accent);box-shadow:0 4px 10px rgba(0,0,0,.6)}.bh-library-panel{display:none}.bh-library-panel.active{display:block;animation:bh-rise .4s ease both}.bh-lib-grid{display:grid;gap:10px}.bh-lib-card{background:#0b0b0b;border:1px solid var(--bh-border);border-radius:0;padding:10px;display:flex;gap:10px;align-items:center;transition:transform .2s ease,border-color .2s ease;width:100%;box-sizing:border-box}.bh-lib-card:hover{transform:translateY(-2px);border-color:rgba(255,255,255,.35)}.bh-lib-play{width:38px;height:38px;border-radius:0;border:1px solid #222;background:#000;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer}.bh-lib-play.disabled{opacity:.4;cursor:not-allowed}.bh-lib-meta{flex:1;min-width:0}.bh-lib-meta h4{margin:0;font-size:14px;font-weight:800;color:#fff;letter-spacing:.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bh-lib-meta p{margin:4px 0 0;font-family:var(--font-mono);font-size:8px;color:#666;letter-spacing:1px}.bh-lib-tag{display:inline-block;margin-top:6px;font-family:var(--font-mono);font-size:7px;letter-spacing:2px;color:var(--bh-accent)}.bh-lib-actions{display:grid;gap:6px}.bh-lib-link{text-decoration:none;font-family:var(--font-mono);font-size:8px;letter-spacing:2px;padding:8px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.1);color:#fff;text-align:center;background:transparent}.bh-lib-link:hover{border-color:rgba(255,255,255,.5);color:var(--bh-accent)}.bh-lib-link.primary{background:var(--bh-accent);color:#000;border-color:transparent;box-shadow:0 12px 20px rgba(255,255,255,.2)}.bh-lib-footer{margin-top:12px;display:flex;justify-content:space-between;align-items:center;font-family:var(--font-mono);font-size:8px;color:#555}.bh-lib-footer a{color:var(--bh-accent);text-decoration:none}.bh-lib-genres{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.bh-lib-genre{padding:3px 8px;border-radius:999px;border:1px solid rgba(255,255,255,.3);font-family:var(--font-mono);font-size:7px;letter-spacing:1px;color:var(--bh-accent);background:rgba(0,0,0,.4)}.bh-beat-panel{margin:12px 10px;padding:8px;border-radius:0;border:none;background:transparent}.bh-beat-hero{position:relative;border-radius:0;overflow:hidden;border:1px solid #111;background:#000;margin-bottom:12px}.bh-beat-hero.is-hidden{display:none}.bh-beat-hero img{width:100%;height:180px;object-fit:cover;opacity:.75;display:block}.bh-beat-hero .bh-beat-glow{position:absolute;inset:0;background:radial-gradient(circle at 20% 20%,rgba(255,255,255,.08),transparent 70%)}.bh-beat-title{font-family:var(--font-heading);font-size:28px;letter-spacing:1px;margin:0 0 6px;line-height:.95;word-break:break-word}.bh-beat-meta{display:flex;flex-wrap:wrap;gap:6px 10px;font-family:var(--font-mono);font-size:8px;color:#666;margin-bottom:10px}.bh-beat-tag{padding:4px 8px;border-radius:999px;border:1px solid #222;background:#000;letter-spacing:2px}.bh-beat-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.bh-beat-btn{padding:12px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:transparent;color:#fff;font-family:var(--font-mono);font-size:9px;letter-spacing:2px;text-align:center;text-decoration:none;cursor:pointer}.bh-beat-btn:hover{border-color:rgba(255,255,255,.5);color:var(--bh-accent)}.bh-beat-btn.primary{background:var(--bh-accent);color:#000;border-color:transparent;box-shadow:0 12px 20px rgba(255,255,255,.2)}.bh-beat-btn.is-hidden{display:none}.bh-beat-player{display:flex;align-items:center;gap:10px;background:#0a0a0a;border:1px solid #141414;border-radius:0;padding:10px}.bh-beat-play{width:42px;height:42px;border-radius:0;border:1px solid #222;background:#000;color:#fff;cursor:pointer}.bh-beat-progress{flex:1;height:4px;background:#111;border-radius:999px;overflow:hidden}.bh-beat-progress span{display:block;height:100%;width:0%;background:var(--bh-accent)}.bh-beat-placeholder{margin-top:14px;font-family:var(--font-mono);font-size:10px;color:#555;letter-spacing:1px}.bh-beat-placeholder strong{display:block;margin-bottom:4px;color:#fff;font-family:var(--font-heading);font-size:18px}.bh-lic-grid{display:grid;gap:8px;margin-top:10px}.bh-lic-card{padding:10px 12px;border-radius:0;border:1px solid rgba(255,255,255,.08);background:#000;display:flex;justify-content:space-between;align-items:center;font-family:var(--font-mono);font-size:9px}.bh-lic-card strong{color:#fff;letter-spacing:1px}.bh-lic-card span{color:var(--bh-accent);font-weight:700}.bh-lic-grid.is-hidden{display:none}.bh-profile-panel{margin:14px 10px;padding:10px;border-radius:0;border:none;background:transparent}.bh-profile-head{display:flex;flex-direction:column;gap:4px;align-items:flex-start;font-family:var(--font-mono);font-size:9px;letter-spacing:2px;color:#666;margin-bottom:10px}.bh-profile-hero{display:flex;align-items:center;gap:14px}.bh-profile-img{width:70px;height:70px;border-radius:0;border:1px solid rgba(255,255,255,.12);object-fit:cover}.bh-profile-role{font-family:var(--font-mono);font-size:8px;color:var(--bh-accent);letter-spacing:2px}.bh-profile-actions{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}.bh-profile-action{padding:8px 14px;border-radius:0;border:1px solid rgba(255,255,255,.12);color:#fff;text-decoration:none;font-family:var(--font-mono);font-size:9px;letter-spacing:1px}.bh-profile-action.primary{background:var(--bh-accent);color:#000;border-color:transparent}.bh-profile-card{padding:14px;border-radius:0;border:1px solid #141414;background:#0a0a0a}.bh-profile-name{font-family:var(--font-heading);font-size:28px;letter-spacing:1px;margin:0 0 6px}.bh-profile-meta{font-family:var(--font-mono);font-size:9px;color:#666}.bh-assigned-preview{margin:10px 0 0;display:flex;gap:12px;border:1px solid rgba(255,255,255,.08);border-radius:0;padding:12px;background:rgba(255,255,255,.02);align-items:center}.bh-assigned-avatar{width:62px;height:62px;border-radius:0;border:1px solid rgba(255,255,255,.08);overflow:hidden}.bh-assigned-avatar img{width:100%;height:100%;object-fit:cover;display:block}.bh-assigned-body{flex:1}.bh-assigned-label{font-family:var(--font-mono);font-size:8px;letter-spacing:2px;color:#555;margin-bottom:4px}.bh-assigned-body h4{font-family:var(--font-heading);font-size:18px;margin:0}.bh-assigned-body p{margin:4px 0;font-family:var(--font-mono);font-size:9px;color:#aaa}.bh-assigned-links{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.bh-assigned-links a{font-family:var(--font-mono);font-size:8px;padding:2px 8px;border-radius:999px;border:1px solid rgba(255,255,255,.1);text-decoration:none;color:#fff;display:inline-flex;align-items:center;gap:4px}.bh-assigned-links a i{font-size:10px}.bh-profile-list{margin-top:10px;display:grid;gap:6px;font-family:var(--font-mono);font-size:8px;color:#666}.bh-profile-item{padding:8px 10px;border-radius:0;border:1px solid #1a1a1a;background:#000;display:flex;justify-content:space-between}.bh-profile-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}.bh-profile-stat{padding:10px;border-radius:0;border:1px solid #1a1a1a;background:#000;text-align:center;font-family:var(--font-mono);font-size:9px;color:#666}.bh-profile-stat strong{display:block;color:#fff;font-size:13px;letter-spacing:1px;margin-bottom:4px}.bh-player-bar{position:fixed;left:50%;bottom:90px;transform:translateX(-50%);width:min(520px,92vw);display:none;align-items:center;gap:10px;padding:10px 12px;border-radius:0;border:1px solid rgba(255,255,255,.08);background:rgba(0,0,0,.82);backdrop-filter:blur(10px);z-index:9999;box-shadow:0 20px 40px rgba(0,0,0,.4);animation:bh-slide-up .25s ease both}.bh-player-bar::after{content:"";position:absolute;inset:0;border-radius:0;pointer-events:none;box-shadow:0 0 24px rgba(255,255,255,.25);opacity:.5;animation:bh-pulse 2.2s ease-in-out infinite}.bh-player-btn{width:40px;height:40px;border-radius:0;border:1px solid rgba(255,255,255,.12);background:transparent;color:#fff;cursor:pointer}.bh-player-meta{flex:1;min-width:0}.bh-player-title{font-family:var(--font-main);font-size:13px;font-weight:700;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bh-player-sub{font-family:var(--font-mono);font-size:8px;color:#666;letter-spacing:1px;margin-top:4px}.bh-player-progress{height:4px;background:#111;border-radius:999px;overflow:hidden;margin-top:6px}.bh-player-progress span{display:block;width:0%;height:100%;background:var(--bh-accent)}.bh-player-actions{display:flex;gap:6px}.bh-player-link{padding:6px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.12);color:#fff;text-decoration:none;font-family:var(--font-mono);font-size:8px;letter-spacing:1px}.bh-player-link:hover{border-color:rgba(255,255,255,.6);color:var(--bh-accent)}@keyframes bh-slide-up{from{transform:translate(-50%,12px);opacity:0}to{transform:translate(-50%,0);opacity:1}}@keyframes bh-pulse{0%,100%{opacity:.35}50%{opacity:.7}}.bh-a11y-focus:focus-visible{outline:2px solid var(--bh-accent);outline-offset:2px}@media(prefers-reduced-motion:reduce){.bh-player-bar,.bh-service-card,.bh-lib-card{animation:none!important;transition:none!important}}@keyframes rotate{from{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes bhHeroFade{0%,100%{opacity:0;transform:scale(1)}50%{opacity:.3;transform:scale(1.05)}}@keyframes bh-rise{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}


/* Extracted from includes/shortcodes.php */

/* Oculta todo el contenido excepto el loader desde el segundo 0 */
        html { background-color: #050505 !important; }
        body:not(.is-loaded) > *:not(#bst-site-loader) { 
            opacity: 0 !important; 
            visibility: hidden !important; 
        }

#bst-site-loader {
            position: fixed;
            inset: 0;
            width: 100%;
            height: 100%;
            background-color: #050505;
            z-index: 9999999;
            display: flex;
            justify-content: center;
            align-items: center;
            transition: opacity 0.8s cubic-bezier(0.4, 0, 0.2, 1), visibility 0.8s;
        }

        .loader-content { display: flex; flex-direction: column; align-items: center; gap: 25px; }

        .audio-wave { display: flex; align-items: center; gap: 5px; height: 40px; }
        .audio-wave span { 
            width: 2px; height: 10px; background: #ffffff; border-radius: 999px; 
            animation: wave-pulse 1.2s infinite ease-in-out; 
            box-shadow: 0 0 15px rgba(255,255,255, 0.3);
        }
        .audio-wave span:nth-child(1) { animation-delay: 0.0s; }
        .audio-wave span:nth-child(2) { animation-delay: 0.2s; }
        .audio-wave span:nth-child(3) { animation-delay: 0.4s; }
        .audio-wave span:nth-child(4) { animation-delay: 0.2s; }
        .audio-wave span:nth-child(5) { animation-delay: 0.0s; }

        @keyframes wave-pulse { 0%, 100% { height: 10px; opacity: 0.3; } 50% { height: 40px; opacity: 1; } }

        .loader-status { display: flex; flex-direction: column; align-items: center; gap: 12px; }
        .progress-container { width: 140px; height: 1px; background: rgba(255,255,255,0.03); overflow: hidden; position: relative; }
        .progress-bar { 
            position: absolute; width: 30%; height: 100%; 
            background: linear-gradient(90deg, transparent, #ffffff, transparent); 
            animation: progress-slide 1.8s infinite ease-in-out; 
        }

        @keyframes progress-slide { 0% { left: -40%; } 100% { left: 110%; } }

        .status-txt { 
            font-family: 'JetBrains Mono', monospace; font-size: 8px; letter-spacing: 3px; 
            color: rgba(255,255,255,0.2); text-transform: uppercase;
        }

        /* Clase para revelar la web suavemente */
        .is-loaded > *:not(#bst-site-loader) {
            opacity: 1 !important;
            visibility: visible !important;
            transition: opacity 1s ease-in-out;
        }

        .loader-hidden { 
            opacity: 0 !important; 
            visibility: hidden !important; 
            transform: scale(1.05); /* Efecto de zoom out al entrar */
            pointer-events: none;
        }
        
        body.is-loading { overflow: hidden !important; }


/* Mobile + Contact improvements */
.bh-contact-block{margin:0 10px 10px}
.bh-contact-card{border:1px solid rgba(255,255,255,.08);border-radius:0;padding:16px;background:rgba(0,0,0,.4);display:grid;gap:10px}
.bh-contact-title{font-family:var(--font-heading);font-size:22px;letter-spacing:1px}
.bh-contact-sub{font-family:var(--font-mono);font-size:9px;color:#666}
.bh-contact-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.bh-contact-btn{padding:12px;border-radius:999px;border:1px solid rgba(255,255,255,.12);text-decoration:none;color:#fff;font-family:var(--font-mono);font-size:9px;letter-spacing:2px;text-align:center;background:transparent}
.bh-contact-primary{border-color:rgba(255,255,255,.4);background:rgba(255,255,255,.12)}

@media (max-width:640px){
  .bh-hero-dynamic{height:220px;padding:0 12px}
  .bh-hero-dynamic h1{font-size:clamp(3.6rem,18vw,6rem)}
  .bh-nav-grid{grid-template-columns:repeat(3,1fr)}
  .nav-item{padding:16px 6px}
  .bh-primary-btn{padding:14px 16px;font-size:9px}
  .bh-home-cta h2{font-size:26px}
  .bh-home-actions{grid-template-columns:1fr}
  .bh-home-metrics{grid-template-columns:repeat(3,1fr)}
  .bh-stream-title{font-size:20px}
  .bh-stream-links{gap:8px}
  .bh-service-tabs{grid-template-columns:1fr 1fr}
  .bh-contact-actions{grid-template-columns:1fr}
}

@media (max-width:480px){
  .bh-hero-dynamic{height:200px}
  .bh-home-cta{padding:12px}
  .bh-home-cta p{font-size:8px}
  .bh-sale-card{padding:10px}
  .bh-sale-actions{flex-direction:column}
  .bh-service-card h3{font-size:24px}
  .bh-service-action,.bh-service-link{font-size:8px;padding:10px}
}

/* ==== Team Profiles shortcode ==== */
.team-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin:30px auto;max-width:1200px;padding:0 20px}
.producer-card{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);border-radius:0;padding:18px 16px;text-align:center;box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 8px 24px rgba(0,0,0,.35);position:relative;overflow:hidden;transition:border-color 180ms cubic-bezier(0.19,1,0.22,1),transform 180ms cubic-bezier(0.19,1,0.22,1),box-shadow 180ms cubic-bezier(0.19,1,0.22,1)}
@media(hover:hover){.producer-card:hover{border-color:rgba(255,255,255,.12);transform:translateY(-2px);box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 12px 32px rgba(0,0,0,.45)}}
.producer-card:active{transform:scale(0.98)}
.producer-card img{width:110px;height:110px;border-radius:0;border:1px solid rgba(255,255,255,.1);object-fit:cover;box-shadow:0 0 0 1px rgba(255,255,255,.04)}
.producer-name{margin-top:14px;font-family:var(--font-heading);letter-spacing:-0.02em;font-size:18px;color:rgba(255,255,255,.92);text-wrap:balance}
.producer-role{font-family:var(--font-mono);font-size:10px;letter-spacing:2px;color:rgba(255,255,255,.4)}
.producer-bio{margin-top:8px;font-size:12px;color:rgba(255,255,255,.5);min-height:38px}
.producer-socials{display:flex;gap:10px;justify-content:center;margin:12px 0}
.producer-socials a{color:rgba(255,255,255,.6);font-size:14px;transition:color 180ms cubic-bezier(0.19,1,0.22,1)}
@media(hover:hover){.producer-socials a:hover{color:#fff}}
.producer-beats{margin-top:8px;font-family:var(--font-mono);font-size:10px;letter-spacing:2px;color:rgba(255,255,255,.7)}
.producer-card.ceo{border-color:rgba(200,255,0,.25)}
.producer-card.ceo .achievement-badge{background:rgba(200,255,0,.15);color:#C8FF00;border:1px solid rgba(200,255,0,.25)}
.producer-card.top-producer{border-color:rgba(255,255,255,.1)}
.achievement-badge{position:absolute;top:12px;left:12px;padding:5px 10px;border-radius:999px;font-size:9px;letter-spacing:2px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);color:rgba(255,255,255,.7);text-transform:uppercase}

/* ==== Music service page shortcode ==== */
.bh-service-page{background:#050505;color:#fff;font-family:var(--font-main);padding:100px 0;position:relative;overflow:clip}
.bh-service-page .bh-container{max-width:1200px;margin:0 auto;padding:0 24px}
.bh-service-page .bh-title{font-family:var(--font-heading);letter-spacing:1px}
.bh-service-page .bh-desc{color:#b3b3b3;font-size:1.1rem}
.bh-service-page .bh-price-card{border-radius:0}
.bh-service-page .bh-price-card.featured{transform:scale(1.03)}
.bh-service-page .bh-btn{border-radius:999px}
.bh-service-page .bh-audio-box{border-radius:0}

/* ==== User profile template ==== */
.bh-profile-card{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);border-radius:0;max-width:760px;margin:30px auto;padding:30px 24px;text-align:center;box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 12px 32px rgba(0,0,0,.4)}
.bh-profile-avatar{width:96px;height:96px;border-radius:0;border:1px solid rgba(255,255,255,.1);object-fit:cover}
.bh-profile-nick{font-family:var(--font-heading);font-size:24px;color:rgba(255,255,255,.92);margin-top:12px;letter-spacing:-0.02em;text-wrap:balance}
.bh-profile-username{font-family:var(--font-mono);font-size:11px;letter-spacing:2px;color:rgba(255,255,255,.4)}
.bh-profile-type{margin-top:10px;font-family:var(--font-mono);font-size:10px;letter-spacing:2px;color:rgba(255,255,255,.7)}
.bh-profile-bio{margin-top:14px;color:rgba(255,255,255,.5);font-size:13px;line-height:1.6}
.bh-profile-social{display:flex;gap:12px;justify-content:center;margin-top:16px}
.bh-profile-social a{color:rgba(255,255,255,.6);text-decoration:none;font-size:12px;letter-spacing:1px;transition:color 180ms cubic-bezier(0.19,1,0.22,1)}
@media(hover:hover){.bh-profile-social a:hover{color:#fff}}
.bh-edit-btn{display:inline-block;margin-top:16px;padding:10px 18px;border-radius:999px;border:1px solid rgba(255,255,255,.1);color:rgba(255,255,255,.7);text-decoration:none;font-family:var(--font-mono);font-size:10px;letter-spacing:2px;transition:border-color 180ms cubic-bezier(0.19,1,0.22,1),color 180ms cubic-bezier(0.19,1,0.22,1)}
@media(hover:hover){.bh-edit-btn:hover{border-color:rgba(255,255,255,.25);color:#fff}}
.bh-edit-btn:active{transform:scale(0.97)}
.profile-edit-form{background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.06);padding:24px;border-radius:0;max-width:600px;margin:30px auto;color:rgba(255,255,255,.92);box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
.profile-edit-form input,.profile-edit-form textarea,.profile-edit-form select{width:100%;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);color:rgba(255,255,255,.92);padding:10px 12px;border-radius:0;outline:none;transition:border-color 180ms cubic-bezier(0.19,1,0.22,1),box-shadow 180ms cubic-bezier(0.19,1,0.22,1)}
.profile-edit-form input:focus,.profile-edit-form textarea:focus,.profile-edit-form select:focus{border-color:rgba(200,255,0,.4);box-shadow:0 0 0 3px rgba(200,255,0,.1)}
.profile-edit-form button{background:rgba(200,255,0,.12);color:#C8FF00;border:1px solid rgba(200,255,0,.3);padding:12px 28px;border-radius:999px;font-weight:700;cursor:pointer;transition:background 180ms cubic-bezier(0.19,1,0.22,1),border-color 180ms cubic-bezier(0.19,1,0.22,1),color 180ms cubic-bezier(0.19,1,0.22,1)}
@media(hover:hover){.profile-edit-form button:hover{background:#C8FF00;color:#fff;border-color:transparent}}
.profile-edit-form button:active{transform:scale(0.97)}

/* ==== Song upload form matches beat upload ==== */
.bh-upload-container{max-width:600px;margin:30px auto;padding:0 16px}
.bh-modern-form{background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.06);border-radius:0;padding:24px;font-family:var(--font-main);color:rgba(255,255,255,.92);box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
.bh-modern-form .form-section-title{margin:18px 0 12px;font-family:var(--font-heading);letter-spacing:-0.02em;color:rgba(255,255,255,.92);text-wrap:balance}
.bh-modern-form label{font-weight:600;font-size:13px;color:rgba(255,255,255,.7)}
.bh-modern-form input,.bh-modern-form select,.bh-modern-form textarea{width:100%;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);color:rgba(255,255,255,.92);padding:10px 12px;border-radius:0;outline:none;transition:border-color 180ms cubic-bezier(0.19,1,0.22,1),box-shadow 180ms cubic-bezier(0.19,1,0.22,1)}
.bh-modern-form input:focus,.bh-modern-form select:focus,.bh-modern-form textarea:focus{border-color:rgba(200,255,0,.4);box-shadow:0 0 0 3px rgba(200,255,0,.1)}
.bh-modern-form .bh-grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.bh-modern-form .bh-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.bh-modern-form .bh-file-zone{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.bh-modern-form .bh-submit-btn{margin-top:16px;background:rgba(200,255,0,.12);color:#C8FF00;border:1px solid rgba(200,255,0,.3);border-radius:999px;padding:12px 28px;font-weight:700;cursor:pointer;width:100%;transition:background 180ms cubic-bezier(0.19,1,0.22,1),border-color 180ms cubic-bezier(0.19,1,0.22,1),color 180ms cubic-bezier(0.19,1,0.22,1)}
@media(hover:hover){.bh-modern-form .bh-submit-btn:hover{background:#C8FF00;color:#fff;border-color:transparent}}
.bh-modern-form .bh-submit-btn:active{transform:scale(0.98)}
.bh-modern-form .bh-submit-btn i{margin-left:6px}
.bh-success-msg{background:rgba(200,255,0,.08);border:1px solid rgba(200,255,0,.25);color:rgba(255,255,255,.9);border-radius:0;padding:12px 14px;display:flex;gap:10px;align-items:center}

@media (max-width:700px){
  .bh-modern-form .bh-grid-2,
  .bh-modern-form .bh-grid-3,
  .bh-modern-form .bh-file-zone{grid-template-columns:1fr}
}


/* ==== Collab Exposure Lab (polish) ==== */
.bh-exposure-wrapper{position:relative;min-height:100vh;color:#fff;font-family:var(--font-main);background:#050505;overflow:clip}
.bh-exp-bg-gallery{position:absolute;inset:0;display:flex;gap:0;opacity:.25;filter:blur(12px)}
.bh-exp-bg-item{min-width:33.333%;height:100%}
.bh-exp-bg-item img{width:100%;height:100%;object-fit:cover}
.bh-bg-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.85) 0%,rgba(0,0,0,.75) 50%,rgba(0,0,0,.9) 100%)}

.bh-main-content{position:relative;z-index:2;max-width:1200px;margin:0 auto;padding:48px 24px 64px}
.bh-hero-v4{display:grid;grid-template-columns:1.2fr .8fr;gap:32px;align-items:center}
.bh-visual-duo{display:flex;gap:24px;align-items:center}
.bh-user-node{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px}
.bh-avatar-wrapper{width:140px;height:140px;border-radius:999px;overflow:hidden;border:2px solid rgba(255,255,255,.08);box-shadow:0 10px 30px rgba(0,0,0,.45)}
.bh-avatar-wrapper img{width:100%;height:100%;object-fit:cover}
.ring-prod{border-color:rgba(255,255,255,.5)}
.ring-art{border-color:rgba(255,255,255,.2)}
.bh-node-connector{font-size:36px;opacity:.6}
.bh-tag-label{font-size:11px;letter-spacing:2px;color:#b0b0b0}
.bh-name-display{font-family:var(--font-heading);font-size:22px;margin:0}
.bh-social-row{display:flex;gap:10px}
.bh-social-row a{color:#b0b0b0;opacity:.8;transition:.2s}
.bh-social-row a:hover{opacity:1;color:#fff}

.bh-action-center{display:flex;flex-direction:column;gap:10px;align-items:flex-start}
.bh-btn-ultimate{position:relative;display:flex;align-items:center;gap:10px;background:rgba(200,255,0,.12);border:1px solid rgba(200,255,0,.3);border-radius:999px;padding:14px 22px;color:#C8FF00;font-weight:800;letter-spacing:1px;cursor:pointer;transition:background 180ms cubic-bezier(0.19,1,0.22,1),border-color 180ms cubic-bezier(0.19,1,0.22,1),color 180ms cubic-bezier(0.19,1,0.22,1)}
@media(hover:hover){.bh-btn-ultimate:hover{background:#C8FF00;color:#fff;border-color:transparent}}
.bh-btn-ultimate:active{transform:scale(0.98)}
.bh-btn-ultimate .bh-btn-glow{position:absolute;inset:-4px;border-radius:999px;background:rgba(200,255,0,.15);filter:blur(12px);z-index:-1;opacity:0;transition:opacity 180ms cubic-bezier(0.19,1,0.22,1)}
.bh-btn-ultimate:hover .bh-btn-glow{opacity:1}
.bh-session-info{color:rgba(255,255,255,.4);letter-spacing:1px;text-transform:uppercase;font-size:11px}

.bh-player-pro-bar{margin-top:28px;background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.06);border-radius:0;padding:14px 18px;display:flex;flex-direction:column;gap:12px;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
.bh-player-content{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap}
.bh-player-controls button{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);color:rgba(255,255,255,.7);padding:8px 10px;border-radius:0;cursor:pointer;transition:background 180ms cubic-bezier(0.19,1,0.22,1),color 180ms cubic-bezier(0.19,1,0.22,1)}
@media(hover:hover){.bh-player-controls button:hover{background:rgba(255,255,255,.08);color:#fff}}
.bh-player-controls button:active{transform:scale(0.97)}
.bh-main-play-btn{background:rgba(200,255,0,.12);color:#C8FF00;border:1px solid rgba(200,255,0,.25)}
@media(hover:hover){.bh-main-play-btn:hover{background:#C8FF00;color:#fff;border-color:transparent}}
.bh-progress-container{background:rgba(255,255,255,.06);border-radius:999px;overflow:hidden;height:6px}
.bh-progress-bar{height:100%;background:#C8FF00;width:0%;transition:width .1s linear}

@media (max-width:900px){
  .bh-hero-v4{grid-template-columns:1fr}
  .bh-visual-duo{flex-direction:column}
  .bh-action-center{align-items:center;text-align:center}
}


/* ==== Force presave modal hidden by default ==== */
#bh-presave-modal.bh-modal{display:none !important;}
#bh-presave-modal.bh-modal.is-open{display:flex !important;}


/* ==== Service Page Layout Fix (Mixing/Mastering/Distribution) ==== */
.bh-service-page{background:#050505;color:#fff;padding:60px 0}
.bh-service-page .bh-container{max-width:1100px;margin:0 auto;padding:0 24px;box-sizing:border-box}
.bh-service-page .bh-title{font-family:var(--font-heading);font-size:42px;letter-spacing:-0.02em;margin:10px 0 8px;color:rgba(255,255,255,.92);text-wrap:balance}
.bh-service-page .bh-desc{max-width:760px;margin:0 auto 24px;color:rgba(255,255,255,.7);font-size:15px;line-height:1.6}

.bh-audio-box{background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.06);padding:28px;border-radius:0;max-width:900px;margin:24px auto 32px;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
.bh-audio-box .wave-container{display:grid;grid-template-columns:1fr auto;gap:14px;align-items:center;margin-bottom:18px}
.bh-audio-box .wave-container:last-child{margin-bottom:0}
.bh-audio-box .play-btn{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);color:rgba(255,255,255,.7);padding:10px 14px;border-radius:999px;font-weight:700;cursor:pointer;transition:background 180ms cubic-bezier(0.19,1,0.22,1),border-color 180ms cubic-bezier(0.19,1,0.22,1),color 180ms cubic-bezier(0.19,1,0.22,1)}
@media(hover:hover){.bh-audio-box .play-btn:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.2);color:#fff}}
.bh-audio-box .play-btn:active{transform:scale(0.97)}

.bh-price-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:30px auto 10px}
.bh-price-card{background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.06);border-radius:0;padding:20px;display:flex;flex-direction:column;gap:12px;min-width:0;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
.bh-price-card.featured{border-color:rgba(200,255,0,.35);box-shadow:inset 0 1px 0 rgba(200,255,0,.1),0 0 24px rgba(200,255,0,.08)}
.bh-price-name{font-size:13px;letter-spacing:2px;color:rgba(255,255,255,.4);text-transform:uppercase}
.bh-price-val{font-size:36px;font-weight:800;letter-spacing:-0.02em;color:rgba(255,255,255,.92)}
.bh-price-features{margin:0;padding:0;list-style:none;display:grid;gap:8px;color:rgba(255,255,255,.6);font-size:13px}

.bh-btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 16px;border-radius:999px;font-weight:700;text-decoration:none;transition:background 180ms cubic-bezier(0.19,1,0.22,1),border-color 180ms cubic-bezier(0.19,1,0.22,1),color 180ms cubic-bezier(0.19,1,0.22,1)}
.bh-btn:active{transform:scale(0.97)}
.bh-btn-primary{background:rgba(200,255,0,.12);color:#C8FF00;border:1px solid rgba(200,255,0,.3)}
@media(hover:hover){.bh-btn-primary:hover{background:#C8FF00;color:#fff;border-color:transparent}}
.bh-btn-outline{border:1px solid rgba(255,255,255,.1);color:rgba(255,255,255,.7);background:transparent}
@media(hover:hover){.bh-btn-outline:hover{border-color:rgba(255,255,255,.25);color:#fff}}

.bh-exclusive-box{margin:28px auto 0;max-width:900px;background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.06);border-radius:0;padding:18px 20px;display:flex;gap:16px;align-items:center;justify-content:space-between;flex-wrap:wrap;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
.bh-exclusive-box h4{margin:0 0 4px;color:rgba(255,255,255,.92);letter-spacing:-0.02em}
.bh-exclusive-box p{margin:0;color:rgba(255,255,255,.5)}

@media (max-width:1100px){
  .bh-price-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:800px){
  .bh-title{font-size:34px}
  .bh-price-grid{grid-template-columns:1fr}
  .bh-audio-box .wave-container{grid-template-columns:1fr}
  .bh-audio-box .play-btn{width:100%}
}
@media (max-width:520px){
  .bh-service-page{padding:36px 0}
  .bh-title{font-size:28px}
  .bh-price-card{padding:16px}
}


/* ==== Service Page Overrides (Fix overflow/layout) ==== */
.bh-service-page .bh-container{width:100%;max-width:1100px;display:flex;flex-direction:column;align-items:center;text-align:center;box-sizing:border-box}
.bh-service-page .bh-desc{max-width:760px}
.bh-service-page .bh-audio-box{width:100%;max-width:900px}
.bh-service-page .bh-price-grid{width:100%;align-items:stretch}
.bh-service-page .bh-price-card{width:100%;box-sizing:border-box}
.bh-service-page .bh-exclusive-box{width:100%;max-width:900px;box-sizing:border-box}

@media (max-width:1200px){
  .bh-service-page .bh-container{padding:0 18px}
}


/* ==== Service Page Layout Fix v2 (Mastering/Mixing/Distribution) ==== */
.bh-service-page{overflow:clip}
.bh-service-page .bh-container{max-width:1200px;width:100%;margin:0 auto;display:grid;grid-template-columns:1fr;gap:24px;align-items:center;text-align:center;box-sizing:border-box}
.bh-service-page .bh-title{max-width:900px;margin-left:auto;margin-right:auto;line-height:0.95}
.bh-service-page .bh-desc{max-width:820px;margin-left:auto;margin-right:auto}

.bh-service-page .bh-price-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));width:100%}
.bh-service-page .bh-price-card{min-width:0}

.bh-service-page .bh-audio-box{width:100%;max-width:900px}

@media (min-width:1200px){
  .bh-service-page .bh-price-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}

@media (max-width:980px){
  .bh-service-page .bh-title{font-size:34px}
}


/* ==== Service Page Hard Override (center + no right cut) ==== */
.bh-service-page{overflow-x:clip}
.bh-service-page .bh-container{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  text-align:center!important;
  width:100%!important;
  max-width:1100px!important;
  margin:0 auto!important;
  padding:0 24px!important;
  box-sizing:border-box!important;
}
.bh-service-page .bh-container > *{max-width:100%!important;box-sizing:border-box}
.bh-service-page .bh-price-grid{width:100%!important;margin:24px auto 10px!important;justify-items:stretch;align-items:stretch;box-sizing:border-box}
.bh-service-page .bh-price-card{width:100%!important;min-width:0!important;margin:0!important}
.bh-service-page .bh-audio-box{width:100%!important;max-width:900px!important;margin-left:auto!important;margin-right:auto!important}
.bh-service-page .bh-exclusive-box{width:100%!important;max-width:900px!important;margin-left:auto!important;margin-right:auto!important}


/* ==== Artist Page Waveform Pro ==== */
.bh-wave-wrap{width:100%;padding:12px 8px 4px;background:linear-gradient(180deg,rgba(0,0,0,0.6),rgba(0,0,0,0));border-radius:0}
.bh-waveform{height:72px;position:relative}
.bh-waveform canvas{border-radius:0}
.bh-player-pro-bar{gap:10px}
.bh-main-play-btn{box-shadow:0 0 18px rgba(255,255,255,0.25)}