@import url(fontello.css);
/*fuentes
font-family: 'Montserrat', sans-serif;
font-family: 'Poiret One', cursive;
*/
@import url('https://fonts.googleapis.com/css?family=Montserrat|Poiret+One');
/*https://colorlib.com/polygon/adminator/*/
/*colores
azul 	#47a7b4
azul oscuro #17373a
gris oscuro #263D42
beige 	#fffaf3
beige oscuro #dedad4
*/
/*-----                              generales*/
*{
	margin:0;
	padding:0;
	box-sizing: border-box;
	font-family: 'Montserrat', sans-serif;
}
a{
	cursor: default !important;
	font-family: 'Poiret One', cursive;
	font-size:16px !important;
	padding:0px 5px;
	color:white !important;
	border:2px solid white;
	border-radius:5px;
}
a:link{
	text-decoration:none !important;
}
a:visited{
	text-decoration:none !important;
	opacity:1;
}
h5{
	text-align: left;
	font-size:28px!important;
	margin:5px 0px 15px 0px !important;
	color:#47a7b4;
	font-weight: bold!important;
}
.sinborde{
	border:0px !important;
	border-radius:0px;
}
[class^="icon-"]:before, [class*=" icon-"]:before {
	 margin-right: 0px !important;
	 margin-left: 0px !important;
    }
/*Fin generales -----------------------------------------------*/
/*página curriculo*/
.cv{
	padding: 2vh;
	width:100vw;
	height:100vh;
	background-color:black;
	/*flex*/
	display:flex;
	flex-direction:column;
	justify-content:space-between;
}
/*header*/
.cbeza{
	width:100%;
	height:7vh;
	margin:2vh 0 2vh 0;
	background-color:black;
	/*flex*/
	display:flex;
	justify-content:space-between;
	align-items:center;
}
.cbeza1{
	/*flex*/
	display:flex;
	justify-content:space-between;
	align-items:center;
}
.cbeza2{
	/*flex*/
	display:flex;
	justify-content:space-between;
	align-items:center;
}
header h6{
	color:white;
	font-size:22px;
	background:#47a7b4;
	padding: 5px !important;
    border-radius: 5px !important;
    line-height: 1.5;
    margin:0px;
    text-align:center;
}
.h3_header2{
	display:none;
	}
.sep_botons{
	margin-right:10px;
}
.sep_botons2{
	margin-left:10px;
}
.dropdown-menu {
    position: absolute;
    top: 100%;
    right: 0px;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 250px;
    padding: 1vh 0;
    margin: 0.3vh 0 0;
    font-size: 18px;
    color: black !important;
    text-align: left;
    list-style: none;
    background-color: white;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 5px;
}
.dropdown-menu a{color: black !important;
	}
/*fin header*/
/*------------------- curriculum*/
.contenedor_p2{
	/*flex*/
	display:flex;
	flex-direction:column;
}
.contenedor_cv{
	/*flex*/
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
}
.contenedor_cv h4{
	font-family: 'Poiret One', cursive !important;
	margin:auto auto 15px auto!important;
	text-align:left;
}
.cv h3{
	font-family: 'Poiret One', cursive;
	font-size:18px;
	text-align:center;
	color:white;
}
.h3_header{
	display:none;
}
 /*-------  modificando bootstrap*/
.nav{
	width:30%;
}
.navbar{
	width:100%;
	height:7vh;
	position: relative;
	padding:0px !important;
	color:white;
	font-family: 'Poiret One', cursive;
}
#navbar-example2{
	background:rgba(0,0,0,0);
	margin:0px;
	z-index:200 !important;
}
.link_p{
	display: block !important;
    padding: 5px !important;
    border-radius:5px !important;
    line-height: 1.5;
    cursor:pointer !important;
}
.nav-link {
	margin:0px !important;
    display: block !important;
    padding: 0px !important;
    border-radius:0px 5px !important;
    opacity:0 !important;
}
.nav-item{
	position:absolute;
	top:0;
	right:0;
}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    /*color: #fff;*/
    opacity:1 !important;
    background-color:rgba(0,0,0,0) !important;
    border:0px !important;
}
.cv_icon{
	width:30px;
}
.scrollspy-example {
    position: relative;
    width:100%;
    height: 70vh;
    margin-top: -7vh;
    padding:5px 30px 5px 5px;
    overflow: auto;
    background-color:white;
    text-align:left;
}
.scrollspy-example b{
	color:#47a7b4;
}
/*------- fin  modificando bootstrap*/
/**/
.line{
	text-align:left;
	width:25%;
	border-bottom:15px dotted #47a7b4;
	margin:20px 10px 20px auto;
}
/*habilidades - barras --------------------------*/
.habilidades{
	display:flex;
	flex-direction:column;
}
.barra{
	display:block;
    width: 80vw;
    height: 30px;
    border-radius: 20px;
    background-color: white;
    box-shadow: 4px 6px 8px -6px rgba(0,0,0,0.75);
    color: black;
    text-align: right;
    margin:0px auto 10px 0vw; 
}
#Ai{
    width: 90%;
    height: 30px;
    background-color:#fdc158;
    border-radius:20px 0 0 20px;
}
#Ps{
    width: 70%;
    height: 30px;
    background-color: #80bcf8;
    border-radius: 20px 0 0 20px;
	}
#Ae{
    width: 70%;
    height: 30px;
    background-color:#9CC2B7;
    border-radius:20px 0 0 20px;
}
#In{
    width: 90%;
    height: 30px;
    background-color: #e746a0;
    border-radius: 20px 0 0 20px;
}
#Pr{
    width: 70%;
    height: 30px;
    background-color:#d96dfc;
    border-radius:20px 0 0 20px;
}
#css{
    width: 60%;
    height: 30px;
    background-color: #f97c2c;
    border-radius: 20px 0 0 20px;
}
.texto{
	transition-delay:1s;
	padding:3px;
	margin:0px 6px 0px 3px;
    font-size:16px;
    font-family: 'Poiret One', cursive !important;
}
 
.barra > div{
   -webkit-animation: progress-barra 2s;
   -moz-animation: progress-barra 2s;
}
 
@-webkit-keyframes progress-barra {
  0% { width: 0; }
} 
 
@-moz-keyframes progress-barra {
   0% { width: 0; }
}
/**/
/* Parte sobre mi #Misistikis*/
.con_emojis{
	width:100%;
	/*flex*/
	display:flex;
	justify-content:space-between;
}
.columna_trabajo{
	width:58vw;
	/*flex*/
	display: flex;
	flex-direction:column;
	justify-content: center;
	align-items:flex-start;
}
.columna_cualidades{
	/*flex*/
	display: flex;
	flex-direction:column;
	justify-content: flex-start;
}
.img_soy1{
	width:56vw;
	border:solid 2px black;
	border-radius:10px;
}
.emojis1{
	height:430px;
	margin-left:2vw;
}
/**/
/*---- contacto y objetos de lugar-variable dependiendo del tamaño y posición*/
.pie_cv{
	width:100%;
	height:14vh;
	margin:2vh 0 2vh 0;
	color:white;
	background-color:black;
	/*flex*/
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
}
.emojis2_gif{
	display:none;
}
.h3_footer{
	display:block;
	}
.contactame{
	width:100%;
	height:9vh;
	background:#47a7b4;
	border-radius:5px;
	padding:5px;
	/*flex*/
	display:flex;
	justify-content: space-between;
	align-items:center;
}
.contactame .telefonito{
	width:38px;
	height:38px;
}
.contactame .img_inst{
	width:38px;
	height:38px;
}
/**/
/**/
/**/
/**/
/**/
/**/
/* ---------------------------------------------------- MediaQuery*/
/**/
@media (min-width:568px){
	.cv{
		padding: 5vh;
	}
	.cbeza1{
		width:70vw;
	}
	.cbeza {
        height: 11vh;
        margin:0vh 0 2vh 0;
	}
	.cbeza2{
		width:30vw;
		justify-content:flex-end;
	}
	.h3_header2{
		display:block;
	}
	.contenedor_p2 {
		height:77vh;
    	flex-direction: row;
    	justify-content: center !important;
    	align-items:center;
	}
	.contenedor_cv {
    	width: 70vw;
    	height:76vh;
	}
	.scrollspy-example {
    	height: 76vh;
	}
	.h3_footer{
		display:none;
	}
	.barra{
		width:55vw;
	}
	.line{
		width:15%;
	}
	.emojis1{
		display:none;
	}
	.img_soy1{
		width:30vw;
	}
	.columna_trabajo{
		width:100%;
		/*flex*/
		display: flex;
		flex-direction:row;
		justify-content: space-between;
		align-items:center;
	}
	.columna_cualidades{
		width:50%;	
		/*flex*/
		display: flex;
		flex-direction:column;
		justify-content: flex-start;
	}
	.pie_cv {
		width: 30vw;
    	height: 68vh;
    	padding: 1vw 0 1vw 1vw;
    	/*flex*/
		display:flex !important;
		flex-direction: column;
    	justify-content:space-between!important;
    	align-items: center !important;
    }
        .emojis2_gif{
		display:block;
		width:185px;
		height:46.25px;
		background: url(../Media/gustos.gif);
		background-size:cover;
	}
	.contactame{
		height:70%;
		/*flex*/
		flex-direction:column-reverse;
		justify-content: space-around;
		align-items:center;
	}
    .contactame div {
    	margin-top: 0px !important;
    }
	.contactame div a{
    	cursor:pointer !important;
	}
	.arroba{ 
  		order: -1; 
	}
}
/**/
/**/
@media (min-width:768px) and (orientation: portrait){
	a {
    	font-size: 30px !important;
	}
	header h6 {
    	font-size: 32px;
	}
		h5 {
   		font-size: 32px!important;
	}
	/**/
	.cv{
		display:flex;
		flex-direction:column;
		justify-content:space-between;
	}
	/*header*/
	.cbeza {
    	width: 100%;
    	height: 7vh;
    	margin: 2vh 0 2vh 0;
    	background-color: black;
    	display: flex;
    	justify-content: space-between;
    	align-items: center;
	}
	.cbeza1 {
    	display: flex;
    	justify-content: space-between;
    	align-items: center;
	}
	.cbeza2 {
    	display: flex;
    	justify-content: space-between;
    	align-items: center;
	}
	.h3_header2 {
    	display: none;
	}
	/**/
	/*cv*/
	.contenedor_p2 {
		height:79vh;
    	display: flex;
    	flex-direction: column;
    	justify-content:space-between !important;
	}
	.contenedor_cv {
    	width: 100%;
    	height: 66vh;
	}
	.con_emojis {
    	width: 100%;
   		display: flex;
    	justify-content: space-between;
	}
	.cv h3 {
    	font-size: 23px;
	}
	.cv_icon {
    	width: 45px;
	}
	.emojis1{
		display:block;
	}
	.scrollspy-example {
    	position: relative;
    	width: 100%;
    	height: 70vh;
    	margin-top: -6vh;
    	padding: 5px 45px 5px 20px;
    	overflow: auto;
    	background-color: white;
    	text-align: left;
	}
	.scrollspy-example h4 {
		font-size:2rem !important;
	}
	.scrollspy-example p {
		font-size:20px !important;
	}
	.line {
   		width: 10%;
	}
	.columna_trabajo {
    	width: 58vw;
    	display: flex;
    	flex-direction: column;
    	justify-content: center;
    	align-items: flex-start;
	}
	.columna_cualidades {
    	width: 100%;
    }
	.img_soy1 {
    	width: 45vw;
	}
	.emojis1 {
   		height: 580px;
	}
	/*habilidades - barras -------------------------- */
	.barra{
		height: 40px;
		width:70vw;
   		border-radius: 30px;
    }
	.texto {
    	font-size: 20px !important;
	}
	#Ai{
    	height: 40px;
    	border-radius:30px 0 0 30px;
	}
	#Ps{
   		height: 40px;
    	border-radius:30px 0 0 30px;
	}
	#Ae{
    	height: 40px;
    	border-radius:30px 0 0 30px;
	}
	#In{
    	height: 40px;
    	border-radius:30px 0 0 30px;
	}
	#Pr{
    	height: 40px;
    	border-radius:30px 0 0 30px;
	}
	#css{
   		height: 40px;
    	border-radius:30px 0 0 30px;
	}
	/**/
	.pie_cv {
    	width: 100%;
    	height: 11vh !important;
    	margin: 1vh 0 1vh 0;
    	color: white;
    	background-color: black;
    	display: flex;
    	flex-direction: column;
    	justify-content: center;
    	align-items: center;
	}
	.h3_footer {
    	display: block;
	}
	.img_inst {
    	width: 45px !important;
    	height: 45px !important;
	}
	.telefonito {
   		width: 45px !important;
    	height: 45px !important;
	}
	.emojis2_gif {
    	display: none;
	}
	.contactame {
    	width: 100%;
    	height:14vh;
    	background: #47a7b4;
    	border-radius: 5px;
    	padding: 5px;
    	display: flex !important;
    	flex-direction: row !important;
    	justify-content: space-between !important;
    	align-items: center !important;
	}
	.arroba {
    	order: 0;
	}
}
/**/
/**/
@media (min-width: 1024px){
	a {
    	font-size: 28px !important;
	}
	header h6 {
    	font-size: 30px;
	}
	h5 {
    	font-size: 30px!important;
	}
	/*CV*/
	.cv h3 {
    	font-size: 23px;
	}
	.cv_icon {
   		width: 45px;
	}
	.navbar {
    	width: 95%;
    }
    .line {
    	width: 10%;
    	margin: 35px 10px 35px auto;
	}
	.link_p:hover{
		text-decoration:none !important;
		opacity:0.5;
	}
	.dropdown-item:active{
		background-color:#47a7b4 !important;
	}	
	.emojis1 {
    	height: 580px;
	}
	.img_soy1 {
    	width: 30vw;
	}
	.scrollspy-example {
    	width: 100%;
    	height: 70vh;
    	margin-top: -6.6vh;
    	padding: 5px 64px 5px 30px;
	}
    /*----- footer -----*/
    .contactame div:hover{
		opacity:0.5;
	}
	.img_inst {
    	width: 45px !important;
    	height: 45px !important;
	}
	.telefonito {
   		width: 45px !important;
    	height: 45px !important;
	}
	.emojis2_gif {
    	width: 264px;
    	height: 66px;
    }
/*habilidades - barras -------------------------- */
	.barra{
		width: 55vw;
		height: 40px;
    	border-radius: 30px;
    }
	.texto {
    	font-size: 20px !important;
	}
	#Ai{
    	height: 40px;
    	border-radius:30px 0 0 30px;
	}
	#Ps{
   		height: 40px;
    	border-radius:30px 0 0 30px;
	}
	#Ae{
    	height: 40px;
    	border-radius:30px 0 0 30px;
	}
	#In{
    	height: 40px;
    	border-radius:30px 0 0 30px;
	}
	#Pr{
    	height: 40px;
    	border-radius:30px 0 0 30px;
	}
	#css{
   		height: 40px;
    	border-radius:30px 0 0 30px;
	}
	.dropdown-menu a {
    	font-size:18px !important;
	}
}
/**/
@media all and (min-width: 1024px) and (device-height: 768px) and (orientation:landscape){
	.navbar {
    	width: 100%;
    }
    .line {
        margin: 35px 10px 35px auto;
	}
	.columna_trabajo {
    	margin:30px 0 110px 0;
	}
}
/**/
@media (min-width: 1440px){
	.cv {
    	padding: 10vh;
	}
	.line {
    	width: 77px;
	}
	.cv_icon {
    	width: 59px;
	}
	.navbar {
    	width: 96% !important;
    }
	.scrollspy-example {
		width:99.9%;
    	margin-top: -6.9vh;
    	padding: 5px 80px 5px 80px;
	}
	/*habilidades - barras -------------------------- */
	.habilidades{
		flex-flow: row wrap;
		align-content: space-between;
	}
	.barra {
    	width: 25vw;
	}
	/**/
	.pie_cv{
    	padding: 1vw 0 1vw 1vw;
	}
	.img_soy1 {
    	width: 20vw;
	}
	.contactame {
    	height: 60%;
    	width:360px;
	}
	.emojis2_gif {
    	width: 360px;
    	height: 90px;
	}
}