@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap');


#contenedorAct {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  padding: 30px;
}
#contenedorAct .card {
  position: relative;
  max-width: 300px;
  height: 215px;
  background-image: url('assets/imagenes/fondoviolin.jpg'); /* Ruta de tu imagen */
  background-size: cover; /* Ajusta el tamaño de la imagen para cubrir la carta */
  margin: 30px 10px;
  padding: 20px 15px;
  display: flex;
  flex-direction: column;
  box-shadow: 0 5px 202px rgba(0,0,0,0,5);
  transition: 0.3s ease-in-out;
}
#contenedorAct .card:hover {
  height: 420px;
}
#contenedorAct .card .imgBx {
  position: relative;
  width: 260px;
  height: 260px;
  top: -60px;
  left: 20px;
  z-index: 1;
  box-shadow: 0 5px 20px rgba(0,0,0,0,5);
}
#contenedorAct .card .imgBx img {
  max-width: 100%;
  border-radius: 4px;
}
#contenedorAct .card .content {
  position: relative;
  margin-top: -140px;
  padding: 10px 15px;
  text-align: center;
  color: #000000;
  visibility: hidden;
  opacity: 0;
  transition: 0.3s ease-in-out;
}
#contenedorAct .card:hover .content {
  visibility: visible;
  opacity: 1;
  margin-top: -40px;
  transition-delay: 0.3s;
}





.carousel-inner img{
  max-height: 85vh;
  object-fit: cover;
  filter: grayscale(0%);
  width: auto;
}

.login-button {
  margin-left: 10px; /* Espaciado a la izquierda para separar del resto de los elementos */
}

.login-button a {
  color: #ffffff; /* Color del texto del botón */
  border: 1px solid rgb(104, 220, 255); /* Borde del botón */
  padding: 8px 15px; /* Espaciado interno del botón */
  border-radius: 5px; /* Bordes redondeados */
  transition: background-color 0.3s ease; /* Transición suave del color de fondo */
}

.login-button a:hover {
  background-color: #ca0b0b; /* Color de fondo al pasar el mouse sobre el botón */
  color: #ffffff; /* Cambiar color del texto al pasar el mouse sobre el botón */
}


.navbar-brand{
  font-family: 'Times new roman';
  font-style: oblique;
  font-weight: bold;
}


b{
  color: rgb(141, 3, 22);
  font-size: 45px;
  font-family: 'sans-serif';
}
.encuentro{
font-family:'Comic Sans MS';
font-size: 5px;
}

.parrafo{
  font-family: 'BInformal Roman';
}

.parrafo2{
  text-align: center;
  font-family: 'BInformal Roman';
  font-size: 20px;
}

.nav-item{
  font-family: 'Arial black';
  font-size: 15px;
}

.pregunta{
  font-family: Lucida Calligraphy;
  font-weight: bold;
}

.boton{
  background-color: #007bff;
  color: #fff;
  cursor: pointer;
  border-radius: 12px;
  margin-bottom: 10px;
  font-size: 35px;
  font-family: 'Arial Rounded MT Bold';
  width: 300px;
}

.edit {
  font-family: 'Gill Sans Ultra Bold';
  color: #fff;
  font-size: 2rem; /* Ajusta según sea necesario */
  text-align: center; /* Centra el texto */
}

.descripcion {
  font-family: 'Segoe Print';
  font-size: 12px;
  background-color: rgb(158, 27, 103);
  color: white;
  padding: 10px; /* Añade un poco de espacio alrededor del texto */
  text-align: justify; /* Justifica el texto */
  margin-bottom: 15px; /* Añade espacio entre la descripción y el botón */
}


.letra{
  font-family: 'Comic Sans MS';
  font-size: 60px;
  color: rgb(0, 100, 100);
  background-color: rgb(255, 255, 255);
  opacity: 70%;
  padding: 2px;
  border-radius: 50px;
        margin-bottom: 2px;
        border: 2px solid rgb(194, 255, 51);
}

.linea{
  font-family: 'BInformal Roman';
  font-size: 17px;
  color: rgb(217, 255, 0);
  max-width: 700px;
  height: 150px;
  background-image: url('assets/imagenes/muss.jpg'); /* Ruta de tu imagen */
  background-size: cover; /* Ajusta el tamaño de la imagen para cubrir la carta */
  margin: 30px 10px;
  padding: 0px 15px;
  opacity: 80%;
  border-radius: 15px;
  margin-bottom: 3px;
  margin-left: 40px;
}

.titulo{
  font-family: 'Comic Sans MS';
  color: #000000;
  font-size: 30px;
  max-width: 500px;
  height: 95px;
  background-image: url('assets/imagenes/neon.png'); /* Ruta de tu imagen */
  background-size: cover; /* Ajusta el tamaño de la imagen para cubrir la carta */
  margin: 30px 10px;
  padding: 0px 15px;
  opacity: 80%;
  border-radius: 40px;
  margin-bottom: 3px;
  margin-left: 145px;
  font-weight: bold;
}

.des{
  font-family: 'BInformal Roman';
  font-size: 18px;
  color: rgb(80, 0, 0);
  background-color: rgb(255, 255, 255);
  opacity: 80%;
  border-radius: 10px;
        margin-bottom: 3px;
        border: 1px solid rgb(183, 0, 255);
}