@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,700');
@import url('https://fonts.googleapis.com/css?family=Poppins');
@import url('https://fonts.googleapis.com/css?family=Song+Myung');


body { background: #fff; font-family: 'Roboto', sans-serif;}
header { background-image: url(../img/fondo.jpg); background-size: cover; width: 100%; height: 12rem;  }
header a { text-decoration: none;}
header h1 { text-align: center;
color: #fff;
font-family: 'Song Myung';
font-size: 4rem;
padding: 1rem;
display: block;
margin: 0 auto;}
* { margin: 0; padding: 0%;}
nav ul { background-color: #d7cdf4; text-align: center; }
nav ul li { list-style-type: none; display: inline-block;  background-color: #d7cdf4; padding: 1rem; }
nav ul li a { color: #000; text-decoration: none; font-family: 'Song Myung'}
nav ul li a:hover { color: #ffff; text-decoration-line: underline;  padding: 1.2rem; font-family: 'Song Myung';transition: 0.7s;  }

h2 { font-family: 'Song Myung'; font-size: 3rem; padding-left: 2rem; margin-top: 2rem; color: #664e8d; }
h3 { font-family: 'Roboto', sans-serif; font-size: 1.5rem; font-weight: 300; padding-left: 2rem; padding-bottom: 0.5rem; }

.ficha .uno  {background-color: bisque; height: 5rem; margin-top: 1rem;}
.ficha .uno h4 { font-family: 'Song Myung'; font-size: 2rem; color: black; font-weight: 400;  text-align: center; position: absolute; padding: 1rem; margin-left: 2rem;}
.ficha .uno p {font-family: 'Roboto', sans-serif; font-size: 1rem; color: black; font-weight: 300;  text-align: right; padding: 1.5rem; margin-right: 2rem;}
.ficha .uno:hover {background-color: #ffc4d2; }
.ficha .uno:hover h4 { font-size: 2rem; color: white; font-weight: 400;  text-align: center; position: absolute; padding: 1rem;}
.ficha .uno:hover p {font-family: 'Roboto', sans-serif; font-size: 1rem; color: black; font-weight: 300;  text-align: right; padding: 1.5rem; margin-right: 2rem;}


.ficha .dos  {background-color: bisque; height: 5rem; margin-top: 1rem;}
.ficha .dos h4 {font-family: 'Song Myung';font-size: 2rem; color: black; font-weight: 400;  text-align: center; position: absolute; padding: 1rem; margin-left: 2rem;}
.ficha .dos p {font-family: 'Roboto', sans-serif; font-size: 1rem; color: black; font-weight: 300;  text-align: right; padding: 1.5rem; margin-right: 2rem;}
.ficha .dos:hover {background-color: #ffc4d2; }
.ficha .dos:hover h4 {  font-size: 2rem; color: white; font-weight: 400;  text-align: center; position: absolute; padding: 1rem;}
.ficha .dos:hover p {font-family: 'Roboto', sans-serif; font-size: 1rem; color: black; font-weight: 300;  text-align: right; padding: 1.5rem; margin-right: 2rem;}


.ficha .tres  {background-color: bisque; height: 5rem; margin-top: 1rem;}
.ficha .tres h4 { font-family: 'Song Myung'; font-size: 2rem; color: black; font-weight: 400;  text-align: center; position: absolute; padding: 1rem; margin-left: 2rem;}
.ficha .tres p {font-family: 'Roboto', sans-serif; font-size: 1rem; color: black; font-weight: 300;  text-align: right; padding: 1.5rem; margin-right: 2rem;}
.ficha .tres:hover {background-color: #ffc4d2; }
.ficha .tres:hover h4 {  font-size: 2rem; color: white; font-weight: 400;  text-align: center; position: absolute; padding: 1rem;}
.ficha .tres:hover p {font-family: 'Roboto', sans-serif; font-size: 1rem; color: black; font-weight: 300;  text-align: right; padding: 1.5rem; margin-right: 2rem;}