/*
 * contacto.css
 * Controla la página de contacto: datos de la tienda, botón de WhatsApp
 * y el mapa embebido.
 */

.gn-contacto { padding-block: var(--espacio-lg) var(--espacio-2xl); }
.gn-contacto__header { text-align: center; margin-bottom: var(--espacio-lg); }

.gn-contacto__grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: var(--espacio-lg);
}

.gn-contacto__whatsapp {
	display: flex;
	align-items: center;
	gap: .75rem;
	background: #25d366;
	color: #fff;
	padding: var(--espacio-sm) var(--espacio-md);
	border-radius: var(--radio-md);
	font-weight: 600;
	margin-bottom: var(--espacio-md);
	transition: transform var(--transicion);
}
.gn-contacto__whatsapp:hover { transform: translateY(-2px); color: #fff; }

.gn-contacto__lista {
	list-style: none;
	margin: 0;
	padding: 0;
}
.gn-contacto__lista li {
	padding: var(--espacio-sm) 0;
	border-bottom: 1px solid var(--color-borde);
}
.gn-contacto__lista strong {
	display: block;
	font-size: .8rem;
	text-transform: uppercase;
	letter-spacing: .03em;
	color: var(--color-texto-suave);
	margin-bottom: .2rem;
}

.gn-contacto__mapa iframe {
	width: 100%;
	height: 320px;
	border: none;
	border-radius: var(--radio-md);
}

.gn-contacto__extra {
	margin-top: var(--espacio-lg);
	padding-top: var(--espacio-lg);
	border-top: 1px solid var(--color-borde);
}

@media (min-width: 1024px) {
	.gn-contacto__grid { grid-template-columns: 1fr 1.2fr; }
}