.div-contacto {
    position: fixed; 
    z-index: 1000; 
    right: 0; 
    overflow: hidden;
    white-space: nowrap;
    transition: transform 0.3s ease-in-out;
    width:900px; 
    height:500px;
    background-color: #edf2f7; 
    padding:20px;
}

.titulo-contacto {
    line-height: 35px; 
    font-size: 38px; 
    color: #3294c4; 
    font-weight: bolder;
}

.hidden-contacto {
  transform: translateX(100%); /* El contenido estará inicialmente oculto hacia la derecha */
  opacity: 0; /* Añadimos opacidad para que el contenido sea completamente transparente */
  visibility: hidden;
}