@charset "UTF-8";

body > form,
form#LoginForm {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box;
}

form#LoginForm {
    overflow-x: hidden;
    position: relative;
}

    /* --- Header --- */
    form#LoginForm #divContenedorHeader {
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
    }

        form#LoginForm #divContenedorHeader > div {
            margin-top: 0 !important;
        }

        form#LoginForm #divContenedorHeader .row {
            display: flex !important;
            flex-direction: row;
            flex-wrap: nowrap;
            align-items: center;
            justify-content: flex-start;
            gap: 10px;
            margin: 0;
            padding: 0 12px;
            width: 100%;
            box-sizing: border-box;
        }

            form#LoginForm #divContenedorHeader .row::before,
            form#LoginForm #divContenedorHeader .row::after {
                display: none;
            }

            form#LoginForm #divContenedorHeader .row > .col-lg-1 {
                display: none !important;
                width: 0 !important;
                padding: 0 !important;
                margin: 0 !important;
                flex: 0 0 0 !important;
            }

            form#LoginForm #divContenedorHeader .row > .col-lg-4 {
                flex: 0 0 auto;
                width: auto !important;
                max-width: 40%;
                min-width: 0;
                float: none !important;
                padding: 0 8px 0 0;
            }

            form#LoginForm #divContenedorHeader .row > .titulo-aplicativo {
                flex: 1 1 auto;
                width: auto !important;
                min-width: 0;
                max-width: none;
                float: none !important;
                padding: 0;
                margin: 0;
            }

    form#LoginForm #divLogoIso {
        margin-top: 80px !important;
    }

    form#LoginForm #divContenedorHeader ~ #divLogoIso {
        margin-top: 24px !important;
    }

    form#LoginForm > .row[style*="padding-top"] {
        margin-top: 0 !important;
        padding-top: 24px !important;
        padding-bottom: 32px;
    }

    form#LoginForm .content_footerinfo {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        padding: 15px;
        box-sizing: border-box;
        width: 100%;
    }

    form#LoginForm .logo_dane-2017 {
        text-align: left;
        width: auto;
    }

        form#LoginForm .logo_dane-2017 img {
            margin: 0;
            max-height: 72px;
            width: auto;
            max-width: 100%;
            display: block;
        }

    form#LoginForm .titulo-aplicativo {
        padding-right: 0;
    }

        form#LoginForm .titulo-aplicativo h1 {
            font-family: Arial, Helvetica, sans-serif;
            font-size: clamp(14px, 2.8vw, 32px);
            font-weight: bold;
            color: #333333;
            position: static;
            top: auto;
            margin: 0;
            line-height: 1.2;
            text-align: left;
            word-wrap: break-word;
            overflow-wrap: break-word;
        }

    form#LoginForm .pattern-line {
        margin-top: 10px;
        margin-bottom: 20px;
    }

        form#LoginForm .pattern-line img {
            display: block;
            width: 100%;
            height: 3px;
        }

    /* --- Footer: anular .footer { position: fixed } de shPrincipal.css --- */
    form#LoginForm #divContenedorFooter > div:first-child {
        display: none;
    }

    form#LoginForm #divContenedorFooter,
    form#LoginForm #divContenedorFooter #footer,
    form#LoginForm #divContenedorFooter .footer,
    form#LoginForm .footer.container-fluid {
        position: relative !important;
        bottom: auto !important;
        left: auto !important;
        right: auto !important;
        top: auto !important;
        z-index: auto !important;
        float: none !important;
        clear: both;
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box;
    }

    form#LoginForm #divContenedorFooter {
        margin-top: 32px;
    }

        form#LoginForm #divContenedorFooter .footer,
        form#LoginForm #divContenedorFooter .container-fluid {
            padding-left: 0;
            padding-right: 0;
        }

    form#LoginForm .content-footer_dane {
        float: none;
        width: 100%;
        max-width: 100%;
        padding: 15px 15px 20px 15px;
        box-sizing: border-box;
    }

        form#LoginForm .content-footer_dane > .col-lg-5 {
            margin-left: 0 !important;
            width: 100%;
            max-width: 100%;
        }

        form#LoginForm .content-footer_dane .item-info_dane:last-child {
            border: none;
        }

    form#LoginForm .icon-position {
        width: 34px;
        height: 33px;
        margin-right: 15px;
        float: left;
    }

    form#LoginForm .item-info_dane {
        margin-bottom: 12px;
        overflow: hidden;
    }

    form#LoginForm .text-info_dane h5 {
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
        font-weight: 700;
        font-size: 15px;
        color: #ffffff;
        margin: 0;
        padding: 4px;
    }

    form#LoginForm .text-info_dane p {
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
        font-weight: 400;
        font-size: 13px;
        color: #ffffff;
        margin: 0;
        margin-left: 45px;
    }

    form#LoginForm .logo-gobierno {
        display: none;
    }

    /* --- Contenido login --- */
    form#LoginForm #divLoginBox {
        margin-bottom: 0;
    }

    form#LoginForm:has(#divContenedorFooter) #divLoginBox {
        margin-bottom: 16px;
    }

@media (max-width: 992px) {
    form#LoginForm .text-info_dane h5 {
        font-size: 12.5px;
    }

    form#LoginForm .text-info_dane p {
        font-size: 11.5px;
    }

    form#LoginForm #divContenedorFooter {
        margin-top: 24px;
    }
}

@media (max-width: 767px) {
    form#LoginForm #divContenedorHeader .row > .col-lg-4 {
        max-width: 44%;
    }

    form#LoginForm .logo_dane-2017 img {
        max-height: 56px;
    }

    form#LoginForm .titulo-aplicativo h1 {
        font-size: clamp(13px, 3.2vw, 24px);
    }

    form#LoginForm #divContenedorHeader ~ #divLogoIso {
        margin-top: 16px !important;
    }

    form#LoginForm > .row[style*="padding-top"] {
        padding-top: 16px !important;
        padding-bottom: 24px;
    }

    form#LoginForm .text-info_dane p {
        margin-left: 0;
        padding-left: 49px;
    }
}

@media (max-width: 479px) {
    form#LoginForm #divContenedorHeader .row {
        flex-wrap: wrap;
        align-items: flex-start;
    }

        form#LoginForm #divContenedorHeader .row > .col-lg-4,
        form#LoginForm #divContenedorHeader .row > .titulo-aplicativo {
            flex: 0 0 100%;
            max-width: 100%;
            width: 100% !important;
            padding: 0;
        }

    form#LoginForm .logo_dane-2017 img {
        max-height: 64px;
    }
}

@media (max-width: 575px) {
    form#LoginForm .content-footer_dane {
        padding: 12px 12px 16px 12px;
    }

    form#LoginForm #divContenedorFooter {
        margin-top: 16px;
    }
}