body{
    font-family:Arial,sans-serif;
    margin:0;
    padding:0;
    display:flex;
    justify-content:center;
    align-items:center;
    min-height:100vh;
    background-color:#f7f7f7
}
.container{
    display:flex;
    flex-direction:column;
    max-width:900px;
    width:100%;
    background-color:#fff;
    box-shadow:0 4px 8px rgba(0,0,0,0.1);
    border-radius:8px;
    overflow:hidden
}
.centrado{
    text-align:center;
    margin:0 !important;
}
.left-column,.right-column{
    padding:20px;
    flex:1
}
.left-column{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center
}
.left-column img{
    max-width:100%;
    height:auto;
    margin-bottom:20px
}
.right-column{
    display:flex;
    flex-direction:column;
    justify-content:center;
    text-align:center
}
.right-column h1{
    font-size:24px;
    margin-bottom:20px;
    color:#333
}
.right-column p{
    font-size:16px;
    line-height:1.6;
    margin-bottom:20px;
    color:#555
}
.right-column a{
    color:#0078A3;
    text-decoration:none;
    font-weight:bold
}
.right-column a:hover{
    text-decoration:underline
}
@media(max-width:767px){
    .right-column{
        order:1
    }
    .left-column{
        order:2
    }
}
@media(min-width:768px){
    .container{
        flex-direction:row
    }
    .right-column{
        order:2;
        text-align:left
    }
    .left-column{
        order:1
    }
}