/* Este fondo solo se aplicará a la página cuando pida la contraseña */
body.post-password-required {
    background-image: url('/wp-content/uploads/2026/04/Logo-Club-montanero-Sierra-de-Alcaraz.webp') !important;
    background-size: cover;
    background-attachment: fixed;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100vh;
}

/* Ocultamos el header y footer */
body.post-password-required header, 
body.post-password-required footer {
    display: none !important;
}

/* Contenedor principal del formulario */
.post-password-form {
    background: rgba(255, 255, 255, 0.95) !important;
    padding: 40px !important;
    border-radius: 20px !important;
    box-shadow: 0 15px 35px rgba(0,0,0,0.2) !important;
    max-width: 600px !important; /* Aumentamos el ancho para que quepan ambos en línea */
    text-align: center !important;
}

/* --- ESTO PONE EL INPUT Y EL BOTÓN AL MISMO NIVEL --- */
.post-password-form p:last-child {
    display: flex !important;
    gap: 10px !important; /* Espacio entre el cuadro y el botón */
    align-items: stretch !important;
    justify-content: center !important;
}

/* Estilo para el input de password */
.post-password-form input[type="password"] {
    flex: 1 !important; /* Hace que el campo crezca para ocupar el espacio */
    padding: 12px !important;
    margin: 0 !important; /* Quitamos márgenes para que no se descuadre */
    border: 1px solid #5d6d5d !important;
    border-radius: 8px !important;
    height: 45px !important; /* Altura fija para igualar con el botón */
    box-sizing: border-box !important;
}

/* Estilo para el botón "Entrar" */
.post-password-form input[type="submit"] {
    background-color: #5d6d5d !important;
    color: white !important;
    padding: 0 25px !important; /* Espacio horizontal interno */
    margin: 0 !important;
    border: none !important;
    border-radius: 8px !important;
    cursor: pointer !important;
    font-weight: bold !important;
    text-transform: uppercase !important;
    height: 45px !important; /* Misma altura que el input */
    display: flex !important;
    align-items: center !important;
    transition: background 0.3s !important;
}

.post-password-form input[type="submit"]:hover {
    background-color: #445044 !important;
}
.opt:hover{
    cursor: pointer;
}