body {
        margin: 0;
        padding: 0;
    }

    .footer {
        background-color: rgba(250,250,250,0.1); /* Fondo oscuro semitransparente */
        color: #fff; /* Texto blanco */
        padding: 0px 0; /* Espaciado interno superior e inferior */
        text-align: center; /* Alineación del texto al centro */
        position: absolute;
        bottom: 0;
        width: 100%;
    }

    .social-icon {
        font-size: 20px;
        color: #ffca02;
        background: #fff; /* Fondo naranja al tocar */
        border-radius: 20%; /* Círculo alrededor del ícono */
        padding: 2px; /* Espaciado dentro del círculo */
        transition: all 0.3s; /* Transición para el cambio de color y escala al pasar el mouse */
    }

    .social-icon:hover {
        color: #ffca02; /* Color naranja al pasar el mouse */
        transform: scale(1.2); /* Aumento de escala al pasar el mouse */
    }

    .password-input-container {
        position: relative;
    }

    .password-input-container .toggle-password {
        position: absolute;
        right: 10px;
        top: 50%;
        transform: translateY(-50%);
        background: none;
        border: none;
        padding: 0;
        cursor: pointer;
    }

    .password-line {
        position: absolute;
        width: 100%;
        height: 2px; /* Grosor de la línea */
        background-color: black; /* Color de la línea */
        top: 50%;
        left: 0;
        transform: translateY(-50%);
    }