*{
  margin:0;
  padding:0;
  box-sizing:border-box;
  font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

body{
  background:#05070d;
  color:#fff;
  display:flex;
  min-height:100vh;
  overflow-x:hidden;
  overflow-y:auto;
}

.sidebar{
  width:280px;
  height:100vh;
  background:#080b13;
  border-right:1px solid #1c2435;
  display:flex;
  flex-direction:column;
}

.logo-box{
    height:180px;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:20px;
    background:#04060d;
    border:none;
}

.logo-box img{
  width:220px;
  height:auto;
  object-fit:contain;
}

.menu{
  display:flex;
  flex-direction:column;
  padding-top:10px;
}

.menu a{
  padding:17px 24px;
  color:#cfd6f6;
  text-decoration:none;
  font-size:16px;
  font-weight:700;
  border-left:3px solid transparent;
  cursor:pointer;
}

.menu a:hover,
.menu .active{
  background:#121827;
  color:#fff;
  border-left-color:#ffd400;
}

.menu span{
  font-size:10px;
  background:#151d33;
  border:1px solid #303a5d;
  padding:3px 7px;
  border-radius:6px;
  margin-left:6px;
  color:#dce3ff;
}

.menu small{
  font-size:10px;
  opacity:.5;
  margin-left:6px;
}

.disabled{
  opacity:.45;
}

.promo{
  margin:20px 14px;
  padding:18px;
  border-radius:14px;
  background:linear-gradient(135deg,#191104,#5b3d05);
  border:1px solid #b48210;
  box-shadow:0 0 18px rgba(255,212,0,.12);
}

.promo strong{
  font-size:15px;
}

.promo p{
  color:#ffd400;
  font-size:13px;
  margin-top:5px;
  font-weight:800;
}

.support{
  margin-top:auto;
  padding:20px;
  border-top:1px solid #1c2435;
}

.support p{
  color:#8d96b8;
  font-size:13px;
  margin-top:5px;
}

.main{
  width:calc(100% - 280px);
  min-height:100vh;
  height:auto;
  display:flex;
  flex-direction:column;
  overflow-y:auto;
}

.header{
  height:80px;
  background:#070910;
  border-bottom:1px solid #1c2435;
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:0 28px;
}

.login{
  background:#14a858;
  color:#fff;
  border:0;
  padding:13px 24px;
  border-radius:9px;
  font-weight:900;
  cursor:pointer;
}

.stats{
  height:55px;
  display:flex;
  align-items:center;
  gap:24px;
  padding:0 24px;
  border-bottom:1px solid #1c2435;
  color:#aeb7e8;
  font-size:14px;
}

.stats strong{
  color:#eef1ff;
}

.down{
  color:#ff4b5c;
  margin-left:6px;
}

.btc-price{
  margin-left:auto;
  display:flex;
  align-items:center;
  gap:10px;
  background:#111525;
  border:1px solid #262c46;
  padding:8px 14px;
  border-radius:12px;
}

.btc-price span{
  background:#ff9d17;
  color:#fff;
  width:26px;
  height:26px;
  display:grid;
  place-items:center;
  border-radius:50%;
  font-weight:900;
}

.btc-price b{
  color:#ff4b5c;
}

.live{
  color:#19e676;
  background:#082515;
  border:1px solid #145a30;
  padding:8px 15px;
  border-radius:20px;
  font-size:13px;
  font-weight:900;
}

.filters{
  height:70px;
  display:flex;
  align-items:center;
  gap:28px;
  padding:0 28px;
  border-bottom:1px solid #1c2435;
}

.filters div{
  display:flex;
  align-items:center;
  gap:0;
}

.filters small{
  margin-right:10px;
  color:#9ea8d8;
  font-weight:900;
  letter-spacing:.7px;
}

.filters button{
  background:#111525;
  color:#cfd6f6;
  border:1px solid #262c46;
  padding:12px 18px;
  font-weight:800;
  cursor:pointer;
}

.filters button:first-of-type{
  border-radius:9px 0 0 9px;
}

.filters button:last-of-type{
  border-radius:0 9px 9px 0;
}

.filters .selected{
  color:#fff;
  border-bottom:2px solid #10c76b;
}

.bitunix{
  margin-left:auto;
  background:#111525;
  color:#fff;
  border:1px solid #262c46;
  padding:13px 24px;
  border-radius:10px;
  font-weight:900;
  text-decoration:none;
}

.heatmap{
  padding:22px 28px;
  flex:1;
  display:grid;
  grid-template-columns:repeat(12,1fr);
  grid-auto-rows:115px;
  gap:4px;
  background:#05070d;
}

.coin{
  border-radius:8px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  overflow:hidden;
  text-shadow:0 2px 7px rgba(0,0,0,.35);
  transition:.18s ease;
  border:1px solid rgba(255,255,255,.06);
}

.coin:hover{
  transform:scale(1.015);
  z-index:5;
  box-shadow:0 0 25px rgba(255,255,255,.08);
}

.coin h2{
  font-size:24px;
  line-height:1;
}

.coin p{
  font-size:18px;
  font-weight:900;
  margin-top:7px;
}

.coin span{
  font-size:13px;
  opacity:.85;
  margin-top:5px;
}

.icon{
  font-size:30px;
  margin-bottom:10px;
}

.green{
  background:linear-gradient(135deg,#45a96f,#63c18c);
}

.red{
  background:linear-gradient(135deg,#b84e52,#cc696a);
}

.btc{
  grid-column:span 4;
  grid-row:span 4;
}

.btc h2{
  font-size:42px;
}

.btc p{
  font-size:34px;
}

.eth{
  grid-column:span 2;
  grid-row:span 4;
}

.eth h2{
  font-size:34px;
}

.xrp{
  grid-column:span 2;
  grid-row:span 2;
}

.bnb{
  grid-column:span 2;
  grid-row:span 2;
}

.sol{
  grid-column:span 2;
  grid-row:span 2;
}

.coin:not(.btc):not(.eth):not(.xrp):not(.bnb):not(.sol){
  grid-column:span 1;
  grid-row:span 1;
}

@media(max-width:1000px){
  body{
    overflow:auto;
  }

  .sidebar{
    width:90px;
  }

  .logo-box img{
    width:65px;
  }

  .menu a{
    font-size:0;
    padding:18px;
  }

  .promo,
  .support{
    display:none;
  }

  .main{
    width:calc(100% - 90px);
  }

  .stats,
  .filters{
    height:auto;
    flex-wrap:wrap;
    padding:15px;
  }

  .heatmap{
    grid-template-columns:repeat(4,1fr);
    grid-auto-rows:110px;
    height:auto;
  }

  .btc{
    grid-column:span 4;
    grid-row:span 2;
  }

  .eth{
    grid-column:span 2;
    grid-row:span 2;
  }

  .coin,
  .coin:not(.btc):not(.eth):not(.xrp):not(.bnb):not(.sol){
    grid-column:span 2;
  }
}

.hamburger{
  display:none;
  background:none;
  border:none;
  color:#bfc6e6;
  font-size:34px;
  cursor:pointer;
}

.overlay{
  display:none;
}

@media(max-width:1000px){

  body{
    display:block !important;
    overflow-x:hidden !important;
  }

  .header{
    position:sticky;
    top:0;
    z-index:1000;
    height:82px;
    display:flex;
    justify-content:space-between;
    background:#070910;
  }

  .hamburger{
    display:block;
  }

  .sidebar{
    position:fixed !important;
    top:0;
    left:-290px;
    width:290px !important;
    height:100vh !important;
    z-index:2000;
    transition:.25s ease;
    border-right:1px solid #1c2435 !important;
  }

  .sidebar.open{
    left:0;
  }

  .overlay{
    display:none;
    position:fixed;
    inset:0;
    background:rgba(0,0,0,.65);
    z-index:1500;
  }

  .overlay.show{
    display:block;
  }

  .logo-box{
    height:130px !important;
  }

  .logo-box img{
    width:190px !important;
  }

  .menu{
    flex-direction:column !important;
    overflow:visible !important;
  }

  .menu a{
    font-size:17px !important;
    padding:19px 24px !important;
    border-left:3px solid transparent !important;
    border-bottom:none !important;
  }

  .menu .active{
    border-left-color:#ffd400 !important;
  }

  .promo{
    display:block !important;
  }

  .support{
    display:block !important;
  }

  .main{
    width:100% !important;
    height:auto !important;
  }

  .stats{
    display:none !important;
  }

  .filters{
    height:auto !important;
    flex-direction:column !important;
    padding:20px 16px !important;
    gap:16px !important;
  }

  .filters small{
    display:none;
  }

  .filters div{
    display:flex !important;
    justify-content:center;
  }

  .bitunix{
    width:100%;
    text-align:center;
    margin-left:0 !important;
  }

  .heatmap{
    padding:12px !important;
    grid-template-columns:repeat(10,1fr) !important;
    grid-auto-rows:48px !important;
    gap:3px !important;
}

  .btc{
    grid-column:span 4 !important;
    grid-row:span 5 !important;
}

  .eth{
    grid-column:span 2 !important;
    grid-row:span 5 !important;
}

  .xrp,
.bnb{
    grid-column:span 2 !important;
    grid-row:span 3 !important;
}

.sol{
    grid-column:span 3 !important;
    grid-row:span 2 !important;
}

  .coin:not(.btc):not(.eth):not(.xrp):not(.bnb):not(.sol){
    grid-column:span 1 !important;
    grid-row:span 1 !important;
  }

  .coin h2{
    font-size:14px !important;
}

  .coin p{
    font-size:14px !important;
  }

  .btc h2{
    font-size:28px !important;
}

  .btc p{
    font-size:24px !important;
}

  .eth h2{
    font-size:28px !important;
  }
}

@media(max-width:1000px){

  body{
    display:block !important;
    overflow-x:hidden !important;
    background:#05070d !important;
  }

  .main{
    width:100% !important;
    height:auto !important;
  }

  .header{
    height:115px !important;
    padding:25px 32px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    background:#070910 !important;
    border-bottom:1px solid #1c2435 !important;
    position:sticky !important;
    top:0 !important;
    z-index:1000 !important;
  }

  .hamburger{
    display:block !important;
    background:none !important;
    border:none !important;
    color:#bfc6e6 !important;
    font-size:42px !important;
    line-height:1 !important;
  }

  .login{
    padding:18px 30px !important;
    border-radius:14px !important;
    font-size:18px !important;
  }

  .sidebar{
    position:fixed !important;
    top:0 !important;
    left:-78% !important;
    width:78% !important;
    height:100vh !important;
    z-index:2000 !important;
    transition:.25s ease !important;
    border-right:1px solid #1c2435 !important;
  }

  .sidebar.open{
    left:0 !important;
  }

  .overlay.show{
    display:block !important;
    position:fixed !important;
    inset:0 !important;
    background:rgba(0,0,0,.65) !important;
    z-index:1500 !important;
  }

  .stats{
    display:none !important;
  }

  .filters{
    height:auto !important;
    padding:34px 30px 26px !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    gap:8px 8px !important;
    border-bottom:1px solid #1c2435 !important;
  }

  .filters small{
    display:none !important;
  }

  .filters div{
    display:flex !important;
    justify-content:center !important;
    width:100% !important;
  }

  .filters button{
    padding:16px 26px !important;
    font-size:18px !important;
    min-width:95px !important;
    background:#111525 !important;
  }

  .bitunix{
    display:none !important;
  }

  .heatmap{
    padding:28px 30px 10px !important;
    display:grid !important;
    grid-template-columns:repeat(10,1fr) !important;
    grid-auto-rows:58px !important;
    gap:4px !important;
    height:auto !important;
  }

  .coin{
    border-radius:8px !important;
    padding:4px !important;
  }

  .btc{
    grid-column:span 4 !important;
    grid-row:span 6 !important;
  }

  .eth{
    grid-column:span 2 !important;
    grid-row:span 6 !important;
  }

  .xrp,
  .bnb{
    grid-column:span 2 !important;
    grid-row:span 3 !important;
  }

  .sol{
    grid-column:span 3 !important;
    grid-row:span 2 !important;
  }

  .coin:not(.btc):not(.eth):not(.xrp):not(.bnb):not(.sol){
    grid-column:span 1 !important;
    grid-row:span 2 !important;
  }

  .coin h2{
    font-size:15px !important;
  }

  .coin p{
    font-size:13px !important;
    margin-top:3px !important;
  }

  .coin span{
    font-size:11px !important;
  }

  .btc h2{
    font-size:44px !important;
  }

  .btc p{
    font-size:40px !important;
  }

  .btc span{
    font-size:21px !important;
  }

  .eth h2{
    font-size:24px !important;
  }

  .eth p{
    font-size:18px !important;
  }

  .icon{
    font-size:26px !important;
    margin-bottom:6px !important;
  }

  .heatmap::after{
    content:"Top 100 Criptomonedas";
    grid-column:1 / -1;
    color:white;
    font-size:32px;
    font-weight:900;
    text-align:center;
    margin-top:40px;
    padding-bottom:40px;
  }
}

@media(max-width:1000px){

  .heatmap{
    padding:12px !important;
    grid-template-columns:repeat(10,1fr) !important;
    grid-auto-rows:48px !important;
    gap:3px !important;
  }

  .btc{
    grid-column:span 4 !important;
    grid-row:span 5 !important;
  }

  .eth{
    grid-column:span 2 !important;
    grid-row:span 5 !important;
  }

  .xrp,
  .bnb{
    grid-column:span 2 !important;
    grid-row:span 3 !important;
  }

  .sol{
    grid-column:span 3 !important;
    grid-row:span 2 !important;
  }

  .coin:not(.btc):not(.eth):not(.xrp):not(.bnb):not(.sol){
    grid-column:span 1 !important;
    grid-row:span 2 !important;
  }

  .coin h2{
    font-size:14px !important;
  }

  .coin p{
    font-size:11px !important;
  }

  .btc h2{
    font-size:28px !important;
  }

  .btc p{
    font-size:24px !important;
  }

  .eth h2{
    font-size:22px !important;
  }

  .eth p{
    font-size:16px !important;
  }
}

@media(max-width:1000px){

  .header{
    height:82px !important;
    padding:14px 30px !important;
  }

  .hamburger{
    font-size:34px !important;
  }

  .login{
    padding:13px 24px !important;
    font-size:16px !important;
    border-radius:12px !important;
  }

  .filters{
    padding:18px 22px 16px !important;
    gap:12px !important;
  }

  .filters button{
    padding:10px 20px !important;
    font-size:15px !important;
    min-width:82px !important;
  }

  .filters div{
    gap:0 !important;
  }
}

@media(max-width:1000px){

  .header{
    height:62px !important;
    padding:10px 22px !important;
  }

  .hamburger{
    font-size:26px !important;
  }

  .login{
    padding:9px 18px !important;
    font-size:13px !important;
    border-radius:7px !important;
  }

  .filters{
    padding:30px 16px 14px !important;
    gap:10px !important;
  }

  .filters div{
    display:flex !important;
    justify-content:center !important;
    gap:0 !important;
  }

  .filters button{
    padding:8px 18px !important;
    font-size:12px !important;
    min-width:64px !important;
    height:35px !important;
  }

  .filters button:first-of-type{
    border-radius:8px 0 0 8px !important;
  }

  .filters button:last-of-type{
    border-radius:0 8px 8px 0 !important;
  }
}

@media(max-width:1000px){

  .filters{
    display:grid !important;
    grid-template-columns:auto auto !important;
    justify-content:center !important;
    justify-items:center !important;
    align-items:center !important;
    padding:28px 16px 14px !important;
    gap:8px 8px !important;
}

  .filters div:nth-child(1){
    grid-column:1 / 3 !important;
  }

  .filters div:nth-child(2){
    grid-column:1 / 2 !important;
  }

  .filters div:nth-child(3){
    grid-column:2 / 3 !important;
  }

  .filters button{
    padding:8px 14px !important;
    font-size:12px !important;
    min-width:62px !important;
    height:34px !important;
  }
}

.pc-only{
    display:flex;
}

@media(max-width:1000px){
    .pc-only{
        display:none !important;
    }
}

.search-box{
  display:flex;
  justify-content:center;
  padding:20px 15px;
}

.search-box input{
  width:100%;
  max-width:450px;
  background:#101526;
  border:1px solid #232c46;
  border-radius:12px;
  padding:12px 18px;
  color:#fff;
  font-size:15px;
  outline:none;
}

.search-box input::placeholder{
  color:#8a94b8;
}

.fear-greed-page{
  display:none;
  padding:32px 34px;
  background:#05070d;
  min-height:calc(100vh - 80px);
}

.fg-header{
  display:flex;
  align-items:flex-end;
  gap:16px;
  margin-bottom:28px;
}

.fg-header h1{
  font-size:32px;
  font-weight:900;
}

.fg-header p{
  color:#9da7d8;
  font-size:15px;
  margin-bottom:5px;
}

.fg-grid{
  display:grid;
  grid-template-columns:1fr 1fr 1fr;
  gap:22px;
}

.fg-card{
  background:#0b0e19;
  border:1px solid #1c2435;
  border-radius:16px;
  padding:28px;
  min-height:280px;
}

.fg-card h3{
  color:#a8b1e6;
  font-size:13px;
  letter-spacing:1.5px;
  margin-bottom:30px;
}

.fg-main{
  text-align:center;
}

.fg-gauge{
  width:260px;
  height:140px;
  margin:0 auto 20px;
  border-radius:260px 260px 0 0;
  background:linear-gradient(90deg,#ef4444,#f59e0b,#22c55e);
  position:relative;
  overflow:hidden;
}

.fg-gauge::after{
  content:"";
  position:absolute;
  left:35px;
  right:35px;
  bottom:0;
  height:105px;
  background:#0b0e19;
  border-radius:200px 200px 0 0;
}

.fg-number{
  position:absolute;
  bottom:5px;
  left:50%;
  transform:translateX(-50%);
  z-index:2;
  font-size:48px;
  font-weight:900;
  color:#ef4444;
}

.fg-main h2{
  font-size:24px;
  color:#ef4444;
  margin-bottom:12px;
}

.fg-main p,
.fg-update p{
  color:#8f99c8;
}

.fg-row{
  display:flex;
  justify-content:space-between;
  align-items:center;
  border-bottom:1px solid #1c2435;
  padding:18px 0;
  color:#c9d0ff;
}

.fg-row strong{
  background:#3b0b0b;
  color:#ef4444;
  padding:8px 13px;
  border-radius:20px;
}

.fg-update{
  display:flex;
  flex-direction:column;
  justify-content:center;
  text-align:center;
}

.fg-update h2{
  font-size:44px;
  margin:20px 0;
}

@media(max-width:1000px){
  .fear-greed-page{
    padding:22px 16px;
  }

  .fg-header{
    display:block;
  }

  .fg-header h1{
    font-size:26px;
  }

  .fg-grid{
    grid-template-columns:1fr;
  }

  .fg-gauge{
    width:230px;
    height:125px;
  }
}

.fg-gauge{
  position:relative;
}

.fg-needle{
  position:absolute;
  bottom:0;
  left:50%;
  width:4px;
  height:110px;
  background:white;
  transform-origin:bottom center;
  transform:translateX(-50%) rotate(-90deg);
  border-radius:10px;
  z-index:5;
}

.fg-needle::after{
  content:'';
  position:absolute;
  bottom:-10px;
  left:50%;
  transform:translateX(-50%);
  width:22px;
  height:22px;
  background:#ff4444;
  border:3px solid white;
  border-radius:50%;
}

.macro-page{
  display:none;
  padding:22px;
  background:#05070d;
  min-height:calc(100vh - 80px);
}

.macro-layout{
  display:grid;
  grid-template-columns:2fr 1fr;
  gap:22px;
}

.macro-main,
.side-card{
  background:#0b0e19;
  border:1px solid #1c2435;
  border-radius:16px;
}

.macro-header{
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:22px;
  border-bottom:1px solid #1c2435;
}

.macro-header h1{
  font-size:22px;
  font-weight:900;
}

.macro-header p,
.local-time,
.macro-card p{
  color:#8f99c8;
}

.local-time{
  background:#111525;
  border:1px solid #242b45;
  padding:8px 14px;
  border-radius:8px;
  font-size:13px;
}

.macro-cards{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:14px;
  padding:22px;
}

.macro-card{
  background:#111525;
  border:1px solid #1c2435;
  border-radius:14px;
  padding:20px;
}

.warning-card{
  border-color:#7c5524;
  background:linear-gradient(135deg,#111525,#20160d);
}

.macro-card small,
.macro-date,
.side-card h3{
  color:#9da7d8;
  font-size:12px;
  font-weight:900;
  letter-spacing:1.6px;
}

.macro-card h2{
  font-size:28px;
  margin:8px 0;
}

.macro-card h3{
  margin:8px 0;
}

.green-text{ color:#22c55e !important; }
.red-text{ color:#ff4b5c !important; }
.gold-text{ color:#f5b85a !important; }

.macro-tabs{
  display:grid;
  grid-template-columns:1fr 1fr 1fr auto;
  padding:0 22px 20px;
  gap:10px;
}

.macro-tabs button{
  background:#04060d;
  border:1px solid #1c2435;
  color:#aeb7e8;
  padding:13px;
  font-weight:900;
  border-radius:10px;
  cursor:pointer;
}

.macro-tabs .active{
  color:white;
  border-bottom:2px solid #f5b85a;
}

.gold-tab{
  color:#f5b85a !important;
  border-color:#f5b85a !important;
  padding:13px 20px !important;
}

.macro-events{
  border-top:1px solid #1c2435;
}

.macro-date{
  padding:14px 22px;
  background:#070910;
}

.macro-date.today{
  color:#f5b85a;
}

.macro-date span{
  background:#2a1b0b;
  border:1px solid #7c5524;
  padding:3px 7px;
  border-radius:5px;
  margin-left:8px;
  font-size:10px;
}

.event-row{
  display:grid;
  grid-template-columns:70px 40px 1fr 230px 50px;
  align-items:center;
  gap:12px;
  padding:17px 22px;
  border-top:1px solid #171d2f;
}

.event-row h4{
  font-size:16px;
}

.event-row p{
  color:#9da7d8;
}

.event-row em{
  color:#f5b85a;
  font-style:normal;
}

.next-event{
  background:#141019;
  border-left:2px solid #f5b85a;
}

.macro-side{
  display:flex;
  flex-direction:column;
  gap:22px;
}

.side-card{
  padding:24px;
  min-height:260px;
}

.sentiment-mini{
  text-align:center;
}

.mini-gauge{
  width:230px;
  height:120px;
  margin:25px auto 15px;
  border-radius:230px 230px 0 0;
  background:linear-gradient(90deg,#ef4444,#f59e0b,#22c55e);
  display:flex;
  align-items:flex-end;
  justify-content:center;
  padding-bottom:10px;
}

.mini-gauge span{
  font-size:42px;
  font-weight:900;
  color:#ff4b5c;
}

.sentiment-mini a{
  display:block;
  margin-top:18px;
  color:#f5b85a;
  font-weight:900;
}

.movers-card h4{
  margin:20px 0 12px;
}

.mover-row{
  display:flex;
  justify-content:space-between;
  padding:12px 0;
  border-bottom:1px solid #1c2435;
}

.mover-row b{
  color:#22c55e;
}

.losers-title{
  margin-top:20px !important;
}

@media(max-width:1000px){
  .macro-page{
    padding:16px;
  }

  .macro-layout{
    grid-template-columns:1fr;
  }

  .macro-cards{
    grid-template-columns:1fr;
  }

  .macro-tabs{
    grid-template-columns:1fr 1fr;
  }

  .event-row{
    grid-template-columns:55px 30px 1fr;
  }

  .event-row p,
  .event-row em{
    grid-column:3;
  }
}

.macro-page{
  font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.macro-header h1{
  font-size:24px;
  letter-spacing:-0.4px;
}

.macro-header p{
  font-size:14px;
  color:#8c95c8;
}

.macro-card{
  background:#101423;
  border:1px solid #202941;
}

.macro-card small{
  color:#9ea8df;
  letter-spacing:2px;
}

.macro-card h2{
  font-size:30px;
  letter-spacing:-0.5px;
}

.warning-card{
  background:linear-gradient(135deg,#101423,#1b140e);
  border-color:#7a552b;
}

.macro-tabs button{
  background:#070910;
  border:1px solid #1e263d;
  color:#9da7d8;
  font-size:15px;
}

.macro-tabs .active{
  color:#fff;
  border-bottom:2px solid #f5b85a;
}

.event-row{
  grid-template-columns:70px 40px 1fr 230px 55px;
  padding:16px 22px;
}

.event-row h4{
  font-size:18px;
  font-weight:850;
  letter-spacing:-0.2px;
}

.event-row strong{
  font-size:18px;
}

.event-row p{
  font-size:15px;
}

.event-row em{
  font-size:16px;
  color:#f5b85a;
}

.next-event{
  background:#15121a;
  border-left:2px solid #f5b85a;
}

.side-card{
  background:#0d1020;
  border:1px solid #202941;
}

.side-card h3{
  color:#9ea8df;
  letter-spacing:2px;
}

.mover-row span{
  font-weight:850;
  font-size:16px;
}

.mover-row b{
  font-size:16px;
}

.macro-header{
  padding:16px 20px !important;
}

.macro-header h1{
  font-size:21px !important;
}

.local-time{
  padding:7px 12px !important;
  font-size:12px !important;
}

.macro-cards{
  padding:18px 20px !important;
  gap:12px !important;
}

.macro-card{
  padding:16px 18px !important;
  min-height:96px !important;
}

.macro-card small{
  font-size:11px !important;
}

.macro-card h2{
  font-size:26px !important;
  margin:6px 0 2px !important;
}

.macro-card h3{
  font-size:17px !important;
  margin:6px 0 !important;
}

.macro-card p{
  font-size:13px !important;
}

.macro-tabs{
  padding:0 20px 16px !important;
  gap:8px !important;
}

.macro-tabs button{
  padding:10px 12px !important;
  font-size:14px !important;
  border-radius:8px !important;
}

.gold-tab{
  padding:10px 16px !important;
}

body{
  font-family:'Inter',sans-serif !important;
}

.macro-page{
  font-family:'Inter',sans-serif !important;
}

.macro-header h1{
  font-size:20px !important;
  font-weight:700 !important;
  letter-spacing:-0.5px !important;
}

.macro-header p{
  font-size:13px !important;
  font-weight:400 !important;
}

.macro-card h2{
  font-size:22px !important;
  font-weight:700 !important;
}

.macro-card h3{
  font-size:15px !important;
  font-weight:700 !important;
}

.macro-card p{
  font-size:12px !important;
}

.macro-tabs button{
  font-size:13px !important;
  font-weight:600 !important;
}

.event-row h4{
  font-size:16px !important;
  font-weight:600 !important;
}

.event-row strong{
  font-size:16px !important;
  font-weight:700 !important;
}

.event-row p{
  font-size:13px !important;
}

.side-card h3{
  font-size:12px !important;
}

.mover-row span{
  font-size:15px !important;
  font-weight:600 !important;
}

.mover-row b{
  font-size:15px !important;
}

.event-row{
  padding:13px 20px !important;
}

.event-row h4{
  font-size:15px !important;
  font-weight:600 !important;
}

.event-row strong{
  font-size:15px !important;
  font-weight:700 !important;
}

.event-row span{
  font-size:12px !important;
  color:#7f89b6 !important;
}

.macro-card small,
.side-card h3,
.macro-date{
  font-size:11px !important;
  letter-spacing:2px !important;
  font-weight:700 !important;
  color:#8f99c8 !important;
}

.macro-header h1{
  font-size:18px !important;
  font-weight:700 !important;
}

.macro-header p{
  font-size:12px !important;
}

.macro-card h2{
  font-size:18px !important;
}

.macro-card h3{
  font-size:13px !important;
}

.macro-card p{
  font-size:12px !important;
}

.local-time{
  font-size:11px !important;
}

.macro-tabs button{
  font-size:13px !important;
}

.gold-tab{
  font-size:13px !important;
}

.next-countdown{
    font-size:18px !important;
    font-weight:700 !important;
    margin-top:8px !important;
}

.impact-tag{
    display:inline-block;
    margin-top:10px;
    padding:5px 10px;
    border-radius:6px;
    background:rgba(245,184,90,.12);
    border:1px solid rgba(245,184,90,.35);
    color:#f5b85a;
    font-size:10px;
    font-weight:700;
    letter-spacing:1px;
}

.mover-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}

.mover-info{
  display:flex;
  align-items:center;
  gap:10px;
}

.mover-info img{
  width:22px;
  height:22px;
  border-radius:50%;
}

.mover-symbol{
  font-weight:700;
  color:#fff;
}

.top100-link{
    display:block;
    margin-top:16px;
    color:#8f99c8;
    text-decoration:none;
    font-size:13px;
    transition:.2s;
}

.top100-link:hover{
    color:#f5b85a;
}

.losers-title{
    margin-top:20px !important;
}

.menu a.active{
  background:#111827 !important;
  color:#ffffff !important;
  border-left:3px solid #ffd400 !important;
}

.menu a{
  cursor:pointer;
}

@media(max-width:1000px){

  body{
    display:block !important;
    overflow-x:hidden !important;
  }

  .sidebar{
    position:fixed !important;
    left:-280px !important;
    top:0 !important;
    width:260px !important;
    height:100vh !important;
    z-index:9999 !important;
    transition:.3s ease !important;
  }

  .sidebar.open{
    left:0 !important;
  }

  main{
    width:100% !important;
    margin-left:0 !important;
  }

  .header{
    width:100% !important;
    height:88px !important;
    padding:18px 22px !important;
    display:flex !important;
    justify-content:space-between !important;
    align-items:center !important;
  }

  .hamburger{
    display:block !important;
    font-size:30px !important;
  }

  .login{
    padding:14px 24px !important;
    font-size:16px !important;
    border-radius:12px !important;
  }

}

.calendar-only .filters,
.calendar-only .heatmap,
.calendar-only .coin-title,
.calendar-only .top-title,
.calendar-only .crypto-title{
  display:none !important;
}

.calendar-only #macroPage{
  display:block !important;
}

.calendar-standalone{
  display:block !important;
}

.fear-standalone{
  display:block !important;
}


@media(min-width:1001px){

  .fear-greed-page{
    padding:34px 42px !important;
  }

  .fg-header{
    max-width:1200px !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }

  .fg-grid{
    max-width:1200px !important;
    margin:0 auto !important;
    grid-template-columns:1.1fr 1fr 1fr !important;
    gap:26px !important;
  }

  .fg-card{
    min-height:360px !important;
  }

  .header{
    justify-content:flex-end !important;
    padding-right:42px !important;
  }

}

@media(min-width:1001px){

  .fear-greed-page{
    width:100% !important;
    max-width:none !important;
    padding:34px 36px !important;
  }

  .fg-header{
    max-width:none !important;
    width:100% !important;
    margin:0 0 28px 0 !important;
  }

  .fg-grid{
    max-width:none !important;
    width:100% !important;
    grid-template-columns:repeat(3, 1fr) !important;
    gap:28px !important;
  }

  .fg-card{
    min-height:390px !important;
  }

  .fg-gauge{
    transform:scale(1.15);
    margin-top:28px !important;
    margin-bottom:38px !important;
  }

}

@media(min-width:1001px){

  .heatmap-pro{
    padding:18px !important;
    display:grid !important;
    grid-template-columns:repeat(24, 1fr) !important;
    grid-auto-rows:54px !important;
    gap:4px !important;
    height:calc(100vh - 190px) !important;
    overflow:hidden !important;
  }

  .heatmap-pro .coin{
    border-radius:7px !important;
    min-height:auto !important;
    padding:6px !important;
  }

  .heatmap-pro .btc{
    grid-column:span 7 !important;
    grid-row:span 7 !important;
  }

  .heatmap-pro .eth{
    grid-column:span 4 !important;
    grid-row:span 7 !important;
  }

  .heatmap-pro .bnb,
  .heatmap-pro .xrp{
    grid-column:span 4 !important;
    grid-row:span 3 !important;
  }

  .heatmap-pro .sol{
    grid-column:span 4 !important;
    grid-row:span 2 !important;
  }

  .heatmap-pro .coin:not(.btc):not(.eth):not(.bnb):not(.xrp):not(.sol){
    grid-column:span 2 !important;
    grid-row:span 2 !important;
  }

  .heatmap-pro .coin h2{
    font-size:17px !important;
  }

  .heatmap-pro .coin p{
    font-size:14px !important;
  }

  .heatmap-pro .coin span{
    font-size:11px !important;
  }

  .heatmap-pro .btc h2{
    font-size:40px !important;
  }

  .heatmap-pro .btc p{
    font-size:34px !important;
  }

  .heatmap-pro .btc span{
    font-size:18px !important;
  }

  .heatmap-pro .eth h2{
    font-size:32px !important;
  }

  .heatmap-pro .eth p{
    font-size:24px !important;
  }

}

@media(min-width:1001px){

  .heatmap-pro{
    grid-template-columns:repeat(30, 1fr) !important;
    grid-auto-rows:38px !important;
    gap:3px !important;
    padding:12px !important;
    height:calc(100vh - 210px) !important;
  }

  .heatmap-pro .btc{
    grid-column:span 8 !important;
    grid-row:span 7 !important;
  }

  .heatmap-pro .eth{
    grid-column:span 4 !important;
    grid-row:span 7 !important;
  }

  .heatmap-pro .bnb,
  .heatmap-pro .xrp{
    grid-column:span 4 !important;
    grid-row:span 4 !important;
  }

  .heatmap-pro .sol{
    grid-column:span 5 !important;
    grid-row:span 2 !important;
  }

  .heatmap-pro .coin:not(.btc):not(.eth):not(.bnb):not(.xrp):not(.sol){
    grid-column:span 2 !important;
    grid-row:span 2 !important;
  }

  .heatmap-pro .coin h2{
    font-size:14px !important;
  }

  .heatmap-pro .coin p{
    font-size:12px !important;
  }

  .heatmap-pro .coin span{
    font-size:9px !important;
  }

  .heatmap-pro .btc h2{
    font-size:30px !important;
  }

  .heatmap-pro .btc p{
    font-size:24px !important;
  }

  .heatmap-pro .eth h2{
    font-size:26px !important;
  }

  .heatmap-pro .eth p{
    font-size:20px !important;
  }

}

/* Solo mostrar Fear & Greed en su página propia */
body.fear-page .fear-greed-page{
  display:block !important;
}

/* Ocultar Fear & Greed dentro de Coin Radar */
body:not(.fear-page) .fear-greed-page{
  display:none !important;
}

/* Solo mostrar calendario en su página propia */
body.calendar-page .macro-page{
  display:block !important;
}

body:not(.calendar-page) .macro-page{
  display:none !important;
}

.heatmap{
  padding:22px 28px !important;
  flex:1 !important;
  display:grid !important;
  grid-template-columns:repeat(12,1fr) !important;
  grid-auto-rows:115px !important;
  gap:4px !important;
  background:#05070d !important;
}

.btc{
  grid-column:span 4 !important;
  grid-row:span 4 !important;
}

.eth{
  grid-column:span 2 !important;
  grid-row:span 4 !important;
}

.xrp,
.bnb,
.sol{
  grid-column:span 2 !important;
  grid-row:span 2 !important;
}

.coin:not(.btc):not(.eth):not(.xrp):not(.bnb):not(.sol){
  grid-column:span 1 !important;
  grid-row:span 1 !important;
}

@media(max-width:1000px){
  .heatmap{
    padding:12px !important;
    grid-template-columns:repeat(10,1fr) !important;
    grid-auto-rows:48px !important;
    gap:3px !important;
    height:auto !important;
  }

  .btc{
    grid-column:span 4 !important;
    grid-row:span 5 !important;
  }

  .eth{
    grid-column:span 2 !important;
    grid-row:span 5 !important;
  }

  .xrp,
  .bnb{
    grid-column:span 2 !important;
    grid-row:span 3 !important;
  }

  .sol{
    grid-column:span 3 !important;
    grid-row:span 2 !important;
  }

  .coin:not(.btc):not(.eth):not(.xrp):not(.bnb):not(.sol){
    grid-column:span 1 !important;
    grid-row:span 2 !important;
  }
}

@media(min-width:1001px){

  .calendar-page,
  .fear-page{
    overflow-y:auto !important;
  }

  .calendar-page .main,
  .fear-page .main{
    height:auto !important;
    min-height:100vh !important;
    overflow-y:auto !important;
  }

  .calendar-page .macro-page,
  .fear-page .fear-greed-page{
    height:auto !important;
    min-height:120vh !important;
    overflow:visible !important;
    padding-bottom:80px !important;
  }

}

@media(min-width:1001px){

  body{
    display:block !important;
    overflow-x:hidden !important;
    overflow-y:auto !important;
  }

  .sidebar{
    position:fixed !important;
    left:0 !important;
    top:0 !important;
    height:100vh !important;
  }

  .main{
    margin-left:280px !important;
    width:calc(100% - 280px) !important;
    height:auto !important;
    min-height:100vh !important;
    overflow:visible !important;
  }

  .macro-page,
  .fear-greed-page,
  .heatmap{
    height:auto !important;
    overflow:visible !important;
  }

}

@media(min-width:1001px){

  html{
    height:auto !important;
    overflow-y:auto !important;
  }

  body{
    height:auto !important;
    min-height:100vh !important;
    overflow-x:hidden !important;
    overflow-y:auto !important;
    display:flex !important;
  }

  .main{
    height:auto !important;
    min-height:100vh !important;
    overflow:visible !important;
  }

  .macro-page,
  .fear-greed-page{
    height:auto !important;
    min-height:auto !important;
    overflow:visible !important;
    padding-bottom:100px !important;
  }

}

.top100-section{
  padding:34px 28px 80px;
  background:#05070d;
}

.top100-section h1{
  text-align:center;
  font-size:28px;
  font-weight:900;
  margin-bottom:24px;
}

.top100-table{
  background:#0b0e19;
  border:1px solid #1c2435;
  border-radius:12px;
  overflow:hidden;
}

.top100-head,
.top100-row{
  display:grid;
  grid-template-columns:60px 2.4fr 1fr 1fr 1fr 1fr 1.2fr 1.2fr 1.4fr;
  align-items:center;
  column-gap:18px;
}

.top100-head{
  padding:14px 18px;
  color:#8f99c8;
  font-size:12px;
  font-weight:800;
  letter-spacing:.8px;
  border-bottom:1px solid #1c2435;
}

.top100-row{
  min-height:72px;
  padding:14px 18px;
  border-bottom:1px solid #171d2f;
  color:#cfd6f6;
}

.top100-row:hover{
  background:#101423;
}

.coin-name{
  display:flex;
  align-items:center;
  gap:12px;
}

.coin-logo{
  width:34px;
  height:34px;
  border-radius:50%;
  display:grid;
  place-items:center;
  font-weight:900;
  color:#fff;
}

.btc-logo{background:#f7931a;}
.eth-logo{background:#384b7c;}
.bnb-logo{background:#f3ba2f;}
.xrp-logo{background:#f5f5f5;color:#111;}
.sol-logo{background:linear-gradient(135deg,#14f195,#9945ff);}

.coin-name strong{
  display:block;
  font-size:14px;
  color:#fff;
}

.coin-name small{
  display:block;
  margin-top:3px;
  color:#8f99c8;
  font-size:12px;
}

.top100-row > strong{
  color:#fff;
}

.mini-chart{
  height:34px;
  border-radius:6px;
  background:
    linear-gradient(135deg, transparent 10%, rgba(34,197,94,.25) 20%, transparent 30%),
    linear-gradient(160deg, transparent 35%, rgba(34,197,94,.8) 36%, transparent 40%),
    #07130d;
}

.green-chart{
  border-bottom:2px solid #22c55e;
}

.red-chart{
  border-bottom:2px solid #ff4b5c;
}

@media(max-width:1000px){
  .top100-section{
    padding:32px 16px 90px;
  }

  .top100-section h1{
    font-size:28px;
  }

  .top100-table{
    overflow-x:auto;
  }

  .top100-head,
  .top100-row{
    min-width:900px;
  }
}

.loading-row{
  grid-template-columns:1fr !important;
  min-width:100% !important;
}

@media(max-width:1000px){
  .loading-row{
    min-width:100% !important;
    padding:26px 34px !important;
    font-size:22px !important;
  }
}

@media(min-width:1001px){

  .sidebar{
    width:280px !important;
    flex:0 0 280px !important;
  }

  .main{
    width:calc(100% - 280px) !important;
    margin-left:0 !important;
  }

  .fear-page .fear-greed-page{
    display:block !important;
    padding:32px 34px !important;
  }

  .fear-page .fg-grid{
    grid-template-columns:1fr 1fr 1fr !important;
  }

}

@media(min-width:1001px){

  body.fear-page{
    display:flex !important;
    overflow-x:hidden !important;
  }

  body.fear-page .sidebar{
    position:relative !important;
    width:280px !important;
    min-width:280px !important;
    height:100vh !important;
  }

  body.fear-page .main{
    width:calc(100% - 280px) !important;
    margin-left:0 !important;
    overflow-x:hidden !important;
  }

  body.fear-page .fear-greed-page{
    display:block !important;
    padding:34px 36px !important;
    overflow:hidden !important;
  }

  body.fear-page .fg-grid{
    display:grid !important;
    grid-template-columns:repeat(3, 1fr) !important;
    gap:26px !important;
    width:100% !important;
  }

  body.fear-page .fg-card{
    overflow:hidden !important;
    min-height:360px !important;
  }

  body.fear-page .fg-gauge{
    transform:none !important;
    width:260px !important;
    height:140px !important;
  }

}

.sparkline{
  width:120px;
  height:36px;
  display:flex;
  align-items:center;
  justify-content:center;
}

.sparkline svg{
  width:120px;
  height:36px;
}

@media(min-width:1001px){

  body:not(.fear-page):not(.calendar-page){
    display:flex !important;
  }

  body:not(.fear-page):not(.calendar-page) .sidebar{
    position:relative !important;
    width:280px !important;
    min-width:280px !important;
    height:100vh !important;
  }

  body:not(.fear-page):not(.calendar-page) .main{
    width:calc(100% - 280px) !important;
    margin-left:0 !important;
    overflow-x:hidden !important;
  }

  body:not(.fear-page):not(.calendar-page) .heatmap{
    padding:22px 28px !important;
    grid-template-columns:repeat(12,1fr) !important;
    grid-auto-rows:115px !important;
    gap:4px !important;
  }

}

.premium-gauge{
  width:310px !important;
  height:180px !important;
  margin:20px auto 16px !important;
  border-radius:310px 310px 0 0 !important;
  background:conic-gradient(from 270deg at 50% 100%, #ef4444 0deg, #ef4444 42deg, #f97316 70deg, #f59e0b 92deg, #84cc16 125deg, #22c55e 180deg, transparent 181deg) !important;
  position:relative !important;
  overflow:visible !important;
  box-shadow:0 0 30px rgba(239,68,68,.14), 0 0 30px rgba(34,197,94,.12) !important;
}

.premium-gauge::after{
  content:"" !important;
  position:absolute !important;
  left:38px !important;
  right:38px !important;
  bottom:0 !important;
  height:118px !important;
  background:#0b0e19 !important;
  border-radius:220px 220px 0 0 !important;
  z-index:1 !important;
}

.premium-gauge .fg-needle{
  position:absolute !important;
  bottom:10px !important;
  left:50% !important;
  width:118px !important;
  height:6px !important;
  background:#f4f4f7 !important;
  border-radius:999px !important;
  transform-origin:100% 50% !important;
  z-index:10 !important;
  box-shadow:0 0 10px rgba(255,255,255,.35) !important;
}

.premium-gauge .fg-needle::after{
  display:none !important;
}

.fg-center{
  position:absolute !important;
  bottom:-8px !important;
  left:50% !important;
  transform:translateX(-50%) !important;
  width:34px !important;
  height:34px !important;
  background:#151827 !important;
  border:6px solid #ef4444 !important;
  border-radius:50% !important;
  z-index:7 !important;
  box-shadow:0 0 0 6px rgba(239,68,68,.18), 0 0 18px rgba(239,68,68,.55) !important;
}

.fg-dot{
  position:absolute !important;
  width:7px !important;
  height:7px !important;
  border-radius:50% !important;
  background:#8f99c8 !important;
  z-index:6 !important;
}

.dot-left{ left:38px !important; bottom:60px !important; }
.dot-mid{ left:50% !important; top:18px !important; transform:translateX(-50%) !important; }
.dot-right{ right:38px !important; bottom:60px !important; }

.fg-scale{
  position:absolute !important;
  color:#8f99c8 !important;
  font-size:12px !important;
  font-weight:600 !important;
  z-index:8 !important;
}

.scale-left{ left:4px !important; bottom:-22px !important; }
.scale-mid{ left:50% !important; top:-18px !important; transform:translateX(-50%) !important; }
.scale-right{ right:0 !important; bottom:-22px !important; }

.fg-number-wrap{
  margin-top:22px !important;
  text-align:center !important;
}

.fg-number-wrap span{
  font-size:58px !important;
  font-weight:900 !important;
  color:#ef2626 !important;
  line-height:1 !important;
}

.fg-number-wrap small{
  font-size:18px !important;
  color:#8f99c8 !important;
  font-weight:800 !important;
  margin-left:4px !important;
}

@media(max-width:1000px){
  .premium-gauge{
    width:270px !important;
    height:155px !important;
  }

  .premium-gauge::after{
    left:34px !important;
    right:34px !important;
    height:100px !important;
  }

  .premium-gauge .fg-needle{
    width:102px !important;
  }

  .fg-number-wrap span{
    font-size:48px !important;
  }
}

/* MEDIDOR FEAR & GREED PROFESIONAL */
.fg-main{
  text-align:center !important;
}

.premium-gauge{
  width:310px !important;
  height:175px !important;
  margin:34px auto 22px !important;
  position:relative !important;
  overflow:visible !important;
  background:transparent !important;
}

.premium-gauge::before{
  content:"" !important;
  position:absolute !important;
  left:0 !important;
  right:0 !important;
  bottom:0 !important;
  height:155px !important;
  border-radius:310px 310px 0 0 !important;
  background:conic-gradient(
    from 270deg at 50% 100%,
    #ef4444 0deg,
    #ef4444 45deg,
    #f97316 72deg,
    #f5b82e 92deg,
    #22c55e 180deg,
    transparent 181deg
  ) !important;
}

.premium-gauge::after{
  content:"" !important;
  position:absolute !important;
  left:34px !important;
  right:34px !important;
  bottom:0 !important;
  height:122px !important;
  border-radius:260px 260px 0 0 !important;
  background:#0b0e19 !important;
  z-index:2 !important;
}

.premium-gauge .fg-needle{
  position:absolute !important;
  bottom:10px !important;
  left:50% !important;
  width:118px !important;
  height:6px !important;
  background:#f4f4f7 !important;
  border-radius:999px !important;
  transform-origin:100% 50% !important;
  z-index:10 !important;
  box-shadow:0 0 10px rgba(255,255,255,.35) !important;
}

.premium-gauge .fg-needle::after{
  display:none !important;
}

.fg-center{
  position:absolute !important;
  bottom:-5px !important;
  left:50% !important;
  transform:translateX(-50%) !important;
  width:30px !important;
  height:30px !important;
  border-radius:50% !important;
  background:#141827 !important;
  border:6px solid #ef4444 !important;
  z-index:12 !important;
  box-shadow:0 0 0 5px rgba(239,68,68,.18) !important;
}

.fg-dot{
  position:absolute !important;
  width:7px !important;
  height:7px !important;
  border-radius:50% !important;
  background:#8f99c8 !important;
  z-index:15 !important;
}

.dot-left{left:39px !important;bottom:60px !important;}
.dot-mid{left:50% !important;top:16px !important;transform:translateX(-50%) !important;}
.dot-right{right:39px !important;bottom:60px !important;}

.fg-scale{
  position:absolute !important;
  color:#8f99c8 !important;
  font-size:12px !important;
  font-weight:700 !important;
  z-index:15 !important;
}

.scale-left{left:2px !important;bottom:-22px !important;}
.scale-mid{left:50% !important;top:-18px !important;transform:translateX(-50%) !important;}
.scale-right{right:0 !important;bottom:-22px !important;}

.fg-number-wrap{
  text-align:center !important;
  margin-top:18px !important;
}

.fg-number-wrap span{
  font-size:64px !important;
  font-weight:900 !important;
  color:#ef2626 !important;
  line-height:1 !important;
}

.fg-number-wrap small{
  font-size:18px !important;
  color:#8f99c8 !important;
  font-weight:800 !important;
  margin-left:4px !important;
}

@media(max-width:1000px){

  .premium-gauge .fg-needle{
    transform-origin:100% 50% !important;
  }

}

.fg-extra{
  margin-top:30px;
  display:flex;
  flex-direction:column;
  gap:26px;
}

.fg-chart-card,
.fg-guide-card{
  background:#0b0e19;
  border:1px solid #1c2435;
  border-radius:16px;
  padding:26px;
}

.fg-chart-card h3,
.fg-guide-card h3{
  color:#a8b1e6;
  font-size:13px;
  letter-spacing:1.8px;
  margin-bottom:24px;
}

.fg-history-chart{
  width:100%;
  min-height:260px;
  color:#8f99c8;
}

.fg-history-chart svg{
  width:100%;
  height:260px;
}

.fg-zones{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:14px;
}

.zone-card{
  padding:20px;
  border-radius:12px;
  min-height:150px;
}

.zone-card strong{
  font-size:13px;
}

.zone-card h4{
  margin:10px 0;
  font-size:20px;
}

.zone-card p{
  font-size:14px;
  line-height:1.55;
  color:#d7dcff;
}

.zone-extreme-fear{
  background:#330707;
  border:1px solid #5f1111;
}

.zone-extreme-fear strong,
.zone-extreme-fear h4{
  color:#ff4444;
}

.zone-fear{
  background:#331706;
  border:1px solid #7a350c;
}

.zone-fear strong,
.zone-fear h4{
  color:#fb923c;
}

.zone-neutral{
  background:#292705;
  border:1px solid #6b650f;
}

.zone-neutral strong,
.zone-neutral h4{
  color:#d6d617;
}

.zone-greed{
  background:#122907;
  border:1px solid #315f15;
}

.zone-greed strong,
.zone-greed h4{
  color:#84cc16;
}

.zone-extreme-greed{
  background:#062917;
  border:1px solid #116b38;
}

.zone-extreme-greed strong,
.zone-extreme-greed h4{
  color:#22c55e;
}

@media(max-width:1000px){
  .fg-zones{
    grid-template-columns:1fr;
  }

  .fg-chart-card,
  .fg-guide-card{
    padding:20px;
  }
}

/* Tooltip gráfico Fear & Greed: oculto hasta pasar el mouse */
.fg-tooltip{
  opacity:0 !important;
  visibility:hidden !important;
  pointer-events:none !important;
  transition:.15s ease !important;
}

.fg-point:hover .fg-tooltip{
  opacity:1 !important;
  visibility:visible !important;
}

.fg-point:hover circle:first-child{
  r:7;
  filter:drop-shadow(0 0 8px rgba(255,255,255,.45));
}

/* En móvil no hay hover real, así que mantenemos el gráfico limpio */
@media(max-width:1000px){
  .fg-tooltip{
    display:none !important;
  }
}

/* FIX CALENDARIO MACRO PC */
@media(min-width:1001px){

  body.calendar-page{
    display:flex !important;
    overflow-x:hidden !important;
    overflow-y:auto !important;
  }

  body.calendar-page .sidebar{
    position:relative !important;
    width:280px !important;
    min-width:280px !important;
    height:100vh !important;
  }

  body.calendar-page main,
  body.calendar-page .main{
    width:calc(100% - 280px) !important;
    margin-left:0 !important;
    overflow-x:hidden !important;
  }

  body.calendar-page .macro-page{
    display:block !important;
    width:100% !important;
    padding:34px 36px 90px !important;
    overflow:visible !important;
  }

  body.calendar-page .macro-layout{
    display:grid !important;
    grid-template-columns:minmax(0, 2fr) minmax(320px, 1fr) !important;
    gap:22px !important;
    width:100% !important;
    max-width:none !important;
  }

  body.calendar-page .macro-main,
  body.calendar-page .macro-side{
    min-width:0 !important;
  }

  body.calendar-page .side-card{
    width:100% !important;
  }

}

/* MEDIDOR PREMIUM EN CALENDARIO MACRO */
.macro-sentiment-premium{
  background:linear-gradient(180deg,#111022,#170c12) !important;
  border:1px solid #202941 !important;
  text-align:center !important;
  padding:28px 28px 22px !important;
}

.macro-premium-gauge{
  transform:scale(.88) !important;
  margin:26px auto 12px !important;
}

.macro-number-wrap{
  margin-top:4px !important;
}

.macro-number-wrap span{
  font-size:46px !important;
}

.macro-number-wrap small{
  font-size:16px !important;
}

.macro-sentiment-premium h2{
  margin-top:6px !important;
  font-size:22px !important;
  color:#ef4444 !important;
}

.macro-sentiment-footer{
  display:flex;
  justify-content:space-between;
  border-top:1px solid #1c2435;
  margin-top:22px;
  padding-top:14px;
  color:#8f99c8;
  font-size:12px;
}

.macro-data-source{
  text-align:left;
  margin-top:14px;
  color:#8f99c8;
  font-size:13px;
}

.macro-sentiment-premium a{
  display:block;
  text-align:right;
  margin-top:-18px;
  color:#f5b85a;
  font-weight:900;
}

/* AJUSTE FINAL MEDIDOR CALENDARIO MACRO */
.calendar-page .macro-sentiment-premium{
  max-width:430px !important;
  margin:0 auto !important;
}

.calendar-page .macro-premium-gauge{
  width:310px !important;
  height:175px !important;
  transform:scale(.82) !important;
  transform-origin:center center !important;
  margin:14px auto -4px !important;
}

.calendar-page .macro-premium-gauge::before{
  height:155px !important;
}

.calendar-page .macro-premium-gauge::after{
  left:34px !important;
  right:34px !important;
  height:122px !important;
}

.calendar-page .macro-premium-gauge .fg-needle{
  width:118px !important;
  height:6px !important;
  bottom:10px !important;
  transform-origin:100% 50% !important;
}

.calendar-page .macro-premium-gauge .fg-center{
  bottom:-5px !important;
}

.calendar-page .macro-number-wrap{
  margin-top:0 !important;
}

.calendar-page .macro-number-wrap span{
  font-size:58px !important;
}

.calendar-page .macro-number-wrap small{
  font-size:17px !important;
}

.calendar-page .macro-sentiment-premium h2{
  font-size:22px !important;
  margin-top:2px !important;
  margin-bottom:18px !important;
}

.calendar-page .macro-sentiment-footer{
  margin-top:10px !important;
}

.calendar-page .macro-sentiment-premium a{
  margin-top:-18px !important;
}

/* CALENDARIO - MEDIDOR EXACTO COMO FEAR & GREED */
.calendar-page .macro-sentiment-premium{
  width:474px !important;
  min-height:434px !important;
  padding:24px 24px 22px !important;
  margin:0 auto !important;
  background:linear-gradient(180deg,#111022,#170b12) !important;
  border:1px solid #202941 !important;
  border-radius:16px !important;
  text-align:center !important;
}

.calendar-page .macro-sentiment-premium h3{
  font-size:12px !important;
  letter-spacing:2px !important;
  margin-bottom:28px !important;
}

.calendar-page .macro-premium-gauge{
  width:310px !important;
  height:175px !important;
  transform:none !important;
  margin:0 auto 18px !important;
}

.calendar-page .macro-premium-gauge::before{
  height:155px !important;
}

.calendar-page .macro-premium-gauge::after{
  left:34px !important;
  right:34px !important;
  height:122px !important;
}

.calendar-page .macro-premium-gauge .fg-needle{
  width:118px !important;
  height:6px !important;
  bottom:10px !important;
  transform-origin:100% 50% !important;
}

.calendar-page .macro-premium-gauge .fg-center{
  width:30px !important;
  height:30px !important;
  bottom:-5px !important;
}

.calendar-page .macro-number-wrap{
  margin-top:0 !important;
}

.calendar-page .macro-number-wrap span{
  font-size:58px !important;
  line-height:1 !important;
}

.calendar-page .macro-number-wrap small{
  font-size:17px !important;
}

.calendar-page .macro-sentiment-premium h2{
  font-size:22px !important;
  margin-top:6px !important;
  margin-bottom:20px !important;
}

.calendar-page .macro-sentiment-footer{
  margin-top:18px !important;
  padding-top:14px !important;
}

.calendar-page .macro-data-source{
  margin-top:14px !important;
}

.calendar-page .macro-sentiment-premium a{
  margin-top:-18px !important;
}


body.calendar-page .macro-side .macro-sentiment-premium .macro-premium-gauge{
  width:310px !important;
  height:175px !important;
  transform:none !important;
  margin:0 auto 18px !important;
}

body.calendar-page .macro-side .macro-sentiment-premium .macro-number-wrap span{
  font-size:58px !important;
}

body.calendar-page .macro-side .macro-sentiment-premium h2{
  font-size:22px !important;
}

/* FEAR & GREED - MEDIDOR EXACTO COMO REFERENCIA */
body.fear-page .fg-main{
  max-width:474px !important;
  width:474px !important;
  min-height:434px !important;
  padding:24px !important;
  margin:0 auto !important;
  background:linear-gradient(180deg,#111022,#170b12) !important;
  border:1px solid #202941 !important;
  border-radius:16px !important;
  overflow:hidden !important;
}

body.fear-page .fg-main h3{
  font-size:12px !important;
  letter-spacing:2px !important;
  margin-bottom:28px !important;
}

body.fear-page .fg-main .premium-gauge{
  width:310px !important;
  height:175px !important;
  margin:0 auto 18px !important;
  transform:none !important;
}

body.fear-page .fg-main .fg-number-wrap{
  margin-top:0 !important;
}

body.fear-page .fg-main .fg-number-wrap span{
  font-size:58px !important;
}

body.fear-page .fg-main .fg-number-wrap small{
  font-size:17px !important;
}

body.fear-page .fg-main h2{
  font-size:22px !important;
  margin-top:6px !important;
  margin-bottom:18px !important;
}

/* CLON EXACTO TARJETA FEAR & GREED */
body.fear-page .fg-main-premium-card{
  width:474px !important;
  max-width:474px !important;
  min-height:434px !important;
  padding:24px 24px 22px !important;
  background:linear-gradient(180deg,#111022 0%,#170b12 100%) !important;
  border:1px solid #202941 !important;
  border-radius:16px !important;
  text-align:center !important;
  overflow:hidden !important;
  margin:0 auto !important;
}

body.fear-page .fg-main-premium-card h3{
  font-size:12px !important;
  letter-spacing:2px !important;
  color:#9ea8df !important;
  margin-bottom:26px !important;
}

body.fear-page .fg-main-premium-card .premium-gauge{
  width:310px !important;
  height:175px !important;
  margin:0 auto 18px !important;
  transform:none !important;
}

body.fear-page .fg-main-premium-card .premium-gauge::before{
  height:155px !important;
}

body.fear-page .fg-main-premium-card .premium-gauge::after{
  left:34px !important;
  right:34px !important;
  height:122px !important;
}

body.fear-page .fg-main-premium-card .fg-needle{
  width:118px !important;
  height:6px !important;
  bottom:10px !important;
  transform-origin:100% 50% !important;
}

body.fear-page .fg-main-premium-card .fg-center{
  width:30px !important;
  height:30px !important;
  bottom:-5px !important;
}

body.fear-page .fg-main-premium-card .fg-number-wrap{
  margin-top:0 !important;
}

body.fear-page .fg-main-premium-card .fg-number-wrap span{
  font-size:58px !important;
  line-height:1 !important;
}

body.fear-page .fg-main-premium-card .fg-number-wrap small{
  font-size:17px !important;
}

body.fear-page .fg-main-premium-card h2{
  font-size:22px !important;
  margin-top:6px !important;
  margin-bottom:20px !important;
  color:#ef4444 !important;
}

body.fear-page .fg-premium-footer{
  display:flex !important;
  justify-content:space-between !important;
  border-top:1px solid #1c2435 !important;
  margin-top:20px !important;
  padding-top:14px !important;
  color:#8f99c8 !important;
  font-size:12px !important;
}

body.fear-page .fg-premium-bottom{
  display:flex !important;
  justify-content:space-between !important;
  align-items:center !important;
  margin-top:14px !important;
}

body.fear-page .fg-premium-bottom p{
  margin:0 !important;
  color:#8f99c8 !important;
  font-size:13px !important;
}

body.fear-page .fg-premium-bottom a{
  color:#ffffff !important;
  font-weight:800 !important;
  text-decoration:none !important;
  font-size:13px !important;
}

/* HEADER COMPACTO COMO REFERENCIA */
@media(min-width:1001px){

  .sidebar{
    width:278px !important;
    min-width:278px !important;
  }

  .main{
    width:calc(100% - 278px) !important;
  }

  .logo-box{
    height:98px !important;
    padding:18px 28px !important;
    justify-content:flex-start !important;
  }

  .logo-box img{
    width:140px !important;
  }

  .header{
    height:56px !important;
    padding:0 22px !important;
  }

  .login{
    padding:11px 22px !important;
    border-radius:9px !important;
    font-size:14px !important;
  }

  .stats{
    height:56px !important;
    padding:0 26px !important;
    gap:26px !important;
    font-size:14px !important;
  }

  .stats > span{
    display:flex !important;
    align-items:center !important;
    gap:6px !important;
    white-space:nowrap !important;
  }

  .btc-price{
    margin-left:auto !important;
    padding:8px 14px !important;
    border-radius:14px !important;
  }

  .live{
    padding:8px 16px !important;
    border-radius:18px !important;
  }

  .filters{
    height:74px !important;
    padding:0 30px !important;
    gap:26px !important;
  }

  .filters button{
    padding:11px 18px !important;
    font-size:14px !important;
  }

  .bitunix{
    padding:11px 22px !important;
    border-radius:10px !important;
    font-size:14px !important;
  }

}

/* ===== HEADER ESTILO ELITECRIPTO ===== */

@media(min-width:1001px){

  .sidebar{
    width:278px !important;
    min-width:278px !important;
  }

  .logo-box{
    height:98px !important;
    padding:18px 24px !important;
    justify-content:flex-start !important;
    border-bottom:1px solid #161d2d !important;
  }

  .logo-box img{
    width:145px !important;
    max-width:none !important;
  }

  .main{
    width:calc(100% - 278px) !important;
  }

  .header{
    height:88px !important;
    padding:0 22px !important;
    background:#05070d !important;
    border-bottom:1px solid #161d2d !important;
    justify-content:flex-end !important;
  }

  .login{
    height:44px !important;
    padding:0 28px !important;
    font-size:14px !important;
    border-radius:10px !important;
    font-weight:700 !important;
  }

  .stats{
    height:62px !important;
    padding:0 !important;
    gap:0 !important;
    border-bottom:1px solid #161d2d !important;
    background:#070910 !important;
  }

  .stats strong{
    font-weight:700 !important;
  }

  .stats > *{
    height:62px !important;
    display:flex !important;
    align-items:center !important;
    padding:0 22px !important;
    border-right:1px solid #161d2d !important;
  }

  .btc-price{
    margin-left:auto !important;
    margin-right:12px !important;
    height:44px !important;
    padding:0 18px !important;
    border-radius:14px !important;
    background:#111525 !important;
    border:1px solid #262c46 !important;
  }

  .btc-price span{
    width:28px !important;
    height:28px !important;
    font-size:14px !important;
  }

  .live{
    margin-right:20px !important;
    height:44px !important;
    padding:0 20px !important;
    border-radius:22px !important;
    font-size:14px !important;
  }

  .filters{
    height:78px !important;
    padding:0 28px !important;
    border-bottom:1px solid #161d2d !important;
    gap:32px !important;
    background:#070910 !important;
  }

  .filters small{
    font-size:13px !important;
    letter-spacing:1px !important;
    color:#8f99c8 !important;
  }

  .filters button{
    height:44px !important;
    padding:0 20px !important;
    font-size:14px !important;
    border-radius:0 !important;
  }

  .filters div{
    display:flex !important;
    align-items:center !important;
  }

  .bitunix{
    margin-left:auto !important;
    height:50px !important;
    display:flex !important;
    align-items:center !important;
    padding:0 28px !important;
    border-radius:12px !important;
    font-size:14px !important;
  }

}

/* ===== AJUSTE FINO HEADER ===== */

.stats{
  font-size:13px !important;
}

.stats strong{
  font-size:12px !important;
}

.filters small{
  font-size:11px !important;
  letter-spacing:1.4px !important;
}

.filters button{
  font-size:13px !important;
  font-weight:700 !important;
}

.btc-price strong{
  font-size:14px !important;
}

.btc-price b{
  font-size:13px !important;
}

.live{
  font-size:13px !important;
}

.bitunix{
  font-size:13px !important;
}

.menu a{
  font-size:14px !important;
}

.menu span{
  font-size:10px !important;
}

/* ===== HEADER COMPACTO V2 ===== */

.stats{
  min-height:54px !important;
  height:54px !important;
  padding:0 12px !important;
  gap:0 !important;
}

.stats{
  font-size:12px !important;
}

.stats strong{
  font-size:11px !important;
}

.stats > *{
  padding-left:22px !important;
  padding-right:22px !important;
}

.btc-price{
  height:40px !important;
  padding:0 14px !important;
  border-radius:12px !important;
}

.btc-price strong{
  font-size:13px !important;
}

.btc-price b{
  font-size:12px !important;
}

.btc-price span{
  width:24px !important;
  height:24px !important;
  font-size:12px !important;
}

.live{
  height:36px !important;
  padding:0 16px !important;
  font-size:12px !important;
  border-radius:20px !important;
}

.filters{
  min-height:76px !important;
  height:76px !important;
  padding:0 24px !important;
  gap:26px !important;
}

.filters small{
  font-size:10px !important;
  letter-spacing:1.8px !important;
  margin-right:12px !important;
}

.filters button{
  height:44px !important;
  min-width:84px !important;
  padding:0 18px !important;
  font-size:12px !important;
  font-weight:700 !important;
}

.bitunix{
  height:42px !important;
  padding:0 22px !important;
  font-size:12px !important;
  border-radius:12px !important;
}

.filters > div{
  gap:0 !important;
}

.filters{
  justify-content:space-between !important;
}

/* ELIMINAR LÍNEA VERTICAL JUNTO AL LOGO */

.main{
  border-left:none !important;
}

.header{
  border-left:none !important;
}

.stats{
  border-left:none !important;
}

/* ESTILO ELITECRIPTO */

.sidebar{
    border-right:none !important;
}

.logo-box{
    border-bottom:1px solid #161d2d !important;
}

.stats{
    border-top:1px solid #161d2d !important;
}

/* LIMPIEZA FINAL HEADER - QUITAR LÍNEAS SOBRANTES */

.logo-box{
  border-bottom:none !important;
}

.stats > *{
  border-right:none !important;
}

.stats{
  border-top:none !important;
}

.stats::before,
.stats::after,
.filters::before,
.filters::after,
.header::before,
.header::after{
  display:none !important;
  content:none !important;
}

/* RESTAURAR DIVISORES DEL HEADER */

.stats{
    display:flex;
    align-items:center;
}

.stats > *{
    border-right:1px solid #1a2235 !important;
    height:100% !important;
    display:flex;
    align-items:center;
}

.stats > *:last-child{
    border-right:none !important;
}

/* DIVISORES HEADER ESTILO ELITECRIPTO */

.stats{
    display:flex;
    align-items:center;
}

.stats > *{
    padding-left:30px !important;
    padding-right:30px !important;
}

.stats > *:last-child{
    border-right:none !important;
}

/* MÁS ESPACIO ENTRE BLOQUES DEL HEADER */

.stats > *{
    min-width:190px !important;
}

.stats > * strong{
    margin-left:10px !important;
}

/* HEADER EXACTO ESTILO ELITECRIPTO */

.stats{
    display:grid !important;
    grid-template-columns:
        1fr
        1fr
        1fr
        1fr
        1fr
        auto
        auto !important;

    align-items:center !important;
    padding:0 !important;
    gap:0 !important;
}

.stats > *{
    height:56px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    border-right:1px solid #1a2235 !important;
    padding:0 18px !important;
}

.stats > *:nth-last-child(2),
.stats > *:last-child{
    border-right:none !important;
}

.btc-price{
    margin-right:14px !important;
}

.live{
    margin-right:14px !important;
}

/* ELIMINAR LINEA VERTICAL JUNTO AL LOGO */

.main,
.header,
.stats,
.filters{
    border-left:none !important;
}

.main{
    box-shadow:none !important;
}

.sidebar{
    border-right:none !important;
}

.main::before,
.main::after,
.stats::before,
.stats::after,
.filters::before,
.filters::after{
    display:none !important;
    content:none !important;
}

/* FIX HEADER STATS - DISTRIBUCIÓN NORMAL */

.stats{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  height:54px !important;
  min-height:54px !important;
  padding:0 24px !important;
  gap:28px !important;
  overflow:hidden !important;
}

.stats > *{
  min-width:auto !important;
  width:auto !important;
  height:auto !important;
  padding:0 !important;
  border-right:none !important;
  justify-content:flex-start !important;
}

.btc-price{
  margin-left:auto !important;
  margin-right:12px !important;
}

.live{
  margin-right:18px !important;
}

/* MISMO FONDO DEL HEADER PARA EL LOGO */

.logo-box{
    background:#050814 !important;
    border:none !important;
}

.sidebar{
    background:#050814 !important;
}

/* FORZAR MISMO FONDO LOGO + HEADER */

.logo-box,
.sidebar .logo-box,
aside.sidebar .logo-box{
  background:#05070d !important;
  border-bottom:none !important;
  border-right:none !important;
  box-shadow:none !important;
}

.sidebar,
aside.sidebar{
  background:#05070d !important;
}

.header{
  background:#05070d !important;
}

/* FIX ALINEACION HEADER */

.header{
    height:98px !important;
    padding-top:0 !important;
    align-items:center !important;
}

.stats{
    margin-top:0 !important;
}

/* AJUSTE FINAL: BAJAR HEADER DERECHO */

.header{
  height:109px !important;
}

.stats{
  position:relative !important;
  top:13px !important;
}

.filters{
  position:relative !important;
  top:13px !important;
}

/* TOOLTIP PREMIUM EN HEATMAP */

.coin-tooltip{
  position:fixed;
  z-index:99999;
  min-width:230px;
  background:#05070d;
  border:1px solid #1c2435;
  border-radius:14px;
  padding:18px;
  color:#fff;
  pointer-events:none;
  opacity:0;
  transform:translateY(8px);
  transition:opacity .12s ease, transform .12s ease;
  box-shadow:0 18px 45px rgba(0,0,0,.45);
}

.coin-tooltip.show{
  opacity:1;
  transform:translateY(0);
}

.coin-tooltip-head{
  display:flex;
  align-items:center;
  gap:12px;
  margin-bottom:16px;
}

.coin-tooltip-icon{
  width:42px;
  height:42px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:#111525;
  font-size:22px;
  font-weight:900;
}

.coin-tooltip-name{
  font-size:18px;
  font-weight:900;
}

.coin-tooltip-symbol{
  color:#8f99c8;
  font-size:13px;
  margin-top:2px;
}

.coin-tooltip-price{
  font-size:30px;
  font-weight:900;
  margin-bottom:8px;
}

.coin-tooltip-change{
  font-size:16px;
  font-weight:900;
}

.coin-tooltip-change.green{
  color:#22c55e;
  background:none !important;
}

.coin-tooltip-change.red{
  color:#ff4b5c;
  background:none !important;
}

@media(max-width:1000px){
  .coin-tooltip{
    display:none !important;
  }
}

/* TOOLTIP PREMIUM PRO */

.coin-tooltip{
  width:288px !important;
  background:#05070d !important;
  border:1px solid #1c2435 !important;
  border-radius:14px !important;
  padding:20px !important;
}

.coin-tooltip-icon img{
  width:42px;
  height:42px;
  border-radius:50%;
}

.coin-tooltip-symbol{
  color:#9ca3d9;
  font-size:13px;
}

.coin-tooltip-times{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:8px;
  margin:18px 0;
}

.coin-tooltip-times div{
  background:#0d1020;
  border:1px solid #1c2435;
  border-radius:9px;
  padding:10px 8px;
  text-align:center;
}

.coin-tooltip-times span{
  display:block;
  color:#8f99c8;
  font-size:12px;
  margin-bottom:6px;
}

.coin-tooltip-times b{
  font-size:16px;
}

.coin-tooltip-info{
  display:flex;
  flex-direction:column;
  gap:10px;
}

.coin-tooltip-info div{
  display:flex;
  justify-content:space-between;
  align-items:center;
}

.coin-tooltip-info span{
  color:#c7d0ff;
}

.coin-tooltip-info strong{
  color:#fff;
}

/* AJUSTE FINAL PREMIUM */

.filters small{
  font-size:10px !important;
  letter-spacing:2px !important;
}

.filters button{
  height:34px !important;
  min-width:52px !important;
  padding:0 12px !important;
  font-size:12px !important;
  font-weight:700 !important;
}

.bitunix{
  height:34px !important;
  padding:0 14px !important;
  font-size:12px !important;
  border-radius:8px !important;
}


.filters{
  gap:20px !important;
}

/* RECUPERAR ESTILO REDONDEADO */

.filters button:first-of-type{
    border-radius:10px 0 0 10px !important;
}

.filters button:last-of-type{
    border-radius:0 10px 10px 0 !important;
}

.filters div{
    display:flex !important;
    align-items:center !important;
}

.filters button{
    border-radius:0 !important;
    overflow:hidden !important;
}

.bitunix{
    border-radius:10px !important;
}

.bitunix{
    height:42px !important;
    padding:0 18px !important;
    border-radius:12px !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:10px !important;

    background:#0d1120 !important;
    border:1px solid #1b2540 !important;

    font-size:13px !important;
    font-weight:700 !important;
}

.bitunix img{
    height:22px;
    width:auto;
    display:block;
}

.bitunix span{
    color:#d9e2ff;
}

/* BITUNIX OFICIAL */

.bitunix{
    height:40px !important;
    padding:0 18px !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:10px !important;

    background:#0d1120 !important;
    border:1px solid #1b2540 !important;
    border-radius:12px !important;

    text-decoration:none !important;
}

.bitunix img{
    height:22px !important;
    width:auto !important;
    display:block !important;
}

.bitunix span{
    color:#dfe6ff !important;
    font-size:13px !important;
    font-weight:700 !important;
}

/* ELIMINAR LOGO FALSO CSS */
.bitunix::before{
    display:none !important;
    content:none !important;
}

/* AJUSTE BTC + EN VIVO */

.btc-price{
  height:42px !important;
  padding:0 16px !important;
  border-radius:13px !important;
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  background:#101525 !important;
  border:1px solid #242c46 !important;
}

.btc-price span{
  width:28px !important;
  height:28px !important;
  min-width:28px !important;
  border-radius:50% !important;
  display:grid !important;
  place-items:center !important;
  font-size:15px !important;
  line-height:1 !important;
}

.btc-price strong{
  font-size:16px !important;
  font-weight:900 !important;
  line-height:1 !important;
  margin:0 !important;
}

.btc-price b{
  font-size:14px !important;
  font-weight:900 !important;
  line-height:1 !important;
  padding-left:10px !important;
  border-left:1px solid #202840 !important;
}

.live{
  height:42px !important;
  padding:0 20px !important;
  border-radius:22px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  line-height:1 !important;
  font-size:14px !important;
  font-weight:900 !important;
  white-space:nowrap !important;
  margin-left:10px !important;
}

/* BTC + EN VIVO COMPACTO PREMIUM */

.btc-price{
  height:36px !important;
  padding:0 12px !important;
  border-radius:11px !important;
  gap:8px !important;
}

.btc-price span{
  width:22px !important;
  height:22px !important;
  min-width:22px !important;
  font-size:12px !important;
}

.btc-price strong{
  font-size:13px !important;
  font-weight:800 !important;
}

.btc-price b{
  font-size:12px !important;
  padding-left:8px !important;
}

.live{
  height:36px !important;
  padding:0 14px !important;
  border-radius:18px !important;
  font-size:12px !important;
  font-weight:800 !important;
  margin-left:8px !important;
}

/* ================================
   FIX MÓVIL FINAL - NO TOCA PC
================================ */

@media(max-width:1000px){

  html, body{
    width:100% !important;
    max-width:100% !important;
    overflow-x:hidden !important;
    background:#05070d !important;
  }

  body{
    display:block !important;
  }

  .main, main{
    width:100% !important;
    max-width:100% !important;
    margin-left:0 !important;
    overflow-x:hidden !important;
  }

  .header{
    width:100% !important;
    height:116px !important;
    padding:0 24px !important;
    background:#05070d !important;
    border-bottom:1px solid #1c2435 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    position:sticky !important;
    top:0 !important;
    z-index:1000 !important;
  }

  .hamburger{
    display:block !important;
    font-size:34px !important;
    color:#aeb7e8 !important;
  }

  .login{
    height:58px !important;
    padding:0 28px !important;
    border-radius:13px !important;
    font-size:18px !important;
    font-weight:800 !important;
  }

  .stats{
    display:none !important;
  }

  .filters{
    width:100% !important;
    max-width:100% !important;
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:14px 12px !important;
    padding:26px 20px 22px !important;
    background:#05070d !important;
    border-bottom:1px solid #1c2435 !important;
    position:relative !important;
    top:0 !important;
    height:auto !important;
    overflow:hidden !important;
  }

  .filters small{
    display:none !important;
  }

  .filters div{
    display:flex !important;
    justify-content:center !important;
    width:100% !important;
  }

  .filters div:nth-child(1){
    grid-column:1 / 3 !important;
  }

  .filters button{
    height:48px !important;
    min-width:94px !important;
    padding:0 16px !important;
    font-size:17px !important;
    border-radius:0 !important;
  }

  .filters button:first-of-type{
    border-radius:12px 0 0 12px !important;
  }

  .filters button:last-of-type{
    border-radius:0 12px 12px 0 !important;
  }

  .bitunix{
    display:none !important;
  }

  .heatmap{
    width:100% !important;
    max-width:100% !important;
    padding:28px 24px 20px !important;
    display:grid !important;
    grid-template-columns:repeat(10,1fr) !important;
    grid-auto-rows:56px !important;
    gap:4px !important;
    overflow:hidden !important;
    position:relative !important;
    top:0 !important;
  }

  .coin{
    border-radius:9px !important;
    padding:4px !important;
  }

  .btc{
    grid-column:span 4 !important;
    grid-row:span 6 !important;
  }

  .eth{
    grid-column:span 2 !important;
    grid-row:span 6 !important;
  }

  .xrp,
  .bnb{
    grid-column:span 2 !important;
    grid-row:span 3 !important;
  }

  .sol{
    grid-column:span 3 !important;
    grid-row:span 2 !important;
  }

  .coin:not(.btc):not(.eth):not(.xrp):not(.bnb):not(.sol){
    grid-column:span 1 !important;
    grid-row:span 2 !important;
  }

  .coin h2{
    font-size:17px !important;
  }

  .coin p{
    font-size:15px !important;
  }

  .coin span{
    font-size:11px !important;
  }

  .btc h2{
    font-size:44px !important;
  }

  .btc p{
    font-size:40px !important;
  }

  .eth h2{
    font-size:28px !important;
  }

  .eth p{
    font-size:22px !important;
  }

  .fear-greed-page,
  .macro-page{
    width:100% !important;
    max-width:100% !important;
    padding:34px 24px 90px !important;
    overflow:hidden !important;
  }

  .fg-grid,
  .macro-layout{
    grid-template-columns:1fr !important;
    display:grid !important;
  }

  .fg-card,
  .macro-main,
  .side-card{
    width:100% !important;
    max-width:100% !important;
    border-radius:20px !important;
    overflow:hidden !important;
  }

  .macro-cards{
    grid-template-columns:1fr !important;
  }

  .event-row{
    grid-template-columns:70px 40px 1fr !important;
  }

  .event-row p,
  .event-row em{
    grid-column:3 !important;
  }

  .top100-section{
    width:100% !important;
    max-width:100% !important;
    padding:38px 24px 100px !important;
    overflow:hidden !important;
  }
}

/* FIX MÓVIL COIN RADAR - HEATMAP MÁS PREMIUM */

@media(max-width:1000px){

  .heatmap{
    padding:18px 10px 14px !important;
    grid-template-columns:repeat(14,1fr) !important;
    grid-auto-rows:34px !important;
    gap:2px !important;
  }

  .coin{
    border-radius:6px !important;
    padding:2px !important;
  }

  .btc{
    grid-column:span 6 !important;
    grid-row:span 6 !important;
  }

  .eth{
    grid-column:span 3 !important;
    grid-row:span 6 !important;
  }

  .xrp,
  .bnb{
    grid-column:span 3 !important;
    grid-row:span 3 !important;
  }

  .sol{
    grid-column:span 4 !important;
    grid-row:span 2 !important;
  }

  .coin h2{
    font-size:11px !important;
    line-height:1.1 !important;
  }

  .coin p{
    font-size:10px !important;
    margin-top:2px !important;
  }

  .coin span{
    font-size:8px !important;
    margin-top:1px !important;
  }

  .btc h2{
    font-size:28px !important;
  }

  .btc p{
    font-size:24px !important;
  }

  .btc span{
    font-size:14px !important;
  }

  .eth h2{
    font-size:18px !important;
  }

  .eth p{
    font-size:15px !important;
  }

  .icon{
    font-size:18px !important;
    margin-bottom:4px !important;
  }
}

@media(max-width:1000px){

.filters{
    padding:12px 14px !important;
    gap:10px !important;
}

.filters > div{
    gap:0 !important;
}

.filters button{
    height:44px !important;
    min-height:44px !important;

    padding:0 18px !important;

    font-size:14px !important;
    font-weight:700 !important;

    border-radius:0 !important;
}

.filters > div:first-child button{
    width:88px !important;
}

.filters > div:nth-child(2) button{
    width:115px !important;
}

.filters > div:nth-child(3) button{
    width:125px !important;
}

.filters .selected{
    border-bottom:3px solid #00d084 !important;
}

.filters small{
    display:none !important;
}

}

/* FIX MÓVIL: AJUSTAR HEATMAP AL ANCHO REAL */

@media(max-width:1000px){

  .heatmap{
    width:100vw !important;
    max-width:100vw !important;
    padding:18px 8px 18px !important;
    grid-template-columns:repeat(12, minmax(0, 1fr)) !important;
    grid-auto-rows:36px !important;
    gap:3px !important;
    overflow:hidden !important;
  }

  .coin{
    min-width:0 !important;
    overflow:hidden !important;
  }

  .coin h2,
  .coin p,
  .coin span{
    max-width:100% !important;
    overflow:hidden !important;
    text-overflow:clip !important;
    white-space:nowrap !important;
  }

  .btc{
    grid-column:span 5 !important;
    grid-row:span 6 !important;
  }

  .eth{
    grid-column:span 3 !important;
    grid-row:span 6 !important;
  }

  .xrp,
  .bnb{
    grid-column:span 2 !important;
    grid-row:span 3 !important;
  }

  .sol{
    grid-column:span 4 !important;
    grid-row:span 2 !important;
  }

  .coin:not(.btc):not(.eth):not(.xrp):not(.bnb):not(.sol){
    grid-column:span 1 !important;
    grid-row:span 2 !important;
  }

  .coin h2{
    font-size:10px !important;
  }

  .coin p{
    font-size:9px !important;
  }

  .coin span{
    font-size:7px !important;
  }

  .btc h2{
    font-size:28px !important;
  }

  .btc p{
    font-size:24px !important;
  }

  .btc span{
    font-size:14px !important;
  }

  .eth h2{
    font-size:18px !important;
  }

  .eth p{
    font-size:15px !important;
  }
}

/* FIX DEFINITIVO MÓVIL: EVITAR CORTE HORIZONTAL */

@media(max-width:1000px){

  html,
  body,
  .main,
  main{
    width:100% !important;
    max-width:100% !important;
    overflow-x:hidden !important;
  }

  .filters,
  .heatmap,
  .top100-section{
    width:100% !important;
    max-width:100% !important;
    margin-left:0 !important;
    margin-right:0 !important;
    box-sizing:border-box !important;
  }

  .heatmap{
    padding:16px 6px 18px !important;
    grid-template-columns:repeat(10, minmax(0, 1fr)) !important;
    grid-auto-rows:34px !important;
    gap:3px !important;
  }

  .btc{
    grid-column:span 4 !important;
    grid-row:span 6 !important;
  }

  .eth{
    grid-column:span 2 !important;
    grid-row:span 6 !important;
  }

  .xrp,
  .bnb{
    grid-column:span 2 !important;
    grid-row:span 3 !important;
  }

  .sol{
    grid-column:span 3 !important;
    grid-row:span 2 !important;
  }

  .coin:not(.btc):not(.eth):not(.xrp):not(.bnb):not(.sol){
    grid-column:span 1 !important;
    grid-row:span 2 !important;
  }

  .coin{
    min-width:0 !important;
  }
}

/* FIX MÓVIL SOLO FILTROS SUPERIORES */

@media(max-width:1000px){

  .filters{
    width:100% !important;
    max-width:100% !important;
    padding:18px 14px 16px !important;
    box-sizing:border-box !important;

    display:grid !important;
    grid-template-columns:1fr !important;
    gap:12px !important;

    overflow:hidden !important;
  }

  .filters div{
    width:100% !important;
    max-width:100% !important;
    display:flex !important;
    justify-content:center !important;
    overflow:hidden !important;
  }

  .filters div:nth-child(1){
    grid-column:auto !important;
  }

  .filters div:nth-child(2),
  .filters div:nth-child(3){
    grid-column:auto !important;
  }

  .filters button{
    height:38px !important;
    min-width:0 !important;
    flex:1 1 0 !important;
    max-width:115px !important;

    padding:0 8px !important;
    font-size:13px !important;
    font-weight:700 !important;

    white-space:nowrap !important;
    text-align:center !important;
  }

  .filters div:nth-child(1) button{
    max-width:95px !important;
  }

  .filters div:nth-child(2) button,
  .filters div:nth-child(3) button{
    max-width:140px !important;
  }

  .filters button:first-of-type{
    border-radius:10px 0 0 10px !important;
  }

  .filters button:last-of-type{
    border-radius:0 10px 10px 0 !important;
  }

  .filters small,
  .bitunix{
    display:none !important;
  }
}

/* FILTROS MÓVIL PREMIUM - ORDEN FINAL */

@media(max-width:1000px){

  .filters{
    width:100% !important;
    max-width:100% !important;
    padding:18px 18px 16px !important;
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:12px 14px !important;
    align-items:center !important;
    justify-items:center !important;
    overflow:hidden !important;
  }

  .filters small,
  .bitunix{
    display:none !important;
  }

  .filters div{
    display:flex !important;
    width:100% !important;
    max-width:100% !important;
    justify-content:center !important;
    gap:0 !important;
  }

  .filters div:nth-child(1){
    grid-column:1 / 3 !important;
    width:270px !important;
  }

  .filters div:nth-child(2){
    grid-column:1 / 2 !important;
    justify-content:flex-end !important;
  }

  .filters div:nth-child(3){
    grid-column:2 / 3 !important;
    justify-content:flex-start !important;
  }

  .filters button{
    height:40px !important;
    min-width:0 !important;
    padding:0 12px !important;
    font-size:13px !important;
    font-weight:700 !important;
    border-radius:0 !important;
    white-space:nowrap !important;
  }

  .filters div:nth-child(1) button{
    width:90px !important;
  }

  .filters div:nth-child(2) button{
    width:105px !important;
  }

  .filters div:nth-child(3) button{
    width:118px !important;
  }

  .filters button:first-of-type{
    border-radius:10px 0 0 10px !important;
  }

  .filters button:last-of-type{
    border-radius:0 10px 10px 0 !important;
  }

  .filters .selected{
    border-bottom:2px solid #00d084 !important;
  }
}

@media(max-width:1000px){

  .header{
    height:82px !important;
    padding:0 18px !important;
  }

  .login{
    width:165px !important;
    height:56px !important;

    font-size:14px !important;
    font-weight:700 !important;

    border-radius:14px !important;

    padding:0 !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
  }

}

@media(max-width:1000px){

  .login{
    width:120px !important;
    height:38px !important;
    font-size:11px !important;
  }

}

/* QUITAR TOP 100 DUPLICADO CORTADO EN MÓVIL */

@media(max-width:1000px){
  .heatmap::after{
    display:none !important;
    content:none !important;
  }
}

@media(max-width:1000px){

.top100-section h1{
    font-size:24px !important;
    font-weight:800 !important;
    margin:18px 0 16px !important;
    text-align:center !important;
}

.top100-table{
    border-radius:18px !important;
    overflow:hidden !important;
}

.top100-row{
    min-height:78px !important;
    padding:14px 16px !important;
}

.top100-row img{
    width:34px !important;
    height:34px !important;
}

.top100-row .coin-name{
    font-size:16px !important;
    font-weight:700 !important;
}

.top100-row .coin-symbol{
    font-size:11px !important;
    color:#8b8fa8 !important;
    margin-top:2px !important;
}

.top100-row .price{
    font-size:18px !important;
    font-weight:800 !important;
}

.top100-row .change{
    font-size:12px !important;
    font-weight:700 !important;
}

.top100-head{
    display:none !important;
}

}

/* TOP 100 MÓVIL PREMIUM */

@media(max-width:1000px){

  .top100-head{
    display:none !important;
  }

  .top100-table{
    border-radius:18px !important;
    overflow:hidden !important;
    background:#0b0e19 !important;
    border:1px solid #1c2435 !important;
  }

  .top100-row{
    min-width:0 !important;
    width:100% !important;
    min-height:92px !important;
    padding:16px 18px !important;

    display:grid !important;
    grid-template-columns:58px 1fr auto !important;
    align-items:center !important;
    gap:14px !important;

    border-bottom:1px solid #171d2f !important;
  }

  .top100-row > span:first-child{
    display:none !important;
  }

  .top100-row .coin-name{
    display:flex !important;
    align-items:center !important;
    gap:14px !important;
    grid-column:1 / 3 !important;
  }

  .top100-row .coin-name img{
    width:48px !important;
    height:48px !important;
    border-radius:50% !important;
  }

  .top100-row .coin-name strong{
    font-size:22px !important;
    font-weight:900 !important;
    color:#ffffff !important;
    line-height:1.1 !important;
  }

  .top100-row .coin-name small{
    font-size:17px !important;
    color:#8f99c8 !important;
    margin-top:4px !important;
    font-weight:500 !important;
  }

  .top100-row > strong{
    grid-column:3 !important;
    grid-row:1 !important;

    font-size:22px !important;
    font-weight:900 !important;
    color:#ffffff !important;
    text-align:right !important;
    white-space:nowrap !important;
  }

  .top100-row b{
    display:none !important;
  }

  .top100-row b:nth-of-type(2){
    display:block !important;
    grid-column:3 !important;
    grid-row:1 !important;

    margin-top:32px !important;
    font-size:19px !important;
    font-weight:900 !important;
    text-align:right !important;
    white-space:nowrap !important;
  }

  .top100-row > span:not(:first-child),
  .top100-row .sparkline{
    display:none !important;
  }

  .top100-section{
    padding:34px 22px 100px !important;
  }

  .top100-section h1{
    font-size:30px !important;
    font-weight:900 !important;
    text-align:center !important;
    margin:0 0 22px !important;
  }
}

/* LOGO */
.top100-row .coin-name img{
    width:42px !important;
    height:42px !important;
}

/* NOMBRE */
.top100-row .coin-name strong{
    font-size:17px !important;
    font-weight:700 !important;
    line-height:1.1 !important;
}

/* TICKER */
.top100-row .coin-name small{
    font-size:13px !important;
    font-weight:500 !important;
    color:#8f99c8 !important;
}

/* PRECIO */
.top100-row > strong{
    font-size:17px !important;
    font-weight:700 !important;
}

/* % */
.top100-row b:nth-of-type(2){
    font-size:14px !important;
    font-weight:700 !important;
    margin-top:24px !important;
}

/* ALTURA FILAS */
.top100-row{
    min-height:74px !important;
    padding:14px 18px !important;
}

.top100-section h1{
    font-size:28px !important;
    font-weight:800 !important;
    margin-bottom:18px !important;
}

.top100-row b:nth-of-type(2){
    font-size:14px !important;
    font-weight:700 !important;

    margin-top:30px !important; /* antes 24 */
    display:block !important;
}