/*
Theme Name: Probusol
Theme URI: https://mati.agency
Version: 1.0
Author: @matiagency
Author URI: https://mati.agency
*/

:root,
[data-bs-theme=light]{

	/* Defaults */
	--header-min-height: 80px;	
	--header-fixed-min-height: 70px;

	/* Colors */
	--bs-heading-color: inherit; /* H1, H2 colors */

    --bs-body-color: #1C1C1C;
    --bs-body-bg: #fff;

    --bs-primary: #fc3f50;
    --bs-primary-rgb: 13,110,253;
    --bs-secondary: #f58426;
    --bs-secondary-rgb: 108,117,125;
    --bs-white: #fff;
    --bs-light: #EFEFEF;
    --bs-light-rgb: 239,239,239;/*  #EFEFEF Neutro/Gris Claro*/
    --bs-dark: #1C1C1C;

	/* Links */
    --bs-link-color: #0d6efd;
    --bs-link-color-rgb: 13,110,253;
    --bs-link-decoration: underline;
    --bs-link-hover-color: #0a58ca;
    --bs-link-hover-color-rgb: 10,88,202;

    /* BS Borders */
    --bs-border-width: 1px;
/*    --bs-border-color: #fc3f50;*/
    --bs-border-radius: 12px;

    --orange-gradient: linear-gradient(to top right, #F3B343 0%,#E9873D 45%, #E05736 100%);

}


/*background: linear-gradient(90deg, #F8CA47 0%, #DD3831 100%);*/


@media screen and (min-width:1200px){
	:root,
	[data-bs-theme=light]{
		--header-min-height: 90px;
		--header-fixed-min-height: 70px;
	}
}

/* Utilities */


.has-primary-color, .text-primary{ 
	color: var(--bs-primary) !important; 
}

.has-secondary-color, .text-secondary{ 
	color: var(--bs-secondary) !important; 
}

 .bg-primary{ 
	background: var(--orange-gradient);
}

.has-secondary-background-color, .bg-secondary{ 
	background: var(--bs-secondary) !important; 
}

.has-white-background-color, .bg-white{
	background: var(--bs-white) !important; 
}

.has-dark-background-color, .bg-dark{
	background: var(--bs-dark) !important; 
}

.has-black-background-color, .bg-black{
	background: var(--bs-black) !important; 
}



/* 3. Structure */

html{
	scroll-behavior: smooth;
}

body{
	font-size: 16px;
	font-weight: 400;
	font-family: "Manrope", sans-serif;
	font-smoothing: antialiased;
	-webkit-font-smoothing: antialiased;
}

body.header-fixed{
	padding-top: var(--header-min-height);
}

@media screen and (min-width: 992px) {
	body{
		font-size: 18px;
	}
}

p{
	line-height: 1.29em;
}

a{
	color: inherit;
	text-decoration: none;
	transition: 0.3s all;
}

h1, h2, h3, h4, h5, h6{
	font-weight: 700;
	line-height: 1.05em;
}

h1 { font-size: 30px; }
h2 { font-size: 24px; }
h3 { font-size: 21px; }
h4 { font-size: 20px; }
h5 { font-size: 18px; }
h6 { font-size: 16px; }

@media screen and (min-width: 992px) {
	h1 { font-size: 34px; }
	h2 { font-size: 27px; }
	h3 { font-size: 24px; }
	h4 { font-size: 22px; }
	h5 { font-size: 20px; }
	h6 { font-size: 18px; }
}

b, strong {
    font-weight: 700;
}


.ratio-4x3 {
	aspect-ratio: 4 / 3;	
}
.ratio-4x3 img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}


.image.rounded img{
	border-radius: 12px ;
}

/* Images Video */

.images-parallax{
	position: relative;
}
.images-parallax .video{
	max-width: 80%;
	margin: 0 auto;
}

.images-parallax .video video {
	aspect-ratio: 0.93 / 1;
	object-fit: cover;
}
.images-parallax .image.absolute {
	position: absolute;
	z-index: 2;
}
.images-parallax .image.absolute.top {
	max-width: 40%;
	width: 245px;
	top: 20px;
	right: 0;
}
.images-parallax .image.absolute.bottom {
	max-width: 40%;
	width: 220px;
	bottom: -20px;
	left: 0;
}
.images-parallax > * {
  will-change: transform;
  transform: translate3d(0,0,0);
  transition: transform 0s; 
}

@media screen and (min-width: 992px){
	.images-parallax .image.absolute.top {
		top: 50px;
	}

	.images-parallax .image.absolute.bottom {
		bottom: -50px;
	}

}



/* Card */
.card {
	filter: drop-shadow(0px 4px 14px rgba(0, 0, 0, 0.12));
	border-radius: 12px;
	overflow: hidden;
	border: none;
}

.card:has(.thumbnail) .data {
	padding: 48px 32px;
}


/* 4. Structure > Framework */

.main {
	width: 100%;
	min-height: 80vh;
	overflow: hidden;
}

.container,
.container-fluid{
	width: 100%;
	max-width: 100%;
}
.container{
	max-width: 1600px;
}
.container-fluid{
	max-width: 1920px;
}

/*
[class^="col-"]{
	padding-left: 15px;
	padding-right: 15px;
}*/

@media screen and (min-width: 992px){
	.col-lg-5-2{
		-ms-flex: 0 0 20%;
	    flex: 0 0 20%;
	    max-width: 20%;
	}
}

@media screen and (min-width: 1440px){
	.container,
	.container-fluid{
		padding: 0 70px;
	}
}

/* Keyframes */

@keyframes dropDown{
    0% {
        transform: scaleY(0);
    }
    80% {
        transform: scaleY(1.1);
    }
    100% {
        transform: scaleY(1);
    }
}

@keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounce {
  0%, 100% {
    transform: translate(-50%, 0);
  }
  50% {
    transform: translate(-50%, -100%);
  }
}

/* Structure > extras */

.wow{
	visibility: hidden;
}

.overh{
	overflow: hidden;
}

#pageloader{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: var(--bs-white);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 2em;
	transition: opacity 0.5s ease-in-out;
	z-index: 1000;
	opacity: 0;
	pointer-events: none;
}
#pageloader.show{
	opacity: 1;
	pointer-events: all;
}

.grecaptcha-badge{
	opacity:0;
}


/* Components > buttons */

.btn{
	min-width: 150px;
	border-radius: 32px;
	--bs-btn-padding-x: 30px;
	--bs-btn-padding-y: 10px;
	--bs-btn-font-weight: 600;
	position: relative;
	overflow: hidden;
	transition: transform .3s ease;
}
.btn i{
	vertical-align: -1px;
	font-size: 18px;
	margin-right: 6px;
}

@media screen and (max-width: 576px){
	.btn-block-mobile{
		width: 100%;
	}
}

.btn::after {
  content: "";
  position: absolute;
  top: 0; left: -100%;
  width: 80%; height: 100%;
  background: linear-gradient(100deg, transparent 0%, rgba(255,255,255,.4) 50%, transparent 100%  );
  transform: skewX(-20deg);
}

.btn:hover:after,
.btn:focus:after,
.btn:not([disabled]):not(.disabled):active:after{
  left: 125%;
  transition: left 0.7s ease;
}

.btn:hover,
.btn:focus,
.btn:not([disabled]):not(.disabled):active{
  transform: translateY(-2px);
}

/*.btn-primary{
    background: linear-gradient(to top right, #F3B343 0%,#E9873D 45%, #E05736 100%);
    border: none;
    color: #fff;   
    transition: background .3s ease;
}

.btn-primary:hover{
	background: linear-gradient(90deg, #F8CA47 0%, #DD3831 71.63%);
    color: #fff;      
}*/

/*.btn-primary {
  background: linear-gradient(45deg, #F3B343, #E9873D, #DD3831);
  background-size: 200% 200%;
  border: none;
  color: #fff;
  transition: all .3s ease;
}

.btn-primary:hover {
  background-position: right center; 
}

*/
.btn-primary {
  background: linear-gradient(to top right, #F3B343 0%,#E9873D 45%, #E05736 100%);
  border: none;
  color: #fff;  
}



.btn-primary:hover,
.btn-primary:focus,
.btn-primary:not([disabled]):not(.disabled):active{
  background: linear-gradient(45deg, #F3B343, #E9873D, #DD3831);  
}


.btn-outline-primary{	
	border: solid 1px transparent;
	background: linear-gradient(#fff, #fff) padding-box, var(--orange-gradient) border-box;
}
.btn-outline-primary .text{
    background-image: var(--orange-gradient);
    -webkit-background-clip: text;
    color: transparent;
}

.btn-outline-primary:hover{
	border: solid 1px transparent;
	background: linear-gradient(#fff, #fff) padding-box, var(--orange-gradient) border-box;
}
/*
.btn-outline-primary{
	background: var(--orange-gradient);
	 border: 0;
	 z-index: 1;
}

.btn-outline-primary:before {	
	content: '';
	display: block;
	height: calc(100% - 2px);
	width: calc(100% - 2px);
	border-radius: 32px;
	background: white;
	position: absolute;
	top: 1px;
	left: 1px;
}

.btn-outline-primary .text {
	position: relative;
 	background: var(--orange-gradient);
  	-webkit-background-clip: text;
  	color: transparent;
}*/

.btn-secondary{
    --bs-btn-bg: var(--bs-secondary);
    --bs-btn-color: var(--bs-light);
    --bs-btn-border-color: var(--bs-secondary);

    --bs-btn-hover-bg: transparent;
    --bs-btn-hover-color: var(--bs-secondary);
    --bs-btn-hover-border-color: var(--bs-secondary);

    --bs-btn-active-bg: var(--bs-light);
    --bs-btn-active-color: var(--bs-secondary);
    --bs-btn-active-border-color: var(--bs-secondary);
}
.btn-outline-secondary{
    --bs-btn-bg: transparent;
    --bs-btn-color: var(--bs-secondary);
    --bs-btn-border-color: var(--bs-secondary);

    --bs-btn-hover-bg: var(--bs-secondary);
    --bs-btn-hover-color: var(--bs-light);
    --bs-btn-hover-border-color: var(--bs-secondary);

    --bs-btn-active-bg: var(--bs-secondary);
    --bs-btn-active-color: var(--bs-light);
    --bs-btn-active-border-color: var(--bs-secondary);
}


/* See More */
.see-more{
  display:inline-flex;
  align-items:center;
  font-weight:600;
}

/* Ícono con MASK: el fondo será el color/gradiente que definas */
.see-more::after{
  content:'';
  display:inline-block;
  width:25px;
  height:20px;
  margin-left:10px;
  background: var(--bs-body-color);
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='20' viewBox='0 0 25 20'%3E%3Cpath d='M15 0.717L24 9.717' stroke='%23000' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M15 18.717L24 9.717' stroke='%23000' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M1 9.717H24' stroke='%23000' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center / contain;
  mask:         url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='20' viewBox='0 0 25 20'%3E%3Cpath d='M15 0.717L24 9.717' stroke='%23000' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M15 18.717L24 9.717' stroke='%23000' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M1 9.717H24' stroke='%23000' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center / contain;
  transition: margin .3s ease, background .3s ease;
}

article:hover .see-more, .see-more:hover{
  background: var(--orange-gradient);
  -webkit-background-clip: text;
  color: transparent;
}

article:hover .see-more::after,
.see-more:hover::after{
  background: var(--orange-gradient);
  margin-left:14px;
}


/* Btn Float */

.btn-float{
    position: fixed;
    right: 30px;
    bottom: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    font-size: 32px;
    text-align: center;
    z-index: 9999;
    border-radius: 50%;
    box-shadow: 0 0 15px 0 rgba(0,0,0,0.1);
    transition: 0.3s all;
}

.btn-float-whatsapp{
    color: #fff;
    background: #25D366;
}
.btn-float-whatsapp:hover{
    background: #fff;
    color: #25D366;
}

@media screen and (min-width:768px){
	.btn-float{
	    width: 70px;
	    height: 70px;
	    font-size: 40px;
	    bottom: 10px;
	}
}

.btn-loading:before{
	content: '';
    display: inline-block;
    vertical-align: text-bottom;
    margin-right: 10px;
    width: 20px;
    height: 20px;
    border: 2px solid #fff;
    border-right-color: transparent;
    border-radius: 50%;
    animation: spinner-border .75s linear infinite;
    -webkit-animation: spinner-border .75s linear infinite;
}

/* Components > forms */

label{
	font-size: 14px;
	font-weight: 400;
	margin-bottom: 8px;
}
.bg-primary label,
.bg-dark label{
	color: var(--bs-white);
}

.required{
	color: #ff0000;
}

.form-select,
.form-control{
	line-height: 1.8em;
	border: solid 1px transparent;
	background: linear-gradient(#fff, #fff) padding-box, var(--orange-gradient) border-box;
	min-height: 48px;
}

.form-select:focus,
.form-control:focus{
    box-shadow: none !important;
    border-color: var(--bs-dark);
}

textarea.form-control{
	border-radius: 15px;
}

/* Form checkbox */

.form-check{
	display: inline-block;
}

.form-check-input:focus{
	box-shadow: none;
}
.form-check-input:checked{
	background-color: var(--bs-dark);
	border-color: var(--bs-dark);
}

input[type="checkbox"] ~ label,
input[type="radio"] ~ label{
	margin: 0;
	font-weight: 400;
}

/* Form files */

.input-file-group{
	position: relative;
	display: block;
	padding: 30px 15px;
	margin: 0;
	font-size: 1rem;
	font-weight: 400;
	text-align: center;
	background-color: var(--bs-body-bg);
	border: var(--bs-border-width) dashed var(--bs-border-color);
	border-radius: 15px;
	cursor: pointer;
	transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.input-file-group input{
	opacity: 0;
	width: 0;
}

.input-file-group .files{
	max-height: 100px;
	overflow: auto;
}
.input-file-group .files span{
	display: block;
	font-size: 12px;
	text-transform: uppercase;
}
.input-file-group:hover,
.input-file-group:focus{
	border-color: var(--bs-dark);
}

/* Form Light */

.form.light label{
	color: #fff;
}

.form.light .form-control{
	background: transparent;
	border-color: #fff;
}


.form.light .form-control::placeholder,
.form.light .form-control::focus{
	color: #fff;
}


/* Forms > Show password */

.show_password{
	position: absolute;
	bottom: 0;
	right: 15px;
	padding: 15px;
}
.show_password.active,
.show_password:hover{
	color: #f58426;
}

/* Components > modals */

.modal{
	z-index: 99999;
}
.modal-backdrop{
	z-index: 9999;
}
.modal .modal-content{
	border: 0;
	border-radius: 0;
}

.modal .btn-close{
	position: absolute;
	top: -50px;
	right: 15px;
	width: 30px;
	height: 30px;
	padding: 0;
	background: url('assets/img/icons/icon-cross.svg') no-repeat center;
	background-size: contain;
	z-index: 10;
	opacity: 0.5;
}

@media screen and (min-width: 992px) {
	.modal .btn-close{
		top: 20px;
		right: -50px;
	}
}

#modalVideo .modal-content{
	background-color: #000;
}
#modalVideo .modal-body{
	padding: 0;
}
#modalVideo .btn-close{
	top: -40px;
	right: 0;
	color: #fff;
	font-size: 30px;
	filter: brightness(0) invert(1);
}

/* Components > tables */

@media screen and (max-width: 767px){
	.table-responsive{
		white-space: nowrap;
		overflow: auto;
	}
	.table-responsive .table{
		white-space: normal;
	}
}

/* Components > socialmedia */

.socialmedia h4{
	font-size: 18px;
	line-height: 24px;
}

ul.socialmedia{
	display: inline-flex;
	justify-content: center;
	align-items: center;
	margin: 0;
	padding: 0;
	gap: 5px;
	list-style: none;
}
ul.socialmedia li{
	display: inline-block;
	vertical-align: middle;
}
ul.socialmedia li a{
	display: block;
	font-size: 26px;
	padding: 5px;
}
ul.socialmedia li a:hover{
	background-image: var(--orange-gradient);
  	-webkit-background-clip: text;
  	color: transparent;
  	transform: translateY(-2px);
}

@media screen and (min-width: 992px){	
	ul.socialmedia{
		justify-content: flex-start;
	}
	ul.socialmedia li a{
		font-size: 24px;
	}
}


/* Components > Slider > Swiper */

.slider{
	position: relative;
}

.swiper:has(.swiper-pagination){
    padding-bottom: 60px;
}
.swiper-pagination {
	bottom: 0;
}
.swiper-pagination-bullet{
	background: #ccc;
	opacity: 1;
}
.swiper-pagination-bullet-active {
	background:var(--bs-dark);
}

.swiper-button-prev,
.swiper-button-next{
	position: absolute;
	width: 45px;
	height: 45px;
    color: transparent;
}

.swiper-button-prev::after {
  content: '';
  position: absolute;
  inset: 0;
  background-image: url("data:image/svg+xml,%3Csvg width='25' height='20' viewBox='0 0 25 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_237_3410)'%3E%3Cpath d='M10.3525 18.8823L1.35254 9.88232' stroke='%231C1C1C' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10.3525 0.882324L1.35254 9.88232' stroke='%231C1C1C' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M24.3525 9.88232L1.35254 9.88232' stroke='%231C1C1C' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_237_3410'%3E%3Crect width='24' height='19' fill='white' transform='translate(24.8525 19.3823) rotate(-180)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 25px 20px;
}

.swiper-button-next::after {
  content: '';
  position: absolute;
  inset: 0;
  background-image: url("data:image/svg+xml,%3Csvg width='25' height='20' viewBox='0 0 25 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_237_3433)'%3E%3Cpath d='M15.4707 0.882324L24.4707 9.88232' stroke='%231C1C1C' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M15.4707 18.8823L24.4707 9.88232' stroke='%231C1C1C' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M1.4707 9.88232H24.4707' stroke='%231C1C1C' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_237_3433'%3E%3Crect width='24' height='19' fill='white' transform='translate(0.970703 0.382324)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 25px 20px;
}


.swiper-button-next.top{
	top: -50px;
}

/* Circle arrows */

.circle.swiper-button-prev,
.circle.swiper-button-next{
	width: 52px;
	height: 52px;
}
.circle.swiper-button-next,
.circle.swiper-button-prev{
	background-color: rgba(255, 255, 255, 0.7);
	border: none;
	border-radius: 50%;
}
.circle.swiper-button-next:hover,
.circle.swiper-button-prev:hover{
	background-color: rgba(255, 255, 255, 0.8);
}

.swiper-button-prev, .swiper-button-next{ color: var(--bs-dark); }
.swiper-button-prev:hover, .swiper-button-next:hover{ color:#EA856E; }


.slider:has(.arrows.bottom){
	padding-bottom: 60px;
}
.arrows.bottom .circle.swiper-button-next,
.arrows.bottom .circle.swiper-button-prev{
	top: auto;
	bottom: 0;
}
.arrows.bottom .circle.swiper-button-prev {
	right: 75px;
	left: auto;
}

.slider:has(.arrows.bottom) .swiper-pagination{
	width: 50%;
	text-align: left;
}

@media screen and (min-width: 992px){
	.slider:has(.arrows.bottom){
		padding-bottom: 80px;
	}
}


.swiper-pagination.left.square {
    left: 20px;
    right: auto;
    bottom: 120px;
    text-align: left;
    width: fit-content;
}

.swiper-pagination.left.square .swiper-pagination-bullet{
	background: #D5D5D5;
	width: 22px;
	height: 3px;
	border-radius: 2px;
	opacity: 0.5;
}
.swiper-pagination.left.square .swiper-pagination-bullet-active{
	background: #fff;
	opacity: 1;
}

@media screen and (min-width: 992px){
	.swiper-pagination.left.square {
	    left: 70px;
	}
}

/* Components > Tab Menu */

.module-tabs .tabs ul.nav {
    margin: 0 -15px;
    padding: 0 15px;
    white-space: nowrap;
    overflow: auto;
    display: flex;
    justify-content: flex-start;
    gap: 20px;
}
.module-tabs .tabs ul.nav li a {
    display: block;
    padding: 10px 12px;
    position: relative;         
    text-align: center;
    font-weight: 600;
    opacity: 0.75;
    transition: all 0.3s;
}
.module-tabs .tabs ul.nav li a:after{
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	border: solid 1px transparent;
	border-radius: 32px;  
	transition: all 0.3s;
	}

.module-tabs .tabs ul.nav li a.active .text,
.module-tabs .tabs ul.nav li a:hover .text{
		background-image: var(--orange-gradient);
  	-webkit-background-clip: text;
  	color: transparent;
  	opacity: 1;
  	position: relative;
  	z-index: 1;
}

.module-tabs .tabs ul.nav li a.active:after,
.module-tabs .tabs ul.nav li a:hover:after{
		background: linear-gradient(var(--bs-light), var(--bs-light)) padding-box, var(--orange-gradient) border-box;
}


.module-tabs .tabs ul.nav li {
  flex: 1 1 auto;      
   max-width: 300px;  
}

.module-tabs .tabs.fixed{
	position: fixed;
	top: 70px;
	width: 100%;
	z-index: 1;
	box-shadow: 0px 5px 5px 0 rgb(0 0 0 / 0.05);
}


/* Components > Title */

.title{
	position: relative;
	margin-bottom: 30px;
}

.title h1,
.title h2,
.title h3,
.title h4,
.title h5{
	margin: 0;
}

.title h1{
	font-size: 30px;
	font-weight: 800;
}
.title h2{
	font-size: 36px;
}
.title h3{
	font-size: 32px;
}
.title h4{
	font-size: 22px;
}
.title h5{
	font-size: 20px;
}
.title h6{
	font-size: 18px;
	font-weight: 400;
}
.title span, .text-gradient{
	background-image: var(--orange-gradient);
  	-webkit-background-clip: text;
  	color: transparent;
}
.title p{
	margin: 0;
	margin-top: 12px;
	text-wrap-style: balance;
}
.title .btn{
	margin-top: 12px;
}

.title .subtitle{
	font-weight: 600;
	text-transform: uppercase;
	font-size: 15px;
}

.title .description {
	font-size: 20px;
}
.title.lined{
	padding-bottom: 15px;
	border-bottom: 1px solid #262626;
}
.title.max-width{
	max-width: 700px;
}

.title.max-width-sm{
	max-width: 530px;
}
.title.max-width-lg{
	max-width: 870px;
}

.title p.max-width{
	max-width: 600px;
}
/*
.title.max-width p:not(.description) {
	max-width: 600px;
}*/

.title.max-width.text-center p {
	margin-left: auto;
	margin-right: auto;
}

@media screen and (min-width: 992px){
	.title{
		margin-bottom: 50px;
	}
	.title h1{
		font-size: 82px;
	}
	.title h2{
		font-size: 54px;
	}
	.title h2.small{
		font-size: 48px;
	}
	.title h3{
		font-size: 42px;
	}
	.title h4{
		font-size: 36px;
	}
	.title h5{
		font-size: 27px;
	}
	.title h6{
		font-size: 24px;
	}
	.title p,
	.title .btn {
		margin-top: 24px;
	}

	.title .description {
		font-size: 24px;
		margin-top: 32px;
	}

}

/* Components > Video Player */

.video-player{
	position: relative;
	width: 100%;
	padding: 25% 0;
	background: #000 no-repeat center;
	background-size: cover;
}
.video-player .play{
	display: none;
	position: absolute;
	top: calc(50% - 30px);
	left: calc(50% - 30px);
	width: 60px;
	height: 60px;
	font-size: 24px;
	line-height: 60px;
	text-align: center;
	background: var(--bs-primary);
	color: #fff;
	border-radius: 50%;
	transition: 0.3s all;
	cursor: pointer;
}
.video-player.active .play,
.video-player:hover .play{
	background: var(--bs-primary);
	color: #fff;
}
.video-player .play:hover{
	transform: scale(1.1);
}
.video-player .play i{
	margin-left: 4px;
}

.video-player.allowed{
	cursor: pointer;
}
.video-player.allowed .play{
	display: block;
}
/*@media screen and (min-width: 1200px){

	.video-player .play{
		top: calc(50% - 28px);
		left: calc(50% - 28px);
		width: 56px;
		height: 56px;
		font-size: 24px;
		line-height: 58px;
	}
	.video-player .play i{
		margin-left: 5px;
	}
}*/

/* Components > Pagination */

.pagination {
	justify-content: space-between;
	width: 100%;
	padding: 60px 0 0;
	text-align: center;
}
.pagination .screen-reader-text {
	display: none;
}
.pagination .page-numbers {
	display: inline-block;
	align-content: center;
	width: 38px;
	height: 38px;
	border: solid 1px transparent;
	border-radius: 50%;
}
.pagination .page-numbers:hover{
	color: var(--orange-gradient);
}
.pagination .page-numbers.current{
	background: linear-gradient(#fff, #fff) padding-box, var(--orange-gradient) border-box;
}
.pagination .prev.page-numbers {
	display: none;
}

@media screen and (min-width: 992px) {
	
}


/* Components > Share */

.share  {
	margin: 40px 0;
    padding: 20px 0;
    border-top: solid 1px var(--bs-body-color);
    border-bottom: solid 1px var(--bs-body-color);
}
.share ul {
	display: flex;
	align-items: center;
	margin: 0;
}
.share ul li a{
	display: block;
	padding: 8px;
	font-size: 18px;
}
.share ul li a:hover{
	color: var(--orange-gradient);
}



/* Components > Errors */

.errors {
	text-align: center;
	padding: 30px 0;
}
.errors.error-nologued {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 60dvh;
}

.errors .smile {
	margin: 0;
	font-size: 50px;
	transform: rotate(90deg);
	color: var(--bs-primary);
}
@media screen and (min-width: 992px){
	.errors .smile {
		font-size: 80px;
	}
}


/* Structure */

.section{
	position: relative;
	padding: 40px 0;
}

@media screen and (min-width: 992px){
	.section{
		padding: 80px 0;
	}
}

/* Structure > Header */

.header{
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	min-height: var(--header-min-height);
	background: #fff;
	transition: 0.3s all;
	z-index: 999;
	align-content: center;
}

.header.absolute:not(.fixed){
	position: absolute;	
	background: linear-gradient(180deg, rgba(15, 15, 15, 0.8) 0%, rgba(255, 255, 255, 0) 111.98%);
	background-blend-mode: multiply;
}

.header.absolute:has(li.open-submenu),
.header.absolute.active{
	background: #fff;
}
.header.absolute:not(.fixed):not(.active):not(:has(li.open-submenu)) .menu{
	color: #fff;
}



.header > .container{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.header .logo{
	display: inline-block;
	max-width: 239px;
	margin: 10px 0;
}

.header-fixed .header{
	position: fixed;
	top: 0;
	background: var(--bs-white);
	box-shadow: 0 2px 5px 0 rgba(0,0,0,0.1);
	z-index: 999;
    -webkit-animation: slideInDown 0.3s ease-out;
    -moz-animation: slideInDown 0.3s ease-out;
}

/* Top Menu */
.header .top-menu{
	background: linear-gradient(90deg, #F8CA47 0%, #DD3831 29.81%, #40348D 64.9%, #45ADE9 100%);
	box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.05);
	color: var(--bs-white);
	font-size: 14px;	
}
.header .top-menu ul{
	display: inline-flex;
	justify-content: flex-end;
	align-items: center;
	gap: 20px;
	width: 100%;
	height: 32px;
}

.header .top-menu ul li {
	display: inline-flex;
	gap: 2px;
}
.header .top-menu ul li .icon{
	width: 20px;
	height: 20px;
	background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_2031_1119)'%3E%3Cpath d='M7.0978 11.3955C7.0978 11.3955 7.1206 11.4354 7.13201 11.4525C7.14341 11.4696 7.15481 11.4924 7.16621 11.5152C9.28131 15.2095 12.9357 17.3816 13.6141 16.2471L14.4693 14.6223C14.5377 14.4855 14.5263 14.3144 14.4408 14.1548C14.4408 14.1548 14.4351 14.1491 14.4294 14.1434C14.3097 13.9097 14.2013 13.904 13.5742 13.4878C13.2493 13.2426 12.9072 12.9804 12.6735 12.7808C12.4511 12.587 12.1376 12.5756 11.9551 12.7523L11.6017 13.1001C11.4819 13.2198 11.3166 13.2825 11.1456 13.2825C10.6382 13.2768 9.66899 11.9029 9.12738 11.0591C8.97345 10.8197 8.85373 10.6201 8.78532 10.4947C8.71691 10.375 8.60288 10.164 8.47176 9.9132C8.01567 9.01813 7.32584 7.49024 7.57669 7.05125C7.65651 6.90303 7.79903 6.79471 7.96436 6.7491L8.44325 6.62367C8.6884 6.55526 8.83663 6.27591 8.77962 5.99085C8.72261 5.6944 8.6713 5.26112 8.61999 4.85634C8.58008 4.1095 8.62569 4.01258 8.48886 3.79024V3.77883C8.39765 3.62491 8.26082 3.52799 8.10119 3.51658L6.26544 3.43107C4.94849 3.44817 4.9827 7.70118 7.0978 11.3955Z' stroke='white' stroke-width='0.869565' stroke-miterlimit='10'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2031_1119'%3E%3Crect width='9.70894' height='13.6826' fill='white' transform='translate(5.09088 3.15173)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
.header .top-menu ul li.contact .icon{
	background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.1689 11.6091H4.46179V4.84547C4.46179 4.53547 4.71538 4.28183 5.02533 4.28183H14.6054C14.9154 4.28183 15.1689 4.53547 15.1689 4.84547V11.6091Z' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M15.1689 11.6091H4.46176L3.58265 14.2469C3.45867 14.6133 3.7348 14.9909 4.11801 14.9909H15.5183C15.9015 14.9909 16.172 14.6133 16.0537 14.2469L15.1746 11.6091H15.1689Z' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.97009 13.8636H10.6607' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E ");
}
.header-fixed .header .top-menu{
	display: none;
}

/* Header > Navigation */

.header .nav-menu {
	position: relative;
	float: right;
	width: 35px;
	padding: 15px 0;
	cursor: pointer;
	z-index: 21;
	overflow: hidden;
}
.header .nav-menu .menu-line {
	float: right;
	display: block;
	width: 100%;
	height: 2px;
	margin: 4px 0;
	background: var(--bs-dark);
	transition: 0.3s;
	border-radius: 6px;
}
.header .nav-menu.active .menu-line:nth-child(1) { transform: rotate(45deg); width: 40px; margin-top: 14px; }
.header .nav-menu.active .menu-line:nth-child(3) { transform: rotate(-45deg); width: 40px; margin-top: -16px; }
.header .nav-menu.active .menu-line:nth-child(2) { opacity: 0; }

.header.absolute:not(.fixed):not(.active) .nav-menu .menu-line {
	background: var(--bs-white);
}

.header .navigation {
	display: none;
	position: absolute;
	top: 80px;
	left: 0;
	width: 100%;
	margin: 0;
	text-align: center;
	background: var(--bs-white);
}
.header .navigation.active {
	display: block;
}
.header .navigation .menu {
	position: relative;
}
.header .navigation .menu li a {
	display: block;
	position: relative;
	padding: 10px 12px;
	font-size: 16px;
}

.header .navigation .menu li .sub-menu{
	display: none;
	margin: 0;
	padding: 0;
	list-style: none;
}
.header .navigation .menu li.open-submenu > ul{
	display: block;
}


/* Menu Brands */
.header .navigation .menu li.menu-brands .sub-menu img {
	height: 180px;
	aspect-ratio: 1.55 / 1;
	object-fit: contain;
	padding: 30px 20px;
	transition: all 0.3s ease;
}
.header .navigation .menu li.menu-brands .sub-menu img:hover {
	filter: drop-shadow(0px 4px 14px rgba(0, 0, 0, 0.12));
	transform: scale(1.03) rotate(-1deg);
}

.header .navigation .menu li.menu-brands .sub-menu .submenu-cta a{
	display: inline !important;
	text-decoration: underline;
	padding: 0;
	margin: 0;
}


@media screen and (min-width: 1200px) {

	.header .nav-menu {
		display: none;
	}

	.header .navigation{
		display: flex;
		align-items: center;
		position: relative;
		top: auto;
		left: auto;
		width: auto;
		background: transparent;
	}
	.header .navigation ul,
	.header .navigation ul li {
		display: inline-flex;
		vertical-align: middle;
	}
	.header .navigation ul{
		margin: 0;
		gap: 32px;
	}

	.header .navigation .menu {
		
	}

	.header .navigation .menu li a {
		padding: 20px 0;
	}

	.header .navigation .menu li a {
		font-size: 16px;
	}

	.header .navigation .menu li a {
		text-align: left;
	}



	/* Hover */
	.header .navigation .menu > li > a:before {
		content: '';	
	    height: 1px;
	    background: linear-gradient(90deg, #F8CA47 -50%, #DD3831 150%);
	    position: absolute;
	    bottom: 13px;
	    width: 0;
	    left: 50%;
	    transition: all 0.3s;
	}
	.header .navigation .menu > li.current-menu-item > a:before,
	.header .navigation .menu > li > a:hover:before{
		width: 100%;
	    left: 0%;
	}

	.header .navigation .menu > li.current-menu-item > a,
	.header .navigation .menu > li > a:hover{
		background: linear-gradient(90deg, #F8CA47 -50%, #DD3831 150%);
  		-webkit-background-clip: text;
  		color: transparent;
	}

	/* Submenu */
	.header .navigation .menu li .sub-menu{
		display: none;
		position: absolute;
		top: 73px;
		left: 0;
		width: 200px;
		padding: 0 12px 16px;
		background: var(--bs-white);
		color: var(--bs-body-color);
		animation: dropDown 300ms ease-in-out forwards;
    transform-origin: top center;
    border-bottom: solid 1px var(--bs-body-color);
	}
	.header .navigation ul li:hover > .sub-menu{
		display: block;
	}
	.header .navigation .menu li .sub-menu li ul{
		top: 0;
		left: 150px;
		width: 200px;
	}
	.header .navigation .menu li .sub-menu li ul ul{
		left: 200px;
	}

	/* Sub Menu Brands */
	.header .navigation .menu li.menu-brands:hover .sub-menu{
		position: fixed;
		width: 100vw;
		left: 0;
		top: 100px;
	}


	.header .navigation .menu li.menu-brands .sub-menu .items {
		display: flex;
		justify-content: space-between;
	}


	.header.fixed .navigation .menu li.menu-brands .sub-menu{
		top: var(--header-fixed-min-height);
	}
}

@media screen and (max-width: 1199px){
	.header .navigation{
		box-shadow: 0 2px 5px 0 rgba(0,0,0,0.1);
	}
	.header .navigation .menu li.current-menu-item a,
	.header .navigation .menu li a:hover{
		background: var(--bs-dark);
		color: var(--bs-white);
	}

	.header .navigation ul li.open-submenu > ul{
		background: rgba(0,0,0,0.05);
	}
	.header .navigation ul li ul li a{
		padding-top: 6px;
		padding-bottom: 6px;
		font-size: 16px;
	}
	.header .top-menu{
		display: none;
	}

	.header .navigation .menu li.menu-brands .sub-menu img {
		height: 80px;
		padding: 0;
	}

	.header .navigation .menu li.menu-brands .sub-menu .submenu-cta {
		display: none;
	}
}




/*
	Modules
*/

/* Module > Presentation */

.presentation .swiper {
	padding-bottom: 0;
}
.presentation .slider .slide{
	display: flex;
	align-items: center;
	height: 100dvh;
	min-height: 600px;
	padding: 80px 0 30px 0;
	background:  #eee no-repeat bottom;
	background-size: cover;
}

.presentation .title {
	max-width: 680px;
	color: var(--bs-white);
}

.presentation .title p {
	max-width: 600px;
	text-wrap-style: balance;
}

.presentation .arrow-down{
	display: block;
	position: absolute;
	left: 20px;
	bottom: 10px;
	width: 46px;
	height: 45px;
	background-image: url("data:image/svg+xml,%3Csvg width='46' height='45' viewBox='0 0 46 45' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_2011_125)'%3E%3Cpath d='M36.5 26.25L23 39.75' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.5 26.25L23 39.75' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M23 5.25L23 39.75' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2011_125'%3E%3Crect width='36' height='28.5' fill='white' transform='translate(37.25 4.5) rotate(90)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
	background-size: contain;
	animation: bounce 3s infinite;
	z-index: 3;
}

.presentation .arrows button{
	filter: brightness(0) invert(1);
}

.presentation video{
	position: absolute;
	top: 0;
	left: 0;
	object-fit: cover;
	height: 100%;
	width: 100%;
}

@media screen and (min-width: 992px) {
	.presentation .slider .slide{
		max-height: 855px;
		padding: 150px 0 50px 0;
	}

    .presentation .title p:not(.subtitle){
    	font-size: 24px;
    }
	.presentation .arrow-down{
		bottom: 30px;
		left: 70px;
	}
}


/* Modules > Banner */

.banner{
	position: relative;
	display: flex;
	align-items: center;
	background: var(--bs-dark) no-repeat bottom center;
	background-size: cover;	
	padding: 50px 0;
	min-height: 350px;
	overflow: hidden;
	height: calc(100dvh - var(--header-min-height));
}

.banner .title{
	position: relative;
	max-width: 650px;
	margin: 0;
	color: var(--bs-white);
	z-index: 2;
}

.banner .arrow-down{
    display: block;
    position: absolute;
    left: calc(50% - 10px);
    bottom: 5%;
    width: 45px;
    height: 25px;
    background: url('assets/img/icons/icon-arrow-down.svg') no-repeat center;
    background-size: contain;
    animation: bounce 3s infinite;
}

@media screen and (min-width: 992px){
	.banner{
		min-height: 400px;
	}

	.banner .title p:not(.subtitle) {
    	font-size: 21px;
    }
}

/* Module > CTA */

.module-cta{
	display: flex;
	align-items: center;
	background: var(--bs-dark) no-repeat center;
	background-size: cover;	
	padding: 50px 0;
	height: 90vh;
}

/* Module Image Text */
.module-img-txt .title p {
	max-width: 600px;
}

/* Modules > Accordion */

.module-accordion .items .item{
	position: relative;
	margin-bottom: 3px;
	border-bottom: solid 1px var(--bs-primary);
	padding: 20px 0;
}

.module-accordion .items .item .question{
	position: relative;
	display: block;
	font-size: 18px;
	font-weight: 600;
	padding-right: 50px;

}
.module-accordion .items .item .question:after {
    content: '+';
    position: absolute;
    top: calc(50% - 10px);
    right: 0px;
    width: 20px;
    height: 20px;
    line-height: 20px;
}
.module-accordion .items .item .question[aria-expanded="true"]{
	
}
.module-accordion .items .item .question[aria-expanded="true"]:after{
	content: '-';
}

.module-accordion .items .item .answer{
	margin-top: 15px;
}

.module-accordion .items .item .answer a {
	text-decoration: underline;
}

.module-accordion .items .item .answer a:hover {
	color: var(--bs-primary);
}

.module-accordion .items .item .answer .data {
	max-width: 980px;
}

@media screen and (min-width: 992px) {
	.module-accordion .items .item .question:after {
		right: 20px;
	}
}

/* Module > Clients */

.module-clients .swiper .swiper-slide article{
    display: flex;
    align-items: center;
    justify-content: center;
}
.module-clients .swiper .swiper-slide article img {
	aspect-ratio: 1 / 1;
	object-fit: contain;
}

.module-clients .swiper-wrapper {
  -webkit-transition-timing-function: linear !important;
  -o-transition-timing-function: linear !important;
  transition-timing-function: linear !important;
  align-items: center;
}

/* Module > Contact */

.module-contact{
	
}




/* Modules > Filter */



/* Module Brands */
.module-brands .mercadolibre .logo {
	transition: all 0.3s;
}
.module-brands .mercadolibre .logo:hover{
	transform: scale(1.05);
}

.module-brands .mercadolibre .btn-shop {
	display: inline-flex;
	align-items: center;
	gap: 5px;
}
.module-brands .mercadolibre .btn-shop i{
	content: '';
	width: 20px;
	height: 21px;
	background-image: url("data:image/svg+xml,%3Csvg width='20' height='21' viewBox='0 0 20 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_274_4747)'%3E%3Cpath d='M4.36382 5.44471H18.1387L15.2613 13.6619C15.1541 13.9798 14.8633 14.1864 14.5419 14.1864H5.80253C5.41989 14.1864 5.09083 13.8844 5.04491 13.4871L3.59855 1.47119H0.537476' stroke='%231C1C1C' stroke-width='1.46563' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M14.3123 19.7496C15.1576 19.7496 15.8428 19.038 15.8428 18.1602C15.8428 17.2824 15.1576 16.5708 14.3123 16.5708C13.467 16.5708 12.7817 17.2824 12.7817 18.1602C12.7817 19.038 13.467 19.7496 14.3123 19.7496Z' stroke='%231C1C1C' stroke-width='1.46563' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5.89431 19.7496C6.7396 19.7496 7.42485 19.038 7.42485 18.1602C7.42485 17.2824 6.7396 16.5708 5.89431 16.5708C5.04901 16.5708 4.36377 17.2824 4.36377 18.1602C4.36377 19.038 5.04901 19.7496 5.89431 19.7496Z' stroke='%231C1C1C' stroke-width='1.46563' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_274_4747'%3E%3Crect width='19.4195' height='19.4195' fill='white' transform='translate(0.537476 0.717285)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
	margin-right: 0;
}
.module-brands .mercadolibre .btn-shop i:before{
	content: none;
}

.module-brands .items article .logo {
	aspect-ratio: 1 / 1;
	border-radius: 12px;
	transition: all 0.3s;
	align-content: center;
}
.module-brands .items .logo img {
	height: 180px;
	object-fit: contain;
	padding: 0 20px;
}

.module-brands .items article:hover .logo{
	box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.12);	
}


/*
	Pages
*/


/* Page > Home */

.page.home .sales .card{
	height: 100%;
}


.page.home .locations .images-parallax .image-1{
	max-width: 60%;
}
.page.home .locations .images-parallax .image.bottom {
	left: 40%;
}


/* Page > About */
.page.about .about .images-parallax .image.bottom:not(.left){
	left: auto;
	right: 0;
}

.page.about .values .items article{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	padding: 30px 24px 60px;
	gap: 12px;
	height: 330px;
	background: linear-gradient(45deg, #C93944, #5D3982);
	border-radius: 12px;
}

.page.about .proposal .title ul {
	list-style: none;
	padding: 0;
	margin-top: 24px;
}
.page.about .proposal .title li {
    position: relative;
    padding-left: 32px; 
    margin-bottom: 16px;
}
.page.about .proposal .title li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 25px;
    height: 25px;
    background-image: url("data:image/svg+xml,%3Csvg width='25' height='25' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_2011_2369)'%3E%3Cpath d='M12.5625 24C18.9138 24 24.0625 18.8513 24.0625 12.5C24.0625 6.14873 18.9138 1 12.5625 1C6.21123 1 1.0625 6.14873 1.0625 12.5C1.0625 18.8513 6.21123 24 12.5625 24Z' stroke='%23EB843C' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M19.0625 8L11.0625 17' stroke='%23EB843C' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6.0625 13L11.0625 17' stroke='%23EB843C' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2011_2369'%3E%3Crect width='24' height='24' fill='white' transform='translate(0.5625 0.5)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    background-size: contain;
    background-repeat: no-repeat;
}

/* Page > Retailer */
.page.retailer .join-us .items .card {
	height: 410px;
	justify-content: center;
}

.page.retailer .join-us .items .card a{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


/* Page > Services */
.swiper-slide {
    width: fit-content;
 }

.page.services .products .swiper-slide .image{
	height: 280px;
	display: flex;
	align-items: flex-end;
}
.page.services .products .swiper-slide .image img{
	max-height: 100%;
	object-fit: contain;
}

.page.services .benefits .card{
	min-height: 210px;
	padding: 24px 14px;
	justify-content: center;
}

.page.services .benefits .card h3{
	font-size: 18px;
	font-weight: 600;
}

@media screen and (min-width: 992px){
	.page.services .benefits .card{
		min-height: 248px;
		padding: 32px 24px;
	}
	.page.services .benefits .card h3{
		font-size: 21px;
	}
}

/* Pages > Contact */

.page.contact #map{
	position: relative;
	background-color: #eee;
	width: 100%;
	height: 400px;
}
.page.contact .map .maparea{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.page.contact .vias li{
	font-size: 16px;
	padding: 12px 0;
}

@media screen and (min-width: 992px){
	.page.contact #map{
		height: 700px;
	}
}


/* Page > Products */
.page.products .banner-brand{
	height: 90dvh;
}

.page.products .searcher h4{
	font-size: 18px;
	font-weight: 400;
}
.page.products .searcher .filter {
	border-top: solid 1px #1C1C1C;
	border-bottom: solid 1px #1C1C1C;
	padding: 32px 0;
	margin-top: 48px;
}

.page.products .filter-form {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
}

.page.products .filter-form .select-group{
	margin: 5px 0;
}

@media screen and (min-width: 992px){
	.page.products .filter-form {
		flex-direction: row;
	}

	.page.products .filter-form .select-group{
		margin-left: 10px;
		margin-bottom: 0;
	}
}
.page.products .filter .select{
	border: solid 1px transparent;
	background: linear-gradient(#fff, #fff) padding-box, var(--orange-gradient) border-box;
	font-size: 16px;
	cursor: pointer;
	min-width: 150px;
	padding: 8px 24px;
	text-align: center;	
	position: relative;
	border-radius: 30px;
}

.page.products .filter .select:after{
	content: '';
	width: 16px;
	height: 10px;
	display: inline-block;
	background-image: url("data:image/svg+xml,%3Csvg width='16' height='10' viewBox='0 0 16 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.615572 1.23193L7.9329 8.94403L15.1313 1.12085' stroke='%231C1C1C' stroke-width='1.09397' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E ");
	background-size: contain;
	margin-left: 10px;
	transition: transform 0.3s;
}

.page.products .filter .select:hover{
	background: var(--orange-gradient);
	color: #fff;
	border: transparent;
}

.page.products .filter .select:hover:after {
	filter: invert(1) brightness(5);
}

.page.products .filter .select.active:after {
	transform: rotate(-90deg);
}

.page.products .filter .options {
	background: #F3F3F3;
	padding: 10px 24px;
	position: relative;
	z-index: 5;
    display: none; 
    width: 100%;
    max-height: 360px;
    overflow-y: auto;
}

.page.products .filter .options label {
	display: block;	
	cursor: pointer;
}
.page.products .filter input[type="checkbox"], .page.products .filter input[type="radio"] {
	border-radius: 0;
	border: solid 1px #111619;
	width: 18px;
    height: 18px;
    margin-top: 0;
    background: transparent;
    display: none;
}

.page.products .filter .form-check-input:checked[type=checkbox] {
	background: transparent;
    background: url('assets/img/icons/icon-checkbox.svg') no-repeat center;
}

.page.products .filter .form-check:has(input:checked) label{
	color: #E67B3F;
	font-weight: bold;
}

.page.products .filter .form-check-input:focus {
	box-shadow: none;
}

.page.products .filter .options .form-check {
	display: block;
	border-bottom: solid 1px #5F6966;
	color: #5F6966;
	padding: 8px 0px;
}

.page.products .filter .options .form-check.is-disabled{
	display: none;
}
.page.products .filter .options .form-check:hover{
	color: #E67B3F;
}

.page.products .filter .options .form-check.is-disabled:hover{
	color: #5F6966;
}

.page.products .filter .options .form-check:last-child{
	border-bottom: none;
}

@media screen and (min-width: 992px){
	.page.products .filter .options{
		position: absolute;
		width: 258px;
	}
}


.page.products .applied-filter{
	display: inline-block;    
    font-size: 14px;
    padding: 5px 30px 5px 15px;
    margin: 0 10px;
    position: relative;
}

.page.products .applied-filter .remove-filter, 
.page.products .applied-filter .remove-keyword-filter{
	position: absolute;
	right: 5px;
	top: 7px;
	font-size: 12px;
	cursor: pointer;
}

/* Pages > Thanks */

.page.page-thanks .content{
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	min-height: 80vh;
}

/* Pages > Internal */

.page.internal .content article {
	max-width: 770px;
	margin-left: auto;
	margin-right: auto;
}

/* Pages > Page 404 */

.page.page-404 .content,
.page.page-maintenance .content{
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	min-height: 80vh;
}

.page.page-maintenance .content{
	min-height: 100vh;
}

/*
	CPT Feed
*/

/* Feed > General */

.feed article{
	position: relative;
}
.feed article a{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
}
.feed article .thumbnail{
	display: block;
	aspect-ratio: 1.6 / 1;
	width: 100%;
	height: 100%;
	background-color: #fff;
	overflow: hidden;
}
.feed article .thumbnail img{
	aspect-ratio: 1.6 / 1;
	object-fit: cover;
	width: 100%;
	transition: 0.3s all;
}
.feed article:hover .thumbnail img{
    transform: scale(1.03);
}




/* Feed > Product */
.feed-products article .thumbnail {
	border-radius: 12px;
	transition: all 0.3s ease;
	padding: 30px;
	margin-bottom: 16px;
}
.feed-products article .thumbnail,
.feed-products article .thumbnail img{
	aspect-ratio: 0.78 / 1;
	object-fit: contain;
}

.feed-products article:not(:has(img)) .thumbnail {
  background: var(--bs-light);
}
.feed-products article .thumbnail img {
		padding: 30px;
}
.feed-products article .data h2{
	margin: 0 0 15px;
}
.feed-products article .data .brand{
	text-transform: uppercase;
	font-size: 14px;
}

.feed-products article:hover .thumbnail{
	box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.12);
}

/* Single > Products */
.single.products .info-card .title h1{
	font-size: 36px;
}
.single.products .info-card .rating {
	display: flex;
	gap: 10px;
}
.single.products .info-card .rating .star{
	-webkit-text-stroke: 1px #EFEFEF;
	color:  #FFF;
	font-size: 26px;
}

.single.products .info-card .rating .star.full{
	-webkit-text-stroke : 1px  #F8CA47;
	color:  #F8CA47;
}

.single.products .info-card .title .description p{
	border-top: solid 1px var(--bs-body-color);
	border-bottom: solid 1px var(--bs-body-color);
	font-size: 18px;
	padding: 20px 0;
	margin: 0;
}

.single.products .info-card .data{
	max-width: 620px;
}

.single.products .info-card .slider{
	box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.12);
	border-radius: 12px;
	padding: 10px;
	aspect-ratio: 1 / 1;
	max-width: 560px;
	margin-left: 0;
}
.single.products .info-card .slider .image {
	padding: 20px;
}
.single.products .info-card .slider .image img{
	aspect-ratio: 1 / 1;
	object-fit: contain;
}
.single.products .info-card .slider .zoom {
	position: absolute;
	right: 20px;
	top: 20px;
	transition: all 0.3s;
}
.single.products .info-card .slider .zoom:hover{
	transform: scale(1.1);
}


.single.products .info-card .stock p{
	font-size: 16px;
}

.single.products .module-tabs .tab-features ul li{
	border-bottom: solid 1px var(--bs-body-color);
	padding: 20px 0;
	display: flex;
}
.single.products .module-tabs .tab-features ul li span{
	font-weight: 600;
	min-width: 30%;
}

.single.products .module-tabs .tab-pane{
	padding-top: 35px;
}

@media screen and (min-width: 992px){
	.single.products .module-tabs .tab-features ul{
		column-count: 2;
	}
}

.single.products .module-cta{
	max-height: 600px;
}


/* Fancybox */
.fancybox__backdrop {
	background: #fff;
}

/* Structure > Footer */

.footer a:hover{
	background-image: var(--orange-gradient);
  	-webkit-background-clip: text;
  	color: transparent;
}

.footer .widgets{
	padding: 50px 0;
	text-align: center;
	font-size: 14px;
}
.footer .widgets .logo{
	display: block;
	width: 239px;
	margin: 0 auto 30px;
}

.footer .widgets .logo-anmat{
	width: 224px;
	margin-top: 80px !important;
}

.footer .widgets .socialmedia {
	margin-top: 40px;
}

.footer .widgets .menu{
	margin: 0 0 30px;
}
.footer .widgets .menu li a{
	display: block;
	padding: 3px;
	font-weight: 700;
}


.footer .copyright {
	border-top: solid 1px #fff;
	padding-top: 32px;
	margin-top: 32px;
}
.footer .copyright p{
	margin: 0;
}

.footer .legal {
	display: inline-flex;
	align-items: center;
	gap: 4px;
}

.legal li:not(:last-child)::after {
  content: "; ";
}

@media screen and (min-width: 992px){
	.footer .widgets{
		padding: 80px 0;
		text-align: left;
	}
	.footer .widgets .logo{
		margin: 0;
	}

	.footer .widgets .menu {
		column-count: 2;
	}
	
}

/*
.logo img {
  -webkit-mask-image: linear-gradient(20deg,#000 25%,rgba(0,0,0,.2) 50%,#000 75%);
  mask-image: linear-gradient(20deg,#000 25%,rgba(0,0,0,.2) 50%,#000 75%);
  -webkit-mask-size: 800%;
  mask-size: 800%;
  -webkit-mask-position: 120%; 
  mask-position: 120%;
}

.logo img:hover {
  transition: mask-position 1s ease, 
  -webkit-mask-position 1s ease;
  -webkit-mask-position: 0; 
  mask-position: 0;
  opacity: 1;
}*/


/***/