/* portal_css_top3.css corregido: achica el tamaño del menú y evita conflictos */

.navbar-dark .navbar-nav .nav-link {
  color: #ccc;
  font-size: 11px; /* Estilo por defecto en todos los dispositivos */
}

.navbar-dark .navbar-nav .nav-link:hover,
.navbar-dark .navbar-nav .nav-link:focus,
.navbar-dark .navbar-nav .nav-link:active {
  color: #ccc !important;
}

.navbar-dark .dropdown-menu a.dropdown-item {
  color: #222;
  font-size: 10.5px; /* Ajuste para ítems de dropdown */
}

.form-busqueda input {
  background-color: #fff;
  color: #000;
}

/* SOLO EN MÓVILES: navbar fijo arriba */
@media (max-width: 767.98px) {
  nav.navbar {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1030;
    padding-top: 4px;
    padding-bottom: 4px;
  }

  .navbar-brand img {
    height: 45px !important; /* antes 60 */
  }

  body {
    padding-top: 65px !important; /* ajustar a nueva altura */
  }
}

/* SOLO EN PC: achicar menú, texto 'seguinos' y buscador */
@media (min-width: 768px) {
  .navbar-dark .navbar-nav .nav-link {
        font-family: Arial, sans-serif !important;
  font-size: 11px !important;
  }

  .navbar .text-light.me-2 {
    font-size: 10px !important;
  }

  .navbar .form-busqueda input,
  .navbar .form-busqueda button {
    font-size: 11px !important;
    padding-top: 4px !important;
    padding-bottom: 4px !important;
  }
}


:root {
  /* Variables para móviles */
  --menu-font-size-mob: 15px;
  --menu-letter-spacing-mob: 0.2px;
  --dropdown-font-size-mob: 14px;
  --busqueda-font-size-mob: 14px;
  --busqueda-padding-v-mob: 3px;
  --busqueda-padding-h-mob: 8px; /* opcional: para ancho interno */
}

@media (max-width: 767.98px) {
  .navbar-dark .navbar-nav .nav-link {
    font-size: var(--menu-font-size-mob) !important;
    letter-spacing: var(--menu-letter-spacing-mob) !important;
  }

 .navbar-dark .dropdown-menu a.dropdown-item {
    font-size: var(--dropdown-font-size-mob) !important;
  }

  .navbar .form-busqueda input,
  .navbar .form-busqueda button {
    font-size: var(--busqueda-font-size-mob) !important;
    padding-top: var(--busqueda-padding-v-mob) !important;
    padding-bottom: var(--busqueda-padding-v-mob) !important;
    padding-left: var(--busqueda-padding-h-mob) !important;
    padding-right: var(--busqueda-padding-h-mob) !important;
  }

  nav.navbar {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1030;
    padding-top: 4px;
    padding-bottom: 4px;
  }

  .navbar-brand img {
    height: 45px !important;
  }

  body {
    padding-top: 65px !important;
  }
}