@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;
  color: #f8f6ff;
}

.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%;
}

.img-buttons-container {
  border-radius: 0.8rem;
  overflow: hidden;
}

p {
  margin: 0;
  font-size: 1.2rem;
  line-height: 1.8;
}

h2, h3, h4 {
  margin: 0;
}

h3 {
  font-weight: 600;
}

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

.exp-description {
  font-size: 1.3rem;
}

.detail-data {
  gap: 1rem;
}

.experience-title .section-title {
  padding: 0;
}

.experience-title .company-name {
  text-align: right;
  font-weight: 600;
}

.experience-title h2, .experience-title .role p {
  font-weight: 600;
}

.objectives-challenges-container {
  background: #0F0822;
}

.objectives-challenges-container > div {
  display: flex;
  gap: 2rem;
}

.objectives-challenges-container > div .vertical_line {
  width: 1px;
}

.etapas-container .etapas-list .etapa-list .header-content {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
}

.etapas-container .etapas-list .etapa-list .img-container-button img {
  max-width: 100%;
  height: auto;
}

.etapa, .etapa-list {
  border-top: 1px solid rgba(233, 230, 242, 0.12);
}

.outcomes-future-work {
  background: #0F0822;
}

.detail-data .box-title {
  border: 1px solid #585c83;
}

@media (min-width: 1000px) {
  .experience-title .detail-data {
    gap: 2rem;
  }
  .experience-title .detail-data .box-title {
    width: 300px;
  }
  .objectives-challenges-container > div {
    gap: 2rem;
  }
  .objectives-challenges-container > div .vertical_line {
    width: 1px;
  }
  h3 {
    font-size: 2rem;
  }
}
@media (max-width: 999px) {
  .experience-title .detail-data {
    gap: 1rem;
  }
}
@media (min-width: 1000px) {
  .detail-data .box-title {
    display: flex;
    padding: 0.5rem 0;
    flex-direction: column;
    width: 300px;
    padding: 1rem;
    border-radius: 4px;
  }
}
/* ===== DS – About/Objective/Role hero ===== */
.info-table-hero .container-xxl {
  max-width: 1100px;
}

.info-row {
  display: grid;
  grid-template-columns: 1fr; /* mobile: una columna */
  gap: 1rem 3rem;
  padding: 2rem 0;
  border-top: 1px solid rgba(233, 230, 242, 0.12);
}

.info-row:first-child {
  border-top: none;
  padding-top: 0;
}

.info-label {
  margin: 0;
  font-size: 1.125rem; /* ~18px */
  line-height: 1.4;
  font-weight: 600;
  color: #ffffff;
  opacity: 0.95;
}

/* Desktop: dos columnas (título izquierda, texto derecha) */
@media (min-width: 992px) {
  .info-row {
    grid-template-columns: 40% 1fr;
    align-items: start;
  }
}
/* Ajustes para que encaje con tu tipografía general */
.info-table-hero strong {
  color: #fff;
  font-weight: 600;
} 

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