#home-prensa .slick-prensa-arrow-container img,
.looks .look,
.products-carousel div[class$=-section-arrows] img {
	transition: .2s
}

#home-categories .cat-desc .cat-name,
.looks h2,
.products-carousel h2 {
	font-weight: 400;
	font-size: 20px;
	line-height: 28px
}

#home-categories .cat-desc .cat-discover,
.looks p {
	text-decoration: underline;
	text-underline-offset: 3px
}

.dh-main-slider {
	margin-bottom: 8px
}

.dh-main-slider .slide a {
	display: block;
	max-height: calc(100vh - 110px);
	position: relative
}

.dh-main-slider .slide img {
	object-fit: cover;
	object-position: center;
	height: 100%;
	width: 100%
}

.dh-main-slider .slide .caption {
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 44px;
	text-align: center
}

@media (min-width:576px) and (max-width:991px) {
	.dh-main-slider .slide a {
		max-height: calc(100vh - 110px)
	}

	.dh-main-slider .slide .caption {
		bottom: 44px
	}
}

.dh-main-slider .slide .caption h2 {
	font-family: var(--font-cucina) !important;
	font-weight: 400;
	font-size: 34px;
	line-height: 48px;
	color: var(--white);
	margin-bottom: 8px;
	text-shadow: 0 0 14px rgba(60, 13, 13, .4)
}

.dh-main-slider .slide .caption p.banner-home-button {
	padding: 10px 16px;
	background: var(--white);
	border-radius: 1px;
	display: inline-block;
	margin-bottom: 0;
	font-size: 13px;
	line-height: 19px;
	text-transform: uppercase;
	color: var(--black);
	transition: .2s;
	min-width: 240px
}

.dh-main-slider .slide .caption p.banner-home-button:hover {
	background: var(--light-grey)
}

.dh-main-slider .slick-arrow {
	border: none;
	font-size: 0;
	padding: 0;
	width: 24px;
	height: 24px;
	background-size: contain;
	display: none;
	position: absolute;
	z-index: 1;
	top: 50%;
	transform: translateY(-50%);
	cursor: pointer
}

.dh-main-slider .slick-arrow:focus,
.dh-main-slider .slick-dots li button:focus,
.products-carousel .product-miniature .thumbnail-container a {
	outline: 0
}

.dh-main-slider .slick-arrow.slick-prev {
	left: 24px;
	background: url(../img/icons/slider-prev.svg) center no-repeat
}

.dh-main-slider .slick-arrow.slick-next {
	right: 24px;
	background: url(../img/icons/slider-next.svg) center no-repeat
}

@media (min-width:576px) {
	.dh-main-slider .slick-arrow {
		display: block
	}
}

@media (min-width:922px) {
	.dh-main-slider .slick-arrow.slick-next {
		right: 40px
	}

	.dh-main-slider .slick-arrow.slick-prev {
		left: 40px
	}
}

/*.dh-main-slider .slick-dots{display:flex;justify-content:center;position:absolute;z-index:2;bottom:16px;width:100%;padding:0 16px;margin-bottom:0}*/

#home-prensa,
.products-carousel .product-flags {
	display: none
}

/*.dh-main-slider .slick-dots li{width:100%}*/

/*.dh-main-slider .slick-dots li button{font-size:0;display:block;width:100%;background-color:var(--white);height:2px;opacity:.15;border:none;cursor:pointer}*/

.dh-main-slider .slick-dots li.slick-active button {
	opacity: 1
}

@media (min-width:992px) {
	.dh-main-slider {
		margin-bottom: 8px
	}

	.dh-main-slider .slide a {
		max-height: calc(100vh - 110px)
	}

	.dh-main-slider .slide .caption {
		bottom: 44px
	}

	.dh-main-slider .slide .caption h2 {
		font-size: 50px;
		line-height: 56px;
		margin-bottom: 16px
	}

	.dh-main-slider .slick-dots {
		bottom: 10px
	}

	/*.dh-main-slider .slick-dots li{max-width:184px}*/

}

.products-carousel .dh-container {
	margin-bottom: 42px;
	padding: 0 16px
}

.products-carousel .title-container {
	position: relative;
	margin-bottom: 50px
}

.products-carousel h2 {
	text-align: left;
	text-transform: uppercase;
	margin-bottom: 0
}

.products-carousel div[class$=-section-arrows] {
	position: absolute;
	top: 2px;
	right: 16px;
	display: flex;
	flex-direction: row;
	gap: 13px
}

.products-carousel .best-sellers-section-arrows {
	gap: 25px !important
}

.products-carousel div[class$=-section-arrows] button[class^=owl-] {
	border: none;
	background-color: transparent;
	outline: 0
}

#home-prensa .slick-prensa-arrow-container img:hover,
.products-carousel div[class$=-section-arrows] img:hover {
	cursor: pointer;
	opacity: .5
}

.products-carousel .product-miniature .thumbnail-container .thumbnail-top img {
	height: 350px;
	margin: auto;
	object-fit: cover;
	width: 100%
}

.products-carousel .wishlist-button-add {
	background-color: transparent;
	box-shadow: none
}

#home-categories .div-column-cat,
.looks .look {
	background-size: cover;
	background-position: center;
	box-shadow: inset 0 0 0 2000px rgb(0 0 0 / 10%)
}

.products-carousel .wishlist-button-add .material-icons {
	font-size: 15px
}

.products-carousel .slick-slide {
	margin: 0 4px
}

.products-carousel .product-flag.dh-product-flags-flash-plp {
	display: flex;
	align-items: center;
	flex-direction: row;
	text-wrap: nowrap;
	gap: 4px;
	order: 1
}

.products-carousel .product-flag.product-flag-responsive.dh-product-flags-flash-plp {
	width: fit-content;
	padding: .5px 8px;
	display: none
}

.products-carousel .flash-pdp-icon {
	width: 8px !important;
	height: auto
}

@media(max-width:767px) {
	.products-carousel .dh-product-flags .product-flag.dh-product-flags-flash-plp {
		display: none
	}

	.products-carousel .product-flag.product-flag-responsive.dh-product-flags-flash-plp {
		display: flex
	}
}

@media(max-width:310px) {
	.products-carousel div[class$=-section-arrows] {
		gap: 10px;
		right: 10px
	}
}

@media(min-width:768px) {
	.products-carousel h2 {
		text-align: center
	}

	.products-carousel div[class$=-section-arrows] {
		right: 50px
	}
}

@media (min-width:1600px) {
	.products-carousel .product-miniature .thumbnail-container .thumbnail-top img {
		height: 430px
	}
}

.products-carousel .product-miniature .thumbnail-container {
	margin-bottom: 10px;
	width: 100%
}

.products-carousel .product-miniature .thumbnail-container:hover .product-description::after {
	border: none
}

.products-carousel .product-miniature h3 {
	margin: 0;
	text-align: left
}

.products-carousel .product-miniature h3 a {
	text-transform: uppercase;
	color: var(--black)
}

.products-carousel .product-miniature .product-description {
	padding-bottom: 0
}

.products-carousel .product-miniature .product-features {
	margin: 0
}

.products-carousel .product-miniature .product-features li {
	font-size: 11px;
	line-height: 17px;
	display: flex;
	flex-wrap: wrap;
	column-gap: 10px
}

.products-carousel .product-miniature .product-features li span {
	position: relative
}

.products-carousel .product-miniature .product-features li span:not(:first-child)::before {
	content: '/';
	position: absolute;
	top: 0;
	left: -7px
}

.products-carousel .product-miniature .product-price-and-shipping {
	text-align: left
}

.products-carousel .product-miniature .product-price-and-shipping .price {
	font-size: 13px;
	line-height: 19px
}

.products-carousel .product-quantity {
	position: absolute;
	bottom: 0;
	width: 100%;
	justify-content: center;
	background-color: var(--stock-bg);
	padding: 5px;
	color: var(--acento);
	font-size: 11px
}

.products-carousel .dh-product-flags {
	position: absolute;
	top: 18px;
	left: 16px;
	display: flex;
	flex-wrap: wrap;
	gap: 4px;
	margin-bottom: 0;
	max-width: calc(100% - 60px)
}

.products-carousel .product-flag {
	padding: 1.5px 8px;
	font-weight: 400;
	font-size: 11px;
	line-height: 17px;
	text-transform: uppercase
}

section#custom-text {
	background: rgba(234, 224, 211, .3);
	padding: 48px 16px 16px;
	margin-bottom: 0
}

#custom-text .home-banner-columns {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 48px 16px;
	width: 100%
}

#custom-text .home-banner-column-left {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	max-width: 320px
}

#custom-text .home-banner-column-left h2,
#custom-text .home-banner-column-left p {
	max-width: unset;
	text-align: center
}

#custom-text .home-banner-column-left h2 {
	font-weight: 400;
	font-size: 28px;
	line-height: 41px;
	font-family: var(--font-cucina) !important;
	color: var(--black);
	margin-bottom: 8px;
	text-transform: none
}

#custom-text .home-banner-column-left p {
	font-size: 13px;
	line-height: 19px;
	color: var(--black);
	margin-bottom: 16px
}

#custom-text .home-banner-column-left a {
	font-size: 13px;
	text-transform: uppercase;
	color: var(--black);
	border: 1px solid var(--black);
	width: 100%;
	padding: 9px 0
}

#custom-text .home-banner-column-left a:hover {
	background-color: var(--black);
	color: var(--white)
}

#custom-text .home-banner-column-right img {
	object-fit: cover;
	width: 100%;
	height: 100%
}

@media(min-width:768px) and (max-width:1199px) {
	section#custom-text {
		padding: 32px
	}

	#custom-text .home-banner-columns {
		flex-direction: row;
		justify-content: center
	}

	#custom-text .home-banner-column-left {
		flex-basis: 53%;
		max-width: unset
	}

	#custom-text .home-banner-column-left h2,
	#custom-text .home-banner-column-left p {
		text-align: left;
		max-width: 100%;
		width: 204px
	}

	#custom-text .home-banner-column-left a {
		max-width: 204px
	}
}

@media(min-width:1200px) {
	section#custom-text {
		padding: 70px
	}

	#custom-text .home-banner-columns {
		flex-direction: row;
		justify-content: space-between;
		column-gap: 70px
	}

	#custom-text .home-banner-column-left {
		flex-basis: 53%;
		max-width: unset
	}

	#custom-text .home-banner-column-left h2,
	#custom-text .home-banner-column-left p {
		max-width: 100%;
		width: 235px;
		text-align: left
	}

	#custom-text .home-banner-column-left a {
		max-width: 233px
	}

	#custom-text .home-banner-column-left h2 {
		font-size: 32px;
		line-height: 48px
	}

	#custom-text .home-banner-column-left p {
		margin-bottom: 24px
	}
}

.looks {
	padding: 48px 0 58px
}

.looks h2 {
	text-transform: uppercase;
	margin-bottom: 0
}

.looks .look {
	height: 342px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center
}

#home-categories .div-column-cat:hover,
.looks .look:hover {
	opacity: .6
}

.looks h3 {
	font-weight: 400;
	font-size: 24px;
	line-height: 36px;
	margin-bottom: 6px;
	font-family: var(--font-cucina) !important;
	color: var(--white)
}

.looks p {
	font-size: 11px;
	line-height: 17px;
	color: var(--white);
	margin-bottom: 0;
	text-transform: uppercase
}

@media (min-width:768px) {
	.looks .looks-container {
		display: flex;
		column-gap: 8px
	}

	.looks .looks-container>a {
		width: 100%
	}
}

#home-instagram {
	padding: 0 16px 32px
}

#home-instagram h2 a,
#home-instagram h2 span {
	font-weight: 400;
	font-size: 15px;
	line-height: 21px;
	text-transform: uppercase;
	color: var(--black)
}

#home-instagram h2 a:hover {
	color: var(--grey)
}

@media (max-width:767px) {
	.products-carousel .product-miniature-bottom {
		display: flex;
		column-gap: 6px;
		flex-wrap: wrap;
		align-items: stretch
	}

	.looks-header {
		padding: 0 16px;
		display: flex;
		justify-content: space-between;
		align-items: center;
		margin-bottom: 24px
	}

	.looks .slick-arrow {
		width: 40px;
		height: 40px;
		background: url(../img/icons/arrow-prev.svg) center/14px no-repeat;
		border: none;
		font-size: 0
	}

	.looks .slick-arrow.slick-next {
		background-image: url(../img/icons/arrow-next.svg)
	}

	.looks .slick-arrow.slick-disabled {
		opacity: .2;
		cursor: not-allowed
	}

	.looks .slick-arrow:focus,
	.looks .slick-arrow:focus-visible {
		outline: 0
	}

	.looks .look {
		max-width: 288px;
		margin: 0 auto
	}

	#home-instagram h2 span {
		display: none
	}
}

@media (min-width:768px) and (max-width:1199px) {
	.looks {
		padding: 48px 16px 82px
	}

	.looks h2 {
		text-align: center;
		margin-bottom: 24px
	}

	.looks .look {
		height: 285px
	}

	#home-instagram {
		padding: 0 16px 56px
	}
}

@media (min-width:1200px) {
	.looks {
		padding: 50px 32px 102px
	}

	.looks h2 {
		text-align: center;
		margin-bottom: 50px
	}

	.looks .look {
		height: 509px
	}

	#home-instagram {
		padding: 0 32px 60px
	}
}

#home-prensa {
	padding: 0 16px;
	max-width: 1920px;
	margin: 0 auto 32px
}

#home-prensa h2 {
	font-weight: 400;
	font-size: 15px;
	line-height: 21px;
	margin-bottom: 16px;
	text-transform: uppercase
}

#home-prensa .home-prensa-wrapper {
	width: 100%;
	display: flex;
	align-items: center
}

#home-prensa #slick-prensa .prensa-slide {
	padding: 26px 0
}

#home-prensa #slick-prensa .prensa-slide img {
	display: block;
	margin: 0 auto;
	height: 20px;
	width: auto
}

#home-prensa .slick-prensa-arrow-container {
	display: inline-block
}

#home-categories .div-1,
#home-categories .div-2,
#home-categories .div-3,
#home-categories .div-4,
#home-categories .div-5 {
	display: inline-grid;
	grid-column: 1/1
}

#home-prensa .slick-prensa-arrow-container.slick-prensa-arrow-container-prev {
	float: left
}

#home-prensa .slick-prensa-arrow-container.slick-prensa-arrow-container-next {
	float: right
}

#home-prensa #slick-prensa {
	width: calc(100% - 20px);
	margin: 0 auto;
	display: inline-block
}

@media(min-width:992px) {
	.products-carousel {
		margin: 0 auto 56px
	}

	#home-prensa {
		padding: 0 32px
	}
}

#home-categories {
	padding: 0 16px;
	margin-bottom: 60px
}

#home-categories .dh-container>div {
	display: grid;
	gap: 8px;
	grid-template-columns: repeat(1, 1fr);
	width: 100%
}

#home-categories .div-1 {
	grid-row: 1
}

#home-categories .div-2 {
	grid-row: 2
}

#home-categories .div-3 {
	grid-row: 3
}

#home-categories .div-4 {
	grid-row: 4
}

#home-categories .div-5 {
	grid-row: 5
}

#home-categories .div-column-cat {
	height: 450px;
	background-repeat: no-repeat;
	position: relative
}

#home-categories .cat-desc {
	bottom: 30px;
	left: 30px;
	position: absolute
}

#home-categories .cat-desc .cat-name {
	color: #fff;
	text-transform: uppercase;
	margin-bottom: 16px
}

#home-categories .cat-desc .cat-discover {
	font-size: 11px;
	line-height: 17px;
	color: #fff;
	text-transform: uppercase
}

@media(min-width:500px) {
	#home-categories .div-column-cat {
		height: 280px
	}

	#home-categories .dh-container>div {
		grid-template-columns: repeat(2, 1fr)
	}

	#home-categories .div-1 {
		display: inline-grid;
		grid-column: 1/1;
		grid-row: 1
	}

	#home-categories .div-2 {
		display: inline-grid;
		grid-column: 2/2;
		grid-row: 1
	}

	#home-categories .div-3 {
		display: inline-grid;
		grid-column: 1/1;
		grid-row: 2
	}

	#home-categories .div-4 {
		display: inline-grid;
		grid-column: 2/2;
		grid-row: 2
	}

	#home-categories .div-5 {
		display: inline-grid;
		grid-column: 1/3;
		grid-row: 3
	}
}

@media(min-width:767px) {
	#home-categories .dh-container>div {
		grid-template-columns: repeat(3, 1fr)
	}

	#home-categories .div-1 {
		grid-column: 1/1;
		grid-row: 1
	}

	#home-categories .div-2 {
		grid-column: 2/2;
		grid-row: 1
	}

	#home-categories .div-3 {
		grid-column: 3/3;
		grid-row: 1
	}

	#home-categories .div-4 {
		grid-column: 1/1;
		grid-row: 2
	}

	#home-categories .div-5 {
		grid-column: 2/4;
		grid-row: 2
	}

	#home-categories .cat-desc .cat-name {
		font-size: 24px;
		line-height: 32px
	}

	#home-categories .cat-desc .cat-discover {
		font-size: 13px;
		line-height: 19px
	}
}

@media(min-width:1199px) {
	#home-categories .div-column-cat {
		height: 500px
	}
}

@media(min-width:1440px) {
	#home-categories .div-column-cat {
		height: 700px
	}
}

section.dh-main-slider {
	max-height: calc(100vh - 110px);
	overflow: hidden;
}

.dh-main-slider .slide a .caption {
	padding-left: 32px;
	padding-right: 32px;
}

@media (max-width:767px) {
	.dh-main-slider .slide a .caption {
		padding-left: 16px;
		padding-right: 16px;
	}
}

.dh-main-slider .slide a .caption {
	color: white;
}

div#looks-carousel-arrows {
	display: none;
}

.dh-main-slider picture, .dh-main-slider video {
    vertical-align: bottom;
}
.dh-main-slider video{
	clip-path: inset(1px 1px);
}