/* Estilos Panel */


/* Generales */

/* Estructurales */

/* Textos */

h2 {
	font-weight: 400;
}

a:active {
    color: var(--azul);
}

/* Componentes */
button {
	background-color: var(--azul);
	border-color: var(--azul-borde);
}
button:hover {
	background-color: var(--azul-hover);
}
button.invertido {
    color: var(--negro);
}

/* Formularios */
.input-options label:hover,
.input-options label.activo,
.input-options input[type="radio"]:checked + label,
.input-options input[type="radio"]:checked:disabled + label {
	background-color: var(--azul);
}

.input-options:hover {
	border-color: var(--azul);
}

input[type="radio"].radio:checked {
	background-color: var(--azul);
}

input[type="checkbox"].checkbox:checked {
	background-color: var(--azul);
}

input[type="text"]:hover, input[type="email"]:hover, input[type="password"]:hover, input[type="number"]:hover, input[type="url"]:hover, input[type="tel"]:hover, input[type="search"]:hover, input[type="color"]:hover, textarea:hover, select:hover, input[type="text"]:focus, input[type="email"]:focus, input[type="password"]:focus, input[type="number"]:focus, input[type="url"]:focus, input[type="tel"]:focus, input[type="search"]:focus, input[type="color"]:focus, textarea:focus, select:focus {
	border-color: var(--azul);
}

input[type="checkbox"].switch:checked ~ label::after {
    background-color: var(--azul);
}

progress 						{ background-color: var(--azul-hover); }
progress::-moz-progress-bar 	{ background-color: var(--azul); }
progress::-webkit-progress-value{ background-color: var(--azul); }
progress::-webkit-progress-bar 	{ background-color: var(--azul-hover); }

/* Javascript */
button#irArriba {
	background-color: var(--azul);
	border: 0;
}
button#irArriba:hover {
	background-color: var(--azul-hover);
}

/* Secciones */

/* Metricas */
.section-metricas h2 {
	font-weight: 400;
	margin-top: 0;
}

/* Perfil */
.section-perfil .section-contenido .section-perfil-general h1 {
	font-weight: 400;
	margin: 0;
}
.section-perfil .section-contenido .section-perfil-general .perfil-general-biografia h2 {
	color: var(--azul); 
	font-weight: 500;
	font-size: 1rem;
	margin: 0;
	line-height: 2;
}

.section-perfil .section-contenido .section-perfil-general .perfil-general-datos h4,
.section-perfil .section-contenido .section-perfil-actividades h4 {
	margin: 0 0 0.3rem 0;
	font-weight: 400;
	font-size: 1rem;
}

.section-perfil .section-contenido .section-perfil-metricas h6 {
	font-weight: 400;
}

/* Ajustes */
.section-ajustes .section-ajustes-configuraciones img.icono-ajustes {
	width: 130px;
	margin-top: 1rem;
	padding-right: 1.25rem;
}

/* Cajas */

a.caja, a.box {
	cursor: pointer; /* add Css.css*/
}

/* Responsive */

/****************************************************************************************/
/* Celulares - XS												(Pantallas Celulares) 	*/
/****************************************************************************************/
@media (max-width: 600px) {

	/* Ayuda */
	.section-menu {
    	margin-right: 0rem;
	}
	.section-ayuda .menu {
		height: 200px;
		overflow: auto;
	}
	.section-ayuda .section-capitulo p { width: 90%; }
}

/****************************************************************************************/
/* Tablets - Netbooks - S										(Pantallas Chicas) 		*/
/****************************************************************************************/
@media (min-width: 601px) and (max-width: 768px) { 

	/* Ayuda */
	.section-menu {
    	margin-right: 0rem;
	}
	.section-ayuda .menu {
		height: 400px;
		overflow: auto;
	}

}

/****************************************************************************************/
/* Desktop -  M													(Pantallas Medianas) 	*/
/****************************************************************************************/
@media (min-width: 769px) and (max-width: 992px) { 
}

/****************************************************************************************/
/* Widescreen - L												(Pantallas Grandes)		*/
/****************************************************************************************/
@media (min-width: 993px) and (max-width: 1200px) {
}

/****************************************************************************************/
/* Full HD - XL    												(Pantallas Grandes)		*/
/****************************************************************************************/
@media (min-width: 1201px) {
}