/* INICIO ESTILOS PERSONALIZADOS - GLOBALES (TODO EL SITIO WEB) */
	body {
		font-family: dejavusans-condensed;
		height: 100vh;
		margin: 0px;
		padding: 0px;
		}
    
	header {
		font-family: dejavusans-condensed-bold;
    }
    
    /* Submenus de los menus en el header */
    .dropdown-menu.personalizado{
        border-radius: 0.6rem;
        text-align: right;
        left: auto;
        right: 0;
        border: none;
    }

    .nav-item > .dropdown-menu {
        font-family: dejavusans-condensed;        
    }
    
    .personalizado > .nav-link {
        color: #fff !important;
    }
	
	footer > .container-fluid{
        font-family: dejavusans-mono;
	}
	
	.subtitulo {
		font-family: dejavusans-mono-bold;
	}
	
	.titulo {
		font-family: dejavusans-condensed-bold-oblique;
	}
	
	
	
	.dejavusans-condensed-oblique {
		font-family: dejavusans-condensed-oblique;
	}

	.dejavusans-condensed-bold {
		font-family: dejavusans-condensed-bold;
	}
	
	.dejavusans-condensed-bold-oblique {
		font-family: dejavusans-condensed-bold-oblique;
	}

	.dejavusans {
		font-family: dejavusans;
	}

	.dejavusans-oblique {
		font-family: dejavusans-oblique;
    }
    
    .dejavusans-mono {
		font-family: dejavusans-mono;
	}
    
    .dejavusans-mono-bold {
		font-family: dejavusans-mono-bold;
	}
	
	.borde-redondeado-0 {
		border-radius: 0px;
	}
	
	.borde-redondeado-5 {
		border-radius: 5px;
	}
	
	.borde-redondeado-10 {
		border-radius: 10px;
	}
	
	.borde-redondeado-15 {
		border-radius: 15px;
	}
	
	.borde-redondeado-20 {
		border-radius: 20px;
		}
    
    .borde-redondeado-30 {
		border-radius: 30px;
    }

    .borde-redondeado-40 {
		border-radius: 40px;
    }

    .borde-redondeado-50 {
		border-radius: 50px;
    }
	
    .alto-de-linea-10 {
        line-height: 10px;
    }
    .alto-de-linea-20 {
        line-height: 20px;
    }
    .alto-de-linea-30 {
        line-height: 30px;
    }
    
	/* Input a la derecha */
	.personalizado.custom-control.custom-checkbox{padding-left: 0;}

	label.personalizado.custom-control-label {
		position: relative;
		padding-right: 1.5rem;
	}

	label.personalizado.custom-control-label::before, label.personalizado.custom-control-label::after{
		right: 0;
		left: auto;
	}

	label.personalizado.custom-control-label.borde-redondeado-6::before{
		border-radius: 6px;
	}
.navbar-personalizado .navbar-toggler-icon {
	  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255, 255, 255, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
	}
	
	.navbar-toggler-personalizado {
		padding: 0.25rem 0.75rem;
		font-size: 1.25rem;
		line-height: 1;
		background-color: #014976;
		border: 1px solid #014976;
		border-radius: 0.25rem;
	}
		.division-azul {
			background: #014976;
			margin-top: -350px;
			margin-bottom: 0px;
			position: absolute;
			width: 100%;
			height: 23rem;
		}
		
		.division-blanco {
			background: #FFFFFF no-repeat;
			margin-top: -350px;
			margin-bottom: 0px;
			position: absolute;
			width: 100%;
			height: 23rem;
		}
		
		.division-cerebro {
			background: #FCA400 no-repeat center center;
			margin-top: -330px;
			margin-bottom: 0px;
			position: absolute;
			/* z-index: 2; */
			width: 100%;
			height: 23rem;
		}

		.imagen-responsivo-recortado {
			 object-fit: cover;
			  width: 100%;
			  min-height: 600px;
			  height: 600px;
		}
	/* --------------------------------------------- */
	/* INICIO ESTILOS PERSONALIZADOS PARA EL SCROLL(SOLO CHROME) */
		::-webkit-scrollbar{
			width: 15px;
			background-color: transparent
		}
		::-webkit-scrollbar-track{
			/* -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.9); */
			border-radius: 5px;
			background-color: #00224a;
		}
		::-webkit-scrollbar-thumb{
			border-radius: 5px;
			background-color: #BE6600;
			/* background-image: -webkit-linear-gradient(90deg,transparent,rgba(0, 0, 0, 0.4) 50%,transparent,transparent) */
		}
		/* ::-webkit-scrollbar-button {
			background-color: green;
		}
		::-webkit-scrollbar-corner {
			background-color: blue;
		} */
	/* FIN ESTILOS PERSONALIZADOS PARA EL SCROLL(SOLO CHROME) */

	/* INICIO ESTILOS PARA MENÚ */
		.menu {
			padding-top: 10px;
			height: 80px;
			font-family: dejavusans-condensed-bold !important;
		}
		.enlace-menu {
			height: 80px;
			margin-top: -10px;
			padding-top: 10px;
			
		}
		.enlace-menu:hover {
			color: #00AEF1 !important;			
		}
		.item-menu:hover {
			color: #F9941D !important;
			background: #fafafa30;
		}
		.submenu-pc {
			top: 45px !important;
			border-radius: 5px;
		}
		.item-submenu:hover {
			color: #F9941D !important;
			background: none;
		}
		.icon-item-menu {
			margin: 0px !important;
		}

		.enlace-menu-otro {
			color: #F9941D !important;
		}
		.enlace-menu-otro:hover {
			color: #00AEF1 !important;
		}
	/* FIN ESTILOS PARA MENÚ */
 
.menu_orange_section {
	float: right;
	position: relative;
	width: 70%;
	height: 86px;
	margin-top: -10px;
	padding-top: 10px;
	background-color: #012F49;
}

.menu_orange_section::after {
	margin-top: -10px;
	padding-top: 10px;

	width: 70px;
	height: 86px;
	position: relative;
	content: "";
	display: block;
	background: #012F49;
	left: -35px;
	transform: skew(30deg);
}

	/* STILOS PARA EL SCROLL-TOP */
		#btn-scroll-top-id {
			display: none;
			position: fixed;
			bottom: 100px;
			right: 30px;
			z-index: 99;
			/* font-size: 18px; */
			border: none;
			outline: none;
			/* background-color: transparent; */
			/* color: white; */
			cursor: pointer;
			padding: 0px;
			/* border-radius: 4px; */
		}		
		#btn-scroll-top-id:hover {
			background-color: #00ADEF;
		}
		#btn-scroll-top-id:focus {
			background-color: #BE6600;
		}

	.tarjeta-importante {
		font-family: dejavusans-extra-light;
		margin: 5px;
		height: 65px;
		padding: 5px;
		border-radius: 20px;
		font-size: 30px;
		text-transform: none;
		font-weight: lighter;
	}
	.tarjeta-importante:hover {
		background-color: #F9941D !important;
	}
	.tarjeta-importante:focus {
		/*background-color: #014976 !important;*/
		background-color: #FF2A5E !important;
	}

	/* INICIO ESTILOS PARA EL SLIDER */
		.indicators {
			z-index: 5;
			bottom: 10px !important;
		}
		.indicator-item {
			background-color: #FF2A5E !important;
			width: 12px !important;
			height: 12px !important;
		}
		.indicator-item.active {
			background-color: #F9941D !important;
			width: 12px !important;
			height: 12px !important;
		}

		.contenedor-boton-control-slider {
			position: absolute;
			z-index: 3;
			top: 43%; 
		}
		.boton-control-slider {
			font-size: 50px !important;
			border-radius: 100% !important;
			width: 50px;
			height: 50px;
			border: none !important;
			font-weight: lighter !important;
		}
		.icono-boton-control-slider {
			font-size: 50px !important;
			color: white;
			border: none !important;
		}

		/* Posiciones de contenidos de los sliders */
		.contenido-slider {
			position: absolute;
		}
		.top-left-align {
			top: 10%;
			left: 10%;
			text-align: left;
		}
		.top-center-align {
			top: 10%;
			text-align: center;
		}
		.top-right-align {
			top: 10%;
			right: 10%;
			text-align: right;
		}
		.bottom-left-align {
			bottom: 10%;
			left: 10%;
			text-align: left;
		}
		.bottom-center-align {
			bottom: 10%;
			text-align: center;
		}
		.bottom-right-align {
			bottom: 10%;
			right: 5%;
			text-align: right;
		}
		.middle-left-align {
			top: 50%;
			left: 10%;
			text-align: left;
			transform: translate(0%, -50%);
		}
		.middle-right-align {
			top: 50%;
			right: 10%;
			text-align: right;
			transform: translate(0%, -50%);
		}
		.middle-center-align {
			top: 50%;
			left: 50%;
			text-align: center;
			transform: translate(-50%, -50%);
		}
	/* INICIO ESTILOS PARA EL SLIDER */
/* FIN ESTILOS PERSONALIZADOS - GLOBALES (TODO EL SITIO WEB) */
.QMbmRe {
    background-position: center center;
    background-repeat: no-repeat;
    padding-top: 56%;
    width: 100%;
}
