:root{
	--xg-bg: #060606;
	--xg-bg-soft: #101010;
	--xg-card: #171717;
	--xg-card-2: #1f1f1f;
	--xg-gold: #d3a642;
	--xg-gold-soft: #f0c96a;
	--xg-turquoise: #2bb7c7;
	--xg-cream: #f3ead8;
	--xg-text: #f5f1e8;
	--xg-text-soft: #cec6b7;
	--xg-border: rgba(216,170,67,.24);
	--xg-border-2: rgba(43,183,199,.20);
	--xg-shadow: 0 14px 40px rgba(0,0,0,.34);
	--xg-radius: 22px;
	--xg-max: 1200px;
}

body{
	background: var(--xg-bg);
}

.site,
#page{
	background:
		radial-gradient(circle at top, rgba(43,183,199,.08), transparent 28%),
		radial-gradient(circle at bottom right, rgba(216,170,67,.07), transparent 24%),
		linear-gradient(180deg, #050505 0%, #0b0b0b 100%);
	color: var(--xg-text);
}

.xg-team-page{
	color: var(--xg-text);
	padding: 0 20px 80px;
}

.xg-wrap{
	max-width: var(--xg-max);
	margin: 0 auto;
}

.xg-hero{
	padding: 36px 0 24px;
}

.xg-hero-box{
	position: relative;
	min-height: 560px;
	border-radius: 28px;
	overflow: hidden;
	border: 1px solid var(--xg-border);
	box-shadow: var(--xg-shadow);
	background: #111;
}

.xg-hero-media{
	position: absolute;
	inset: 0;
}

.xg-hero-media img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.xg-hero-overlay{
	position: absolute;
	inset: 0;
	background:
		linear-gradient(90deg, rgba(0,0,0,.82) 0%, rgba(0,0,0,.58) 42%, rgba(0,0,0,.45) 100%),
		linear-gradient(180deg, rgba(0,0,0,.12) 0%, rgba(0,0,0,.40) 100%);
}

.xg-hero-content{
	position: relative;
	z-index: 2;
	max-width: 720px;
	padding: 46px;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	min-height: 560px;
}

.xg-eyebrow{
	display: inline-block;
	font-size: 13px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: .14em;
	color: var(--xg-turquoise);
	margin-bottom: 14px;
}

.xg-hero h1{
	margin: 0 0 14px;
	font-size: clamp(2.2rem, 5vw, 4rem);
	line-height: 1.02;
	color: var(--xg-gold-soft);
	text-transform: uppercase;
	letter-spacing: .02em;
}

.xg-hero p{
	margin: 0 0 16px;
	font-size: 1.05rem;
	line-height: 1.75;
	color: var(--xg-text-soft);
	max-width: 680px;
}

.xg-hero-actions,
.xg-links-row,
.xg-contact-links{
	display: flex;
	flex-wrap: wrap;
	gap: 14px;
	margin-top: 24px;
}

.xg-btn{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 14px 22px;
	border-radius: 999px;
	text-decoration: none;
	font-weight: 700;
	transition: all .25s ease;
	border: 1px solid transparent;
}

.xg-btn-primary{
	background: linear-gradient(180deg, #e2b24d 0%, #b98626 100%);
	color: #0b0b0b;
	box-shadow: 0 8px 18px rgba(216,170,67,.24);
}

.xg-btn-primary:hover{
	transform: translateY(-2px);
	filter: brightness(1.04);
}

.xg-btn-secondary{
	background: transparent;
	color: var(--xg-cream);
	border-color: rgba(43,183,199,.38);
}

.xg-btn-secondary:hover{
	background: rgba(43,183,199,.08);
	transform: translateY(-2px);
}

.xg-section{
	padding: 22px 0;
}

.xg-section-title{
	margin: 0 0 18px;
	font-size: clamp(1.5rem, 3vw, 2.15rem);
	color: var(--xg-gold-soft);
	text-transform: uppercase;
	letter-spacing: .02em;
}

.xg-section-intro{
	max-width: 860px;
	color: var(--xg-text-soft);
	line-height: 1.75;
	margin-bottom: 24px;
}

.xg-grid-2{
	display: grid;
	grid-template-columns: repeat(2, minmax(0,1fr));
	gap: 22px;
}

.xg-grid-3{
	display: grid;
	grid-template-columns: repeat(3, minmax(0,1fr));
	gap: 22px;
}

.xg-grid-4{
	display: grid;
	grid-template-columns: repeat(4, minmax(0,1fr));
	gap: 16px;
}

.xg-card{
	background: linear-gradient(180deg, var(--xg-card) 0%, var(--xg-card-2) 100%);
	border: 1px solid var(--xg-border);
	border-radius: var(--xg-radius);
	padding: 24px;
	box-shadow: var(--xg-shadow);
}

.xg-card h2,
.xg-card h3{
	margin-top: 0;
	margin-bottom: 12px;
	color: var(--xg-gold);
}

.xg-card p{
	color: var(--xg-text-soft);
	line-height: 1.7;
	margin-bottom: 12px;
}

.xg-card p:last-child{
	margin-bottom: 0;
}

.xg-stat{
	text-align: left;
}

.xg-stat-label{
	display: inline-block;
	font-size: .78rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: .12em;
	color: var(--xg-turquoise);
	margin-bottom: 10px;
}

.xg-stat-value{
	font-size: 1.4rem;
	font-weight: 800;
	line-height: 1.2;
	color: var(--xg-cream);
}

.xg-schedule-block{
	padding: 16px 0;
	border-top: 1px solid rgba(255,255,255,.06);
}

.xg-schedule-block:first-child{
	padding-top: 0;
	border-top: 0;
}

.xg-schedule-time{
	font-size: 1.35rem;
	font-weight: 800;
	color: var(--xg-cream);
	margin-bottom: 7px;
}

.xg-place{
	font-weight: 700;
	color: var(--xg-cream);
	margin-bottom: 8px;
}

.xg-address{
	font-size: .98rem;
	line-height: 1.65;
	color: var(--xg-text-soft);
}

.xg-map-link{
	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin-top: 12px;
	padding: 10px 14px;
	border-radius: 999px;
	text-decoration: none;
	font-weight: 700;
	font-size: .95rem;
	color: var(--xg-cream);
	border: 1px solid rgba(43,183,199,.35);
	background: rgba(43,183,199,.06);
	transition: all .2s ease;
}

.xg-map-link:hover{
	transform: translateY(-2px);
	background: rgba(43,183,199,.10);
}

.xg-list{
	list-style: none;
	padding: 0;
	margin: 0;
}

.xg-list li{
	position: relative;
	padding-left: 20px;
	margin-bottom: 12px;
	line-height: 1.7;
	color: var(--xg-text-soft);
}

.xg-list li::before{
	content: "";
	position: absolute;
	left: 0;
	top: .72em;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: var(--xg-turquoise);
	box-shadow: 0 0 0 3px rgba(43,183,199,.12);
	transform: translateY(-50%);
}

.xg-note{
	margin-top: 14px;
	padding: 14px 16px;
	border-left: 4px solid var(--xg-turquoise);
	background: rgba(43,183,199,.06);
	border-radius: 0 12px 12px 0;
	color: var(--xg-text-soft);
}

.xg-gallery-grid{
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 8px;
}

.xg-gallery-item{
	position: relative;
	display: block;
	aspect-ratio: 1 / 1;
	overflow: hidden;
	border-radius: 14px;
	border: 1px solid rgba(255,255,255,.04);
	background: #0d0d0d;
	box-shadow: 0 8px 20px rgba(0,0,0,.18);
}

.xg-gallery-item img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	transition: transform .35s ease, opacity .35s ease;
}

.xg-gallery-item:hover img{
	transform: scale(1.05);
	opacity: .92;
}

.xg-gallery-item::after{
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, rgba(0,0,0,0) 40%, rgba(0,0,0,.14) 100%);
	opacity: 0;
	transition: opacity .3s ease;
}

.xg-gallery-item:hover::after{
	opacity: 1;
}

.xg-cta{
	margin-top: 8px;
	padding: 30px;
	border-radius: 24px;
	background:
		linear-gradient(135deg, rgba(216,170,67,.13), rgba(43,183,199,.10)),
		#121212;
	border: 1px solid rgba(216,170,67,.25);
	box-shadow: var(--xg-shadow);
	text-align: center;
}

.xg-cta h2{
	margin-top: 0;
	color: var(--xg-gold-soft);
}

.xg-cta p{
	max-width: 780px;
	margin: 0 auto 18px;
	color: var(--xg-text-soft);
	line-height: 1.75;
}

.xg-mini{
	font-size: .95rem;
	color: #bfb6a6;
	margin-top: 12px;
}

@media (max-width: 980px){
	.xg-grid-2,
	.xg-grid-3,
	.xg-grid-4{
		grid-template-columns: 1fr;
	}

	.xg-hero-box,
	.xg-hero-content{
		min-height: 480px;
	}

	.xg-hero-content{
		padding: 28px;
	}
}

@media (max-width: 900px){
	.xg-gallery-grid{
		grid-template-columns: repeat(3, 1fr);
	}
}

@media (max-width: 640px){
	.xg-team-page{
		padding: 0 14px 60px;
	}

	.xg-hero{
		padding-top: 24px;
	}

	.xg-card,
	.xg-cta{
		padding: 20px;
	}

	.xg-gallery-grid{
		grid-template-columns: repeat(2, 1fr);
	}

	.xg-btn,
	.xg-map-link{
		width: 100%;
	}

	.xg-hero-box,
	.xg-hero-content{
		min-height: 420px;
	}
}

.xg-lightbox{
	position: fixed;
	inset: 0;
	z-index: 99999;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 24px;
	background: rgba(0,0,0,.88);
	opacity: 0;
	visibility: hidden;
	transition: opacity .25s ease, visibility .25s ease;
}

.xg-lightbox.is-open{
	opacity: 1;
	visibility: visible;
}

.xg-lightbox-backdrop{
	position: absolute;
	inset: 0;
}

.xg-lightbox-inner{
	position: relative;
	z-index: 2;
	max-width: min(1100px, 92vw);
	max-height: 88vh;
	display: flex;
	align-items: center;
	justify-content: center;
}

.xg-lightbox-img{
	display: block;
	max-width: 100%;
	max-height: 88vh;
	width: auto;
	height: auto;
	border-radius: 16px;
	box-shadow: 0 20px 60px rgba(0,0,0,.45);
	border: 1px solid rgba(255,255,255,.08);
	background: #111;
}

.xg-lightbox-close{
	position: absolute;
	top: 14px;
	right: 14px;
	z-index: 3;
	width: 46px;
	height: 46px;
	border-radius: 999px;
	border: 1px solid rgba(255,255,255,.16);
	background: rgba(0,0,0,.55);
	color: #fff;
	font-size: 28px;
	line-height: 1;
	cursor: pointer;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	transition: transform .2s ease, background .2s ease;
}

.xg-lightbox-close:hover{
	transform: scale(1.06);
	background: rgba(211,166,66,.9);
	color: #111;
}

body.xg-lightbox-open{
	overflow: hidden;
}

.xg-lightbox-nav{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 3;
	width: 54px;
	height: 54px;
	border-radius: 999px;
	border: 1px solid rgba(255,255,255,.16);
	background: rgba(0,0,0,.55);
	color: #fff;
	font-size: 30px;
	line-height: 1;
	cursor: pointer;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	transition: transform .2s ease, background .2s ease, color .2s ease;
}

.xg-lightbox-nav:hover{
	background: rgba(211,166,66,.92);
	color: #111;
}

.xg-lightbox-prev{
	left: 18px;
}

.xg-lightbox-next{
	right: 18px;
}

@media (max-width: 640px){
	.xg-lightbox-nav{
		width: 44px;
		height: 44px;
		font-size: 24px;
	}

	.xg-lightbox-prev{
		left: 10px;
	}

	.xg-lightbox-next{
		right: 10px;
	}
}

.xg-cta{
	text-align: center;
}

.xg-cta .xg-contact-links{
	justify-content: center;
}

.xg-cta .xg-links-row{
	justify-content: center;
}

/* ===== PATROCINADORES ===== */

.xg-sponsors{
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
	gap: 24px;
	align-items: center;
	margin-top: 10px;
}

.xg-sponsor{
	background: linear-gradient(180deg, #111, #1a1a1a);
	border: 1px solid var(--xg-border);
	border-radius: 18px;
	padding: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all .25s ease;
}

.xg-sponsor img{
	max-width: 140px;
	max-height: 70px;
	width: auto;
	height: auto;
	filter: grayscale(100%) brightness(1.1);
	opacity: 0.85;
	transition: all .3s ease;
}

/* hover elegante */
.xg-sponsor:hover{
	transform: translateY(-4px);
	border-color: var(--xg-gold);
	box-shadow: 0 10px 30px rgba(216,170,67,.2);
}

.xg-sponsor:hover img{
	filter: grayscale(0%);
	opacity: 1;
	transform: scale(1.05);
}


/* ===== FIX TITLE MOBILE ===== */

@media (max-width: 768px){
    
    .site-branding-container {
        flex-direction: column;
    }

	.inside-header{
		display: flex;
		align-items: center;
	}

	.site-branding{
		flex: 1;
		min-width: 0; /* 🔥 clave para que pueda encogerse */
	}

	.main-title{
		font-size: 0.95rem;
	}
}

/* =========================
   FOOTER PERSONALIZADO
========================= */



.xg-prefooter-head{
	text-align: center;
	margin-bottom: 22px;
}

.xg-prefooter-head h2{
	margin: 0;
	font-size: clamp(1.35rem, 2.5vw, 2rem);
	color: var(--xg-gold-soft);
	text-transform: uppercase;
	letter-spacing: .03em;
}

.xg-sponsors-footer{
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
	gap: 20px;
	max-width: 700px;
	margin: 0 auto;
}

.xg-sponsor-footer{
	background: linear-gradient(180deg, #111, #1a1a1a);
	border: 1px solid var(--xg-border);
	border-radius: 18px;
	padding: 18px;
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 110px;
	box-shadow: var(--xg-shadow);
	transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease;
}

.xg-sponsor-footer:hover{
	transform: translateY(-3px);
	border-color: var(--xg-gold);
	box-shadow: 0 12px 28px rgba(216,170,67,.14);
}

.xg-sponsor-footer img{
	max-width: 150px;
	max-height: 64px;
	width: auto;
	height: auto;
	display: block;
}



.xg-footer-grid{
	display: grid;
	grid-template-columns: 1.2fr .8fr;
	gap: 30px;
}

.xg-footer-col h3{
	margin-top: 0;
	margin-bottom: 14px;
	color: var(--xg-gold-soft);
	font-size: 1.1rem;
	text-transform: uppercase;
	letter-spacing: .04em;
}

.xg-footer-col p{
	margin: 0;
	color: var(--xg-text-soft);
	line-height: 1.8;
	max-width: 560px;
}

.xg-footer-nav ul{
	list-style: none;
	padding: 0;
	margin: 0;
	display: grid;
	grid-template-columns: repeat(2, minmax(0,1fr));
	gap: 10px 18px;
}

.xg-footer-nav li{
	margin: 0;
}

.xg-footer-nav a{
	color: var(--xg-text-soft);
	text-decoration: none;
	transition: color .2s ease, transform .2s ease;
	display: inline-block;
}

.xg-footer-nav a:hover{
	color: var(--xg-gold-soft);
	transform: translateX(2px);
}



.xg-postfooter-inner{
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	flex-wrap: wrap;
}

.xg-postfooter p{
	margin: 0;
	font-size: .95rem;
	color: #bfa14c;
}

.xg-postfooter a{
	color: var(--xg-turquoise);
	text-decoration: none;
}

.xg-postfooter a:hover{
	color: var(--xg-cream);
}

@media (max-width: 768px){
	.xg-footer-grid{
		grid-template-columns: 1fr;
	}

	.xg-footer-nav ul{
		grid-template-columns: 1fr;
	}

	.xg-postfooter-inner{
		flex-direction: column;
		align-items: flex-start;
	}
}

/* ===== PÁGINA ENTRENAMIENTOS ===== */

.xg-train-page{
	color: var(--xg-text);
	padding: 0 20px 80px;
}

.xg-train-hero-box{
	display: grid;
	grid-template-columns: 320px 1fr;
	gap: 34px;
	align-items: center;
	background: linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,.01));
	border: 1px solid var(--xg-border);
	border-radius: 28px;
	padding: 34px;
	box-shadow: var(--xg-shadow);
}

.xg-logo-wrap{
	background: linear-gradient(180deg, #141414 0%, #0d0d0d 100%);
	border: 1px solid rgba(43,183,199,.22);
	border-radius: 24px;
	padding: 22px;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: inset 0 0 0 1px rgba(255,255,255,.02), 0 0 25px rgba(43,183,199,.05);
}

.xg-logo-wrap img{
	max-width: 100%;
	height: auto;
	display: block;
	filter: drop-shadow(0 10px 18px rgba(0,0,0,.45));
}

.xg-team-card{
	overflow: hidden;
	padding: 0;
}

.xg-team-photo{
	position: relative;
	aspect-ratio: 16 / 9;
	background: #0d0d0d;
	border-bottom: 1px solid var(--xg-border);
}

.xg-team-photo img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.xg-team-body{
	padding: 24px;
}

.xg-team-tag{
	display: inline-block;
	font-size: .78rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: .12em;
	color: var(--xg-turquoise);
	margin-bottom: 10px;
}

.xg-video-wrap{
	margin-top: 20px;
	border-radius: 20px;
	overflow: hidden;
	border: 1px solid var(--xg-border-2);
	box-shadow: var(--xg-shadow);
	background: #0b0b0b;
}

.xg-video-wrap iframe,
.xg-video-wrap video{
	display: block;
	width: 100%;
	min-height: 420px;
}

@media (max-width: 980px){
	.xg-train-hero-box{
		grid-template-columns: 1fr;
		padding: 24px;
		gap: 24px;
	}


	.xg-logo-wrap{
		max-width: 360px;
		margin: 0 auto;
	}
}

@media (max-width: 640px){
	.xg-train-page{
		padding: 0 14px 60px;
	}

	.xg-card,
	.xg-team-body,
	.xg-cta{
		padding: 20px;
	}

	.xg-video-wrap iframe,
	.xg-video-wrap video{
		min-height: 220px;
	}
}

/* ===== PÁGINA EQUIPOS ===== */

.xg-teams-page{
	color: var(--xg-text);
	padding: 0 20px 80px;
}

.xg-teams-hero-box{
	display: grid;
	grid-template-columns: 280px 1fr;
	gap: 34px;
	align-items: center;
	background: linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,.01));
	border: 1px solid var(--xg-border);
	border-radius: 28px;
	padding: 34px;
	box-shadow: var(--xg-shadow);
}

.xg-logo-wrap{
	background: linear-gradient(180deg, #141414 0%, #0d0d0d 100%);
	border: 1px solid rgba(43,183,199,.22);
	border-radius: 24px;
	padding: 22px;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: inset 0 0 0 1px rgba(255,255,255,.02), 0 0 25px rgba(43,183,199,.05);
}

.xg-logo-wrap img{
	max-width: 100%;
	height: auto;
	display: block;
	filter: drop-shadow(0 10px 18px rgba(0,0,0,.45));
}

.xg-team-card{
	position: relative;
	display: flex;
	flex-direction: column;
	min-height: 560px;
	overflow: hidden;
	border-radius: 24px;
	border: 1px solid var(--xg-border);
	background: linear-gradient(180deg, var(--xg-card) 0%, var(--xg-card-2) 100%);
	box-shadow: var(--xg-shadow);
	transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease;
}

.xg-team-card:hover{
	transform: translateY(-6px);
	border-color: rgba(240,201,106,.42);
	box-shadow: 0 18px 44px rgba(0,0,0,.42);
}

.xg-team-image{
	position: relative;
	aspect-ratio: 16 / 10;
	background: #0d0d0d;
	overflow: hidden;
}

.xg-team-image img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	transition: transform .5s ease;
}

.xg-team-card:hover .xg-team-image img{
	transform: scale(1.04);
}

.xg-team-image::after{
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, rgba(0,0,0,.08) 0%, rgba(0,0,0,.18) 40%, rgba(0,0,0,.72) 100%);
	pointer-events: none;
}

.xg-team-badge{
	position: absolute;
	top: 16px;
	left: 16px;
	z-index: 2;
	display: inline-flex;
	align-items: center;
	padding: 8px 12px;
	border-radius: 999px;
	background: rgba(0,0,0,.58);
	border: 1px solid rgba(43,183,199,.28);
	color: var(--xg-cream);
	font-size: .78rem;
	font-weight: 700;
	letter-spacing: .12em;
	text-transform: uppercase;
	backdrop-filter: blur(4px);
}

.xg-team-content{
	display: flex;
	flex: 1;
	flex-direction: column;
	padding: 24px;
}

.xg-team-content h2{
	margin: 0 0 12px;
	font-size: 1.8rem;
	color: var(--xg-gold);
}

.xg-team-content p{
	margin: 0 0 14px;
	line-height: 1.72;
	color: var(--xg-text-soft);
}

.xg-team-meta{
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin: 6px 0 18px;
}

.xg-team-pill{
	display: inline-flex;
	align-items: center;
	padding: 8px 12px;
	border-radius: 999px;
	font-size: .9rem;
	font-weight: 700;
	color: var(--xg-cream);
	background: rgba(43,183,199,.08);
	border: 1px solid rgba(43,183,199,.20);
}

.xg-spacer{
	flex: 1;
}

.xg-coming{
	opacity: .92;
}

.xg-coming .xg-team-image::before{
	content: "Próximamente";
	position: absolute;
	right: 16px;
	top: 16px;
	z-index: 3;
	padding: 8px 12px;
	border-radius: 999px;
	background: rgba(211,166,66,.92);
	color: #111;
	font-size: .8rem;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: .08em;
}

.xg-info-strip{
	margin-top: 10px;
	padding: 24px;
	border-radius: 22px;
	background:
		linear-gradient(135deg, rgba(216,170,67,.10), rgba(43,183,199,.08)),
		#121212;
	border: 1px solid rgba(216,170,67,.22);
	box-shadow: var(--xg-shadow);
}

.xg-info-strip h2{
	margin-top: 0;
	margin-bottom: 12px;
	color: var(--xg-gold-soft);
}

.xg-info-strip p{
	margin: 0 0 12px;
	line-height: 1.72;
	color: var(--xg-text-soft);
}

.xg-info-strip p:last-child{
	margin-bottom: 0;
}

@media (max-width: 980px){
	.xg-teams-hero-box,
	.xg-grid-2{
		grid-template-columns: 1fr;
	}

	.xg-teams-hero-box{
		padding: 24px;
		gap: 24px;
	}

	.xg-logo-wrap{
		max-width: 340px;
		margin: 0 auto;
	}

	.xg-team-card{
		min-height: auto;
	}
}

@media (max-width: 640px){
	.xg-teams-page{
		padding: 0 14px 60px;
	}

	.xg-team-content,
	.xg-info-strip{
		padding: 20px;
	}

	.xg-btn{
		width: 100%;
	}
}

/* ===== PORTADA ===== */

.xg-home-page{
	color: var(--xg-text);
	padding: 0 20px 80px;
}

.xg-home-hero-box{
	position: relative;
	min-height: 620px;
	border-radius: 28px;
	overflow: hidden;
	border: 1px solid var(--xg-border);
	box-shadow: var(--xg-shadow);
	background: #111;
}

.xg-home-hero-media{
	position: absolute;
	inset: 0;
}

.xg-home-hero-media img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.xg-home-hero-content{
	position: relative;
	z-index: 2;
	max-width: 760px;
	padding: 52px;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	min-height: 620px;
}

.xg-home-links-grid{
	gap: 18px;
}

.xg-home-link-card{
	display: block;
	text-decoration: none;
	background: linear-gradient(180deg, var(--xg-card) 0%, var(--xg-card-2) 100%);
	border: 1px solid var(--xg-border);
	border-radius: 22px;
	padding: 24px;
	box-shadow: var(--xg-shadow);
	transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease;
}

.xg-home-link-card:hover{
	transform: translateY(-4px);
	border-color: rgba(240,201,106,.40);
	box-shadow: 0 18px 36px rgba(0,0,0,.34);
}

.xg-home-link-card h3{
	margin: 0 0 10px;
	color: var(--xg-gold);
}

.xg-home-link-card p{
	margin: 0;
	color: var(--xg-text-soft);
	line-height: 1.7;
}

.xg-home-link-kicker{
	display: inline-block;
	margin-bottom: 10px;
	font-size: .75rem;
	font-weight: 700;
	letter-spacing: .12em;
	text-transform: uppercase;
	color: var(--xg-turquoise);
}

.xg-home-feature{
	display: grid;
	grid-template-columns: 1.2fr .8fr;
	gap: 24px;
	align-items: stretch;
}

.xg-home-feature-card{
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.xg-home-mini-stat + .xg-home-mini-stat{
	margin-top: 18px;
	padding-top: 18px;
	border-top: 1px solid rgba(255,255,255,.06);
}

.xg-home-team-card{
	overflow: hidden;
	padding: 0;
}

.xg-home-team-media{
	aspect-ratio: 16 / 10;
	background: #0d0d0d;
	border-bottom: 1px solid var(--xg-border);
}

.xg-home-team-media img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.xg-home-team-body{
	padding: 24px;
}

.xg-home-team-tag{
	display: inline-block;
	font-size: .78rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: .12em;
	color: var(--xg-turquoise);
	margin-bottom: 10px;
}

.xg-home-split{
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 24px;
	align-items: center;
}

.xg-home-split-reverse .xg-home-split-media{
	order: 2;
}

.xg-home-split-reverse .xg-home-split-content{
	order: 1;
}

.xg-home-split-media{
	border-radius: 24px;
	overflow: hidden;
	border: 1px solid var(--xg-border);
	box-shadow: var(--xg-shadow);
	background: #0d0d0d;
	min-height: 320px;
}

.xg-home-split-media img{
	width: 100%;
	height: 100%;
	display: block;
	object-fit: cover;
}

@media (max-width: 980px){
	.xg-home-feature,
	.xg-home-split{
		grid-template-columns: 1fr;
	}

	.xg-grid-4.xg-home-links-grid{
		grid-template-columns: 1fr 1fr;
	}

	.xg-home-hero-box,
	.xg-home-hero-content{
		min-height: 500px;
	}

	.xg-home-hero-content{
		padding: 30px;
	}
}

@media (max-width: 640px){
	.xg-home-page{
		padding: 0 14px 60px;
	}

	.xg-grid-4.xg-home-links-grid{
		grid-template-columns: 1fr;
	}

	.xg-home-hero-box,
	.xg-home-hero-content{
		min-height: 420px;
	}

	.xg-home-team-body,
	.xg-home-link-card{
		padding: 20px;
	}
}

/* ===== LEGAL / AVISO DE PRIVACIDAD ===== */

.xg-legal-page{
	color: var(--xg-text);
	padding: 0 20px 80px;
}

.xg-legal-hero-box{
	padding: 34px;
	border-radius: 28px;
}

.xg-legal-content{
	padding: 34px;
}

.xg-legal-content h2{
	margin-top: 0;
	margin-bottom: 14px;
	color: var(--xg-gold-soft);
	font-size: clamp(1.2rem, 2.4vw, 1.8rem);
}

.xg-legal-content h2:not(:first-child){
	margin-top: 34px;
}

.xg-legal-content p{
	margin: 0 0 14px;
	color: var(--xg-text-soft);
	line-height: 1.8;
}

.xg-legal-content strong{
	color: var(--xg-cream);
}

@media (max-width: 640px){
	.xg-legal-page{
		padding: 0 14px 60px;
	}

	.xg-legal-hero-box,
	.xg-legal-content{
		padding: 20px;
	}
}


/** ESTILOS DEL BLOG **/

/* ===== BLOG POST / SINGLE ===== */



.xg-post-page{
	color: var(--xg-text);
	padding: 0 20px 80px;
}

.xg-post-hero{
	padding: 36px 0 28px;
}

.xg-post-hero-box{
	position: relative;
	min-height: 560px;
	border-radius: 28px;
	overflow: hidden;
	border: 1px solid var(--xg-border);
	box-shadow: var(--xg-shadow);
	background: #111;
}

.xg-post-hero-media{
	position: absolute;
	inset: 0;
}

.xg-post-hero-media img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.xg-post-hero-overlay{
	position: absolute;
	inset: 0;
	background:
		linear-gradient(90deg, rgba(0,0,0,.82) 0%, rgba(0,0,0,.58) 44%, rgba(0,0,0,.40) 100%),
		linear-gradient(180deg, rgba(0,0,0,.14) 0%, rgba(0,0,0,.44) 100%);
}

.xg-post-hero-content{
	position: relative;
	z-index: 2;
	max-width: 820px;
	padding: 46px;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	min-height: 560px;
}

.xg-post-kicker{
	margin-bottom: 14px;
}

.xg-post-category{
	display: inline-flex;
	align-items: center;
	padding: 9px 14px;
	border-radius: 999px;
	background: rgba(43,183,199,.10);
	border: 1px solid rgba(43,183,199,.22);
	color: var(--xg-turquoise);
	font-size: .78rem;
	font-weight: 800;
	letter-spacing: .12em;
	text-transform: uppercase;
}

.xg-post-hero h1{
	margin: 0 0 16px;
	font-size: clamp(2.1rem, 5vw, 3.8rem);
	line-height: 1.02;
	color: var(--xg-gold-soft);
	text-transform: uppercase;
	letter-spacing: .02em;
}

.xg-post-meta{
	display: flex;
	flex-wrap: wrap;
	gap: 10px 14px;
	margin-bottom: 16px;
}

.xg-post-meta span{
	display: inline-flex;
	align-items: center;
	padding: 8px 12px;
	border-radius: 999px;
	font-size: .9rem;
	font-weight: 700;
	color: var(--xg-cream);
	background: rgba(0,0,0,.38);
	border: 1px solid rgba(255,255,255,.10);
	backdrop-filter: blur(4px);
}

.xg-post-excerpt{
	margin: 0;
	max-width: 720px;
	font-size: 1.04rem;
	line-height: 1.8;
	color: var(--xg-text-soft);
}

.xg-post-layout{
	display: grid;
	grid-template-columns: 280px minmax(0, 1fr);
	gap: 28px;
	align-items: start;
}

.xg-post-sidebar{
	position: sticky;
	top: 24px;
	align-self: start;
}

.xg-post-toc-card{
	position: relative;
}

.xg-post-toc-card,
.xg-post-content{
	background: linear-gradient(180deg, var(--xg-card) 0%, var(--xg-card-2) 100%);
	border: 1px solid var(--xg-border);
	border-radius: var(--xg-radius);
	box-shadow: var(--xg-shadow);
}

.xg-post-toc-card{
	padding: 18px;
}

.xg-post-toc-title{
	margin: 0 0 14px;
	font-size: .82rem;
	font-weight: 800;
	letter-spacing: .12em;
	text-transform: uppercase;
	color: var(--xg-turquoise);
}

.xg-post-toc-toggle{
	display: none;
	width: 100%;
	padding: 14px 16px;
	border-radius: 16px;
	border: 1px solid var(--xg-border-2);
	background: rgba(43,183,199,.08);
	color: var(--xg-cream);
	font-weight: 700;
	text-align: left;
	cursor: pointer;
}

.xg-post-toc ul{
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	gap: 8px;
}

.xg-post-toc li{
	margin: 0;
}

.xg-post-toc a{
	display: block;
	padding: 10px 12px;
	border-radius: 14px;
	text-decoration: none;
	color: var(--xg-text-soft);
	line-height: 1.5;
	border: 1px solid transparent;
	transition: all .22s ease;
}

.xg-post-toc a:hover{
	color: var(--xg-cream);
	background: rgba(43,183,199,.08);
	border-color: rgba(43,183,199,.18);
	transform: translateX(2px);
}

.xg-post-main{
	min-width: 0;
}

.xg-post-content{
	padding: 34px;
}

.xg-post-content > *:first-child{
	margin-top: 0;
}

.xg-post-content h2,
.xg-post-content h3,
.xg-post-content h4{
	color: var(--xg-gold-soft);
	line-height: 1.2;
	scroll-margin-top: 110px;
}

.xg-post-content h2{
	margin-top: 2.4rem;
	margin-bottom: 1rem;
	font-size: clamp(1.5rem, 3vw, 2.2rem);
	text-transform: uppercase;
	letter-spacing: .02em;
}

.xg-post-content h3{
	margin-top: 1.8rem;
	margin-bottom: .9rem;
	font-size: clamp(1.2rem, 2.2vw, 1.55rem);
}

.xg-post-content h4{
	margin-top: 1.5rem;
	margin-bottom: .8rem;
	font-size: 1.08rem;
}

.xg-post-content p,
.xg-post-content li{
	color: var(--xg-text-soft);
	line-height: 1.85;
	font-size: 1.02rem;
}

.xg-post-content p{
	margin: 0 0 1.2rem;
}

.xg-post-content ul,
.xg-post-content ol{
	margin: 0 0 1.4rem 1.25rem;
	padding: 0;
}

.xg-post-content ul li,
.xg-post-content ol li{
	margin-bottom: .7rem;
}

.xg-post-content a{
	color: var(--xg-turquoise);
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 3px;
	transition: color .2s ease;
}

.xg-post-content a:hover{
	color: var(--xg-cream);
}

.xg-post-content strong{
	color: var(--xg-cream);
}

.xg-post-content blockquote{
	margin: 1.8rem 0;
	padding: 22px 24px;
	border-left: 4px solid var(--xg-gold);
	border-radius: 0 18px 18px 0;
	background: linear-gradient(135deg, rgba(216,170,67,.10), rgba(43,183,199,.06));
	color: var(--xg-cream);
	font-size: 1.08rem;
	line-height: 1.8;
}

.xg-post-content figure{
	margin: 1.8rem 0;
}

.xg-post-content img{
	display: block;
	max-width: 100%;
	height: auto;
	border-radius: 18px;
	border: 1px solid rgba(255,255,255,.06);
	box-shadow: 0 12px 28px rgba(0,0,0,.28);
}

.xg-post-content img.wp-smiley,
.xg-post-content img.emoji,
.xg-post-content p img.wp-smiley,
.xg-post-content p img.emoji{
	display: inline !important;
	width: 1.2em !important;
	max-width: 1.2em !important;
	height: 1.2em !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	vertical-align: -0.15em !important;
	background: transparent !important;
}

.xg-post-content p img[width="16"][height="16"],
.xg-post-content p img[src*="emoji.php"]{
	display: inline !important;
	width: 1.2em !important;
	max-width: 1.2em !important;
	height: 1.2em !important;
	margin: 0 .08em !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	background: transparent !important;
	vertical-align: -0.12em !important;
}

.xg-post-content figcaption{
	margin-top: 10px;
	font-size: .95rem;
	color: #bfb6a6;
	text-align: center;
}

.xg-post-content hr{
	border: 0;
	height: 1px;
	background: linear-gradient(90deg, transparent, rgba(216,170,67,.35), transparent);
	margin: 2rem 0;
}

.xg-post-content table{
	width: 100%;
	border-collapse: collapse;
	margin: 1.8rem 0;
	overflow: hidden;
	border-radius: 18px;
	background: #121212;
	border: 1px solid var(--xg-border);
}

.xg-post-content th,
.xg-post-content td{
	padding: 14px 16px;
	text-align: left;
	border-bottom: 1px solid rgba(255,255,255,.06);
	color: var(--xg-text-soft);
}

.xg-post-content th{
	color: var(--xg-cream);
	background: rgba(216,170,67,.08);
}

.xg-post-cta{
	margin-top: 28px;
}

.xg-related-posts{
	padding-top: 18px;
}

.xg-related-card{
	overflow: hidden;
	padding: 0;
}

.xg-related-thumb{
	display: block;
	aspect-ratio: 16 / 10;
	background: #0d0d0d;
	border-bottom: 1px solid var(--xg-border);
	overflow: hidden;
}

.xg-related-thumb img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	transition: transform .35s ease;
}

.xg-related-card:hover .xg-related-thumb img{
	transform: scale(1.04);
}

.xg-related-body{
	padding: 22px;
}

.xg-related-body h3{
	margin: 0 0 10px;
	font-size: 1.2rem;
}

.xg-related-body h3 a{
	color: var(--xg-gold);
	text-decoration: none;
}

.xg-related-body h3 a:hover{
	color: var(--xg-gold-soft);
}

.xg-related-body p{
	margin: 0 0 14px;
	color: var(--xg-text-soft);
	line-height: 1.7;
}

.xg-post-layout-no-toc{
	grid-template-columns: minmax(0, 1fr);
}

.xg-post-layout-no-toc .xg-post-main{
	max-width: 900px;
}

.xg-post-layout.xg-post-layout-no-toc{
	display: block !important;
	grid-template-columns: none !important;
}

.xg-post-layout.xg-post-layout-no-toc .xg-post-main{
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
}

.xg-post-layout.xg-post-layout-no-toc .xg-post-content{
	width: 100%;
}

@media (max-width: 1100px){
	.xg-post-layout{
		grid-template-columns: 1fr;
	}
	
	.xg-post-sidebar{
		order: -1;
	}
	
	.xg-post-toc-card{
		position: static;
	}
}

@media (max-width: 820px){
	.xg-post-toc-toggle{
		display: block;
	}

	.xg-post-toc{
		display: none;
		margin-top: 12px;
	}

	.xg-post-toc.is-open{
		display: block;
	}
}

@media (max-width: 640px){
	.xg-post-page{
		padding: 0 14px 60px;
	}

	.xg-post-hero{
		padding-top: 24px;
	}

	.xg-post-hero-box,
	.xg-post-hero-content{
		min-height: 430px;
	}

	.xg-post-hero-content,
	.xg-post-content,
	.xg-related-body{
		padding: 20px;
	}

	.xg-post-meta{
		gap: 8px;
	}

	.xg-post-meta span{
		font-size: .84rem;
		padding: 7px 10px;
	}
}


.xg-post-social-links{
	margin-top: 28px;
}

.xg-post-social-box{
	padding: 28px;
	text-align: center;
}

.xg-post-social-box h2{
	margin-top: 0;
	margin-bottom: 12px;
	color: var(--xg-gold-soft);
}

.xg-post-social-box p{
	max-width: 760px;
	margin: 0 auto 18px;
	color: var(--xg-text-soft);
	line-height: 1.75;
}

.xg-post-social-box .xg-links-row{
	justify-content: center;
}

@media (max-width: 640px){
	.xg-post-social-box{
		padding: 20px;
	}
}

/* ===== SINGLE POST SIN SIDEBAR DE GENERATEPRESS ===== */

.single-post .site-content{
	display: block !important;
}

.single-post #primary,
.single-post #main,
.single-post .content-area,
.single-post .inside-article{
	width: 100% !important;
	max-width: 100% !important;
	margin: 0 !important;
}

.single-post .site-main{
	width: 100% !important;
}

.single-post .widget-area,
.single-post #right-sidebar,
.single-post #left-sidebar,
.single-post .sidebar{
	display: none !important;
}

/* ===== BLOG ARCHIVE / CATEGORY ===== */

.xg-blog-page{
	color: var(--xg-text);
	padding: 0 20px 80px;
}

.xg-blog-hero{
	padding: 36px 0 18px;
}

.xg-blog-hero-box{
	padding: 34px;
	border-radius: 28px;
}

.xg-blog-cats{
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	margin: 0 0 28px;
}

.xg-blog-cat-link{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 11px 16px;
	border-radius: 999px;
	text-decoration: none;
	font-weight: 700;
	font-size: .95rem;
	color: var(--xg-cream);
	background: rgba(43,183,199,.06);
	border: 1px solid rgba(43,183,199,.24);
	transition: all .22s ease;
}

.xg-blog-cat-link:hover{
	transform: translateY(-2px);
	background: rgba(43,183,199,.12);
	border-color: rgba(43,183,199,.38);
}

.xg-blog-cat-link.is-active{
	background: linear-gradient(180deg, #e2b24d 0%, #b98626 100%);
	color: #0b0b0b;
	border-color: rgba(216,170,67,.55);
	box-shadow: 0 8px 18px rgba(216,170,67,.20);
}

.xg-blog-grid-section{
	padding: 8px 0 10px;
}

.xg-blog-grid{
	display: grid;
	grid-template-columns: repeat(3, minmax(0,1fr));
	gap: 22px;
}

.xg-blog-card{
	padding: 0;
	overflow: hidden;
	display: flex;
	flex-direction: column;
}

.xg-blog-card-thumb{
	display: block;
	aspect-ratio: 16 / 10;
	background: #0d0d0d;
	border-bottom: 1px solid var(--xg-border);
	overflow: hidden;
}

.xg-blog-card-thumb img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	transition: transform .35s ease, opacity .35s ease;
}

.xg-blog-card:hover .xg-blog-card-thumb img{
	transform: scale(1.04);
	opacity: .94;
}

.xg-blog-card-placeholder{
	width: 100%;
	height: 100%;
	min-height: 220px;
	background:
		radial-gradient(circle at top left, rgba(43,183,199,.10), transparent 28%),
		radial-gradient(circle at bottom right, rgba(216,170,67,.10), transparent 24%),
		linear-gradient(180deg, #111 0%, #191919 100%);
}

.xg-blog-card-body{
	padding: 22px;
	display: flex;
	flex-direction: column;
	flex: 1;
}

.xg-blog-card-title{
	margin: 0 0 10px;
	font-size: 1.35rem;
	line-height: 1.22;
}

.xg-blog-card-title a{
	color: var(--xg-gold);
	text-decoration: none;
	transition: color .2s ease;
}

.xg-blog-card-title a:hover{
	color: var(--xg-gold-soft);
}

.xg-blog-card-meta{
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-bottom: 14px;
}

.xg-blog-card-meta span{
	display: inline-flex;
	align-items: center;
	padding: 7px 11px;
	border-radius: 999px;
	font-size: .84rem;
	font-weight: 700;
	color: var(--xg-cream);
	background: rgba(255,255,255,.04);
	border: 1px solid rgba(255,255,255,.07);
}

.xg-blog-card-body p{
	margin: 0 0 16px;
	color: var(--xg-text-soft);
	line-height: 1.72;
}

.xg-blog-card-body .xg-map-link{
	margin-top: auto;
	align-self: flex-start;
}

.xg-blog-pagination{
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	justify-content: center;
	margin-top: 30px;
}

.xg-blog-pagination-item a,
.xg-blog-pagination-item span{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 44px;
	height: 44px;
	padding: 0 14px;
	border-radius: 999px;
	text-decoration: none;
	font-weight: 700;
	border: 1px solid var(--xg-border);
	background: linear-gradient(180deg, var(--xg-card) 0%, var(--xg-card-2) 100%);
	color: var(--xg-cream);
	transition: all .22s ease;
}

.xg-blog-pagination-item a:hover{
	transform: translateY(-2px);
	border-color: rgba(240,201,106,.38);
	color: var(--xg-gold-soft);
}

.xg-blog-pagination .current{
	background: linear-gradient(180deg, #e2b24d 0%, #b98626 100%);
	color: #0b0b0b;
	border-color: rgba(216,170,67,.55);
	box-shadow: 0 8px 18px rgba(216,170,67,.20);
}

@media (max-width: 980px){
	.xg-blog-grid{
		grid-template-columns: repeat(2, minmax(0,1fr));
	}
}

@media (max-width: 640px){
	.xg-blog-page{
		padding: 0 14px 60px;
	}

	.xg-blog-hero{
		padding-top: 24px;
	}

	.xg-blog-hero-box,
	.xg-blog-card-body{
		padding: 20px;
	}

	.xg-blog-grid{
		grid-template-columns: 1fr;
	}
}



/* ===== SEARCH ===== */

.xg-search-empty{
	padding: 34px;
	text-align: center;
}

.xg-search-empty h2{
	margin-top: 0;
	margin-bottom: 12px;
	color: var(--xg-gold-soft);
}

.xg-search-empty p{
	max-width: 700px;
	margin-left: auto;
	margin-right: auto;
}

.xg-search-empty .xg-links-row{
	justify-content: center;
	margin-top: 22px;
}

@media (max-width: 640px){
	.xg-search-empty{
		padding: 20px;
	}
}


/* ===== HOME - ÚLTIMAS NOTICIAS DESTACADAS ===== */

.xg-home-news-head{
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 20px;
	margin-bottom: 22px;
}

.xg-home-news-featured{
	position: relative;
	display: grid;
	grid-template-columns: 1.2fr .8fr;
	gap: 0;
	border-radius: 28px;
	overflow: hidden;
	border: 1px solid var(--xg-border);
	background: linear-gradient(180deg, var(--xg-card) 0%, var(--xg-card-2) 100%);
	box-shadow: var(--xg-shadow);
	margin-bottom: 22px;
	min-height: 520px;
}

.xg-home-news-featured-media{
	position: relative;
	display: block;
	min-height: 100%;
	background: #0d0d0d;
}

.xg-home-news-featured-media img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.xg-home-news-featured-overlay{
	position: absolute;
	inset: 0;
	background: linear-gradient(90deg, rgba(0,0,0,.12) 0%, rgba(0,0,0,.20) 45%, rgba(0,0,0,.46) 100%);
	pointer-events: none;
}

.xg-home-news-featured-content{
	padding: 34px;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.xg-home-news-featured-content h3{
	margin: 0 0 14px;
	font-size: clamp(1.8rem, 3vw, 2.8rem);
	line-height: 1.08;
}

.xg-home-news-featured-content h3 a{
	color: var(--xg-gold-soft);
	text-decoration: none;
}

.xg-home-news-featured-content h3 a:hover{
	color: var(--xg-gold);
}

.xg-home-news-meta{
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-bottom: 14px;
}

.xg-home-news-meta span{
	display: inline-flex;
	align-items: center;
	padding: 7px 11px;
	border-radius: 999px;
	font-size: .84rem;
	font-weight: 700;
	color: var(--xg-cream);
	background: rgba(255,255,255,.04);
	border: 1px solid rgba(255,255,255,.07);
}

.xg-home-news-featured-content p,
.xg-home-news-card-body p{
	color: var(--xg-text-soft);
	line-height: 1.75;
}

.xg-home-news-grid{
	display: grid;
	grid-template-columns: repeat(2, minmax(0,1fr));
	gap: 22px;
}

.xg-home-news-card{
	padding: 0;
	overflow: hidden;
	display: flex;
	flex-direction: column;
}

.xg-home-news-card-thumb{
	display: block;
	aspect-ratio: 16 / 9;
	background: #0d0d0d;
	border-bottom: 1px solid var(--xg-border);
	overflow: hidden;
}

.xg-home-news-card-thumb img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	transition: transform .35s ease, opacity .35s ease;
}

.xg-home-news-card:hover .xg-home-news-card-thumb img{
	transform: scale(1.04);
	opacity: .94;
}

.xg-home-news-card-body{
	padding: 22px;
	display: flex;
	flex-direction: column;
	flex: 1;
}

.xg-home-news-card-body h3{
	margin: 0 0 10px;
	font-size: 1.35rem;
	line-height: 1.2;
}

.xg-home-news-card-body h3 a{
	color: var(--xg-gold);
	text-decoration: none;
}

.xg-home-news-card-body h3 a:hover{
	color: var(--xg-gold-soft);
}

.xg-home-news-card-body .xg-map-link{
	margin-top: auto;
	align-self: flex-start;
}

.xg-home-news-footer{
	display: flex;
	justify-content: center;
	margin-top: 24px;
}

.xg-home-news-placeholder{
	width: 100%;
	height: 100%;
	min-height: 240px;
	background:
		radial-gradient(circle at top left, rgba(43,183,199,.10), transparent 28%),
		radial-gradient(circle at bottom right, rgba(216,170,67,.10), transparent 24%),
		linear-gradient(180deg, #111 0%, #191919 100%);
}

@media (max-width: 980px){
	.xg-home-news-featured{
		grid-template-columns: 1fr;
		min-height: auto;
	}

	.xg-home-news-featured-media{
		min-height: 320px;
	}

	.xg-home-news-grid{
		grid-template-columns: 1fr;
	}
}

@media (max-width: 640px){
	.xg-home-news-head{
		display: block;
		margin-bottom: 18px;
	}

	.xg-home-news-featured-content,
	.xg-home-news-card-body{
		padding: 20px;
	}

	.xg-home-news-featured-media{
		min-height: 240px;
	}
}



/***MODO CLARO***/

/* ===== TEMA CLARO ===== */

body.xg-theme-light{
	--xg-bg: #ecd8a3;
	--xg-bg-soft: #f3e3b8;
	--xg-card: #f7efd9;
	--xg-card-2: #efe2bc;
	--xg-gold: #9e6e12;
	--xg-gold-soft: #b8851d;
	--xg-turquoise: #1b7e88;
	--xg-cream: #fff8e8;
	--xg-text: #2e2413;
	--xg-text-soft: #5a4a2f;
	--xg-border: rgba(158,110,18,.22);
	--xg-border-2: rgba(27,126,136,.18);
	--xg-shadow: 0 14px 34px rgba(72,52,14,.12);
}

body.xg-theme-light,
body.xg-theme-light .site,
body.xg-theme-light #page{
	background:
		radial-gradient(circle at top, rgba(27,126,136,.06), transparent 28%),
		radial-gradient(circle at bottom right, rgba(158,110,18,.10), transparent 24%),
		linear-gradient(180deg, #f5e8c2 0%, #ead39a 100%);
	color: var(--xg-text);
}

/* =========================
   AJUSTES MODO CLARO
========================= */

body.xg-theme-light{
	--xg-gold: #a66f12;
	--xg-gold-soft: #b67b18;
	--xg-turquoise: #0f7c87;
	--xg-text: #2f2415;
	--xg-text-soft: #5e4d30;
	--xg-card: #f6edd6;
	--xg-card-2: #efe1bb;
	--xg-border: rgba(166,111,18,.18);
	--xg-border-2: rgba(15,124,135,.18);
	--xg-shadow: 0 14px 34px rgba(88,63,16,.10);
}

/* Fondo general */
body.xg-theme-light,
body.xg-theme-light .site,
body.xg-theme-light #page{
	background:
		radial-gradient(circle at top, rgba(15,124,135,.05), transparent 28%),
		radial-gradient(circle at bottom right, rgba(166,111,18,.10), transparent 24%),
		linear-gradient(180deg, #f5e8c2 0%, #ead39a 100%);
	color: var(--xg-text);
}

/* ===== HERO PORTADA ===== */

body.xg-theme-light .xg-home-hero-box{
	background: #d9c28b;
}

body.xg-theme-light .xg-hero-overlay{
	background:
		linear-gradient(90deg, rgba(32,22,8,.42) 0%, rgba(32,22,8,.22) 42%, rgba(32,22,8,.12) 100%),
		linear-gradient(180deg, rgba(32,22,8,.06) 0%, rgba(32,22,8,.18) 100%);
}

body.xg-theme-light .xg-home-hero-content,
body.xg-theme-light .xg-hero-content{
	color: #fff8ea;
}

body.xg-theme-light .xg-eyebrow{
	color: #0f7c87;
}

body.xg-theme-light .xg-home-hero h1,
body.xg-theme-light .xg-hero h1{
	color: #f4d27a;
	text-shadow: 0 2px 16px rgba(0,0,0,.24);
}

body.xg-theme-light .xg-home-hero p,
body.xg-theme-light .xg-hero p{
	color: rgba(255,248,234,.92);
	text-shadow: 0 1px 8px rgba(0,0,0,.20);
}

/* ===== TARJETAS / BLOQUES ===== */

body.xg-theme-light .xg-card,
body.xg-theme-light .xg-home-link-card,
body.xg-theme-light .xg-home-team-card,
body.xg-theme-light .xg-info-strip,
body.xg-theme-light .xg-post-content,
body.xg-theme-light .xg-post-toc-card,
body.xg-theme-light .xg-post-social-box,
body.xg-theme-light .xg-blog-card,
body.xg-theme-light .xg-related-card{
	background: linear-gradient(180deg, #f8efd8 0%, #efdfb7 100%);
	border-color: var(--xg-border);
	box-shadow: var(--xg-shadow);
}

body.xg-theme-light .xg-card h2,
body.xg-theme-light .xg-card h3,
body.xg-theme-light .xg-home-link-card h3,
body.xg-theme-light .xg-team-content h2,
body.xg-theme-light .xg-related-body h3 a,
body.xg-theme-light .xg-blog-card-title a{
	color: var(--xg-gold);
}

body.xg-theme-light .xg-card p,
body.xg-theme-light .xg-home-link-card p,
body.xg-theme-light .xg-team-content p,
body.xg-theme-light .xg-section-intro,
body.xg-theme-light .xg-post-content p,
body.xg-theme-light .xg-post-content li,
body.xg-theme-light .xg-related-body p,
body.xg-theme-light .xg-blog-card-body p{
	color: var(--xg-text-soft);
}

/* ===== ENLACES QUE QUEDAN MUY CLAROS ===== */

body.xg-theme-light a{
	color: var(--xg-turquoise);
}

body.xg-theme-light a:hover{
	color: var(--xg-gold);
}

body.xg-theme-light .xg-post-content a,
body.xg-theme-light .xg-footer-nav a,
body.xg-theme-light .xg-map-link,
body.xg-theme-light .xg-blog-cat-link,
body.xg-theme-light .xg-post-toc a{
	color: var(--xg-turquoise);
}

body.xg-theme-light .xg-post-toc a:hover,
body.xg-theme-light .xg-footer-nav a:hover,
body.xg-theme-light .xg-map-link:hover{
	color: var(--xg-gold);
}

/* ===== BOTONES ===== */

body.xg-theme-light .xg-btn-primary{
	background: linear-gradient(180deg, #d8a63a 0%, #b8821c 100%);
	color: #23190b;
	box-shadow: 0 8px 18px rgba(166,111,18,.20);
}

body.xg-theme-light .xg-btn-secondary{
	background: rgba(255,248,232,.55);
	color: var(--xg-turquoise);
	border-color: rgba(15,124,135,.28);
}

body.xg-theme-light .xg-btn-secondary:hover{
	background: rgba(15,124,135,.08);
	color: var(--xg-gold);
}

/* ===== CTA PORTADA ===== */

body.xg-theme-light .xg-cta{
	background:
		linear-gradient(135deg, rgba(214,168,61,.14), rgba(15,124,135,.08)),
		#f4e7c6;
	border: 1px solid rgba(166,111,18,.18);
	box-shadow: var(--xg-shadow);
}

body.xg-theme-light .xg-cta h2{
	color: var(--xg-gold);
}

body.xg-theme-light .xg-cta p{
	color: var(--xg-text-soft);
}

body.xg-theme-light .xg-cta .xg-contact-links,
body.xg-theme-light .xg-cta .xg-links-row{
	justify-content: center;
}

/* ===== STATS / TEXTO MUY CLARO ===== */

body.xg-theme-light .xg-stat-value,
body.xg-theme-light .xg-home-feature-card .xg-stat-value,
body.xg-theme-light .xg-home-mini-stat .xg-stat-value{
	color: #fff8eb;
	text-shadow: 0 1px 0 rgba(0,0,0,.04);
}

body.xg-theme-light .xg-stat-label,
body.xg-theme-light .xg-home-link-kicker,
body.xg-theme-light .xg-home-team-tag,
body.xg-theme-light .xg-team-tag{
	color: var(--xg-turquoise);
}


/* ===== AJUSTES FINOS MODO CLARO ===== */

/* Stats y metadatos de noticias más oscuros */
body.xg-theme-light .xg-stat-value,
body.xg-theme-light .xg-home-feature-card .xg-stat-value,
body.xg-theme-light .xg-home-mini-stat .xg-stat-value{
	color: #3e2f16;
	text-shadow: none;
}

body.xg-theme-light .xg-home-news-meta span,
body.xg-theme-light .xg-blog-card-meta span,
body.xg-theme-light .xg-post-meta span{
	color: #4a3920;
	background: rgba(255,248,232,.58);
	border-color: rgba(166,111,18,.16);
}

body.xg-theme-light .xg-home-hero .xg-hero-overlay{
	background:
		linear-gradient(90deg, rgba(32,22,8,.42) 0%, rgba(32,22,8,.22) 42%, rgba(32,22,8,.12) 100%),
		linear-gradient(180deg, rgba(32,22,8,.06) 0%, rgba(32,22,8,.18) 100%);
}

body.xg-theme-light .xg-home-hero h1{
	color: #f4d27a;
	text-shadow: 0 2px 16px rgba(0,0,0,.24);
}

body.xg-theme-light .xg-home-hero p{
	color: rgba(255,248,234,.92);
	text-shadow: 0 1px 8px rgba(0,0,0,.20);
}

body.xg-theme-light .xg-team-page .xg-hero-overlay,
body.xg-theme-light .xg-train-page .xg-hero-overlay,
body.xg-theme-light .xg-teams-page .xg-hero-overlay,
body.xg-theme-light .xg-legal-page .xg-hero-overlay{
	background:
		linear-gradient(90deg, rgba(0,0,0,.62) 0%, rgba(0,0,0,.40) 42%, rgba(0,0,0,.24) 100%),
		linear-gradient(180deg, rgba(0,0,0,.10) 0%, rgba(0,0,0,.26) 100%);
}

body.xg-theme-light .xg-team-page .xg-hero h1,
body.xg-theme-light .xg-train-page .xg-hero h1,
body.xg-theme-light .xg-teams-page .xg-hero h1,
body.xg-theme-light .xg-legal-page .xg-hero h1{
	color: #f2d27f;
	text-shadow: 0 2px 14px rgba(0,0,0,.28);
}

body.xg-theme-light .xg-team-page .xg-hero p,
body.xg-theme-light .xg-train-page .xg-hero p,
body.xg-theme-light .xg-teams-page .xg-hero p,
body.xg-theme-light .xg-legal-page .xg-hero p{
	color: rgba(255,248,234,.94);
	text-shadow: 0 1px 8px rgba(0,0,0,.22);
}

/* ===== TEXTO DESTACADO EN MODO CLARO ===== */

body.xg-theme-light strong,
body.xg-theme-light b,
body.xg-theme-light .xg-schedule-time,
body.xg-theme-light .xg-place,
body.xg-theme-light .xg-stat-value,
body.xg-theme-light .xg-home-feature-card .xg-stat-value,
body.xg-theme-light .xg-home-mini-stat .xg-stat-value{
	color: #3b2d17;
	text-shadow: none;
}

body.xg-theme-light .xg-team-tag,
body.xg-theme-light .xg-home-team-tag,
body.xg-theme-light .xg-team-badge,
body.xg-theme-light .xg-home-link-kicker,
body.xg-theme-light .xg-stat-label{
	color: var(--xg-turquoise);
}


/* ===== HEADER EN MODO CLARO ===== */

body.xg-theme-light .site-header,
body.xg-theme-light #masthead{
	background: linear-gradient(180deg, #e4c676 0%, #d2ad59 100%);
	border-bottom: 1px solid rgba(166,111,18,.18);
	box-shadow: 0 6px 18px rgba(88,63,16,.08);
}

/* Contenedor interno del header */
body.xg-theme-light .inside-header,
body.xg-theme-light .main-navigation .inside-navigation{
	background: transparent;
}

/* Título / branding */
body.xg-theme-light .site-branding .main-title,
body.xg-theme-light .site-branding .main-title a,
body.xg-theme-light .site-logo + .site-branding .main-title a,
body.xg-theme-light .site-logo + .site-branding .site-description,
body.xg-theme-light .site-branding a{
	color: #7a5616;
}

body.xg-theme-light .site-branding .main-title a:hover,
body.xg-theme-light .site-branding a:hover{
	color: #0f7c87;
}

/* Menú principal */
body.xg-theme-light .main-navigation,
body.xg-theme-light .main-navigation ul,
body.xg-theme-light .main-navigation .main-nav ul{
	background: transparent;
}

body.xg-theme-light .main-navigation .main-nav ul li a,
body.xg-theme-light .main-navigation .menu-toggle,
body.xg-theme-light .main-navigation .menu-bar-items a{
	color: #5a4218;
}

body.xg-theme-light .main-navigation .main-nav ul li a:hover,
body.xg-theme-light .main-navigation .main-nav ul li[class*="current-menu-"] > a,
body.xg-theme-light .main-navigation .main-nav ul li[class*="current_page_"] > a{
	color: #0f7c87;
	background: transparent;
}

/* Submenús */
body.xg-theme-light .main-navigation ul ul{
	background: rgba(245, 230, 191, 0.96);
	border: 1px solid rgba(166,111,18,.18);
	box-shadow: 0 12px 28px rgba(88,63,16,.12);
	backdrop-filter: blur(6px);
}

body.xg-theme-light .main-navigation ul ul li a{
	color: #4f3c1d;
}

body.xg-theme-light .main-navigation ul ul li a:hover,
body.xg-theme-light .main-navigation ul ul li.current-menu-item > a{
	background: rgba(15,124,135,.06);
	color: #0f7c87;
}

/* Icono hamburguesa en móvil */
body.xg-theme-light .menu-toggle,
body.xg-theme-light button.menu-toggle{
	background: transparent;
	color: #5a4218;
	border-color: rgba(166,111,18,.18);
}

body.xg-theme-light .menu-toggle:hover,
body.xg-theme-light button.menu-toggle:hover{
	color: #0f7c87;
}

/* Si el header usa nav flotante o sticky */
body.xg-theme-light .navigation-stick,
body.xg-theme-light .is_stuck,
body.xg-theme-light .main-navigation.is_stuck{
	background: linear-gradient(180deg, #e4c676 0%, #d2ad59 100%);
}

body.xg-theme-light .main-title,
body.xg-theme-light .main-title a{
	color: #7a5616 !important;
}

body.xg-theme-light .main-navigation .main-nav ul li a{
	color: #5a4218 !important;
}



.xg-theme-toggle{
	transition:
		transform .25s ease,
		opacity .25s ease,
		visibility .25s ease;
}

.xg-theme-toggle.is-hidden{
	opacity: 0;
	visibility: hidden;
	transform: translateY(16px);
	pointer-events: none;
}


/* =========================
   FOOTER FULL BLEED
========================= */

.xg-site-footer{
	position: relative;
	left: 50%;
	right: 50%;
	margin-left: -50vw;
	margin-right: -50vw;
	width: 100vw;
	max-width: 100vw;
	margin-top: 56px;
	border-top: 0;
}

.xg-prefooter,
.xg-footer-main,
.xg-postfooter{
	width: 100%;
}

.xg-prefooter{
	padding: 42px 0 34px;
	border-bottom: 1px solid rgba(255,255,255,.05);
}

.xg-footer-main{
	padding: 40px 0;
}

.xg-postfooter{
	padding: 18px 0 22px;
}

.xg-prefooter .xg-wrap,
.xg-footer-main .xg-wrap,
.xg-postfooter .xg-wrap{
	max-width: var(--xg-max);
	margin: 0 auto;
	padding-left: 20px;
	padding-right: 20px;
}

/* ===== FOOTER MODO OSCURO ===== */

.xg-site-footer{
	background: linear-gradient(180deg, #070707 0%, #0c0c0c 100%);
	color: var(--xg-text);
}

.xg-prefooter{
	background:
		radial-gradient(circle at top left, rgba(216,170,67,.10), transparent 26%),
		radial-gradient(circle at bottom right, rgba(43,183,199,.08), transparent 24%);
}

.xg-footer-main{
	background: linear-gradient(180deg, #070707 0%, #0c0c0c 100%);
}

.xg-postfooter{
	background: #050505;
	border-top: 1px solid rgba(255,255,255,.06);
}

/* ===== FOOTER MODO CLARO ===== */

body.xg-theme-light .xg-site-footer{
	background: transparent;
	color: #2d220f;
	border-top: 1px solid rgba(166,111,18,.12);
}

body.xg-theme-light .xg-prefooter{
	background:
		radial-gradient(circle at top left, rgba(166,111,18,.10), transparent 26%),
		radial-gradient(circle at bottom right, rgba(15,124,135,.05), transparent 24%),
		linear-gradient(180deg, #ebd18f 0%, #ddb96c 100%);
	border-bottom: 1px solid rgba(166,111,18,.10);
}

body.xg-theme-light .xg-footer-main{
	background: linear-gradient(180deg, #dfc173 0%, #d3ad5d 100%);
}

body.xg-theme-light .xg-postfooter{
	background: #cda757;
	border-top: 1px solid rgba(166,111,18,.10);
}

body.xg-theme-light .xg-prefooter-head h2,
body.xg-theme-light .xg-footer-col h3{
	color: #8b5f12;
}

body.xg-theme-light .xg-footer-col p,
body.xg-theme-light .xg-footer-nav a{
	color: #4c3a1e;
}

body.xg-theme-light .xg-footer-nav a:hover,
body.xg-theme-light .xg-postfooter a{
	color: #0f7c87;
}

body.xg-theme-light .xg-postfooter p{
	color: #6a4d1b;
}

body.xg-theme-light .xg-sponsor-footer{
	background: rgba(255,248,232,.78);
	border: 1px solid rgba(166,111,18,.10);
	box-shadow: 0 10px 24px rgba(166,111,18,.08);
}

body.xg-theme-light .xg-sponsor-footer:hover{
	border-color: rgba(166,111,18,.22);
	box-shadow: 0 14px 28px rgba(166,111,18,.10);
}

@media (max-width: 640px){
	.xg-prefooter .xg-wrap,
	.xg-footer-main .xg-wrap,
	.xg-postfooter .xg-wrap{
		padding-left: 14px;
		padding-right: 14px;
	}
}


/***SWITCH de TEMAS OSCURO Y CLARO***/

.xg-theme-toggle{
	position: fixed;
	left: 18px;
	bottom: 18px;
	right: auto; /* importante para evitar conflictos */
	z-index: 999999;
	width: 84px;
	height: 84px;
	padding: 0;
	border-radius: 999px;
	border: 2px solid rgba(211,166,66,.42);
	background:
		radial-gradient(circle at 30% 30%, rgba(255,255,255,.10), transparent 40%),
		linear-gradient(180deg, rgba(20,20,20,.96) 0%, rgba(10,10,10,.96) 100%);
	box-shadow:
		0 12px 28px rgba(0,0,0,.30),
		0 0 0 4px rgba(211,166,66,.10);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
	overflow: hidden;
}

.xg-theme-toggle{
	box-shadow:
		0 12px 28px rgba(0,0,0,.30),
		0 0 0 4px rgba(211,166,66,.10),
		-4px 0 12px rgba(43,183,199,.12);
}

.xg-theme-toggle:hover{
	transform: translateY(-2px) scale(1.03);
	border-color: rgba(211,166,66,.72);
	box-shadow:
		0 16px 34px rgba(0,0,0,.34),
		0 0 0 6px rgba(211,166,66,.12);
}

.xg-theme-toggle:active{
	transform: scale(.97);
}

.xg-theme-toggle-icon{
	width: 64px;
	height: 64px;
	object-fit: contain;
	display: block;
	filter: drop-shadow(0 6px 12px rgba(0,0,0,.28));
	pointer-events: none;
}

body.xg-theme-light .xg-theme-toggle{
	background:
		radial-gradient(circle at 30% 30%, rgba(255,255,255,.18), transparent 40%),
		linear-gradient(180deg, #f2e0b5 0%, #d6b061 100%);
	border-color: rgba(122,86,22,.28);
	box-shadow:
		0 12px 28px rgba(122,86,22,.18),
		0 0 0 4px rgba(122,86,22,.08);
}

@media (max-width: 640px){
	.xg-theme-toggle{
		width: 68px;
		height: 68px;
		right: auto;
		bottom: 12px;
	}

	.xg-theme-toggle-icon{
		width: 50px;
		height: 50px;
	}
}

.xg-theme-light-preload body{
	background: #ecd8a3;
	color: #2e2413;
}


/***PIZARRÓN***/

/* ===== PIZARRÓN - ACCESO ===== */

.xg-pizarron-access-box{
	max-width: 720px;
	margin: 0 auto;
	text-align: center;
	padding: 34px;
}

.xg-pizarron-access-form{
	display: flex;
	flex-direction: column;
	gap: 16px;
	max-width: 420px;
	margin: 0 auto;
}

.xg-pizarron-password-input{
	width: 100%;
	padding: 16px 18px;
	border-radius: 16px;
	border: 1px solid var(--xg-border);
	background: rgba(255,255,255,.04);
	color: var(--xg-text);
	font-size: 1rem;
	outline: none;
	box-shadow: inset 0 0 0 1px rgba(255,255,255,.02);
}

.xg-pizarron-password-input::placeholder{
	color: var(--xg-text-soft);
}

.xg-pizarron-password-input:focus{
	border-color: rgba(43,183,199,.42);
	box-shadow: 0 0 0 3px rgba(43,183,199,.12);
}

body.xg-theme-light .xg-pizarron-password-input{
	background: rgba(255,248,232,.72);
	color: var(--xg-text);
	border-color: rgba(166,111,18,.18);
}

@media (max-width: 640px){
	.xg-pizarron-access-box{
		padding: 20px;
	}
}

/***PIZARRÓN SINGLE***/

/* ===== PIZARRÓN ===== */

.xg-pizarron-page .xg-home-link-kicker,
.xg-pizarron-single-page .xg-post-category{
	background: rgba(43,183,199,.10);
}

.xg-pizarron-card .xg-blog-card-title a:hover,
.xg-pizarron-single-page .xg-related-body h3 a:hover{
	color: var(--xg-turquoise);
}

body.xg-theme-light .xg-pizarron-access-box h1,
body.xg-theme-light .xg-pizarron-access-box p,
body.xg-theme-light .xg-pizarron-access-box .xg-eyebrow {
	text-shadow: none !important;
}

body.xg-theme-light .xg-pizarron-access-box h1{
	color: #a66f12; /* dorado más oscuro */
}

.xg-pizarron-access-page .xg-wrap{
	display: flex;
	justify-content: center;
	align-items: center;
	min-height: 70vh;
}

.xg-pizarron-access-box{
	max-width: 560px;
	width: 100%;
	margin: 0 auto;
	text-align: center;
	padding: 40px 32px;
}

.xg-pizarron-access-box h1{
	margin-bottom: 16px;
}

.xg-pizarron-access-box p{
	margin-bottom: 24px;
	max-width: 460px;
	margin-left: auto;
	margin-right: auto;
}

body.xg-theme-light .xg-pizarron-access-box .xg-btn{
	box-shadow: 0 6px 16px rgba(166,111,18,.18);
}

body.xg-theme-light .xg-pizarron-access-box{
	background: linear-gradient(180deg, #f3e2b3, #e6c87e);
}
 
.site-content{
	justify-content: center;
}


body.xg-theme-light .xg-pizarron-access-box{
	background: linear-gradient(180deg, #f5e6bb, #e6c87e);
	border: 1px solid rgba(166,111,18,.25);
	box-shadow: 0 18px 40px rgba(166,111,18,.18);
}

body.xg-theme-light .xg-pizarron-password-input{
	background: #fff7e3;
	border: 1px solid rgba(166,111,18,.35);
	color: #3a2b14;
}


/* ===== PIZARRÓN FILTROS ===== */

.xg-pizarron-filters-box{
	padding: 26px;
}

.xg-pizarron-filters-head{
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	flex-wrap: wrap;
	margin-bottom: 18px;
}

.xg-pizarron-filter-group + .xg-pizarron-filter-group{
	margin-top: 18px;
	padding-top: 18px;
	border-top: 1px solid rgba(255,255,255,.06);
}

.xg-pizarron-filter-group h3{
	margin: 0 0 12px;
	color: var(--xg-gold);
	font-size: 1rem;
}

.xg-pizarron-filter-pills,
.xg-pizarron-card-pills{
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.xg-pizarron-pill,
.xg-pizarron-mini-pill{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 9px 14px;
	border-radius: 999px;
	font-size: .92rem;
	font-weight: 700;
	text-decoration: none;
	border: 1px solid rgba(43,183,199,.22);
	background: rgba(43,183,199,.08);
	color: var(--xg-cream);
	transition: all .22s ease;
}

.xg-pizarron-pill:hover{
	transform: translateY(-2px);
	background: rgba(43,183,199,.14);
	border-color: rgba(43,183,199,.34);
	color: var(--xg-cream);
}

.xg-pizarron-pill.is-active{
	background: linear-gradient(180deg, #e2b24d 0%, #b98626 100%);
	color: #0b0b0b;
	border-color: rgba(216,170,67,.55);
	box-shadow: 0 8px 18px rgba(216,170,67,.18);
}

.xg-pizarron-card-pills{
	margin: 0 0 14px;
}

.xg-pizarron-mini-pill{
	padding: 7px 11px;
	font-size: .8rem;
	background: rgba(255,255,255,.04);
	border-color: rgba(255,255,255,.07);
	color: var(--xg-cream);
}

body.xg-theme-light .xg-pizarron-pill{
	background: rgba(15,124,135,.08);
	border-color: rgba(15,124,135,.20);
	color: #0f7c87;
}

body.xg-theme-light .xg-pizarron-pill:hover{
	background: rgba(15,124,135,.12);
	color: #8b5f12;
}

body.xg-theme-light .xg-pizarron-pill.is-active{
	background: linear-gradient(180deg, #d8a63a 0%, #b8821c 100%);
	color: #23190b;
	border-color: rgba(166,111,18,.28);
}

body.xg-theme-light .xg-pizarron-mini-pill{
	background: rgba(255,248,232,.68);
	border-color: rgba(166,111,18,.16);
	color: #5a4218;
}

@media (max-width: 640px){
	.xg-pizarron-filters-box{
		padding: 20px;
	}
}

.xg-pizarron-filters-actions{
	display: flex;
	align-items: center;
	gap: 12px;
	flex-wrap: wrap;
}

.xg-pizarron-results-count{
	font-weight: 700;
	color: var(--xg-text-soft);
}

/* Agrupar filtros en una sola línea */
.xg-pizarron-filter-group{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px 12px;
	margin-bottom: 18px;
}

/* El label (Modalidad, Posiciones...) */
.xg-pizarron-filter-group-title{
	min-width: 110px;
	font-weight: 600;
	color: var(--xg-text-soft);
}

/* Contenedor de pills */
.xg-pizarron-filter-group-items{
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.xg-pizarron-grid{
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
	gap: 20px;
	min-height: 200px; /* evita colapso visual */
}

.xg-pizarron-empty{
	text-align: center;
	padding: 40px 20px;
	color: var(--xg-text-soft);
	font-size: 1.05rem;
}

.xg-pizarron-page {
    min-width: 100%;
}