.navbar {
  max-width: 100%;
  max-height: 100%; /* Establecer la altura mínima deseada */
}


/* 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 */
  max-width:100%;
  max-height: 100%;
}



.Noticias {
  background-color: rgba(231, 220, 220, 0.568); /* Gris transparente */
  border-radius: 15px; /* Bordes redondeados */
  padding: 10px; /* Espacio interno */
  margin-top: 0%; /* Espacio externo ajustado */
  margin-left: 50PX;
  margin-right: 50PX;
  border: 2px solid rgba(27, 27, 27, 0.438); /* Borde negro de 2px */
}

.Conocenos{
   text-align: center;
  background-color: rgba(231, 220, 220, 0.568); /* Gris transparente */
  border-radius: 15px; /* Bordes redondeados */
  padding: 10px; /* Espacio interno */
  margin-top: 0%; /* Espacio externo ajustado */
  margin-left: 50PX;
  margin-right: 50PX;
  border: 2px solid rgba(27, 27, 27, 0.438); /* Borde negro de 2px */ 
}
 

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;
}

.container {
  max-width: 100%;
}

/* Media queries para dispositivos pequeños */



  @media (max-width: 576px) {
    .container {
      padding: 0 10px;
    }
    .img-fluid {
      max-width: 150px;
    }
    .larger-img {
      max-width: 150px;
    }
    .card-img {
      width: 75px;
      height: 75px;
    }
    .card-body {
      padding: 0.5rem;
    }
    .card {
      width: auto;
      margin: 5px;
    }
    .custom-col {
      width: 100%;
      margin-left: 10px;
    }
  }
  
.cuerpo1 {
    border: 20px solid;
    background-image: url(img/bandera.jpeg);
    background-size: cover; /* También puedes probar con contain */
    background-position: center; 
    background-repeat: no-repeat; /* Asegúrate de que la imagen no se repita */
    color: white;
    text-align: center;
    padding: 100px;
    width: 100%;
    min-height: 100vh; /* Ajusta la altura mínima del contenedor */
}

p {
    text-align: center;
    font-style: normal;
}
      p{
    text-align:center;
    font-style: normal;
   
      }