@charset "UTF-8";
/* ===========================
   VARIABLES
=========================== */
html, body {
  background-color: #ffffff !important;
  color: #1a1a1a !important;
}

:root {
  color-scheme: only light;
}

body {
  padding-top: 3.75rem;
}
@media (min-width: 1024px) {
  body {
    padding-top: 4.5rem;
  }
}

/* ===========================
   NAVBAR BASE
=========================== */
.navbar {
  background-color: #ffffff;
  padding-block: 0.5rem;
}
.navbar .navbar-item,
.navbar .navbar-link {
  color: #00526A;
  font-weight: 400;
  font-family: "Montserrat", sans-serif;
  transition: color 0.2s ease;
}
.navbar .navbar-item:hover, .navbar .navbar-item:focus,
.navbar .navbar-link:hover,
.navbar .navbar-link:focus {
  color: #47d7ac;
  background-color: transparent;
}

/* ===========================
   LOGO / MARCA
=========================== */
.brand .image {
  display: block;
  max-width: 170px;
  height: auto;
}

/* ===========================
   MENÚ HAMBURGUESA
=========================== */
.navbar-burger {
  color: #00526A;
  cursor: pointer;
  transition: color 0.2s ease;
}
.navbar-burger:hover {
  color: #47d7ac;
}
.navbar-burger span {
  background-color: #9aa3b2;
  transition: background-color 0.3s ease;
}
.navbar-burger:hover span {
  background-color: #b5bdc9;
}
.navbar-burger.is-active span {
  background-color: #47d7ac;
}

/* ===========================
   RESPONSIVE
=========================== */
/* Móvil y tablet: menú desplegable */
@media (max-width: 1023px) {
  .navbar-menu {
    background-color: #ffffff;
  }
  .navbar-item {
    padding-block: 0.75rem;
    margin-inline: 3%;
  }
  .brand .image {
    max-width: 140px;
  }
}
/* Desktop: alinea a la derecha, por si en algún momento quieres ajustes extra */
@media (min-width: 1024px) {
  .navbar-menu {
    align-items: center;
  }
}/*# sourceMappingURL=navbar.css.map */