/* Cat 3208 · Grifo de lavabo. Base: category-71.css (clase silo-griferia, se encola desde
   inc/category-grifo-lavabo.php). Aqui solo lo propio: tres tarjetas grandes por tipo de
   lavabo y dos tarjetas de mando. Cortesia Codigo AdrIA */
.tax-product_cat.silo-griferia .grf-tiles.grf-lav-tiles { grid-template-columns: repeat(3, 1fr); grid-auto-rows: 420px; }
.tax-product_cat.silo-griferia .grf-tiles.grf-lav-tiles .grf-tile-txt strong { font-size: 26px; }
.tax-product_cat.silo-griferia .grf-tile-for { font-size: 14.5px; margin-top: 4px; opacity: .95; }
.tax-product_cat.silo-griferia .grf-tiles.grf-lav-tiles .grf-tile-tip { font-size: 13.5px; }
.tax-product_cat.silo-griferia .grf-mando.grf-lav-mando { grid-template-columns: repeat(2, 1fr); }
.tax-product_cat.silo-griferia .grf-lav-sirve .grf-pr a { color: #1a6c7a; text-decoration: underline; }
@media (max-width: 900px) {
	.tax-product_cat.silo-griferia .grf-tiles.grf-lav-tiles { grid-template-columns: 1fr; grid-auto-rows: 320px; }
	.tax-product_cat.silo-griferia .grf-mando.grf-lav-mando { grid-template-columns: 1fr; }
}

/* --- Hero (revision a 1920, 30-oct-2026) ---------------------------------------------------
   Lavabo: la foto es vertical y el cover a pantalla ancha solo deja una franja; se baja el
   encuadre para que salga el cano. */
.tax-product_cat.term-3208 .grf-hero.hero-section-container { background-position: 50% 47%; }

/* Hero partido (termostatico, ducha empotrada, bide): no hay foto horizontal de ambiente, asi
   que la vertical va entera a la derecha y el texto a la izquierda sobre el verde de la marca.
   Las IMEX 2000x2000 traen margen blanco (contenido x20-80% y9-91%): se amplian al 125% de alto
   y se sacan 16vh por la derecha para que el margen quede fuera; el degradado tapa el de la
   izquierda. La 1188x1600 (termostatico) no tiene margen y usa grf-hero-split-full. */
.tax-product_cat.silo-griferia .grf-hero.grf-hero-split {
	background-color: #102e35;
	background-repeat: no-repeat;
	background-size: auto 125%;
	background-position: right -16vh center;
	justify-content: flex-start;
	text-align: left;
	padding-left: 8vw;
}
.tax-product_cat.silo-griferia .grf-hero.grf-hero-split.grf-hero-split-full { background-size: auto 100%; background-position: right center; }
.tax-product_cat.silo-griferia .grf-hero.grf-hero-split::after {
	background: linear-gradient(90deg, #102e35 0, #102e35 calc(100% - 44vh), rgba(16, 46, 53, 0) calc(100% - 37vh));
}
.tax-product_cat.silo-griferia .grf-hero-split .hero-content { max-width: min(640px, calc(100vw - 8vw - 50vh)); }
.tax-product_cat.silo-griferia .grf-hero-split .hero-buttons { justify-content: flex-start; }
.tax-product_cat.silo-griferia .grf-hero-split .grf-hero-sub,
.tax-product_cat.silo-griferia .grf-hero-split .grf-hero-intro { margin-left: 0; }
@media (max-width: 900px) {
	/* En vertical la foto vertical cabe como fondo: vuelve el hero centrado de siempre */
	.tax-product_cat.silo-griferia .grf-hero.grf-hero-split,
	.tax-product_cat.silo-griferia .grf-hero.grf-hero-split.grf-hero-split-full {
		background-size: cover;
		background-position: center 40%;
		justify-content: center;
		text-align: center;
		padding-left: 20px;
	}
	/* Las 2000x2000 con margen blanco: se amplian para que el margen no asome abajo */
	.tax-product_cat.silo-griferia .grf-hero.grf-hero-split:not(.grf-hero-split-full) { background-size: auto 125%; background-position: center 50%; }
	.tax-product_cat.silo-griferia .grf-hero.grf-hero-split::after { background: rgba(16, 46, 53, .62); }
	.tax-product_cat.silo-griferia .grf-hero-split .hero-content { max-width: 820px; }
	.tax-product_cat.silo-griferia .grf-hero-split .hero-buttons { justify-content: center; }
	.tax-product_cat.silo-griferia .grf-hero-split .grf-hero-sub,
	.tax-product_cat.silo-griferia .grf-hero-split .grf-hero-intro { margin-left: auto; }
}