@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap');
@import url('https://cdn.jsdelivr.net/npm/bootstrap-icons@1.8.1/font/bootstrap-icons.css');

:root {
	--black: #000;
	--white: #fff;
	--green: #F8655D;
	--greendark: #F8655D;
	--gray: #e3e9ed;
	--font-montserrat: 'Montserrat', sans-serif;
}

a {
	outline: none !important;
}

body {
	font-family: var(--font-montserrat) !important;
}

a {
	text-decoration: none !important;
}

.form-control:focus {
	border-color: #F8655D;
	box-shadow: 0 0 0 0.25rem rgb(99 211 153 / 25%);
}

/*Header*/

header {
	padding-left: 30px;
	padding-right: 30px;
}

.header__logo {
	width: 7.938rem;
}

.header__links li a {
	font-weight: 500;
	color: var(--black) !important;
	font-size: 1rem;
	padding: 10px 2.5rem !important;
}

.header__links li:hover a.dropdown-toggle::after {
	filter: invert(60%) sepia(60%) saturate(700%) brightness(0.8)
		hue-rotate(90deg);
}

.header__links li:hover a span {
	color: var(--green);
}

.header__links li:hover ul li a span {
	color: var(--black);
}

header input.form-control {
	background-color: var(--gray) !important;
	margin-left: 2.5rem;
}

.header__icon img {
	width: 24px;
	height: 26px !important;
	margin: 0 5px;
	cursor: pointer;
}

header.header__site .header__icon a:hover img,
header.header__site .header__icon img:hover {
	filter: invert(60%) sepia(60%) saturate(700%) brightness(0.8)
		hue-rotate(90deg);
}

.modal-backdrop.show {
	opacity: 0 !important;
}

.myaccount__modal .modal.show {
	opacity: 0;
	filter: alpha(opacity=80);
	/* Para versiones anteriores de IE */
}

.myaccount__modal ul {
	padding-left: 0;
	margin-left: 0;
	margin-bottom: 0;
}

.myaccount__modal ul li {
	list-style: none;
	padding: 12px 0;
}

.myaccount__modal ul li a,
.myaccount__modal ul li a:hover,
.myaccount__modal ul li a:visited {
	font-weight: 500;
	font-size: 14px;
	line-height: 140%;
	color: var(--black);
}

@media (min-width: 576px) {
	#myaccountmodal .modal-dialog {
		max-width: 165px;
		margin: 3.75rem auto;
		right: 15px;
	}

	#mycartmodal .modal-dialog {
		max-width: 165px;
		margin: 3.75rem auto;
		right: 15px;
	}
}

/*Hero section*/

.hero {
	height: 44rem;
	position: relative;
	display: flex;
	align-items: center;
}

.hero img {
	width: 100%;
	position: absolute;
	height: 44rem;
	object-fit: cover;
}

.hero__container {
	position: relative;
	margin-top: -7rem;
}

.hero__title {
	font-size: 4rem;
	font-weight: 700;
	line-height: 4.875rem;
	letter-spacing: -0.02em;
	color: var(--black);
}

.hero__title-dark {
	background-color: var(--black);
	color: var(--white);
	width: fit-content;
	padding: 0 0.625rem;
}

.hero__button {
	color: var(--greendark);
	border: 1px solid var(--greendark);
	padding: 0.938rem 3rem 0.938rem 0.938rem;
	border-radius: 0.625rem;
	text-decoration: none;
	font-weight: 600;
	font-size: 1rem;
	transition: all 0.3s ease;
}

.hero__button::after {
	content: url('../img/arrow-right.svg');
	position: absolute;
	margin-left: 10px;
	transition: all 0.3s ease;
}

.hero__button:hover::after {
	filter: brightness(3.5);
}

.hero__button:hover,
.hero__button:visited:hover {
	color: var(--white);
	border: 1px solid var(--greendark);
	background-color: var(--greendark);
}

.hero__button:visited {
	color: var(--greendark);
}

header input[type='search'],
footer input[type='search'] {
	padding: 0px 3px 0 30px !important;
}

.header__form {
	position: relative;
}

.header__form i {
	position: absolute;
	left: 50px;
	top: 2px;
}

header.header__site {
	box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.25);
}

.dropdown-toggle::after {
	border: none !important;
	font-family: 'Font Awesome 5 Free';
	content: '\f078';
	display: inline-block;
	padding-right: 3px;
	vertical-align: middle;
	font-weight: 900;
}

/*Brands*/

.brans {
	margin-top: 5.688rem;
	margin-bottom: 14.875rem;
}

h2.big--title {
	font-size: 2.5rem;
	color: var(--black);
	font-weight: 700;
	line-height: 3.063rem;
}

.brans .brands-items {
	justify-content: space-between;
	margin-top: 3.313rem;
}

.brans .brands-items li button {
	font-size: 1rem;
	font-weight: 500;
	color: var(--black);
	border: none;
}

.nav-tabs {
	border-bottom: 1px solid var(--white) !important;
}

.nav-tabs .nav-link {
	border: var(--white);
}

.nav-tabs .nav-link.active {
	font-size: 1rem;
	font-weight: 500;
	color: var(--black) !important;
	border-color: var(--white) !important;
	border-bottom: 8px solid var(--green) !important;
}

/*.brans .swiper-horizontal > .swiper-pagination-bullets,
.brans .swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.brans .swiper-pagination-fraction {
	bottom: auto !important;
	top: 0;
	padding-top: 5px;
}*/

.dropdown-item.active,
.dropdown-item:active {
	background-color: #fff !important;
}

/*.brans test*/

.brans .swiper {
	height: 41.188rem;
	margin-top: 50px;
}

/*.brans .swiper-pagination {
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-bottom: 1px solid #e3e9ed;
}

.brans .swiper-pagination-bullet {
	width: auto !important;
	height: auto !important;
	border-radius: 0 !important;
	background-color: var(--white) !important;
	opacity: inherit !important;
	font-size: 1rem;
	font-weight: 500;
	color: var(--black) !important;
	transition: transform 250ms;
}*/

.brans .swiper-pagination-bullet-active {
	opacity: 1 !important;
	background: var(--white) !important;
	font-size: 1rem;
	font-weight: 500;
	color: var(--black) !important;
	border-color: var(--white) !important;
	border-bottom: 8px solid var(--green) !important;
}

.swiper-slide {
	margin-top: 60px;
	border: 1px solid rgba(0, 0, 0, 0.09);
}

.products .swiper {
	padding-bottom: 20px;
}

.products .swiper-slide {
	box-shadow: 0px 4px 0px rgb(0 0 0 / 25%);
	padding: 20px !important;
}

.brans__media img {
	width: 100%;
	height: 41.188rem;
	object-fit: cover;
}

.brans__content {
	position: relative;
	padding: 50px;
}

.col-md-6.brans__media,
.col-md-6.brans__content {
	height: 600px;
}

.brans__content--buttom--more,
.brans__content--buttom--more:hover,
.brans__content--buttom--more:visited {
	position: absolute;
	bottom: 24px;
	right: 60px;
	color: var(--white) !important;
	text-decoration: underline !important;
	font-weight: 600;
	font-size: 16px;
	line-height: 20px;
}

.brans__content--bran {
	display: none;
}

.brans .col-md-12 .swiper-slide .row {
	--bs-gutter-x: 0 !important;
}

.brans__content--title {
	font-size: 2.5rem;
	font-weight: 700;
	/*color: var(--white);*/
	padding: 0 30px;
	width: fit-content;
}

.brans__content .subtitle {
	padding: 0 30px;
	width: fit-content;
}

.brans__content--buttom {
	font-size: 2.5rem;
	font-weight: 700;
	color: var(--white);
	background-color: var(--green);
	padding: 5px 24px;
}

.brans__content--buttom:hover,
.brans__content--buttom:visited {
	color: var(--white);
}

/*Slider*/
.products {
	margin-bottom: 8.313rem;
}

.products .swiper-slide {
	border-bottom: 1px solid var(--gray);
	transition: transform 250ms;
	height: 398px;
}

.products .swiper-slide:hover {
	transform: translateY(-10px);
}

.product__swiper_container {
	display: flex;
	justify-content: center;
}

.product__swiper_container img {
	height: 14.5rem;
	width: 100%;
	object-fit: contain;
	border-bottom: 1px solid rgba(248, 101, 93, 0.3);
}

a .product__swiper_title {
	padding-top: 1.9rem;
	font-size: 1rem;
	font-weight: 700;
	color: var(--black);
	text-decoration: none;
}

a .product__swiper_price {
	font-size: 1rem;
	font-weight: 500;
	color: var(--black);
}

.product__swiper_button {
	margin-top: 1.938rem;
	color: var(--green);
	font-size: 1rem;
	font-weight: 600;
	padding: 0.938rem 3rem 0.938rem 0.938rem;
	border-radius: 0.625rem;
	transition: all 0.3s ease;
}

.product__swiper_button:hover,
.product__swiper_button:visited:hover {
	color: var(--white);
	background-color: var(--green);
	padding: 0.938rem 3rem 0.938rem 0.938rem;
	border-radius: 0.625rem;
}

.product__swiper_button:visited {
	color: var(--green);
}

.product__swiper_button::after {
	content: url('../img/chevron-down.svg');
	position: absolute;
	margin-top: 3px;
	margin-left: 10px;
	transition: all 0.3s ease;
}

.product__swiper_button:hover::after {
	filter: brightness(3.5);
}

.swiper-button-next,
.swiper-button-prev {
	color: #a2b1ba !important;
	font-weight: 900;
}

.swiper-button-next:after,
.swiper-button-prev:after {
	font-size: 1.5rem !important;
}

/*Customers*/

.customers {
	background-color: var(--black);
	padding-top: 3.75rem;
	padding-bottom: 3.75rem;
}

.customers .swiper {
	width: 100%;
}

.customers__title {
	color: var(--green);
	font-size: 1.5rem;
	font-weight: 500;
}

.customers .swiper-pagination-bullet {
	background: #a2b1ba !important;
	width: 5rem !important;
	height: 0.625rem !important;
	border-radius: 0 !important;
}

.customers .swiper-pagination-bullet-active {
	background: var(--green) !important;
	width: 5rem !important;
	height: 0.625rem !important;
	border-radius: 0 !important;
}

.customers__swiper-text {
	font-size: 2.5rem;
	color: var(--white);
	font-weight: 700;
}

.customers__swiper-name {
	font-size: 1.5rem;
	color: var(--white);
	font-weight: 700;
	margin-top: 50px;
}

.customers .swiper-pagination {
	bottom: inherit !important;
	left: -115px;
}

/*know and learn*/

.learn {
	margin: 12.625rem 0;
}

.learn .big--title {
	margin-bottom: 6.875rem;
}

.card__principal {
	height: 28.5rem;
}

.card__learn--img {
	height: 294px;
	object-fit: cover;
	width: 100%;
}

.learn__card2 .card-body {
	display: flex;
	align-items: center;
	min-height: 13.313rem;
	position: relative;
}

.learn__img {
	height: 18.1rem;
	object-fit: cover;
}

.learn__img2 {
	object-fit: cover;
	height: 14rem !important;
	width: 100%;
}

.learn__card2 {
	height: 14rem;
}

.learn__title {
	font-size: 1rem;
	font-weight: 500;
	color: var(--black);
}

.learn__text {
	font-size: 0.875rem;
	font-weight: 400;
	color: var(--black);
}

.learn__button {
	margin-top: 1.938rem;
	color: var(--green);
	font-size: 0.875rem;
	font-weight: 600;
	position: absolute;
	bottom: 10px;
	width: 90%;
	border-bottom: 1px solid rgba(248, 101, 93, 0.3);
	padding-bottom: 17px;
}

.learn__button:hover,
.learn__button:visited {
	color: var(--green);
}

.learn__button::after {
	content: url('../img/chevron-down.svg');
	position: absolute;
	margin-top: 6px;
	right: 0;
}

/*trust*/

.trust {
	margin-bottom: 15.188rem;
}

.trust .big--title {
	margin-bottom: 5.625rem;
}

.trust .col-md-3 {
	display: flex;
	justify-content: center;
	align-items: center;
}

/*Blog*/

.page-id-181 .marcas.brans .swiper-pagination {
	justify-content: start;
}

.page-id-181 .swiper-pagination-bullet {
	margin-right: 87px !important;
}

/*Footer*/



.footer__logo {
	width: 289px;
}

.footer__text {
	font-size: 0.75rem;
	font-weight: 500;
	color: var(--white);
}

.footer__title {
	font-size: 1.25rem;
	font-weight: 600;
	line-height: 1.5;
	color: var(--white);
}

.footer__menu {
	padding-left: 0;
	margin-left: 0;
}

.footer__menu li {
	list-style: none;
	padding: 10px 0;
}

.footer__menu li {
	font-size: 0.875rem;
	font-weight: 400;
	color: var(--white);
}

.footer__menu li a,
.footer__menu li a:visited {
	font-size: 0.875rem;
	font-weight: 400;
	color: var(--white) !important;
}

.footer__menu li a:hover {
	color: var(--green) !important;
}

.hide__desktop {
	display: none;
}

.hide__mobile {
	display: block;
}

/* clears the ‘X’ from Internet Explorer */
input[type='search']::-ms-clear {
	display: none;
	width: 0;
	height: 0;
}

input[type='search']::-ms-reveal {
	display: none;
	width: 0;
	height: 0;
}

/* clears the ‘X’ from Chrome */
input[type='search']::-webkit-search-decoration,
input[type='search']::-webkit-search-cancel-button,
input[type='search']::-webkit-search-results-button,
input[type='search']::-webkit-search-results-decoration {
	display: none;
}

/*.brans .swiper-pagination-bullet:hover {
	transform: translateY(-10px) !important;
}*/

.page-id-181 .marcas__row {
	min-height: 480px;
}

.page-id-181 .marcas__col-4 {
	position: relative;
	min-height: 480px;
	transition: transform 250ms;
}

.page-id-181 .marcas__col-4:hover {
	transform: translateY(-10px);
}

.page-id-181 .product__swiper_link {
	position: absolute;
	bottom: 0;
	right: 20px;
}

.post,
.page {
	margin: 0 !important;
}

:focus-visible {
	outline: none !important;
}

.page-numbers {
	display: flex !important;
	margin-left: 0 !important;
	padding-left: 0 !important;
	list-style: none !important;
	justify-content: center !important;
	align-items: center !important;
}

.page-numbers li {
	padding: 0 20px;
	border-radius: 3px;
	margin: 0 5px;
	border: 1px solid rgba(0, 0, 0, 0.09);
}

.page-numbers li span.current {
	color: var(--green) !important;
}

.return-to-shop a {
	font-weight: 700;
	font-size: 16px;
	line-height: 20px;
	color: var(--white);
	background: #b8babb;
	border-radius: 8px;
	padding: 13px 30px;
}

footer ul li form {
	position: relative;
}

footer ul li form input.wpcf7-submit {
	position: absolute;
	top: 0px;
	right: -63px;
	background-color: #F8655D;
	border: 0;
	color: #fff;
	font-weight: 600;
	font-size: 13px;
	height: 43px;
}

footer ul li form p {
	margin: 0 !important;
}

footer ul li form p label {
	display: flex;
	align-items: center;
}

footer ul li form input[type='email'] {
	padding: 10px !important;
	width: 100%;
}

/*Btn flotante*/

.btn-flotante {
	font-size: 16px;
	/* Cambiar el tamaño de la tipografia */
	font-weight: 500;
	/* Fuente en negrita o bold */
	color: #000 !important;
	/* Color del texto */
	border-radius: 10px;
	/* Borde del boton */
	background-color: #ffffff;
	/* Color de fondo */
	padding: 20px 30px;
	/* Relleno del boton */
	position: fixed;
	bottom: 40px;
	right: 40px;
	transition: all 300ms ease 0ms;
	box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.2);
	z-index: 99;
}

.btn-flotante::before {
	content: url('../img/akar-icons_whatsapp-fill.svg');
	/* with class ModalCarrot ??*/
	position: relative;
	/*or absolute*/
	left: -11px;
	top: 7px;
}

.btn-flotante:hover,
.btn-flotante:visited {
	color: #000 !important;
}

.marcas.brans .container .col-md-12 {
	border-bottom: 1px solid #e3e9ed;
}

.wpcf7 form label span a,
.wpcf7 form label span a:hover,
.wpcf7 form label span a:visited {
	color: var(--green);
}

.home .brans .swiper-pagination {
    bottom: -50px !important;
}

.brans__content--logo{
	padding: 0 30px 100px;
}

.spaces_padding{
	padding-left: 3rem;
	padding-top: 1rem;
}

.page__contact ::placeholder {
	font-weight: 500;
	font-size: 16px;
	line-height: 140%;
	color: #A2B1BA;
}

.single-product .content{
	width: 438px;
}

.header__fixed{
	position: relative;
    height: 93px;
	z-index: 99999;
}

.header__site{
	position: fixed;
    z-index: 999;
    width: 100%;
    background-color: #fff; 
}

/*Movil*/

@media (max-width: 600px) {
	header.header__site {
		box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.25);
		padding-left: 0;
		padding-right: 0;
	}

	.hero__container {
		margin-top: -100px;
	}

	.navbar-collapse {
		flex-basis: 100%;
		flex-grow: 1;
		align-items: center;
		position: absolute;
		z-index: 999999;
		width: 100%;
		background-color: white;
		top: 74px;
		left: 0;
		padding: 20px;
	}

	.bg-light {
		background-color: var(--white) !important;
	}

	.header__links li {
		padding: 8px 0 !important;
	}

	.header__links li a {
		padding: 8px 0 !important;
	}

	header input.form-control {
		margin-left: 0;
	}

	.header__icon {
		margin-top: 0.938rem;
		margin-bottom: 0.938rem;
	}

	.brans .swiper-pagination {
		display: none;
	}

	.hero__title {
		font-size: 1.875rem;
		line-height: 2.25rem;
	}

	.hero__button {
		font-size: 0.875rem;
	}

	.hero img {
		object-fit: cover;
	}

	h2.big--title {
		font-size: 1.5rem;
	}

	.brans {
		margin-bottom: 8.188rem;
	}

	.brans__content--bran {
		display: block;
		font-size: 0.75rem;
		font-weight: 600;
		color: var(--white);
		padding: 30px 10px 10px;
		border-bottom: 2px solid var(--green);
		width: fit-content;
		margin-left: 10px;
	}

	.brans .swiper {
		height: auto;
	}

	.brans__content--title {
		padding: 10px;
		font-size: 1.5rem;
	}

	.brans__content--buttom {
		margin: 10px;
		font-size: 0.875rem;
	}

	.brans__media img {
		height: 26.875rem;
	}

	.brans .swiper-slide .row {
		background-color: #0000;
	}

	.brans__content {
		padding-bottom: 30px;
	}

	.product__swiper_button {
		margin-right: 1rem;
	}

	.customers__swiper-text,
	.customers__swiper-name {
		font-size: 14px;
    	margin-top: 0;
    	font-weight: 500;
	}

	.learn {
		margin: 6.25rem 0;
	}

	.learn .big--title {
		margin-bottom: 3.313rem;
	}

	.learn__card2 {
		height: auto;
	}

	.trust {
		margin-bottom: 3.938rem;
	}

	.trust img {
		width: 100%;
	}

	.trust .big--title {
		margin-bottom: 4.438rem;
	}

	footer {
		padding-top: 3.438rem;
	}

	.footer__logo {
		width: 50%;
	}

	.footer__title {
		margin-top: 2.75rem;
	}

	.hide__desktop {
		display: block !important;
	}

	.hide__mobile {
		display: none !important;
	}

	.dropdown-menu {
		border: 1px solid rgb(0 0 0 / 0%);
	}

	.color-gray .product__swiper_button::after {
		content: url(../img/chevron-down-gray.svg);
	}

	.spaces_padding{
		padding-left: 0;
		padding-top: 20px;
	}

	.customers .swiper-pagination {
		left: -87px;
	}

	.brans__content--logo {
		padding: 0 0 50px;
	}

	.customers__img{
		width: 103px;
		height: 128px;
		object-fit: cover;
		padding-right: 14px;
	}

}

div.nsl-container {
	text-align: center !important;
}

.woocommerce-product-gallery__image a {
	pointer-events: none !important;
}

/*::::::::::::::::::::::::::::::::::::
==> Home changes and fixes ✨ 🔨
::::::::::::::::::::::::::::::::::::::*/

/* banner */
@media (max-width: 600px) {
	.hero img {
		object-fit: cover;
		object-position: 70% 50%;
	}
}
/*para cantidad de productos en el header*/
#cart_menu_num {
  position: absolute;
  top: 0;
  left: 80%;
  background: #F8655D;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
  padding: 2px;
}

/* form-correo-footer */
/*
footer ul li form input.wpcf7-submit {
	position: initial;
}
*/

/* slider brands */
/*
.col-md-6.brans__media, .col-md-6.brans__content{
	height: auto;
}
*/

/*::::::::::::::::::::::::::::::::::::
==> Marcas changes and fixes ✨ 🔨
::::::::::::::::::::::::::::::::::::::*/

/*::::::::::::::::::::::::::::::::::::
==> Blog changes and fixes ✨ 🔨
::::::::::::::::::::::::::::::::::::::*/

/*:::::::::::::::::::::::::::::::::::::::::::
==> Servicio Tecnico changes and fixes ✨ 🔨 
:::::::::::::::::::::::::::::::::::::::::::::*/