.daylash-home {
	--daylash-bg: #f7f7f7;
	--daylash-teal: #00c7bd;
	font-family: var(--daylash-font);
	color: var(--daylash-navy);
	background: var(--daylash-white);
}

.daylash-home__inner {
	max-width: min(100%, var(--daylash-container));
	margin: 0 auto;
	padding: 0 20px;
	box-sizing: border-box;
}

.daylash-home-top {
	position: relative;
	padding: 4% 0 0;
	background-color: var(--daylash-bg);
	border-radius: 0 0 30% 30%;
	overflow: hidden;
}

.daylash-home-top::before,
.daylash-home-cursos::before {
	content: "";
	position: absolute;
	inset: 0;
	background: url("/wp-content/uploads/2024/08/ondas.png") center / cover no-repeat;
	opacity: 0.8;
	pointer-events: none;
	z-index: 0;
}

.daylash-home-top > *,
.daylash-home-cursos > *,
.daylash-home-reviews > * {
	position: relative;
	z-index: 1;
}

.daylash-home-hero {
	padding: 0 0 24px;
}

.daylash-home-hero__grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 40px;
	align-items: center;
}

.daylash-home-hero__title {
	margin: 0 0 16px;
}

.daylash-home-hero__title-line,
.daylash-home-hero__title-sub {
	display: block;
}

.daylash-home-hero__title-line {
	font-family: "Playfair Display", serif;
	font-size: clamp(2.6rem, 4.6vw, 4.6em);
	font-weight: 700;
	line-height: 1;
	letter-spacing: 2px;
}

.daylash-home-hero__title-sub {
	margin-top: -8px;
	font-family: Lato, sans-serif;
	font-size: clamp(1.6rem, 3vw, 3em);
	font-weight: 300;
	line-height: 1.2;
}

.daylash-home-hero__copy p {
	margin: 0 0 24px;
	font-size: 16px;
	font-weight: 300;
	line-height: 1.6;
	color: var(--daylash-muted);
}

.daylash-home-hero__media img {
	display: block;
	width: 100%;
	height: auto;
}

.daylash-home__btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 15px 30px;
	border: 1px solid var(--daylash-navy);
	border-radius: var(--daylash-radius-pill);
	background: var(--daylash-navy);
	color: var(--daylash-white);
	text-decoration: none;
	font-size: 14px;
	font-weight: 400;
	letter-spacing: 1px;
}

.daylash-home-intro {
	padding: 5% 0 4%;
	text-align: center;
}

.daylash-home-intro .daylash-home__inner {
	max-width: none;
	padding: 0 6%;
}

.daylash-home-intro p {
	margin: 0 auto;
	padding: 0;
	font-size: 16px;
	font-weight: 300;
	line-height: 1.7;
	color: var(--daylash-muted);
}

.daylash-home-intro b {
	color: var(--daylash-navy);
	font-weight: 600;
}

.daylash-home-paths {
	position: relative;
	padding: 40px 0 16%;
}

.daylash-home-paths__grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 24px;
	max-width: none;
	padding: 0 6%;
}

.daylash-home-card {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
}

.daylash-home-card__photo {
	width: 100%;
	height: auto;
	display: block;
	margin-bottom: 16px;
}

.daylash-home-card__logo {
	display: block;
	width: 128px;
	height: auto;
	margin: 0 auto 16px;
}

.daylash-home-paths__leaf {
	position: absolute;
	width: 140px;
	height: auto;
	pointer-events: none;
	opacity: 0.9;
	z-index: 2;
}

.daylash-home-paths__leaf--left {
	left: 0;
	bottom: 8%;
}

.daylash-home-paths__leaf--right {
	right: 0;
	top: 40px;
	transform: scaleX(-1);
}

.daylash-home-products {
	margin-top: 2%;
	padding: 24px 0 40px;
}

.daylash-home-servicios {
	margin-top: 8%;
	padding: 40px 0 48px;
}

.daylash-home-cursos {
	position: relative;
	margin: 8% 0;
	padding: 7% 0;
	background-color: var(--daylash-bg);
}

.daylash-home-cursos::before {
	opacity: 0.85;
}

.daylash-home-reviews {
	position: relative;
	padding: 40px 0 10%;
}

.daylash-home-reviews::before {
	content: "";
	position: absolute;
	inset: 0;
	background: url("/wp-content/uploads/2024/08/hojas2-1.png") right center / contain no-repeat;
	pointer-events: none;
	z-index: 0;
}

.daylash-home h2 {
	margin: 0 0 32px;
	text-align: center;
	font-family: var(--daylash-serif);
	font-size: 2.3em;
	font-weight: 400;
	letter-spacing: 2px;
}

.daylash-carousel {
	display: flex;
	align-items: center;
	gap: 12px;
}

.daylash-carousel__track {
	display: flex;
	align-items: stretch;
	flex: 1 1 auto;
	min-width: 0;
	gap: 20px;
	overflow-x: auto;
	scroll-snap-type: x mandatory;
	scroll-behavior: smooth;
	scrollbar-width: none;
	list-style: none;
	margin: 0;
	padding: 0;
}

.daylash-carousel__track::-webkit-scrollbar {
	display: none;
}

.daylash-carousel__card {
	display: flex;
	flex-direction: column;
	flex: 0 0 calc((100% - 60px) / 4);
	min-width: 0;
	max-width: calc((100% - 60px) / 4);
	scroll-snap-align: start;
	box-sizing: border-box;
}

.daylash-carousel--two .daylash-carousel__card {
	flex-basis: calc((100% - 20px) / 2);
	max-width: calc((100% - 20px) / 2);
}

.daylash-carousel--three .daylash-carousel__card {
	flex: 1 0 calc((100% - 40px) / 3);
	min-width: calc((100% - 40px) / 3);
	max-width: none;
}

.daylash-home-products ul.products.daylash-carousel__track {
	display: flex;
	float: none;
	width: auto;
	margin: 0;
	padding: 16px 8px;
}

.daylash-home-products ul.products li.product {
	display: flex !important;
	flex-direction: column !important;
	align-items: stretch !important;
	float: none !important;
	width: auto !important;
	margin: 0 !important;
	flex: 0 0 calc((100% - 60px) / 4) !important;
	min-width: 0 !important;
	max-width: calc((100% - 60px) / 4) !important;
	box-sizing: border-box;
	background: var(--daylash-white);
	border: 1px solid var(--daylash-border);
	border-radius: 37px;
	box-shadow: 0 8px 18px rgba(0, 0, 0, 0.08);
	padding: 24px;
	text-align: center;
}

.daylash-home-products .product img {
	width: 100%;
	height: auto;
}

.daylash-home-products .woocommerce-loop-product__title {
	font-size: 16px;
	font-weight: 600;
	margin: 12px 0 8px;
	color: var(--daylash-navy);
}

.daylash-home-products a.woocommerce-loop-product__link,
.daylash-home-products a.woocommerce-loop-product__link:visited,
.daylash-home-products a.woocommerce-loop-product__link:hover,
.daylash-home-products a.woocommerce-loop-product__link:focus {
	display: flex;
	flex: 1 1 auto;
	flex-direction: column;
	color: inherit;
	text-decoration: none;
}

.daylash-home-products .price {
	font-size: 1.3em;
	font-weight: 600;
	color: var(--daylash-teal);
}

.daylash-home-products__cart {
	display: block;
	width: 100%;
	margin-top: auto;
	padding-top: 12px;
}

.daylash-home-products ul.products li.product a.button.add_to_cart_button,
.daylash-home-products ul.products li.product a.add_to_cart_button {
	display: flex !important;
	align-items: center;
	justify-content: center;
	width: 100% !important;
	max-width: none !important;
	min-width: 0 !important;
	height: auto !important;
	min-height: 0 !important;
	margin: 0;
	padding: 15px 20px !important;
	border: 0 !important;
	border-radius: 50px !important;
	background: var(--daylash-navy) !important;
	color: var(--daylash-white) !important;
	text-decoration: none;
	line-height: 1.2 !important;
	white-space: nowrap;
	overflow: visible !important;
	text-indent: 0 !important;
	box-sizing: border-box !important;
	aspect-ratio: auto !important;
	float: none !important;
}

.daylash-carousel__nav {
	position: static;
	flex: 0 0 36px;
	align-self: center;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	padding: 0;
	margin: 0;
	border: 0;
	border-radius: 50%;
	background: var(--daylash-navy);
	color: var(--daylash-white);
	line-height: 0;
	cursor: pointer;
	transform: none;
}

.daylash-carousel__nav::before {
	content: "";
	display: block;
	width: 8px;
	height: 8px;
	border-style: solid;
	border-color: currentColor;
	border-width: 0 0 2px 2px;
}

.daylash-carousel__nav--prev::before {
	transform: translate(2px, 0) rotate(45deg);
}

.daylash-carousel__nav--next::before {
	transform: translate(-2px, 0) rotate(-135deg);
}

.daylash-home-servicio {
	flex-direction: row;
	align-items: stretch;
	gap: 16px;
	padding: 12px;
	background: var(--daylash-bg);
	border-radius: 10px;
}

.daylash-home-servicio__media {
	flex: 0 0 36.5%;
	min-width: 0;
	overflow: hidden;
	border-radius: 20px;
}

.daylash-home-servicio__media img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	border-radius: 20px;
}

.daylash-home-servicio__body {
	display: flex;
	flex: 1 1 auto;
	flex-direction: column;
	min-width: 0;
	justify-content: center;
}

.daylash-home-cursos .daylash-carousel__card {
	padding: 8px;
	background: var(--daylash-white);
	border-radius: 10px;
	box-shadow: 0 0 10px 4px rgba(0, 0, 0, 0.03);
}

.daylash-home-cursos .daylash-carousel__card img {
	width: 100%;
	height: auto;
	border-radius: 10px;
	display: block;
	margin-bottom: 12px;
}

.daylash-carousel__meta {
	margin: 0 0 6px;
	font-size: 12px;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: var(--daylash-teal);
}

.daylash-carousel__card h3 {
	margin: 0 0 8px;
	font-size: 1.4em;
	font-weight: 700;
}

.daylash-carousel__card h3 a,
.daylash-carousel__more {
	color: var(--daylash-navy);
	text-decoration: none;
}

.daylash-carousel__card > p:not(.daylash-carousel__meta),
.daylash-home-servicio__body > p:not(.daylash-carousel__meta) {
	margin: 0 0 12px;
	flex: 1 1 auto;
	color: var(--daylash-muted);
}

.daylash-carousel__more {
	font-weight: 500;
	margin-top: auto;
}

.daylash-carousel__more::after {
	content: " ›";
}

@media (min-width: 1025px) {
	.daylash-home-top::before,
	.daylash-home-cursos::before {
		background-attachment: fixed;
	}
}

@media (max-width: 1024px) {
	.daylash-home-top {
		border-radius: 0 0 18% 18%;
		padding-bottom: 12%;
	}

	.daylash-home-hero__grid,
	.daylash-home-paths__grid {
		grid-template-columns: 1fr;
	}

	.daylash-home-intro .daylash-home__inner,
	.daylash-home-paths__grid {
		padding: 0 4%;
	}

	.daylash-home-servicio {
		flex-direction: column;
	}

	.daylash-home-servicio__media {
		flex: 0 0 auto;
		flex-basis: auto;
		width: 100%;
		aspect-ratio: 1 / 1;
	}

	.daylash-carousel__card,
	.daylash-carousel--two .daylash-carousel__card,
	.daylash-carousel--three .daylash-carousel__card,
	.daylash-home-products ul.products li.product {
		flex: 0 0 100% !important;
		min-width: 0 !important;
		max-width: 100% !important;
	}
}

@media (max-width: 767px) {
	.daylash-home-hero__title {
		overflow-wrap: break-word;
	}

	.daylash-home-hero__title-line,
	.daylash-home-hero__title-sub {
		white-space: normal;
	}

	.daylash-home-hero__title-line {
		font-size: 2.9rem;
	}

	.daylash-home-hero__title-sub {
		font-size: 2.3rem;
	}

	.daylash-home h2 {
		font-size: 1.6em;
	}

	.daylash-home-card__logo {
		width: 96px;
	}
}