@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.5/font/bootstrap-icons.css");
@import url('https://fonts.googleapis.com/css2?family=Agbalumo&family=Poppins:wght@900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Agbalumo&family=Poppins:wght@900&family=Quicksand:wght@500;600;700&display=swap');
body{ 
	font-size: 11px;
	font-family: 'Poppins', sans-serif;
	background-color: white;

}

.navbar{
	background-color:white !important;
	--bs-navbar-padding-y: 0.2rem !important;
	position: sticky !important;
}

.llamadaNav{
	width: 47%;
	display: flex;
	flex-wrap: wrap; 
	justify-content: flex-end !important; 
	}
.imgLlamada{width: 35%;display: flex;justify-content: flex-end;}
.imgLlamada a i{
	font-size: 22px;
}
.TelLlamada{width: 29%;}

.contText p{
	margin-bottom: 0;
	font-size: 9px;
	text-align: left;
	color: orange;
	padding-left: 5px;
}

.contTel h5{
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 800;
    text-align: left;
    color: #424a4d !important;
    padding-left: 5px;
}
.contTela{
	text-decoration: none;
	color: #424a4d !important;
}
.Links{
	width: 100%;
	height: 30px;
	background-color: #f0f2f2;
	border-bottom: solid .5px lightgray;
}
.navbar-brand{
	width: 150px;
	padding-bottom: 0;
}
.navbar-brand img{
	width: 71%;
	height: auto;
}
.container{
	width: 70% !important;

}
.centrar{
	width: 70%;
	margin: auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	height: 100%;
	align-content: center;
}
.centrar p {
    margin-bottom: 0;
    font-weight: 300;
    font-size: 10px;
}
.ui-helper-hidden-accessible{
	display: none !important;
}


.cortina{
	width: 100%;
    height: 100vh;
    position: absolute;
    z-index: 9999;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-content: center;
    background:  #020024;
	background:  linear-gradient( 90deg,rgba(2,0,36,1)0%,rgba(18,92,112,1)63%,rgba(56,135,150,1)100%);
	display: none;
   
}
.cortina h1{
	width: 80%;
	color: white;
	text-align: center;
	font-size: 1.5rem;
	margin: auto;
	margin-top: 40px;
}

.cortina p{
	width: 100%;
	text-align: center;
	font-size: 10px;
	color: white;
}

.contieneSpinner{
	width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

@media only screen and (min-device-width: 720px) and (max-device-width: 1280px) and (orientation: portrait) {
		.TelLlamada {
			width: 61%;
		}
	}

	@media only screen and (min-device-width: 1024px) and (max-device-width: 720px) and (orientation: landscape) {
		.TelLlamada {
			width: 61%;
		}
	}

@media only screen 
    and (max-width: 767px) 
    {
    	
		.llamadaNav {
		    /* width: 50%; */
		    /* display: flex; */
		    /* flex-wrap: wrap; */
		}
		.navbar-brand{
			width: 120px;
		}
		.contTel h5 {
		    font-size: .8rem;
		}
		.contText p {
		    font-size: 8px;
		}
		.container{
    		width: 93% !important;
    	}
		.TelLlamada{
			width: 60%;
		}
    }
    /* Landscape */
@media only screen and (min-width: 970px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
		  .TelLlamada{
				  width: 61%;
		  }
	  }