.inputContacto{
    color: #FFFFFF;
    border-bottom: 1px solid #FFFFFF;
}

.btnSend{
    background-color: #FFFFFF;
    border-radius: 8px;
}

.btnMessage{
    border-radius: 50px;
    background-color: transparent;
    border: 1px solid #FFFFFF;
    color: #FFFFFF;
}

.btnMessage:hover{
    border: 1px solid #7548D9;
}

.containerMensajeMenthora{
    background-color: #161B22;
}

/* Contenedor para el efecto flotante */
.floating-label-group {
    position: relative;
    margin-bottom: 20px; /* Ajusta el espaciado vertical */
}

/* La etiqueta que flotará */
.floating-label-group label {
    position: absolute;
    pointer-events: none;  /* Para que no bloquee el click en el input */
    left: 0;
    top: 0;
    color: #ffffff;        /* Color de la etiqueta flotante */
    transition: 0.2s ease all;
}

/* Al enfocar el input o cuando tiene contenido (usando :placeholder-shown), animar la etiqueta */
.floating-label-group input:focus + label,
.floating-label-group input:not(:placeholder-shown) + label {
    top: -20px;    /* Ajusta la posición hacia arriba */
    font-size: 12px;
    color: #ffffff; /* Puedes poner otro color si gustas */
}

.input-error {
    border-bottom: 1px solid #7548D9;
    color: #7548D9;
}