@import "../../../css/theme.css";
@import "../../../css/custom.css";
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css");
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');


.bg-light-solaris {
	background-color: #FEF9F9;
}

.bg-light-solaris-2 {
	background-color: #F6F5F2 !important;
}

.bg-light-solaris-3 {
	background-color: rgba(205, 202, 197, .2);
}

.bg-primary{
	background-color: #f7f7f7!important;
}

.bg-golden {
	background-color: #ff5049!important;
}

.border-end-dotted {
	border-right: 1px dotted #ff5049;
}

.border-start-dotted {
	border-left: 1px dotted #ff5049;
}

.border-top-dotted {
	border-top: 1px dotted #ff5049;
}

.text-orange-light{
	color: #ff5049;
}

.btn-orange{
	background-color: #ff5049;
	font-size: 15px !important;
	border-radius: 5px!important;
	&:hover {
		background-color: #292828;
	}
}

input {
 	font-family: "Inter", sans-serif;
}

html, body {
	background: white;
 	font-family: "Inter", sans-serif;
	scroll-behavior: smooth;
}

header {
	z-index: 1021;

	.logo {
		max-height: 48px;
	}

	nav{
		font-weight: 500;
		a, button{
			color: #121519;
			&:hover {
				color: #ff5049;
			}
		}
	}

	.dropdown-menu {
		max-height: calc(100vh - 130px);
		overflow: auto;
		width: 200px;
		z-index: 9999;
	}

	.menu {
		width: 30px;

		span {
			height: 2px;
			transition: all ease-in-out .3s;
			background-color: #576071;
		}

		&.active {
			span:first-child {
				transform: rotate(45deg);
			}
			span:nth-child(2) {
				opacity: 0;
			}
			span:last-child {
				transform: rotate(-45deg);
				margin-top: -11px;
			}
		}
	}
}

body {
	padding-top: 93px;

	&.with-name {
		padding-top: 137px;
	}

	&.with-bar {
		padding-top: 119px;
	}

	&.with-name.with-bar {
		padding-top: 163px;
	}
}

a, a:hover, button button:hover {
	-webkit-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
}

.breadcrumb-item.active{color: #ff5049;}

#carouselBanners .tns-controls { left: 0; position: absolute; top: 50%; transform: translateY(-50%); width: 100%; z-index: 2; }
#carouselBanners .tns-controls button { background-color: transparent; background-repeat: no-repeat; background-position: center center; background-size: contain; border: none; color: #F6C40F; height: 35px; position: absolute; width: 35px; }
#carouselBanners .tns-controls button[data-controls="prev"] { background-image: url('../img/ico-left.svg'); left: 15px; }
#carouselBanners .tns-controls button[data-controls="next"] { background-image: url('../img/ico-right.svg'); right: 15px; }

#carouselBanners .tns-nav { bottom: 15px; display: flex; justify-content: center; left: 0; position: absolute; text-align: center; width: 100%; z-index: 2; }
#carouselBanners .tns-nav button { border: 3px solid #969594; border-radius: 50%; display: block; height: 20px; margin: 0 5px; opacity: 1; width: 20px; }
#carouselBanners .tns-nav button.tns-nav-active { border-color: #FFF; }

.sticky-sm-top{z-index: 999;}

#carouselBanners {
	.carousel-indicators {
		button {
			background-color: #D9D9D9;
			border-radius: 50%;
			height: 16px;
			opacity: 1;
			width: 16px;

			&.active {
				background-color: #FCD9B8;
			}
		}
	}
	img.d-none.d-sm-block {
		height: 66vh;
		object-fit: cover;
	}
}

.sliderCategories .tns-controls {
	top: 50%;
	margin-top: -12px;
}

.sliderCategories .item {
    transition: all 0.3s ease-in-out;

    h3 {
        transition: color 0.3s ease-in-out;
    }

	a.btn-cat{
		z-index: 1;
	}

    .bg-img {
        transition: all 0.3s ease-in-out;
        position: relative;
        overflow: hidden;

        &::after {
            content: '';
            position: absolute;
            inset: 0;
            background-color: rgba(255, 80, 73, 0.15);
            opacity: 0;
            transition: opacity 0.3s ease-in-out;
            border-radius: inherit;
        }
    }

    &:hover {
        h3 {
            color: #ff5049 !important;
        }

        .bg-img::after {
            opacity: 1;
        }
    }
}

.category-hover .category-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 999px;
    background-color: rgba(255, 255, 255, 0.75); /* Blanco con opacidad */
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    transition: all 0.3s ease-in-out;
}

.category-hover:hover .category-overlay {
    opacity: 1;
}

.product-count {
    background-color: #ff5049;
    color: white;
    font-weight: bold;
    font-size: 1rem;
    padding: 0.6rem 1.2rem;
    border-radius: 50px;
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
}


.tns-controls {
	left: 0;
	position: absolute;
	top: 30%;
	width: 100%;

	[data-controls="prev"], [data-controls="next"] {
		background-color: transparent;
		background-position: center center;
		background-repeat: no-repeat;
		border: 0;
		height: 24px;
		padding: 0;
		position: absolute;
		width: 24px;
	}

	[data-controls="prev"] {
		background-image: url('https://emidica.com/img/icos/ico-arrow-prev.svg');
	}
	[data-controls="next"] {
		background-image: url('https://emidica.com/img/icos/ico-arrow-next.svg');
		right: 0;
	}
}


.shipping_type, .payment_method {
	&.active::after {
		color: var(--bs-green);
		content: '\F26A';
		display: block;
		font-family: 'bootstrap-icons';
		height: 16px;
		position: absolute;
		right: 5px;
		top: 5px;
		width: 16px;
	}
}

.longDescription, .short_description {
	overflow: hidden;

	figure, p {
		img {
			max-width: 100%;
			height: auto;
		}
	}

	figure {
		display: block;
		margin: 20px auto;
		max-width: 100%;

		img {
			display: block;
			margin: 20px auto;
		}

		&.image-style-side {
			float: right;
			margin: 20px 0 20px 20px;
		}
	}
}

.menu-categories li {

	.imgblack {
		display: block;
	}

	.imgcolor {
		display: none;
	}

	&.active {
		& > div > a {
			color: #CB8161;
		}

		& > div > button .imgblack {
			display: none;
		}

		& > div > button .imgcolor {
			display: block;
		}
	}
}

.menu-categories > ul > li ul {
	list-style: none;
	padding-left: 20px;
}

.menu-categories > ul > li > ul {
	display: block !important;
}

footer {
	background: #F7F7F7;
	background: linear-gradient(128deg, rgba(247, 247, 247, 1) 14%, rgba(248, 237, 237, 1) 100%);

	.logo {
		max-height: 45px;
		max-width: 115px;
	}
	.social-media{
		border-top: 1px solid #e2e2e2!important;
		a{
			transition: all ease-in-out .3s;
			i:hover{
				color: red;
				transition: all ease-in-out .3s;
				opacity: 0.5;
			}
		}
	}
}

#icons-items .icon-hover-flip .fa-solid {
	transition: transform 0.3s ease-in-out;
	transform: scaleX(1);
}

#icons-items .icon-hover-flip:hover .fa-solid {
	transform: scaleX(-1);
}

.price-offer{
	border-radius: 5px;
}

/* header */
header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1000;
  /* Transición suave sobre transform */
  transition: transform 0.3s ease-in-out;
  background-color: #fff;
}
/* fin header */

.scroll-top-btn{
	bottom: 0;
    right: 30px;
    margin-bottom: 15px;
    z-index: 999;
    border-radius: 5px;
    border: 0;
    color: white;
	transition: all ease-in-out .3s;
	&:hover {
		background-color: #292828!important;
	}
}

.btn-buy-add button:hover{
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    transition: .3s;
    background-color: #282b2f;
    color: white !important;
}

.btn-buy-add .buy:hover{
	background-color: white!important;
	color: #000!important;
}

.bodyProduct .btn-whatsapp {
    display: none;
}

.img-review .btn{
    height: inherit;
    line-height: 30px;
    position: absolute;
    top: 0;
    right: 0;
    padding-left: 10px;
    padding-right: 10px;
}

.img-review .btn i{
	color: white;
}

.cart-detail .add, .cart-detail .remove{
	border-radius: 5px!important;
}

.badge {
    background-color: #ff5049;
}
.call-to-action::before{content: "";display: block;background-color: #0000005c;width: 100%;height: 100%;position: absolute;top: 0;left: 0;border-radius: 4px;z-index: 1;}
.splide__track--nav>.splide__list>.splide__slide.is-active{border-color: #e2e3e5;}
@media (max-width: 991px) {
	body {
		padding-top: 79px;

		.mobile-nav {
			left: -100%;
			padding-top: 62px;
			transition: all ease-in-out .3s;
			z-index: 3;
			max-width: 425px;
			background-color: #fffafa;

			&.active {
				left: 0;
			}
		}

		&.with-name {
			padding-top: 118px;

			.mobile-nav {
				padding-top: 118px;
			}
		}

		&.with-bar {
			padding-top: 105px;

			.mobile-nav {
				padding-top: 105px;
			}
		}

		&.with-name.with-bar {
			padding-top: 144px;

			.mobile-nav {
				padding-top: 144px;
			}
		}
	}

}

@media (max-width: 767px) {
	.border-start-dotted {
		border-left: 0;
	}
	.border-end-dotted {
		border: none;
	}
	.btn-whatsapp{
		bottom: 14px!important;
	}
	.scroll-top-btn{
		right: 21px;
	}
}

@media (max-width: 576px){
	#icons-items .border-start-0{
		border: 1px solid #e3e9ef!important;
	}
	.checkout-detail .subtotal-price{
        position: absolute;
        top: 0;
        right: 0;
	}
}