/* Gabina Reseñas de Google — v1.2
   Fondo transparente: toma el color de la sección de Elementor.
   Cambiá los colores en las variables de abajo. */
.gr-wrap {
	--gr-ink: #16161D;
	--gr-muted: #52525B;
	--gr-line: rgba(22, 22, 29, 0.14);  /* borde de las tarjetas; poné "transparent" para sacarlo */
	--gr-card-bg: transparent;           /* fondo de las tarjetas */
	--gr-star: #E8A317;
	--gr-gap: 20px;
	max-width: 1200px;
	margin: 0 auto;
	background: transparent;
	color: var(--gr-ink);
	font-family: inherit;
}

/* Botón chico de arriba, centrado */
.gr-head {
	display: flex;
	justify-content: center;
	margin-bottom: 28px;
}
.gr-pill {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 8px 16px;
	border: 1px solid var(--gr-line);
	border-radius: 999px;
	background: transparent;
	color: var(--gr-ink);
	font-size: 14px;
	line-height: 1.2;
	text-decoration: none;
	transition: border-color .15s ease;
}
.gr-pill:hover,
.gr-pill:focus-visible { border-color: var(--gr-ink); color: var(--gr-ink); }
.gr-pill span { color: var(--gr-muted); }

/* Carrusel: 3 visibles en escritorio */
.gr-track {
	display: grid;
	grid-auto-flow: column;
	grid-auto-columns: calc((100% - 2 * var(--gr-gap)) / 3);
	gap: var(--gr-gap);
	overflow-x: auto;
	scroll-snap-type: x mandatory;
	scroll-behavior: smooth;
	scrollbar-width: none;
	overscroll-behavior-x: contain;
	outline: none;
}
.gr-track::-webkit-scrollbar { display: none; }
.gr-track:focus-visible { outline: 2px solid var(--gr-ink); outline-offset: 4px; border-radius: 24px; }

.gr-card {
	margin: 0;
	padding: 32px;
	background: var(--gr-card-bg);
	border: 1px solid var(--gr-line);
	border-radius: 24px;
	display: flex;
	flex-direction: column;
	gap: 18px;
	scroll-snap-align: start;
	min-width: 0;
}
.gr-stars { display: inline-flex; gap: 2px; }
.gr-stars svg.on { fill: var(--gr-star); }
.gr-stars svg.off { fill: var(--gr-line); }
.gr-text {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 20px;
	line-height: 1.45;
	font-style: normal;
	color: var(--gr-ink);
}
.gr-author {
	margin-top: auto;
	display: flex;
	align-items: center;
	gap: 12px;
	font-size: 15px;
}
.gr-author img { width: 40px; height: 40px; border-radius: 50%; object-fit: cover; }
.gr-author span { display: flex; flex-direction: column; }
.gr-author a { color: var(--gr-ink); text-decoration: none; }
.gr-author a:hover { text-decoration: underline; }
.gr-author small { color: var(--gr-muted); font-size: 14px; }

/* Tarjeta final "Ver todas las reseñas" */
.gr-more {
	align-items: center;
	justify-content: center;
	text-align: center;
	text-decoration: none;
	color: var(--gr-ink);
	border-style: dashed;
	transition: border-color .15s ease;
}
.gr-more:hover,
.gr-more:focus-visible { border-color: var(--gr-ink); color: var(--gr-ink); }
.gr-more-num { font-size: 56px; font-weight: 800; line-height: 1; }
.gr-more-label { font-size: 18px; font-weight: 600; margin-top: 8px; }

/* Flechas */
.gr-nav {
	display: flex;
	justify-content: center;
	gap: 12px;
	margin-top: 24px;
}
.gr-nav[hidden] { display: none; }
.gr-arrow {
	width: 48px;
	height: 48px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	border: 1px solid var(--gr-line);
	background: transparent;
	color: var(--gr-ink);
	cursor: pointer;
	padding: 0;
	transition: border-color .15s ease, opacity .15s ease;
}
.gr-arrow:hover:not(:disabled),
.gr-arrow:focus-visible { border-color: var(--gr-ink); }
.gr-arrow:disabled { opacity: .3; cursor: default; }

/* Atribución */
.gr-attrib {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	margin: 20px 0 0;
	font-size: 13px;
	color: var(--gr-muted);
}
.gr-attrib a { color: var(--gr-muted); text-decoration: underline; text-underline-offset: 2px; }
.gr-attrib a:hover { color: var(--gr-ink); }

/* [gabina_resenas_badge] — línea corta para el inicio */
.gr-badge-wrap { display: flex; }
.gr-badge {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	font-size: 15px;
	line-height: 1.3;
	color: #3F3F46;
	text-decoration: none;
}
.gr-badge strong { color: #16161D; }
.gr-badge .gr-stars svg.on { fill: #E8A317; }
.gr-badge .gr-stars svg.off { fill: rgba(22, 22, 29, 0.14); }
a.gr-badge:hover span { text-decoration: underline; text-underline-offset: 3px; }
/* color="blanco" / color="#hex" */
.gr-badge.gr-badge--color,
.gr-badge.gr-badge--color strong,
a.gr-badge.gr-badge--color:hover { color: var(--gr-badge-color); }
.gr-badge.gr-badge--color .gr-stars svg.off { fill: currentColor; opacity: .3; }
/* negrita="si" */
.gr-badge.gr-badge--bold,
.gr-badge.gr-badge--bold strong { font-weight: 700; }

.gr-admin-note { padding: 12px 16px; border: 1px dashed #b32d2e; color: #b32d2e; font-size: 14px; }

/* Tablet: 2 visibles · Celular: 1 visible y se asoma la siguiente */
@media (max-width: 1024px) {
	.gr-track { grid-auto-columns: calc((100% - var(--gr-gap)) / 2); }
}
@media (max-width: 640px) {
	.gr-track { grid-auto-columns: 85%; }
	.gr-card { padding: 24px; }
	.gr-text { font-size: 18px; }
}
@media (prefers-reduced-motion: reduce) {
	.gr-track { scroll-behavior: auto; }
}