
body{
    box-sizing: border-box; 
    font-family: "Roboto Serif", serif;
    background: linear-gradient(to bottom right, #070707, #000000);
    /* background: linear-gradient(to bottom right, #6d6d6e, #1a1a1a); */
    margin: 0;
}
main{
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
}
.titulo-info {
    font-weight: 700;
    font-size: 32px;
    color: #e2784b;
}
.texto-info{
    font-weight: 400;
    color: #fec396;
}
.contendor-imagen img:nth-child(1){
    height: 300px;
}
.contendor-imagen img:nth-child(2){
    height: 200px;
}
.contendor-imagen {
    display: flex;
    flex-direction: column;
    align-items: center;
}

@media (max-width: 1024px) {
    main {
        flex-direction: column; /* Cambia a filas para pantallas grandes */
        height: 100vh;
    }
    .contendor-imagen {
        flex-direction: column; /* Muestra imágenes en fila */
        justify-content: center;
        gap: 20px;
    }
    .texto-info{
        padding: 0 20px;
    }
    .texto-info, h1, p{
        text-align: center;
        
    }
}
@media (max-width: 768px) {
    .contendor-imagen img:nth-child(1){
        height: 130px;
    }
    .contendor-imagen img:nth-child(2){
        height: 130px;
    }
}