/* ============================================================
   Factor Partido · Match Intelligence Board v1
   Convierte /partidos en una agenda priorizada por contexto.
   ============================================================ */

.fp-mib-board{
  padding:22px 48px 0;
  background:
    radial-gradient(circle at 12% 0%,rgba(0,212,232,.12),transparent 32%),
    linear-gradient(180deg,var(--bg) 0%,#070b13 100%);
}

.fp-mib-head{
  max-width:1180px;
  margin:0 auto 16px;
  display:grid;
  grid-template-columns:minmax(0,1fr) 210px;
  gap:18px;
  align-items:end;
}

.fp-mib-kicker{
  display:inline-flex;
  align-items:center;
  gap:9px;
  color:var(--cyan);
  border:1px solid rgba(0,212,232,.18);
  background:rgba(0,212,232,.07);
  border-radius:999px;
  padding:7px 11px;
  font-size:10px;
  font-weight:950;
  text-transform:uppercase;
  letter-spacing:.10em;
  margin-bottom:10px;
}

.fp-mib-kicker i{
  width:7px;
  height:7px;
  border-radius:99px;
  background:var(--cyan);
  box-shadow:0 0 0 6px rgba(0,212,232,.10);
}

.fp-mib-head h2{
  margin:0 0 7px;
  color:var(--white);
  font-family:var(--font-h);
  font-size:36px;
  line-height:1;
  font-weight:950;
}

.fp-mib-head p{
  margin:0;
  color:var(--gray);
  line-height:1.6;
  max-width:720px;
}

.fp-mib-status{
  border:1px solid rgba(0,212,232,.18);
  background:linear-gradient(180deg,rgba(0,212,232,.08),rgba(255,255,255,.025));
  border-radius:20px;
  padding:14px;
  text-align:right;
}

.fp-mib-status span{
  display:block;
  color:var(--gray2);
  font-size:10px;
  font-weight:950;
  text-transform:uppercase;
  letter-spacing:.10em;
  margin-bottom:8px;
}

.fp-mib-status strong{
  color:var(--cyan);
  display:block;
  font-family:var(--font-h);
  font-size:25px;
  line-height:1;
}

.fp-mib-status small{
  display:block;
  color:var(--gray);
  margin-top:7px;
  font-size:10px;
}

.fp-mib-console{
  max-width:1180px;
  margin:0 auto;
  display:grid;
  grid-template-columns:210px minmax(0,1fr) minmax(320px,.95fr);
  gap:14px;
}

.fp-mib-radar,
.fp-mib-main,
.fp-mib-signals,
.fp-mib-card,
.fp-mib-empty{
  border:1px solid rgba(255,255,255,.09);
  background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.018));
  border-radius:24px;
  box-shadow:0 18px 46px rgba(0,0,0,.16);
}

.fp-mib-radar{
  padding:16px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:13px;
  text-align:center;
}

.fp-mib-radar-screen{
  position:relative;
  width:138px;
  height:138px;
  margin:0 auto;
  border-radius:999px;
  overflow:hidden;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(0,212,232,.18);
  background:radial-gradient(circle,rgba(0,212,232,.13),rgba(0,212,232,.035) 42%,transparent 70%);
}

.fp-mib-radar-screen .ring{
  position:absolute;
  border-radius:999px;
  border:1px solid rgba(0,212,232,.16);
}

.fp-mib-radar-screen .r1{width:84px;height:84px}
.fp-mib-radar-screen .r2{width:116px;height:116px}

.fp-mib-radar-screen .beam{
  position:absolute;
  inset:50% 0 0 50%;
  transform-origin:0 0;
  background:linear-gradient(70deg,rgba(0,212,232,.24),transparent 65%);
  animation:fpMibRadar 3.4s linear infinite;
}

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

.fp-mib-radar-screen .dot{
  position:absolute;
  width:8px;
  height:8px;
  border-radius:99px;
  background:#22c55e;
  box-shadow:0 0 18px rgba(34,197,94,.60);
}

.fp-mib-radar-screen .d1{left:38px;top:48px}
.fp-mib-radar-screen .d2{right:36px;top:78px;background:var(--cyan)}
.fp-mib-radar-screen .d3{left:72px;bottom:32px;background:#eab308}

.fp-mib-radar-screen strong{
  position:relative;
  z-index:2;
  color:var(--white);
  font-family:var(--font-h);
  font-weight:950;
}

.fp-mib-radar b{
  display:block;
  color:var(--white);
  margin-bottom:5px;
}

.fp-mib-radar span{
  color:var(--gray);
  font-size:11px;
  line-height:1.4;
}

.fp-mib-main,
.fp-mib-signals{
  padding:14px;
  min-width:0;
}

.fp-mib-title{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:10px;
  margin-bottom:10px;
}

.fp-mib-title span{
  color:var(--white);
  font-size:16px;
  font-weight:950;
}

.fp-mib-title button{
  border:0;
  background:transparent;
  color:var(--cyan);
  font-size:11px;
  font-weight:950;
  cursor:pointer;
}

.fp-mib-card{
  display:block;
  color:inherit;
  text-decoration:none;
  padding:14px;
  transition:.2s ease;
}

.fp-mib-card:hover{
  transform:translateY(-2px);
  border-color:rgba(0,212,232,.24);
  box-shadow:0 18px 42px rgba(0,0,0,.18),0 0 28px rgba(0,212,232,.08);
}

.fp-mib-card.featured{
  min-height:258px;
}

.fp-mib-card-top{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:10px;
  margin-bottom:12px;
}

.fp-mib-card-top span{
  color:var(--cyan);
  font-size:10px;
  font-weight:950;
  text-transform:uppercase;
  letter-spacing:.06em;
}

.fp-mib-card-top strong{
  color:var(--gray);
  font-size:10px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.fp-mib-match{
  display:grid;
  grid-template-columns:minmax(0,1fr) 88px minmax(0,1fr);
  gap:9px;
  align-items:center;
}

.fp-mib-team{
  min-width:0;
  text-align:center;
}

.fp-mib-badge{
  width:46px;
  height:46px;
  border-radius:16px;
  display:flex;
  align-items:center;
  justify-content:center;
  margin:0 auto 7px;
  color:var(--cyan);
  background:rgba(0,212,232,.08);
  border:1px solid rgba(0,212,232,.18);
  font-family:var(--font-h);
  font-weight:950;
  font-size:12px;
}

.fp-mib-team b{
  display:-webkit-box;
  color:var(--white);
  font-size:12px;
  line-height:1.15;
  overflow:hidden;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
}

.fp-mib-score{
  min-height:52px;
  border:1px solid rgba(0,212,232,.18);
  background:rgba(0,212,232,.06);
  border-radius:17px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:var(--cyan);
  font-family:var(--font-h);
  font-weight:950;
  font-size:20px;
}

.fp-mib-pulse{
  margin-top:11px;
  border:1px solid rgba(0,212,232,.16);
  background:rgba(0,212,232,.06);
  border-radius:16px;
  padding:11px;
}

.fp-mib-pulse.green{border-color:rgba(34,197,94,.20);background:rgba(34,197,94,.07)}
.fp-mib-pulse.yellow{border-color:rgba(234,179,8,.20);background:rgba(234,179,8,.07)}
.fp-mib-pulse.gray{border-color:rgba(148,163,184,.18);background:rgba(148,163,184,.06)}

.fp-mib-pulse span{
  display:block;
  color:var(--gray2);
  font-size:9px;
  font-weight:950;
  text-transform:uppercase;
  letter-spacing:.10em;
  margin-bottom:5px;
}

.fp-mib-pulse strong{
  display:block;
  color:var(--white);
  font-size:15px;
}

.fp-mib-pulse small{
  display:block;
  color:var(--gray);
  line-height:1.4;
  margin-top:4px;
}

.fp-mib-card-actions{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  margin-top:10px;
}

.fp-mib-card-actions span{
  color:var(--gray);
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.035);
  border-radius:999px;
  padding:6px 8px;
  font-size:10px;
  font-weight:850;
}

.fp-mib-slider{
  display:flex;
  gap:10px;
  overflow:hidden;
  scroll-behavior:smooth;
}

.fp-mib-slider .fp-mib-card{
  flex:0 0 calc((100% - 10px)/2);
  min-width:0;
  border-radius:18px;
}

.fp-mib-slider .fp-mib-card .fp-mib-pulse small{
  display:none;
}

.fp-mib-card.fp-mib-active{
  border-color:rgba(0,212,232,.30);
  box-shadow:0 0 30px rgba(0,212,232,.10);
}

.fp-mib-empty{
  padding:18px;
  color:var(--gray);
}

.fp-mib-actions{
  max-width:1180px;
  margin:14px auto 0;
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:9px;
}

.fp-mib-actions button{
  border:1px solid rgba(255,255,255,.09);
  background:rgba(255,255,255,.035);
  color:var(--gray);
  border-radius:999px;
  padding:9px 12px;
  font-size:12px;
  font-weight:950;
  cursor:pointer;
}

.fp-mib-actions button:hover,
.fp-mib-actions button.active{
  color:#001018;
  background:var(--cyan);
  border-color:var(--cyan);
}

@media(max-width:1080px){
  .fp-mib-console{
    grid-template-columns:1fr;
  }

  .fp-mib-radar{
    display:none;
  }
}

@media(max-width:760px){
  .fp-mib-board{
    padding:16px 12px 0!important;
  }

  .fp-mib-head{
    grid-template-columns:1fr!important;
    gap:10px!important;
  }

  .fp-mib-head h2{
    font-size:28px!important;
  }

  .fp-mib-head p{
    font-size:12.5px!important;
    line-height:1.45!important;
  }

  .fp-mib-status{
    text-align:left!important;
    border-radius:17px!important;
    padding:11px!important;
  }

  .fp-mib-status strong{
    font-size:20px!important;
  }

  .fp-mib-main,
  .fp-mib-signals{
    border-radius:20px!important;
    padding:11px!important;
  }

  .fp-mib-card.featured{
    min-height:0!important;
  }

  .fp-mib-match{
    grid-template-columns:minmax(0,1fr) 76px minmax(0,1fr)!important;
  }

  .fp-mib-badge{
    width:40px!important;
    height:40px!important;
    border-radius:14px!important;
  }

  .fp-mib-team b{
    font-size:11px!important;
  }

  .fp-mib-score{
    min-height:46px!important;
    border-radius:15px!important;
    font-size:17px!important;
  }

  .fp-mib-slider{
    overflow-x:auto!important;
    scroll-snap-type:x mandatory!important;
    scrollbar-width:none;
  }

  .fp-mib-slider::-webkit-scrollbar{
    display:none;
  }

  .fp-mib-slider .fp-mib-card{
    flex:0 0 88%!important;
    scroll-snap-align:start;
  }

  .fp-mib-actions{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:7px!important;
  }

  .fp-mib-actions button{
    font-size:10px!important;
    padding:9px 4px!important;
  }

  .ptabs{
    overflow-x:auto!important;
    padding:0 12px!important;
    scrollbar-width:none;
  }

  .ptabs::-webkit-scrollbar{
    display:none;
  }

  .ptab{
    flex:0 0 auto;
    padding:12px 13px!important;
  }

  .pbar{
    padding:8px 12px!important;
  }

  .ptab-inner{
    padding:16px 12px!important;
  }
}