:root{
    --principal:#9f2241;
    --blanco:#fff;
--pantone:#6b2a2a; 
}
@font-face {
    font-family: 'robotolight';
    src: url('../fonts/Roboto-Light-webfont.eot');
    src: url('../fonts/Roboto-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Roboto-Light-webfont.woff') format('woff'),
         url('../fonts/Roboto-Light-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
  }
  @font-face {
    font-family: 'robotoregular';
    src: url('../fonts/Roboto-Regular-webfont.eot');
    src: url('../fonts/Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Roboto-Regular-webfont.woff') format('woff'),
         url('../fonts/Roboto-Regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
  }
.hero{width: 100vw;
    height: 100vh;
    justify-content: center;
    /*
    display: flex;
    align-items: center;
    text-align: center;*/
 background-color: #fff;
    /*background-image: url('../images/background.jpg');
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: initial;*/}
   /* .hero2{width: 100vw;
        height: 100vh;
        justify-content: center;

        color: white;
        background-image: url('../images/background2.jpg');
        background-size: cover;
        background-position: center center;
        background-repeat: no-repeat;
        background-attachment: initial;}
*/
body{background-image:url('https://conoce.edomex.gob.mx/sites/conoce.edomex.gob.mx/themes/turista/images/BAKGROUNDE.png');}

.frase{margin-top:30px; margin-bottom:30px;}
.hero img{display: block; margin-left: auto; margin-right: auto;}
    #btn-home{padding-top:10%; padding-bottom:20px}
.headermagico{display: block; margin-left: auto; margin-right: auto;}
#menuinterno{ color:var(--blanco);}    
#menuinterno #navbarSupportedContent a{color:var(--blanco);}    
.imagen-central{display: block; margin-left: auto; margin-right: auto;}
.fondointerno{
    justify-content: center;
    /*
    display: flex;
    align-items: center;
    text-align: center;*/

   /*
    background-image: url('../images/background3.jpg');
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: initial;
*/
}
.fondointerno .imagen-central{margin-bottom:20px;}
.colorinterno{
    padding-top:40px;
}
.imagen-central{transition: transform 1s;}
.imagen-central:hover{transform: scale(1.1);}
.separacion{padding-top: 20px; padding-bottom: 30px; text-align: justify;word-break: normal;
    overflow-wrap: normal;
    hyphens: none;}
#titulocartelera{text-align: center; color:var(--pantone);}
#alfa{background-color: rgba(255,255,255,00.7); padding-top:20px; padding-bottom: 20px;}
#selectorcartelera{text-align: center;}
#selectorcartelera button{color: #495057;
    background-color: #fff;
    border-color: #dee2e6 #dee2e6 #fff;}

#cultural-tab,#turistica-tab{display: block; margin-left:auto; margin-right: auto;}
.tarjetacartelera,.detallecarteleracul,.tarjetacartelera,.detallecarteleraturis{border: 1px #c3c3c3 solid; margin-top:20px; border-radius: 10px; font-family:'robotolight';background-color: rgba(255,255,255,0.7);}
.tarjetacartelera .card{background: none;}
.titulotarjeta,.titulotarjeta:hover { padding-top: 10px;padding-bottom: 10px;text-decoration: none;  color:var(--pantone);}
.titulotarjeta h1{font-size: 20px;}
.imacartelera{display: flex;}
.imacartelera img{display: block;
    margin: auto;}
.textocartelera{padding-right: 15px;
    text-align: justify;
    font-family: 'robotolight';
}    
.calendafecha, .calendalugar{padding-top:10px;color:var(--pantone);}
.calendafecha i, .calendalugar i{margin-right: 10px;}
.modalcartelera img{display: block; margin-left: auto; margin-right: auto  ;}
.cuadrointerno{padding-bottom: 50px; padding-left:20px; padding-right: 20px;text-align: justify;word-break: normal;
    overflow-wrap: normal;
    hyphens: none;}
.cuadrointerno h4{font-size: 20px; color:var(--pantone); padding-top: 15px;}
.paneldetalle h4{border-bottom: 4px var(--pantone) solid;}
.btn-location { display: inline-block; padding: 10px 20px; font-size: 16px;font-weight: bold;color:var(--blanco);  background-color:var(--pantone);
    border: none;border-radius: 5px;text-decoration: none;text-align: center;  margin: 0 auto; display: block;  max-width: 200px; }
.btn-location:hover{background-color: var(--pantone); color: var(--blanco);}
.row-envolvente { margin-top: 15px; }
.detallecarteleracul, .detallecarteleraturis{display: none;}
.pueblo img{text-align: center; margin-top:100px;}
.regresarccultural, .regresarcturis,.btnpueblo{margin-bottom:20px;font-size: 20px;
    
    color: var(--blanco);
}
.imacenter{display: block; margin-left: auto; margin-right: auto;}

#separadortop{margin-bottom: 40px;}
#separadorbottom,#selectorcarteleraContent{margin-bottom: 80px;}
.btnpueblo img, .regresarccultural img, .regresarcturis  img{width:40px;}