body{
    background-color: #aba58b ;
    font-family: "Sigmar", serif;
    font-weight: 300;
    font-style: normal;
  
    
}
.texto-p{
  

  font-family: "Roboto Condensed", serif;
  font-optical-sizing: auto;
  font-style: normal;
}
.title-museo {
  font-size: 3rem;
  color: #fff;
  background-color: #333 ;
  font-optical-sizing: auto;
  font-style: normal;
  padding: 20px;
  text-align: center;
  border-radius: 10px;
  border: 1px solid white;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
  transition: transform 0.3s, background-color 0.3s;
}
.title-museo:hover {
  transform: scale(1.05);
  background-color: #555;
}
.modal-header, h4 {
  font-family: "Sigmar", serif;
  font-weight: 300;
  font-style: normal;
  line-height: 1.1;   
  color: #ec7063 ; 
  text-shadow: -1px 0 #414D68, 0 1px #414D68, 1px 0 #414D68, 0 -1px #414D68, -2px 2px 0 #414D68, 2px 2px 0 #414D68, 1px 1px #414D68, 2px 2px #414D68, 3px 3px #414D68, 4px 4px #414D68, 5px 5px #414D68; 
  font-size: 1.5em;
  background-color: #333;
  text-align: center;
} 
.form-group label{
  color: #85929e;
}
.modal-header, .modal-body {
  padding: 40px 50px;
}
.bg-1 {
  background: #2d2d30;
  color: #bdbdbd;
}

.well{
  padding: 4px;

}
.well p{
  font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
}
.car{
  background-color: #aba58b ; 
  border: 2px solid white;
  color: white;
}

.thumbnail {
  width: 75%;
  height: 43vh;
  background-color: #eaeded; /* Fondo claro */
  border: 4px solid #333; /* Borde sutil */
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1); /* Sombra suave */
  overflow: hidden; /* Para que el contenido no sobresalga */
  transition: transform 0.3s; /* Transición suave al pasar el mouse */
  margin: 20px; /* Espaciado alrededor del thumbnail */
  
}

.thumbnail img {
  width: 100%; /* Imagen responsiva */
  height: 20vh; /* Mantener la proporción de la imagen */
  border-bottom: 1px solid #dee2e6; /* Borde inferior para separar la imagen del texto */
  padding: 4px;
  
}


.direc-p {
  font-family: "Sigmar", serif;
  font-weight: 300;
  font-style: normal;
  line-height: 1.1;   
  color: whitesmoke !important; 
  text-shadow: -1px 0 #414D68, 0 1px #414D68, 1px 0 #414D68, 0 -1px #414D68, -2px 2px 0 #414D68, 2px 2px 0 #414D68, 1px 1px #414D68, 2px 2px #414D68, 3px 3px #414D68, 4px 4px #414D68, 5px 5px #414D68; 
  font-size: 1em;
  text-align: center;
}

.direc-p strong {
  font-size: 1.5rem; /* Tamaño de fuente más grande para el título */
  color: black; /* Color azul para el título */
}

.btn {
  display: block; /* Hacer que el botón ocupe todo el ancho */
  width: 65%; /* Ancho del botón */
  margin: 10px auto; /* Centrar el botón */
  padding: 10px; /* Espaciado interno */
  border: none; /* Sin borde */
  border-radius: 5px; /* Bordes redondeados */
  transition: background-color 0.3s; /* Transición suave para el color de fondo */
  font-family: "Sigmar", serif;
  font-weight: 300;
  font-style: normal; 
  color: whitesmoke; 
  text-shadow: -1px 0 #414D68, 0 1px #414D68, 1px 0 #414D68, 0 -1px #414D68, -2px 2px 0 #414D68, 2px 2px 0 #414D68, 1px 1px #414D68, 2px 2px #414D68, 3px 3px #414D68, 4px 4px #414D68, 5px 5px #414D68; 
  background-color: #333;
  text-align: center;
}

.buton{
  background-color: #2ecc71 !important;
}
.buton:hover{
  background-color: #dee2e6 !important;


}



.car-video{
  background-color: #555;
}

.card{
  background-color: #333;
  color:#EBEDEF ;
}

.modal{
  background-color: rgba(255, 255, 255, 0.5);
}

.redes-sociales{
  color: aliceblue;
}
.fotter-img {
  width: 200px;
  margin: auto;
  
  
}

.boton{
  width: 30%;
  margin: auto;
  text-align: center;
}


/*linea 235 del html*/
.modal-video {
  width: 90%;
  height: 50vh;
  text-align: center;
  
  
  
}
.btn{
  background-color: #333 ;
  padding: 4px;
  border: 1px solid #333;
  font-family: Montserrat, sans-serif;
}
.btn:hover{
  background-color: #bdc3c7 ;
  color: #333;
}
.container-fluid{
  background-color: #333;
}
.perfil{
  
  border: 1px solid #dee2e6; /* Borde sutil */
  border-radius: 10px; /* Bordes redondeados */
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1); /* Sombra suave */
  padding: 20px; /* Espaciado interno */
  text-align: center; /* Centrar el contenido */
}
.perfil-thm {
  background-color: #aba58b ; /* Fondo blanco para un aspecto limpio */
  border: 2px solid #dee2e6; /* Borde sutil */
  border-radius: 10px; /* Bordes redondeados */
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1); /* Sombra suave */
  overflow: hidden; /* Para que el contenido no sobresalga */
  transition: transform 0.3s; /* Transición suave al pasar el mouse */
}
.perfil-thm:hover {
  transform: scale(1.05); /* Aumentar ligeramente al pasar el mouse */
}
.direc-pi{
  background-color: #3498db;
}
.perfil-thm img {
  width: 100%; /* Imagen responsiva */
  height: auto; /* Mantener la proporción de la imagen */
}
.sub-h4{
  width: 50%;
  margin: auto;
  border-radius: 4px;
}


@media (max-width: 600px) {
  body{
    background-color: aliceblue;
  }
  .thumbnail{
    font-family: cursive;
    width: 70%;
    margin: auto;
    background-color: aliceblue;
    color: #2d2d30; 
    position: relative;
    
  }
  .car{
    background-color: aliceblue;

  }
  .btn{
    background-color: #333;
    color: aliceblue;
  }
  .title-museo{
    position: relative;
    top: 20px;
    font-size: 3em;
  }
  .sombra{
    background-color: aliceblue;
  }
}