body{
    background: linear-gradient(rgba(252, 242, 252, 0.76), #d1d1d1ce)  ;

}
/* Texto */
p.sin_margen_inferior{
    color: rgb(52, 75, 59);
    text-align: justify;
    margin-bottom: 10px;
}

p{
    color: #131f38;
    text-align: justify;
    margin-right: 20px;
}

p.card-text{
    margin-right: 0px;
}

.titulo-modal{
    color: #000000;
}

h1{
    color:#5ca4d8;
}

.mh1{
    padding-left: 330px;
}

h2,h3{
    color: rgb(5, 114, 187);
}

h5{
    color: #fafafa;
}

a.color-font-nav{
    color: rgb(255, 255, 255);
}

a.color-font-nav:hover{
    color: rgb(0, 0, 0);
}
/* texto end */

.valdi_ida{
    width: 50px;
    height: 50px;
    margin-right: 7px;
    border-radius: 35%;
}

.borde_redondo{
    border-radius: 25px;
}

.carousel-item img {
    width: 100%; /* Haz que las imágenes ocupen el 100% del ancho del contenedor */
    height: auto; /* Hacer que la altura sea automática para mantener la proporción */
    max-height: 750px; /* Establecer una altura máxima para todas las imágenes */
}



/* Ajuste para evitar superposición de las partes del nav */
.navpills2 {
    position: sticky; 
    top: 70px; /* Ajusta según tu diseño */
    bottom: 70px; /* Ajusta según tu diseño */
    overflow-y: auto; /* Permite desplazamiento vertical si el contenido excede el tamaño del contenedor */
    padding-bottom: 10px;

}
.nav-pills{
    position: sticky;
}

.navbar{
    background-color: #77d0f2; /* Fondo verde personalizado */
    position: static;
}
.nav-link{
    color: rgba(255, 1, 1, 0.637);
}
.nav-link-active{
    color: rgb(1, 112, 35);
}
.nav-pills .nav-link.active{
    background-color: #4caf50;
}
.nav-link:hover{
    color: #af4c6d;
}
.img-thumbnail{
    background-color: #546454;
}

/* Tarjetas */

.color-tarjeta-text{
    color: rgb(255, 255, 255) !important;
}

.terjeta_foto{
    max-height: 200px;
}



.card-img{
    max-height: 419px ;
}

.terjeta-foto-1:hover{

    transform: none;
}



.card-img-top-1{
    width: 340!important;
    height: 272px !important;
    object-fit: cover !important; /* Ajustar la imagen sin distorsi */
}

.card-img-top-2{
    width: 304px !important;
    height: 270px !important;
    object-fit: cover !important; /* Ajustar la imagen sin distorsión */
}

.img-container-fuertes{
    width: 100%;
    max-width: 525px; /* Ancho máximo deseado */
    height: 400px; /* Alto deseado */
    overflow: hidden;
    margin: 0 auto; /* Centrar el contenedor *//
}
.img-container-page{
    width: 100%;
    max-width: 304px; /* Ancho máximo deseado */
    height: 270px; /* Alto deseado */
    overflow: hidden;
    margin: 0 auto; /* Centrar el contenedor *//
}
.img-torreon-container {
    width: 100%;
    max-width: 525px; /* Ancho máximo deseado */
    height: 400px; /* Alto deseado */
    overflow: hidden;
    margin: 0 auto; /* Centrar el contenedor */
}

.card-img-top-4{
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important; /* Ajustar la imagen sin distorsión */
}

.img-container-iglesias{
    width: 100%;
    max-width: 340px; /* Ancho máximo deseado */
    height: 272px; /* Alto deseado */
    overflow: hidden;
    margin: 0 auto; /* Centrar el contenedor */
}

.card-img-top-3 {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important; /* Ajustar la imagen sin distorsión */
}

.card-img-top-5{
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important; /* Ajustar la imagen sin distorsión */ 
}

.img-container-edemblematicos {
    width: 100%;
    max-width: 525px; /* Ancho máximo deseado */
    height: 414px; /* Alto deseado */
    overflow: hidden;
    margin: 0 auto; /* Centrar el contenedor */
}

.card-img-top-6{
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important; /* Ajustar la imagen sin distorsión */ 
}

.img-container-bibliotecas {
    width: 100%;
    max-width: 525px; /* Ancho máximo deseado */
    height: 360px; /* Alto deseado */
    overflow: hidden;
    margin: 0 auto; /* Centrar el contenedor */
}

.card-img-top{
    border-radius: 40px;
    padding: 20px;
    width: auto;
    height: auto;
    border: #000000;
}

.card-title{
    color: #284e72;
    text-decoration: none;
}

.card3{
    background: #4692688c !important ;
}

.card2{
    background:linear-gradient(#afd5eb62, #00ccff48, #afd5eb62)  !important;
}
.card{

    background: linear-gradient(white, rgb(150, 204, 167));
    border-radius: 15px;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;
  }

.tarjeta-info{
    height: 470px;
    max-height: 470px;
   
}

.tarjeta-info-2{
    height: 500px;
    max-height: 500px;
}

.tarjeta-info:hover{
    transform: scale(1.1);
}
.tarjeta-juego{
    background: linear-gradient(rgba(225, 178, 243, 0.637), rgba(179, 0, 255, 0.637) )  !important ;
    height: auto;
}

.card-body{
    padding: 25px;
}

.sticky-card {
    position: sticky;
    top: 90px; 
    bottom: 90px;
    margin-top: 260px;
}


/* Tarjetas end */

/* Botones */
div.class-body,.btn{
    display: flex;                                              
    justify-content: center;
    background-color: #0baceba8;
    
}
.btn{
    background-color: #ff40409f;
}

.btn:hover{
    background-color:#b82d2d9f;
}
/* Botones End */

/* Modales */

.modal-footer{
    border-top: 0;
}

/* Modales end */



a,li{
    text-decoration: none;
}


/* Footer */

.footer {
    padding: 40px 0;
    color: #6c757d;
    
  }
  .footer a {
    color: #6c757d;
    text-decoration: none;
  }
  .footer a:hover {
    color: #343a40;
  }
  .footer .social-icons a {
    margin-right: 15px;
    font-size: 20px;
    color: #6c757d;
  }
  .footer .social-icons a:hover {
    color: #343a40;
  }
  .footer h5 {
    color: #d291bc; /* Encabezados en rosa pastel más oscuro */
  }