/* =========================================================
   GASTRONOMÍA BUENOS AIRES — Identidad moderna
   Paleta: blanco cálido + dorado champagne como acento
   Tipografía: Playfair Display (títulos, serif editorial) + Inter (texto)
   ========================================================= */

:root{
	--gba-negro:        #0e0e0f;
	--gba-carbon:       #ffffff;
	--gba-carbon-claro: #f3f1ea;
	--gba-dorado:       #c9a24b;
	--gba-dorado-claro: #9c6b1f;
	--gba-dorado-suave: #e3c476;
	--gba-marfil:       #201f1c;
	--gba-gris-texto:   #6f6c64;
	--gba-borde:        #e7e3d8;
	--gba-fondo:        #faf9f6;
	--gba-hero-texto:     #f6f3ec;
	--gba-hero-texto-sec: #cdc8bc;

	/* Sobreescribimos la paleta base del theme para que todo el sitio
	   (header, botones, links) herede la identidad clara y moderna. */
	--pn-red:       var(--gba-dorado-claro);
	--pn-red-dark:  var(--gba-negro);
	--pn-dark:      var(--gba-negro);
	--pn-gray:      var(--gba-gris-texto);
	--pn-light-gray:var(--gba-carbon-claro);
	--pn-border:    var(--gba-borde);
	--pn-font:      'Playfair Display', Georgia, 'Times New Roman', serif;
	--pn-font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
}

body{
	background: var(--gba-fondo);
	color: var(--gba-marfil);
}

a{ color: var(--gba-dorado-claro); }
a:hover{ color: var(--gba-negro); }

.site-header, header.pn-header, .pn-site-header{
	background: var(--gba-carbon) !important;
	border-bottom: 1px solid var(--gba-borde);
}

.pn-card, .pn-widget, .pn-hero-body{
	background: var(--gba-carbon) !important;
	border-color: var(--gba-borde) !important;
}

.pn-section-title{
	font-family: var(--pn-font);
	color: var(--gba-marfil);
	border-bottom: 1px solid var(--gba-dorado) !important;
	letter-spacing: .03em;
}

/* ---------------------------------------------------------
   Estrellas doradas (1-5, con medios puntos)
   --------------------------------------------------------- */
.gba-estrellas{ display:inline-flex; align-items:center; gap:2px; }
.gba-star{ width:16px; height:16px; color: var(--gba-dorado); }
.gba-star-full, .gba-star-half{ color: var(--gba-dorado); fill: currentColor; }
.gba-star-empty{ color: var(--gba-borde); fill: currentColor; }
.gba-sin-calificar{
	display:inline-block;
	font-family: var(--pn-font-sans);
	font-size: 12.5px;
	font-style: italic;
	color: var(--gba-gris-texto);
	border: 1px dashed var(--gba-borde);
	padding: 3px 10px;
}
.gba-estrellas-num{
	font-family: var(--pn-font-sans);
	font-size: 13px;
	color: var(--gba-dorado-claro);
	margin-left: 6px;
	font-weight: 600;
}

/* ---------------------------------------------------------
   Guía de restaurantes — grilla y tarjetas
   --------------------------------------------------------- */
.gba-guia-header{
	text-align:center;
	padding: 48px 20px 28px;
}
.gba-guia-header h1{
	font-family: var(--pn-font);
	font-size: 2.6rem;
	color: var(--gba-marfil);
	margin: 0 0 10px;
}
.gba-guia-header p{
	color: var(--gba-gris-texto);
	font-family: var(--pn-font-sans);
	max-width: 620px;
	margin: 0 auto;
}

.gba-filtros{
	display:flex;
	flex-wrap:wrap;
	gap:10px;
	justify-content:center;
	padding: 0 20px 28px;
}
.gba-filtros select, .gba-filtros input[type=text]{
	background: var(--gba-carbon);
	border: 1px solid var(--gba-borde);
	color: var(--gba-marfil);
	font-family: var(--pn-font-sans);
	padding: 10px 14px;
	border-radius: 4px;
	min-width: 180px;
}

#gba-mapa{
	width: 100%;
	height: 480px;
	background: var(--gba-carbon);
	border: 1px solid var(--gba-borde);
	margin-bottom: 36px;
}

.gba-grid-restaurantes{
	display:grid;
	grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
	gap: 26px;
	padding: 0 20px 48px;
	max-width: 1280px;
	margin: 0 auto;
}

.gba-tarjeta{
	background: var(--gba-carbon);
	border: 1px solid var(--gba-borde);
	overflow:hidden;
	transition: transform .25s ease, border-color .25s ease;
	display:flex;
	flex-direction:column;
}
.gba-tarjeta:hover{
	transform: translateY(-4px);
	border-color: var(--gba-dorado);
}
.gba-tarjeta-foto{
	position:relative;
	height: 200px;
	background-size: cover;
	background-position: center;
	background-color: var(--gba-carbon-claro);
}
.gba-tarjeta-destacado{
	position:absolute; top:12px; left:12px;
	background: var(--gba-dorado);
	color: var(--gba-negro);
	font-family: var(--pn-font-sans);
	font-size: 11px;
	font-weight:700;
	letter-spacing:.06em;
	text-transform:uppercase;
	padding: 4px 10px;
}
.gba-tarjeta-precio{
	position:absolute; top:12px; right:12px;
	background: rgba(14,14,15,.85);
	color: var(--gba-dorado-suave);
	font-family: var(--pn-font-sans);
	font-size: 12px;
	padding: 4px 10px;
}
.gba-tarjeta-body{ padding: 18px 20px 22px; flex:1; display:flex; flex-direction:column; gap:8px; }
.gba-tarjeta-body h3{
	font-family: var(--pn-font);
	font-size: 1.25rem;
	margin:0;
	color: var(--gba-marfil);
}
.gba-tarjeta-body h3 a{ color: inherit; text-decoration:none; }
.gba-tarjeta-meta{
	font-family: var(--pn-font-sans);
	font-size: 12.5px;
	color: var(--gba-gris-texto);
	text-transform: uppercase;
	letter-spacing: .04em;
}
.gba-tarjeta-direccion{
	font-family: var(--pn-font-sans);
	font-size: 13px;
	color: var(--gba-gris-texto);
}

/* Espacio publicitario intercalado en la grilla de restaurantes/rubros:
   ocupa una celda igual que una ficha, para que la publicidad quede
   mezclada de forma prolija entre los locales. Si no hay ningún aviso
   cargado para ese espacio, pn_render_ad() no imprime nada y esta
   celda directamente no existe. */
.gba-tarjeta-ad{
	background: var(--gba-carbon-claro);
	border: 1px dashed var(--gba-dorado);
	display:flex;
	align-items:center;
	justify-content:center;
	padding: 10px;
}
.gba-tarjeta-ad .pn-ad-wrap{ width:100%; height:100%; margin:0; }
.gba-tarjeta-ad .pn-ad-box{ width:100%; height:100%; }

/* ---------------------------------------------------------
   Ficha individual del restaurante
   --------------------------------------------------------- */
.gba-ficha-header{
	display:flex; flex-wrap:wrap; gap:24px; align-items:flex-start;
	padding: 40px 20px 20px; max-width: 1100px; margin: 0 auto;
}
.gba-ficha-titulo{ flex:1; min-width:280px; }
.gba-ficha-titulo h1{
	font-family: var(--pn-font);
	font-size: 2.4rem;
	margin: 0 0 10px;
	color: var(--gba-marfil);
}
.gba-ficha-datos{
	max-width: 320px;
	background: var(--gba-carbon);
	border: 1px solid var(--gba-borde);
	padding: 22px;
	font-family: var(--pn-font-sans);
	font-size: 14px;
	color: var(--gba-marfil);
}
.gba-ficha-datos p{ margin: 0 0 10px; }
.gba-ficha-datos strong{ color: var(--gba-dorado-claro); }
.gba-ficha-nota{
	max-width: 1100px; margin: 0 auto; padding: 0 20px 40px;
	font-family: var(--pn-font-sans);
	font-size: 17px;
	line-height: 1.75;
	color: var(--gba-marfil);
}
#gba-mapa-single{
	width:100%; height: 340px;
	max-width: 1100px; margin: 0 auto 40px;
	border: 1px solid var(--gba-borde);
}

/* ---------------------------------------------------------
   Homepage — noticias gastronómicas + promociones (mitad/mitad)
   --------------------------------------------------------- */
.gba-mitad-pantalla{
	display:grid;
	grid-template-columns: 1fr 1fr;
	gap: 32px;
	max-width: 1280px;
	margin: 0 auto;
	padding: 40px 20px;
}
@media (max-width: 860px){
	.gba-mitad-pantalla{ grid-template-columns: 1fr; }
}
.gba-mitad-col h2{
	font-family: var(--pn-font);
	color: var(--gba-marfil);
	border-bottom: 1px solid var(--gba-dorado);
	padding-bottom: 10px;
	margin-bottom: 20px;
}
.gba-promo-item{
	background: var(--gba-carbon);
	border: 1px solid var(--gba-borde);
	padding: 16px;
	margin-bottom: 16px;
}
.gba-promo-item-noticia{
	display:flex;
	gap:14px;
	align-items:flex-start;
	text-decoration:none;
	transition: border-color .2s ease;
}
.gba-promo-item-noticia:hover{ border-color: var(--gba-dorado); }
.gba-promo-foto-wrap{
	flex-shrink:0;
	width:84px; height:84px;
	overflow:hidden;
}
.gba-promo-foto-wrap img{ width:100%; height:100%; object-fit:cover; display:block; }
.gba-promo-texto{ flex:1; min-width:0; }
@media (max-width:480px){
	.gba-promo-foto-wrap{ width:64px; height:64px; }
}

/* ---------------------------------------------------------
   Formulario de clasificados gratis
   --------------------------------------------------------- */
.gba-form-clasificado{
	max-width: 560px;
	margin: 0 auto;
	background: var(--gba-carbon);
	border: 1px solid var(--gba-borde);
	padding: 30px;
	font-family: var(--pn-font-sans);
}
.gba-form-clasificado label{
	display:block; margin: 16px 0 6px; color: var(--gba-marfil); font-size: 14px; font-weight:600;
}
.gba-form-clasificado input[type=text],
.gba-form-clasificado input[type=email],
.gba-form-clasificado select,
.gba-form-clasificado textarea{
	width:100%;
	background: var(--gba-carbon-claro);
	border: 1px solid var(--gba-borde);
	color: var(--gba-marfil);
	padding: 10px 12px;
	border-radius: 3px;
	font-family: var(--pn-font-sans);
}
.gba-form-clasificado input[type=file]{ color: var(--gba-gris-texto); margin-top:4px; }
.gba-btn-dorado{
	margin-top: 22px;
	background: var(--gba-dorado);
	color: var(--gba-negro);
	border: none;
	padding: 13px 28px;
	font-family: var(--pn-font-sans);
	font-weight: 700;
	letter-spacing: .03em;
	text-transform: uppercase;
	font-size: 13px;
	cursor: pointer;
	transition: background .2s ease;
}
.gba-btn-dorado:hover{ background: var(--gba-dorado-claro); }
.gba-form-nota{ font-size:12.5px; color: var(--gba-gris-texto); margin-top:12px; }
.gba-form-ok{
	max-width: 560px; margin: 40px auto; padding: 24px; text-align:center;
	background: var(--gba-carbon); border:1px solid var(--gba-dorado); color: var(--gba-marfil);
	font-family: var(--pn-font-sans);
}
.gba-form-error{
	max-width: 560px; margin: 20px auto 0; padding: 14px 20px;
	background: #fbeaea; border:1px solid #e3a5a5; color:#8a2c2c;
	font-family: var(--pn-font-sans); font-size:14px;
}

.gba-clasificados-grid{
	display:grid;
	grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
	gap: 20px;
	max-width: 1280px;
	margin: 0 auto;
	padding: 0 20px 48px;
}
.gba-clasificado-card{
	background: var(--gba-carbon);
	border: 1px solid var(--gba-borde);
	padding: 16px;
	font-family: var(--pn-font-sans);
}
.gba-clasificado-card h3{
	font-family: var(--pn-font);
	color: var(--gba-marfil);
	font-size: 1.1rem;
	margin: 0 0 8px;
}
.gba-clasificado-card h3 a{ color:inherit; text-decoration:none; }
.gba-clasificado-precio{ color: var(--gba-dorado-claro); font-weight:600; margin-bottom:6px; }
.gba-clasificado-zona{ color: var(--gba-gris-texto); font-size:13px; }

/* ---------------------------------------------------------
   Ficha Premium — caja de venta / pago con Mercado Pago
   --------------------------------------------------------- */
.gba-caja-premium{
	max-width: 560px;
	margin: 24px auto 0;
	background: linear-gradient(135deg, var(--gba-carbon) 0%, var(--gba-carbon-claro) 100%);
	border: 1px solid var(--gba-dorado);
	padding: 24px 28px;
	text-align:center;
	font-family: var(--pn-font-sans);
}
.gba-caja-premium p{ color: var(--gba-marfil); margin: 0 0 16px; line-height:1.6; }
.gba-ya-premium{
	max-width:560px;margin:20px auto 0;text-align:center;
	font-family: var(--pn-font-sans);
	color: var(--gba-dorado-claro);
	font-weight:600;
}

/* ---------------------------------------------------------
   Selector de plan (Normal / Premium) en el formulario de clasificados
   --------------------------------------------------------- */
.gba-planes-clasificado{
	display:grid;
	grid-template-columns: 1fr 1fr;
	gap: 12px;
	margin-top: 8px;
}
@media (max-width: 480px){ .gba-planes-clasificado{ grid-template-columns: 1fr; } }
.gba-plan-opcion{
	display:flex;
	align-items:flex-start;
	gap:10px;
	background: var(--gba-carbon-claro);
	border: 1px solid var(--gba-borde);
	padding: 14px;
	cursor:pointer;
	font-weight:400;
	margin:0;
}
.gba-plan-opcion:has(input:checked){
	border-color: var(--gba-dorado);
	background: rgba(201,162,75,.08);
}
.gba-plan-opcion input{ margin-top:4px; width:auto; }
.gba-plan-opcion span{ font-size:13.5px; color: var(--gba-marfil); line-height:1.5; }
.gba-clasificado-premium{ border-color: var(--gba-dorado) !important; }

/* ---------------------------------------------------------
   Header propio: título grande + tagline (reemplaza el
   branding chico heredado del theme de noticias)
   --------------------------------------------------------- */
.gba-branding{
	text-align:center;
	padding: 28px 0 18px;
	width: 100%;
}
.gba-site-title{
	display:block;
	font-family: var(--pn-font);
	font-size: 2.2rem;
	font-weight: 700;
	color: var(--gba-marfil) !important;
	text-decoration: none;
	letter-spacing: .01em;
	line-height:1.15;
}
.gba-site-title:hover{ color: var(--gba-dorado-claro) !important; }
.gba-site-tagline{
	font-family: var(--pn-font-sans);
	font-size: 13px;
	letter-spacing: .15em;
	text-transform: uppercase;
	color: var(--gba-dorado);
	margin: 8px 0 0;
}
@media (max-width: 600px){
	.gba-site-title{ font-size: 1.5rem; }
}
.gba-header .pn-header-main{
	display:flex;
	flex-direction:column;
	align-items:center;
}

.pn-menu-toggle span{ background: var(--gba-dorado) !important; }

/* ===========================================================
   HÉROE + TOP 10 DEL MES + CATEGORÍAS
   Elemento firma: el "medallón" — sello dorado de inspección,
   se repite en el héroe, el Top 10 y las tarjetas.
   =========================================================== */

.gba-medallon{
	width: 56px; height: 56px;
	border-radius: 50%;
	flex-shrink:0;
	display:flex;
	align-items:center;
	justify-content:center;
	background: radial-gradient(circle at 35% 30%, #2a2620 0%, var(--gba-negro) 70%);
	border: 1px solid var(--gba-dorado);
	box-shadow:
		0 0 0 3px var(--gba-negro),
		0 0 0 4px rgba(201,162,75,.4),
		inset 0 0 10px rgba(201,162,75,.15);
	font-family: var(--pn-font);
	color: var(--gba-dorado-suave);
	position:relative;
}
.gba-medallon-grande{ width: 68px; height: 68px; }
.gba-medallon-num{ font-size: 1.15rem; font-weight:700; line-height:1; }
.gba-medallon-grande .gba-medallon-num{ font-size: 1.5rem; }
.gba-medallon-sub{
	position:absolute; bottom:-9px; left:50%; transform:translateX(-50%);
	background: var(--gba-dorado); color: var(--gba-negro);
	font-family: var(--pn-font-sans); font-size:9px; font-weight:800;
	letter-spacing:.05em; padding: 1px 6px; white-space:nowrap;
}
.gba-medallon-grande .gba-medallon-sub{ font-size:11px; bottom:-12px; padding:2px 10px; }

/* ---------- HÉROE ---------- */
.gba-hero{
	position:relative;
	min-height: 320px;
	display:flex;
	align-items:center;
	justify-content:center;
	overflow:hidden;
	background: var(--gba-negro);
	border-bottom: 1px solid var(--gba-borde);
}
.gba-hero-bg{
	position:absolute; inset:0;
	background-size: cover;
	background-position: center;
	opacity: .32;
	filter: grayscale(30%);
}
.gba-hero-bg::after{ content:''; }
.gba-hero-veil{
	position:absolute; inset:0;
	background: linear-gradient(180deg, rgba(14,14,15,.55) 0%, rgba(14,14,15,.75) 55%, var(--gba-negro) 100%);
}
.gba-hero-content{
	position:relative;
	z-index:2;
	text-align:center;
	max-width: 760px;
	padding: 32px 24px;
}
.gba-hero-eyebrow{
	font-family: var(--pn-font-sans);
	font-size: 11px;
	letter-spacing: .28em;
	text-transform: uppercase;
	color: var(--gba-dorado);
	margin: 0 0 10px;
}
.gba-hero-eyebrow::before, .gba-hero-eyebrow::after{
	content:'';
	display:inline-block;
	width: 30px; height:1px;
	background: var(--gba-dorado);
	vertical-align: middle;
	margin: 0 12px 3px;
}
.gba-hero h1{
	font-family: var(--pn-font);
	font-size: clamp(1.8rem, 4vw, 2.6rem);
	font-weight: 700;
	color: var(--gba-hero-texto);
	line-height: 1.15;
	margin: 0 0 18px;
}
.gba-hero h1 em{ color: var(--gba-dorado-suave); font-style: normal; }
.gba-hero p{
	font-family: var(--pn-font-sans);
	font-size: 16px;
	color: var(--gba-hero-texto-sec);
	max-width: 480px;
	margin: 0 auto 32px;
	line-height:1.6;
}
.gba-hero-ctas{ display:flex; gap:14px; justify-content:center; flex-wrap:wrap; }
.gba-btn-outline{
	display:inline-block;
	border: 1px solid var(--gba-dorado-suave);
	color: var(--gba-dorado-suave);
	font-family: var(--pn-font-sans);
	font-weight:600;
	font-size:13px;
	letter-spacing:.04em;
	text-transform:uppercase;
	padding: 13px 26px;
	text-decoration:none;
	transition: background .2s ease, color .2s ease;
}
.gba-btn-outline:hover{ background: var(--gba-dorado); color: var(--gba-negro); }

/* ---------- TOP 10 DEL MES ---------- */
.gba-seccion{ max-width: 1280px; margin: 0 auto; padding: 32px 20px; }
.gba-seccion-header{ text-align:center; margin-bottom: 22px; }
.gba-seccion-eyebrow{
	font-family: var(--pn-font-sans); font-size: 11px; letter-spacing:.28em;
	text-transform:uppercase; color: var(--gba-dorado); margin: 0 0 10px;
}
.gba-seccion-header h2{
	font-family: var(--pn-font); font-size: 2.1rem; color: var(--gba-marfil); margin:0;
}
.gba-seccion-header p{
	font-family: var(--pn-font-sans); color: var(--gba-gris-texto); max-width:520px;
	margin: 12px auto 0; font-size:14.5px; line-height:1.6;
}

.gba-top10-lista{ display:flex; flex-direction:column; border-top:1px solid var(--gba-borde); }
.gba-top10-item{
	display:grid;
	grid-template-columns: 64px 90px 1fr auto;
	align-items:center;
	gap: 22px;
	padding: 18px 12px;
	border-bottom: 1px solid var(--gba-borde);
	text-decoration:none;
	transition: background .2s ease;
}
.gba-top10-item:hover{ background: var(--gba-carbon); }
.gba-top10-puesto{
	font-family: var(--pn-font);
	font-size: 1.6rem;
	color: var(--gba-gris-texto);
	text-align:center;
	font-weight:700;
}
.gba-top10-item:nth-child(1) .gba-top10-puesto,
.gba-top10-item:nth-child(2) .gba-top10-puesto,
.gba-top10-item:nth-child(3) .gba-top10-puesto{ color: var(--gba-dorado); }
.gba-top10-foto{
	width: 90px; height: 66px;
	background-size:cover; background-position:center;
	background-color: var(--gba-carbon-claro);
}
.gba-top10-info h3{
	font-family: var(--pn-font); font-size: 1.15rem; color: var(--gba-marfil); margin: 0 0 6px;
}
.gba-top10-info .gba-tarjeta-meta{ margin:0; }
.gba-top10-estrellas{ text-align:right; }
@media (max-width: 640px){
	.gba-top10-item{ grid-template-columns: 40px 64px 1fr; }
	.gba-top10-estrellas{ grid-column: 1 / -1; text-align:left; padding-left:104px; margin-top:-8px; }
}

/* ---------- CATEGORÍAS ---------- */
.gba-categorias-grid{
	display:grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 2px;
	background: var(--gba-borde);
	border: 1px solid var(--gba-borde);
}
@media (max-width: 860px){ .gba-categorias-grid{ grid-template-columns: repeat(2, 1fr); } }
.gba-categoria-tile{
	background: var(--gba-carbon);
	padding: 38px 20px;
	text-align:center;
	text-decoration:none;
	transition: background .25s ease;
	position:relative;
}
.gba-categoria-tile:hover{ background: var(--gba-carbon-claro); }
.gba-categoria-tile .gba-cat-icono{
	font-size: 26px;
	color: var(--gba-dorado);
	margin-bottom: 14px;
	display:block;
}
.gba-categoria-tile h3{
	font-family: var(--pn-font-sans);
	font-size: 12.5px;
	letter-spacing:.08em;
	text-transform:uppercase;
	color: var(--gba-marfil);
	margin: 0;
	font-weight:600;
}

/* Divisor con línea + rombo dorado, para separar secciones con carácter */
.gba-divisor{ display:flex; align-items:center; gap:16px; max-width:1280px; margin:0 auto; padding:0 20px; }
.gba-divisor::before, .gba-divisor::after{ content:''; flex:1; height:1px; background:var(--gba-borde); }
.gba-divisor span{ width:8px; height:8px; background:var(--gba-dorado); transform:rotate(45deg); }

/* ===========================================================
   FICHA DE RESTAURANTE — encabezado, contacto destacado, reseña
   =========================================================== */

.gba-cabecera-ficha{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	align-items:flex-start;
	gap: 24px;
	max-width: 1100px;
	margin: 0 auto;
	padding: 44px 20px 24px;
}
.gba-cabecera-titulo{ flex: 1; min-width: 280px; }
.gba-cabecera-eyebrow{
	font-family: var(--pn-font-sans);
	font-size: 11px;
	letter-spacing: .2em;
	text-transform: uppercase;
	color: var(--gba-dorado);
	margin: 0 0 10px;
}
.gba-cabecera-titulo h1{
	font-family: var(--pn-font);
	font-size: clamp(2rem, 4vw, 2.8rem);
	color: var(--gba-marfil);
	margin: 0 0 10px;
	line-height:1.15;
}
.gba-cabecera-cocina{
	font-family: var(--pn-font-sans);
	font-size: 14px;
	color: var(--gba-gris-texto);
	margin: 0;
}

/* Sello dorado al costado del título: estrellas + marca */
.gba-sello-calificacion{
	flex-shrink: 0;
	text-align:center;
	background: var(--gba-carbon);
	border: 1px solid var(--gba-dorado);
	padding: 18px 26px;
	min-width: 200px;
}
.gba-sello-premium{
	display:block;
	font-family: var(--pn-font-sans);
	font-size: 11px;
	font-weight:700;
	letter-spacing:.06em;
	text-transform:uppercase;
	color: var(--gba-negro);
	background: var(--gba-dorado);
	padding: 3px 10px;
	margin: -18px -26px 12px;
}
.gba-sello-calificacion .gba-estrellas{ justify-content:center; margin-bottom:8px; }
.gba-sello-marca{
	font-family: var(--pn-font);
	font-size: 12px;
	letter-spacing: .08em;
	text-transform: uppercase;
	color: var(--gba-dorado-claro);
	margin: 4px 0 0;
	line-height:1.4;
}

/* Datos de contacto — grilla bien visible */
.gba-contacto-destacado{
	display:grid;
	grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
	gap: 1px;
	background: var(--gba-borde);
	border: 1px solid var(--gba-borde);
	max-width: 1100px;
	margin: 0 auto;
}
.gba-contacto-item{
	background: var(--gba-carbon);
	padding: 20px 22px;
	display:flex;
	flex-direction:column;
	gap: 4px;
}
.gba-contacto-label{
	font-family: var(--pn-font-sans);
	font-size: 11px;
	letter-spacing: .1em;
	text-transform: uppercase;
	color: var(--gba-dorado);
}
.gba-contacto-valor{
	font-family: var(--pn-font-sans);
	font-size: 17px;
	font-weight: 600;
	color: var(--gba-marfil);
}
.gba-contacto-link{
	font-family: var(--pn-font-sans);
	font-size: 12.5px;
	color: var(--gba-dorado-claro);
	margin-top: 4px;
}
.gba-contacto-extra{
	display:flex;
	align-items:center;
	gap: 20px;
	flex-wrap:wrap;
	max-width: 1100px;
	margin: 18px auto 0;
	padding: 0 20px;
	font-family: var(--pn-font-sans);
	font-size: 14px;
	color: var(--gba-gris-texto);
}
.gba-contacto-extra a{ color: var(--gba-dorado-claro); }

.gba-hero-img{
	max-width: 1100px;
	margin: 36px auto 0;
	padding: 0 20px;
}
.gba-hero-img img{ width: 100%; height: 460px; object-fit: cover; display:block; }

/* La reseña — formato "nota de diario", reutiliza el estilo de pn-article */
.gba-resena{
	max-width: 1100px;
	margin: 0 auto;
	padding: 40px 20px 20px;
}
.gba-resena-header{
	margin-bottom: 20px;
	padding-bottom: 16px;
	border-bottom: 1px solid var(--gba-borde);
}
.gba-resena-header .pn-card-cat{
	display:inline-block;
	font-family: var(--pn-font-sans);
	font-size: 11px;
	font-weight:700;
	letter-spacing:.08em;
	text-transform:uppercase;
	color: var(--gba-negro);
	background: var(--gba-dorado);
	padding: 4px 12px;
	margin-bottom: 10px;
}
.gba-resena-header .pn-article-meta{
	font-family: var(--pn-font-sans);
	font-size: 13px;
	color: var(--gba-gris-texto);
}
.gba-resena-content{
	font-family: var(--pn-font-sans);
	font-size: 18px;
	line-height: 1.8;
	color: var(--gba-marfil);
}
.gba-resena-content p{ margin: 0 0 22px; }

@media (max-width: 640px){
	.gba-cabecera-ficha{ flex-direction:column; }
	.gba-sello-calificacion{ align-self:flex-start; }
	.gba-hero-img img{ height: 260px; }
}

/* Desglose de criterios dentro del sello de calificación */
.gba-desglose-criterios{
	list-style:none;
	margin: 14px 0 0;
	padding: 12px 0 0;
	border-top: 1px solid var(--gba-borde);
	text-align:left;
}
.gba-desglose-criterios li{
	display:flex;
	justify-content:space-between;
	align-items:center;
	gap: 10px;
	font-family: var(--pn-font-sans);
	font-size: 12px;
	color: var(--gba-gris-texto);
	padding: 3px 0;
}
.gba-desglose-criterios li strong{ color: var(--gba-dorado-claro); font-weight:600; }
.gba-desglose-criterios .gba-estrellas{ gap:1px; }
.gba-desglose-criterios .gba-star{ width:11px; height:11px; }
.gba-desglose-criterios .gba-estrellas-num{ font-size:11px; margin-left:3px; }