@charset "UTF-8";
/* ======================
   Surgena Family
   ====================== */
@font-face {
  font-family: "Surgena";
  src: url("../fonts/Surgena-Light.woff2") format("woff2");
  font-weight: 300; /* Light */
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Surgena";
  src: url("../fonts/Surgena-Regular.woff2") format("woff2");
  font-weight: 400; /* Regular */
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Surgena";
  src: url("../fonts/Surgena-Medium.woff2") format("woff2");
  font-weight: 500; /* Medium */
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Surgena";
  src: url("../fonts/Surgena-SemiBold.woff2") format("woff2");
  font-weight: 600; /* SemiBold */
  font-style: normal;
  font-display: swap;
}
/* ======================
   Corra Montserra Family
   ====================== */
@font-face {
  font-family: "Corra Montserra";
  src: url("../fonts/Corra Montserra Light.woff") format("woff");
  font-weight: 300; /* Light */
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Corra Montserra";
  src: url("../fonts/Corra Montserra Regular.woff") format("woff");
  font-weight: 400; /* Regular */
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Corra Montserra";
  src: url("../fonts/Corra Montserra Semibold.woff") format("woff");
  font-weight: 600; /* SemiBold */
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Corra Montserra";
  src: url("../fonts/Corra Montserra Extrabold.woff") format("woff");
  font-weight: 800; /* ExtraBold */
  font-style: normal;
  font-display: swap;
}
body {
  font-family: "Corra Montserra";
  background-color: #0B0317;
  color: #FFFFFF;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

.navbar {
  width: 100%;
  z-index: 10;
  background-color: #0B0317;
  /* Por defecto: mostrar “menu”, ocultar “close” */
  /* Cuando el menú está abierto (aria-expanded="true"): mostrar “close” */
}

.navbar .nav-link, .navbar .lang-link {
  font-family: "Corra Montserra", sans-serif;
}

.navbar .nav-link {
  position: relative;
  color: #FFFFFF;
  font-weight: 600;
  transition: 0.2s;
}

@media (max-width: 768px) {
  .navbar .nav-link {
    padding: 1rem 0;
  }
}
.navbar .nav-link.active, .navbar .nav-link:hover {
  color: #e0b8ff !important;
}

.navbar .nav-link::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -4px;
  width: 0;
  height: 1px;
  transition: 0.2s;
}

.navbar .nav-link.active::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -4px;
  width: 100%;
  height: 2px;
  background: #e0b8ff;
  border-radius: 2px;
  transition: 0.2s;
}

@media (max-width: 768px) {
  .navbar .nav-link.active::after {
    transform: translateX(-50%);
    left: 50%;
    bottom: -4px;
    width: 60%;
  }
}
.navbar .lang-link {
  position: relative;
  color: #FFFFFF;
  text-decoration: none;
  font-weight: 600;
  padding: 0 1rem;
}

.navbar .lang-link:first-child {
  border-right: 1px solid rgba(255, 255, 255, 0.2235294118);
}

.navbar .lang-link::before {
  content: "";
  position: absolute;
  right: 12px;
  top: 4px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #e0b8ff;
  transform: translateY(-50%);
  opacity: 0;
  transition: opacity 0.2s;
}

.navbar .lang-link.active {
  color: #e0b8ff;
  font-weight: 600;
}

.navbar .lang-link.active::before {
  opacity: 1;
}

.navbar .lang-link .lang-link.active, .navbar .lang-link .lang-link:hover {
  color: #e0b8ff !important;
}

.navbar .navbar-brand {
  background: url(../img/Logo-belenmuseri.svg) no-repeat center;
  width: 140px;
  height: 20px;
  transition: 0.2s;
  display: block;
}

.navbar .navbar-brand:hover {
  background: url(../img/Logo-belenmuseri-hover.svg) no-repeat center;
  transition: 0.2s;
}

.navbar .navbar-toggler {
  border: none;
  outline: none;
  color: white;
}

.navbar .navbar-toggler span {
  font-size: 36px;
}

.navbar .navbar-toggler:focus {
  box-shadow: none;
}

@media (max-width: 768px) {
  .navbar .navbar-collapse {
    height: calc(100vh - 46px);
    background: #0B0317;
    border-radius: 0.5rem;
  }
  .navbar .lang-switch-mobile {
    justify-content: center;
    padding: 2rem 0;
  }
}
.navbar .navbar-toggler .icon-close {
  display: none;
}

.navbar .navbar-toggler[aria-expanded=true] .icon-open {
  display: none;
}

.navbar .navbar-toggler[aria-expanded=true] .icon-close {
  display: inline-block;
}

img {
  width: 100%;
} 

/*# sourceMappingURL=data:application/json;charset=utf-8,%7B%22version%22:3,%22sourceRoot%22:%22%22,%22sources%22:%5B%22../scss/uxCase.css%22%5D,%22names%22:%5B%5D,%22mappings%22:%22;AACA;AAAA;AAAA;AAGA;EACE;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;;AAEF;AAAA;AAAA;AAGA;EACE;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;AACA;AACA;;;AAEF;EACE;;;AAEF;EACE;EACA;EACA;EACA;;;AAEF;EACE;IACE;;;AAGJ;EACE;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;IACE;IACA;IACA;IACA;;;AAGJ;EACE;EACA;EACA;EACA;EACA;;;AAEF;EACE;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;EACA;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;IACE;IACA;IACA;;EAEF;IACE;IACA;;;AAGJ;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAGF;EACE;EACD%22,%22file%22:%22uxCase.css%22%7D */