/* MTC FIFA Clubes - estilos */

.mtc-fc-wrap{
	--fc-pink: var(--mtc-pink, #ff3899);
	--fc-gold: var(--mtc-gold, #ffc300);
	--fc-bg-1: var(--mtc-bg-1, #180a12);
	--fc-bg-2: var(--mtc-bg-2, #22101a);
	--fc-border: var(--mtc-border, #3a1826);
	--fc-text-1: var(--mtc-text-1, #f5eef1);
	--fc-text-2: var(--mtc-text-2, #b58fa0);
	--fc-text-3: var(--mtc-text-3, #7a5568);

	max-width:1320px;
	margin:0 auto;
	padding:40px 32px 80px;
	color:var(--fc-text-1);
	font-family:'Inter', sans-serif;
}

.mtc-fc-club-head{
	display:flex; align-items:flex-end; justify-content:space-between; flex-wrap:wrap; gap:20px;
	border-bottom:1px solid var(--fc-border); padding-bottom:28px; margin-bottom:40px;
}
.mtc-fc-club-name{ font-family:'Rajdhani', sans-serif; text-transform:uppercase; font-size:30px; margin:0 0 4px; }
.mtc-fc-division{ color:var(--fc-gold); font-size:13px; margin:0; }
.mtc-fc-club-stats{ display:flex; gap:32px; }
.mtc-fc-club-stats > div{ text-align:right; }
.mtc-fc-num{ display:block; font-size:16px; color:var(--fc-pink); font-weight:600; }
.mtc-fc-label{ font-size:11px; text-transform:uppercase; letter-spacing:0.06em; color:var(--fc-text-3); }

.mtc-fc-empty{ text-align:center; color:var(--fc-text-2); padding:60px 20px; }
.mtc-fc-empty a{ color:var(--fc-pink); }

.mtc-fc-section-head{ display:flex; align-items:baseline; justify-content:space-between; margin:36px 0 18px; }
.mtc-fc-section-head:first-of-type{ margin-top:0; }
.mtc-fc-section-head h3{ font-family:'Rajdhani', sans-serif; text-transform:uppercase; font-size:20px; margin:0; color:var(--fc-text-2); }
.mtc-fc-section-head p{ color:var(--fc-text-3); font-size:12px; margin:0; }

.mtc-fc-grid{ display:grid; grid-template-columns:repeat(6, 1fr); gap:14px; }

.mtc-fc-card{
	position:relative; background:var(--fc-bg-1); border:1px solid var(--fc-border); border-radius:8px;
	padding:0; cursor:pointer; text-align:left; color:var(--fc-text-1); font-family:'Inter', sans-serif;
	overflow:hidden; transition:transform .2s ease, border-color .2s ease;
}
.mtc-fc-card:hover{ transform:translateY(-4px); border-color:var(--fc-pink); }
.mtc-fc-ovr{
	position:absolute; top:8px; left:8px; z-index:2;
	background:var(--fc-gold); color:#2a1c00; font-size:12px; font-weight:700;
	padding:2px 7px; border-radius:4px;
}
.mtc-fc-card-photo{
	position:relative; height:130px; background:var(--fc-bg-2);
	display:flex; align-items:center; justify-content:center; overflow:hidden;
}
.mtc-fc-card-photo img{ width:100%; height:100%; object-fit:cover; }
.mtc-fc-initials{ font-size:26px; font-weight:700; color:var(--fc-text-3); }
.mtc-fc-dorsal-badge{
	position:absolute; top:8px; right:8px; background:var(--fc-pink); color:#2a0416;
	font-size:12px; font-weight:700; padding:2px 8px; border-radius:20px;
}
.mtc-fc-card-info{ padding:12px; }
.mtc-fc-card-name{ font-size:13px; font-weight:600; margin-bottom:2px; }
.mtc-fc-card-pos{ font-size:11px; color:var(--fc-gold); text-transform:uppercase; letter-spacing:0.03em; }

/* ---------- Modal ---------- */
.mtc-fc-modal{ position:fixed; inset:0; z-index:1000; display:none; align-items:center; justify-content:center; padding:20px; }
.mtc-fc-modal.is-open{ display:flex; }
.mtc-fc-modal-backdrop{ position:absolute; inset:0; background:rgba(10,4,7,0.82); backdrop-filter:blur(4px); animation:mtcFcFadeIn .2s ease; }
.mtc-fc-modal-panel{
	position:relative; background:var(--fc-bg-1); border:1px solid var(--fc-border); border-radius:12px;
	max-width:620px; width:100%; max-height:86vh; overflow-y:auto; animation:mtcFcSlideUp .25s ease;
}
@keyframes mtcFcFadeIn{ from{ opacity:0; } to{ opacity:1; } }
@keyframes mtcFcSlideUp{ from{ opacity:0; transform:translateY(24px); } to{ opacity:1; transform:translateY(0); } }

.mtc-fc-modal-close{
	position:absolute; top:12px; right:14px; z-index:2; background:transparent; border:none;
	color:var(--fc-text-2); font-size:28px; line-height:1; cursor:pointer;
}
.mtc-fc-modal-close:hover{ color:var(--fc-pink); }

.mtc-fc-detail{ display:flex; flex-direction:column; }
.mtc-fc-detail-photo{
	position:relative; height:220px; background:var(--fc-bg-2);
	display:flex; align-items:center; justify-content:center; border-radius:12px 12px 0 0; overflow:hidden;
}
.mtc-fc-detail-photo img{ width:100%; height:100%; object-fit:cover; }
.mtc-fc-detail-photo .mtc-fc-initials{ font-size:52px; }
.mtc-fc-detail-ovr{
	position:absolute; top:14px; left:14px; background:var(--fc-gold); color:#2a1c00;
	font-size:13px; font-weight:700; padding:3px 10px; border-radius:6px;
}
.mtc-fc-detail-body{ padding:26px; }
.mtc-fc-detail-dorsal{ color:var(--fc-pink); font-size:14px; margin-bottom:4px; }
.mtc-fc-detail-name{ font-family:'Rajdhani', sans-serif; text-transform:uppercase; font-size:28px; margin:0 0 4px; }
.mtc-fc-detail-pos{ color:var(--fc-gold); font-size:13px; text-transform:uppercase; letter-spacing:0.05em; margin-bottom:16px; }
.mtc-fc-detail-bio{ color:var(--fc-text-2); line-height:1.7; font-size:14px; margin-bottom:22px; }
.mtc-fc-detail-bio p{ margin:0 0 12px; }

.mtc-fc-detail-stats{ display:grid; grid-template-columns:repeat(2, 1fr); gap:10px; border-top:1px solid var(--fc-border); padding-top:18px; }
.mtc-fc-detail-stats > div{
	display:flex; justify-content:space-between; font-size:13px; color:var(--fc-text-2);
	background:var(--fc-bg-2); padding:8px 12px; border-radius:6px;
}
.mtc-fc-detail-stats b{ color:var(--fc-text-1); }

@media (max-width: 1100px){
	.mtc-fc-grid{ grid-template-columns:repeat(4, 1fr); }
}
@media (max-width: 720px){
	.mtc-fc-wrap{ padding:24px 20px 50px; }
	.mtc-fc-grid{ grid-template-columns:repeat(2, 1fr); }
	.mtc-fc-detail-stats{ grid-template-columns:1fr; }
}