.section-header {
    position: relative;
  }
  
  .section-title {
    color: #fff;
  font-weight: bold;
  padding: 10px 20px;
  margin-bottom: 0;
  background: linear-gradient(to right, #004080, #99ccff);
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
    /*background-clip: text;
    -webkit-background-clip: text; /* Para navegadores WebKit (Safari, Chrome, etc.) 
    color: transparent;
    background-image: linear-gradient(to right, #16459c, #22a0da); Cambia los colores aquí según tus preferencias 
    font-weight: bold;*/
  }
  
  .separator {
    border: 1px solid #004080;
  }
  .content-frame {
    border: 1px solid #ccc;
    padding: 20px;
    border-radius: 5px;
    background-color: #f5f5f5;
  }
  
  .gallery-item {
    margin-bottom: 20px;
    text-align: center;
  }
  
  .gallery-item img {
    width: 100%;
    height: auto;
    border: 1px solid #ccc;
    border-radius: 5px;
  }
  
  .image-subtitle {
    color: #838080;
    font-weight: lighter;
    margin-top: 10px;
  }
  
  @media (max-width: 768px) {
    .gallery-item {
      margin-bottom: 40px;
    }
  }