@font-face {
    font-family: flight;
    src: url('../fonts/Flight Std Regular.otf');
}
@font-face {
  font-family: museo;
  src: url('../fonts/Museo_Slab_500.otf');
}
@font-face {
  font-family: montse;
  src: url('../fonts/Montserrat-Light.ttf');
}
@font-face {
  font-family: montseBlack;
  src: url('../fonts/Montserrat-Black.ttf');
}
@font-face {
  font-family: montseBold;
  src: url('../fonts/Montserrat-Bold.ttf');
}
a {
  text-decoration: none;
}
 body{
    background-color: #d4cfc5;
    font-family: 'montse';
 }
.letraMuseo{
  font-family: 'museo';
}
.letraMontse{
  font-family: 'montse';
}
.letraMontseBold{
  font-family: 'montseBold';
}
.bg1{
  background-color: #675b6c;
}
.bg2{
  background-color: #837189;
}
.bg3{
  background-color: #73735C;
}
.bg4{
  background-color: #B1B381;
}
.bg5{
  background-color: #e45b25;
}
.bg6{
  background-color: #e2a925;
}
.bg7{
  background-color: #c9b793;
}
.bgO{
  background-color: #cfccaa;
}
.espacioletras4{
  letter-spacing: .15em;
}
.textoNaranja{
  color: #e45b25;
}
.textoPlomo{
  color: #7c7c7c;
}
 .foto_fija {
   /*position: sticky;*/
   top: 110px;
   width: 100%;
 }/*# sourceMappingURL=personalizar.css.map */
 .card{
   cursor: pointer;
   background-color: white;
   border-bottom-right-radius: 15%;
   color: black;
 }
 .circular-frame{
  width: 67%; /* Ajusta el ancho y alto del marco según sea necesario */
  border-radius: 50%; /* Esto hace que el marco tenga forma circular */
  overflow: hidden;
  margin: 10px;
 }
 .iconoMasMenos{
  display: inline-block;
  width: 35px;
  height: 35px;
  color: white;
  border-radius: 50%;
  text-align: center;
  vertical-align: bottom;
 }
 #contendorVideo, #contendorCarousel, #contenedorMapa{
  display: flex;
  justify-content: center;
  text-align: center;
 }
 .busqueda:focus{
  background-color: #675b6c;
 }
 @media screen and (min-width: 600px) {
   #video, #carousel, .fotoObra {
     width: 300px;
     height: 250px;
    }
    .lh-md-lg {
      line-height: 2;
   }
 }
 @media screen and (min-width: 767px) {
    #video, #carousel, .fotoObra {
     width: 767px;
     height: 431px;
    }
  }
  @media screen and (min-width: 768px) {
    #video, #carousel, .fotoObra {
      width: 300px;
      height: 225px;
    }
  }
 @media screen and (min-width: 1080px) {
  #video, #carousel, .fotoObra {
    width: 454px;
     height: 256px;
  }
 }
 @media screen and (min-width: 1620px) {
  #video, #carousel, .fotoObra {
    width: 639px;
    height: 359px;
  }
}
 @media screen and (min-width: 1920px) {
  #video, #carousel, .fotoObra {
    width: 959px;
    height: 539px;
  }
 }
 @media screen and (min-width: 2880px) {
  #video, #carousel, .fotoObra {
    width: 1704px;
    height: 959px;
  }
 }
 @media screen and (max-width: 600px) {
  #video, #carousel, .fotoObra {
    width: 300px;
    height: 225px;
  }
  .lh-md-lg {
    line-height: 1;
  }
}