@charset "UTF-8";
:root {
  cursor: url("../img/pointer.png") 8 8, auto; /* 16x16 PNG, hotspot at (8,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 sobre el hero */
.navbar {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 10;
}
.navbar a {
  font-size: 0.9rem;
}
@media (max-width: 768px) {
  .navbar .nav-link, .navbar .lang-link {
    padding: 1rem 0;
  }
}
.navbar .nav-link, .navbar .lang-link {
  position: relative;
  color: #FFFFFF;
  font-weight: 600;
  overflow: hidden;
  transition: 0.3s;
  border-radius: 4px;
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}
.navbar .nav-link::after, .navbar .lang-link::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 0;
  height: 3px;
  opacity: 1;
  background: rgba(224, 184, 255, 0);
  transition: 0.3s;
  z-index: -1;
}
.navbar .nav-link:hover, .navbar .lang-link:hover {
  color: #c2ff6e;
}
.navbar .nav-link:hover::after, .navbar .lang-link:hover::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 3px;
  background: rgb(195, 255, 110);
  border-radius: 2px;
  transition: 0.3s;
  z-index: -1;
}
.navbar .nav-link.active, .navbar .lang-link.active {
  color: #c2ff6e !important;
}
.navbar .nav-link.active::after, .navbar .lang-link.active::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 2px;
  background: #c2ff6e;
  border-radius: 2px;
  transition: 0.2s;
}
@media (max-width: 768px) {
  .navbar .nav-link.active::after, .navbar .lang-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.5rem 1rem;
  transition: 0.2s;
}
@media (max-width: 768px) {
  .navbar .lang-link {
    padding: 1rem 0;
  }
}
.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: 8px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #c2ff6e;
  transform: translateY(-50%);
  opacity: 0;
  transition: opacity 0.2s;
}
.navbar .lang-link.active {
  color: #c2ff6e;
  font-weight: 600;
}
.navbar .lang-link.active::before {
  opacity: 1;
}
.navbar .lang-link .lang-link.active {
  color: #c2ff6e !important;
}
.navbar .navbar-brand {
  width: 140px;
  height: 20px;
  transition: 0.2s;
  display: block;
  height: auto;
}
.navbar .navbar-brand:hover svg {
  transition: 0.2s;
  fill: #c2ff6e;
}
.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 {
  /* Por defecto: mostrar “menu”, ocultar “close” */
}
.navbar .navbar-toggler .icon-close {
  display: none;
}
.navbar {
  /* Cuando el menú está abierto (aria-expanded="true"): mostrar “close” */
}
.navbar .navbar-toggler[aria-expanded=true] .icon-open {
  display: none;
}
.navbar .navbar-toggler[aria-expanded=true] .icon-close {
  display: inline-block;
}

img {
  width: 100%;
}

.container-uxCase {
  margin-top: 74px;
}

/*# sourceMappingURL=data:application/json;charset=utf-8,%7B%22version%22:3,%22sourceRoot%22:%22%22,%22sources%22:%5B%22../scss/_variables.scss%22,%22../scss/uxCase.scss%22%5D,%22names%22:%5B%5D,%22mappings%22:%22;AAoCA;EACE;;;AAIF;AAAA;AAAA;AAGA;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAGF;AAAA;AAAA;AAGA;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AC1GF;EACE;EACA,kBDHW;ECIX,ODCW;ECAX;EACA;EACA;;;AAGF;AAEA;EACI;EACA;EACA;EACA;EACA;;AACF;EACE;;AAGA;EADF;IAEI;;;AAFJ;EAIE;EACA,ODrBS;ECsBT;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE,OD1CI;;AC2CJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIJ;EACE;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA,YDnEI;ECoEJ;EACA;;AACA;EAVF;IAWI;IACA;IACA;IACA;;;AAKN;EACI;EACA,ODhFO;ECiFP;EACA;EACA;EACA;;AACA;EAPJ;IAQM;;;AAEF;EACE;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA,YDpGE;ECqGF;EACA;EACA;;AAEF;EACE,OD1GE;EC2GF;;AACA;EAAY;;AAGZ;EACA;;AAIN;EAEI;EACA;EACA;EACA;EACA;;AACA;EAEE;EACA,MD9HE;;ACiIR;EACE;EACA;EACA;;AACA;EACG;;AAEH;EACE;;AAGJ;EACE;IACE;IACA,YDnJO;ICoJP;;EAEF;IACE;IACA;;;AA5IN;AA+IE;;AACA;EAA8B;;AAhJhC;AAkJE;;AACA;EAAmD;;AACnD;EAAoD;;;AAItD;EACE;;;AAGF;EACE%22,%22file%22:%22uxCase.css%22%7D */