.marco{
    width:100%;
    padding:40px 25px 55px 25px;
    background-color:white;
}
.contact-box {
    display: flex;
    gap: 50px;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

.contact-left {
    width: 60%;
    flex-shrink: 0; /* No se achica */
}

.contact-right {
    width: 300%;
    flex: 1; /* Toma todo el espacio restante */
}

/* Para pantallas pequeñas: apila verticalmente */
@media (max-width: 790px) {
    .contact-box {
        flex-direction: column;
    }

    .contact-left,
    .contact-right {
        width: 100%;
    }
}