html {
	cursor: default;
	overflow-x: hidden;
	max-width: 100%;
}

.seccion-contador {
	margin-top: -3px;
}

@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.1/font/bootstrap-icons.css");
/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on October 2, 2023 */


@font-face {
	font-family: 'kanitbold';
	src: url('../fonts/kanit-bold-webfont.woff2') format('woff2'),
		url('../fonts/kanit-bold-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;

}



@font-face {
	font-family: 'kanititalic';
	src: url('../fonts/kanit-italic-webfont.woff2') format('woff2'),
		url('../fonts/kanit-italic-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;

}




@font-face {
	font-family: 'kanitlight';
	src: url('../fonts/kanit-light-webfont.woff2') format('woff2'),
		url('../fonts/kanit-light-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;

}




@font-face {
	font-family: 'kanitmedium';
	src: url('../fonts/kanit-medium-webfont.woff2') format('woff2'),
		url('../fonts/kanit-medium-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;

}




@font-face {
	font-family: 'kanitextrabold';
	src: url('../fonts/kanit-extrabold-webfont.woff2') format('woff2'),
		url('../fonts/kanit-extrabold-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;

}

/* Estilos de textos */

body {
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
}

h1 {
	font-family: 'kanitbold';
	font-size: 2em;
}

h2 {
	font-family: 'kanitmedium';
	font-size: 1.4em;
}

h3 {
	font-family: 'kanitbold';
	font-size: 1.3em;
}

h4 {
	font-family: 'kanitlight';
	font-size: 1.2em;
}

h5 {
	font-family: 'kanitmedium';
	font-size: 1.2em;
}


p {
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
	line-height: 1.6em;
}

.titulo-movil {
	font-size: 2em;
}


.nav-link {
	font-family: 'Montserrat', sans-serif;
	border-radius: 10px;
	background: rgba(240, 240, 240, 0);
	font-weight: 400;
	font-size: 1em;
	padding: 8px 10px;
	color: black;
	-webkit-transition: all 300ms ease;
	display: block;
}

.social-media img { 
	filter: grayscale(1);
	opacity: 0.7;
	-webkit-transition: all ease 300ms;
	border-radius: 50%;
	box-shadow: 0px 0px 4px rgba(0,0,0,0);

}

.social-media img:hover {
	filter: grayscale(0);
	opacity: 1;
	box-shadow: 0px 10px 12px rgba(0,0,0,0.2);
}

.menu-principal {
	font-size: 0.8em;
	line-height: 0.8em;
}

.menu-principal p {
	margin-bottom: 4px;
}

.menu-principal a {
	color: rgba(255, 90, 0, 1);
	font-size: 0.8em;
	font-weight: 700;
	text-decoration: none;
	background: rgba(235, 235, 235, 1);
	display: inline-block;
	border-radius: 16px;
	padding: 8px 16px;
	-webkit-transition: all ease 200ms;
}

.menu-principal a:hover {
	background: rgba(220, 220, 220, 1);
}

.menu-principal li {
	margin-bottom: 16px;
}

.menu-principal-empresa a {
	display: block;
}

.menu-principal-inicio a {
	color: rgba(100, 100, 100, 1);
	font-size: 0.9em;
	font-weight: 400;
	text-decoration: none;
	background: rgba(235, 235, 235, 1);
	border-radius: 30px !important;
	padding: 6px 20px;
	-webkit-transition: all ease 300ms;
}

.menu-principal-inicio a:hover {
	color: rgba(100, 100, 100, 1);
	background: rgba(230, 230, 230, 1);
}

.menu-principal-inicio li:last-child a {
	color: rg(100, 100, 100, 1);
	font-size: 0.9em;
	font-weight: 400;
	text-decoration: none;
	border-radius: 8px !important;
	padding: 6px !important;
	background: rgba(235, 235, 235, 0);
	-webkit-transition: all ease 300ms;
}

.menu-principal-inicio li:last-child a:hover {
	color: rgba(100, 100, 100, 1);
	background: rgba(230, 230, 230, 0);
}

.menu-principal-footer li {
	margin-bottom: 10px;
	margin-left: -10px;

}

.menu-principal-footer a {
	color: rgba(100, 100, 100, 1);
	font-size: 0.8em;
	font-weight: 500;
	text-decoration: none;
	background: rgba(235, 235, 235, 0);
	border-radius: 30px !important;
	padding: 3px 10px;
	-webkit-transition: all ease 200ms;
}

.menu-principal-footer a:hover {
	color: rgba(100, 100, 100, 1);
	background: rgba(230, 230, 230, 1);
}




/* estilos de color */

.c-blanco {
	color: rgba(255, 255, 255, 1);
}

.c-naranja {
	color: rgba(255, 90, 0, 1);
}

.c-azul {
	color: rgba(14, 1, 105, 1);
}

.c-azul-02 {
	color: rgba(31, 116, 183, 1);
}

.c-negro {
	color: rgba(0, 0, 0, 1);
}

.c-rojo {
	color: rgb(255, 0, 0);
}

.bgm-naranja {
	background-color: rgba(255, 90, 0, 1);
}

.bgm-azul {
	background-color: rgba(14, 1, 105, 1) !important;
}

.bgm-gris {
	background-color: rgba(245, 245, 245, 1);
}

.bgm-verde {
	background-color: rgba(150, 192, 84, 1);
}

.bgm-clientes {
	background: url(../img-kigo/bg-01-a.jpg) bottom;
	background-size: cover;
}

.bgm-kigo-01 {
	background: url(../img-kigo/bg-03.jpg) top left;
	background-size: cover;
}

.img-hover-shadow {
	box-shadow: 0 0 0 rgba(0, 0, 0, 0);
	-webkit-transition: all ease 300ms;
}

.img-hover-shadow:hover {
	box-shadow: 0 5px 20px rgba(0, 0, 0, 0.3);
}


.btn-whatsapp {
	background: rgba(150, 192, 84, 1);
	color: rgba(255, 255, 255, 1);
	box-shadow: 0 0 0 rgba(100, 100, 100, 0);
	padding: 5px 10px;
	border-radius: 30px !important;
}


.btn-kigo {
	background: rgba(245, 110, 32, 1);
	color: rgba(255, 255, 255, 1);
	box-shadow: 0 0 0 rgba(100, 100, 100, 0);
	padding: 5px 20px;
	border-radius: 10px !important;
}

.btn-kigo:hover {
	background-color: rgba(210, 80, 0, 1);
	color: rgba(255, 255, 255, 1);
}

.btn-round {
	border-radius: 10px !important;
}

.hs-error-msgs label {
	color: black !important;
}


/* Estilos de bootstrap */

.carousel-control.right {
	background-image: none;
}

.carousel-control.left {
	background-image: none;
}






/* Portrait and Landscape */
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) {}