/* Adaptadores de gas por país — solo lo propio; lo común está en herramientas.css */

/* ---------- Países elegidos ---------- */
.rvh-gas__sel { display: flex; flex-wrap: wrap; gap: var(--rv-space-2); align-items: center; }
.rvh-gas__sel[hidden] { display: none; }
.rvh .rvh-chip.rvh-gas__pais-sel {
	display: inline-flex;
	align-items: center;
	gap: var(--rv-space-2);
	padding-right: var(--rv-space-3);
	background: var(--rv-ink);
	border-color: var(--rv-ink);
	color: #fff;
}
.rvh-gas__x { font-size: 1.15em; line-height: 1; opacity: .75; }
.rvh .rvh-gas__vaciar {
	min-height: 44px;
	padding: 0 var(--rv-space-3);
	border: 0;
	background: none;
	color: var(--rv-muted);
	font-size: var(--rv-text-sm);
	text-decoration: underline;
	text-underline-offset: 3px;
	cursor: pointer;
}
@media (hover: hover) {
	.rvh.rvh.rvh button.rvh-gas__pais-sel:hover { background: #000; color: #fff !important; }
	.rvh.rvh.rvh button.rvh-gas__pais-sel:hover .rvh-gas__x { opacity: 1; }
	.rvh.rvh.rvh button.rvh-gas__vaciar:hover { color: var(--rv-ink) !important; background: none; }
}

/* ---------- Buscador ---------- */
.rvh-gas__buscar { align-items: center; }
.rvh-gas__lupa { flex: 0 0 auto; width: 20px; height: 20px; margin-left: var(--rv-space-4); color: var(--rv-muted); }
.rvh.rvh .rvh-gas__buscar input { padding-left: var(--rv-space-3); font-size: var(--rv-text-base); min-height: 46px; }
.rvh .rvh-gas__buscar input::placeholder { color: #6F7A86; opacity: 1; }
.rvh-gas__sug {
	display: grid;
	gap: 2px;
	padding: var(--rv-space-1);
	margin-top: calc(var(--rv-space-1) * -1);
	border: 1px solid var(--rv-line);
	border-radius: var(--rv-radius);
	background: #fff;
	box-shadow: var(--rv-shadow-xs);
}
.rvh-gas__sug[hidden] { display: none; }
.rvh .rvh-gas__op {
	display: flex;
	justify-content: space-between;
	align-items: center;
	min-height: 44px;
	padding: 0 var(--rv-space-3);
	border: 0;
	border-radius: calc(var(--rv-radius) - 4px);
	background: none;
	color: var(--rv-ink);
	font-size: var(--rv-text-base);
	text-align: left;
	cursor: pointer;
}
.rvh .rvh-gas__op:disabled { color: var(--rv-muted); cursor: default; }
.rvh-gas__ya { font-size: var(--rv-text-xs); }
@media (hover: hover) {
	.rvh.rvh.rvh button.rvh-gas__op:not(:disabled):hover { background: var(--rv-bg-soft); color: var(--rv-ink) !important; }
}
.rvh-gas__nada { margin: 0; padding: var(--rv-space-3); font-size: var(--rv-text-sm); color: var(--rv-muted); }

/* ---------- Todos los países ---------- */
.rvh-gas__todos > summary {
	display: inline-flex;
	align-items: center;
	min-height: 44px;
	cursor: pointer;
	font-size: var(--rv-text-sm);
	color: var(--rv-ink);
	text-decoration: underline;
	text-underline-offset: 3px;
}
.rvh-gas__regiones { display: grid; gap: var(--rv-space-4); padding-top: var(--rv-space-2); }
.rvh-gas__rtit { margin: 0 0 var(--rv-space-2); font-size: var(--rv-text-xs); font-weight: 600; color: var(--rv-muted); }
.rvh-gas__regiones .rvh-chip { min-height: 44px; padding: 0 var(--rv-space-3); }

/* ---------- Resultado ---------- */
.rvh .rvh-big__unit { text-wrap: pretty; }
.rvh-gas__kit { display: grid; gap: var(--rv-space-2); margin: 0; padding: 0; list-style: none; }
.rvh-gas__kit:empty { display: none; }
.rvh-gas__kit li {
	display: grid;
	gap: 2px;
	padding: var(--rv-space-3) var(--rv-space-4);
	background: #fff;
	border: 1px solid #E9E3D9;
	border-radius: var(--rv-radius);
}
.rvh-gas__kit b { color: var(--rv-ink); font-size: var(--rv-text-base); }
.rvh-gas__kit span { font-size: var(--rv-text-sm); color: var(--rv-muted); text-wrap: pretty; }
.rvh-gas__sind { margin: 0; font-size: var(--rv-text-sm); color: var(--rv-muted); }
.rvh-gas__sind[hidden] { display: none; }

.rvh-gas__lista { display: grid; gap: var(--rv-space-2); }
.rvh-gas__ltit { margin: var(--rv-space-2) 0 0; font-size: var(--rv-text-sm); font-weight: 600; color: var(--rv-ink); }
.rvh-gas__pais { background: #fff; border: 1px solid #E9E3D9; border-radius: var(--rv-radius); }
.rvh-gas__pais > summary {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: var(--rv-space-1) var(--rv-space-3);
	min-height: 48px;
	padding: var(--rv-space-2) var(--rv-space-4);
	cursor: pointer;
	list-style: none;
}
.rvh-gas__pais > summary::-webkit-details-marker { display: none; }
.rvh-gas__pnom { font-weight: 600; color: var(--rv-ink); }
.rvh-gas__estado { display: inline-flex; align-items: center; gap: var(--rv-space-2); font-size: var(--rv-text-sm); color: var(--rv-text); }
.rvh-gas__ic {
	display: inline-grid;
	place-items: center;
	width: 22px;
	height: 22px;
	border-radius: 50%;
	background: var(--rv-bg-soft);
	color: var(--rv-ink);
	font-size: 13px;
	font-weight: 700;
	line-height: 1;
}
.rvh-gas__pais.is-ok .rvh-gas__ic { background: var(--rv-ink); color: #fff; }
.rvh-gas__pais.is-adapt .rvh-gas__ic { background: var(--rv-accent-soft); color: var(--rv-accent-dark); }
.rvh-gas__pais.is-sin .rvh-gas__estado,
.rvh-gas__pais.is-nog .rvh-gas__estado { color: var(--rv-muted); }
.rvh-gas__cuerpo { display: grid; gap: var(--rv-space-3); padding: 0 var(--rv-space-4) var(--rv-space-4); font-size: var(--rv-text-sm); }
.rvh-gas__cuerpo p { margin: 0; line-height: 1.5; text-wrap: pretty; }
.rvh-gas__sub { color: var(--rv-muted); }
.rvh-gas__vals { display: flex; flex-wrap: wrap; gap: var(--rv-space-2); }
.rvh .rvh-gas__val {
	min-height: 44px;
	padding: 0 var(--rv-space-3);
	border: 1px solid var(--rv-line);
	border-radius: var(--rv-radius-pill);
	background: var(--rv-bg-soft);
	color: var(--rv-ink);
	font-size: var(--rv-text-sm);
	cursor: pointer;
}
.rvh .rvh-gas__val.is-mia { border-color: var(--rv-ink); font-weight: 600; }
.rvh .rvh-gas__val[aria-expanded="true"] { background: var(--rv-ink); border-color: var(--rv-ink); color: #fff; }
@media (hover: hover) {
	.rvh.rvh.rvh button.rvh-gas__val:not([aria-expanded="true"]):hover { border-color: var(--rv-muted); color: var(--rv-ink) !important; }
	.rvh.rvh.rvh button.rvh-gas__val[aria-expanded="true"]:hover { color: #fff !important; }
}
.rvh-gas__ficha {
	display: grid;
	gap: var(--rv-space-2);
	padding: var(--rv-space-3) var(--rv-space-4);
	background: var(--rv-bg-soft);
	border-radius: var(--rv-radius);
}
.rvh-gas__ficha[hidden] { display: none; }
.rvh-gas__fnom { font-weight: 600; color: var(--rv-ink); }
.rvh-gas__med { font-variant-numeric: tabular-nums; color: var(--rv-ink); }
.rvh-gas__tb { color: var(--rv-muted); }
.rvh-gas__nota b { color: var(--rv-ink); }
.rvh-gas__fuente { font-size: var(--rv-text-xs); color: var(--rv-muted); }
.rvh-gas__fuente a { color: inherit; }

/* ---------- Móvil: países y rutas en una fila que se desliza ---------- */
@media (max-width: 640px) {
	.rvh[data-rvh="gas"] .rvh-gas__sel,
	.rvh[data-rvh="gas"] [data-k="atajos"] {
		flex-wrap: nowrap;
		overflow-x: auto;
		margin: 0 calc(-1 * var(--rvh-gap));
		padding: 2px var(--rvh-gap);
		scrollbar-width: none;
	}
	.rvh[data-rvh="gas"] .rvh-gas__sel::-webkit-scrollbar,
	.rvh[data-rvh="gas"] [data-k="atajos"]::-webkit-scrollbar { display: none; }
	.rvh[data-rvh="gas"] .rvh-gas__sel > *,
	.rvh[data-rvh="gas"] [data-k="atajos"] .rvh-chip { flex: 0 0 auto; }
	.rvh-gas__pais > summary { padding-inline: var(--rv-space-3); }
	.rvh-gas__cuerpo { padding-inline: var(--rv-space-3); }
}

@media print {
	.rvh-gas__pais { break-inside: avoid; }
	.rvh-gas__todos, .rvh-gas__sug, .rvh-gas__vaciar { display: none !important; }
}

/* ---------- Fotos de válvulas y boquillas ---------- */
.rvh-gas__foto, .rvh-gas-galeria__item { display: grid; gap: var(--rv-space-2); align-content: start; margin: 0; }
.rvh .rvh-gas-zoom, .rvh-gas-zoom {
	display: block;
	width: 100%;
	padding: 0;
	border: 1px solid var(--rv-line);
	border-radius: var(--rv-radius);
	background: #fff;
	overflow: hidden;
	cursor: zoom-in;
	line-height: 0;
}
.rvh-gas-zoom img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 1;
	object-fit: cover;
	margin: 0 auto;
	transition: transform var(--rv-duration) var(--rv-ease);
}
.is-contener > .rvh-gas-zoom img { object-fit: contain; }
@media (hover: hover) {
	.rvh-gas-zoom:hover img { transform: scale(1.03); }
	.rvh.rvh.rvh button.rvh-gas-zoom:hover, button.rvh-gas-zoom:hover { background: #fff; }
}
.rvh-gas-zoom:focus-visible { outline: 2px solid var(--rv-ink); outline-offset: 2px; }
.rvh-gas__foto figcaption { font-size: var(--rv-text-xs); line-height: 1.45; color: var(--rv-muted); text-wrap: pretty; }
.rvh-gas__foto figcaption a, .rvh-gas-galeria__item small a { color: inherit; }

/* En la ficha de la válvula: foto grande, a todo el ancho de la ficha */
.rvh-gas__ficha .rvh-gas__foto { max-width: 360px; }

/* Miniatura de tu instalación, junto a su pie */
.rvh-gas__mia-foto[hidden] { display: none; }
.rvh-gas__foto--mini { grid-template-columns: 96px 1fr; align-items: center; gap: var(--rv-space-3); }
.rvh-gas__foto--mini .rvh-gas-zoom { width: 96px; }

/* Galerías de la página */
.rvh-gas-galeria { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--rv-space-5) var(--rv-space-4); margin: var(--rv-space-5) 0 var(--rv-space-6); }
@media (min-width: 700px) { .rvh-gas-galeria { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
.rvh-gas-galeria__item figcaption { display: grid; gap: 2px; font-size: var(--rv-text-sm); line-height: 1.4; }
.rvh-gas-galeria__item figcaption b { color: var(--rv-ink); }
.rvh-gas-galeria__item small { font-size: var(--rv-text-xs); color: var(--rv-muted); text-wrap: pretty; }

/* Foto ampliada */
.rvh-gas-lb { position: fixed; inset: 0; z-index: 100000; display: grid; place-items: center; padding: var(--rv-space-6) var(--rv-space-4); }
.rvh-gas-lb[hidden] { display: none; }
.rvh-gas-lb__fondo { position: absolute; inset: 0; background: rgba(17, 24, 32, .96); }
.rvh-gas-lb__fig { position: relative; display: grid; gap: var(--rv-space-3); justify-items: center; margin: 0; max-width: min(92vw, 1000px); }
.rvh-gas-lb__fig img { display: block; width: auto; height: auto; max-width: 100%; max-height: 78vh; border-radius: var(--rv-radius); background: #fff; }
.rvh-gas-lb__fig figcaption { max-width: 60ch; color: #fff; font-size: var(--rv-text-sm); line-height: 1.5; text-align: center; }
.rvh-gas-lb__fig figcaption a { color: #fff; }
.rvh-gas-lb__cerrar {
	position: absolute;
	top: var(--rv-space-4);
	right: var(--rv-space-4);
	min-height: 44px;
	padding: 0 var(--rv-space-4);
	border: 0;
	border-radius: var(--rv-radius-pill);
	background: #fff;
	color: var(--rv-ink);
	font-weight: 600;
	cursor: pointer;
}
/* El tema pone color #fff !important a todo button:hover (0,4,1): aquí gana con (0,4,2). */
body button.rvh-gas-lb__cerrar.rvh-gas-lb__cerrar.rvh-gas-lb__cerrar:hover { color: var(--rv-ink) !important; background: #fff; }