@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 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 10;
  /* 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;
}

.pd-1-5em {
  padding-top: 1.5em;
}

.pd-2em {
  padding-top: 2em;
}

.font-weight-600 {
  font-weight: 600;
}

.margin-bottom {
  margin-bottom: 0.5rem;
}

.section-title {
  font-size: 1.4rem;
  font-weight: 600;
}

.txt-subtitle {
  font-weight: 600;
  font-size: 14px;
}

.txt-img {
  font-size: 14px;
  color: #555555;
}

.blue-bg {
  background: #eaf1fe;
}

.blue-kiu-bg {
  background: #0F0822;
}

.blue-kiu-bg h3 {
  color: #fff;
}

.title-blue {
  color: #0F0822;
}

img {
  width: 100%;
}

p {
  font-size: 1.2rem;
}

.header-kiu {
  border-radius: 0.7rem;
  overflow: hidden;
  margin-bottom: 2rem;
  margin-top: 2rem;
  padding: 0;
}

.header-kiu img {
  display: block;
}

@media (min-width: 992px) {
  .header-kiu {
    margin-top: 7rem;
  }
}
.etapas-container {
  padding: 2rem 0;
}

.etapas-container .etapa,
.etapas-container .etapa-list {
  padding: 1rem 0;
  border-bottom: 1px solid #191e26;
}

.etapas-container .etapa:last-child,
.etapas-container .etapa-list:last-child {
  border-bottom: none;
  padding-bottom: 0 !important;
}

.etapas-container .etapa ul {
  margin-bottom: 1rem;
}

.etapas-container .etapa li {
  font-size: 16px;
  letter-spacing: 0.03em;
}

.etapas-container .etapa-list li {
  font-size: 16px;
  color: #434242;
  letter-spacing: 0.03em;
}

.etapas-list .etapa-dark-bg ul li {
  color: #fff !important;
}

.outcomes {
  background: #0F0822;
}

.outcomes .etapa {
  padding-top: 0 !important;
}

.process-flow {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  flex-wrap: wrap;
}

.process-flow::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  height: 2px;
  background: repeating-linear-gradient(to right, #062755 0, #062755 5px, transparent 5px, transparent 10px);
  z-index: 0;
}

.step {
  background-color: #062755;
  color: #fff;
  padding: 20px 30px;
  border-radius: 15px;
  text-align: center;
  font-size: 12px;
  font-weight: 500;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  position: relative;
  z-index: 1;
}

@media (min-width: 1000px) {
  .etapas-container {
    padding: 4rem 0 !important;
  }
  .etapa,
  .etapa-list .header-content {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 1rem;
  }
  .etapa {
    padding: 3rem 0 !important;
  }
  .etapas-container .etapa h3,
  .etapas-container .etapa h4 {
    min-width: 400px;
  }
  .etapas-container .redesignReasonsTitle {
    max-width: 300px;
    padding-right: 3rem;
  }
  .etapas-container .redesign-section {
    gap: 2rem;
  }
  .etapas-container .etapa ul,
  .etapas-container .etapa-list ul {
    padding-left: 1rem;
  }
  .etapas-container .etapa li,
  .etapas-container .etapa-list li {
    list-style: disc;
    font-size: 1.1rem;
    line-height: 2.4rem;
  }
} 

/*# sourceMappingURL=data:application/json;charset=utf-8,%7B%22version%22:3,%22sourceRoot%22:%22%22,%22sources%22:%5B%22../scss/details.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;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;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAEF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAEF;EACE;;;AAEF;EACE;IACE;;;AAIJ;EACE;;;AAEF;AAAA;EAEE;EACA;;;AAEF;AAAA;EAEE;EACA;;;AAEF;EACE;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAEF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;IACE;;EAEF;AAAA;IAEE;IACA;IACA;IACA;;EAEF;IACE;;EAEF;AAAA;IAEE;;EAEF;IACE;IACA;;EAEF;IACE;;EAEF;AAAA;IAEE;;EAEF;AAAA;IAEE;IACA;IACA;;EAEH%22,%22file%22:%22details.css%22%7D */