body {
	align-items: center;
	gap: 50px;
}



/* column-e */

.column-e {
	width: 100%;
	display: flex;
	flex-direction: column;
	flex-grow: 1;
	text-align: center;
}

.column-foto {
	flex-shrink: 0;
}

.column-txt {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 6px;
	background-color: var(--gris-claro);
	padding: 13px 19px;
	border: 1px solid var(--gris-fondo);
}
/* end column-e*/


.graphic-d {
	height: 100px;
	justify-content: center;
	flex-shrink: 0;
}

.text-k {
	color: var(--gris-negro);
	font-size: 16px;
	font-weight: 600;
}

.header1 .header-logo2 {
	width: 234px; height: 43px;
}

.header1 .phone4 {
	width: 117px;
}

.header1 .phone4 .row-graphic1 {
	width: 19px;
	aspect-ratio: 10339871 / 9601309;
}

.header1 .whats-app4 {
	width: 112px;
}

.header1 .whats-app4 .row-graphic1 {
	width: 18px;
	aspect-ratio: 4349311 / 4390342;
}

.header1 .header-carrito-compra2 {
	width: 41px; height: 38px;
}

.intro {
	align-items: stretch;
	gap: 30px;
	align-self: stretch;
	line-height: 1.2;
	text-align: center;
	padding-top: 30px;
	padding-bottom: 30px;
}

.intro-title {
	min-height: 59px;
	flex-shrink: 0;
	color: var(--verde-vivo);
	--min-font-size: 27; --max-font-size: 50; font-size: var(--interpolate);
	font-weight: 700;
}

.intro-text {
	margin-left: 56px; margin-right: 56px;
}

.intro-subtitle {
	min-height: 59px;
	flex-shrink: 0;
	color: var(--gris-negro);
	--min-font-size: 18; --max-font-size: 26; font-size: var(--interpolate);
	font-weight: 600;
}

.row-categorias {
	container: row-categorias / inline-size;
	align-self: stretch;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.5;
	padding-top: 10px;
	padding-bottom: 10px;
}

.row-categorias-container {
	width: 100%;
	max-width: 1384px;
	display: flex;
	align-items: flex-start;
	gap: 20px;
}

.casas-de-madera .column-txt {
	align-items: stretch;
	gap: 10px;
	padding: 31px 39px;
}

.casas-de-madera .column-text-descubre-la {
	color: var(--gris-txt);
}

.casas-de-madera .column-btn {
	font-weight: unset;
}

.row-categorias-derch {
	container: row-categorias-derch / inline-size;
	width: 100%;
	display: flex;
	flex-direction: column;
	gap: 20px;
	flex-grow: 1;
}

.row-categorias-porches {
	display: flex;
	align-items: flex-start;
}

.row-categorias-img {
	width: 100%;
	min-width: 0;
	flex-grow: 1;
}

.card-right {
	width: 100%;
	min-height: 267px;
	display: flex;
	flex-direction: column;
	gap: 10px;
	flex-grow: 1;
	text-align: center;
	background-color: var(--gris-fondo);
	padding: 70px 40px 65px 39px;
	border-left: 1px solid var(--gris-fondo);
	border-top: 1px solid var(--gris-fondo);
	border-bottom: 1px solid var(--gris-fondo);
}

.card-right-text-top {
	color: var(--gris-negro);
}

.card-right-text-crea-tu-espacio {
	margin-top: 5px;
	color: var(--gris-txt);
}

.card-right-btn {
	width: 109px;
	font-weight: unset;
}

.row-categorias-derch-inf {
	display: flex;
	align-items: flex-start;
	gap: 20px;
}

.mobiliario-jardin1 .column-text-top {
	width: 224px;
}

.mobiliario-jardin1 .column-text-descubre-la {
	align-self: stretch;
	color: var(--gris-txt);
}

.mobiliario-jardin1 .column-btn {
	align-self: unset;
	font-weight: unset;
}

.mobiliario-jardin2 .column-text-top {
	width: 224px;
}

.mobiliario-jardin2 .column-text-descubre-la {
	align-self: stretch;
	color: var(--gris-txt);
}

.mobiliario-jardin2 .column-btn {
	align-self: unset;
	font-weight: unset;
}

.row-destacados {
	container: row-destacados / inline-size;
	align-self: stretch;
	color: var(--blanco);
	font-weight: 400;
	line-height: 1.2;
	padding-top: 10px;
	padding-bottom: 10px;
}

.row-destacados-container {
	width: 100%;
	max-width: 1384px;
	display: flex;
	align-items: flex-start;
}



/* card-slide-destacado-b */

.card-slide-destacado-b {
	width: 100%;
	min-height: 300px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	gap: 23px;
	flex-grow: 1;
	text-align: left;
	background-position: top left, center;
	background-size: auto auto, cover;
	background-repeat: no-repeat, no-repeat;
	padding-left: 40px;
}

.card-slide-destacado-subtitle2 {
	align-self: stretch;
	font-size: 32px;
	font-weight: 700;
}

.card-slide-destacado-text2 {
	margin-right: auto;
	width: 90%;
	max-width: 270px;
	color: #fff;
	font-size: 16px;
}
/* end card-slide-destacado-b*/


.card-slide-destacado1 {
	background-image: linear-gradient(90deg, #000 100%, rgba(0, 0, 0, 0) 43%), url(../assets/home/card-slide-destacado/card-slide-destacado1.png);
}

.card-slide-destacado1 .card-slide-destacado-btn {
	align-self: unset;
	color: unset;
	font-weight: unset;
	line-height: unset;
}

.card-slide-destacado2 {
	background-image: linear-gradient(90deg, #000 0%, rgba(0, 0, 0, 0) 79%), url(../assets/home/card-slide-destacado/card-slide-destacado2.png);
}

.card-slide-destacado2 .card-slide-destacado-btn {
	align-self: unset;
	color: unset;
	font-weight: unset;
	line-height: unset;
}

.servicios-row {
	container: servicios-row / inline-size;
	align-self: stretch;
	line-height: 1.2;
	padding-top: 70px;
	padding-bottom: 70px;
}

.servicios-row-container {
	width: 100%;
	max-width: 1284px;
	display: flex;
	align-items: flex-start;
	gap: 50px;
}



/* symbol-b */

.symbol-b {
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 45px;
	flex-grow: 1;
	text-align: center;
}

.symbol-col {
	display: flex;
	flex-direction: column;
	gap: 22px;
	align-self: stretch;
}
/* end symbol-b*/


.symbol1 {
	gap: 28px;
}

.symbol1 .symbol-text-bottom {
	line-height: unset;
}

.symbol1 .btn10 {
	font-weight: 400;
	padding-right: 23px;
}

.symbol1 .btn10 .btn-icon1 {
	rotate: -180deg;
	width: 8px; height: 15px;
}

.servicios-row-symbol {
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 45px;
	flex-grow: 1;
	text-align: center;
}

.servicios-row-col {
	display: flex;
	flex-direction: column;
	gap: 22px;
	align-self: stretch;
}

.servicios-row-graphic {
	justify-content: flex-start;
}

.servicios-row-text-bottom {
	line-height: unset;
}

.btn11 {
	font-weight: 400;
	padding-right: 23px;
}

.btn11 .btn-icon1 {
	rotate: -180deg;
	width: 8px; height: 15px;
}

.symbol2 .symbol-text-bottom {
	line-height: unset;
}

.symbol2 .btn10 {
	font-weight: 400;
	padding-right: 23px;
}

.symbol2 .btn10 .btn-icon1 {
	rotate: -180deg;
	width: 8px; height: 15px;
}

.symbol3 .symbol-text-bottom {
	line-height: unset;
}

.symbol3 .btn10 {
	font-weight: 400;
	padding-right: 23px;
}

.symbol3 .btn10 .btn-icon1 {
	rotate: -180deg;
	width: 8px; height: 15px;
}

.row-casa-prefabricadas {
	gap: 60px;
	align-self: stretch;
	line-height: 1.2;
	text-align: center;
}

.row-casa-prefabricadas-subtitle {
	align-self: stretch;
}

.row-casa-prefabricadas-casas {
	margin-left: -1px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	line-height: 1.5;
}



/* card-c */

.card-c {
	margin-top: -747px;
	width: 100%;
	max-width: 390px;
	display: flex;
	flex-direction: column;
	gap: 18px;
	padding-bottom: 29px;
	border: 1px solid var(--gris-fondo);
}

.card-img3 {
	margin: -1px -1px 0 -1px;
	display: flex;
	flex-direction: column;
	color: #fff;
	font-size: 10px;
	font-weight: 400;
}

.card-mask-group3 {
	flex-shrink: 0;
}

.card-ofertas3 {
	display: flex;
	align-items: flex-start;
	gap: 14px;
	background-color: var(--verde-vivo);
	padding: 10px 20px;
}

.card-txt3 {
	margin: 0 -1px;
	display: flex;
	flex-direction: column;
	gap: 26px;
}

.card-titulos3 {
	display: flex;
	flex-direction: column;
	font-size: 16px;
}

.card-text6 {
	color: var(--gris);
	font-weight: 400;
}

.card-descripcion3 {
	gap: 20px;
	font-size: 14px;
	text-align: left;
}

.card-precio3 {
	display: flex;
	flex-direction: column;
	font-size: 24px;
}

.card-subtitle3 {
	color: var(--verde-vivo);
	font-weight: 700;
}

.card-text7 {
	opacity: 0.5;
	color: var(--rojo);
	font-weight: 400;
	text-decoration: line-through;
}
/* end card-c*/


.card10 {
	margin-left: 496px; margin-top: 0;
}

.card10 .transporte3 {
	width: 145px;
	padding-left: 10px;
}

.card10 .transporte3 .row-graphic3 {
	width: 26px;
	aspect-ratio: 33 / 25;
}

.card10 .oferta3 {
	width: 79px;
	padding-left: 9px;
	border-left: 1px solid var(--blanco);
}

.card10 .oferta3 .row-graphic3 {
	width: 20px;
	aspect-ratio: 1 / 1;
}

.card10 .card-text-casas-de-madera4 {
	color: var(--gris-txt);
}

.card11 {
	margin-left: 993px;
}

.card11 .transporte3 {
	width: 145px;
	padding-left: 10px;
}

.card11 .transporte3 .row-graphic3 {
	width: 26px;
	aspect-ratio: 33 / 25;
}

.card11 .oferta3 {
	width: 79px;
	padding-left: 9px;
	border-left: 1px solid var(--blanco);
}

.card11 .oferta3 .row-graphic3 {
	width: 20px;
	aspect-ratio: 1 / 1;
}

.card11 .card-text-casas-de-madera4 {
	color: var(--gris-txt);
}

.card12 .transporte3 {
	width: 145px;
	padding-left: 10px;
}

.card12 .transporte3 .row-graphic3 {
	width: 26px;
	aspect-ratio: 33 / 25;
}

.card12 .oferta3 {
	width: 79px;
	padding-left: 9px;
	border-left: 1px solid var(--blanco);
}

.card12 .oferta3 .row-graphic3 {
	width: 20px;
	aspect-ratio: 1 / 1;
}

.card12 .card-text-casas-de-madera4 {
	color: var(--gris-txt);
}

.card13 {
	margin-left: 496px; margin-top: 105px;
}

.card13 .transporte3 {
	width: 145px;
	padding-left: 10px;
}

.card13 .transporte3 .row-graphic3 {
	width: 26px;
	aspect-ratio: 33 / 25;
}

.card13 .oferta3 {
	width: 79px;
	padding-left: 9px;
	border-left: 1px solid var(--blanco);
}

.card13 .oferta3 .row-graphic3 {
	width: 20px;
	aspect-ratio: 1 / 1;
}

.card13 .card-txt3 {
	gap: 40px;
}

.card13 .card-text-casas-de-madera4 {
	color: var(--gris-txt);
}

.card14 {
	margin-left: 993px;
}

.card14 .transporte3 {
	width: 145px;
	padding-left: 10px;
}

.card14 .transporte3 .row-graphic3 {
	width: 26px;
	aspect-ratio: 33 / 25;
}

.card14 .oferta3 {
	width: 79px;
	padding-left: 9px;
	border-left: 1px solid var(--blanco);
}

.card14 .oferta3 .row-graphic3 {
	width: 20px;
	aspect-ratio: 1 / 1;
}

.card14 .card-text-casas-de-madera4 {
	color: var(--gris-txt);
}

.card15 .transporte3 {
	width: 145px;
	padding-left: 10px;
}

.card15 .transporte3 .row-graphic3 {
	width: 26px;
	aspect-ratio: 33 / 25;
}

.card15 .oferta3 {
	width: 79px;
	padding-left: 9px;
	border-left: 1px solid var(--blanco);
}

.card15 .oferta3 .row-graphic3 {
	width: 20px;
	aspect-ratio: 1 / 1;
}

.card15 .card-text-casas-de-madera4 {
	color: var(--gris-txt);
}

.boton4 .boton-graphic {
	rotate: -180deg;
	width: 8px; height: 15px;
}

.contenedor-contenido {
	container: contenedor-contenido / inline-size;
	margin: 0 auto;
	width: 90%;
	max-width: 1384px;
	display: flex;
	flex-direction: column;
	gap: 60px;
	color: #000;
	text-align: center;
	padding-top: 59px;
	border-top: 1px solid var(--gris-fondo);
}

.contenedor-contenido-01-bienvenido {
	display: flex;
	flex-direction: column;
	gap: 24px;
}

.contenedor-contenido-subtitle {
	color: unset;
}

.contenedor-contenido-text {
	color: unset;
}

.contenedor-contenido-conenidos {
	display: flex;
	align-items: center;
}

.izq1 {
	padding-right: 42px;
}

.izq1 ._02-diferencias .column-text4 {
	color: unset;
}

.izq1 ._04-tiempo-de .column-text4 {
	color: unset;
}

.contenedor-contenido-derch {
	margin-top: -220px;
	width: 100%;
	display: flex;
	flex-direction: column;
	gap: 30px;
	flex-grow: 1;
	text-align: left;
}

._04-menos-huella .column-text4 {
	color: unset;
}

._05-porque-hobycasa .column-text4 {
	color: unset;
}

.slide-destacado {
	margin: 30px auto 0 auto;
	width: 90%;
	max-width: 1384px;
	display: flex;
	flex-direction: column;
	gap: 23px;
	color: #fff;
	font-weight: 400;
	text-align: center;
	background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)) top left / auto auto no-repeat, url(../assets/home/slide-destacado.png) center / cover no-repeat;
	padding: 57px 100px;
}

.slide-destacado-subtitle {
	--min-font-size: 20; --max-font-size: 32; font-size: var(--interpolate);
	line-height: 1.5;
}

.slide-destacado-text {
	--min-font-size: 15; --max-font-size: 16; font-size: var(--interpolate);
	line-height: 1.2;
}

.faqs-contenedor {
	margin: 30px auto 0 auto;
	width: 90%;
	max-width: 1384px;
	display: flex;
	flex-direction: column;
	gap: 53px;
}

.faqs-contenedor-faqs {
	display: flex;
	flex-direction: column;
	color: var(--gris-txt);
	--min-font-size: 15; --max-font-size: 16; font-size: var(--interpolate);
	font-weight: 700;
	line-height: 1.5;
	text-align: left;
	padding: 0 200px;
}



/* faq-titulo-b */

.faq-titulo-b {
	display: flex;
	align-items: flex-end;
	padding: 20px 20px 19px 20px;
	border-bottom: 1px solid var(--gris-fondo);
}

.faq-titulo-text2 {
	flex-grow: 1;
	text-align: left;
}

.faq-titulo-mas2 {
	width: 20px; height: 20px;
	flex-shrink: 0;
}
/* end faq-titulo-b*/


.faq-titulo1 {
	padding-top: 19px;
	padding-bottom: 20px;
	border-top: 1px solid var(--gris-fondo);
	border-bottom: unset;
}

.faqs-contenedor-faq {
	display: flex;
	flex-direction: column;
	gap: 14px;
	padding-bottom: 23px;
	border-bottom: 1px solid var(--gris-fondo);
}

.faqs-contenedor-text {
	color: #000;
}

.cierre {
	margin: 60px auto 0 auto;
	width: 90%;
	max-width: 1384px;
	display: flex;
	flex-direction: column;
	gap: 34px;
	text-align: left;
}

.footer1 {
	margin-top: 30px;
	align-self: stretch;
}

.footer1 .menu-footer1 .menu-footer-text {
	color: var(--gris-negro-1);
	border-bottom: 0.5px solid var(--gris-txt);
}

.footer1 .menu-footer1 .col2 .col-text1 {
	color: var(--gris-negro-1);
	border-bottom: 0.5px solid var(--gris-txt);
}

.footer1 .menu-footer1 .col3 .col-text1 {
	color: var(--gris-negro-1);
	border-bottom: 0.5px solid var(--gris-txt);
}

.footer1 .menu-footer1 .col4 .col-text1 {
	color: var(--gris-negro-1);
	border-bottom: 0.5px solid var(--gris-txt);
}

.footer1 .footer-text1 {
	color: var(--negro);
	border-bottom: 0.5px solid var(--gris);
}

.footer1 .col5 .col-text2 {
	color: var(--negro);
	border-bottom: 0.5px solid var(--gris);
}

.footer1 .col5 .col-text-casa {
	border-bottom: 0.2px solid var(--gris-txt);
}

.footer1 .col5 .col-text-casetas {
	border-bottom: 0.2px solid var(--gris-txt);
}

.footer1 .col6 .col-text3 {
	color: var(--negro);
	border-bottom: 0.5px solid var(--gris);
}

.footer1 .col6 .col-text-symbol1 {
	border-bottom: 0.2px solid var(--gris-txt);
}

.footer1 .col6 .col-text-symbol2 {
	border-bottom: 0.2px solid var(--gris-txt);
}

.footer1 .col6 .col-text-symbol4 {
	border-bottom: 0.2px solid var(--gris-txt);
}

.footer1 .col6 .col-text-symbol5 {
	border-bottom: 0.2px solid var(--gris-txt);
}

.footer1 .col6 .col-text-symbol6 {
	border-bottom: 0.2px solid var(--gris-txt);
}

.footer1 .col6 .col-text-symbol7 {
	border-bottom: 0.2px solid var(--gris-txt);
}

.footer1 .col6 .col-text-symbol8 {
	border-bottom: 0.2px solid var(--gris-txt);
}

.footer1 .col6 .col-text-symbol9 {
	border-bottom: 0.2px solid var(--gris-txt);
}

.footer1 .col7 .col-text4 {
	color: var(--negro);
	border-bottom: 0.5px solid var(--gris);
}

.footer1 .col7 .col-text-symbol10 {
	border-bottom: 0.2px solid var(--gris-txt);
}

.footer1 .col7 .col-text-symbol11 {
	border-bottom: 0.2px solid var(--gris-txt);
}

.footer1 .col7 .col-text-symbol12 {
	border-bottom: 0.2px solid var(--gris-txt);
}

.footer1 .col7 .col-text-symbol13 {
	border-bottom: 0.2px solid var(--gris-txt);
}



/** breakpoints (margin / paddings) **/

@media screen and (max-width: 1280px) {
	.intro-text {
		margin-inline: 0;
	}
	.casas-de-madera .column-txt {
		padding-inline: var(--margin-md);
	}
	.card-right {
		padding-inline: var(--margin-md);
	}
	.row-casa-prefabricadas-casas {
		margin-inline: 0;
	}
	.card10 {
		margin-inline: 0;
	}
	.card11 {
		margin-inline: 0;
	}
	.card13 {
		margin-inline: 0;
	}
	.card14 {
		margin-inline: 0;
	}
	.izq1 {
		padding-inline: 0;
	}
	.slide-destacado {
		padding-inline: var(--margin-md);
	}
	.faqs-contenedor-faqs {
		padding-inline: 0;
	}
}

@media screen and (max-width: 576px) {
	.casas-de-madera .column-txt {
		padding-inline: var(--margin-sm);
	}
	.card-right {
		padding-inline: var(--margin-sm);
	}
	.slide-destacado {
		padding-inline: var(--margin-sm);
	}
}



/* container queries (flex rows) */

@container row-categorias (width < 1383px) {
	.row-categorias-container {
		flex-direction: column;
		align-items: center;
		gap: 100px;
	}
	.row-categorias-container > * {
		text-align: center;
	}
	.row-categorias-container > .casas-de-madera {
		width: 100%;
	}
	.row-categorias-container > .row-categorias-derch {
		width: 100%;
	}
}

@container row-categorias-derch (width < 561px) {
	.row-categorias-porches {
		flex-direction: column;
		align-items: center;
		gap: 33px;
	}
	.row-categorias-porches > .row-categorias-img {
		width: 100%;
	}
	.row-categorias-porches .card-right-btn {
		align-self: center;
	}
	.row-categorias-porches > .card-right {
		width: 100%;
	}
	.row-categorias-porches > .card-right > * {
		text-align: unset;
	}
}

@container row-categorias-derch (width < 681px) {
	.row-categorias-derch-inf {
		flex-direction: column;
		align-items: center;
		gap: 0;
	}
	.row-categorias-derch-inf > .mobiliario-jardin1 {
		width: 100%;
	}
	.row-categorias-derch-inf > .mobiliario-jardin2 {
		width: 100%;
	}
}

@container row-destacados (width < 1383px) {
	.row-destacados-container {
		flex-direction: column;
		align-items: center;
		gap: 37px;
	}
	.row-destacados-container > * {
		text-align: center;
	}
	.row-destacados-container .card-slide-destacado-subtitle2 {
		align-self: center;
	}
	.row-destacados-container > .card-slide-destacado1 {
		width: 100%;
		align-items: center;
	}
	.row-destacados-container > .card-slide-destacado1 > * {
		text-align: unset;
	}
	.row-destacados-container .card-slide-destacado-subtitle {
		align-self: center;
	}
	.row-destacados-container > .card-slide-destacado2 {
		width: 100%;
		align-items: center;
	}
	.row-destacados-container > .card-slide-destacado2 > * {
		text-align: unset;
	}
}

@container servicios-row (width < 1283px) {
	.servicios-row-container {
		flex-direction: column;
		align-items: center;
		gap: 39px;
	}
	.servicios-row-container > .symbol1 {
		width: 100%;
	}
	.servicios-row-container > .symbol1 > * {
		text-align: unset;
	}
	.servicios-row-container > .servicios-row-symbol {
		width: 100%;
	}
	.servicios-row-container > .servicios-row-symbol > * {
		text-align: unset;
	}
	.servicios-row-container > .symbol2 {
		width: 100%;
	}
	.servicios-row-container > .symbol2 > * {
		text-align: unset;
	}
	.servicios-row-container > .symbol3 {
		width: 100%;
	}
	.servicios-row-container > .symbol3 > * {
		text-align: unset;
	}
}

@container contenedor-contenido (width < 1383px) {
	.contenedor-contenido-conenidos {
		flex-direction: column;
		align-items: flex-start;
		gap: 100px;
	}
	.contenedor-contenido-conenidos > * {
		margin-top: unset !important;
	}
	.contenedor-contenido-conenidos > .izq1 {
		width: 100%;
	}
	.contenedor-contenido-conenidos > .contenedor-contenido-derch {
		width: 100%;
	}
}