/* Para pantallas grandes (donde no está colapsado) */
@media (min-width: 768px) {
  .navbar-header {
    display: block;
    width: 100%;
    text-align: center; /* Centra el logo horizontalmente */
    margin-bottom: 30px; /* Espacio entre logo y menú */
  }
  
  /* Centrar el contenedor del logo */
  .site-name {
    display: flex;
    justify-content: center;
    width: 100%;
    margin: 0;
  }
  
  /* Centrar la imagen del logo */
  .navbar-brand-logo {
    display: inline-block;
    float: none; /* Elimina el float que puede estar causando desorden */
    padding: 0; /* Ajusta según necesites */
  }
  
  .navbar-brand-logo img {
    display: block;
    margin: 0 auto; /* Centra la imagen dentro del contenedor */
    max-width: 50%;
    height: auto;
    transform: scale(5.5); /* Aumenta al 550% del tamaño original */
    transform-origin: center center; /* Centra el punto de origen de la escala */
    margin-top: 10px;
  }
  
  #nav-menu {
    display: flex;
    flex-direction: row;
    justify-content: center; /* Centra los items del menú */
    flex-wrap: wrap;
  }

  /* Para que el buscador no se desordene */
  .pull-md-right {
    margin-left: auto;
  }
}

/* Estilos generales del navbar */
.navbar-default, .header_view {
    background-color: #DE4815;
    border-color: #a73813;
}

.navbar-default .nav>li>a, .header_view .nav>li>a {
    color: #ffffff;
}

/* Ajuste opcional para móviles (pantallas pequeñas) */
@media (max-width: 767px) {
  /* En móvil el botón hamburguesa ya está arriba por defecto */
  .navbar-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
  }
  
  /* Ajuste del logo en móvil */
  .navbar-brand-logo img {
    max-width: 150px; /* Tamaño más pequeño para móvil */
    height: auto;
  }
}