.cuadro-clinico {
    display: flex;
    gap: 40px;
    width: 100%;
}

.cuadro-clinico .cuadro-1 {
    width: 60%;
}
.cuadro-clinico .cuadro-2 {
    width: 35%;
}  

@media (max-width: 500px) {
    .cuadro-clinico {
        flex-direction: column;
        gap: 20px;
    }

    .cuadro-clinico .cuadro-1,
    .cuadro-clinico .cuadro-2 {
        width: 100%;  
    }
}