:root {
    --primary: #000;
    --secondary: rgba(189, 177, 255, 1);
    --tertiary: rgba(75, 237, 255, 1);
    --accent: #111;
    --light: #FFF;
    --font-family: 'Mulish', sans-serif;
}

.logotipo-img {
    background-image: url("../../img/hey-mx/logotipo.svg") !important;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    height: 80px;
}

.imgLogin {
    background-image: url("../../img/hey-mx/login/1013x850.jpg") !important;
    background-size: cover;
    background-position: center;
}

h1, h2, h3, h4, h5, h6 {
    font-family: var(--font-family) !important;
}
/*Login*/
.logotipo-desktop {
    background-image: url("../../img/hey-mx/logotipo.svg") !important;
}

.logotipo-mobile {
    background-image: url("../../img/hey-mx/logotipo.svg") !important;
}

.kt-login.kt-login--v3 .kt-login__wrapper .kt-login__container {
    margin-top: 15% !important;
}

    .kt-login.kt-login--v3 .kt-login__wrapper .kt-login__container .kt-login__head .kt-login__title {
        color: #000000;
        font-weight: 400 !important;
        font-size: 28px !important;
    }
    .kt-login.kt-login--v3 .kt-login__wrapper .kt-login__container .kt-form {
        margin-top: 30px !important;
    }
.form-group .ms-label {
    color: var(--primary) !important;
}

.btn-primary {
    background-color: var(--secondary);
    border-color: var(--secondary);
}

    .btn-primary:hover {
        background-color: var(--primary);
        border-color: var(--primary);
    }

.divider-medismart {
    display: flex !important;
    margin-bottom: 2rem;
}
.banner-mobile {
    display: none; /* Oculto en desktop */
}

.btn-primary.disabled, .btn-primary:disabled {
    color: #fff;
    background-color: rgb(135 118 231);
    border-color: rgb(135 118 231);
}
.login-footer .terminos a {
    color: #74788d;
}



#modalTerminos .modal-dialog,
#modalPoliticas .modal-dialog {
    width: calc(100% - 2rem);
    max-width: 900px;
    margin: 1rem auto;
}

#modalTerminos .modal-content.ms-legal-modal__content,
#modalPoliticas .modal-content.ms-legal-modal__content {
    max-height: 95vh;
    overflow: hidden;
    border-radius: 20px;
}

#modalTerminos .modal-header.ms-legal-modal__header,
#modalPoliticas .modal-header.ms-legal-modal__header {
    position: sticky;
    top: 0;
    background: #fff;
    z-index: 3;
}

#modalTerminos .modal-body.ms-legal-modal__body,
#modalPoliticas .modal-body.ms-legal-modal__body {
    padding: 0;
}

    #modalTerminos .modal-body.ms-legal-modal__body embed,
    #modalTerminos .modal-body.ms-legal-modal__body iframe,
    #modalPoliticas .modal-body.ms-legal-modal__body embed,
    #modalPoliticas .modal-body.ms-legal-modal__body iframe {
        display: block;
        width: 100%;
        height: 80vh;
        border: 0;
    }

#modalTerminos.modal.show .modal-dialog,
#modalPoliticas.modal.show .modal-dialog {
    align-items: flex-start !important;
}

/* Mobile: imagen más baja */
@media (max-width: 768px) {
    .kt-login.kt-login--v3 .kt-login__wrapper .kt-login__container .kt-login__head .kt-login__title {
        font-size: 24px !important;
    }

    #imgLogin {
        height: 100%;
        width: 50vw;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
    }
    .logotipo-mobile {
        background-size: 30vw;
    }
    .banner-mobile {
        width: 100%;
        height: 300px; /* ajustalo si querés */
        background-image: url('/img/hey-mx/login/960x975.jpg');
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }
}
@media (max-width: 425px) {
    .kt-page .kt-login {
        background-color: #f9f9fc;
    }
    .cont-logo-mobile {
        display: flex;
        flex-direction: column;
    }

    .kt-login .accesible-btn button {
        border: 1px solid var(--secondary);
        color: var(--secondary);
    }
        .kt-login .accesible-btn button:hover {
            background-color: var(--secondary);
            color: #FFF;
        }
}

    /*HOME*/

    .body-home {
        background-image: linear-gradient(178.94deg, rgba(189, 177, 255, 1) -19.14%, rgba(75, 237, 255, 1) 109.27%);
        background-blend-mode: multiply;
    }

        .body-home .logo-home img {
            max-width: 52px;
            width: 100%;
        }

    .accesible-btn {
        display: flex;
        justify-content: center;
    }

    .cont-icon {
        background-color: blue;
    }

    .card-body .leyenda-card-home {
        color: #000000;
    }

    .body-home .top-banner {
        background-image: url(../../img/hey-mx/fondo-banner.svg);
    }
    .top-banner .rounded-circle {
        border: 4px solid #fff;
    }

    .body-home .top-banner .legend .saludo-usuario{
        color: var(--primary) !important;
    }
    .text-warning {
        color: var(--primary) !important;
    }

.body-home .menu-top .item-menu-top:hover i, .body-home .menu-top .item-menu-top:hover .label-menu {
    color: #fff;
}
    .body-home .accesible-btn button {
        border: 1px solid var(--secondary);
        color: var(--secondary);
    }
        .body-home .accesible-btn button:hover {
            background-color: var(--secondary);
            color: #FFF;
        }

.body-home .card-plan .costo, .body-home .card-plan .pronto-card, .body-home .card-plan .atencion-24 {
    background-color: var(--secondary);
    color: #fff;
}
    /*
SALA ESPERA*/
    .hotspot-icon .cont-icon, .btn-sala .cont-icon, #hs-g .cont-icon {
        background-color: rgba(0, 0, 0, 1) !important;
    }

    .hotspot-icon:hover .cont-icon,
    #hs-g:hover .cont-icon {
        background-color: rgba(189, 177, 255, 1) !important;
    }

    .cont-icon .fal, .cont-icon .fab {
        color: #fff !important;
    }

    .hotspots .hotspot-icon:hover {
        color: #fff !important;
    }


    menu__item a, .kt-menu__item i {
        color: var(--secondary) !important;
    }

    menu__item:hover a, .kt-menu__item:hover i {
        color: #000 !important;
    }

    .ms-label-menu {
        color: #000 !important;
    }

    .kt-header .menu-top .item-menu-top .fal, .kt-header .menu-top .item-menu-top span {
        color: #000 !important;
    }

    .toolbar-bottom-mobile .toolbar-option {
        color: var(--secondary) !important;
    }

        .toolbar-bottom-mobile .toolbar-option span {
            color: var(--primary) !important;
        }

.kt-menu__nav .accesible-tools-desktop .accesible-btn button {
    border: 1px solid var(--primary);
    color: var(--primary);
}
    .kt-menu__nav .accesible-tools-desktop .accesible-btn button:hover {
        background-color: var(--primary);
        color: #FFF;
    }


/*AGENDAR*/
.step.active .label-step {
    color: var(--secondary);
}

.header-formulario i {
    color: var(--secondary) !important;
}
.caja-especialidad.active {
    background-color: var(--secondary) ;
    box-shadow: 0px 2px 20px var(--secondary) ;
}

.inner-especialidad strong {
    color: rgb(158 80 205) !important;
}

/*FARMACIA*/

.farm-recetanovigente {
    color: rgb(158 80 205) !important;
}

.exam-recetanovigente {
    color: rgb(158 80 205) !important;
}

/*HISTORIAL*/
.wow .tag {
    border: 1px solid var(--secondary);
    color: var(--secondary) ;
}

.wow__tarjeta {
    border: 1px solid rgba(59, 193, 205, 1)!important;
}
.tag-descarga {
    color: rgba(189, 177, 255, 1);
    border: 1px solid rgba(189, 177, 255, 1) !important;
}
.wow__historial .tarjeta__title {
    color: rgba(189, 177, 255, 1) !important;
}
.wow__title h2 {
    color: rgba(189, 177, 255, 1) !important;
}