/************************************
     *     COLORES Y AJUSTES GLOBALES   *
     ************************************/
    body {
      font-family: Arial, sans-serif;
      margin: 0;
      padding: 0;
    }
    /* Color azul eléctrico exacto */
    .bg-custom {
      background-color: #0066ff !important;
    }

    /************************************
     *         NAVBAR (CABECERA)        *
     ************************************/
    /* Ajustamos la navbar a "dark" para que el texto e iconos se vean en blanco */
    .navbar-dark .navbar-toggler-icon {
      /* La clase por defecto de Bootstrap ya la hace blanca;
         si no se viera bien, podrías añadir filtros extra. */
    }

    /************************************
     *             HERO                 *
     ************************************/
    .hero {
      padding: 3rem 1rem;
      background-color: #f8f9fa; /* Gris claro de Bootstrap */
      text-align: center;
    }
    .hero h1 {
      font-size: 2.5rem;
      margin-bottom: 1rem;
    }
    .hero p {
      font-size: 1.2rem;
      color: #555;
    }

    /************************************
     *        SECCIÓN DE LOGOS          *
     ************************************/
    .logos-oposiciones {
      padding: 2rem 1rem;
      text-align: center;
    }
    .logos-oposiciones h2 {
      margin-bottom: 1.5rem;
    }
    .logos-oposiciones img {
      max-width: 150px;
      height: auto;
      margin: 1rem;
      transition: transform 0.3s;
      cursor: pointer;
    }
    .logos-oposiciones img:hover {
      transform: scale(1.05);
    }

    /************************************
     *         PIE DE PÁGINA            *
     ************************************/
    .footer-content {
      padding: 2rem 1rem;
      text-align: center;
      color: #fff;
    }
    .footer-content a {
      color: #fff;
      text-decoration: none;
    }

    /************************************
     *         BANNER DE COOKIES        *
     ************************************/
    #cookieBanner {
      position: fixed;
      bottom: 0;
      left: 0;
      width: 100%;
      background-color: rgba(0, 0, 0, 0.8);
      color: #fff;
      padding: 1rem;
      display: flex;
      flex-direction: column;
      align-items: center;
      z-index: 9999;
    }
    #cookieBanner p {
      margin: 0 0 1rem;
      text-align: center;
    }
    #cookieBanner button {
      margin: 0.2rem;
    }