/* prosegur > CO */


/*Floating Action Button > Canales de Contacto*/
@import url(fab.css);

:root {
    --primary: #000000;
    --secondary: #475467;
    --tertiary: #475467;
    --dark: #101828;
    --light: #FFF;
    --font-family: 'Mulish', sans-serif;
}

body {
    background-color: #f9f9fc !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: var(--font-family) !important;
}

a {
    text-decoration: none;
    background-color: transparent;
    cursor: pointer;
}

hr {
    margin: 1rem auto 1rem auto;
    border: 1px solid #dddddd;
}

.modal .modal-content .modal-header .close {
    color: var(--primary);
}

    .modal .modal-content .modal-header .close:hover {
        color: var(--secondary);
    }

#drop-mensajes-turno {
    background-color: #2d2d2d;
}

    #drop-mensajes-turno .cont-atencion-proxima {
        background-color: var(--primary) !important;
    }

    #drop-mensajes-turno .atencion-toolbar.atencion-proxima-toolbar {
        background-color: #f3f3f3;
    }

/* =====================================================
   LOGIN > Background Image — por dispositivo
   =====================================================

   Cascada:
   1. Base (sin Mediaquery): desktop → imagen grande 960x978
   2. Tablet landscape (aspect-ratio ≤ 4/3): imagen tablet 548x850
   3. Móvil portrait (max-width 768px): ocultar #imgLogin
   ===================================================== */

/* 1. Base — Desktop */
.theme-prosegurhogar  #imgLogin {
    background-image: url(../../img/prosegur/login_hogar/960x978.jpg);
}
.theme-prosegurnegocio #imgLogin {
    background-image: url(../../img/prosegur/login_negocio/960x978.jpg);
}
/* 2. Tablet en landscape (iPad Air, Mini, Pro — todos)
   iPads en landscape tienen aspect-ratio ≤ 4/3 (≈1.33).
   Laptops [16:10 | 1.60 y 16:9] tienen 1.78 → no entran aquí. */
@media screen and (orientation: landscape) and (max-aspect-ratio: 3/2) {

    .theme-prosegurhogar #imgLogin {
        background-image: url(../../img/prosegur/login_hogar/707x978.jpg);
    }
    .theme-prosegurnegocio #imgLogin {
        background-image: url(../../img/prosegur/login_negocio/707x978.jpg);
    }
}

/* 3. Móvil portrait — ocultar imagen lateral */
@media screen and (orientation: portrait){
    #imgLogin {
        display: none !important;
    }
    .bkg-login {
        display: none !important;
    }
}

.bkg-login {
    min-height: 100vh;
    display: flex;
    align-items: flex-start;
    max-height: 100vh;
}

#imgLogin {
    background-size: cover;
    background-position: top center;
}

.bkg-login img.login-lema {
    z-index: 10;
    width: 30vw;
    position: absolute;
    bottom: 10vh;
    right: 0;
}



.logotipo-desktop {
    background-image: url(../../img/prosegur/logo-empresa.png);
    width: auto;
    height: 100px;
}

.logotipo {
    margin-bottom: 3rem;
    width: 250px;
}

.logotipo-mobile {
    display: block;
    margin: 2rem auto;
    width: 100%;
    background-image: url(../../img/prosegur/isotipo.png) !important;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

.login-help i {
    color: #000000 !important;
}



.kt-login.kt-login--v3 .kt-login__wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%;
}

    .kt-login.kt-login--v3 .kt-login__wrapper .kt-login__container {
        margin: 5rem auto !important;
    }

        .kt-login.kt-login--v3 .kt-login__wrapper .kt-login__container .kt-login__head h3.kt-login__title {
            margin: 0 auto 2rem auto;
            width: 100%;
            text-align: left;
            font-weight: 700 !important;
            font-size: 36px;
            color: var(--dark);
        }

        .kt-login.kt-login--v3 .kt-login__wrapper .kt-login__container .kt-form .form-control {
            background: rgba(235, 237, 242, 0.40);
        }

.login-info--tooltip ~ .tooltip-inner {
    text-align: left !important;
    background-color: red !important;
}

.login-info--tooltip i {
    color: #ccc;
    font-size: 20px;
    margin-left: 10px;
    text-align: left !important;
}

.form-group .ms-label {
    color: var(--dark) !important;
    font-size: 14px;
}

.tooltip.show p {
    text-align: left;
}

.kt-login__extra_02 {
    margin: 3rem auto 3rem auto;
}

#kt_login_forgot {
    color: var(--dark);
    font-size: 16px;
    transition: all 0.3s ease-in-out !important;
}

    #kt_login_forgot:hover,
    #kt_login_forgot:focus,
    #kt_login_forgot:active {
        color: var(--primary);
        text-decoration: underline;
    }

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

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

    .btn-primary:active {
        background-color: var(--primary) !important;
        border-color: var(--primary) !important;
    }

#kt_login_signin_submit {
    font-weight: 700;
    border: none;
    font-size: 16px;
    transition: all 0.3s ease-in-out !important;
    color: #FFF;
}

    #kt_login_signin_submit:active,
    #kt_login_signin_submit:focus,
    #kt_login_signin_submit:hover {
        background-color: var(--secondary);
    }

    #kt_login_signin_submit:disabled {
        background-color: #ccc;
    }

.divider-medismart {
    display: none;
}

.login-help {
    width: inherit;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    gap: 16px;
    margin: 1rem auto;
}

.btn.client-login--help {
    width: auto;
    margin: 0;
    padding: 7px !important;
    background-color: transparent;
    box-shadow: none;
    border: none;
}

    .btn.client-login--help h3 {
        padding: 0;
        color: #676767;
    }

        .btn.client-login--help h3 > img {
            width: initial;
        }

        .btn.client-login--help h3 > span {
            font-size: 16px;
            font-weight: 700;
            text-transform: capitalize;
            letter-spacing: normal;
            transition: all 0.3s ease-in-out !important;
        }

    .btn.client-login--help:hover h3 > span {
        color: var(--secondary);
    }

.logo-convenios {
    margin: 2rem auto;
}

.kt-login__extra.registro {
    display: none;
}

.login-footer .terminos {
    display: flex;
    gap: 1rem;
    margin: 1rem auto !important;
}

    .login-footer .terminos a {
        display: flex;
        margin: 0 auto;
        justify-content: center;
    }

.kt-footer__copyright {
    color: var(--dark);
}

/*Prehome*/
body:has(.prehome__plans) .logo-home {
    background-color: #f9f9fc !important;
    padding: 1rem;
}


.prehome__plans {
    height: 450px;
}

.prehome__plan {
    width: 100%;
    padding: 0;
}

    .prehome__plan ul {
        list-style-image: url('../../img/prosegur/bullet.svg');
        margin-top: 32px;
        height: 350px;
        font-size: 16px;
        color: var(--primary);
    }

    .prehome__plan .btn {
        background-color: #fff !important;
        color: var(--primary);
    }
        .prehome__plan .btn:hover {
            background-color: #000 !important; 
            color: #fff !important; 
        }
    .prehome__plan h2 {
        color: var(--primary);
    }
    .prehome__title {
        color: var(--primary);
    }

/*Home*/
.body-home {
    background: #fff url(../../img/prosegur/body-desktop-bg.png) no-repeat right bottom / 40dvh;
}

    .body-home .logo-home {
        padding: 1rem;
        background: #FFD101;
    }

        .body-home .logo-home a:has(img) {
            min-width: unset;
            display: flex;
        }

        .body-home .logo-home a img {
            width: auto;
            height: unset;
            max-width: 300px;
        }

    .body-home div#kt_wrapper {
        display: flex;
        justify-content: space-between;
        flex: 1;
        flex-direction: column;
        /*background: #fda8a8;*/
    }

    .body-home .top-banner {
        background-image: none;
        margin: 3rem auto;
    }

        .body-home .top-banner .legend {
            margin: 1rem auto;
            font-size: 28px;
            color: var(--primary);
            font-weight: 700;
        }

            .body-home .top-banner .legend .text-warning {
                color: #626262 !important;
            }

    .body-home .menu-top #item-salir {
        border-left: 1px solid #2d2d2d;
    }

    .body-home .cont-card .card {
        background-color: #FFFFFF;
        box-shadow: 0px 4px 16px 0px rgb(234 234 234);
    }

    .body-home .cont-card h1 {
        color: var(--secondary);
    }

    .body-home .card-plan .atencion-24 {
        display: flex;
        background: var(--secondary);
        color: #fff;
    }

    .body-home .card-plan .preferente {
        display: none;
    }

/*Tooltips*/

.tooltip-inner {
    max-width: 256px;
    width: auto;
    background-color: #f9f9f9 !important;
    text-align: left;
    color: #495057;
    font-size: 12px;
    font-weight: normal;
    padding: 12px 10px;
    border-radius: 8px !important;
    line-height: 1.5;
    word-spacing: 1px;
}

    .tooltip-inner .tooltip-strong {
        font-weight: 700;
    }

    .tooltip-inner:has(#tooltip-recuerda) {
        max-width: 295px;
        width: 295px;
    }


/*Home > Modal Atencion Inmediata*/
#modal-especialidad-inmediata .logo-cliente {
    max-width: 80px;
    width: 80px;
    margin-bottom: 30px;
}

#modal-especialidad-inmediata h1 {
    color: var(--primary);
    text-align: left;
    font-weight: 700;
    font-size: 26px;
    margin-left: 1rem;
    margin-bottom: 2.5rem;
}

#modal-especialidad-inmediata .cont-especialidades-modal.cont-esp-mx {
    justify-content: center;
    gap: 100px;
}

/* Agrupación de estilos para el botón */
.btn-especialidad {
    max-width: calc(50% - 20px);
    background-color: #F0F0F0;
    box-shadow: -2px 2px 8px 2px #dbdbdb;
}

    .btn-especialidad * {
        color: var(--primary) !important;
        line-height: normal;
    }

    /* Estilos para el ícono y su pseudo-elemento */
    .btn-especialidad i {
        font-size: 56px !important;
    }

        .btn-especialidad i::before {
            font-size: 56px !important;
        }

/*Layout Paciente*/
.menu-top .item-menu-top i,
.menu-top .label-menu {
    color: var(--dark);
}

.menu-top .label-menu,
.menu-top .label-menu-pac {
    font-weight: 700;
}

.menu-top .item-menu-top:hover i,
.menu-top .item-menu-top:hover .label-menu,
.menu-top .item-menu-top:hover .label-menu-pac {
    color: var(--primary) !important;
}

.kt-menu__item a,
.kt-menu__item i {
    color: var(--primary)
}

    .kt-menu__item a .ms-label-menu {
        color: var(--dark)
    }

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

.accesible-btn button {
    color: var(--dark);
    border: 1px solid var(--dark);
    margin: 0.5rem;
}

.label-caja-especialidad {
    color: var(--light);
}

/*Paciente > Historial*/

.kt-aside__brand-logo a {
    background-position: center;
}

.wow .tag:hover,
.wow .tag:focus,
.wow .tag.active {
    background-color: var(--primary) !important;
    color: var(--light);
    border: none;
}

.wow__title h2 {
    color: var(--dark);
    font-weight: bold;
}

.wow__tarjeta.tarjeta--atencion {
    background-image: url(../../img/prosegur/icono-atencion.svg) !important;
}

.wow__historial .tarjeta__fecha,
.wow__historial .data-atencion.data-historial {
    color: #676767;
}

.titulo-servicio {
    color: var(--dark);
}
.titulo-bold {
    font-weight: 700 !important;
}

.step-icon {
    background-color: #98A2B3;
}

.busqueda-profesionales {
    border: 2px solid #ddd;
}

    .busqueda-profesionales i {
        color: var(--dark);
    }

    .busqueda-profesionales .btn-outline-primary {
        color: var(--dark);
    }

.caja-especialidad.active {
    background-color: var(--primary);
    color: #fff !important;
}

.caja-especialidad {
    background-color: var(--primary);
    color: var(--light);
}

    .caja-especialidad:hover {
        background-color: var(--primary);
        color: #fff;
    }

.inner-especialidad strong {
    color: var(--light)
}

.step.active .step-icon {
    background-color: var(--dark);
}

.stepper {
    background-image: url(../../img/prosegur/fondo-banner2.svg);
}

    .stepper .flecha {
        color: var(--primary)
    }

    .stepper img {
        /*border-color: var(--primary)*/
        display: none;
    }

.step.active .label-step {
    color: var(--dark);
}

.mensaje-superior {
    color: var(--secondary)
}

.caja-profesional .titulo-profesional,
.nombre-profesional {
    color: var(--dark)
}

.caja-profesional .fecha-atencion {
    color: var(--secondary)
}

.front-fecha-atencion {
    border: 1px solid rgba(35, 33, 114, .3)
}

    .front-fecha-atencion strong:before {
        color: var(--secondary);
        font-weight: 900;
    }

.especialidad-profesional {
    color: var(--dark)
}

.carga-archivos h3 {
    color: var(--dark)
}

.mensaje-confirmacion strong {
    color: var(--secondary)
}

.titulo-seccion {
    color: var(--secondary)
}

.top-banner {
    background-image: url(../../img/prosegur/fondo-banner2.svg);
}

    .top-banner img {
        display: none;
        border-color: rgba(255, 255, 255, .3)
    }

    .top-banner .legend {
        color: var(--dark)
    }

.banner_topsc .legend .text-warning {
    color: var(--primary) !important;
}

.top-banner.banner_topsc {
    background-image: url(../../img/prosegur/fondo-banner2.svg);
}

.menu-top .item-menu-top .logotipo-mobile {
    width: 110px !important;
    height: 40px !important;
}
/*Sala espera*/
.iniciales {
    background-color: var(--primary);
}

.titulo-sala {
    top: 1rem;
    width: auto;
    text-shadow: none;
    font-weight: 700;
    font-size: 24px;
}

.kt-container.kt-container--fluid.kt-grid__item.kt-grid__item--fluid.container-sala {
    flex: 0 0 auto !important;
}

.hotspot-icon .cont-icon,
.hotspot-icon:hover .cont-icon {
    background-color: #FFD000;
    color: var(--primary);
}

.hotspot-icon {
    color: var(--primary);
}


    #hs-g .cont-icon,
    #reporte .cont-icon {
        background-color: var(--primary);
        color: #ffffff;
    }


#hs-g:hover .cont-icon,
#reporte:hover .cont-icon {
    background-color: var(--primary);
    color: #ffffff;
}

#contacto,
#facebook,
#instagram {
    display: none;
}

#reporte,
#reporte-m {
    display: none;
}


.toolbar-option {
    color: var(--dark)
}

    .toolbar-option.active {
        color: var(--primary)
    }

    .toolbar-option:hover,
    .toolbar-option:active,
    .toolbar-option:focus {
        color: #6168DB
    }




.cont-btn-panel .btn-atencion,
.cont-btn-vc .btn-atencion {
    border: 1px solid var(--secondary);
    color: var(--secondary);
}

    .cont-btn-panel .btn-atencion:hover,
    .cont-btn-vc .btn-atencion:hover {
        background-color: rgba(237, 110, 0, 0.1);
        color: var(--primary);
    }

/*.hotspot-icon {
    text-shadow: 2px 2px 4px #000000;
}*/

.hotspot-icon i {
    text-shadow: none;
}

.hotspot-icon:hover {
    color: var(--primary);
}

.stepper {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 80px;
    background-image: url(../../img/prosegur/fondo-banner2.svg);
    background-repeat: repeat-x;
    background-position: left 10px;
    margin-bottom: 2.5rem;
    margin-top: 2.5rem;
}

.menu-top .label-menu-pac {
    color: var(--dark);
}

.category-button:hover,
.category-button.active {
    background-color: var(--important) !important;
    color: var(--important) !important;
}

.kt-menu__item a,
.kt-menu__item i,
.kt-menu__item a .ms-label-menu {
    color: var(--primary) !important;
}

    .kt-menu__item:hover a,
    .kt-menu__item:hover i,
    .kt-menu__item a:hover .ms-label-menu {
        color: var(--primary) !important;
    }

.accesible-btn button {
    color: var(--primary);
    border: 1px solid var(--primary);
}

.kt-menu__item:hover a .ms-label-menu {
    color: var(--primary);
}

.logo-convenios img {
    width: 130px;
    margin: 0 auto;
}

.btn-login {
    border-radius: 58px;
    border: 1px solid #C900AC;
    background: #C900AC;
    box-shadow: 4px 4px 16px 0px rgba(88, 103, 221, 0.25);
}

/*Hide default footer:*/
.body-home .footer-home {
    display: none;
}

/*Custom Footer*/

/*Home > Custom Footer*/
.footer-prosegur {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    margin: 0 auto 4rem auto;
    gap: 2rem;
    width: 100%;
    max-width: 1140px;
    box-sizing: border-box;
    padding: 0 15px;
}

    .footer-prosegur *:not(button) {
        font-weight: 700;
    }

img.partner-brand {
    width: auto;
}

.vigilado-sfc--desktop {
    position: absolute;
    top: calc(50% - 100px);
    left: 20px;
}

.footer-row--top,
.footer-row--bottom {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    width: 100%;
    justify-content: space-between;
    margin-bottom: 1rem;
}

    .footer-row--bottom > * {
        text-align: center;
        color: #2d2d2d !important;
        font-weight: 700;
    }

/*.body-home .footer-fonvalle--aliados {
    padding: 0 10px 0 10px;
    width: 110px;
}*/

.body-home .menu-top .item-menu-top i,
.body-home .menu-top .item-menu-top .label-menu {
    color: var(--dark);
}

.accesible-tools-desktop .accesible-btn {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-left: 5rem;
    margin-top: 5rem;
}

.terminos {
    display: flex;
    justify-content: center;
    color: var(--primary);
}

.logotipo-blanco {
    display: none;
}

.img-interrogacion {
    margin-top: 1rem;
}

.accesible-btn button {
    color: #000;
    border: 1px solid #000;
    margin: 0.5rem;
    background-color: #ffffff;
    box-shadow: -3px 3px 8px 0px #ddd;
}

    .accesible-btn button:hover,
    .accesible-btn button:focus,
    .accesible-btn button:active {
        color: #fff;
        background-color: #000;
        font-weight: bold;
    }

.ancla-azul {
    color: #5867DD !important;
}

.letras-sala-espera {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    margin-left: 0 !important;
    margin-top: 0 !important;
}

.color-letras-salaespera {
    color: #00843D !important;
    border: 1px solid #00843D !important;
}

.cont-informe .col-examenes {
    display: none !important;
}

.cont-informe .col-medicamentos {
    display: none !important;
}

.footer-row--middle {
    background-color: #F9F9F9;
    padding: 25px 15px;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    color: #666;
    width: 100%;
    box-sizing: border-box;
}

    .footer-row--middle p {
        text-align: left;
        font-size: 11px;
        line-height: 1.6;
        margin-bottom: 8px;
        font-weight: 400 !important;
    }

.footer-row--bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 15px;
    width: 100%;
    box-sizing: border-box;
}
.copy {
    display: flex;
    align-items: center;
    gap: 30px;
}

.logos-vigilancia {
    display: flex;
    align-items: center;
    gap: 20px;
}

.img-footer-vigilancia {
    height: 35px; 
    width: auto;
    display: block;
}

.supervigilancia-text {
    display: flex;
    flex-direction: column;
    justify-content: center;
    line-height: 1.2;
    color: #2d2d2d;
}

    .supervigilancia-text p {
        margin: 0 !important;
        text-align: left;
    }

.vigilado-title {
    font-size: 13px;
    font-weight: 400;
}

    .vigilado-title strong {
        font-weight: 800;
    }

.vigilado-resolucion {
    font-size: 11px;
    font-weight: 400 !important;
    color: #666;
}

.copyright-text {
    font-size: 14px;
    font-weight: 700;
    white-space: nowrap;
}

#btnConfirmar {
    color: #ffffff !important;
}

/* Modal > Ley de Transparencia */
#modal-transparencia-co {
    padding: 0;
    margin: 0 auto;
    height: auto;
    backdrop-filter: blur(5px);
}

    /*#modal-transparencia-co .modal-dialog {
        max-width: 850px; 
    }*/

    #modal-transparencia-co .modal-content {
        border: none;
        border-radius: 14px;
        overflow: hidden;
    }

    #modal-transparencia-co .modal-body {
        display: flex;
        flex-direction: row;
        padding: 0;
        margin: 0;
        align-items: stretch;
    }

    #modal-transparencia-co .ldt__hero-img {
        width: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        background: transparent;
    }

        #modal-transparencia-co .ldt__hero-img img {
            display: block;
            width: 100%;
            height: 100%;
            object-position: top left;
            object-fit: cover;
        }

    #modal-transparencia-co .ltd__content {
        width: 50%;
        padding: 35px;
        display: flex;
        flex-direction: column;
        background: #ffffff;
    }

        #modal-transparencia-co .ltd__content h2 {
            font-size: 36px; 
            color: #2D2D2D;
            font-weight: 800;
            margin-bottom: 8px;
        }

        #modal-transparencia-co .ltd__content h3 {
            font-size: 14px; 
            font-weight: 400;
            color: #4B5563;
        }

    #modal-transparencia-co p.ltd__list-item {
        padding: 12px 14px;
        background-color: #F3F4F6;
        margin: 10px 0;
        border-radius: 8px;
        width: 100%;
        display: flex;
        align-items: center;
        gap: 10px;
    }

        #modal-transparencia-co p.ltd__list-item span {
            flex: 1;
            color: #6B7280;
            font-weight: 500;
            font-size: 14px;
        }

        #modal-transparencia-co p.ltd__list-item a {
            color: #111827;
            font-weight: 700;
            text-decoration: none;
        }

            #modal-transparencia-co p.ltd__list-item a:hover {
                text-decoration: underline;
            }

    #modal-transparencia-co .ltd__list-item-icon {
        width: 18px;
        height: 18px;
    }

    #modal-transparencia-co .ltd__disclaimer {
        margin-top: 16px;
        padding: 14px;
        font-size: 11px;
        background: #F3F4F6;
        color: #6B7280;
        border-radius: 8px;
        line-height: 1.4;
    }

    #modal-transparencia-co .ltd__content button.btn {
        margin-top: 20px;
        align-self: flex-end;
        background-color: #2D2D2D;
        color: #fff;
        font-weight: 700;
        width: 180px; 
        border: none;
        text-transform: uppercase;
        border-radius: 6px;
        padding: 10px;
        font-size: 13px;
    }


/* Ajuste responsive básico */
@media (max-width: 768px) {
    .footer-row--bottom {
        flex-direction: column;
        gap: 20px;
    }

    .copy {
        flex-direction: column;
        gap: 15px;
    }
}

/*Agendamiento*/
#drop-mensajes-turno .btn-close:hover,
#drop-mensajes-turno .btn-close:hover i {
    color: #eac5ff !important;
}

/*Sala Espera > Mobile*/

.sala-espera-mobile {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: column;
    position: relative;
    gap: 2rem;
}

    .sala-espera-mobile .card-sala {
        align-items: baseline;
    }

        .sala-espera-mobile .card-sala.card-media {
            margin-top: 20px;
            margin-bottom: 3rem;
        }

    .sala-espera-mobile .btn-sala .cont-icon {
        background-color: #FFD101;
        color: var(--primary);
        text-shadow: none;
    }
.fuente-accesible {
    color: #2D2D2D;
}

.sala-espera-mobile .btn-sala:hover .cont-icon {
    background-color: var(--secondary);
    color: var(--light);
}

    .sala-espera-mobile .btn-sala#ingreso-m {
        order: 2 !important;
    }

        .sala-espera-mobile .btn-sala#ingreso-m .cont-icon {
            background-color: var(--light);
            color: var(--primary);
        }

@media (max-width: 668px) {

    .kt-login__extra_02 {
        display: flex !important;
        flex-direction: row !important;
        justify-content: space-between !important;
        align-items: center !important;
        flex-wrap: nowrap !important;
        width: 100% !important;
    }

        .kt-login__extra_02 .col-12 {
            width: auto !important;
            flex: 0 0 auto !important;
            max-width: none !important;
            padding: 0 !important;
        }

    #kt_login_signin_submit {
        width: 180px !important;
        min-width: 180px !important;
        height: 45px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        text-align: center !important;
        padding: 0 !important;
        margin-top: 0 !important;
    }

    #kt_login_forgot {
        font-size: 13px !important;
        white-space: nowrap !important;
        margin-right: 15px !important;
    }

    .bkg-login {
        display: none !important;
    }

    .logotipo-desktop {
        width: 70dvw;
    }

    .kt-login.kt-login--v3 .kt-login__wrapper {
        margin: 0 auto;
        width: auto;
        max-width: 90vw;
    }

        .kt-login.kt-login--v3 .kt-login__wrapper .kt-login__container {
            margin: 0 auto !important;
        }

            .kt-login.kt-login--v3 .kt-login__wrapper .kt-login__container .kt-login__logo {
                text-align: center;
                margin: 0 auto 4rem auto !important;
            }

            .kt-login.kt-login--v3 .kt-login__wrapper .kt-login__container .kt-login__head h3.kt-login__title {
                text-align: left;
                margin: 0 auto 1rem auto;
                display: block !important;
            }

    .kt-login__cta {
        font-size: 16px;
    }

    .kt-login__extra_02 {
        margin: 3rem auto;
    }

    #kt_login_forgot {
        white-space: nowrap;
    }

    #kt_login_signin_submit {
        font-weight: 700;
        border: none;
        font-size: 16px;
        transition: all 0.3s ease-in-out !important;
    }

    .btn.client-login--help h3 > span {
        font-size: 16px;
    }

    #kt_footer {
        margin: 1.5rem auto 10rem auto;
    }

    .logotipo {
        margin: 1.5rem;
    }
    #modal-transparencia-co {
        padding: ;
    }

    /*Home > Mobile*/
    .body-home .logo-home {
        border-bottom: unset;
    }

        .body-home .logo-home a img {
            width: auto;
            height: unset;
            max-width: 100px;
        }

    .footer-prosegur img .vigilado-sfc--mobile {
        position: relative;
        min-width: 220px;
    }

    .footer-prosegur .footer-row--top,
    .footer-prosegur .footer-row--bottom {
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
        margin: 0 auto;
        gap: 2rem;
    }

    .home-bg--mobile {
        position: relative;
    }

    /*.body-home .logo-home a img {
        width: 120px;
        margin: 0;
    }*/

    .body-home .logo-home a.logo-home--link {
        width: 90px;
        margin: 0;
    }

    .body-home .top-banner {
        gap: 1rem;
        justify-content: flex-start !important;
        margin: 1rem auto;
        max-width: 95%;
    }

        .body-home .top-banner .legend {
            font-size: 20px;
        }

    .menu-top .item-menu-top .logotipo-mobile {
        width: 110px !important;
        margin: 0;
        background-position: top left;
    }

    .titulo-servicio {
        color: #646C9A;
        font-size: 16px;
    }

    .card.caja-profesional {
        margin-top: 20px;
    }

    .stepper {
        background-image: none;
        margin-top: 4rem;
        justify-content: center;
    }

    .sala-espera-mobile .titulo-sala {
        color: #fff;
        display: flex;
        position: relative;
        left: 0;
        top: 0;
        width: 100% !important;
        text-align: left;
        text-shadow: -2px 2px 6px #2d2d2d;
        letter-spacing: 0.6px;
    }
    #modal-transparencia-co .modal-dialog {
        max-width: 95vw;
        margin: 1rem auto;
    }

    #modal-transparencia-co .modal-body {
        flex-direction: column;
    }

    #modal-transparencia-co .ldt__hero-img {
        display: none;
    }

    #modal-transparencia-co .ltd__content {
        width: 100%;
        padding: 30px 20px;
    }

        #modal-transparencia-co .ltd__content h2 {
            font-size: 32px;
        }

        #modal-transparencia-co .ltd__content h3 {
            font-size: 14px;
        }

        #modal-transparencia-co .ltd__content button.btn {
            width: 100%;
            align-self: center;
        }
}

@media (max-width: 991.98px) {

    .accesible-tools-desktop .accesible-btn {
        margin-left: 9.5rem;
        margin-top: 1.5rem;
    }

    .prehome__plans {
        height: auto;
    }

    .body-home {
        background: #FFFFFF;
    }

        .body-home .menu-top #item-salir {
            border-left: unset;
        }

        .body-home .cont-card .card .card-body {
            justify-content: start;
            border-radius: 16px;
        }

        .body-home .cont-card .card img {
            width: auto;
            height: auto;
            margin: 0;
            max-width: 50px;
            padding: 0;
        }

    .top-banner .legend {
        text-align: left;
        font-size: 1.3rem;
    }

    .leyenda-card-home {
        color: var(--primary);
        width: 75%;
    }

    .footer-prosegur {
        width: 100%;
        flex-direction: column;
        margin: 0 auto 5rem auto;
        justify-content: flex-start;
        align-items: center;
        max-width: 100%;
        padding: 0 15px;
    }

        .footer-prosegur .footer-row--bottom {
            flex-direction: column;
        }

    .powered,
    .body-home .powered strong {
        display: none;
    }

    .terminos {
        margin-top: 1.5rem;
    }

    .prehome__plan .btn {
        /* max-width: 108px; */
        margin: auto auto 2rem;
    }

    .prehome__plan ul {
        margin-top: 32px;
        height: auto !important;
        font-size: 16px;
        min-height: 0;
    }

    #modal-especialidad-inmediata .cont-especialidades-modal.cont-esp-mx {
        justify-content: center;
        gap: 30px;
    }
}

@media screen and (min-device-width: 1200px) and (max-device-width: 1600px) {
    .cont-volver {
        display: none !important;
    }
}

/*
Custom CSS > Landing > Cuidador en Casa y Traslado Basico 
*/

/*.cuidador-alert,
.traslado-basico .alert-custom {
    background-color: #f5faff !important;
    border-left: unset !important;
    padding: 16px !important;
    color: #2d2d2d !important;
    align-items: flex-start;
}*/
/*

.cuidador-alert,
.traslado-basico .alert-custom {
    background-color: #f5faff !important;
    border-left: unset !important;
    padding: 16px !important;
    color: #2d2d2d !important;
    align-items: flex-start;
}
.cuidador-btn,
#solicitarTrasladoBtn {
    background-color: #000 !important;
    color: #fff;
    transition: all 0.2s ease-in-out;
}
.cuidador-btn:hover,
#solicitarTrasladoBtn:hover {
    background-color: #ffd101 !important;
    color: #000;
}

*/

.container.container_scotiabank.fletcher_accet {
    display: none !important;
}