#cap, h1, #mollaPa, #titolAplicacio, #eines, #peu, .intro, #formCD {display:none;}
#opcions h2 {display:none;}

.cont_gestib_pda {display:none;}
.total p {margin:0;}
.error { display: none}

#accesClassic{position:absolute;top:550px;left:45%;}

.boto2{
    font:bolder 15px arial, sans-serif;
    cursor: pointer;
    color: #79480D;
    border:1px solid #7F9DB9;
    background:url(../../img/login/fondo_botonera.png);
    padding:2px 10px 2px 10px;
    margin-left:145px;
    text-align:center;
    -moz-border-radius:5px;
    border-radius:5px;
}
.boto:hover{color:#006699;}
#antic span.etiqueta { display:none; }

/*.botonera {position:absolute; top:-35px; left:375px;}*/
.botonera input{border:1px;height:100px; padding:0; cursor:pointer !important;}
.botonera input:hover {height:100px !important;}

form p label[for|="j_username"] span.etiqueta { display:none; }
form p label[for|="j_password"] span.etiqueta { display:none; }

/* Fons principal color crema per al login */
.login-page, .register-page {
    background: #fdf6ec !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    align-items: center !important;
    min-height: 100vh !important;
    padding-top: 5vh !important;
    padding-bottom: 40px !important;
}

@media (max-width: 767px) {
    .login-page, .register-page {
        padding-top: 1vh !important;
    }
}

.login-box {
    width: 90% !important;
    max-width: 380px !important;
    margin: 0 auto !important;
    background: transparent !important;
    box-shadow: none !important;
}

/* Caixa blanca del login amb ombra visible */
.login-box-body {
    background: #ffffff !important;
    border-radius: 12px !important;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.15) !important;
    padding: 26px 22px !important;
    border: none !important;
}

.login-logo {
    color: #f39c12 !important;
    font-size: 42px !important;
    font-weight: 700 !important;
    margin-bottom: 24px !important;
    text-align: center !important;
    display: block !important;
}

.login-logo strong {
    color: #f39c12 !important;
    font-weight: 700 !important;
}

.login-logo img {
    height: 52px !important;
    width: auto !important;
    vertical-align: middle !important;
    margin-right: 8px !important;
    display: inline-block !important;
}

#titol,
.login-logo-sub {
    font-size: 14px !important;
    font-weight: 500 !important;
    letter-spacing: 0.2px !important;
    margin-top: 10px !important;
    color: #475569 !important;
    display: block !important;
    text-align: center !important;
}

/* Jerarquia de botons */
#inici {
    background-color: #1e3a5f !important;
    border: 2px solid #1e3a5f !important;
    color: #ffffff !important;
    border-radius: 8px !important;
    font-weight: 600 !important;
    padding: 11px !important;
    font-size: 14px !important;
    transition: all 0.15s ease;
}
#inici:hover {
    background-color: #152943 !important;
    border-color: #152943 !important;
}

#iniciaEmailUser {
    background-color: #ffffff !important;
    border: 2px solid #1e3a5f !important;
    color: #1e3a5f !important;
    border-radius: 8px !important;
    font-weight: 600 !important;
    padding: 10px !important;
    font-size: 14px !important;
    transition: all 0.15s ease;
}
#iniciaEmailUser:hover {
    background-color: #f0f7ff !important;
}

#resetPass {
    background-color: #F3F4F6 !important;
    border: 1px solid #E5E7EB !important;
    color: #374151 !important;
    border-radius: 8px !important;
    font-weight: 500 !important;
    padding: 10px !important;
    font-size: 14px !important;
    transition: all 0.15s ease;
}
#resetPass:hover {
    background-color: #E9EAEC !important;
    border-color: #D1D5DB !important;
}

#changePass {
    background-color: #ffffff !important;
    border: 1px solid #D1D5DB !important;
    color: #6B7280 !important;
    border-radius: 8px !important;
    font-weight: 400 !important;
    padding: 10px !important;
    font-size: 14px !important;
    transition: all 0.15s ease;
}
#changePass:hover {
    background-color: #F9FAFB !important;
}

#noTencUsuari {
    background-color: #ffffff !important;
    border: 1px solid #D1D5DB !important;
    color: #6B7280 !important;
    border-radius: 8px !important;
    font-weight: 400 !important;
    padding: 10px !important;
    font-size: 14px !important;
    transition: all 0.15s ease;
}
#noTencUsuari:hover {
    background-color: #F9FAFB !important;
}

.container {
    padding: 2rem 0rem;
}

.modal-dialog {
    margin-top: 30px;
    max-width: 100%;
}

.modal-content {
    border-radius: 0rem;
}

.form-control-feedback {
    pointer-events: all;!important
}

#iconEye {
    cursor: pointer;
}