@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;0,700;1,600&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,400;0,800;0,900;1,800;1,900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Encode+Sans:wght@100;400;600;700;800;900&display=swap');

:root{

	--primary : #001838;

	--secondary:#3bd6ff;

	--yellow: #ffc107;

	--gray: #778591;

	--bco:#fafafa;

	--negro: #2d312f;

	--fuente: 'Open Sans', sans-serif;

	--monse: 'Montserrat', sans-serif;

	--font:'Encode Sans', sans-serif;

	--box-shadow-gray: 0px 15px 51px rgba(0, 0, 0, 0.50);

	--celeste:#96bedd;

	--celeste2:#deeaf5;

	--border: 4px ;

} 

*{

	margin: 0;

	padding: 0;

	font-size: 16px;

	box-sizing: border-box;

	text-decoration: none;

}

img{

	border-radius: var(--border);

}

/*barra de navegacion*/

.navbar{

	padding:0rem 3rem;

	background: var(--celeste);

}

.navbar-collapse{

	align-items: center;

	justify-content: space-between;

}

.nav-link{

		color: var(--primary);

	}

.logo{

	width: 18rem;

	color: var(--primary);

	font-family: var(--monse);

	font-size: 3.2rem;

	font-weight: 900 ;

	font-style: italic;

}

.container{

	width: 100%;

	max-width:968px;

}

.main{

	margin: 2rem auto;

}

.btn-primary {

    color: #fff;

    background-color: var(--primary);

    border-color: var(--primary);

}

.bi-person-circle{

	font-size: 1.4rem;

}

span, .estado-perfil{

	color: #1cde1c;

}





/*tab*/

.tab {

  overflow: hidden;

  border: 1px solid #fff;

  background-color: var(--celeste2);

  border-radius: var(--border);

  margin-bottom: 2rem;

}



/* Style the buttons inside the tab */

.tab button {

  background-color: var(--celeste2);

  float: left;

  border: none;

  outline: none;

  cursor: pointer;

  padding: 14px 16px;

  transition: 0.3s;

  font-size: 17px;

}



/* Change background color of buttons on hover */

.tab button:hover {

  background-color: var(--celeste);

}



/* Create an active/current tablink class */

.tab button.active {

  background-color: var(--primary);

  color: #fff;

}



/* Style the tab content */

.tabcontent {

  display: none;

  padding: 6px 12px;

  border: 1px solid #fff;

  border-top: none;

}







@media screen and (max-width: 767px){

	h1{

		font-family: var(--font);

		font-weight: bold;

			color: var(--priamry);

		font-size: 1.9rem;

	}

	h2{

		font-size: 1.3rem;

		font-family: var(--fuente2);

			color: var(--priamry);

		font-weight: bold;

	}

	h3{

		font-size: 28px;

		padding: 0 16px;

		text-decoration: none;

		font-weight: bold;

			color: var(--priamry);

	}

	.navbar-brand {

		display: none;

	}

	.navbar-nav{

		background: #var(--celeste);

    	padding: 2rem 0;

    	border-radius: 0rem 0rem 2rem 0rem;

    	margin-top: 1rem;

	}

	.logo{

		color: var(--primary);

		font-family: var(--monse);

		font-size: 3.2rem;

		font-weight: 900 ;

		font-style: italic;

	}

	.navbar-toggler:focus {

	    text-decoration: none;

	    outline: 0;

	     box-shadow: 0 0 0 0; 

		}

	.navbar{

		padding: 0;

		padding-top: 1rem;

	}

	.container{

		width: 100%;

	}

	.carousel{

		box-shadow: var(--box-shadow-gray);

		margin: 0rem 0rem 1rem auto;

		width: 100%;

	}

	/* Style the buttons inside the tab */

	.tab button {

	  background-color: var(--celeste2);

	  float: left;

	  border: none;

	  outline: none;

	  cursor: pointer;

	  padding: 16px 8px;

	  transition: 0.3s;

	  font-size: 17px;

	}



	/* Change background color of buttons on hover */

	.tab button:hover {

	  background-color: var(--celeste);

	}



	/* Create an active/current tablink class */

	.tab button.active {

	  background-color: var(--primary);

	  color: #fff;

	}



}
/* agregado lucho */
.chk-extranjero{
	position:absolute;
	top: 45px;
	right: 25px;
	z-index: 100;
	width: auto;
}