@charset "UTF-8";
@import url('fontawesome/css/all.min.css');
/*
@import url('fontawesome/css/all.min.css');
*/
/*
@import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css);
    */


/*!
 * Bootstrap v5.0.2 (http://getbootstrap.com)
 */
:root {
    /*Definir los colores institucionales*/
    --color-rojo-claro: #9f2241;
    --color-rojo-oscuro: #691c32;
    --color-verde-claro: #235b4e;
    --color-verde-oscuro: #10312b;
    --color-dorado-claro: #ddc9a3;
    --color-dorado-oscruro: #bc955c;
    --color-gris-claro: #98989a;
    --color-gris-oscuro: #6f7271;
}



/*
@font-face {
    font-family: 'Font Awesome 5 Brands';
    font-style: normal;
    font-weight: normal;
    src: url("../webfonts/fa-brands-400.eot");
    src: url("../webfonts/fa-brands-400.eot?#iefix") format("embedded-opentype"), url("../webfonts/fa-brands-400.woff2") format("woff2"), url("../webfonts/fa-brands-400.woff") format("woff"), url("../webfonts/fa-brands-400.ttf") format("truetype"), url("../webfonts/fa-brands-400.svg#fontawesome") format("svg");
}

.fab {
    font-family: 'Font Awesome 5 Brands';
}

@font-face {
    font-family: 'Font Awesome 5 Brands';
    font-style: normal;
    font-weight: 400;
    src: url("../webfonts/fa-regular-400.eot");
    src: url("../webfonts/fa-regular-400.eot?#iefix") format("embedded-opentype"), url("../webfonts/fa-regular-400.woff2") format("woff2"), url("../webfonts/fa-regular-400.woff") format("woff"), url("../webfonts/fa-regular-400.ttf") format("truetype"), url("../webfonts/fa-regular-400.svg#fontawesome") format("svg");
}
    */

/*
.container {
    margin-top: 275px;
}
.main-container {
    margin-top: 275px;
}
    */

html {
    scroll-padding-top: 120px; /* height of sticky header */
}

/* cyrillic-ext */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local('Montserrat Regular'), local('Montserrat-Regular'), url(https://fonts.gstatic.com/s/montserrat/v14/JTUSjIg1_i6t8kCHKm459WRhyyTh89ZNpQ.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local('Montserrat Regular'), local('Montserrat-Regular'), url(https://fonts.gstatic.com/s/montserrat/v14/JTUSjIg1_i6t8kCHKm459W1hyyTh89ZNpQ.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local('Montserrat Regular'), local('Montserrat-Regular'), url(https://fonts.gstatic.com/s/montserrat/v14/JTUSjIg1_i6t8kCHKm459WZhyyTh89ZNpQ.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local('Montserrat Regular'), local('Montserrat-Regular'), url(https://fonts.gstatic.com/s/montserrat/v14/JTUSjIg1_i6t8kCHKm459WdhyyTh89ZNpQ.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local('Montserrat Regular'), local('Montserrat-Regular'), url(https://fonts.gstatic.com/s/montserrat/v14/JTUSjIg1_i6t8kCHKm459WlhyyTh89Y.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: local('Montserrat Medium'), local('Montserrat-Medium'), url(https://fonts.gstatic.com/s/montserrat/v14/JTURjIg1_i6t8kCHKm45_ZpC3gTD_vx3rCubqg.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: local('Montserrat Medium'), local('Montserrat-Medium'), url(https://fonts.gstatic.com/s/montserrat/v14/JTURjIg1_i6t8kCHKm45_ZpC3g3D_vx3rCubqg.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: local('Montserrat Medium'), local('Montserrat-Medium'), url(https://fonts.gstatic.com/s/montserrat/v14/JTURjIg1_i6t8kCHKm45_ZpC3gbD_vx3rCubqg.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: local('Montserrat Medium'), local('Montserrat-Medium'), url(https://fonts.gstatic.com/s/montserrat/v14/JTURjIg1_i6t8kCHKm45_ZpC3gfD_vx3rCubqg.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: local('Montserrat Medium'), local('Montserrat-Medium'), url(https://fonts.gstatic.com/s/montserrat/v14/JTURjIg1_i6t8kCHKm45_ZpC3gnD_vx3rCs.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: local('Montserrat SemiBold'), local('Montserrat-SemiBold'), url(https://fonts.gstatic.com/s/montserrat/v14/JTURjIg1_i6t8kCHKm45_bZF3gTD_vx3rCubqg.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: local('Montserrat SemiBold'), local('Montserrat-SemiBold'), url(https://fonts.gstatic.com/s/montserrat/v14/JTURjIg1_i6t8kCHKm45_bZF3g3D_vx3rCubqg.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: local('Montserrat SemiBold'), local('Montserrat-SemiBold'), url(https://fonts.gstatic.com/s/montserrat/v14/JTURjIg1_i6t8kCHKm45_bZF3gbD_vx3rCubqg.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: local('Montserrat SemiBold'), local('Montserrat-SemiBold'), url(https://fonts.gstatic.com/s/montserrat/v14/JTURjIg1_i6t8kCHKm45_bZF3gfD_vx3rCubqg.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: local('Montserrat SemiBold'), local('Montserrat-SemiBold'), url(https://fonts.gstatic.com/s/montserrat/v14/JTURjIg1_i6t8kCHKm45_bZF3gnD_vx3rCs.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


html {
    font-family: 'Montserrat';
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
    overflow-x: hidden;
}

body {
    font-family: 'Montserrat';
    /*margin-top: 118px;*/
    margin-top: 114px;
}

.navbargob {
    /*background-color: #13322B;*/
    background-color: #0C231E;
}
/*
.navbarhraev
{
    background-color: #13322B;
}
*/
.sub-navbar {
    background: #13322B;
    margin-top: 57px;
    width: 100%;
    z-index: 1029;
    font-size: 14px;
}

    .sub-navbar .navbar-brand {
        text-transform: uppercase;
        position: relative;
        top: 1px
    }

    .sub-navbar .navbar-collapse {
        background-color: #13322B;
        color: white;
    }

.main-footer {
    background-color: #13322B;
    min-height: 56px;
    color: #FFF;
    padding: 0px 0 0px;
    text-align: left;
    font-weight: 300
}

    .main-footer .list-info {
        line-height: auto;
        /*background-color: #12322B;*/
        /* background-image: url(https://framework-gb.cdn.gob.mx/landing/img/fondofooter3.svg); */
        color: white;
        background-size: cover;
        background-position: bottom;
        padding: 30px 10px 10px;
        /*margin-bottom: 30px*/
    }

        .main-footer .list-info form label {
            font-weight: 300;
            margin-bottom: 15px;
            line-height: 110%;
            color: black;
        }

        .main-footer .list-info form .form-group-icon {
            max-width: none;
            font-size: 14px
        }

        .main-footer .list-info form .form-control {
            font-size: 14px
        }

        .main-footer .list-info h5 {
            font-weight: 300;
            margin-bottom: 20px
        }

        .main-footer .list-info a {
            color: #FFF;
            font-size: 14px;
            text-decoration: none;
        }

            .main-footer .list-info a.link-email {
                color: #fff;
                font-size: 14px
            }

        .main-footer .list-info p {
            margin-bottom: 15px
        }

        .main-footer .list-info ul {
            margin: 0 0 60px;
            padding: 0
        }

            .main-footer .list-info ul li {
                list-style-type: none;
                margin: 0 0 2px;
                padding: 0;
                line-height: 110%
            }

    .main-footer .row > div {
        margin-bottom: 15px
    }

    .main-footer p {
        margin: 0;
        font-size: 14px;
        line-height: 136%;
        height: auto;
        position: static
    }

.gobmx-footer {
    margin-top: 15px
}

.message-subscribe {
    margin-top: 20px;
    font-size: 14px
}

@media (min-width:768px) {
    .main-footer {
        text-align: left
    }

        .main-footer .list-info form .form-group-icon {
            max-width: 300px
        }

        .main-footer .row > div {
            margin-bottom: 0
        }
}

.footer-pleca {
    background-color: #12322B;
    background-image: url(https://framework-gb.cdn.gob.mx/landing/img/pleca.svg);
    background-repeat: repeat-x;
}
/*
.anuncios
{
    margin-bottom: 5px;
}
*/
.card-border {
    border-top: 10px solid white;
    border-radius: 10px;
    overflow: hidden;
    transition: all ease-out 0.2s;
}

    .card-border:hover {
        transform: scale(1.05);
    }




/*----- Social Links -----*/
.social-nav {
    /*
    padding: 0;
    list-style: none;
    margin: -10px 0 0 -10px;
*/
    position: fixed;
    top: 120px;
    right: 0;
    z-index: 1000;
}

    .social-nav li {
        /*
    float: left;
    margin: 10px 0 0 10px;
	*/
        list-style: none;
    }

    .social-nav a {
        display: inline-block;
        /*float: left;*/
        width: 48px;
        height: 48px;
        font-size: 20px;
        color: #fff;
        text-decoration: none;
        cursor: pointer;
        text-align: center;
        line-height: 48px;
        background: #000;
        position: relative;
        transition: all 0.5s;
        -ms-transition: all 0.5s;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
    }

    .social-nav a {
        overflow: hidden;
        font-size: 26px;
        border-radius: 4px;
    }

        .social-nav a:hover {
            background: #fff;
            text-shadow: 0px 0px #d4d4d4, 1px 1px #d4d4d4, 2px 2px #d4d4d4, 3px 3px #d4d4d4, 4px 4px #d4d4d4, 5px 5px #d4d4d4, 6px 6px #d4d4d4, 7px 7px #d4d4d4, 8px 8px #d4d4d4, 9px 9px #d4d4d4, 10px 10px #d4d4d4, 11px 11px #d4d4d4, 12px 12px #d4d4d4, 13px 13px #d4d4d4, 14px 14px #d4d4d4, 15px 15px #d4d4d4, 16px 16px #d4d4d4, 17px 17px #d4d4d4, 18px 18px #d4d4d4, 19px 19px #d4d4d4, 20px 20px #d4d4d4, 21px 21px #d4d4d4, 22px 22px #d4d4d4, 23px 23px #d4d4d4, 24px 24px #d4d4d4, 25px 25px #d4d4d4, 26px 26px #d4d4d4, 27px 27px #d4d4d4, 28px 28px #d4d4d4, 29px 29px #d4d4d4, 30px 30px #d4d4d4;
        }

        .social-nav a:active, a:focus, a:visited {
            outline: none;
            text-decoration: none;
        }

    .social-nav .twitter {
        background: #000000;
        text-shadow: 0px 0px #0087ba, 1px 1px #0087ba, 2px 2px #0087ba, 3px 3px #0087ba, 4px 4px #0087ba, 5px 5px #0087ba, 6px 6px #0087ba, 7px 7px #0087ba, 8px 8px #0087ba, 9px 9px #0087ba, 10px 10px #0087ba, 11px 11px #0087ba, 12px 12px #0087ba, 13px 13px #0087ba, 14px 14px #0087ba, 15px 15px #0087ba, 16px 16px #0087ba, 17px 17px #0087ba, 18px 18px #0087ba, 19px 19px #0087ba, 20px 20px #0087ba, 21px 21px #0087ba, 22px 22px #0087ba, 23px 23px #0087ba, 24px 24px #0087ba, 25px 25px #0087ba, 26px 26px #0087ba, 27px 27px #0087ba, 28px 28px #0087ba, 29px 29px #0087ba, 30px 30px #0087ba;
    }

        .social-nav .twitter:hover {
            color: #00ACED;
        }

    .social-nav .facebook {
        background: #3B579D;
        text-shadow: 0px 0px #2d4278, 1px 1px #2d4278, 2px 2px #2d4278, 3px 3px #2d4278, 4px 4px #2d4278, 5px 5px #2d4278, 6px 6px #2d4278, 7px 7px #2d4278, 8px 8px #2d4278, 9px 9px #2d4278, 10px 10px #2d4278, 11px 11px #2d4278, 12px 12px #2d4278, 13px 13px #2d4278, 14px 14px #2d4278, 15px 15px #2d4278, 16px 16px #2d4278, 17px 17px #2d4278, 18px 18px #2d4278, 19px 19px #2d4278, 20px 20px #2d4278, 21px 21px #2d4278, 22px 22px #2d4278, 23px 23px #2d4278, 24px 24px #2d4278, 25px 25px #2d4278, 26px 26px #2d4278, 27px 27px #2d4278, 28px 28px #2d4278, 29px 29px #2d4278, 30px 30px #2d4278;
    }

        .social-nav .facebook:hover {
            color: #3B579D;
        }

    .social-nav .google {
        background: #DD4A3A;
        text-shadow: 0px 0px #c23122, 1px 1px #c23122, 2px 2px #c23122, 3px 3px #c23122, 4px 4px #c23122, 5px 5px #c23122, 6px 6px #c23122, 7px 7px #c23122, 8px 8px #c23122, 9px 9px #c23122, 10px 10px #c23122, 11px 11px #c23122, 12px 12px #c23122, 13px 13px #c23122, 14px 14px #c23122, 15px 15px #c23122, 16px 16px #c23122, 17px 17px #c23122, 18px 18px #c23122, 19px 19px #c23122, 20px 20px #c23122, 21px 21px #c23122, 22px 22px #c23122, 23px 23px #c23122, 24px 24px #c23122, 25px 25px #c23122, 26px 26px #c23122, 27px 27px #c23122, 28px 28px #c23122, 29px 29px #c23122, 30px 30px #c23122;
    }

        .social-nav .google:hover {
            color: #DD4A3A;
        }

    .social-nav .linkedin {
        background: #007BB6;
        text-shadow: 0px 0px #005983, 1px 1px #005983, 2px 2px #005983, 3px 3px #005983, 4px 4px #005983, 5px 5px #005983, 6px 6px #005983, 7px 7px #005983, 8px 8px #005983, 9px 9px #005983, 10px 10px #005983, 11px 11px #005983, 12px 12px #005983, 13px 13px #005983, 14px 14px #005983, 15px 15px #005983, 16px 16px #005983, 17px 17px #005983, 18px 18px #005983, 19px 19px #005983, 20px 20px #005983, 21px 21px #005983, 22px 22px #005983, 23px 23px #005983, 24px 24px #005983, 25px 25px #005983, 26px 26px #005983, 27px 27px #005983, 28px 28px #005983, 29px 29px #005983, 30px 30px #005983;
    }

        .social-nav .linkedin:hover {
            color: #007BB6;
        }

    .social-nav .pinterest {
        background: #e5e5e5;
        /*background: #CB2026;*/
        text-shadow: 0px 0px #9f191e, 1px 1px #9f191e, 2px 2px #9f191e, 3px 3px #9f191e, 4px 4px #9f191e, 5px 5px #9f191e, 6px 6px #9f191e, 7px 7px #9f191e, 8px 8px #9f191e, 9px 9px #9f191e, 10px 10px #9f191e, 11px 11px #9f191e, 12px 12px #9f191e, 13px 13px #9f191e, 14px 14px #9f191e, 15px 15px #9f191e, 16px 16px #9f191e, 17px 17px #9f191e, 18px 18px #9f191e, 19px 19px #9f191e, 20px 20px #9f191e, 21px 21px #9f191e, 22px 22px #9f191e, 23px 23px #9f191e, 24px 24px #9f191e, 25px 25px #9f191e, 26px 26px #9f191e, 27px 27px #9f191e, 28px 28px #9f191e, 29px 29px #9f191e, 30px 30px #9f191e;
    }

        .social-nav .pinterest:hover {
            color: #CB2026;
        }

    .social-nav .youtube {
        background: #c4302b;
        text-shadow: 0px 0px #bf4f4a, 1px 1px #bf4f4a, 2px 2px #bf4f4a, 3px 3px #bf4f4a, 4px 4px #bf4f4a, 5px 5px #bf4f4a, 6px 6px #bf4f4a, 7px 7px #bf4f4a, 8px 8px #bf4f4a, 9px 9px #bf4f4a, 10px 10px #bf4f4a, 11px 11px #bf4f4a, 12px 12px #bf4f4a, 13px 13px #bf4f4a, 14px 14px #bf4f4a, 15px 15px #bf4f4a, 16px 16px #bf4f4a, 17px 17px #bf4f4a, 18px 18px #bf4f4a, 19px 19px #bf4f4a, 20px 20px #bf4f4a, 21px 21px #bf4f4a, 22px 22px #bf4f4a, 23px 23px #bf4f4a, 24px 24px #bf4f4a, 25px 25px #bf4f4a, 26px 26px #bf4f4a, 27px 27px #bf4f4a, 28px 28px #bf4f4a, 29px 29px #bf4f4a, 30px 30px #bf4f4a;
    }

        .social-nav .youtube:hover {
            color: #c4302b;
        }

    .social-nav .outlook {
        background: #0072C6;
        text-shadow: 0px 0px #1A80CC, 1px 1px #1A80CC, 2px 2px #1A80CC, 3px 3px #1A80CC, 4px 4px #1A80CC, 5px 5px #1A80CC, 6px 6px #1A80CC, 7px 7px #1A80CC, 8px 8px #1A80CC, 9px 9px #1A80CC, 10px 10px #1A80CC, 11px 11px #1A80CC, 12px 12px #1A80CC, 13px 13px #1A80CC, 14px 14px #1A80CC, 15px 15px #1A80CC, 16px 16px #1A80CC, 17px 17px #1A80CC, 18px 18px #1A80CC, 19px 19px #1A80CC, 20px 20px #1A80CC, 21px 21px #1A80CC, 22px 22px #1A80CC, 23px 23px #1A80CC, 24px 24px #1A80CC, 25px 25px #1A80CC, 26px 26px #1A80CC, 27px 27px #1A80CC, 28px 28px #1A80CC, 29px 29px #1A80CC, 30px 30px #1A80CC;
    }

        .social-nav .outlook:hover {
            color: #0072C6;
        }

    .social-nav .instagram {
        background: #c4302b;
        text-shadow: 0px 0px #bf4f4a, 1px 1px #bf4f4a, 2px 2px #bf4f4a, 3px 3px #bf4f4a, 4px 4px #bf4f4a, 5px 5px #bf4f4a, 6px 6px #bf4f4a, 7px 7px #bf4f4a, 8px 8px #bf4f4a, 9px 9px #bf4f4a, 10px 10px #bf4f4a, 11px 11px #bf4f4a, 12px 12px #bf4f4a, 13px 13px #bf4f4a, 14px 14px #bf4f4a, 15px 15px #bf4f4a, 16px 16px #bf4f4a, 17px 17px #bf4f4a, 18px 18px #bf4f4a, 19px 19px #bf4f4a, 20px 20px #bf4f4a, 21px 21px #bf4f4a, 22px 22px #bf4f4a, 23px 23px #bf4f4a, 24px 24px #bf4f4a, 25px 25px #bf4f4a, 26px 26px #bf4f4a, 27px 27px #bf4f4a, 28px 28px #bf4f4a, 29px 29px #bf4f4a, 30px 30px #bf4f4a;
    }

        .social-nav .instagram:hover {
            color: #c4302b;
        }

    .social-nav .login {
        /*background: #c4302b;*/
        background: var(--color-verde-claro);
        text-shadow: 0px 0px #235b4e, 1px 1px #235b4e, 2px 2px #235b4e, 3px 3px #235b4e, 4px 4px #235b4e, 5px 5px #235b4e, 6px 6px #235b4e, 7px 7px #235b4e, 8px 8px #235b4e, 9px 9px #235b4e, 10px 10px #235b4e, 11px 11px #235b4e, 12px 12px #235b4e, 13px 13px #235b4e, 14px 14px #235b4e, 15px 15px #235b4e, 16px 16px #235b4e, 17px 17px #235b4e, 18px 18px #235b4e, 19px 19px #235b4e, 20px 20px #235b4e, 21px 21px #235b4e, 22px 22px #235b4e, 23px 23px #235b4e, 24px 24px #235b4e, 25px 25px #235b4e, 26px 26px #235b4e, 27px 27px #235b4e, 28px 28px #235b4e, 29px 29px #235b4e, 30px 30px #235b4e;
    }

        .social-nav .login:hover {
            /*color: #c4302b;*/
            background: var(--color-verde-claro);
        }

/*
#Documentos-Direcciones
{
background: rgba(255, 255, 255);
background: linear-gradient(0deg, rgba(152, 152, 154, 1) 90%, rgba(35, 91, 78, 1) 10%);
}
*/

/*
.titulos_principal 
{
    text-align: left;
    border-bottom: 1px solid #e8e8e8;
}
*/
hr {
    box-sizing: content-box;
    height: 0;
    opacity: 1;
}

    hr.red {
        margin: 10px 0 15px;
        /*border-top-color: #DCE0E0;*/
        background-color: var(--color-gris-claro); /*#e8e8e8;*/
        opacity: 1;
    }

        hr.red::before {
            /*opacity: 1;*/
            margin-top: 1px;
            width: 35px;
            height: 5px;
            /*background-color: rgb(188, 149, 92) !important;*/
            background-color: var(--color-dorado-oscruro);
            position: absolute;
            content: " ";
            display: block;
        }
/*
hr.red::after
{    
    width: 35px;
    height: 5px;
    background-color: rgb(188, 149, 92) !important;
    position: absolute;
    content: " ";
    display: block;
}
*/






/*
hr.red:before {
    display: block
}
*/
/*
hr.red:before {
    content: " "
}
*/
.list-inline,
.list-unstyled {
    padding-left: 0;
    list-style: none
}

.list-inline {
    margin-left: -5px
}

    .list-inline > li {
        display: inline-block;
        padding-left: 5px;
        padding-right: 5px
    }



.navbar-dark .navbar-brand {
    color: #fff;
}

    .navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus {
        color: #fff;
    }

.navbar-dark .navbar-nav .nav-link {
    color: rgba(255, 255, 255, 0.55);
}

    .navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {
        /*color: rgba(255, 255, 255, 0.75);*/
        color: var(--color-dorado-oscruro);
        /*background-color: var(--color-gris-claro);*/
        /*opacity: .45;*/
        /*text-decoration:underline;*/
        /*border: 1px solid var(--color-gris-claro);*/
    }

    .navbar-dark .navbar-nav .nav-link.disabled {
        color: rgba(255, 255, 255, 0.25);
    }

    .navbar-dark .navbar-nav .show > .nav-link,
    .navbar-dark .navbar-nav .nav-link.active {
        color: #fff;
    }

.navbar-dark .navbar-toggler {
    color: rgba(255, 255, 255, 0.55);
    border-color: rgba(255, 255, 255, 0.1);
}

.navbar-dark .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.navbar-dark .navbar-text {
    color: rgba(255, 255, 255, 0.55);
}

    .navbar-dark .navbar-text a,
    .navbar-dark .navbar-text a:hover,
    .navbar-dark .navbar-text a:focus {
        color: #fff;
    }



.TituloCollapse {
    font-weight: bold;
}

    .TituloCollapse a,
    .TituloCollapse a:hover,
    .TituloCollapse a:focus {
        color: var(--color-dorado-oscruro);
        text-decoration: none;
    }

.card-header {
    color: var(--color-dorado-oscruro);
}

    .card-header:after {
        font-family: 'Font Awesome 5 Free';
        content: "\f068";
        float: right;
        color: var(--color-verde-claro);
    }

    .card-header.collapsed:after {
        /* symbol for "collapsed" panels */
        content: "\f067";
        color: var(--color-verde-claro);
    }

.TituloPaginaInterna {
    color: var(--color-dorado-oscruro);
}

.nav-link {
    display: block;
    padding: 0.5rem 1rem;
    color: black;
    text-decoration: none;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}

.nav-pills .nav-link {
    background: none;
    border: 0;
    border-radius: 0.25rem;
}

    .nav-pills .nav-link.active,
    .nav-pills .show > .nav-link {
        color: #fff;
        background-color: var(--color-rojo-claro);
    }

.main-container {
    min-height: 500px;
}

.card_inicio {
    min-height: 300px;
}
.card_inicio_covid {
    min-height: 400px;
}


.text-justify
{
    text-align: justify;
}





/*

html {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100vh;
}

    html body {
        margin: 0;
        background: #2980b9;
        background: linear-gradient(to right, #2980b9, #2c3e50);
        font-family: 'Montserrat', sans-serif;
    }
    */
/*
.heading {
    color: #fff;
    text-align: center;
}

    .heading h1 {
        margin-bottom: 3rem;
        font-weight: 300;
        position: relative;
    }

        .heading h1:after {
            content: '';
            height: 2px;
            width: 2rem;
            position: absolute;
            left: 50%;
            bottom: -1rem;
            transform: translateX(-50%);
            background-color: #fff;
        }
    */
.containerList {
    background-color: #fff;
    padding: 2rem;
    box-shadow: 4px 4px 8px rgba(0,0,0,0.1);
}
    /*
    .container .nav {
        background-color: #fafafa;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 1rem;
        margin: 0 -3rem 2rem;
        box-shadow: 2px 2px 4px rgba(0,0,0,0.1);
        position: relative;
    }

        .container .nav:before,
        .container .nav:after {
            content: '';
            height: 0;
            width: 0;
            position: absolute;
            top: 0;
            border: 0.75rem solid transparent;
            border-bottom: 0.75rem solid #f2f0f0;
            transform-origin: center;
            box-shadow: 2px 2px 4px rgba(0,0,0,0.1);
            z-index: -1;
        }

        .container .nav:before {
            left: 0;
            transform: translateY(-0.45rem) rotate(135deg) translateX(-0.4rem);
        }

        .container .nav:after {
            right: 0;
            transform: translateY(-0.45rem) rotate(-135deg) translateX(0.4rem);
        }

        .container .nav a {
            display: inline-block;
            margin: 0 3rem;
            font-size: 2rem;
            color: #2980b9;
            opacity: 0.7;
            transition: 0.25s;
        }

            .container .nav a:hover {
                opacity: 1;
            }
        */

    .containerList .list .num {
        padding: 0.5rem 2rem;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        transition: 0.25s;
    }
        .containerList .list .num::before {
            /*content: '>';*/
            font-family: 'Font Awesome 5 Free';
            content: "\f054";
            float: left;
            color: var(--color-verde-claro);
            font-size: 4rem;
            font-weight: bold;
            color: #000;
            width: 2rem;
            opacity: 0.05;
            transition: 0.25s;
        }
        /*
        .containerList .list .num:nth-child(0):before {
            content: '0';
            font-size: 4rem;
            font-weight: bold;
            color: #000;
            width: 2rem;
            opacity: 0.05;
            transition: 0.25s;
        }

        .containerList .list .num:nth-child(1):before {
            content: '1';
            font-size: 4rem;
            font-weight: bold;
            color: #000;
            width: 2rem;
            opacity: 0.05;
            transition: 0.25s;
        }

        .containerList .list .num:nth-child(2):before {
            content: '2';
            font-size: 4rem;
            font-weight: bold;
            color: #000;
            width: 2rem;
            opacity: 0.05;
            transition: 0.25s;
        }

        .containerList .list .num:nth-child(3):before {
            content: '3';
            font-size: 4rem;
            font-weight: bold;
            color: #000;
            width: 2rem;
            opacity: 0.05;
            transition: 0.25s;
        }

        .containerList .list .num:nth-child(4):before {
            content: '4';
            font-size: 4rem;
            font-weight: bold;
            color: #000;
            width: 2rem;
            opacity: 0.05;
            transition: 0.25s;
        }

        .containerList .list .num:nth-child(5):before {
            content: '5';
            font-size: 4rem;
            font-weight: bold;
            color: #000;
            width: 2rem;
            opacity: 0.05;
            transition: 0.25s;
        }

        .containerList .list .num:nth-child(6):before {
            content: '6';
            font-size: 4rem;
            font-weight: bold;
            color: #000;
            width: 2rem;
            opacity: 0.05;
            transition: 0.25s;
        }

        .containerList .list .num:nth-child(7):before {
            content: '7';
            font-size: 4rem;
            font-weight: bold;
            color: #000;
            width: 2rem;
            opacity: 0.05;
            transition: 0.25s;
        }

        .containerList .list .num:nth-child(8):before {
            content: '8';
            font-size: 4rem;
            font-weight: bold;
            color: #000;
            width: 2rem;
            opacity: 0.05;
            transition: 0.25s;
        }

        .containerList .list .num:nth-child(9):before {
            content: '9';
            font-size: 4rem;
            font-weight: bold;
            color: #000;
            width: 2rem;
            opacity: 0.05;
            transition: 0.25s;
        }
        */
        .containerList .list .num p {
            position: relative;
            left: -1.5rem;
            /*color: #3d3d3d;*/
            /*font-size: 0.85rem;*/
            transition: 0.25s;
        }

        .containerList .list .num:hover {
            background-color: #fafafa;
            cursor: pointer;
        }

            .containerList .list .num:hover:before {
                opacity: 0.2;
                font-family: 'Font Awesome 5 Free';
                content: "\f054";
                float: left;
                color: var(--color-verde-claro);
            }

            .containerList .list .num:hover p {
                left: 1rem;
                font-weight: bold;
                color: var(--color-verde-claro);
            }
/*
.message {
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    margin-top: 2rem;
}
    */
.Titular 
{
    color: var(--color-dorado-oscruro);
    font-weight: bold;
}
.Titular_Info 
{
    color: var(--color-verde-claro);
    font-weight: bold;
}
.tab-pane {
    border: solid 1px #e8e8e8;
    border-top: 0;
    padding: 20px;
}


.color-rojo-claro
{
 color: var(--color-rojo-claro);
}
.color-rojo-oscuro
{
 color: var(--color-dorado-oscruro);
}
.color-verde-claro
{
 color: var(--color-verde-claro);
}
.color-verde-oscuro
{
 color: var(--color-verde-oscuro);
}
.color-dorado-claro
{
 color: var(--color-dorado-claro);
}
.color-dorado-oscruro
{
 color: var(--color-dorado-oscruro);
}
.color-gris-claro
{
 color: var(--color-gris-claro);
}
.color-gris-oscuro 
{
 color: var(--color-gris-oscuro);
}