.navbar {
  min-width: 100%;
  min-height: 100px; /* Establecer la altura mÃ­nima deseada */
  background-color: #4CAF50;
}

/* Ajustar tamaÃ±o del logo */
.navbar-brand img {
  max-width: 90px; /* TamaÃ±o mÃ¡ximo del logo */
  height: auto;
}

/* Alinear el contenido del navbar */
.navbar-brand {
  margin-left: 10px;
  display: flex;
  align-items: center;
  
}

.navbar-text .title {
  font-size: 1.25rem; /* TamaÃ±o del tÃ­tulo */
  font-weight: bold;
  margin: 0; /* Eliminar margen superior e inferior */
  line-height: 2; /* Asegurar que el tÃ­tulo y subtÃ­tulo estÃ©n pegados */
}

.navbar-text .subtitle {
  font-size: 1rem; /* TamaÃ±o del subtÃ­tulo */
  margin: 0; /* Eliminar margen superior e inferior */
  line-height: 1; /* Asegurar que el tÃ­tulo y subtÃ­tulo estÃ©n pegados */
}

.navbar-text {
  display: flex;
  flex-direction: column;
  justify-content: center; /* Centrar verticalmente */
  align-items: center; /* Centrar horizontalmente */
  
}

.navbar-nav {
  margin: 0 auto; /* AÃ±adir margen superior para bajar las listas */
}




.actividades {
  text-align: center;
  border: 2px solid #b3b3b3; /* Borde alrededor del div */
  border-radius: 15px; /* Bordes redondeados */
  padding: 0px; /* Espaciado interior */
  background-color: #f0ecec; /* Fondo ligero para contraste */
  box-shadow: 0 4px 8px rgba(168, 168, 168, 0.1); /* Sombra ligera para darle profundidad */
  margin: 30px; /* Margen exterior */
}


footer {
  background-color: #343a40;
  color: white;
  padding-top: 10px;
  padding-bottom: 10px;
}

footer h5 {
  margin-bottom: 10px;
}

footer a {
  color: #f8f9fa;
  text-decoration: none;
}

footer a:hover {
  text-decoration: underline;
}

footer .text-white img {
  margin-right: 10px;
}

.content-section {
  margin-left: 0,99px; /* SeparaciÃ³n del carrusel */
}

@media (max-width: 992px) {
  .carousel-col {
    margin-right: 0;
  }
  
  .custom-col {
    width: 100%;
  }
}

.img-fluid {
  max-width: 100%;
  height: auto;
}

.larger-img {
  width: 350px;
}

@media (max-width: 576px) {
  .larger-img {
    width: 100%;
    max-width: none;
  }
}


.table-responsive { 
  margin-top: 10px; /* Espacio entre el pÃ¡rrafo y la tabla */
  text-align: center;
  
}
table {
  width: 100%;
  border-collapse: collapse;
}
th, td {
  border: 1px solid black;
  padding: 8px;
  text-align: center;
}
th {
  background-color: #f2f2f2;
}
h2 {
  font-size: 0,7rem; /* TamaÃ±o de letra mÃ¡s pequeÃ±o para los tÃ­tulos */
}


  
}
   p{
    text-align:justify;
    font-style: normal;
}