/* Calculadora de agua y gas (agua): solo lo propio. */

.rvh[data-rvh="agua"] [hidden] { display: none !important; }
.rvh[data-rvh="agua"] .rvh-agua-corto { flex: 0 1 11rem; max-width: 11rem; }

/* ---------- Usos del agua ---------- */
.rvh-agua-usos {
	list-style: none;
	margin: var(--rv-space-2) 0 0;
	padding: 0;
	display: grid;
	gap: var(--rv-space-2);
}
.rvh-agua-uso {
	display: grid;
	gap: var(--rv-space-2);
	margin: 0;
	padding: var(--rv-space-3);
	background: var(--rv-bg-soft);
	border: 1px solid var(--rv-line);
	border-radius: var(--rv-radius);
}
.rvh-agua-uso::before { content: none; }
.rvh-agua-uso__top {
	display: flex;
	align-items: center;
	gap: var(--rv-space-3);
	min-height: 44px;
}
.rvh-agua-uso__n {
	flex: 1 1 auto;
	min-width: 0;
	font-weight: 600;
	font-size: var(--rv-text-sm);
	color: var(--rv-ink);
}
.rvh-agua-uso__l {
	flex: 0 0 auto;
	font-size: var(--rv-text-xs);
	color: var(--rv-muted);
	font-variant-numeric: tabular-nums;
	white-space: nowrap;
}
.rvh .rvh-agua-uso__del {
	flex: 0 0 44px;
	display: grid;
	place-items: center;
	width: 44px;
	height: 44px;
	margin: -4px -6px -4px 0;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: transparent;
	color: var(--rv-muted);
	cursor: pointer;
}
.rvh .rvh-agua-uso__del svg { width: 18px; height: 18px; }
.rvh.rvh.rvh button.rvh-agua-uso__del:hover { background: #fff; color: var(--rv-ink) !important; }

.rvh-agua-uso > .rvh-input,
.rvh-agua-uso__nums .rvh-input { min-height: 46px; }
.rvh .rvh-agua-uso .rvh-input input { padding: 0 var(--rv-space-3); font-size: var(--rv-text-base); }
.rvh-agua-uso .rvh-input__unit { padding-right: var(--rv-space-3); font-size: var(--rv-text-xs); }
.rvh-agua-uso__nums { display: flex; flex-wrap: wrap; gap: var(--rv-space-2); }
.rvh-agua-uso__nums .rvh-input { flex: 1 1 8rem; }
.rvh-agua-uso .rvh-hint { margin-top: -2px; }
.rvh .rvh-agua-dpor { color: var(--rv-ink); font-weight: 600; }

/* Subgrupos dentro de la ducha */
.rvh-agua-sub { display: grid; gap: 6px; }
.rvh-agua-sub__k { font-size: var(--rv-text-xs); font-weight: 600; color: var(--rv-text); }
.rvh-agua-sub > .rvh-seg { justify-self: start; background: #fff; }
.rvh-agua-sub > .rvh-seg--block { justify-self: stretch; }
.rvh[data-rvh="agua"] .rvh-agua-sub .rvh-seg__btn { padding: 0 var(--rv-space-3); flex: 1 1 auto; }
/* Rejillas sin huecos: 4 opciones en 2×2 (tipo de ducha) o en 4 / 2×2 (frecuencia) */
.rvh[data-rvh="agua"] .rvh-agua-seg2,
.rvh[data-rvh="agua"] .rvh-agua-seg4 { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
@media (min-width: 560px) {
	.rvh[data-rvh="agua"] .rvh-agua-seg4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
.rvh[data-rvh="agua"] .rvh-agua-seg2 .rvh-seg__btn,
.rvh[data-rvh="agua"] .rvh-agua-seg4 .rvh-seg__btn { padding: 0 var(--rv-space-2); line-height: 1.2; }

/* «Afinar por usos» y «Cómo» de la ducha: plegados con el resumen de lo elegido (rvh-ajustes común) */
.rvh-agua-aj > .rvh-ajustes__dentro { padding-inline: var(--rv-space-3); }
.rvh-agua-dmas > .rvh-ajustes__dentro { padding-inline: var(--rv-space-3); gap: var(--rv-space-4); }
.rvh[data-rvh="agua"] .rvh-agua-dmas .rvh-agua-sub > .rvh-seg { background: var(--rv-bg-soft); }
.rvh-agua-dmas > summary b { font-variant-numeric: tabular-nums; }
.rvh-agua-uso { scroll-margin: calc(var(--rv-header-h, 64px) + var(--rv-space-4)) 0 var(--rv-space-8, 96px); }

/* Mensajes de error bajo el campo (rvh.err): en filas con varios campos, al final y a todo el ancho */
.rvh-agua-uso__nums > .rvh-err,
.rvh-agua-gasrow > .rvh-err,
.rvh-agua-dura__row > .rvh-err { order: 9; flex: 1 1 100%; }

.rvh-agua-vacio {
	margin-top: var(--rv-space-2);
	padding: var(--rv-space-4);
	border: 1px dashed var(--rv-line);
	border-radius: var(--rv-radius);
	text-align: center;
}

/* ---------- Resultado ---------- */
.rvh-agua-duo {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: var(--rv-space-4);
}
.rvh-agua-duo__item { display: grid; gap: var(--rv-space-2); align-content: start; min-width: 0; }
.rvh-agua-duo__k { font-size: var(--rv-text-sm); font-weight: 600; color: var(--rv-ink); }
.rvh[data-rvh="agua"] .rvh-agua-duo .rvh-big__num { font-size: clamp(2.25rem, 1.7rem + 2vw, 3.25rem); }
.rvh[data-rvh="agua"] .rvh-agua-duo .rvh-big__unit { font-size: var(--rv-text-lg); }
.rvh[data-rvh="agua"] .rvh-agua-duo .rvh-big__alt { text-wrap: pretty; line-height: 1.35; }

/* Al revés: cuánto dura tu depósito */
.rvh-agua-dura {
	display: grid;
	gap: var(--rv-space-2);
	padding: var(--rv-space-3) var(--rv-space-4);
	background: #fff;
	border: 1px solid var(--rv-line);
	border-radius: var(--rv-radius);
}
.rvh-agua-dura__row { display: flex; align-items: center; flex-wrap: wrap; gap: var(--rv-space-2) var(--rv-space-4); }
.rvh-agua-dura__res { font-size: var(--rv-text-base); color: var(--rv-text); font-variant-numeric: tabular-nums; }
.rvh .rvh-agua-dura__res strong { color: var(--rv-ink); font-size: var(--rv-text-lg); }
.rvh-agua-dura__flecha { color: var(--rv-muted); }

/* ---------- Gas (plegable) ---------- */
.rvh-agua-gas { border-top: 1px solid var(--rv-line); }
.rvh-agua-gas__sum {
	display: flex;
	align-items: center;
	gap: var(--rv-space-4);
	min-height: 64px;
	padding: var(--rv-space-4) var(--rvh-gap);
	cursor: pointer;
	list-style: none;
	background: var(--rv-bg);
	transition: background var(--rv-duration) var(--rv-ease);
}
.rvh-agua-gas__sum::-webkit-details-marker { display: none; }
.rvh-agua-gas__sum::marker { content: ""; }
.rvh-agua-gas__sum:hover { background: var(--rv-bg-soft); }
.rvh-agua-gas__sum:focus-visible { outline: none; box-shadow: inset var(--rv-ring); }
.rvh-agua-gas__ico {
	flex: 0 0 44px;
	display: grid;
	place-items: center;
	width: 44px;
	height: 44px;
	border-radius: 50%;
	background: var(--rv-accent-soft);
	color: var(--rv-accent-dark);
}
.rvh-agua-gas__ico svg { width: 22px; height: 22px; }
.rvh-agua-gas__txt { flex: 1 1 auto; display: grid; gap: 2px; min-width: 0; }
.rvh .rvh-agua-gas__txt strong { font-family: var(--rv-font-serif); font-size: var(--rv-text-lg); line-height: var(--rv-leading-snug); color: var(--rv-ink); text-wrap: pretty; }
.rvh-agua-gas__txt span { font-size: var(--rv-text-sm); color: var(--rv-muted); }
@media (max-width: 520px) {
	.rvh .rvh-agua-gas__txt strong { font-size: var(--rv-text-base); }
	.rvh-agua-gas__sum { gap: var(--rv-space-3); }
}
.rvh-agua-gas__chev {
	flex: 0 0 40px;
	display: grid;
	place-items: center;
	width: 40px;
	height: 40px;
	border: 1px solid var(--rv-line);
	border-radius: 50%;
	color: var(--rv-ink);
	background: #fff;
	transition: transform var(--rv-duration) var(--rv-ease);
}
.rvh-agua-gas__chev svg { width: 18px; height: 18px; }
.rvh-agua-gas[open] .rvh-agua-gas__chev { transform: rotate(180deg); }
.rvh-agua-gas[open] .rvh-agua-gas__sum { border-bottom: 1px solid var(--rv-line); }
.rvh-agua-gas > .rvh__body { padding-top: var(--rvh-gap); }

.rvh-agua-gasrow { display: flex; flex-wrap: wrap; gap: var(--rv-space-2); align-items: stretch; }
.rvh-agua-gasrow .rvh-input { flex: 1 1 8rem; }
.rvh-agua-gasrow > .rvh-hint { flex: 1 1 100%; }
.rvh .rvh-agua-gasrow .rvh-input input { padding: 0 var(--rv-space-3); font-size: var(--rv-text-base); }
.rvh-agua-gasrow .rvh-input__unit { padding-right: var(--rv-space-3); font-size: var(--rv-text-xs); }
.rvh-field > .rvh-agua-gasrow[data-k] { margin-top: var(--rv-space-2); }

@media print {
	.rvh[data-rvh="agua"] .rvh-chips,
	.rvh-agua-uso__del,
	.rvh-agua-gas__chev { display: none !important; }
	.rvh-agua-gas:not([open]) { display: none; }
}

/* Fogones en móvil: el número de fogones en su fila, las dos cifras juntas debajo */
@media (max-width: 520px) {
	.rvh-agua-gasrow > .rvh-seg { flex: 1 1 100%; display: flex; }
	.rvh-agua-gasrow > .rvh-seg .rvh-seg__btn { flex: 1 1 0; }
}

/* Tablas de la página: la primera columna puede partir línea en móvil */
.rvh-agua-tabla .rvh-table tbody th { white-space: normal; min-width: 8.5rem; }