*{
    margin: 0px;
    padding: 0px;
    line-height:30px;
    font-size: 20px;
}
.main{
    width: 100%;
}
.main .informacion{
    widows: 100%;
    display: flex;
    border-top: #981914 solid 3px;
}
.main .informacion .imagen-der{
    width:60%;
}
.main .informacion .info-der{
    background:#fff;
    width: 40%;
    padding: 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: left;
}
.main .informacion .imagen-izq{
    width:60%;
}
.main .informacion .info-izq{
    background:#333;
    width: 40%;
    padding: 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: left;
    color: #fff;
}
.main .informacion .info-izq ul{
    margin-left: 20px;
}
.main img{
    width: 100%;
    height: 100%;
}
.main .informacion .info-der a{
    display: inline-block;
    padding: 20px;
    background: #333;
    width: 27%;
    height: 5%;
    margin-top: 20px;
    text-align: center;
    color: #fff;
    text-decoration: none;
    font-size: 18px;
    border: #fff solid 2px;
}
.main .informacion .info-der p{
    font-size: 20px;
}
.main .informacion .info-der h2{
    color: #981914;
    font-size: 29px;
}
.main .informacion .info-izq h2{
    font-size: 29px;
}
.main .informacion .info-izq a{
    display: inline-block;
    padding: 20px;
    background: #fff;
    width: 27%;
    height: 5%;
    margin-top: 20px;
    text-align: center;
    color: #333;
    text-decoration: none;
    font-size: 18px;
    border: #333 solid 2px;
    align-self: end;
    margin-left: 64%;

}
.main .informacion .info-izq a:hover{
    background: #333;
    color: #fff;
    border: #fff solid 2px;
    transition: .5s;
}
.main .informacion .info-der a:hover{
    background: #fff;
    color: #333;
    border: #333 solid 2px;
    transition: .5s;
}
.afectado{
    transform: scaleX(1.03);
    transition: 1s;
  }
  .desafectado{
    transform: scale(1);
    transition:1s;
  }