/* ======================================================
   ESTADIOS MUNDIAL 2026
====================================================== */

.fcwc-stadium-grid-pro{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}

.fcwc-stadium-card-pro{
  overflow:hidden;
  border:1px solid rgba(15,23,42,.08);
  border-radius:16px;
  background:#fff;
  box-shadow:0 3px 12px rgba(15,23,42,.06);
  cursor:pointer;
}

.fcwc-stadium-photo{
  width:100%;
  height:180px;
  display:block;
  object-fit:cover;
  background:#e5e7eb;
}

.fcwc-stadium-photo.is-empty{
  background:linear-gradient(135deg,#e5e7eb,#f8fafc);
}

.fcwc-stadium-card-body{
  padding:12px;
}

.fcwc-stadium-card-body h3{
  margin:0 0 6px;
  font-size:17px;
  font-weight:900;
  color:#061a38;
}

.fcwc-stadium-card-body p{
  margin:0 0 8px;
  font-size:12px;
  font-weight:700;
  color:#64748b;
}

.fcwc-stadium-meta-row{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  margin-bottom:10px;
}

.fcwc-stadium-meta-row span{
  display:inline-flex;
  border-radius:999px;
  padding:5px 8px;
  background:#eef2f7;
  color:#334155;
  font-size:11px;
  font-weight:900;
}

.fcwc-stadium-bottom{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}

.fcwc-stadium-bottom strong{
  color:#0f172a;
  font-size:12px;
  font-weight:900;
}

.fcwc-stadium-bottom button{
  border:0;
  border-radius:999px;
  padding:7px 11px;
  background:#0646c9;
  color:#fff;
  font-size:11px;
  font-weight:900;
  cursor:pointer;
}

/* Vista detalle */

.fcwc-stadium-detail{
  background:#fff;
  border:1px solid rgba(15,23,42,.08);
  border-radius:16px;
  overflow:hidden;
  box-shadow:0 3px 12px rgba(15,23,42,.06);
}

.fcwc-stadium-back{
  margin:12px;
  border:0;
  border-radius:999px;
  padding:8px 12px;
  background:#eef2f7;
  color:#0f172a;
  font-size:12px;
  font-weight:900;
  cursor:pointer;
}

.fcwc-stadium-detail-photo{
  width:100%;
  height:280px;
  display:block;
  object-fit:cover;
  background:#e5e7eb;
}

.fcwc-stadium-detail h3{
  margin:12px 12px 6px;
  color:#061a38;
  font-size:22px;
  font-weight:900;
}

.fcwc-stadium-location,
.fcwc-stadium-info{
  margin:0 12px 8px;
  color:#64748b;
  font-size:13px;
  font-weight:700;
}

.fcwc-stadium-detail h4{
  margin:16px 12px 10px;
  font-size:15px;
  font-weight:900;
  color:#0f172a;
}

/* Partidos del estadio */

.fcwc-stadium-match-card{
  display:block;
  margin:0 12px 10px;
  padding:10px;
  border:1px solid rgba(15,23,42,.10);
  border-radius:14px;
  background:#fff;
  color:#0f172a;
  text-decoration:none !important;
  box-shadow:0 2px 8px rgba(15,23,42,.04);
}

.fcwc-stadium-match-card,
.fcwc-stadium-match-card *,
.fcwc-stadium-match-card:visited,
.fcwc-stadium-match-card:hover{
  text-decoration:none !important;
}

.fcwc-stadium-match-top{
  margin-bottom:8px;
}

.fcwc-stadium-match-top span{
  color:#64748b;
  font-size:11px;
  font-weight:900;
}

.fcwc-stadium-match-body{
  display:grid;
  grid-template-columns:1fr 86px 1fr;
  align-items:center;
  gap:10px;
}

.fcwc-stadium-match-team{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:5px;
  min-width:0;
}

.fcwc-stadium-match-team img,
.fcwc-stadium-logo-ghost{
  width:34px;
  height:34px;
  object-fit:contain;
}

.fcwc-stadium-logo-ghost{
  border-radius:999px;
  background:#e5e7eb;
}

.fcwc-stadium-match-team strong{
  color:#0f172a;
  font-size:10px;
  line-height:1.1;
  font-weight:900;
  text-align:center;
  text-transform:uppercase;
}

.fcwc-stadium-match-center{
  text-align:center;
}

.fcwc-stadium-match-center strong{
  display:block;
  color:#0f172a;
  font-size:20px;
  line-height:1;
  font-weight:900;
}

.fcwc-stadium-match-center span{
  display:block;
  margin-top:4px;
  color:#64748b;
  font-size:10px;
  font-weight:800;
}

.fcwc-stadium-match-center small{
  display:block;
  margin-top:3px;
  color:#0646c9;
  font-size:9px;
  font-weight:900;
}

.fcwc-stadium-empty,
.fcwc-stadium-loading{
  border:1px solid rgba(15,23,42,.10);
  border-radius:14px;
  padding:14px;
  text-align:center;
  color:#64748b;
  background:#fff;
  font-size:13px;
  font-weight:800;
}

.fcwc-stadium-country-tabs{
  display:flex;
  align-items:center;
  gap:8px;
  overflow-x:auto;
  padding:2px 2px 12px;
  margin-bottom:10px;
  scrollbar-width:thin;
}

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

.fcwc-stadium-country-tabs button.is-active{
  background:#0646c9;
  border-color:#0646c9;
  color:#fff;
}
/* ======================================================
   MÓVIL
====================================================== */

@media(max-width:640px){
  .fcwc-stadium-grid-pro{
    grid-template-columns:1fr;
    gap:12px;
  }

  .fcwc-stadium-photo{
    height:190px;
  }

  .fcwc-stadium-card-body{
    padding:10px;
  }

  .fcwc-stadium-card-body h3{
    font-size:16px;
  }

  .fcwc-stadium-detail-photo{
    height:220px;
  }

  .fcwc-stadium-detail h3{
    font-size:18px;
  }

  .fcwc-stadium-match-body{
    grid-template-columns:1fr 76px 1fr;
    gap:8px;
  }

  .fcwc-stadium-match-team img,
  .fcwc-stadium-logo-ghost{
    width:30px;
    height:30px;
  }

  .fcwc-stadium-match-center strong{
    font-size:18px;
  }
}