/* Header: fixed at top, dark bar. Desktop = logo+links. Mobile = logo+hamburger only. */

#topofixo,
#topofixo.fixed-header {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  margin-top: 0 !important;
  z-index: 1000 !important;
  background: #000 !important;
  background-color: #000 !important;
  background-image: none !important;
  align-items: stretch;
}

#topofixo > [id="_66feef54ae6a9_1727983444"],
#topofixo > [id^="_66feef54ae6a9"],
#topofixo [id="_66fecfba34225_1727975354"],
#topofixo [id^="_66fecfba34225"],
#topofixo [id="_6491400151_1727975566"],
#topofixo [id^="_6491400151"],
#topofixo [id="_670e82c5827a5_1729004229"],
#topofixo [id^="_670e82c5827a5"],
#topofixo .navbar,
#topofixo .navbar-default {
  background: #000 !important;
  background-color: #000 !important;
  background-image: none !important;
  border: none !important;
  box-shadow: none !important;
}

#topofixo .navbar {
  margin-bottom: 0 !important;
}

#topofixo .navbar-nav > li > a {
  color: #fff !important;
}

/* Desktop: full logo + horizontal menu; hide hamburger */
@media (min-width: 768px) {
  #topofixo [id="_6491400151_1727975566"],
  #topofixo [id^="_6491400151"] {
    display: none !important;
  }

  #topofixo > [id="_66feef54ae6a9_1727983444"],
  #topofixo > [id^="_66feef54ae6a9"] {
    width: 25% !important;
    max-width: 25%;
    margin: 0 !important;
  }

  #topofixo [id="_670e7ce54b351_1729002725"],
  #topofixo [id^="_670e7ce54b351"] {
    display: flex !important;
    width: 75% !important;
    max-width: 75%;
    margin: 0 !important;
    background: #000 !important;
  }
}

/* Tablet: keep header refined, logo a bit smaller */
@media (min-width: 768px) and (max-width: 991px) {
  #topofixo > [id="_66feef54ae6a9_1727983444"],
  #topofixo > [id^="_66feef54ae6a9"] {
    padding: 8px 16px !important;
  }

  #topofixo [id="_66fecfba34225_1727975354"],
  #topofixo [id^="_66fecfba34225"] {
    padding: 0 !important;
  }

  #topofixo img[id^="ResponsiveImage"] {
    max-height: 40px !important;
    width: auto !important;
    max-width: 150px !important;
    height: auto !important;
  }

  #topofixo .navbar-nav > li > a {
    padding: 10px 12px !important;
    font-size: 12px !important;
    letter-spacing: 1px !important;
  }
}

/* Mobile: ONLY logo + hamburger — compact, elegant, with padding */
@media (max-width: 767px) {
  #topofixo,
  #topofixo.fixed-header {
    margin-top: 0 !important;
    background: #000 !important;
    min-height: 56px !important;
    padding: 8px 18px !important;
    box-sizing: border-box !important;
  }

  #topofixo [id="_670e7ce54b351_1729002725"],
  #topofixo [id^="_670e7ce54b351"] {
    display: none !important;
    visibility: hidden !important;
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
  }

  #topofixo > [id="_66feef54ae6a9_1727983444"],
  #topofixo > [id^="_66feef54ae6a9"] {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    background: #000 !important;
    align-items: center !important;
    justify-content: space-between !important;
    min-height: 40px !important;
    box-sizing: border-box !important;
  }

  /* Logo area — compact */
  #topofixo [id="_66fecfba34225_1727975354"],
  #topofixo [id^="_66fecfba34225"] {
    width: auto !important;
    max-width: 70% !important;
    flex: 1 1 auto !important;
    float: none !important;
    padding: 0 !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
  }

  #topofixo img[id^="ResponsiveImage"],
  #topofixo [id="_66fecfba34225_1727975354"] img,
  #topofixo [id^="_66fecfba34225"] img,
  #topofixo img {
    max-height: 28px !important;
    width: auto !important;
    max-width: 130px !important;
    height: auto !important;
    display: block !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  /* Hamburger wrap — discreet */
  #topofixo [id="_6491400151_1727975566"],
  #topofixo [id^="_6491400151"] {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    width: auto !important;
    max-width: none !important;
    flex: 0 0 auto !important;
    float: none !important;
    height: auto !important;
    padding: 0 !important;
    margin: 0 0 0 12px !important;
    background: #000 !important;
  }

  #topofixo [id="_2016272932_1728067761"],
  #topofixo [id^="_2016272932"],
  #topofixo [id^="_2016272932"].btn {
    color: #fff !important;
    background: transparent !important;
    font-size: 20px !important;
    line-height: 1 !important;
    padding: 6px !important;
    margin: 0 !important;
    width: auto !important;
    height: auto !important;
    min-width: 36px !important;
    min-height: 36px !important;
    border: none !important;
    box-shadow: none !important;
    float: none !important;
  }

  #topofixo [id^="_2016272932"] i {
    font-size: 20px !important;
    line-height: 1 !important;
  }

  /* Kill Bootstrap column offsets that eat the padding */
  #topofixo .col-xs-6,
  #topofixo .col-xs-4,
  #topofixo .col-xs-8,
  #topofixo .col-xs-12 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

/* Mobile modal menu: solid dark background */
.modal,
.modal-dialog,
.modal-content,
.modal-header,
.modal-body,
#menutotal {
  background: #000 !important;
  background-color: #000 !important;
}

#menutotal2 a {
  color: #bbb !important;
}

#menutotal2 a:hover {
  color: #fff !important;
}