:root,
[data-jd-theme=light] {
	--jd-green-light: rgb(99 143 138 / 40%);
	--jd-black-light: rgb(0 0 0 / 40%);
	--jd-white-light: rgb(255 255 255 / 20%);
	--jd-green: rgb(99 143 138);
	--jd-white: #fff;
	--jd-gray: rgb(230 227 223);
	--jd-nav-link-hover-color: rgb(99 143 138);
	--jd-link-blank: rgb(0 0 0 / 100%) --jd-black: rgb(0 0 0);
}

[data-jd-theme=dark] {
	--jd-green: rgb(99 143 138);

	--jd-white: #fff;
}


* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	outline: 0;
}

/* HEADER MENU  
--------------------------------------------- */

.navbar-toggler-icon.toggler-icon-closed {
	background-image: none;
}

.navbar-toggler-icon {
	line-height: 1.5;
}

.toggler-icon-closed:after {
	content: 'X';

}

.navbar-collapse {
	background-color: #fff;
	padding: 2rem 1rem;
}

.main_menu ul li.active:not(.mega_menu_dropdown) a:after {
	width: 100%;
	transition: all 1s;
}


.navbar.mobile .header__right ul {
	flex-direction: column;
	gap: 40px;
}

.navbar.mobile .header__menu ul li.wrapper__white__btn,
.navbar.mobile .header__right .btn__more.more__write {
	margin-right: 0;
	background: var(--jd-green);
}

.navbar.mobile .header__right .header__right__social ul {
	flex-direction: row;
}

.navbar.mobile .header__menu ul li a {
	color: #000;
}


#pageContacto .main_menu ul li a,
#pageContacto .header__right__social select,
#pageContacto .header__right__social select option,
#pageNovedades .main_menu ul li a,
#pageNovedades .header__right__social select,
#pageNovedades .header__right__social select option,
#pageNovedadesShow .main_menu ul li a,
#pageNovedadesShow .header__right__social select,
#pageNovedadesShow .header__right__social select option,
#pageArteShow .main_menu ul li a,
#pageArteShow .header__right__social select,
#pageArteShow .header__right__social select option,
#pageDreihomeShow .main_menu ul li a,
#pageDreihomeShow .header__right__social select,
#pageDreihomeShow .header__right__social select option {
	color: var(--jd-black-light);
}

#pageContacto .header__menu ul li a,
#pageNovedades .header__menu ul li a,
#pageNovedadesShow .header__menu ul li a,
#pageArteShow .header__menu ul li a,
#pageDreihomeShow .header__menu ul li a {
	color: var(--jd-black);
}

#pageContacto .logo img,
#pageNovedades .logo img,
#pageNovedadesShow .logo img,
#pageArteShow .logo img,
#pageDreihomeShow .logo img {
	filter: invert(1);
}

h3 {
	color: var(--jd-black);
	font-family: Josefin Sans;
	font-size: 40px;
	font-style: normal;
	font-weight: 200;
	line-height: 61px;
	text-transform: uppercase;
}

a {
	text-decoration: none;
}

ul,
ol {
	list-style-type: none;
}

.hoverClase .logo img,
.hoverClase .logo-navbar img {
	filter: invert(1);
}

.hoverClase {
	background: #fff;
	border-bottom: 1px solid rgba(29, 29, 27, 0.1);
	/* position: sticky; */
	z-index: 10;
	top: 0;

}

.hoverClase .main_menu ul li a,
.hoverClase .header__right__social select,
.hoverClase .header__right__social select option,
.navbar.mobile .header__right__social select,
.navbar.mobile .header__right__social select option {
	color: var(--jd-black-light);
}

.hoverClase .main_menu ul li a:hover,
.hoverClase .header__right__social select:hover,
.hoverClase .header__right__social select option:hover {
	color: var(--jd-green);
}

.hoverClase .header__menu ul li a {
	color: var(--jd-black);
}

.header {
	padding: 1rem 0;
}

.menu {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

nav {}

.logo a {
	font-size: 20px;
	font-weight: 700;
	color: #353535;
	text-transform: uppercase;
}

/* normal menu css */
.main_menu>ul {
	margin-bottom: 0;
}

.main_menu>ul>li {
	display: inline-block;
	position: relative;
	margin: 0 -2px;
}

.main_menu ul li,
.menu {
	position: relative;
}

.main_menu ul li:not(.mega_menu_dropdown) a:after {
	content: '';
	position: absolute;
	display: inline-block;
	border-bottom: 1px solid var(--jd-white);
	bottom: -32px;
	left: 0;
	width: 0%;
	transition: all 1s;
	z-index: 99;
}

.hoverClase .main_menu ul li:not(.mega_menu_dropdown) a:after {
	border-bottom: 1px solid var(--jd-green);
}

.main_menu ul li:not(.mega_menu_dropdown) a:hover:after {
	width: 100%;
	transition: all 1s;
}

.main_menu .mega_menu_item.mega_menu_category ul a:after {
	bottom: 5px;
}

.hoverClase .menu:after {
	border-color: var(--jd-green-light);
}

.hoverClase .main_menu ul li:not(.mega_menu_dropdown) a:hover:after {
	border-color: var(--jd-green);
}

.menu:after {
	content: '';
	position: absolute;
	display: inline-block;
	border-bottom: 1px solid var(--jd-white-light);
	bottom: -17px;
	left: 0;
	width: 100%;
	transition: all 1s;
}

.main_menu ul li a {
	font-family: Montserrat;
	font-size: 13px;
	color: #fff;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	letter-spacing: 1.95px;
	text-transform: uppercase;
	margin: 0 1rem;
	display: block;
	position: relative;
}

.main__group__projects h3 {
	font-family: Josefin Sans;
	font-size: 40px;
	font-style: normal;
	font-weight: 200;
	line-height: 61px;
	text-transform: uppercase;
	color: var(--jd-white);
}

.main__group__projects a {
	opacity: 0;
	transition: opacity 0.3s;

}

.main__group__projects:hover a {
	opacity: 1;
}

.main_menu ul li .projects a {
	margin: 0;
}

.main__group__projects .more__opacity,
.hoverClase .main_menu .main__group__projects .more__opacity {
	color: var(--jd-white);
	line-height: 2.5;
}

.main_menu ul li .active,
.main_menu ul li:hover>a {
	/*color: var(--hover-color);*/
}

/* Normal Dropdown menu */
.main_menu ul li ul:not(.mega_menu_category)>ul {
	width: 200px;
	background: #fff;
	transition: 0.5s;
	box-shadow: 0px 5px 15px 0px rgba(212, 201, 201, 0.75);
}

.main_menu ul li ul li a {
	padding: 10px 25px;
	font-size: 15px;
}

.main_menu ul li ul li a i {
	float: right;
}

.main_menu ul li ul li ul {
	left: 100%;
	top: 0;
}

/* mega menu css */
.mega_menu_dropdown {
	position: static !important;
}

.mega_menu {
	left: 0;
	right: 0;
	background: #fff;
	display: flex;
	flex-wrap: wrap;
	transition: 0.5s;
	/*box-shadow: 0px 5px 15px 0px rgba(212, 201, 201, 0.75);*/
}

.mega_menu_item {
	width: 25%;
	padding: 30px 20px;
}


.mega_menu.dreihome {
	display: grid;
	grid-template-columns: repeat(2, 1fr) 4fr;
}

.mega_menu.dreihome .mega_menu_item:last-child {
	display: grid;
	grid-template-columns: 2fr 8fr 8fr;

}

.mega_menu.dreihome .mega_menu_item:last-child>*:nth-child(2) {
	border-right: 1px solid #ccc;

}

.mega_menu.dreihome .mega_menu_item {
	border-right: 1px solid var(--jd-gray);

}

.mega_menu.sub_menu.projects,
.mega_menu.sub_menu.dreihome {
	position: fixed;
}

.mega_menu.projects {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	justify-content: center;
	gap: 0.5rem;
	padding: 0.5rem;
}

.main_menu ul li .mega_menu_item a {
	padding: 10px 0;
	color: #000;
}

.main_menu ul li .mega_menu_item a:hover {
	color: var(--hover-color);
}

.mega_menu_item h3 {
	margin-bottom: 15px;
}

.mega_menu_item img {
	width: 100%;
}

/* demo_2 css */
.mega_menu_demo_2 .mega_menu {
	left: 50%;
	transform: translateX(-50%);
	width: 1140px;
}

.mobile_btn {
	display: none;
}

.mega_menu_item h3 {
	font-family: Josefin Sans;
	font-size: 24px;
	font-style: normal;
	font-weight: 200;
	line-height: 28px;
	/* 116.667% */
	text-transform: uppercase;
	padding: 0rem 1rem 0rem 2rem;
}

.mega_menu_item .wrapper__card__product {
	padding: 0 30px;
}

.mega_menu_item .wrapper__card__product .card-link {
	display: inline-block;
	margin: 0;
}

.main_menu .mega_menu_item.mega_menu_category ul li a,
.main_menu .mega_menu_item.mega_menu_sub_category a {
	font-style: normal;
	font-weight: 300;
	line-height: normal;
	text-transform: uppercase;
	color: var(--jd-black-light);
	display: inline-block;
}

.main_menu .mega_menu_item.mega_menu_category ul li a {
	font-family: Josefin Sans;
	font-size: 18px;
	font-weight: 300;
	line-height: 2;
}

.main_menu .mega_menu_item.mega_menu_category ul li:hover a,
.main_menu .mega_menu_item.mega_menu_category ul li.active a {
	color: var(--jd-black);
}

.main_menu .mega_menu_item.mega_menu_sub_category ul li.active a {
	color: var(--jd-green);
}

.main_menu .mega_menu_item.mega_menu_sub_category a {
	font-size: 13px;
	font-weight: 500;
	letter-spacing: 1.95px;
}

.cdk-overlay-container {
    position: fixed;
    z-index: 100000;
}

/* responsive css */
@media (min-width: 992px) and (max-width: 1199.98px) {
	.container {
		width: 960px;
	}

	.mega_menu_demo_2 .mega_menu {
		width: 940px;
	}

	.main_menu ul li ul {
		width: 150px;
	}
}

@media (min-width: 768px) and (max-width: 991.98px) {
	.container {
		width: 720px;
	}

	.mega_menu_demo_2 .mega_menu {
		width: 700px;
	}

	.main_menu ul li a {
		font-size: 15px;
		padding: 20px 16px;
	}

	.main_menu ul li ul {
		width: 150px;
	}
}

@media (min-width: 768px) {

	.main_menu ul li ul:not(.mega_menu_category)>ul,
	.main_menu ul li ul:not(.mega_menu_sub_category)>ul {
		visibility: hidden;
		opacity: 0;
		position: absolute;
		margin-top: 50px;
	}

	.main_menu ul li .mega_menu {
		visibility: hidden;
		opacity: 0;
		position: absolute;
		margin-top: 50px;
	}

	.main_menu ul li:hover>ul {
		visibility: visible;
		opacity: 1;
		margin-top: 0px;
		z-index: 99;
	}

	.main_menu ul li:hover>.mega_menu {
		visibility: visible;
		opacity: 1;
		margin-top: 28px;
		z-index: 9;
		border-top: 1px solid var(--jd-gray);
	}
}

@media (max-width: 767.98px) {


	.menu {

		flex-direction: column;
	}

	.mega_menu_demo_2 .mega_menu,
	.container {
		width: 100%;
	}

	nav {
		padding: 15px;
	}

	.mobile_btn {
		cursor: pointer;
		display: block;
	}

	.main_menu {
		display: none;
		width: 100%;
	}

	.main_menu ul li {
		display: block;
	}

	.main_menu ul li a i {
		float: right;
	}

	.main_menu ul li a {
		border-bottom: 1px solid #ddd;
	}

	.main_menu ul li ul {
		width: 100%;
	}

	.main_menu ul li ul li ul {
		left: 0;
		top: auto;
	}

	.mega_menu .mega_menu_item {
		width: 50%;
	}

	.main_menu ul li ul {
		display: none;
		transition: none;
	}

	.main_menu ul li .mega_menu {
		display: none;
		transition: none;
	}

	.mega_menu_demo_2 .mega_menu {
		transform: translateX(0);
	}
}

@media (max-width: 575.98px) {
	.mega_menu .mega_menu_item {
		width: 100%;
	}
}


/* HOME
--------------------------------------------- */


.Menupegajoso {
	z-index: 9;
}

.wrapper__slide {
	position: relative;
}

.home__slider .slick-dots,
.carousel__novedades .slick-dots {
	position: absolute;
	bottom: 30px;
}

.carousel__novedades .slick-dots {
	bottom: 0px;
	text-align: left;
}

.home__slider .slick-dots li,
.carousel__novedades .slick-dots li {
	width: 16px;
	height: 16px;
	margin: 0 20px;
}

.home__slider .slick-dots li button,
.carousel__novedades .slick-dots li button {
	color: transparent;
	border: 1px solid #fff;
	border-radius: 50%;
	width: 15px;
	height: 15px;
}

.carousel__novedades .slick-dots li button {
	border: 1px solid #638F8A;
}

.home__slider .slick-dots li.slick-active button:before,
.carousel__novedades .slick-dots li.slick-active button:before {
	opacity: 1;
	color: #fff;
}

.carousel__novedades .slick-dots li.slick-active button:before {
	opacity: 1;
	color: #638F8A;
}

.home__slider .slick-dots li button:before,
.carousel__novedades .slick-dots li button:before {
	opacity: 0;
	color: #fff;
	font-size: 12px;
	line-height: 17px;
	width: 15px;
	height: 15px;
}

.content__home__slider {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	padding: 10px;
	text-align: center;
	z-index: 1;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	height: 100%;
	color: #fff;
}

.content__home__slider h2 {
	font-family: Josefin Sans;
	font-size: 70px;
	font-style: normal;
	font-weight: 100;
	line-height: 95px;
	text-transform: uppercase;
}


/* SECTION STUDIO
--------------------------------------------- */
.wrapper__studio {
	display: grid;
	grid-template-columns: 1fr .7fr;
	gap: 10px;
	justify-content: center;
	position: relative;
}

.wrapper__studio:before {
	content: url("data:image/svg+xml;charset=UTF-8,%3csvg viewBox='0 0 743 430' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg style='mix-blend-mode:color-dodge' opacity='0.4'%3e%3cpath d='M398.29 0.4911H407.079C447.001 0.4911 486.924 1.28581 526.846 0.4911C632.356 -2.03327 717.951 75.9886 737.819 171.447C759.603 276.162 699.439 383.448 598.511 418.322C577.93 425.478 556.302 429.159 534.513 429.214C491.225 429.214 447.921 429.214 404.601 429.214C402.685 429.214 400.721 428.933 398.384 428.746V378.493H530.913C556.127 378.68 581.052 373.116 603.793 362.224C637.779 345.816 661.293 319.263 677.187 285.558C695.127 247.872 698.128 204.789 685.586 164.979C673.045 125.169 645.892 91.5855 609.59 70.9866C587.957 58.4291 563.406 51.7715 538.393 51.6798C494.637 51.3526 450.928 51.6798 407.172 51.6798H398.29V0.4911Z' fill='%23E6E3DF'/%3e%3cpath d='M0 265.83H48.6176C49.4123 270.177 50.0668 274.338 50.9082 278.452C56.1936 303.397 68.8889 326.164 87.3315 343.773C105.774 361.381 129.105 373.01 154.267 377.136C182.658 381.378 211.634 375.434 236.063 360.358C260.491 345.282 278.795 322.046 287.732 294.766C292.41 280.306 294.699 265.179 294.51 249.982C294.51 169.919 294.51 89.7937 294.51 9.60588V0.864075H343.502C343.502 2.78073 343.969 4.74413 343.969 6.66078C343.969 89.4041 344.858 172.147 343.689 254.891C342.801 318.748 315.64 369.89 260.852 403.969C174.042 458.103 58.5748 422.107 15.7072 328.659C7.4911 310.679 2.18904 291.506 0 271.86C0 270.084 0 268.307 0 265.83Z' fill='%23E6E3DF'/%3e%3c/g%3e%3c/svg%3e");
	position: absolute;
	top: 69%;
	left: 59%;
	transform: translate(-54%, -50%);
	width: 600px;
	height: auto;
}

.wrapper__studio .accordion-body {
	padding: 1rem 0rem;
}

.wrapper__studio .accordion-button {
	color: rgb(0 0 0 / 40%);
	font-family: Montserrat;
	font-size: 20px;
	font-weight: 500;
	line-height: 2;
	letter-spacing: 1.8px;
	text-transform: uppercase;
	padding: 1rem 0;
}

.wrapper__studio .accordion-button:not(.collapsed) {
	background-color: transparent;
	box-shadow: none;
	border-bottom: 1px solid #638F8A;
	color: #638F8A;
}

.accordion-button:focus {
	box-shadow: none;
}

.accordion-button:not(.collapsed)::after {
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='10' height='5' viewBox='0 0 10 5' fill='none'%3e%3cpath d='M8.43708 5L1.0733 5C0.942953 4.99997 0.815545 4.9613 0.707178 4.88887C0.59881 4.81645 0.51435 4.71351 0.464474 4.59309C0.414597 4.47267 0.401545 4.34016 0.426966 4.21232C0.452387 4.08448 0.51514 3.96705 0.607293 3.87487L4.28918 0.192985C4.41279 0.0694174 4.58041 3.94771e-07 4.75519 3.79492e-07C4.92997 3.64212e-07 5.09759 0.0694173 5.22119 0.192984L8.90309 3.87487C8.99524 3.96705 9.05799 4.08448 9.08341 4.21232C9.10883 4.34016 9.09578 4.47267 9.0459 4.59309C8.99603 4.71351 8.91157 4.81644 8.8032 4.88887C8.69483 4.9613 8.56742 4.99997 8.43708 5Z' fill='%23638F8A'/%3e%3c/svg%3e");
	transform: rotate(360deg);
}

.accordion-button::after {
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='10' height='5' viewBox='0 0 10 5' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M1.07329 0L8.43708 0C8.56742 2.78312e-05 8.69483 0.0386999 8.8032 0.111128C8.91157 0.183555 8.99603 0.286487 9.0459 0.40691C9.09578 0.527332 9.10883 0.659838 9.08341 0.787678C9.05799 0.915517 8.99524 1.03295 8.90308 1.12513L5.22119 4.80702C5.09759 4.93058 4.92996 5 4.75519 5C4.58041 5 4.41279 4.93058 4.28918 4.80702L0.607291 1.12513C0.515138 1.03295 0.452385 0.915517 0.426964 0.787678C0.401543 0.659838 0.414596 0.527332 0.464472 0.40691C0.514349 0.286487 0.598809 0.183555 0.707176 0.111128C0.815544 0.0386999 0.942952 2.78312e-05 1.07329 0Z' fill='%23638F8A'/%3e%3c/svg%3e");
}

.img__studio {
	text-align: right;
}

.title {
	font-family: Josefin Sans;
	font-size: 64px;
	font-weight: 100;
	line-height: 78px;
}

.title__studio,
h1 {
	font-family: Josefin Sans;
	font-size: 44px;
	font-style: normal;
	font-weight: 100;
	line-height: 60px;
	text-transform: uppercase;
}

.wrapper__tabs {
	position: relative;
	display: inline-flex;
}

.wrapper__tabs:after {
	content: "";
	position: absolute;
	border-bottom: 1px solid rgb(0 0 0 / 40%);
	width: 100%;
	bottom: -5px;
}

.wrapper__tabs li:first-child a {
	padding-left: 0;
	margin-left: 0;
}

.wrapper__tabs li:last-child a {
	padding-right: 0;
	margin-right: 0;
}

.nav__item__tabs a.active {
	color: #638F8A;
	position: relative;
}

.nav__item__tabs a.active:after {
	content: '';
	position: absolute;
	display: inline;
	border-bottom: 1px solid #638F8A;
	bottom: -5px;
	left: 0;
	width: 100%;
	transition: all 1s;
}

.nav__item__tabs a.active:hover:after {
	border-color: #638F8A;
	width: 100%;
}

.nav__item__tabs a {
	font-family: Montserrat;
	font-size: 13px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	letter-spacing: 1.95px;
	text-transform: uppercase;
	color: rgb(0 0 0 / 40%);
	padding: 0.5rem 0;
	margin: 0 1rem;
	cursor: pointer;

	&:hover {
		color: #638F8A;
	}
}

.tab-content p {
	font-family: Montserrat;
	font-size: 15px;
	font-style: normal;
	font-weight: 300;
	line-height: 30px;
}

.df__center {
	display: flex;
	justify-content: center;
	align-items: center;
}

/*Projects*/
.grid__container {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 10px;
}

.grid__container>div:nth-child(1) {
	grid-column: span 2;
}

.card__projects,
.mega__menu__item,
.header-banner {
	position: relative;
}

.card__projects img {
	max-width: 100%;
	height: auto;

}

.card__content__projects,
.main__group__projects,
.header__banner__content {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	padding: 10px;
	text-align: center;
	z-index: 1;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	height: 100%;
	color: #fff;
}

.main__group__projects:hover {
	background: #638F8A;
	opacity: 0.8;
}

.card__content__projects h3 {
	font-family: Josefin Sans;
	font-size: 64px;
	font-style: normal;
	font-weight: 100;
	line-height: 78px;
	text-transform: uppercase;
}


.card__content__projects p {
	font-family: Josefin Sans;
	font-size: 24px;
	font-style: normal;
	font-weight: 300;
	line-height: 30px;
}

.card__content__projects .btn__more {
	color: #fff;
	border-color: rgb(255 255 255 / 20%);

	&:before {
		border-top: 1px solid #fff;
		border-right: 1px solid #fff;
	}

	&:after {
		border-bottom: 1px solid #fff;
		border-left: 1px solid #fff;
	}

	&:hover {
		background: rgb(0 0 0 / 0%);
		color: #fff;
	}
}


/* NOVEDADES
--------------------------------------------- */
main.site-page {
	margin: 5rem 0 0 0;
}

.Menupegajoso .site-page {
	margin: 7rem 0;
}

.cards__grid {
	position: relative;
}

.cards__grid::before {
	left: 0;
}

.cards__grid::after {
	right: 0;
}

.cards__grid .wrapper__grid__container__four {
	grid-gap: 0;
}

.wrapper__card__post,
.wrapper__card__product {
	position: relative;
	padding: 20px;
}

.wrapper__grid__container__four::after,
.wrapper__grid__container::after {
	content: "";
	position: absolute;
	top: calc(100% - 0px);
	left: 0;
	width: 100%;
	border-bottom: 1px solid var(--jd-gray);
}

.cards__grid .content__grid {
	border-left: 1px solid var(--jd-gray);
	border-right: 1px solid var(--jd-gray);

}

.cards__grid .wrapper__grid__container__four {
	/* padding: 1rem;  */
}

.wrapper__featured__articles {
	border-left: 1px solid var(--jd-gray);
}

.wrapper__featured__articles h1 {
	font-size: 36px;
	font-weight: 200;
	line-height: 48px;
}

.content__details {
	max-width: 80%;
	margin: auto;
}

.featured__items {
	display: grid;
	grid-template-columns: 1fr 1fr;
	align-items: center;
	justify-content: center;
	padding: 6rem 0;
}

.featured__image {
	text-align: center;

}

.featured__image img {
	border: 1px solid var(--jd-gray);
	padding: 0.5rem;
	background: #fff;
}

.featured__image figure {
	position: relative
}

.featured__image figure:after {
	content: '';
	position: absolute;
	border-bottom: 1px solid #e6e3df;
	width: 74%;
	height: 0%;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	transform: rotate(90deg);
}

#pageNovedades .wrapper__filters {
	display: grid;
	grid-template-columns: 1fr 1fr 2fr;
	align-items: center;
	border-bottom: 1px solid var(--jd-gray);
	padding: 0 2rem;
	grid-template-rows: 93px;
}

#pageNovedades .section__filters__post .wrapper__filters {
	border-top: 1px solid var(--jd-gray);
	border-bottom: 1px solid var(--jd-gray);
}

.form-floating {
	margin-left: 1rem;
}
/* CAROUSEL - NOVEDADES
--------------------------------------------- */
 
.novedades__jd {
	display: grid;
	grid-template-columns: 1fr 3fr;
	padding: 3rem 2rem;
	gap: 20px;
}

.carousel__novedades {
	flex-wrap: nowrap;
	overflow: hidden;
}

.carousel__novedades .card__nov {
	margin-right: 2rem;
	padding: 0 1rem;
}

#pageNovedades .Menupegajoso+main {
	margin-top: 7.1rem;
}

#pageNovedades .Menupegajoso.hoverClase+main {
	margin-top: 2.2rem;
}


/* NOVEDADES - DETAIL
--------------------------------------------- */
#pageNovedadesShow .Menupegajoso+main {
	margin-top: 5rem;
}

#pageNovedadesShow .Menupegajoso.hoverClase+main {
	margin-top: .2rem;
}

.article__header h1 {
	font-size: 38px;
}

.article__header {
	text-align: center;
	margin-bottom: 3rem;
}

.article__body {
	margin: 4.5rem auto 0 auto;
	padding-bottom: 4rem;
}

.article__body p {
	margin-bottom: 1rem;
	position: relative;
}

.back-btn,
.back {
	cursor: pointer;
}

.back-btn {
	border: 1px solid var(--jd-gray);
	border-top: 0;
	padding: 1rem 1.5rem;
	font-size: 12px;
	display: inline-flex;
	align-items: center;
	gap: 20px;
}

.article__header .date {
	color: var(--jd-black-light);
	margin: 4rem 0 1rem 0;
}

figure.featured__image {
	position: relative;
}

figure.featured__image:after {
	content: '';
	position: absolute;
	width: 100vw;
	left: 50%;
	top: 16rem;
	border-bottom: 1px solid var(--jd-gray);
	transform: translateX(-50%);
	z-index: -1;
}


/*****News section*****/
.wrapper__novedades {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 100px;
	justify-content: center;
	padding: 0 50px;
}

.info_nov h2 {
	font-family: Josefin Sans;
	font-size: 40px;
	font-style: normal;
	font-weight: 200;
	line-height: 61px;
	text-transform: uppercase;
}

.info_nov p {
	font-family: Montserrat;
	font-size: 15px;
	font-style: normal;
	font-weight: 300;
	line-height: 30px;
}

.btn__more {
	position: relative;
	font-family: Montserrat;
	font-weight: 500;
	letter-spacing: 1.95px;
	font-size: 13px;
	line-height: 2.5;
	border-radius: 0;
	height: 48px;
	display: inline-block;
	width: 160px;
	text-transform: uppercase;
	transition: all 1s;

	&:after,
	&:before {
		content: " ";
		width: 20px;
		height: 20px;
		position: absolute;
		transition: all 1s;
	}

	&:before {
		top: -1px;
		right: -1px;
	}

	&:after {
		bottom: -1px;
		left: -1px;
	}

	&:hover {
		background: #fff;
		color: #638F8A;

		&:before,
		&:after {
			width: 95%;
			height: 100%;
		}
	}
}

.more__green {
	background: rgb(0 0 0 / 0%);
	color: #638F8A;
	border: 1px solid rgb(99 143 138 / 20%);

	&:before {
		border-top: 1px solid #638f8a;
		border-right: 1px solid #638f8a;
	}

	&:after {
		border-bottom: 1px solid #638f8a;
		border-left: 1px solid #638f8a;
	}

	&:hover {
		background: #fff;
		color: #638F8A;
	}
}

.card__nov {
	position: relative;
	cursor: pointer;
}

.card__nov:not(:first-child):not(.related__cards .card__item)::before {
	content: '';
	position: absolute;
	left: calc((100% / 3) / 29 - 30px);
	top: 0%;
	height: 100%;
	width: 1px;
	background-color: #d3dfdd;
}

.card__nov:not(:first-child):not(.related__cards .card__item)::after {

	content: '';
	position: absolute;
	right: calc((100% / 3) / 29 - 30px);
	top: 0%;
	height: 100%;
	width: 1px;
	background-color: #d3dfdd;
}

.card__nov,
.card__item:not(.content__grid .wrapper__card__product.card__item):not(.content__grid .wrapper__card__post.card__item) {
	border-left: 1px solid var(--jd-green-light);
	border-right: 1px solid var(--jd-green-light);
}

/* .card__item:not(.content__grid .wrapper__card__product.card__item):not(.content__grid .wrapper__card__post.card__item) {
    border-right: 1px solid var(--jd-green-light);
}

.card__item:not(.content__grid .wrapper__card__product.card__item):not(.content__grid .wrapper__card__post.card__item):first-child,
.card__item:not(.content__grid .wrapper__card__product.card__item):not(.content__grid .wrapper__card__post.card__item):last-child {
    border-left: 1px solid var(--jd-green-light);
} */

.card__nov__body {
	margin-top: 1rem;
}

.card-text {
	font-family: Josefin Sans;
	font-size: 20px;
	font-style: normal;
	font-weight: 300;
	line-height: 30px;
	margin-bottom: 0.5rem;
	transition: all 1s;
}

.card__nov:hover .card-link,
.card-link:hover {
	color: #638F8A;
}

.card__nov:hover .card-text,
.card-text:hover {
	text-decoration: underline;
}

.card-date {
	color: rgb(0 0 0 / 50%);
	font-size: 14px;
	font-weight: 400;
	margin-bottom: 0;
}

.card-link {
	position: relative;
	font-size: 13px;
	font-weight: 500;
	color: #000;
	letter-spacing: 1.95px;
	text-transform: uppercase;
	transition: all 1s;
}

.card-link:after {
	content: '';
	position: absolute;
	display: inline;
	border-bottom: 1px solid #000;
	bottom: -6px;
	left: 0;
	width: 24%;
	transition: all 1s;
}

.card-link:hover:after,
.card__nov:hover .card-link:after {
	border-color: #638F8A;
	width: 100%;
}

a {
	&:hover {
		color: #638F8A;
	}
}

.bg-b {
	background: #F5F4F2;
}

.p-std {
	padding: 4rem 0;
}

.m__std {
	margin: 3rem 0;
}

.social__media__sharing {
	position: fixed;
	top: 60%;
	right: 50px;
	transform: translateY(80%);
	background: #fff;
	padding: 0;
	border: 1px solid var(--jd-gray);
	text-align: center;
	z-index: 9;
}

.social__media__sharing li {
	border-bottom: 1px solid var(--jd-gray);
	padding: 10px;
}

.social__media__sharing li p {
	font-size: 9px;
	font-weight: 500;
	margin: 0;
}

/* QUE HACEMOS
--------------------------------------------- */
.header__banner__content h1 {
	color: var(--jd-white);
	text-align: center;
	font-family: Josefin Sans;
	font-size: 75px;
	font-style: normal;
	font-weight: 200;
	line-height: 95px;
	text-transform: uppercase;
}

.header__banner__content {
	pointer-events: none;
}

.header__banner__content a {
	pointer-events: auto;
}

.wrapper__section__about {
	display: grid;
	grid-template-columns: 1fr 2fr;
	gap: 5rem;
	margin-top: -66px;
	background: #fff;
}

.aside__nav {
	border: 1px solid var(--jd-gray);
	border-bottom: 0;
	padding: 0;
}

.right__nav {
	margin-top: 3rem 0;
}

.right__nav .tab-content {
	padding-right: 4rem;
}

.aside__nav li.nav-item,
.title__vertical__tabs {
	border-bottom: 1px solid var(--jd-gray);
	padding: 1rem;
}

.title__vertical__tabs {
	padding: 2rem;
}

.nav-pills .nav-link.active.title__tabs {
	color: var(--jd-black);
	background-color: transparent;
	position: relative;
}

.nav-pills .nav-link.active.title__tabs:after,
.mega_menu_category li.active:after {
	content: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='31' height='8' viewBox='0 0 31 8' fill='none'%3e%3cpath d='M30.3536 4.35355C30.5488 4.15829 30.5488 3.84171 30.3536 3.64644L27.1716 0.464464C26.9763 0.269202 26.6597 0.269202 26.4645 0.464464C26.2692 0.659726 26.2692 0.976308 26.4645 1.17157L29.2929 4L26.4645 6.82842C26.2692 7.02369 26.2692 7.34027 26.4645 7.53553C26.6597 7.73079 26.9763 7.73079 27.1716 7.53553L30.3536 4.35355ZM4.37114e-08 4.5L30 4.5L30 3.5L-4.37114e-08 3.5L4.37114e-08 4.5Z' fill='black'/%3e%3c/svg%3e");
	right: 20px;
	position: absolute;
	top: 0;
	bottom: 0;
	align-items: center;
	display: flex;
}

.title__tabs,
.title__vertical__tabs {
	color: var(--jd-black-light);
	font-family: Montserrat;
	font-size: 13px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	letter-spacing: 1.95px;
	text-transform: uppercase;
	white-space: normal;
	word-break: break-all;
}

.content__abouts {
	margin-top: 2rem;
}

.content__abouts h3,
.left__column__form h3 {
	color: var(--jd-black);
	font-family: Josefin Sans;
	font-size: 40px;
	font-style: normal;
	font-weight: 200;
	line-height: 61px;
	text-transform: uppercase;
}

.wrapper__more {
	display: -webkit-inline-box;
}

#pageAboutUs .wrapper__more {
	margin: 0;
	text-align: left;
	display: -webkit-inline-box;
}

/* PROYECTOS
--------------------------------------------- */


/* PROYECTOS - DETAILS
--------------------------------------------- */
.project__detail_headings {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	background-color: var(--jd-white);
	grid-template-rows: 350px;
	border-bottom: 1px solid var(--jd-gray);
	margin-top: -100px;
	position: relative;
}

.project__detail_headings .items__project__details:not(:last-child) {
	border-right: 1px solid var(--jd-gray)
}

.project__detail_headings .items__project__details {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	padding: 4rem;
}

.project__detail_headings .items__project__details p {
	text-transform: uppercase;
}

.project__detail_headings .items__project__details .title__detail {

	font-size: 13px;
	font-weight: 500;
	letter-spacing: 1.95px;
}

.project__detail_headings .items__project__details .title__detail {
	font-size: 13px;
	font-weight: 500;
	letter-spacing: 1.95px;
}

.project__detail_headings .items__project__details .content__detail {

	font-family: Josefin Sans;
	font-size: 24px;
	font-weight: 200;
	line-height: 28px;
}

.project__detail_body {
	margin: 4rem auto;
	margin-bottom: 0;
	padding-bottom: 4rem;
}

.project__detail_body p {
	margin-bottom: 1rem;
}

.wrapper__section__detail {
	border-left: 1px solid var(--jd-gray);
	border-right: 1px solid var(--jd-gray);
}

.wrapper__section__detail .featured__image img {
	border-left: 0;
	border-right: 0;
}

ul.carrousel-projects.slick-initialized.slick-slider {
	padding: 0;
}

.carrousel-projects li {
	margin: 0 1rem;
}

.carrousel-projects .slick-prev,
.carrousel-projects .slick-next {
	font-size: 0;
	line-height: 0;
	position: absolute;
	top: 50%;
	/* Cambiado a 50% para centrar verticalmente en relación con el contenedor */
	display: block;
	width: 50px;
	height: 50px;
	padding: 0;
	cursor: pointer;
	color: transparent;
	outline: none;
	background: #fff;
	border: 1px solid var(--jd-gray);
	margin: auto;
	z-index: 2;
}

.carrousel-projects .slick-prev:hover,
.carrousel-projects .slick-prev:focus,
.carrousel-projects .slick-next:hover,
.carrousel-projects .slick-next:focus {
	background: #fff;
	border: 1px solid var(--jd-green-light);
}

.carrousel-projects .slick-prev {
	left: 17%;
	/* Ajusta la posición izquierda en relación con el contenedor */
	transform: translate(0, -50%);
	transform: rotate(180deg);
}

.carrousel-projects .slick-next {
	right: 17%;
	/* Ajusta la posición derecha en relación con el contenedor */
	transform: translate(0, -50%);
}

.carrousel-projects .slick-prev:before,
.carrousel-projects .slick-next:before {
	color: #000;
}

.carrousel-projects .slick-next:before,
.carrousel-projects .slick-prev:before {
	content: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='14' viewBox='0 0 8 14' fill='none'%3e%3cpath d='M7.90185 6.66072C7.90229 6.91278 7.85291 7.16244 7.75655 7.39536C7.66019 7.62827 7.51875 7.83984 7.34035 8.01792L2.25905 13.0983L0.901855 11.7411L5.9822 6.66072L0.901854 1.58038L2.25905 0.223183L7.33939 5.30353C7.51796 5.48153 7.65958 5.69306 7.75611 5.92598C7.85263 6.1589 7.90217 6.4086 7.90185 6.66072Z' fill='%23638F8A'/%3e%3c/svg%3e");
}

.galery {
	margin: 5rem 0;
}

.galery h2 {
	margin-bottom: 2rem;
}

/* ARTE
--------------------------------------------- */

.wrapper__section__products__four .wrapper__filters {
	grid-template-columns: repeat(3, 1fr);
	/* margin-bottom: 3rem; */
	margin-top: -79px;
	background: #fff;
}

.wrapper__grid__container__four {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-gap: 60px;
}

.filter__checkbox {
	display: flex;
	justify-content: space-around;
}

.select__category.form-floating,
.filter__checkbox {
	border-right: 1px solid var(--jd-gray);
}

.products__details {
	display: flex;
	justify-content: space-between;
}

.product__availability {
	color: var(--jd-green);
	font-size: 12px;
	text-transform: uppercase;
}

.wrapper__grid__container__four .product__description,
.wrapper__grid__container__four .post__description {
	display: -webkit-box;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
}

.wrapper__grid__container__four .wrapper__card__product:nth-of-type(n+17),
.wrapper__grid__container__four .wrapper__card__post:nth-of-type(n+17) {
	display: none;
}

.wrapper__more,
.wrapper__section__products__four .wrapper__more {
	margin: auto;
	display: table;
	padding: 3rem 0;
}

.wrapper__grid__container__four,
.wrapper__grid__container {
	position: relative;
}

.main {
	width: 50%;
	margin: 50px auto;
}

.has-search .form-control {
	padding-left: 2.375rem;
}

.has-search .form-control-feedback {
	position: absolute;
	z-index: 2;
	display: block;
	width: 2.375rem;
	height: 2.375rem;
	line-height: 2.375rem;
	text-align: center;
	pointer-events: none;
	color: #aaa;
}

.icon__search {
	display: flex;
	align-items: center;
	margin-left: 1rem;
}

.icon__search:before {
	content: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='17' height='34' viewBox='0 -6 19 19' fill='none'%3e%3cpath d='M14.3991 12.8994C15.5263 11.3929 16.0411 9.5154 15.8397 7.6447C15.6383 5.774 14.7357 4.04904 13.3136 2.81705C11.8915 1.58506 10.0556 0.937511 8.17525 1.00476C6.29494 1.07201 4.50991 1.84905 3.17948 3.17948C1.84905 4.50991 1.07201 6.29494 1.00476 8.17525C0.937511 10.0556 1.58506 11.8915 2.81705 13.3136C4.04904 14.7357 5.774 15.6383 7.6447 15.8397C9.5154 16.0411 11.3929 15.5263 12.8994 14.3991L16.5003 18L18 16.5031L14.3991 12.8994ZM8.46814 13.7636C7.42079 13.7636 6.39697 13.453 5.52613 12.8712C4.65529 12.2893 3.97656 11.4623 3.57575 10.4946C3.17495 9.52701 3.07008 8.46226 3.27441 7.43504C3.47874 6.40782 3.98308 5.46426 4.72367 4.72367C5.46426 3.98308 6.40782 3.47874 7.43504 3.27441C8.46226 3.07008 9.52701 3.17495 10.4946 3.57575C11.4623 3.97656 12.2893 4.65529 12.8712 5.52613C13.453 6.39697 13.7636 7.42079 13.7636 8.46814C13.7623 9.87219 13.204 11.2184 12.2112 12.2112C11.2184 13.204 9.87219 13.7623 8.46814 13.7636Z' fill='black' stroke='white'/%3e%3c/svg%3e");
}

input.search__products {
	border: 0;
}

input.search__products:focus {
	box-shadow: none;
}

.btn__search__products {
	height: 100%;
	background: transparent;
	color: var(--jd-green);
	width: 200px;
	padding: 1rem;
	display: flex;
	align-items: center;
	justify-content: space-around;
	border: 0;
}

.wrapper__filters {
	display: grid;
	grid-template-columns: 1fr 2fr;
	align-items: center;
	border-bottom: 1px solid var(--jd-gray);
	padding: 0 2rem;
	min-height: 79px;
}

.select__category.form-floating>label {
	font-size: 11px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	letter-spacing: 1.65px;
	text-transform: uppercase;
	padding: 0.5rem 0.75rem 0 0;
	color: var(--jd-black);
	transform: none;
}

.select__category.form-floating>.form-select~label::after {
	background-color: transparent;
}

.select__category select option {
	font-size: 15px;
	font-style: normal;
	font-weight: 300;
	line-height: 30px;
}

.select__category select {
	appearance: none;
	border: 0;
	color: #000;
	font-size: 15px;
	padding: 0;
}

.select__category select:focus {
	box-shadow: none;
}

.select__category option {
	font-size: 15px;
	font-style: normal;
	font-weight: 300;
	line-height: 30px;
}

.wrapper__section__products {
	display: grid;
	grid-template-columns: 1fr 4fr;
	margin-top: -66px;
	background: #fff;
}

.wrapper__grid__container {
	display: grid;
	grid-template-columns: repeat(3, 1fr);

}

.item__vertical p {
	font-size: 15px;
	line-height: 1.5;
	padding: 0rem 1rem;
}

.nav-item p {
	display: none;
}

.nav-link.active+p {
	display: block;
}

.card__item figure {}

.wrapper__grid__container__four .card__item,
.wrapper__grid__container .card__item {
	border-top: 1px solid var(--jd-gray);
	border-right: 1px solid var(--jd-gray);
}

/* Elimina border-right en los elementos de la última columna */
.wrapper__grid__container__four .card__item:nth-child(4n) {
	border-right: none;
}

/* Elimina border-top en los elementos de la primera fila */
.wrapper__grid__container__four .card__item:nth-child(-n + 4) {
	border-top: none;
}

/* Elimina border-right en los elementos de la última columna */
.wrapper__grid__container .card__item:nth-child(3n) {
	border-right: none;
}

/* Elimina border-top en los elementos de la primera fila */
.wrapper__grid__container .card__item:nth-child(-n + 3) {
	border-top: none;
}

.card__item {
	transition: background 0.3s ease-in-out;
	box-sizing: border-box;
}

.card__item:hover {
	cursor: pointer;
	background: #f5f5f5;
}

.card__item:hover .card-link {
	color: #638F8A;
}

.card__item:hover:after,
.card__item:hover .card-link:after {
	border-color: #638F8A;
	width: 100%;
}

.content__excerpt {
	display: -webkit-box;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
}

.card__item figure {
	position: relative;
	overflow: hidden;
}

.card__item img {
	transform: scale(1.1);
	transition: transform 0.3s ease-in-out;
}

.card__item img:hover {
	transform: scale(1.2);
}

.wrapper__card__product img,
.wrapper__card__post img {
	margin-bottom: 1rem;
}

.wrapper__card__product img:hover,
.wrapper__card__post img:hover {
	transform: scale(1.2);
}

.tab-content p.product__category {
	color: var(--jd-black-light);
	line-height: 3;
}

.product__name {
	color: var(--jd-black-);
	font-family: Josefin Sans;
	font-size: 24px;
	font-style: normal;
	font-weight: 200;
	line-height: 32px;
}

.product__description {
	margin: 0.5rem 0rem 1rem 0;
}

.card-link {
	font-family: Montserrat;
	font-size: 13px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	letter-spacing: 1.95px;
	text-transform: uppercase;
}

.aside__nav li.nav-item,
.title__vertical__tabs {
	min-height: 78px;
}


.right__nav .tab-content {
	/* padding: 2rem 4rem; */
}


/* ARTE - DETAIL
--------------------------------------------- */
.details__arte .btn__more {
	width: auto;
}

#pageArteShow .Menupegajoso+main {
	margin-top: 5rem;
}

#pageArteShow .Menupegajoso.hoverClase+main {
	margin-top: .2rem;
}

.details__arte .product__availability {
	color: var(--jd-black);
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 0.6px;
}

.excerpt,
.breadcrumbs {
	margin-bottom: 1rem;
}

#pageArteShow .featured__image figure:after {
	width: 79.5%;
}

.wrapper__heading__arte {
	/* border-left:1px solid var(--jd-gray) */
}

.wrapper__heading__arte:after {
	content: '';
	width: 100vw;
	border-bottom: 1px solid var(--jd-gray);
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
}

.wrapper__video {
	margin: 4rem 0;
}

.featured__image.image__arte__feature {
	margin-bottom: 3rem;
}

#pageArteShow .back-btn {
	border-left: 0;
}


/* DREIHOME 
--------------------------------------------- */


.main {
	width: 50%;
	margin: 50px auto;
}

/* Bootstrap 5 text input with search icon */

.has-search .form-control {
	padding-left: 2.375rem;
}

.has-search .form-control-feedback {
	position: absolute;
	z-index: 2;
	display: block;
	width: 2.375rem;
	height: 2.375rem;
	line-height: 2.375rem;
	text-align: center;
	pointer-events: none;
	color: #aaa;
}

.icon__search {
	display: flex;
	align-items: center;
	margin-left: 1rem;
}

.icon__search:before {
	content: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='17' height='34' viewBox='0 -6 19 19' fill='none'%3e%3cpath d='M14.3991 12.8994C15.5263 11.3929 16.0411 9.5154 15.8397 7.6447C15.6383 5.774 14.7357 4.04904 13.3136 2.81705C11.8915 1.58506 10.0556 0.937511 8.17525 1.00476C6.29494 1.07201 4.50991 1.84905 3.17948 3.17948C1.84905 4.50991 1.07201 6.29494 1.00476 8.17525C0.937511 10.0556 1.58506 11.8915 2.81705 13.3136C4.04904 14.7357 5.774 15.6383 7.6447 15.8397C9.5154 16.0411 11.3929 15.5263 12.8994 14.3991L16.5003 18L18 16.5031L14.3991 12.8994ZM8.46814 13.7636C7.42079 13.7636 6.39697 13.453 5.52613 12.8712C4.65529 12.2893 3.97656 11.4623 3.57575 10.4946C3.17495 9.52701 3.07008 8.46226 3.27441 7.43504C3.47874 6.40782 3.98308 5.46426 4.72367 4.72367C5.46426 3.98308 6.40782 3.47874 7.43504 3.27441C8.46226 3.07008 9.52701 3.17495 10.4946 3.57575C11.4623 3.97656 12.2893 4.65529 12.8712 5.52613C13.453 6.39697 13.7636 7.42079 13.7636 8.46814C13.7623 9.87219 13.204 11.2184 12.2112 12.2112C11.2184 13.204 9.87219 13.7623 8.46814 13.7636Z' fill='black' stroke='white'/%3e%3c/svg%3e");
}

input.search__products {
	border: 0;
}

input.search__products:focus {
	box-shadow: none;
}

.btn__search__products {
	height: 100%;
	background: transparent;
	color: var(--jd-green);
	width: 200px;
	padding: 1rem;
	display: flex;
	align-items: center;
	justify-content: space-around;
	border: 0;
}

.wrapper__filters {
	display: grid;
	grid-template-columns: 1fr 2fr;
	align-items: center;
	border-bottom: 1px solid var(--jd-gray);
	padding: 0 2rem;
	min-height: 79px;
}

.select__category.form-floating>label {
	font-size: 11px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	letter-spacing: 1.65px;
	text-transform: uppercase;
	padding: 0.5rem 0.75rem 0 0;
	color: var(--jd-black);
	transform: none;
}

.select__category.form-floating {
	border-right: 1px solid var(--jd-gray);

}

.select__category.form-floating>.form-select~label::after {
	background-color: transparent;
}

.select__category select option {
	font-size: 15px;
	font-style: normal;
	font-weight: 300;
	line-height: 30px;
}

.select__category select {
	appearance: none;
	border: 0;
	color: #000;
	font-size: 15px;
	padding: 0;
}

.select__category select:focus {
	box-shadow: none;
}


.select__category option {
	font-size: 15px;
	font-style: normal;
	font-weight: 300;
	line-height: 30px;
}

.wrapper__grid__container .wrapper__card__product:nth-of-type(n+10) {
	display: none;
}

.wrapper__section__products {
	display: grid;
	grid-template-columns: 1fr 4fr;

	margin-top: -66px;
	background: #fff;
}


.item__vertical p {
	font-size: 15px;
	line-height: 1.5;
	padding: 0rem 1rem;
}

.nav-item p,
.nav-item ul {
	display: none;
}

.nav-link.active+p,
.nav-link.active+ul {
	display: block;
}

.wrapper__card__product img {
	margin-bottom: 1rem;
}

.tab-content p.product__category {
	color: var(--jd-black-light);
	line-height: 3;
}

.product__name {
	color: var(--jd-black-);
	font-family: Josefin Sans;
	font-size: 24px;
	font-style: normal;
	font-weight: 200;
	line-height: 32px;
}

.product__description {
	margin: 0.5rem 0rem 1rem 0;
}

.card-link {
	font-family: Montserrat;
	font-size: 13px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	letter-spacing: 1.95px;
	text-transform: uppercase;
}

.aside__nav li.nav-item,
.title__vertical__tabs {
	min-height: 78px;
}

#pageDreihome .cards__grid .content__grid,
#pageProyectos .cards__grid .content__grid {
	border-left: 0;
}

#pageDreihome .right__nav .tab-content {
	padding: 0;
}


/* DREIHOME - DETAIL
--------------------------------------------- */
#pageDreihomeShow .Menupegajoso+main {
	margin-top: 5rem;
}

#pageDreihomeShow .Menupegajoso.hoverClase+main {
	margin-top: .2rem;
}

/*****FORMULARIO DE INFORMACION*****/
.bt {
	border-top: 1px solid var(--jd-gray);
}

.left__column__form {
	border-left: 1px solid var(--jd-gray);
	border-right: 1px solid var(--jd-gray);
	padding: 3rem 2rem;
}

.wrapper__section__form {
	display: grid;
	grid-template-columns: 1fr 2fr;
	gap: 5rem;
}

.form__info {
	padding: 3rem 2rem;
}

.form__info .form-control:not(textarea.form-control),
.form__info .form-select {
	height: 64px;
	border-radius: 0;
}

.form__info label:not(label.form-check-label) {
	color: var(--jd-black);
	font-family: Montserrat;
	font-size: 13px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	letter-spacing: 1.95px;
	text-transform: uppercase;
}

.form-control::placeholder {
	color: var(--jd-black-light);
}

.wrapper-submit {
	display: flex;
	justify-content: space-between;
}

@media (max-width: 767px) {

	.wrapper__section__about,
	.wrapper__section__form {
		grid-template-columns: 1fr;
		gap: 1rem;
		margin-top: 0;
	}

	.header__banner__content h1 {
		font-size: 28px;
		line-height: 50px;
	}

	.content__abouts h3 {
		font-size: 22px;
		line-height: 24px;
	}

	.right__nav .tab-content {
		padding-right: 0;
	}

	.content__abouts h3,
	.left__column__form h3 {
		font-size: 28px;
		line-height: 38px;
	}

	.left__column__form {
		padding: 2rem 1rem 0rem 1rem;
		border: 0;
	}

	.form__info {
		padding: 2rem 1rem;
	}

	.wrapper-submit {
		display: block;
	}
}

/*******CONCTACTO**********/

.title__three {
	font-size: 32px;
	line-height: 1;
}

.contact__list {
	display: flex;
	flex-direction: column;
	gap: 40px;
	border-bottom: 1px solid var(--jd-gray);
	border-top: 1px solid var(--jd-gray);
	padding: 2rem 0;
	margin: 2rem 0;

}

.contact__list li {
	display: flex;
	gap: 30px;
	position: relative;
	align-items: center;
}

.contact__list li p {
	margin-bottom: 0;
}

.contact__list label,
.follow__us h4 {
	font-family: Montserrat;
	font-size: 13px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	letter-spacing: 1.95px;
	text-transform: uppercase;
}

.contact__list p {
	font-family: Josefin Sans;
	font-size: 36px;
	font-style: normal;
	font-weight: 100;
	line-height: normal;
}

.contact__list li svg {
	width: 60px;
}

.contact__list li div {
	position: relative;
}

.contact__list li div:before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: -16px;
	border-right: 1px solid var(--jd-gray);
	height: 43px;
	margin: auto;
}

.follow__us .social-media {
	justify-content: flex-start;
	padding-left: 0;
	margin-top: 1rem;
}

.follow__us .svg-icon:first-child {
	margin-left: 0;
}

#pageContacto footer.top {
	border-top: 0;
}

#pageContacto .left__column__form {
	border-bottom: 0;
}

/* CONOCENOS
--------------------------------------------- */
.top-row {
	display: grid;
	grid-template-columns: 1fr 1fr 3fr 1fr;
	padding: 4rem 0;
	column-gap: 75px;
	margin-top: -60px;
	background: var(--jd-white);
}

.top-row> :first-child {
	column-gap: 0;
	/* Elimina el gap en el lado izquierdo de la primera columna */
}

.middle-row,
.row-flex {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.middle-row .column,
.row-flex .column {
	flex: 1;
	margin: 0 10px;
	/* Margen entre las imágenes */
}

.middle-row .column:nth-child(2) {
	margin-top: 10%;
	/* Ajusta el margen superior de la segunda columna al 10% */
}

.middle-row .column:nth-child(3),
.row-flex .column:nth-child(3) {
	flex: 0 0 35%;
	/* 30% de ancho para la tercera columna */
}

.middle-row .column:last-child {
	margin-top: 5%;
	/* Ajusta el margen superior de la última columna al 5% */
}

.bottom-row {
	margin-bottom: 5rem;
}

/********FOOTER*************/
footer,
.relative {
	position: relative;
}

footer.top {
	display: grid;
	padding: 4rem 0;
	border-top: 1px solid #d3dfdd;
	border-bottom: 1px solid #d3dfdd;
}

footer.top .links {
	display: grid;
	/*grid-template-columns: repeat(4, 1fr);*/
	grid-template-columns: 30% 20% 20% 30%;
}

footer a {
	color: #000;
	font-family: Montserrat;
	font-size: 13px;
	font-style: normal;
	font-weight: 500;
	line-height: 5;
	letter-spacing: 1.95px;
	text-transform: uppercase;
}

footer ul {
	padding-left: 0;
	list-style: none;
}

footer.bottom {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.social-media {
	display: flex;
	justify-content: center;
}

.social-media ul,
.legal__links__column ul {
	display: inline-flex;
}

.svg-icon {
	width: 60px;
	height: 60px;
	margin: 0 0.8rem;
	background: rgba(0, 0, 255, 0);
	border: 1px solid rgb(99 143 138 / 30%);
	fill: var(--jd-black);
	transition: all 1s;
}

.svg-icon:hover {
	background: #638F8A;
	fill: #fff;
	transition: all 1s;
}

.title-medium {
	font-family: Josefin Sans;
	font-size: 20px;
	font-style: normal;
	font-weight: 200;
	line-height: 28px;
	text-transform: uppercase;
}

.links-column {
	position: relative;
	justify-content: center;
	display: flex;
	border-left: 1px solid #d3dfdd;
}

.btn-form {
	display: flex;
	justify-content: space-between;
	font-size: 14px;

}

.btn-form,
.suscribe-column input {
	height: 42px;
	line-height: 2;
}

.green {
	background: #638F8A;
	color: #fff;
	border-radius: 0;
	text-transform: uppercase;

	&:hover {
		color: #638F8A;
	}
}

.wrapper-btn {
	box-shadow: none;
	border: 1px solid #d3dfdd;
	background: #fff content-box;
	padding: 2px;
}

.suscribe-column {
	max-width: 400px;
	margin: auto 30px;
}

.btn-form {
	position: relative;
	transition: all 1s;

	&:after,
	&:before {
		content: " ";
		width: 20px;
		height: 20px;
		position: absolute;
		border: 0px solid #fff;
		transition: all 1s;
	}

	&:before {
		top: -5px;
		right: -5px;
		border-top: 1px solid #638f8a;
		border-right: 1px solid #638f8a;
	}

	&:after {
		bottom: -5px;
		left: -5px;
		border-bottom: 1px solid #638f8a;
		border-left: 1px solid #638f8a;
	}

	&:hover {
		border-top-right-radius: 0px;
		border-bottom-left-radius: 0px;

		&:before,
		&:after {
			width: 100%;
			height: 100%;
		}
	}
}

.suscribe-column input,
.wrapper-btn,
.suscribe-column button {
	/*max-width: 300px;*/
}

.form-control {
	border-radius: 0px;
}

.form-control:focus,
.form-check-input:focus,
.form-select:focus {
	border-color: var(--jd-green);
	box-shadow: 0 0 0 0.25rem rgb(246 249 249);
}

.form-check-input:checked {
	background-color: #638f8a;
	border-color: var(--jd-green);
}

.form-check {
	align-items: center;
	display: flex;
	gap: 10px;
	font-size: 12px;
	line-height: 4;
}

.form-check a {
	text-transform: lowercase;
	font-size: 12px;
	font-weight: 400;
	text-decoration: underline;
	line-height: 1;
}

.form-check-input[type=checkbox] {
	border-radius: 0;
	margin-bottom: 5px;
	width: 1.5em;
	height: 1.5em;
}

.arrow:after {
	content: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='31' height='8' viewBox='0 0 31 8' fill='none'%3e%3cpath d='M30.3536 4.35355C30.5488 4.15829 30.5488 3.84171 30.3536 3.64644L27.1716 0.464464C26.9763 0.269202 26.6597 0.269202 26.4645 0.464464C26.2692 0.659726 26.2692 0.976308 26.4645 1.17157L29.2929 4L26.4645 6.82842C26.2692 7.02369 26.2692 7.34027 26.4645 7.53553C26.6597 7.73079 26.9763 7.73079 27.1716 7.53553L30.3536 4.35355ZM4.37114e-08 4.5L30 4.5L30 3.5L-4.37114e-08 3.5L4.37114e-08 4.5Z' fill='white'/%3e%3c/svg%3e");
}

.btn-form:hover .arrow:after {
	content: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='31' height='8' viewBox='0 0 31 8' fill='none'%3e%3cpath d='M30.3536 4.35355C30.5488 4.15829 30.5488 3.84171 30.3536 3.64644L27.1716 0.464464C26.9763 0.269202 26.6597 0.269202 26.4645 0.464464C26.2692 0.659726 26.2692 0.976308 26.4645 1.17157L29.2929 4L26.4645 6.82842C26.2692 7.02369 26.2692 7.34027 26.4645 7.53553C26.6597 7.73079 26.9763 7.73079 27.1716 7.53553L30.3536 4.35355ZM4.37114e-08 4.5L30 4.5L30 3.5L-4.37114e-08 3.5L4.37114e-08 4.5Z' fill='%23638F8A'/%3e%3c/svg%3e");

}

.copyright p,
.legal__links__column ul {
	margin-bottom: 0;
}

.copyright {
	font-size: 15px;
}

.copyright li {
	margin-right: 1.5rem;
}

.legal__links__column {
	font-style: normal;
	font-weight: 500;
	letter-spacing: 1.65px;
	text-transform: uppercase;
}

.legal__links__column li {
	margin-right: 1.5rem;
}

.legal__links__column a {
	font-size: 11px;
}


.btn__home__slider a {
	margin: 1rem;
}

.btn__more.more__white {
	background: #fff;
	color: #638F8A;
	line-height: 29px;
	height: 42px;
	border-color: rgb(255 255 255 / 20%);

	&:before {
		top: -4px;
		right: -4px;
		border-top: 1px solid var(--jd-white);
		border-right: 1px solid var(--jd-white);
	}

	&:after {
		bottom: -4px;
		left: -4px;
		border-bottom: 1px solid var(--jd-white);
		border-left: 1px solid var(--jd-white);
	}

	&:hover {
		background: rgb(0 0 0 / 0%);
		color: #fff;
	}
}


.btn__more.more__write {
	background: #fff;
	color: #638F8A;
	line-height: 29px;
	height: 42px;
	border-color: rgb(255 255 255 / 20%);

	&:after {
		bottom: -4px;
		left: -4px;
		border-bottom: 1px solid var(--jd-white);
		border-left: 1px solid var(--jd-white);
	}

	&:before {
		top: -4px;
		right: -4px;
		border-top: 1px solid var(--jd-white);
		border-right: 1px solid var(--jd-white);
	}

	&:hover {
		background: rgb(0 0 0 / 0%);
		color: var(--jd-green);
	}
}

.hoverClase .wrapper__white__btn,
#pageNovedades .Menupegajoso .wrapper__white__btn,
#pageNovedadesShow .Menupegajoso .wrapper__white__btn,
#pageArteShow .Menupegajoso .wrapper__white__btn {
	border: 1px solid var(--jd-green-light);
}


#pageNovedades .Menupegajoso,
#pageNovedadesShow .Menupegajoso,
#pageArteShow .Menupegajoso,
#pageDreihomeShow .Menupegajoso {
	border-bottom: 1px solid var(--jd-gray);
}

.hoverClase .btn__more.more__write,
#pageNovedades .btn__more.more__write,
#pageNovedadesShow .btn__more.more__write,
#pageArteShow .btn__more.more__write,
#pageDreihomeShow .btn__more.more__write {
	background: var(--jd-green);
	color: var(--jd-white);
	line-height: 29px;
	height: 42px;

	&:after {
		bottom: -5px;
		left: -5px;
		border-bottom: 1px solid var(--jd-green);
		border-left: 1px solid var(--jd-green);
	}

	&:before {
		top: -5px;
		right: -5px;
		border-top: 1px solid var(--jd-green);
		border-right: 1px solid var(--jd-green);
	}

	&:hover {
		background: rgb(0 0 0 / 0%);
		color: var(--jd-green);
	}
}

#pageContacto .btn__more.more__write {
	background: #000;
	color: var(--jd-white);

	&:after {
		border-bottom: 1px solid #000;
		border-left: 1px solid #000;
	}

	&:before {
		border-top: 1px solid #000;
		border-right: 1px solid #000;
	}

	&:hover {
		background: rgb(0 0 0 / 0%);
		color: var(--jd-black);
	}
}

.wrapper__white__btn {
	box-shadow: none;
	border: 1px solid rgb(255 255 255 / 20%);
	background: #fff content-box;
	padding: 2px;
}

.more__opacity {
	color: #fff;
	border-color: rgb(255 255 255 / 20%);

	&:before {
		border-top: 1px solid #fff;
		border-right: 1px solid #fff;
	}

	&:after {
		border-bottom: 1px solid #fff;
		border-left: 1px solid #fff;
	}

	&:hover {
		background: rgb(0 0 0 / 0%);
		color: #fff;
	}
}

@media (max-width: 400px) {
	.suscribe-column {
		max-width: 100%;
	}
}

@media (max-width: 767px) {

	/*****carrousel Home*****/
	.content__home__slider h2 {
		font-size: 42px;
		line-height: 60px;
	}

	.wrapper__studio_content.df__center {
		margin-bottom: 2rem;
	}

	.card__content__projects h3 {
		font-size: 22px;
		line-height: 22px;
	}

	.card__content__projects p {
		font-size: 16px;
		line-height: 16px;
	}

	.wrapper__studio:before {
		content: none;
	}

	li.nav__item__tabs {
		margin-bottom: 1rem;
	}

	.wrapper__tabs li:first-child a {
		padding: 0.5rem 0;
		margin: 0 1rem;
	}

	.grid__container,
	.wrapper__studio,
	footer.top .links,
	.wrapper__novedades {
		grid-template-columns: repeat(1, 1fr);
	}

	.grid__container>div:nth-child(1) {
		grid-column: span 1;
	}

	.wrapper__novedades {
		gap: 40px;
		padding: 0 30px;
	}

	.info_nov h2 {
		font-size: 24px;
		line-height: 26px;
	}

	.card__nov:not(:first-child)::before,
	.card__nov:not(:first-child)::after {
		content: none;
	}

	footer a {
		font-size: 11px;
	}

	footer.top {
		padding: 3rem 0 0 0;
	}

	.title-medium {
		font-size: 20px;
	}

	.suscribe-column {
		padding-bottom: 2rem;
	}

	.suscribe-column,
	.links-column {
		/*margin: auto 20px;*/
	}

	.suscribe-column input,
	.wrapper-btn,
	.suscribe-column button {
		max-width: 100%;
	}

	.form-check,
	.form-check a {
		font-size: 14px;
	}

	footer.bottom {
		flex-direction: column-reverse;
		padding: 0 30px;
		margin-top: 1rem;
	}

	.legal__links__column {
		text-align: center;
	}

	.legal__links__column ul {
		display: inline-block;
	}

	.legal__links__column li {
		margin-right: 0;
	}

	.m__std {
		margin: 0;
	}

	.links-column {
		justify-content: center;
		border-left: 0;
		text-align: center;
	}

	.links div:nth-child(-n+3) {
		border-bottom: 1px solid #d3dfdd;
	}

	.social-media {
		justify-content: center;
		margin-top: 1rem;
	}

	.svg-icon {
		margin-right: 1.5rem;
	}

	.copyright p {
		text-align: center;
	}

	#pageContacto .wrapper__section__form {
		display: block;
	}

	.title__three {
		font-size: 22px;
		line-height: 1.5;
	}

	.contact__list p {
		font-size: 22px;
	}

	/*ARTE*/
	.wrapper__section__products__four .wrapper__filters {
		grid-template-columns: repeat(1, 1fr);
		padding: 0 1rem;
	}

	.filter__checkbox {
		flex-direction: column;
	}

	.wrapper__grid__container__four {
		grid-template-columns: repeat(2, 1fr);
		grid-gap: 30px;
	}


}


@media (max-width: 767px) {

	.title__studio,
	h1 {
		font-size: 28px;
		line-height: 1.4;
	}


	/* HEADER MENU - MOBILE
--------------------------------------------- */
	.header {
		padding: 0;
	}

	.logo-navbar {
		display: flex;
		justify-content: space-between;
		max-width: 100%;
		width: 100%;
		padding: 1rem;
	}

	.logo-navbar img {
		max-width: 60%;
	}

	.navbar-nav .dropdown-menu {
		border: 0;
	}

	.navbar-toggler {
		border-radius: 0;
	}

	.navbar-toggler:focus {
		box-shadow: none;
	}

	.nav-link,
	.dropdown-menu {
		text-transform: uppercase;
	}

	.dropdown-toggle::after {
		float: right;
		margin-right: 20px;
		border: 0;
		content: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='14' height='8' viewBox='0 0 14 8' fill='none'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.255995 0.266926C0.419958 0.103012 0.64231 0.0109308 0.874153 0.0109308C1.106 0.0109308 1.32835 0.103012 1.49231 0.266926L6.99453 5.76915L12.4968 0.266926C12.5774 0.183417 12.6739 0.116808 12.7806 0.0709845C12.8872 0.0251612 13.002 0.00104184 13.1181 3.30119e-05C13.2342 -0.000975816 13.3493 0.0211467 13.4567 0.0651093C13.5642 0.109072 13.6618 0.173994 13.7439 0.256089C13.826 0.338183 13.8909 0.435804 13.9349 0.543257C13.9789 0.650711 14.001 0.765843 14 0.881937C13.999 0.998032 13.9748 1.11276 13.929 1.21944C13.8832 1.32611 13.8166 1.42259 13.7331 1.50324L7.61269 7.62362C7.44873 7.78754 7.22638 7.87962 6.99453 7.87962C6.76269 7.87962 6.54034 7.78754 6.37638 7.62362L0.255995 1.50324C0.0920816 1.33928 0 1.11693 0 0.885084C0 0.653241 0.0920816 0.430889 0.255995 0.266926Z' fill='black'/%3e%3c/svg%3e");
	}

	.dropdown.show .dropdown-toggle::after {
		content: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='14' height='8' viewBox='0 0 14 8' fill='none'%3e%3cpath opacity='0.6' fill-rule='evenodd' clip-rule='evenodd' d='M13.744 7.61271C13.58 7.77663 13.3577 7.86871 13.1258 7.86871C12.894 7.86871 12.6717 7.77663 12.5077 7.61271L7.00547 2.11049L1.50324 7.61271C1.42259 7.69622 1.32611 7.76283 1.21944 7.80866C1.11276 7.85448 0.998033 7.8786 0.881938 7.87961C0.765843 7.88062 0.650712 7.85849 0.543259 7.81453C0.435806 7.77057 0.338183 7.70565 0.256089 7.62355C0.173995 7.54146 0.109072 7.44384 0.0651092 7.33638C0.0211467 7.22893 -0.000975676 7.1138 3.33015e-05 6.9977C0.00104228 6.88161 0.0251626 6.76688 0.0709857 6.6602C0.11681 6.55353 0.183417 6.45705 0.266926 6.3764L6.38731 0.256015C6.55127 0.0921017 6.77362 2.11357e-05 7.00547 2.11155e-05C7.23731 2.10952e-05 7.45966 0.0921017 7.62362 0.256015L13.744 6.3764C13.9079 6.54036 14 6.76271 14 6.99455C14 7.2264 13.9079 7.44875 13.744 7.61271Z' fill='%23638F8A'/%3e%3c/svg%3e");
	}

	.mega_menu.projects,
	.mega_menu.dreihome {
		grid-template-columns: 1fr;
	}

	/* CONOCENOS - MOBILE
--------------------------------------------- */
	.top-row {
		padding: 0;
		grid-template-columns: 1fr;
	}

	.title {
		font-size: 34px;
		line-height: 54px;
		padding: 1rem
	}

	.bottom-row,
	.middle-row {
		flex-direction: column;
	}

	.middle-row .column {
		margin: 1rem;
	}

	/* ARTE - MOBILE
--------------------------------------------- */
	.featured__items {
		grid-template-columns: 1fr;
		gap: 2rem;
	}

	.wrapper__featured__articles {
		border-left: 0;
	}

	.content__details {
		max-width: 90%;
	}

	.wrapper__grid__container__four,
	.wrapper__grid__container {
		grid-template-columns: repeat(1, 1fr);
	}

	.cards__grid .content__grid,
	.wrapper__grid__container__four .card__item,
	.wrapper__grid__container .card__item,
	.wrapper__section__detail,
	figure.featured__image:after {
		border: 0;
	}

	.cards__grid .content__grid {
		border: 0;
		margin-top: 1rem;
	}

	/* NOVEDADES - MOBILE
--------------------------------------------- */
	.wrapper__featured__articles h1,
	.article__header h1 {
		font-size: 22px;
		line-height: 36px;
	}

	#pageNovedades .wrapper__filters,
	.wrapper__filters,
	.wrapper__section__products,
	.project__detail_headings {
		grid-template-columns: 1fr;
	}

	.novedades__jd {
		grid-template-columns: 1fr;
		gap: 50px;
		padding: 30px;
	}


	.wrapper__section__detail .featured__image img {
		border: 1px solid var(--jd-gray);
	}

	.article__body {
		margin: 2.5rem auto 0 auto;
	}

	.article__header {
		margin-bottom: 1rem;
	}

	.carousel__novedades .slick-list {
		margin-bottom: 60px;
		padding: 0 10% 2px 0px !important;
	}

	.carousel__novedades .card__nov {
		margin: 0;
		margin-right: 1rem;
	}

	.social__media__sharing {
		position: relative;
		transform: translateY(0);
		display: inline-flex;
		top: 0;
		right: 0;
	}

	.social__media__sharing li {
		border-right: 1px solid var(--jd-gray);
	}

	/* PROYECTOS - MOBILE
--------------------------------------------- */
	.wrapper__card__product {
		padding: 10px;
	}

	.wrapper__filters {
		margin-top: 2rem;
		padding: 0;
	}

	.project__detail_headings {
		margin-top: 0;
	}

	.project__detail_headings {
		grid-template-rows: 230px;
	}

	.carrousel-projects .slick-prev {
		left: 2%;
	}

	.carrousel-projects .slick-next {
		right: 2%;
	}

	.project__detail_headings .items__project__details .content__detail {

		font-size: 20px;
		line-height: 30px;
	}

	.project__detail_headings .items__project__details:not(:last-child) {
		border-bottom: 1px solid var(--jd-gray);
	}

	.project__detail_headings .items__project__details:not(:last-child) {
		border-right: 0;
	}

	.project__detail_headings .items__project__details {
		padding: 1rem;
	}

	.project__detail_body {
		margin: 2rem auto;
	}

}

@media (min-width: 768px) and (max-width: 1023px) {

	.title__studio,
	h1 {
		font-size: 38px;
		line-height: 1.5;
	}
}

@media (min-width: 1024px) {

	.title__studio,
	h1 {
		font-size: 44px;
		line-height: 1.7;
	}
}

@media (max-width: 1600px) {
	.header__menu.header__right {
		display: none;
	}
    .header__mobile .header__menu.header__right {
        display: block;
    }
}