/* ======================================================
   ELIMINATORIAS / BRACKETS
   Compatible con fcwc-brackets.js usando:
   columnas + slots + connector-box
====================================================== */

.fcwc-bracket-wrap{
  width:100%;
  overflow:hidden;
}

/* Tabs superiores de rondas */
.fcwc-bracket-tabs{
  display:flex;
  align-items:center;
  gap:8px;
  overflow-x:auto;
  padding:4px 4px 12px;
  margin-bottom:8px;
  scrollbar-width:thin;
}

.fcwc-bracket-tabs button{
  appearance:none;
  border:1px solid #e5e7eb;
  background:#fff;
  color:#0f172a;
  border-radius:999px;
  padding:8px 14px;
  font-size:12px;
  line-height:1;
  font-weight:900;
  cursor:pointer;
  white-space:nowrap;
  box-shadow:0 2px 6px rgba(15,23,42,.04);
}

.fcwc-bracket-tabs button.is-active{
  border:2px solid var(--fcwc-red);
  color:var(--fcwc-red);
  background:#fff;
}

/* Scroll horizontal */
.fcwc-bracket-scroll{
  width:100%;
  overflow-x:auto;
  overflow-y:hidden;
  padding:4px 0 16px;
  scrollbar-width:thin;
}

.fcwc-bracket-canvas{
  display:flex;
  align-items:flex-start;
  min-width:max-content;
  padding:0px;
  background:#fff;
}

/* Columnas */
.fcwc-bracket-column{
  flex:0 0 auto;
}

.fcwc-bracket-column h3{
  margin:0 0 10px;
  height:18px;
  font-size:13px;
  font-weight:900;
  line-height:18px;
  text-align:center;
  color:#07152f;
}

.fcwc-bracket-column-body{
  position:relative;
}

.fcwc-bracket-slot{
  position:relative;
}

.fcwc-bracket-final-row{
  display:flex;
  align-items:center;
  gap:20px;
}

.fcwc-bracket-final-row .fcwc-bracket-card{
  flex-shrink:0;
  width:240px; /* o el ancho que estés usando */
}

.fcwc-bracket-trophy{
  flex-shrink:0;
  width:110px;
  height:110px;
  object-fit:contain;
}
/* Cards */
.fcwc-bracket-card{
  width:240px;
  min-height:92px;
  display:block;
  position:relative;
  z-index:3;
  text-decoration:none;
  color:#07152f;
  background:#fff;
  border:1px solid #e5e7eb;
  border-radius:10px;
  padding:7px 8px;
  box-shadow:0 2px 8px rgba(15,23,42,.08);
}

.fcwc-bracket-card:hover{
  border-color:#cbd5e1;
  box-shadow:0 4px 12px rgba(15,23,42,.11);
}

.fcwc-bracket-card-top{
  display:flex;
  align-items:center;
  gap:5px;
  margin-bottom:5px;
}

.fcwc-bracket-card-top span{
  flex:0 0 auto;
  font-size:10px;
  font-weight:900;
  color:#64748b;
}

.fcwc-bracket-card-top small{
  flex:1;
  min-width:0;
  font-size:10px;
  font-weight:800;
  color:#64748b;
  text-align:right;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.fcwc-bracket-card-top small.is-live{
  color:var(--fcwc-red);
}

/* Equipos */
.fcwc-bracket-team{
  display:flex;
  align-items:center;
  justify-content:space-between;
  min-height:24px;
  padding:3px 4px;
  border-radius:6px;
}

.fcwc-bracket-team.is-winner{
  background:rgba(252,39,41,.07);
}

.fcwc-bracket-team-left{
  flex:1;
  min-width:0;
  display:flex;
  align-items:center;
}

.fcwc-bracket-team-left img,
.fcwc-bracket-logo-ghost{
  width:20px;
  height:20px;
  flex:0 0 18px;
  margin-right:5px;
  border-radius:999px;
  object-fit:contain;
}

.fcwc-bracket-logo-ghost{
  display:inline-block;
  background:#e5e7eb;
}

.fcwc-bracket-team-left span{
  flex:1;
  min-width:0;
  font-size:12px;
  font-weight:700;
  line-height:1.1;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.fcwc-bracket-team.is-winner .fcwc-bracket-team-left span{
  font-weight:900;
}

.fcwc-bracket-team strong{
  width:20px;
  flex:0 0 20px;
  text-align:center;
  font-size:13px;
  font-weight:900;
  color:#07152f;
}

.fcwc-bracket-team.is-winner strong{
  color:var(--fcwc-red);
}

/* Badges */
.fcwc-bracket-badge{
  position:absolute;
  left:50%;
  bottom:-11px;
  transform:translateX(-50%);
  z-index:6;
  background:#f59e0b;
  color:#fff;
  border-radius:999px;
  padding:2px 8px;
  font-size:10px;
  line-height:1.2;
  font-weight:900;
  white-space:nowrap;
}

.fcwc-bracket-badge.is-third{
  background:#9ca3af;
}

/* Trofeo */
.fcwc-bracket-trophy{
  width:110px;
  height:110px;
  object-fit:contain;
  margin-left:6px;
  position:static;
}

/* Conectores */
.fcwc-bracket-connector-box{
  position:absolute;
  left:240px;
  top:46px;
  width:70px;
  z-index:1;
  pointer-events:none;
}

.fcwc-connector-top{
  position:absolute;
  left:0;
  top:0;
  width:35px;
  height:2px;
  background:#cbd5e1;
}

.fcwc-connector-vertical{
  position:absolute;
  left:35px;
  top:0;
  width:2px;
  background:#cbd5e1;
}

.fcwc-connector-bottom{
  position:absolute;
  left:0;
  width:35px;
  height:2px;
  background:#cbd5e1;
}

.fcwc-connector-middle{
  position:absolute;
  left:35px;
  width:35px;
  height:2px;
  background:#cbd5e1;
}

/* Placeholder */
.fcwc-brackets-placeholder{
  
  color:#64748b;
  font-weight:800;
  text-align:center;
}

/* ======================================================
   RESPONSIVE
====================================================== */

@media(max-width:640px){
  .fcwc-bracket-tabs{
    padding-bottom:10px;
  }

  .fcwc-bracket-tabs button{
    padding:7px 12px;
    font-size:11px;
  }

  .fcwc-bracket-canvas{
    padding-right:0px;
  }

  .fcwc-bracket-team-left span{
    font-size:11px;
  }

  .fcwc-bracket-trophy{
    width:84px;
    height:84px;
    margin-left:0;
  }

}