@font-face {
            font-family: Montserrat,"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
        }

        .fixed-top {
            position: fixed;
            top: 0;
            right: 0;
            left: 0;
            z-index: 1030;
        }

        /* barra de navegacion en responsivo */
        #mainNav {
            box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
            background-color: #ffffff;
            opacity: .9;
            transition: background-color 0.2s ease;
        }

        #mainNav .navbar-brand {
            font-family: Montserrat,"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
            font-weight: 700;
            color: #212529;
        }

        #mainNav .navbar-nav .nav-item .nav-link {
            color: #6c757d;
            font-family: Montserrat,"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
            font-weight: 700;
            font-size: 0.9rem;
            padding: 0;
        }

        #mainNav .navbar-nav .nav-item .nav-link:active,
        #mainNav .navbar-nav .nav-item .nav-link:hover {
            color: #9A2A51;
        }

        #mainNav .navbar-nav .nav-item .nav-link.active {
            color: #9A2A51 !important;
        }

        @media (min-width: 992px) {
            #mainNav {
                box-shadow: none;
                background-color: transparent;
            }

            #mainNav .navbar-brand {
                color: rgba(255, 255, 255, 0.7);
            }

            #mainNav .navbar-brand:hover {
                color: #00b59c;
            }

            #mainNav .navbar-nav .nav-item .nav-link {
                color: rgba(255, 255, 255, 0.7);
                padding: 0 1rem;
            }

            #mainNav .navbar-nav .nav-item .nav-link:hover {
                color: #00b59c;
            }

            #mainNav .navbar-nav .nav-item:last-child .nav-link {
                padding-right: 0;
            }

            #mainNav.navbar-scrolled {
                box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
                background-color: #ffffff;
                opacity: 0.9;
            }

            #mainNav.navbar-scrolled .navbar-brand {
                color: #212529;
            }

            #mainNav.navbar-scrolled .navbar-brand:hover {
                color: #f4623a;
            }

            #mainNav.navbar-scrolled .navbar-nav .nav-item .nav-link {
                color: #212529;
            }

            #mainNav.navbar-scrolled .navbar-nav .nav-item .nav-link:hover {
                color: #9A2A51;
            }
        }



        /* Galeria */
        /* y superior para la imagen */
        .mfp-no-margins img.mfp-img {
            padding: 0;
        }

        /* posición de la sombra detrás de la imagen */
        .mfp-no-margins .mfp-figure:after {
            top: 0;
            bottom: 0;
        }

        /* para contenedor principal */


        /*  para animación de zoom */

        .mfp-with-zoom .mfp-container,
        .mfp-with-zoom.mfp-bg {
            opacity: 0;

        }



        .down {
            position: fixed;
            top: 2.7%;
            right: 5%;

        }



        .overlay {
            z-index: 2;
            position: fixed;
            background: #391944ee;
            top: 0;
            left: 0;
            width: 100%;
            height: 0%;
            opacity: 0;
            visibility: hidden;
            transition: opacity .35s, visibility .35s, height .35s;
            overflow: hidden;
        }

        .overlay.open {
            opacity: 1;
            visibility: visible;
            height: 100%;
        }

        .overlay.open li {
            animation: fadeInRight .5s ease forwards;
            animation-delay: .35s;
        }

        .overlay.open li:nth-of-type(2) {
            animation-delay: .4s;
        }

        .overlay.open li:nth-of-type(3) {
            animation-delay: .45s;
        }

        .overlay.open li:nth-of-type(4) {
            animation-delay: .5s;
        }

        .overlay.open li:nth-of-type(5) {
            animation-delay: .55s;
        }

        .overlay.open li:nth-of-type(6) {
            animation-delay: .6s;
        }

        .overlay.open li:nth-of-type(7) {
            animation-delay: .65s;
        }

        .overlay.open li:nth-of-type(8) {
            animation-delay: .7s;
        }

        .overlay.open li:nth-of-type(9) {
            animation-delay: .75s;
        }

        .overlay.open li:nth-of-type(10) {
            animation-delay: .8s;
        }

        .overlay.open li:nth-of-type(11) {
            animation-delay: .85s;
        }

        .overlay.open li:nth-of-type(12) {
            animation-delay: .85s;
        }

        .overlay nav {
            position: relative;
            height: 70%;
            top: 50%;
            transform: translateY(-50%);
            font-size: 50px;
            font-weight: 450;
            text-align: center;
        }

        .overlay ul {
            list-style: none;
            padding: 0;
            margin: 0 auto;
            display: inline-block;
            position: relative;
            height: 100%;
        }

        .overlay ul li {
            display: block;
            /* height: 7%; */
            /* min-height: 50px; */
            position: relative;
            opacity: 0;
        }

        .overlay ul li a {
            font-family: Montserrat,"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
            font-size: 1.25rem;
            text-align: center;
            display: block;
            position: relative;
            color: #000;
            text-decoration: none;
            overflow: hidden;
        }

        .overlay ul li a:hover:after,
        .overlay ul li a:focus:after,
        .overlay ul li a:active:after {
            width: 100%;
        }

        .overlay ul li a:after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 50%;
            width: 0%;
            transform: translateX(-50%);
            height: 2px;
            background: #FFF;
            transition: .35s;

        }

        .mfp-title {
            text-align: right;
            line-height: 22px;
            color: #000;
            word-wrap: break-word;
            padding-right: 10px;
            font-size: 18px;
            font-family: Montserrat,"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
        }

        .mfp-figure small {
            color: #000;
            font-size: 16px;
            font-family: Montserrat,"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
            padding-top: 5px;
        }

        @keyframes fadeInRight {
            0% {
                opacity: 0;
                left: 20%;
            }

            100% {
                opacity: 1;
                left: 0;
            }
        }



        .overlay ul li a {
            font-size: 1.25rem;
        }

        .overlay nav {
            top: 46%;

        }

        .mfp-no-margins .mfp-container {
            padding: 2rem 15rem 5rem 5rem;

        }


        .contenedor1:hover {
            cursor: pointer;
            filter: grayscale(80%);


        }

        .contenedor1 {
            transition: all .5s ease-in-out;
            cursor: pointer
        }

        .contenedor:hover {
            border-radius: 200%;
            cursor: pointer;
            -webkit-border-radius: 50%;
            transform: rotate(360deg);
            -webkit-border-radius: 50%;
            -webkit-transform: rotate(360deg);
            transition: all 1s ease-in-out;
            background-color: black;

        }

        .contenedor {

            overflow: hidden;

        }











        .foto {
            overflow: hidden;
            transition: all .5s ease-in-out;
        }

        .foto:hover {
            -webkit-transform: rotateY(180deg);

            transform: rotateY(180deg);
            perspective: 1000px;
            backface-visibility: hidden;

        }


        a.share:hover {
            fill: #391944;
            color: #f5f1ef;
        }

        a.share:focus {
            outline: none;

        }





        :root {
            --blue: #007bff;
            --indigo: #6610f2;
            --purple: #6f42c1;
            --pink: #e83e8c;
            --red: #dc3545;
            --orange: #f4623a;
            --yellow: #ffc107;
            --green: #28a745;
            --teal: #20c997;
            --cyan: #17a2b8;
            --white: #fff;
            --gray: #6c757d;
            --gray-dark: #343a40;
            --primary: #f4623a;
            --secondary: #6c757d;
            --success: #28a745;
            --info: #17a2b8;
            --warning: #ffc107;
            --danger: #dc3545;
            --light: #f8f9fa;
            --dark: #343a40;
            --breakpoint-xs: 0;
            --breakpoint-sm: 576px;
            --breakpoint-md: 768px;
            --breakpoint-lg: 992px;
            --breakpoint-xl: 1200px;
            --font-family: Montserrat,"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
            --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
        }

        *,
        *::after,
        *::before {
            box-sizing: border-box;
        }



        html {
            font-family: Montserrat,"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
            line-height: 1.15;
            -webkit-text-size-adjust: 100%;
            -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        }

        article,
        aside,
        figcaption,
        figure,
        footer,
        header,
        hgroup,
        main,
        nav,
        section {
            display: block;
        }

        body {
            margin: 0;
            font-family: "Montserrat,"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;";
            font-weight: 200;
            color: #212529;
            text-align: left;
            background-color: #ffffff;
        }

        [tabindex="-1"]:focus:not(:focus-visible) {
            outline: 0 !important;
        }

        h1,
        h2,
        h3,
        h4,
        h5,
        h6 {
            margin-top: 0;
            margin-bottom: 0.5rem;
            color: #1d6fb7;
        }

        .h1,
        .h2,
        .h3,
        .h4,
        .h5,
        .h6,
        h1,
        h2,
        h3,
        h4,
        h5,
        h6 {
            margin-bottom: 0.5rem;
            font-family: "Montserrat,"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;";
            font-weight: 500;
            line-height: 1.2;
        }

        @media (max-width: 375px) {

            .page-section {
                padding: 1rem 0;
            }

            p {
                font-family: 'Montserrat,"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;';
                font-size: 1rem;
                line-height: 1.4rem;
                margin-top: 0;
                margin-bottom: 1rem;
                color: #000000;
            }

            .h1,
            h1 {
                font-size: 2rem;
            }

            .h2,
            h2 {
                font-size: 1.5rem;
            }

            .h3,
            h3 {
                font-size: 1.25rem;
            }

            .h4,
            h4 {
                font-size: 1rem;
            }

            .h5,
            h5 {
                font-size: 1rem;
            }

            .h6,
            h6 {
                font-size: 0.5rem;
            }
        }

        @media (max-width: 376px)and(max-width: 768px) {
            .page-section {
                padding: 1rem 0;
            }

            p {
                font-size: 1.25rem;
                line-height: 1.4rem;
            }

            .h1,
            h1 {
                font-size: 2.5rem;
            }

            .h2,
            h2 {
                font-size: 2rem;
            }

            .h3,
            h3 {
                font-size: 1.5rem;
            }

            .h4,
            h4 {
                font-size: 1.25rem;
            }

            .h5,
            h5 {
                font-size: 1rem;
            }

            .h6,
            h6 {
                font-size: 1rem;
            }

        }

        @media (min-width: 992px) {
            .page-section {
                padding: 6rem 0;
            }

        }

        @media (min-width: 1200px) {
            .page-section {
                padding: 6rem 0;
            }

            p {
                font-size: 1.4rem;
                line-height: 2.4rem;
            }

            .h2,
            h2 {
                font-size: 3rem;
            }

            .h5,
            h5 {
                font-size: 1.5rem;
            }
        }



        .efectoboton {
            transform: scale(1);
            transition: 100ms;
        }

        .efectoboton:hover {
            transform: scale(1.1);
            transition: 100ms;
        }

        .navbar .container,
        .navbar .container-fluid,
        .navbar .container-lg,
        .navbar .container-md,
        .navbar .container-sm,
        .navbar .container-xl {
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            justify-content: space-between;
        }


        :focus {
            outline: none;
        }

        .aladerecha {
            right: 70px;

        }

        .titulo {
            font-family: Montserrat,"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
            font-size: 50px;
            line-height: 110%;
            text-align: left;
            padding-left: 50px;
            padding-top: 30px;
        }

        .subtitulo {
            font-family: Montserrat,"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;

            color: #ffffff;
            z-index: 100;
            line-height: 100%;
            text-align: center;
        }

        .textofotos {
            font-family: Montserrat,"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
            font-size: 18px;
            color: #2e404b;
            line-height: 140%;
            text-align: left;
        }


        @media (max-width: 576px) {
            .aladerecha {
                right: 65px;

            }

            .titulo {
                font-size: 25px;
            }

            .subtitulo {
                font-family: Montserrat,"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
                font-size: 18px;
                z-index: 100;
                line-height: 100%;
                text-align: center;
            }

            .textofotos {
                font-size: 21px;
                line-height: 120%;
            }

        }


        @media (min-width: 768px) {
            .aladerecha {
                right: 110px;

            }

            .titulo {
                font-size: 25px;
            }

            .subtitulo {
                font-family: Montserrat,"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
                font-size: 20px;
                z-index: 100;
                line-height: 100%;
                text-align: center;

            }

            .textofotos {
                font-size: 14px;
                line-height: 140%;
            }

        }

        @media (min-width: 1024px) {
            .aladerecha {
                right: 80px;

            }

            .titulo {
                font-size: 25px;
            }

            .subtitulo {
                font-family: Montserrat,"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
                font-size: 20px;
                z-index: 100;
                line-height: 100%;
                text-align: center;

            }

            .textofotos {
                font-size: 14px;
                line-height: 140%;
            }
        }


        @media (min-width: 1440px) {
            .aladerecha {
                right: 70px;


            }

            .titulo {
                font-size: 50px;
            }

            .subtitulo {
                font-family: Montserrat,"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
                font-size: 28px;
                z-index: 100;
                /* cursor: pointer; */
                line-height: 100%;
                text-align: center;

            }

            .subtitulo-sala1 {

font-family: Montserrat,"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
font-size: 2rem;
color: black;
line-height: 110%;
text-align: left;
margin-bottom: 2%;

}

            .textofotos {
                font-size: 18px;
                line-height: 140%;
            }
        }

        @media (max-width: 2560px) {
            .aladerecha {
                right: 110px;
            }



        }

        /* a.input:focus,
        select:focus,
        textarea:focus,
        button:focus {
            outline: none;
        } */

        *:focus {
            outline: none;

        }

        .cedula {
            font-family: Montserrat,"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
            font-size: 25px;
            color: rgb(15, 133, 230);
            z-index: 100;
            line-height: 70%;
            text-align: left;
            margin-bottom: 2%;
        }

        @media (max-width: 1024px) {
            .cedula {
                font-size: 21px;


            }
        }

        /* ----------------------- PARALLAX ----------------------- */


        .parallax1 {
            min-height: 50px;
            background-attachment: fixed;
            background-position: center;
            background-repeat: no-repeat;
            background-size: cover;
        }


        .cover {
            background-image: url("https://memoricamexico.gob.mx/work/models/memorica/recursos/exposiciones/muralismo_mexicano/img/fondo3.png");
            background-size: 100%;
        }

        .first {
            background-image: url("https://memoricamexico.gob.mx/work/models/memorica/recursos/exposiciones/muralismo_mexicano/img/fondo4.jpg");
            background-size: cover;
        }

        .second {
            background-image: url("https://memoricamexico.gob.mx/work/models/memorica/recursos/exposiciones/muralismo_mexicano/img/fondo1bb.png");
            background-size: cover;
        }

        .third {
            background-image: url("https://memoricamexico.gob.mx/work/models/memorica/recursos/exposiciones/muralismo_mexicano/img/fondo2.jpg");
            background-size: cover;
        }

        .last {
            background-image: url("https://memoricamexico.gob.mx/work/models/memorica/recursos/exposiciones/muralismo_mexicano/img/fondo2.jpg");
            background-size: cover;
        }

        @media (min-width: 320px) {

            .sabias {
                font-size: 1rem;
            }

            .cover {
                background-attachment: inherit;
            }

            .parallax {
                min-height: 50px;
                background-attachment: inherit;
                background-position: center;
                background-repeat: no-repeat;
                background-size: cover !important;
                width: 100%;
                height: auto;

            }

            .cardtext1 {
                margin-top: 0;
                color: #eae6d4;
                font-family: Montserrat,"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
                font-size: 0.6rem;
                line-height: 0.8rem;
            }


            .card-title {
                margin-top: 0;
                color: #eae6d4;
                font-family: Montserrat,"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
                font-size: 0.8rem;
                line-height: 1rem;
            }


            .subtitulo-sala1 {

                font-family: Montserrat,"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
                font-size: 1.3rem;
                color: black;
                line-height: 110%;
                text-align: left;
                margin-bottom: 2%;

            }


            


        }

        @media (min-width: 425px) {

            .sabias {
                font-size: 1.2rem;
            }


            .cover {
                background-attachment: inherit;
            }

            .parallax {
                min-height: 50px;
                background-attachment: inherit;
                background-position: center;
                background-repeat: no-repeat;
                background-size: cover !important;
                width: 100%;
                height: auto;

            }

            .cardtext1 {
                margin-top: 0;
                color: #eae6d4;
                font-family: Montserrat,"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
                font-size: 0.6rem;
                line-height: 0.8rem;
            }


            .card-title {
                margin-top: 0;
                color: #eae6d4;
                font-family: Montserrat,"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
                font-size: 0.8rem;
                line-height: 1rem;
            }



            .subtitulo-sala1 {

                font-family: Montserrat,"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
                font-size: 1.3rem;
                color: black;
                line-height: 110%;
                text-align: left;
                margin-bottom: 2%;

            }



        }

        @media (min-width: 768px) {
            .sabias {
                font-size: 1.5rem;
            }

            .cover {
                background-attachment: inherit;
            }

            .parallax {
                min-height: 400px;
                background-attachment: fixed !important;
                background-position: center;
                background-repeat: no-repeat;
                background-size: cover !important;
                width: 100%;
                height: auto;

            }


            .cardtext1 {
                margin-top: 0;
                color: #eae6d4;
                font-family: Montserrat,"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
                font-size: 0.6rem;
                line-height: 0.8rem;
            }


            .card-title {
                margin-top: 0;
                color: #eae6d4;
                font-family: Montserrat,"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
                font-size: 0.8rem;
                line-height: 1rem;
            }



            .subtitulo-sala1 {

                font-family: Montserrat,"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
                font-size: 1.3rem;
                color: black;
                line-height: 110%;
                text-align: left;
                margin-bottom: 2%;

            }


        }

        @media (min-width: 1024px) {
            .sabias {
                font-size: 2rem;
            }

            .parallax {
                min-height: 400px;
                background-attachment: fixed !important;
                background-position: center;
                background-repeat: no-repeat;
                background-size: cover !important;
                width: 100%;
                height: auto;

            }

            .cardtext1 {
                margin-top: 0;
                color: #eae6d4;
                font-family: Montserrat,"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
                font-size: 0.6rem;
                line-height: 0.8rem;
            }


            .card-title {
                margin-top: 0;
                color: #eae6d4;
                font-family: Montserrat,"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
                font-size: 0.8rem;
                line-height: 1rem;
            }



            .subtitulo-sala1 {

                font-family: Montserrat,"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
                font-size: 1.5rem;
                color: black;
                line-height: 110%;
                text-align: left;
                margin-bottom: 2%;

            }



        }


        @media (min-width: 1440px) {
            .sabias {
                font-size: 2rem;
            }

            .parallax {
                min-height: 200px;
                background-attachment: fixed !important;
                background-position: center;
                background-repeat: no-repeat;
                background-size: cover !important;
                width: 100%;
                height: auto;

            }

            .cardtext1 {
                margin-top: 0;
                color: #eae6d4;
                font-family: Montserrat,"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
                font-size: 0.6rem;
                line-height: 0.8rem;
            }


            .card-title {
                margin-top: 0;
                color: #eae6d4;
                font-family: Montserrat,"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
                font-size: 0.8rem;
                line-height: 1rem;
            }



            .subtitulo-sala1 {

                font-family: Montserrat,"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
                font-size: 1.5rem;
                color: black;
                line-height: 110%;
                text-align: left;
                margin-bottom: 2%;

            }


        }

        @media (min-width: 2560px) {

            .sabias {
                font-size: 2rem;
            }

            .parallax {
                min-height: 400px;
                background-attachment: fixed !important;
                background-position: center;
                background-repeat: no-repeat;
                background-size: cover !important;
                width: 100%;
                height: auto;

            }

            .cardtext1 {
                margin-top: 0;
                color: #eae6d4;
                font-family: Montserrat,"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
                font-size: 1rem;
                line-height: 1.25rem;
            }


            .card-title {
                margin-top: 0;
                color: #eae6d4;
                font-family: Montserrat,"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
                font-size: 1.2rem;
                line-height: 1.3rem;
            }


            .subtitulo-sala1 {

                font-family: Montserrat,"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
                font-size: 1.5rem;
                color: black;
                line-height: 110%;
                text-align: left;
                margin-bottom: 2%;

            }

           
        }



        .titulo-fondos:focus {

            outline: none !important;
            outline-width: 0 !important;
            box-shadow: none;
            -moz-box-shadow: none;
            -webkit-box-shadow: none;

        }

        .cardtext1 {
            margin-top: 0;
            color: #eae6d4;
            font-family: Montserrat,"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
            font-size: 1rem;
            line-height: 1.25rem;
        }


        .card-title {
            margin-top: 0;
            color: #eae6d4;
            font-family: Montserrat,"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
            font-size: 1.2rem;
            line-height: 1.3rem;
        }


        /* ----------------------- MENU ----------------------- */
        .mini {
            width: 5.3%;
        }

        .modal-header h5 {
            color: #000;
            font-family: Montserrat,"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
            font-size: 1rem;
        }

        .button-facebook,
        .button-twitter {
            color: #000;
            font-family: Montserrat,"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
            font-size: 1rem;
        }

        .button-container {
            position: relative;
            width: 35px;
            height: 27px;
            cursor: pointer;
            transition: opacity .25s ease;
            z-index: 1;
        }


        .button-container:hover {
            opacity: .7;

        }

        .button-container.active .top {
            transform: translateY(11px) translateX(0) rotate(45deg);
            background: #000;
        }

        .button-container.active .middle {
            opacity: 0;
            background: #000;
        }

        .button-container.active .bottom {
            transform: translateY(-11px) translateX(0) rotate(-45deg);
            background: #000;
        }

        .button-container span {
            background: rgb(2, 2, 2);
            border: none;
            height: 5px;
            width: 35px;
            position: absolute;
            top: 0;
            left: 0;
            transition: all .35s ease;
            cursor: pointer;
        }

        .button-container span:nth-of-type(2) {
            top: 11px;
        }

        .button-container span:nth-of-type(3) {
            top: 22px;
        }

        /* titulo menu hamburguesa */


        .titulo_menu {
            font-size: 2rem;
            font-family: Montserrat,"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
            font-weight: normal;
            color: #ffffff;
            text-align: center;
            position: relative;
            margin-top: 0px;
        }



        @media screen and (max-width: 80rem) {
            .titulo_menu {
                font-size: 2rem;
            }

        }

        @media screen and (max-width: 48rem) {
            .titulo_menu {
                font-size: 1.5rem;
            }

        }

        @media screen and (max-width: 36rem) {
            .titulo_menu {
                font-size: 1.5rem;
            }

        }

        /* LOADER */

        #loader {
            z-index: 5;
            display: block;
            position: fixed;
            width: 100%;
            height: 100%;
            background-color: #391944;
            margin: 0;
        }

        .loader {
            color: #ffffff;
            font-size: 20px;
            width: 1em;
            height: 1em;
            border-radius: 50%;
            position: relative;
            text-indent: -9999em;
            -webkit-animation: load4 1.3s infinite linear;
            animation: load4 1.3s infinite linear;
            -webkit-transform: translateZ(0);
            -ms-transform: translateZ(0);
            transform: translateZ(0);
        }

        #loader h1 {
            color: #FFF;
        }

        /* prueba texto en botones */
        /* pop over */
        .popover {
            position: absolute;
            top: 0;
            left: 0;
            z-index: 1060;
            display: block;
            max-width: 276px;
            font-family: Montserrat,"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
            font-style: normal;
            font-weight: 400;
            line-height: 1.5;
            text-align: left;
            text-align: start;
            text-decoration: none;
            text-shadow: none;
            text-transform: none;
            letter-spacing: normal;
            word-break: normal;
            word-spacing: normal;
            white-space: normal;
            line-break: auto;
            font-size: .875rem;
            word-wrap: break-word;
            background-color: transparent;
            background-clip: padding-box;
            border: 1px solid transparent;
            border-radius: .3rem;
            /* margin-bottom: 30px;
            -webkit-margin-start: auto; */


        }



        .popover-body {
            padding: .5rem .75rem;
            color: #000000;
            background-color: rgb(235, 65, 207);
            font-family: Montserrat,"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
            border-radius: 21px 21px 21px 21px;


        }

        .bs-popover-auto[x-placement^=bottom]>.arrow::after,
        .bs-popover-bottom>.arrow::after {
            top: 1px;
            border-width: 0 .5rem .5rem .5rem;
            border-bottom-color: rgb(235, 65, 207);



        }

        .bs-popover-auto[x-placement^=top]>.arrow::after,
        .bs-popover-top>.arrow::after {
            bottom: 1px;
            border-width: .5rem .5rem 0;
            border-top-color: rgb(235, 65, 207);


        }

        /* a.pop-over {
            color: #000 !important;
            background-color: #FFF;
            cursor: pointer;
            padding: 2px;
            font-family: Montserrat,"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;;

        } */

        /* TErmino Prueba texto en botones */

        /* HOVER PARA TITULOS */
        .div-imagen {
            display: inline-block;
            position: relative;
        }

        .div-imagen>div {
            position: absolute;
            top: 0;
            left: 0;
            z-index: -1;
            padding: 10px;
            margin: 0;
        }

        .desvanecer:hover {
            opacity: 0.15;
            transform: scale(1.25);
            -webkit-transform: scale(1.25);
            -webkit-transition: all 900ms ease;
            -moz-transition: all 900ms ease;
            -o-transition: all 900ms ease;
            -ms-transition: all 900ms ease;
            transition: all 900ms ease;



        }



        /* circulo que se mueve */
        .object {
            content: "";
            margin-top: 2.5%;
            margin-left: -610px;
            transition: all .5s ease-out;
            -webkit-transition: all .5s ease-out;
            /** Chrome & Safari **/
            -moz-transition: all .5s ease-out;
            /** Firefox **/
            -o-transition: all .5s ease-out;
            /** Opera **/
        }

        .circulo {

            background-image: url(https://memoricamexico.gob.mx/work/models/memorica/recursos/exposiciones/muralismo_mexicano/img/estrellita.png);
            background-size: cover;
            background-repeat: no-repeat;
            width: 60px;
            height: 60px;
            margin-right: 10px;
        }


        #axis:hover .move-right {
            transform: translate(760px, 0);
            -webkit-transform: translate(760px, 0) rotate(720deg);
            /** Chrome & Safari **/
            -o-transform: translate(760px, 0)rotate(720deg);
            /** Opera **/
            -moz-transform: translate(760px, 0)rotate(720deg);
            /** Firefox **/
        }

        .v {
            font-variant: small-caps;
        }

        .reparar {
            -webkit-animation-name: reparacion;
            -webkit-animation-timing-function: ease-out;
            -webkit-animation-direction: alternate-reverse;
            -webkit-animation-iteration-count: infinite;
            -webkit-animation-duration: 18s;

            -moz-animation-name: reparacion;
            -moz-animation-timing-function: ease-out;
            -moz-animation-direction: alternate-reverse;
            -moz-animation-iteration-count: infinite;
            -moz-animation-duration: 18s;

            animation-name: reparacion;
            animation-timing-function: ease-out;
            animation-direction: alternate-reverse;
            animation-iteration-count: infinite;
            animation-duration: 18s;
        }

        @keyframes reparacion {
            0% {
                opacity: 0;
            }

            30% {

                opacity: 0.9;
            }

            60% {
                opacity: 0.6;
            }

            100% {
                opacity: 0;

            }

        }

        /* ver mas */

        .ver-mas1 a {
            color: #000;
            font-family: Montserrat,"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
            font-size: 1rem;
            text-decoration: none;

        }

        .ver-mas1 a:hover {
            color: #a74d38;

        }

        /* .ver-mas1 {
    text-align: right;
    padding-right: 20px;

} */
        .text-toggle[aria-expanded=false] .text-expanded {
            display: none;

        }

        .text-toggle[aria-expanded=true] .text-collapsed {
            display: none;
        }

        /* pies de foto */

        .titulo_foto {
            z-index: 1;
            font-size: 17px;
            line-height: 17px;
            color: #000000;
            text-align: center;
            font-family: Montserrat,"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
            text-decoration: none;

        }

        @media only screen and (max-width: 768px) {



            .titulo_foto {
                z-index: 1;
                font-size: 15px;
                line-height: 15px;
                text-align: center;
                font-family: Montserrat,"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
                text-decoration: none;
            }
        }

        /* /pies de foto */

        .cambio:hover {
            border-radius: 10%;
            border: rgba(35, 27, 63, 0.322) solid 18px;
            transition: 1s;


        }

        .cambio {
            border: rgba(35, 27, 63, 0) solid 8px;
            transition: 1s;


        }



        a{
color: #0768cf!important;
font-family: Montserrat,"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
cursor:pointer; 
text-decoration:none;
}

a:hover {
color: #240f5e!important;
text-decoration:none!important;
}