.centered-content {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    text-align: center;
}
/* -- Estilos login -- */

.button-outline {
    padding: 12px 30px;
    border: 2px solid white;
    background: transparent;
    border-radius: 8px;
    color: white;
    font-size: 1.5em;
    text-transform: uppercase;
    cursor: pointer;
    transition: all 0.3s ease;
    font-family: 'FS Industrie Bold';
}

.button-outline:hover {
    color: #888;
    border: 2px solid #888;
}

.menu-content {
    color:#fff; 
    display: flex; 
    justify-content: space-between;
    align-items: center;
    padding: 8px 100px;
}
.login-form {
    background-color: transparent; /* Fondo transparente para el contenedor del formulario si lo tuvieras */
    padding: 20px;
    /* border: 1px solid rgba(255, 255, 255, 0.2); /* Opcional: un borde sutil para el formulario */ */
    border-radius: 8px;
    text-align: left;
}

.input-label {
    display: block; /* Para que la etiqueta esté en su propia línea */
    margin-bottom: 5px; /* Espacio entre la etiqueta y el input */
    font-size: 0.9em; /* Un poco más pequeño que el texto del input */
    color: rgba(255, 255, 255, 0.7); /* Color de texto ligeramente atenuado */
    text-transform: uppercase; /* Para que coincida con tu imagen */
    letter-spacing: 1px; /* Espaciado entre letras como en la imagen */
}

.custom-input {
    /* Fondo transparente y sin bordes */
    background-color: transparent;
    border: none; /* Quita todos los bordes */
    outline: none; /* Quita el contorno azul/naranja que aparece al enfocar */

    /* Solo el borde inferior */
    border-bottom: 1px solid #777; /* Un borde gris sutil */

    /* Estilos del texto dentro del input */
    color: white; /* Color del texto que el usuario escribirá */
    font-size: 1.2em; /* Tamaño de fuente del texto del input */
    padding: 8px 0; /* Espaciado interno: 8px arriba/abajo, 0 a los lados */
    margin-bottom: 20px; /* Espacio debajo del input */
    width: 100%; /* Para que ocupe todo el ancho disponible */

    /* Estilos para el estado de enfoque (cuando el usuario hace clic o tabula en el input) */
    transition: border-bottom-color 0.3s ease; /* Suaviza el cambio de color del borde */
    font-family: 'FS Industrie Regular';
}

.custom-input:focus {
    border-bottom-color: #007bff; /* Cambia el color del borde inferior al enfocar, puedes usar un blanco más brillante */
}
/* --- ESTILOS PARA EL PLACEHOLDER --- */

/* Para navegadores basados en WebKit (Chrome, Safari, Edge, Opera) */
.custom-input::-webkit-input-placeholder {
    color: white; /* Color blanco para el placeholder */
    opacity: 0.7; /* Opcional: un poco de transparencia para que no sea tan brillante como el texto real */
}

/* Para Mozilla Firefox */
.custom-input::-moz-placeholder {
    color: white; /* Color blanco para el placeholder */
    opacity: 0.7; /* Opcional: un poco de transparencia */
}

/* Para Internet Explorer 10 y 11 */
.custom-input:-ms-input-placeholder {
    color: white; /* Color blanco para el placeholder */
    opacity: 0.7; /* Opcional: un poco de transparencia */
}

/* Para Microsoft Edge (aunque Edge moderno ya usa el prefijo webkit, es buena práctica incluirlo) */
.custom-input::placeholder {
    color: white; /* Estándar W3C, para navegadores modernos */
    opacity: 0.7; /* Opcional: un poco de transparencia */
}

    input:focus {
        border-color: unset !important;
        box-shadow: unset  !important;
        outline: 0 none;
}

.offcanvas-backdrop  {
    background: unset !important;
}

.accordion-item {
    background-color: rgba(0,0,0,0) !important;
}
.accordion-button {
    background-color: rgba(0,0,0,0) !important;
    color: #fff !important;
}

.accordion-button:focus {
    border-color: unset;
    outline: 0 none !important;
    box-shadow: none;
}