@charset "utf-8";
/* CSS Document */

body{
	overflow: visible;
}
.preguntas-page .container{
	max-width: 1280px;
}
.buscador-pf{
	display: flex;
	flex-direction: row;
	column-gap: 0;
}
.cont-menu-general{
	position: -webkit-sticky;
	position: sticky;
	top: 180px;
}
.container-preguntas{
	padding: 0 0 0 5%;
}
.submenu-buscador{
	margin: 0;
	padding: 0;
	list-style: none;
	background: #e5f0fb;
	border-radius: 0 0 15px 15px;
	overflow: hidden;
}
.submenu-buscador li{
	margin: 0;
	padding: 0;
	list-style: none;
	line-height: 1em;
}
.submenu-buscador li a{
	margin: 0;
	padding: 12px 20px 12px 20px;
	color: #001f42a6;
	text-decoration: none;
	line-height: 1.2em;
	display: flex;
	align-items: center;
	background: transparent;
	flex-direction: row;
	justify-content: space-between;
	border-top: 1px solid #ffffff;
	transition: all ease-in-out .3s;
	font-size: 14px;
}
/* .submenu-buscador li:last-child a {
    margin: 0 0 10px;
} */
.submenu-buscador li a:hover{
	color: #31b5f7;
	background: transparent;
	transition: all ease-in-out .3s;
}
.submenu-buscador li a:focus, .submenu-buscador li a:active, .submenu-buscador li a.active{
	color: #ffffff;
	background: #31b5f7;
	border-top: 1px solid #31b5f7;
	transition: all ease-in-out .3s;
}
.submenu-buscador li a i {
    margin-left: 20px;
}
.submenu-buscador li a i img{
    width: 10px;
	height: auto;
	opacity: 0;
	transition: opacity ease-in-out .3s;
}
.submenu-buscador li a:focus i img, .submenu-buscador li a:active i img, .submenu-buscador li a.active i img{
    opacity: 1;
	transition: opacity ease-in-out .3s;
}
.buscador-pf .input-group {
    border-radius: 5px;
}
.buscador-pf .form-control {
    background-color: #f2f7fd;
    border: none;
	padding: 12px 20px;
	font-size: 14px;
	line-height: 1em;
}
.buscador-pf .form-control:hover, .buscador-pf .form-control:focus {
    box-shadow: none;
	outline: none;
}
.buscador-pf .lupa {
    background: #31b5f7;
    border: none;
    padding: 0 20px;
	border-radius: 5px;
	transition: background ease-in-out .3s;
}
.buscador-pf .lupa:hover, .buscador-pf .lupa:focus {
	background: #006ed2;
	transition: background ease-in-out .3s;
}
.buscador-pf .lupa img {
    width: 18px;
    height: auto;
}
.grupo-busqueda-menum {
    display: flex;
	flex-direction: row;
	justify-content: center;
	margin-bottom: 10px;
}
.boton-buscador-mobile {
    display: none;
    background: #31b5f7;
    color: #FFFFFF;
    font-size: .9rem;
    line-height: 1em;
    padding: 15px 18px;
    align-items: center;
    justify-content: space-between;
	border: none;
	outline: none;
	transition: background ease-in-out .3s;
	border-radius: 5px;
	width: auto;
	margin-right: 10px;
}
.boton-buscador-mobile:hover, .boton-buscador-mobile:focus, .boton-buscador-mobile:active {
    background: #006ed2;
	transition: background ease-in-out .3s; 
}
.boton-buscador-mobile i{
    display: flex;
    margin-left: 20px;
}
.boton-buscador-mobile i img{
    width: 16px;
	height: auto;
}
.sidebarFijo{
	position: -webkit-sticky;
	position: sticky;
	top: 100px;
}
.container-menu {
    width: 30%;
}
.container-preguntas {
    padding: 0 0 0 5%;
    width: 65%;
}
/* Lista dentro de la PF */
.container-preguntas ul, ol {
	margin:10px 0;
	font-size: 14px;
	max-width: 90%;
	color: #334c68;
	padding-left: 1rem;
}
@media (max-width: 1080px) {
	.grupo-busqueda-menum {
		margin-bottom: 0;
	}
	.boton-buscador-mobile {
		padding: 12px 18px;
	}
	.boton-buscador-mobile{
		display: inline-flex;
	}
	.buscador-pf .form-control {
		padding: 12px 18px;
		font-size: .9rem;
	}
	/*.container-menu {
		display: flex;
		flex-direction: column;
		width: 100%;
		position: relative;
		padding: 120px 0 0;
		background: #FFFFFF;
		z-index: 90;
		margin: 0 0 0 -50%;
		left: 50%; 
	}*/
	.container-menu {
		display: flex;
		flex-direction: column;
		width: 90%;
		position: fixed;
		padding: 120px 0 0;
		background: #FFFFFF;
		z-index: 80;
		margin: 0 0 0 -45%;
		left: 50%;
		/* max-width: 100%; */
	}
	.sidebarFijo {
		position: -webkit-sticky;
		position: sticky;
		top: 0;
		height: 62px;
	}
	.container-preguntas {
		display: flex;
		flex-direction: column;
		width: 100%;
		padding: 220px 0 0;
	}
	.buscador-pf {
		display: flex;
		flex-direction: column;
		padding: 0;
	}
	.submenu-buscador-container {
		position: fixed;
		overflow-y: scroll;
		top: 64px;
		left: -100%;
		max-width: 410px;
		width: 80%;
		height: 100%;
		background: #e5f0fb;
		z-index: 99;
		transition: left ease-in-out .4s;
	}
	.submenu-buscador-container.show {
		left: 0;
		transition: left ease-in-out .4s;
	}
	.submenu-buscador {
		border-radius: 0;
	}
	.overlay{
		opacity: 0;
		transition: opacity ease-in-out .4s;
		z-index: -1;
	}
	.overlay.show{
		background: #38415370;
		width: 100%;
		height: 100%;
		position: fixed;
		top: 0;
		left: 0;
		opacity: 1;
		transition: opacity ease-in-out .4s;
		z-index: 70;
	}
	.preguntas-page {
		padding: 0 0 60px;
	}
}
@media (max-width: 1024px) and (orientation: portrait){
	.submenu-buscador-container {
		top: 10vh;
	}
	.container-menu {
		padding: 150px 0 0;
	}
	.container-preguntas {
		padding: 250px 0 0;
	}
}
@media (max-width: 920px) {
	.submenu-buscador-container {
		top: 7vh;
	}
	.container-menu {
		padding: 120px 0 0;
	}
	.container-preguntas {
		padding: 210px 0 0;
	}
}
@media (max-width: 720px) and (orientation: landscape){
	.submenu-buscador-container {
		top: 64px;
	}
}
@media (max-width: 720px) and (orientation: portrait){
	.submenu-buscador-container {
		top: 7vh;
	}
}
@media (max-width: 580px) {
	.submenu-buscador-container {
		top: 7vh;
	}
	.submenu-buscador li a {
		padding: 16px 15px 16px 6%;
	}
	.container-menu {
		padding: 90px 0 0;
	}
	.container-preguntas {
		padding: 180px 0 0;
	}
}
@media (max-width: 376px) {
	.submenu-buscador-container {
		top: 8vh;
	}
	.boton-buscador-mobile {
		margin-right: 0;
		margin-bottom: 8px;
	}
	.container-preguntas {
		padding: 210px 0 0;
	}
	.grupo-busqueda-menum {
		display: flex;
		flex-direction: column;
		justify-content: center;
		margin-bottom: 20px;
	}
	.container-menu {
		padding: 80px 0 0;
	}
	.sidebarFijo {
		height: 104px;
	}
}
@media (max-width: 360px) {
	.submenu-buscador li a {
		padding: 14px 13px 14px 6%;
		font-size: .8rem; 
	}
}
@media screen and (orientation: landscape) and (min-device-width: 320px) and (max-device-width: 1024px) {
	.submenu-buscador-container {
		top: 64px;
	}
}
@media screen and (orientation: landscape) and (min-device-width: 280px) and (max-device-width: 658px) {
	.submenu-buscador-container {
		top: 18vh;
	}
}