
.cabezera-contacto {
    border-top: 1px solid black;
    border-bottom: 1px solid black;
    text-align: center;
    margin: 100px,0;
    padding: 40px;
    font-size: 3vh;
}
.contenido {
    display: flex;
    flex-direction: row;
}
.informacion {
    display: flex;
    flex-direction: column;
    width: 50%;
    margin-left: 50px;
}
.cuestionario {
    display: flex;
    flex-direction: column;
    margin-left: 50px;
    width: 50%;
}
.cuestionario * {
    align-content: center;
    width: 98%;
}
.cuestionario input[type="checkbox"] {
    width: auto;
}
.cuestionario input[type="submit"] {
    width: auto;
}
.iconos-rds {
    display: flex;
    justify-content: center;
    align-items: flex-end;
    height: 200px;
    width: 300px;
    margin-left: 60%;

    /* coloca los elemntos en fila */
}
.iconos-rds img {
    height: 30px;
}
.telegram {
 margin: 0;
}
.whatsapp {
    margin-bottom: 30% 
}
.iconos-rds-alineacion {
    display: flex;
    flex-direction: column;
    width: 100px;
    height: 200px;
    margin-bottom: 0;
/* alinea twttier y logo-central para que se vean en columna */
}
.twitter {
    height: 30px;
    width: 30px;
 align-self: center;
 /* ajusta el tamaño y centra la imagen */
}
.logo-central {
flex-basis: 100%;
/* ajusta el tamaño */
}
.instagram {
    margin-bottom: 30%
    /* ajusta la altura */
}
.facebook {
    padding: 0;
     /* ajusta la altura */
}
@media (max-width: 600px) {
    .cabecera {
        flex-direction: column; /* Hace que los elementos se apilen */
    }
    .contenido {
        flex-direction: column; /* Ajusta el contenido en columna para pantallas pequeñas */
        margin-left: 0;
    }
    .informacion, .cuestionario {
        width: 80%; /* Permite que los elementos ocupen todo el ancho */
    }
    .iconos-rds {
        margin-left: 0;
    }
}