body{
  background:var(--white);
  color:var(--black);
}

.nav{
  position:fixed;
  top:0;
  left:0;
  right:0;
  z-index:40;
  background:rgba(255,255,255,.55);
  -webkit-backdrop-filter:blur(14px) saturate(1.2);
  backdrop-filter:blur(14px) saturate(1.2);
  transition:transform var(--tr-base),background var(--tr-base),backdrop-filter var(--tr-base);
}

.nav.is-hidden{transform:translateY(-100%)}

.nav.is-solid{
  background:rgba(255,255,255,.94);
}

.nav__in{
  display:flex;
  align-items:center;
  gap:0;
  min-height:var(--nav-h);
  padding-inline:clamp(16px,1.25vw,24px);
}

#configure{scroll-margin-top:var(--nav-h)}

.brand{
  display:inline-flex;
  align-items:center;
  min-height:44px;
  margin-right:14px;
}

.brand img{
  width:136px;
  height:auto;
  display:block;
}

.nav__links{
  display:flex;
  align-items:center;
  gap:14px;
  margin-inline:0 auto;
}

.nav__links a{
  font-family:var(--font-display);
  font-size:16px;
  font-weight:500;
  letter-spacing:-.015em;
  color:var(--g-800);
  white-space:nowrap;
  transition:color var(--tr-fast);
}
.nav__links a:hover{color:var(--blue-dark)}


.lang{
  display:flex;
  align-items:center;
  margin-left:16px;
  font-size:var(--fs-xs);
  font-weight:700;
  letter-spacing:.1em;
}

.lang a{
  display:inline-flex;
  align-items:center;
  min-height:44px;
  padding-inline:var(--sp-2);
  color:var(--g-800);
  transition:color var(--tr-fast);
}

.lang a:hover{color:var(--black)}

.lang a[aria-current]{color:var(--black)}

.lang i{
  font-style:normal;
  color:var(--g-500);
}

.btn-solid{
  height:var(--ctl-h-sm);
  padding-inline:var(--sp-5);
  display:inline-flex;
  align-items:center;
  background:var(--black);
  color:var(--white);
  font-size:var(--fs-sm);
  font-weight:600;
  border-radius:100px;
  transition:background var(--tr-fast);
}

.btn-solid:hover{background:var(--blue)}

.head{
  padding-block:var(--sp-8) var(--sp-7);
  border-bottom:1px solid var(--g-200);
}

.head .eyebrow,
.scrub .eyebrow{color:var(--g-500)}

.head h1{
  font-size:clamp(40px,6vw,84px);
  line-height:.96;
  letter-spacing:-.035em;
  max-width:min(15ch,100%);
}

.head h1 em{
  font-style:normal;
  color:var(--blue);
}

.head__lede{
  margin-top:var(--sp-6);
  margin-left:auto;
  max-width:46ch;
  color:var(--g-700);
  font-size:var(--fs-md);
}

.bar{
  position:static;
  background:var(--white);
  border-bottom:1px solid var(--g-200);
}

.bar__in{
  display:flex;
  align-items:flex-end;
  gap:var(--sp-6);
  min-height:88px;
  padding-block:var(--sp-4);
  flex-wrap:wrap;
}

.bar__group{display:flex;flex-direction:column;align-items:flex-start;gap:var(--sp-3)}

.bar__label{
  display:flex;
  align-items:baseline;
  gap:var(--sp-3);
  font-size:var(--fs-xs);
  letter-spacing:.12em;
  text-transform:uppercase;
  color:var(--black);
  font-weight:600;
  white-space:nowrap;
}

.bar__label::before{
  font-family:var(--font-display);
  font-size:var(--fs-xs);
  font-weight:700;
  letter-spacing:.08em;
  color:var(--blue-dark);
}

.bar__group:nth-of-type(1) .bar__label::before{content:"01"}
.bar__group:nth-of-type(2) .bar__label::before{content:"02"}

.opt-row{display:flex;flex-wrap:wrap;gap:var(--sp-1)}

.opt{
  height:var(--ctl-h-sm);
  padding-inline:var(--sp-4);
  border-radius:100px;
  font-size:var(--fs-sm);
  font-weight:600;
  color:var(--g-500);
  transition:background var(--tr-fast),color var(--tr-fast);
}

.opt:hover{background:var(--g-100);color:var(--black)}

.opt.is-on{background:var(--black);color:var(--white)}

.sw-row{display:flex;gap:var(--sp-2)}

.sw{
  width:var(--ctl-h-sm);
  height:var(--ctl-h-sm);
  border-radius:50%;
  position:relative;
  border:1px solid var(--g-200);
  transition:transform var(--tr-fast),box-shadow var(--tr-fast);
}

.sw i{position:absolute;inset:3px;display:block;border-radius:50%}

.sw:hover{transform:scale(1.08)}

.sw.is-on{box-shadow:0 0 0 2px var(--white),0 0 0 4px var(--black)}

.bar__cta{margin-left:auto}

.sheet{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);
  gap:var(--sp-9);
  align-items:start;
  padding-block:var(--sp-9);
}

.sheet__title{
  font-size:var(--fs-xl);
  margin-bottom:var(--sp-6);
}

.table{width:100%;max-width:760px;border-collapse:collapse}

.table tr{border-bottom:1px solid var(--g-200)}

.table tr:first-child{border-top:1px solid var(--g-200)}

.table th{
  text-align:left;
  padding:var(--sp-4) 0;
  font-family:var(--font-body);
  font-size:var(--fs-sm);
  font-weight:500;
  color:var(--g-500);
  width:44%;
}

.table td{
  padding:var(--sp-4) 0;
  text-align:right;
  font-family:var(--font-display);
  font-size:var(--fs-md);
  font-weight:600;
}

.table td small{
  font-family:var(--font-body);
  font-size:var(--fs-sm);
  font-weight:500;
  color:var(--g-500);
  margin-left:var(--sp-1);
}

.sheet__note{
  margin-top:var(--sp-5);
  font-size:var(--fs-sm);
  color:var(--g-500);
  max-width:42ch;
}

.sheet__actions{
  margin-top:var(--sp-6);
  display:flex;
  gap:var(--sp-3);
  flex-wrap:wrap;
}

.btn-line{
  height:var(--ctl-h);
  padding-inline:var(--sp-5);
  display:inline-flex;
  align-items:center;
  border:1px solid var(--g-300);
  border-radius:100px;
  font-size:var(--fs-sm);
  font-weight:600;
  transition:border-color var(--tr-fast),color var(--tr-fast);
}

.btn-line:hover{border-color:var(--black)}

.cabin__shell{
  position:relative;
  max-width:520px;
  margin-inline:auto;
  overflow:hidden;
  background:var(--g-100);
}

.cabin__shell img{
  width:100%;
  height:auto;
  aspect-ratio:3/4;
  object-fit:cover;
  transition:opacity var(--tr-base);
}

.cabin__shell.is-swapping img{opacity:.3}

.cabin__cap{
  max-width:520px;
  margin-inline:auto;
  display:flex;
  justify-content:space-between;
  gap:var(--sp-4);
  margin-top:var(--sp-4);
  font-size:var(--fs-sm);
  color:var(--g-500);
}

.cabin__cap b{color:var(--black);font-weight:600}

.lines{
  border-top:1px solid var(--g-200);
  padding-block:var(--sp-9);
}

.lines__head{
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:var(--sp-5);
  margin-bottom:var(--sp-7);
}

.lines__head h2{font-size:var(--fs-2xl);max-width:16ch;letter-spacing:-.03em}

.lines__list{border-top:1px solid var(--g-200)}

.line{
  display:grid;
  grid-template-columns:64px minmax(0,1fr) minmax(0,1.1fr) 32px;
  gap:var(--sp-5);
  align-items:center;
  padding-block:var(--sp-6);
  border-bottom:1px solid var(--g-200);
}

.line__no,
.line__name,
.line__desc{transition:transform var(--tr-base)}

.line:hover .line__no,
.line:hover .line__name,
.line:hover .line__desc{transform:translateX(8px)}

.line__no{
  font-family:var(--font-display);
  font-size:var(--fs-sm);
  font-weight:700;
  color:var(--g-700);
}

.line__name{
  font-family:var(--font-display);
  font-size:var(--fs-lg);
  font-weight:600;
}

.line__desc{color:var(--g-700);font-size:var(--fs-sm)}

.line__go{
  color:var(--g-500);
  font-size:var(--fs-lg);
  justify-self:end;
  transition:color var(--tr-fast),transform var(--tr-base);
}

.line:hover .line__go{color:var(--blue);transform:translateX(4px)}

[data-reveal]{
  opacity:0;
  transform:translateY(18px);
  transition:opacity var(--tr-slow),transform var(--tr-slow);
}

[data-reveal].is-in{opacity:1;transform:none}

@media (max-width:1024px){
  .sheet{grid-template-columns:1fr;gap:var(--sp-7)}
  .nav__links,.nav .lang{display:none}
  .nav__btn{display:flex}
  .brand{margin-right:0}
  .brand img{width:118px}
  .head__lede{margin-left:0}
  .bar__cta{display:none}
}

@media (max-width:640px){
  .bar__in{flex-direction:column;align-items:flex-start;gap:var(--sp-4)}
  .bar__group{gap:var(--sp-3)}
  .head{padding-block:var(--sp-7) var(--sp-6)}
  .line{grid-template-columns:40px minmax(0,1fr);row-gap:var(--sp-2)}
  .line__desc{grid-column:2}
  .line__go{display:none}
  .lines__head{flex-direction:column;align-items:start}
}

.scrub{
  --shaft-line:var(--g-200);
  --shaft-strong:var(--g-300);
  --shaft-label:var(--g-500);
  --shaft-veil:var(--white);
  --hud-label:var(--g-500);
  --hud-value:var(--black);
}

.scrub .eyebrow{margin-bottom:var(--sp-5)}

.scrub h1{
  font-size:clamp(40px,6vw,84px);
  line-height:.96;
  letter-spacing:-.035em;
  max-width:min(11ch,100%);
}

.scrub h1 em{font-style:normal;color:var(--blue)}

.scrub__lede{
  margin-top:var(--sp-5);
  max-width:42ch;
  color:var(--g-700);
  font-size:var(--fs-md);
}

.sheet .cabin__shell,
.sheet .cabin__cap{
  max-width:640px;
  margin-inline:auto 0;
}

.table td em{
  font-style:normal;
  color:var(--g-700);
  font-size:var(--fs-sm);
  margin-left:var(--sp-2);
}

.nav__links a[aria-current]{color:var(--black);font-weight:600}

.saltar{
  position:absolute;
  left:var(--gutter-borde);
  top:0;
  z-index:60;
  transform:translateY(-120%);
  display:inline-flex;
  align-items:center;
  min-height:44px;
  padding-inline:var(--sp-5);
  background:var(--black);
  color:var(--white);
  font-size:var(--fs-sm);
  font-weight:600;
  text-decoration:none;
  border-radius:0 0 var(--r-lg) var(--r-lg);
  transition:transform var(--tr-fast);
}

.saltar:focus-visible{transform:translateY(0)}

.menu{display:none}

.nav__btn{
  display:none;
  width:44px;
  height:44px;
  margin-left:auto;
  align-items:center;
  justify-content:center;
}
.nav__btn span{
  position:relative;
  display:block;
  width:20px;
  height:1.5px;
  background:var(--black);
  transition:background var(--tr-fast);
}
.nav__btn span::before,.nav__btn span::after{
  content:'';
  position:absolute;
  left:0;
  width:20px;
  height:1.5px;
  background:var(--black);
  transition:transform var(--tr-base);
}
.nav__btn span::before{top:-6px}
.nav__btn span::after{top:6px}
.nav__btn[aria-expanded="true"] span{background:transparent}
.nav__btn[aria-expanded="true"] span::before{transform:translateY(6px) rotate(45deg)}
.nav__btn[aria-expanded="true"] span::after{transform:translateY(-6px) rotate(-45deg)}

@media (max-width:1024px){
  .nav__btn{display:flex}
  .nav.is-open{background:var(--white)}
  .menu{
    position:fixed;
    inset:var(--nav-h) 0 0 0;
    z-index:39;
    display:grid;
    align-content:start;
    gap:var(--sp-2);
    padding:var(--sp-6) clamp(20px,4vw,56px) var(--sp-8);
    background:var(--white);
    overflow-y:auto;
    opacity:0;
    visibility:hidden;
    transform:translateY(-8px);
    transition:opacity var(--tr-base),transform var(--tr-base),visibility var(--tr-base);
  }
  .menu.is-open{opacity:1;visibility:visible;transform:none}
  .menu a{
    padding-block:var(--sp-4);
    border-bottom:1px solid var(--g-200);
    font-family:var(--font-display);
    font-size:var(--fs-lg);
    font-weight:600;
  }
  .menu__pie{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:var(--sp-4);
    margin-top:var(--sp-5);
  }
  .menu__pie .lang{display:flex;margin-left:0}
}