/**
 * @copyright CECADEP
 * @author Nucliux Solutions (edoardo@nucliux.mx)
 * @version 1.3.3 (Febrero 2025)
 * @since 1.0.0
 */

 /*Importación de otros estilos*/
 @import "reset.css";
 @import "menu.css";
 @import "footer.css?v=1.3.3";
 @import "inicio.css";
 @import "noticias.css";
 @import "quienes-somos.css";
 @import "servicios.css";
 @import "clientes.css";
 @import "experiencia.css";
 @import "capacitacion.css";
 @import "normateca.css";
 @import "galeria.css";
 @import "contacto.css";

 /*Tipografías*/
 @font-face{
	font-family: "Futura Std";
	src: url("fonts/FuturaStd-Medium.otf");
}

@font-face{
	font-family: "Futura Std";
	src: url("fonts/FuturaStd-Bold.otf");
	font-weight: bold;
}

/*Página*/
html,body{
	margin: 0 3%; 
	width: 94%;
	height: 100%;
	color: #3E3B39;
	font-family: "Futura Std", Arial, sans-serif;
	font-size: 1.2vw;
}

a, input, select{
	outline: 0;
}

.banner{
	width: 100%;
 	height: 33vw;
}

.seccion{
	margin: 5vw 0;
	margin-bottom: 10vw;
	padding: 0 10%;
}

.seccion-experiencia{
	margin-top: 2vw;
}

.seccion-capacitacion{
	margin-bottom: 2vw;
}

.seccion h1{
	margin-bottom: 1.5vw;
	color: #0F135A;
	font-size: 1.3vw;
	text-transform: uppercase;
}

.seccion p{
	margin-bottom: 1.5vw;
	text-align: justify;
}

.seccion ul{
	margin-bottom: 1.5vw;
	list-style-type: disc;
}

.seccion__titulo{
	display: flex;

	display: -webkit-flex;
}

.seccion__titulo img{
	margin-top: 0.3vw;
	margin-right: 2vw;
	width: 0.6vw;
	height: 100%;

	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.seccion__titulo-click{
	cursor: pointer;	
}

.seccion__titulo-click:hover{
	text-decoration: underline;
}

.seccion__titulo-abierto img{
	transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
}

/*Estilo para móviles
______________________________*/
@media only screen and (max-device-width: 768px){
	html,body{
		margin: 0;
		width: 100%;
		font-size: 4.5vw;
	}

	.banner{
		margin-top: 20%;
		height: 60vw;
	}

	.seccion{
		margin: 10vw 0;
		margin-bottom: 20vw;
	}

	.seccion-experiencia{
		margin-top: 30%;
	}

	.seccion-capacitacion{
		margin-bottom: 5vw;
	}


	.seccion h1{
		margin-bottom: 4.5vw;
		font-size: 4.8vw;
	}

	.seccion p{
		margin-bottom: 4.5vw;
	}

	.seccion ul{
		margin-bottom: 4.5vw;
	}

	.seccion__titulo img{
		margin-top: 0.8vw;
		margin-right: 4vw;
		width: 2vw;
	}
}