/* ===== ENCABEZADO / NAVBAR ===== */
header, .navbar, nav.navbar, .site-header, [class*="header"] {
  background: #0d1b3e !important;
    border-bottom: 2px solid rgba(245,166,35,0.25) !important;
      box-shadow: 0 2px 20px rgba(0,0,0,0.4) !important;
      }

      /* Logo texto */
      .navbar-brand, .navbar-brand span, .site-logo, .logo-text, [class*="brand"] {
        color: #f5a623 !important;
          font-weight: 800 !important;
            font-size: 22px !important;
              letter-spacing: 1px !important;
              }

              /* Links de navegación */
              .navbar-nav .nav-link, .navbar-nav a, nav a, .nav-item a {
                color: #ffffff !important;
                  font-weight: 500 !important;
                    font-size: 15px !important;
                      letter-spacing: 0.5px !important;
                        transition: color 0.2s !important;
                          padding: 8px 16px !important;
                          }

                          .navbar-nav .nav-link:hover, .navbar-nav a:hover, nav a:hover {
                            color: #f5a623 !important;
                            }

                            .navbar-nav .nav-link.active, .navbar-nav a.active {
                              color: #f5a623 !important;
                                font-weight: 700 !important;
                                }

                                /* Íconos del navbar (email, usuario) */
                                .navbar-icons a, .navbar-contact a, header .icon, header svg {
                                  color: #ffffff !important;
                                    fill: #ffffff !important;
                                    }

                                    /* Hamburger menú móvil */
                                    .navbar-toggler {
                                      border-color: rgba(245,166,35,0.5) !important;
                                      }
                                      .navbar-toggler-icon {
                                        filter: invert(1) !important;
                                        }

                                        /* ===== PIE DE PÁGINA / FOOTER ===== */
                                        footer, .site-footer, [class*="footer"] {
                                          background: #060d1f !important;
                                            border-top: 2px solid rgba(245,166,35,0.2) !important;
                                              color: #a0aec0 !important;
                                              }

                                              footer h1, footer h2, footer h3, footer h4, footer h5, footer h6,
                                              .site-footer h1, .site-footer h2, .site-footer h3, .site-footer h4 {
                                                color: #ffffff !important;
                                                  font-weight: 700 !important;
                                                  }

                                                  footer p, .site-footer p {
                                                    color: #a0aec0 !important;
                                                      font-size: 14px !important;
                                                        line-height: 1.7 !important;
                                                        }

                                                        footer a, .site-footer a {
                                                          color: #a0aec0 !important;
                                                            text-decoration: none !important;
                                                              transition: color 0.2s !important;
                                                              }

                                                              footer a:hover, .site-footer a:hover {
                                                                color: #f5a623 !important;
                                                                }

                                                                footer .brand, footer .logo, footer [class*="brand"], footer [class*="logo"] {
                                                                  color: #f5a623 !important;
                                                                    font-weight: 800 !important;
                                                                      font-size: 20px !important;
                                                                      }

                                                                      footer hr, .site-footer hr {
                                                                        border-color: rgba(255,255,255,0.1) !important;
                                                                        }

                                                                        /* Copyright / bottom bar */
                                                                        footer .copyright, footer [class*="copy"], footer small {
                                                                          color: rgba(160,174,192,0.6) !important;
                                                                            font-size: 13px !important;
                                                                            }

                                                                            /* Íconos sociales en footer */
                                                                            footer .social-icons a, footer .social a, footer [class*="social"] a {
                                                                              color: #a0aec0 !important;
                                                                                transition: color 0.2s !important;
                                                                                }

                                                                                footer .social-icons a:hover, footer .social a:hover {
                                                                                  color: #f5a623 !important;
                                                                                  }