body{
  margin: 0;
  font-family:sans-serif;
  background-image: url('../images/soldadura-profesional.jpg');
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center center;
  background-color: black;
}
main{
  height: 100lvh;
}  

.contenedor{
  margin: auto;
  max-width: 380px;
  height: 350px;
  display: flex;
  flex-direction: column;
  background-color: rgba(0, 0, 0, 0.7);
  border-radius: 12px;
}
.contenedor h1{
  margin: auto;
  color: rgb(255, 255, 255);
  font-size: x-large;
  font-weight: 400;
}
.contenedor p{
  margin: auto;
  color: #ddd;
  filter: drop-shadow(-5px 0px 10px rgb(250, 250, 250));
}
.logo{
  margin: auto;
  display: flex;
  flex-direction: column;
  text-align: center;
}
.logo img{
  width: 110px;
  margin: 20px auto;
}


.derechos {  
  margin-top: calc(100vh - 604px);
  display: none;
  /* display: flex; */
  flex-direction: column;
  background-color: rgba(0, 0, 0, 0.8);
}

.derechos p {
  color: #FCDC00;
  margin: auto;
  font-weight: lighter;
  padding: 20px 0 20px;
  text-align: center;
  font-size: small;
}

.crist a {
  color: white;
  font-weight: bolder;
  display: inline-block;
  position: relative;
  text-decoration: none;
}

.crist a:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 1px;
  bottom: 0;
  left: 0;
  background-color: #FCDC00;
  transform: scaleX(0);
  transform-origin: bottom right;
  transition: transform 0.3s ease-out;
}

.crist a:hover:after {
  transform: scale(1);
  transform-origin: bottom left;
}