/*.login_content div.logingentella {
    margin: 20px 0;
    position: relative
}

.DivImg {
    display: flex;
    justify-content: center;
    align-items: center;
    
}

.login {
    background: #203ed5 !important;
}

.login_content h1 {
    color: white !important;
}

.login_content a {
    color: white !important;
}

.clearfix {
    color: white !important;
}



html, body {
    height: 100%;
    margin: 0 !important;
    padding: 0 !important;
    overflow-x: hidden !important;
    font-family: 'DM Sans', sans-serif !important;
}*/

/* ===============================
   Paleta Daypass
================================ */
:root {
    --primary: #2e42d5 !important; /* Azul Daypass principal */
    --primary-soft: #3449db !important; /* Variación sutil (+3–4%) */
    --primary-light: #3449db !important; /* Hover / badges / accent */
    --background-light: #F6F7FB !important; /* Fondo general */
    --text-dark: #222222 !important;
    --white: #FFFFFF !important;
    --success: #2bb673;
    --success-hover: #25a166;
    --dark: #9e9e9e !important;
    --dark-hover: #8a8a8a !important;
}

html, body {
   /* height: 100%;
    margin: 0 !important;
    padding: 0 !important;
    overflow-x: hidden !important;*/
    font-family: 'DM Sans', sans-serif !important;
}


/* ===============================
   Botones
================================ */

/* PRIMARY */
.btn-primary, .btn-secondary {
    background-color: var(--primary) !important;
    border-color: var(--primary) !important;
    color: var(--white) !important;
}

    .btn-primary:hover {
        background-color: var(--primary-light) !important;
        border-color: var(--primary-light) !important;
    }

/* SUCCESS */
.btn-success {
    background-color: var(--success) !important;
    border-color: var(--success) !important;
    color: var(--white) !important;
}

    .btn-success:hover {
        background-color: var(--success-hover) !important;
        border-color: var(--success-hover) !important;
    }

/* DARK (gris elegante) */
.btn-dark {
    background-color: var(--dark) !important;
    border-color: var(--dark) !important;
    color: var(--white) !important;
}

    .btn-dark:hover {
        background-color: var(--dark-hover) !important;
        border-color: var(--dark-hover) !important;
    }


/* estilos de boton de cambio de idioma para login  */

.lang-wrapper {
    position: relative;
    display: inline-block;
}

/* Botón */
.tsl {
    background: transparent;
    border: 1px solid #ddd;
    padding: 6px 12px;
    border-radius: 6px;
    cursor: pointer;
    font-weight: 600;
}

/* Menú */
.wnv {
    position: absolute;
    top: 110%;
    right: 0;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 6px;
    display: none;
    flex-direction: column;
    min-width: 120px;
    z-index: 9999;
}

    /* Estado abierto */
    .wnv.open {
        display: flex;
    }

    /* Opciones */
    .wnv button {
        background: none;
        border: none;
        padding: 10px;
        text-align: left;
        cursor: pointer;
        width: 100%;
    }

        .wnv button:hover {
            background: #f2f2f2;
        }

/* MOBILE */
@media (max-width: 768px) {
    .wnv {
        left: 0;
        right: auto;
    }
}




.top_nav,
.nav_menu {
    border: none !important;
    box-shadow: none !important;
}





.site_title {
    height: 38px; /* tamaño REAL del logo */
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 10px;
}

    .site_title img {
        height: 100%;
    }

/* Altura general basada en el logo */
.top_nav,
.top_nav .nav_menu {
    height: 38px;
}

    /* Items del navbar */
    .top_nav .navbar-right > li {
        height: 38px;
        display: flex;
        align-items: center;
    }

.nav.toggle a {
    height: 38px;
    width: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.user-profile {
    height: 38px;
    display: flex;
    align-items: center;
    padding: 0 10px;
}

.btn-search {
    background-color: #203dd6 !important;
    border-color: #203dd6 !important;
}

