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

*{ padding: 0; margin: 0; box-sizing: border-box; transition: 1s all; }

body {font-family: 'Raleway', sans-serif;}

#portada {
	font-family: 'Montserrat', sans-serif;
}

.vn26_perfil2 img {
	margin-top: 2rem;
}

#portada div h2 {
	color: white;
	font-family: 'Montserrat', sans-serif;
	font-weight: 100;
}


header {
	align-content: center;
	background-image: url(../img/portada_p2.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    width: auto;
    background-position: center;
}

h1 {
	color:#ffffff;
	padding: 1rem;
	text-align: center;
	font-family: 'Montserrat', sans-serif;
	font-weight: 300;
}

img {
	border-radius: 6rem; 
	border: 0.2rem solid white; 
	width: 100px;
}

header {
	text-align: center;
}

header p {
	font-size: 1rem;
	padding: 1rem;
	color: white;
}

main h2 a {
	color: #9b9595; 
	font-size: 1.5rem;
	margin-left: 0.5rem;
	font-weight: 100;
}

main section h3{
	background-color: black;
	color: white;
	padding: 1rem;
	font-size: .9rem; 
	font-family: 'Raleway', sans-serif; 
	font-weight: 500; 
	font-size: 1rem;
	text-align: center; 
}

main section article {
	padding: 1rem;
	text-align: center;
}

main section article p {
	padding: 0.5rem;
	padding: 0.5rem;
    display: grid;
}

main section article p a{
	text-decoration: none;
	color: black;
	font-size: 1rem;
	font-family: 'Raleway', sans-serif; 
	font-weight: 400;
	background-color: white;
    padding: 10px;
    border-radius: 0.5rem;
}


.columnas {
	justify-content:center;
} 
.columna-1{
	background-color: #8ad7f1;
	width: auto;
}
.columna-2{
	background-color: #4ac4ec;
	width: auto;
}
.columna-3{
	background-color: #009ed2;
	width: auto;
}






footer {
	color: white;
	background-color: black; 
	padding: 1rem;
	font-size: 1rem;
	text-align: center;
	font-family: 'Raleway', sans-serif; 
}

/* Menu */
nav{
	background-color: white; 
	padding: 1rem; 
	text-align: center 
}

nav ul li {
	display: inline-block;
}
nav ul li a{
	color:#0894dc; 
	text-decoration: none;
	padding: 0.5rem;
	font-family: 'Raleway', sans-serif; 
}
.link-activo{
	background: black;
	border-radius: 0.9rem;
}







/* RESPONSIVE RESPONSIVE RESPONSIVE RESPONSIVE */

/* cuando es mayor a 768px */

@media screen and (min-width:48rem){
    
    img {
    	border-radius: 6rem; 
    	border: 0.2rem solid white; 
    	width: 150px;
    }

    header {
    	background-image: url(../img/portada_p2.jpg);
    	background-size: cover;
    	background-position: center;
    	height: 22.5rem;
    }

    .vn26_perfil2 img {
    margin-top: 4rem;
    }

    h1 {
    	font-size: 3rem;
    }
    nav ul li a{
    	color:#0894dc; 
    	text-decoration: none;
    	padding: 0.5rem;
    	font-family: 'Raleway', sans-serif;
    	font-size: 1.5rem
    }
    main section article {
    	text-align: center;
    }

    main section article div {
	width: 50%;
    margin: auto;
    }

    .columnas {
	display: flex;
	justify-content:center;
} 
    .columna-1{
	width: 34%;
}
    .columna-2{
	width: 34%;
}
    .columna-3{
	width: 34%;
}






















    footer {
    	font-size: 1rem;
    }
    
}