*{
	margin: 0px;
	border: 0px;
	padding: 0px;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;

	-webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
	user-select: none;
	
	-webkit-outline: none;
	-moz-outline: none;
	-ms-outline: none;
	-o-outline: none;
	outline: none;

	-webkit-tap-highlight-color: transparent;
	-moz-tap-highlight-color: transparent;
	-ms-tap-highlight-color: transparent;
	-o-tap-highlight-color: transparent;
}

p, b, i, u, s, a, li, pre, span, label, input, textarea, select{
	color: #333333;
	font-size: 12px;
	font-family: Poppins, Arial;
	font-weight: normal;

	text-decoration: none;
}

a:visited, a:active{ color: #333333; }
h1, h2{ display: none; }

.capitalize{ text-transform: capitalize; }
.lowercase{ text-transform: lowercase; }

.outer_section{
	margin: auto;
	width: 100%;
	height: auto;
}



.outer_section .inner_section{
	margin: auto;
	width: 100%;
	max-width: 90%;
	height: auto;
}

.outer_section .inner_section .section_container{
	margin: auto;
	width: 100%;
	height: auto;
}

.section_table{
	margin: auto;
	width: 100%;
	height: auto;

	display: table;
	border-collapse: collapse;
}

.section_table.st_fixed{ table-layout: fixed; }
.section_table.st_full{ height: 100%; }

.section_table .section_row{ display: table-row; }
.section_table .section_cell{ display: table-cell; vertical-align: middle; }

.section_table .section_cell.sc_ta_left, 	.ta_left{ 	text-align: left; }
.section_table .section_cell.sc_ta_center, 	.ta_center{ text-align: center; }
.section_table .section_cell.sc_ta_right, 	.ta_right{ 	text-align: right; }
.section_table .section_cell.sc_va_top, 	.va_top{ 	vertical-align: top; }
.section_table .section_cell.sc_va_middle, 	.va_middle{ vertical-align: middle; }
.section_table .section_cell.sc_va_bottom, 	.va_bottom{ vertical-align: bottom; }

.section_table .section_cell.st_content{ height: 100%; }

.section_title{
	margin: 10px 0px 5px 0px;
	width: 100%;

	font-size: 30px;
	font-weight: bold;
}

.section_description{
	margin: 0px 0px 10px 0px;
	width: 100%;

	font-size: 16px;
}

@media only screen and (max-width: 600px) {
	.section_title{ font-size: 22px; }
}

.box_filter{
	width: 100%;
	height: 100%;

	background-color: rgba(1,1,1, 0.5);

	position: absolute;
	top: 0px;
	left: 0px;
}

/* ----------------------------------------------------------- */ /* generic colors */
.cl_white, .cl_white:visited, .cl_white:active{ 					color: #ffffff; }
.cl_green, .cl_green:visited, .cl_green:active{ 					color: #3dbd83; }
.cl_light_green, .cl_light_green:visited, .cl_light_green:active{ 	color: #e4ffe9; }
.cl_blue, .cl_blue:visited, .cl_blue:active{ 						color: #3da8bd; }
.cl_light_blue, .cl_light_blue:visited, .cl_light_blue:active{ 		color: #e4f6ff; }
.cl_grey, .cl_grey:visited, .cl_grey:active{ 						color: #737373; }
.cl_light_grey, .cl_light_grey:visited, .cl_light_grey:active{ 		color: #c3c3c3; }
.cl_yellow, .cl_yellow:visited, .cl_yellow:active{ 					color: #f5de3f; }
.cl_red, .cl_red:visited, .cl_red:active{ 							color: #ff5f5f; }
.cl_light_red, .cl_light_red:visited, .cl_light_red:active{ 		color: #ffeeee; }

.br_white{ 			border: 1px solid #ffffff; }
.br_green{ 			border: 1px solid #3dbd83; }
.br_light_green{ 	border: 1px solid #e4ffe9; }
.br_blue{ 			border: 1px solid #3da8bd; }
.br_light_blue{ 	border: 1px solid #e4f6ff; }
.br_grey{ 			border: 1px solid #737373; }
.br_light_grey{ 	border: 1px solid #c3c3c3; }
.br_yellow{ 		border: 1px solid #f5de3f; }
.br_red{ 			border: 1px solid #ff5f5f; }
.br_light_red{ 		border: 1px solid #ffeeee; }

.br_white.br_hover:hover,
.br_green.br_hover:hover,
.br_light_green.br_hover:hover,
.br_blue.br_hover:hover,
.br_light_blue.br_hover:hover,
.br_grey.br_hover:hover,
.br_light_grey.br_hover:hover,
.br_yellow.br_hover:hover,
.br_red.br_hover:hover,
.br_light_red.br_hover:hover{ opacity: 0.8; }

.bg_white{ 			background-color: #ffffff; }
.bg_green{ 			background-color: #3dbd83; }
.bg_light_green{ 	background-color: #e4ffe9; }
.bg_blue{ 			background-color: #3da8bd; }
.bg_light_blue{ 	background-color: #e4f6ff; }
.bg_grey{ 			background-color: #737373; }
.bg_light_grey{ 	background-color: #c3c3c3; }
.bg_yellow{ 		background-color: #f5de3f; }
.bg_red{ 			background-color: #ff5f5f; }
.bg_light_red{ 		background-color: #ffeeee; }

.bg_white.bg_hover:hover,
.bg_green.bg_hover:hover,
.bg_light_green.bg_hover:hover,
.bg_blue.bg_hover:hover,
.bg_light_blue.bg_hover:hover,
.bg_grey.bg_hover:hover,
.bg_light_grey.bg_hover:hover,
.bg_yellow.bg_hover:hover,
.bg_red.bg_hover:hover,
.bg_light_red.bg_hover:hover{ opacity: 0.8; }

/* ----------------------------------------------------------- */ /* main colors */
.cl_01, .cl_01:visited, .cl_01:active{ color: #4a889e; }
.cl_02, .cl_02:visited, .cl_02:active{ color: #4a889e; }
.cl_03, .cl_03:visited, .cl_03:active{ color: #4a889e; } /* 00aee0 */

.br_01{ border: 1px solid #4a889e; }
.br_02{ border: 1px solid #4a889e; }
.br_03{ border: 1px solid #4a889e; }

.br_01.br_hover_opacity:hover,
.br_02.br_hover_opacity:hover,
.br_03.br_hover_opacity:hover{ opacity: 0.8; }

/* ----------------------------------------------------------- */ /* bg_01 */
/* .bg_01{
	background: -webkit-linear-gradient(90deg, #4a889e 0%, #efc65e 100%);
    background: -moz-linear-gradient(90deg, #4a889e 0%, #efc65e 100%);
    background: -ms-linear-gradient(90deg, #4a889e 0%, #efc65e 100%);
    background: -o-linear-gradient(90deg, #4a889e 0%, #efc65e 100%);
    background: linear-gradient(90deg, #4a889e 0%, #efc65e 100%);
} */

.bg_01.bg_hover:hover{
	background: -webkit-linear-gradient(90deg, #4a889e 0%, #efc65e 100%);
    background: -moz-linear-gradient(90deg, #4a889e 0%, #efc65e 100%);;
    background: -ms-linear-gradient(90deg, #4a889e 0%, #efc65e 100%);;
    background: -o-linear-gradient(90deg, #4a889e 0%, #efc65e 100%);;
    background: linear-gradient(90deg, #4a889e 0%, #efc65e 100%);;
}

.bg_01{
	background: -webkit-linear-gradient(90deg, #efc65e 0%, #4a889e 100%);
    background: -moz-linear-gradient(90deg, #efc65e 0%, #4a889e 100%);
    background: -ms-linear-gradient(90deg, #efc65e 0%, #4a889e 100%);
    background: -o-linear-gradient(90deg, #efc65e 0%, #4a889e 100%);
    background: linear-gradient(90deg, #efc65e 0%, #4a889e 100%);
}

.bg_01_solid{ background: #4a889e; }
.bg_01_solid.bg_hover:hover{ background: #efc65e; }
.bg_01.bg_hover_opacity, .bg_01_solid.bg_hover_opacity:hover{ opacity: 0.8; }

/* ----------------------------------------------------------- */ /* bg_02 */
.bg_02{
	background: -webkit-linear-gradient(90deg, #7349cc 0%, #e163e4 100%);
    background: -moz-linear-gradient(90deg, #7349cc 0%, #e163e4 100%);
    background: -ms-linear-gradient(90deg, #7349cc 0%, #e163e4 100%);
    background: -o-linear-gradient(90deg, #7349cc 0%, #e163e4 100%);
    background: linear-gradient(90deg, #7349cc 0%, #e163e4 100%);
}

.bg_02.bg_hover:hover{
	background: -webkit-linear-gradient(90deg, #e163e4 0%, #7349cc 100%);
    background: -moz-linear-gradient(90deg, #e163e4 0%, #7349cc 100%);
    background: -ms-linear-gradient(90deg, #e163e4 0%, #7349cc 100%);
    background: -o-linear-gradient(90deg, #e163e4 0%, #7349cc 100%);
    background: linear-gradient(90deg, #e163e4 0%, #7349cc 100%);
}

.bg_02_solid{ background: #7349cc; }
.bg_02_solid.bg_hover:hover{ background: #e163e4; }
.bg_02.bg_hover_opacity, .bg_02_solid.bg_hover_opacity:hover{ opacity: 0.8; }

/* ----------------------------------------------------------- */ /* bg_03 */
.bg_03{


	background: -webkit-linear-gradient(90deg, #EFC65E 0%, #EFC65E 100%);
    background: -moz-linear-gradient(90deg, #EFC65E 0%, #EFC65E 100%);
    background: -ms-linear-gradient(90deg, #EFC65E 0%, #EFC65E 100%);
    background: -o-linear-gradient(90deg, #EFC65E 0%, #EFC65E 100%);
    background: linear-gradient(90deg, #EFC65E 0%, #EFC65E 100%);
}

/* .bg_03.bg_hover:hover{
    background: -webkit-linear-gradient(90deg, #00e2fe 0%, #00c6ff 100%);
    background: -moz-linear-gradient(90deg, #00e2fe 0%, #00c6ff 100%);
    background: -ms-linear-gradient(90deg, #00e2fe 0%, #00c6ff 100%);
    background: -o-linear-gradient(90deg, #00e2fe 0%, #00c6ff 100%);
    background: linear-gradient(90deg, #00e2fe 0%, #00c6ff 100%);
} */

.bg_03_inverted{
	background: -webkit-linear-gradient(90deg, #00e2fe 0%, #00c6ff 100%);
    background: -moz-linear-gradient(90deg, #00e2fe 0%, #00c6ff 100%);
    background: -ms-linear-gradient(90deg, #00e2fe 0%, #00c6ff 100%);
    background: -o-linear-gradient(90deg, #00e2fe 0%, #00c6ff 100%);
    background: linear-gradient(90deg, #00e2fe 0%, #00c6ff 100%);
}

.bg_03_inverted.bg_hover:hover{
	background: -webkit-linear-gradient(90deg, #00c6ff 0%, #00e2fe 100%);
    background: -moz-linear-gradient(90deg, #00c6ff 0%, #00e2fe 100%);
    background: -ms-linear-gradient(90deg, #00c6ff 0%, #00e2fe 100%);
    background: -o-linear-gradient(90deg, #00c6ff 0%, #00e2fe 100%);
	background: linear-gradient(90deg, #00c6ff 0%, #00e2fe 100%);
}

.bg_03_solid{ background: #00c6ff; }
.bg_03_solid.bg_hover:hover{ background: #00e2fe; }
.bg_03.bg_hover_opacity, .bg_03_solid.bg_hover_opacity:hover{ opacity: 0.8; }

.flexing{
	padding: 9px 14px;
	background: var(--prim3, #FFF);
	margin:10px 0px;
	border-radius:2px;
}

.loaderGif{
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 99999999;
	background-color: #33333372;
	top: 0;
	left: 0;
	justify-content: center;
	align-items: center;
}

.loaderGif img{
	width: 50px;
}

.modal {
	display: none;
	position: fixed;
	z-index: 999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	background-color: rgba(0, 0, 0, 0.4);
}

.modal-content {
	background-color: #fefefe;
	margin: 15% auto;
	padding: 20px;
	border: 1px solid #888;
	width: 80%;
	text-align: center;
}

.close {
	color: #aaa;
	float: right;
	font-size: 28px;
	font-weight: bold;
}

.close:hover,
.close:focus {
	color: black;
	text-decoration: none;
	cursor: pointer;
}

.cont-btn-send-password{
	display: flex;
	align-items: center;
	padding: 10px 0px;
  }
  
  .cont-btn-send-password .btn-send-password{
	padding: 7px 15px;
	border-radius: 50px;
	cursor: pointer;
	transition: all 0.3s ease-in-out;
	font-size: 12px;
	background-color: #EFC65E;
	color: #ffffff;
	font-weight: bolds;
  }

  .btn-send-password:hover{
	background-color: #4a889e;
	color: #ffffff;
	transition: all 0.3s ease-in-out;
  }

  .spinner {
	width: 40px;
	height: 40px;
	display: inline-block;
	animation: spin 1.2s linear infinite;
  }
  
  @keyframes spin {
	0% {
	  transform: rotate(0deg);
	}
	100% {
	  transform: rotate(360deg);
	}
  }
  
  /* Spinner border */
  .spinner::before {
	content: '';
	display: block;
	width: 32px;
	height: 32px;
	margin: 4px;
	border-radius: 50%;
	border: 6px solid #ccc;
	border-top: #007bff transparent;
	animation: spin 1.2s linear infinite;
  }
  

@media(max-width:768px){
	.categories_section{
		margin:0 auto!important;
		width: 100%!important;
		

		gap:0px!important;
		
	}

	.into_categorie {
		grid-template-columns: repeat(4,1fr);
		display: grid!important;
		align-items: center; /* Centra las categorías verticalmente */
	}
}

@media(max-width:1080px){
.categories_section{
	width: 90%!important;
}
#subcategories-container{
	width: 90%!important;
}
}

#subcategories-container{
	
	padding: 36px 16px;
    width: 50%;
    margin: 0 auto;
	margin-top:20px;
	background-size: 248px;
    background-position: -61px -99px;
    background-repeat: no-repeat;
	
   
}
.container-subcategories-deployed{
    width: 30%;
    max-height: 100%;
   height: 80%;
margin:0 auto;
        display:flex;
        flex-direction: column;
        align-items: center;
      
}
.subcat{
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

@media(max-width:800px){
 .container-subcategories-deployed{
            width: 100%;
            background-color:black;
        }
    }
    .subcategory{
        font-size: 15px;
        display: flex;
        align-items: center;
        gap:10px;
        border-radius:10px;
        width: 90%;
        padding:20px 10px;
        
    }
    .subcategory img{
        padding-left:14px;
    }