h6.azul-negrita {
    color: #003399;
    font-weight: bold;
  }

  .fondo-azul-resp {
    background-color: #003399; /* Establece el color de fondo azul */
    width: 100%; /* El div ocupará todo el ancho disponible */
    height: auto; /* La altura se ajustará al contenido */
    padding: 20px; /* Añade un espacio alrededor del contenido */
    box-sizing: border-box; /* Incluye el padding y el border en el ancho total */
    text-decoration-color: azure;
    text-size-adjust: 15px;
    border: 2px solid #003399;
    border-radius: 12px;
  }
  
  /* Media query para pantallas más pequeñas */
  @media (max-width: 768px) {
    .fondo-azul-resp {
      padding: 10px; /* Reduce el padding en pantallas pequeñas */
    }
  }
  
  .fondo-azul-resp-header {
    background-color: #003399; /* Establece el color de fondo azul */
    width: 90%; /* El div ocupará todo el ancho disponible */
    height: auto; /* La altura se ajustará al contenido */
    padding: 2px; /* Añade un espacio alrededor del contenido */
    box-sizing: border-box; /* Incluye el padding y el border en el ancho total */
    font-family: Verdana, Tahoma, sans-serif;
    color: #ffffff;
    text-size-adjust: 18px;
    border: 2px solid #003399;
    border-radius: 12px;
    font-weight: bold;
  }
  
  /* Media query para pantallas más pequeñas */
  @media (max-width: 768px) {
    .fondo-azul-resp-header {
      padding: 10px; /* Reduce el padding en pantallas pequeñas */
    }
  } 

  ul.cfmenu {
    list-style-type: circle;
    color: #ffffff;
  }

  a.cfmenu{
    color: #ffffff;
    text-decoration: none;
    font-size: 15px; 
  }

  a.cfmenu:hover{
    color: #87E000;
    text-decoration: underline;
  }