:root{
      color-scheme:dark;
      --background:#050505;
      --surface:#0D0D0D;
      --surface-light:#161616;
      --text-primary:#FFFFFF;
      --text-secondary:#A6A6A6;
      --border:rgba(255,255,255,.14);
      --radius-sm:4px;
      --radius-md:6px;
      --radius-lg:8px;
      --ease:cubic-bezier(.22,1,.36,1);
      --header-h:76px;
    }

    *{ box-sizing:border-box; }
    html{ scroll-behavior:smooth; scroll-padding-top:96px; }
    :focus-visible{ outline:2px solid white; outline-offset:5px; }
    .container > *, .stage > *{ min-width:0; }
    body{
      margin:0;
      font-family:"DM Sans", sans-serif;
      color:var(--text-primary);
      background:var(--background);
      overflow-wrap:break-word;
    }

    body.menu-open{ overflow:hidden; }

    a{ color:inherit; text-decoration:none; }
    button,input{ font:inherit; }
    img{ max-width:100%; display:block; }

    ::selection{
      background:var(--text-primary);
      color:var(--background);
    }

    .container{
      width:100%;
      max-width:1400px;
      margin-inline:auto;
      padding-inline:clamp(24px,5vw,80px);
    }

    .eyebrow{
      display:inline-flex;
      align-items:center;
      gap:10px;
      font-size:.75rem;
      letter-spacing:.16em;
      text-transform:uppercase;
      font-weight:700;
    }
    .eyebrow::before{
      content:"";
      width:34px;
      height:1px;
      background:currentColor;
      opacity:.55;
    }

    .section{
      position:relative;
      padding:clamp(84px, 9vw, 150px) 0;
    }

    .section-title{
      overflow-wrap:normal;
      word-break:normal;
      hyphens:none;
      margin:16px 0 0;
      max-width:1000px;
      font-size:clamp(2rem, 4vw, 4rem);
      line-height:.9;
      letter-spacing:-.06em;
      font-weight:700;
    }

    .section-copy{
      max-width:720px;
      font-size:clamp(1rem, 1.35vw, 1.24rem);
      line-height:1.65;
      color:var(--text-secondary);
    }

    .btn{
      position:relative;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      gap:12px;
      min-height:54px;
      padding:14px 24px;
      border:1px solid transparent;
      border-radius:999px;
      cursor:pointer;
      font-weight:600;
      font-size:.9rem;
      letter-spacing:.02em;
      transition:
        transform .35s var(--ease),
        color .35s var(--ease),
        background .35s var(--ease),
        border-color .35s var(--ease);
      overflow:hidden;
    }
    .btn:hover{ transform:translateY(-2px); }
    .btn .arrow{ transition:transform .35s var(--ease); }
    .btn:hover .arrow{ transform:translateX(5px); }
    .btn-primary{
      background:var(--text-primary);
      color:var(--background);
    }
    .btn-primary:hover{
      background:#DCDCDC;
    }
    .btn-outline{
      color:var(--text-primary);
      border-color:rgba(255,255,255,.25);
      background:transparent;
    }
    .btn-outline:hover{
      background:rgba(255,255,255,.07);
    }

    /* HEADER */
    .site-header{
      position:fixed;
      inset:0 0 auto 0;
      z-index:100;
      height:var(--header-h);
      transition:
        background .4s ease,
        height .4s ease,
        border-color .4s ease,
        backdrop-filter .4s ease;
      background:rgba(5,5,5,.65);
      border-bottom:1px solid rgba(255,255,255,.08);
    }
    .site-header.scrolled{
      height:var(--header-h);
      background:rgba(5,5,5,.84);
      backdrop-filter:blur(18px);
      border-color:rgba(255,255,255,.09);
    }
    .nav{
      height:100%;
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:24px;
      color:var(--text-primary);
    }
    .brand{
      display:flex;
      align-items:center;
      gap:14px;
      min-width:max-content;
    }
    .brand-logo{
      width:156px;
      height:auto;
      display:block;
    }
    .nav-links{
      display:flex;
      align-items:center;
      gap:24px;
      font-size:14px;
      font-weight:500;
    }
    .nav-links a{
      position:relative;
      opacity:.7;
      transition:opacity .25s ease;
    }

    .nav-links a:hover{
      opacity:1;
    }

    .nav-actions{
      display:flex;
      align-items:center;
      gap:12px;
    }
    .menu-toggle{
      display:none;
      width:48px;
      height:48px;
      border:1px solid rgba(255,255,255,.2);
      background:transparent;
      color:white;
      border-radius:50%;
      cursor:pointer;
    }

    /* MOBILE MENU */
    .mobile-menu{
      position:fixed;
      inset:0;
      z-index:90;
      padding:120px 24px 36px;
      background:var(--background);
      color:var(--text-primary);
      transform:translateY(-105%);
      transition:transform .6s var(--ease);
      display:flex;
      flex-direction:column;
      justify-content:space-between;
    }
    .mobile-menu.open{ transform:translateY(0); }
    .mobile-links{
      display:grid;
      gap:10px;
    }
    .mobile-links a{
      font-size:clamp(2rem, 10vw, 4rem);
      font-weight:700;
      letter-spacing:-.05em;
    }
    .mobile-meta{
      display:flex;
      justify-content:space-between;
      gap:20px;
      font-size:.78rem;
      opacity:.65;
    }


/* Event glass panels: scoped separately from the passport within #evento. */
#evento .event-glass{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);column-gap:clamp(32px,5vw,80px);row-gap:56px;align-items:stretch;font-family:"DM Sans",sans-serif}
#evento .event-intro{min-width:0;display:flex;flex-direction:column;justify-content:space-between;padding:0}
#evento .event-intro .section-title{font-size:clamp(32px,3.7vw,54px);line-height:1.08;letter-spacing:-.05em;overflow-wrap:normal}
#evento .event-title-line{display:block;overflow:hidden;padding-bottom:.08em;margin-bottom:-.08em}
#evento .event-title-line>span{display:block}
#evento .event-lead{max-width:510px;margin:28px 0 24px;color:#c2c2c2;font-size:16px;line-height:1.75}
#evento .event-pills{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0}
#evento .event-pills li{padding:9px 13px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(255,255,255,.055);color:#e0e0e0;font-size:11px;line-height:1.5}
#evento .event-cards{position:relative;isolation:isolate;display:grid;grid-auto-rows:1fr;gap:16px;min-width:0;padding-left:18px;background:radial-gradient(ellipse at 85% 40%,rgba(255,255,255,.11),transparent 70%);border-radius:24px}
#evento .event-cards::before{content:"";position:absolute;left:0;top:22px;bottom:22px;width:1px;background:rgba(255,255,255,.12)}
#evento .event-card::before{content:"";position:absolute;left:-19px;top:22px;bottom:22px;width:1px;background:#b6b6b6;opacity:0;transform:scaleY(.35);transform-origin:top}
#evento .event-card.event-current{border-color:rgba(255,255,255,.32)}
#evento .event-card.event-current::before{opacity:.85;transform:scaleY(1)}
#evento .event-card{position:relative;min-width:0;padding:24px;border:1px solid rgba(255,255,255,.17);border-radius:22px;background:linear-gradient(135deg,rgba(255,255,255,.07),transparent 65%),#151515;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 8px 24px rgba(0,0,0,.12)}
#evento .event-card-top{display:flex;align-items:center;justify-content:space-between;gap:16px}
#evento .event-card .micro-label{color:#bdbdbd;font-size:10px;letter-spacing:.15em}
#evento .event-symbol{display:grid;place-items:center;flex:none;width:36px;height:36px;border:1px solid rgba(255,255,255,.15);border-radius:12px;background:rgba(255,255,255,.04);color:#e5e5e5;font-size:23px;line-height:1}
#evento .event-symbol>span{display:block}
#evento .event-card h3{margin:18px 0 10px;font-size:clamp(22px,2.2vw,29px);line-height:1.2;font-weight:500;letter-spacing:-.035em}
#evento .event-card p{margin:0;max-width:430px;color:#bdbdbd;font-size:14px;line-height:1.7}
@supports ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  #evento .event-card{background:linear-gradient(135deg,rgba(255,255,255,.075),rgba(255,255,255,.015) 65%),rgba(20,20,20,.78);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
}
@keyframes event-glass-rise{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@keyframes event-glass-focus{from{opacity:0;transform:translateY(14px);filter:blur(2px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}
@keyframes event-title-rise{from{opacity:0;transform:translateY(105%)}to{opacity:1;transform:translateY(0)}}
@keyframes event-glass-reflection{from{background-position:100% 0;opacity:0}35%{opacity:1}to{background-position:0 0;opacity:0}}
@keyframes event-arrow-rise{50%{transform:translate(2px,-2px)}}
@keyframes event-plus-turn{50%{transform:rotate(45deg)}}
@keyframes event-arrow-wide{50%{transform:scaleX(1.2)}}
@media(prefers-reduced-motion:no-preference){
  #evento .event-glass .event-entered{animation:event-glass-rise .6s var(--event-delay,0ms) backwards}
  #evento .event-glass .event-intro.event-entered{animation:none}
  #evento .event-intro.event-entered .event-title-line>span{animation:event-title-rise .75s .05s backwards}
  #evento .event-intro.event-entered .event-title-line:nth-child(2)>span{animation-delay:.2s}
  #evento .event-intro.event-entered .event-pills li{animation:event-glass-rise .45s var(--event-delay,0ms) backwards}
  #evento .event-card{transition:border-color .3s ease}
  #evento .event-card::before{transition:opacity .3s ease,transform .4s ease}
  #evento .event-card.event-entered .event-symbol>span{animation-duration:.65s;animation-delay:calc(var(--event-delay,0ms) + .35s)}
  #evento .event-card:nth-child(1).event-entered .event-symbol>span{animation-name:event-arrow-rise}
  #evento .event-card:nth-child(2).event-entered .event-symbol>span{animation-name:event-plus-turn}
  #evento .event-card:nth-child(3).event-entered .event-symbol>span{animation-name:event-arrow-wide}
}
@media(min-width:821px) and (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
  #evento .event-card.event-entered{animation-name:event-glass-focus}
  #evento .event-card{transition:translate .25s ease,rotate .3s ease,border-color .25s ease}
  #evento .event-card::after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:linear-gradient(115deg,transparent 40%,rgba(255,255,255,.07) 50%,transparent 60%);background-size:250% 100%;opacity:0}
  #evento .event-card:hover{translate:0 -4px;rotate:1deg;border-color:rgba(255,255,255,.4);box-shadow:inset 0 1px 0 rgba(255,255,255,.12),inset 0 0 30px rgba(255,255,255,.025),0 8px 24px rgba(0,0,0,.12)}
  #evento .event-card:hover::after{animation:event-glass-reflection .7s ease-out}
  #evento .event-symbol>span{transition:transform .25s ease}
  #evento .event-card:nth-child(1):hover .event-symbol>span{transform:translate(2px,-2px)}
  #evento .event-card:nth-child(2):hover .event-symbol>span{transform:rotate(45deg)}
  #evento .event-card:nth-child(3):hover .event-symbol>span{transform:scaleX(1.2)}
}
@media(max-width:820px){
  #evento .event-glass{grid-template-columns:minmax(0,1fr);gap:30px}
  #evento .event-intro{padding-top:0}
  #evento .event-intro .section-title{font-size:clamp(30px,5.8vw,46px)}
  #evento .event-card{-webkit-backdrop-filter:none;backdrop-filter:none;background:linear-gradient(135deg,rgba(255,255,255,.08),transparent 65%),#151515;box-shadow:inset 0 1px 0 rgba(255,255,255,.1)}
}
@media(max-width:380px){
  #evento .event-intro .section-title{font-size:27px}
  #evento .event-card{padding:22px}
}

/* Full-width second row; the account passport remains independent. */
#evento .event-passport{position:relative;isolation:isolate;grid-column:1 / -1;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr) minmax(0,1fr);align-items:center;column-gap:32px;row-gap:20px;margin:0;padding:28px 32px;border:1px solid rgba(255,255,255,.17);border-radius:22px;background:radial-gradient(ellipse at 100% 0,rgba(255,255,255,.08),transparent 65%),#101010;box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 8px 24px rgba(0,0,0,.12)}
#evento .event-passport>div{min-width:0}
#evento .event-passport-eyebrow{font-size:10px;line-height:1.5;letter-spacing:.14em;color:#bdbdbd}
#evento .event-passport h3{margin:14px 0 10px;font-size:clamp(21px,2vw,27px);font-weight:500;line-height:1.2;letter-spacing:-.035em}
#evento .event-passport p{margin:0;color:#bdbdbd;font-size:13px;line-height:1.65;max-width:410px}
#evento .event-passport-progress{display:flex;flex-direction:column;align-items:stretch;gap:6px;font-size:11px;color:#c2c2c2}
#evento .event-passport-progress strong{font-size:56px;line-height:1.05;font-weight:500;letter-spacing:-.05em;color:#f3f3f3;font-variant-numeric:tabular-nums}
#evento .event-passport-progress strong>span{font-size:32px;color:#aaa}
#evento .event-passport-label{font-size:10px;letter-spacing:.13em}
#evento .event-passport-reward{display:grid;gap:12px;padding-left:24px;border-left:1px solid rgba(255,255,255,.12)}
#evento .event-passport-badge{display:inline-flex;align-items:center;gap:12px;font-size:9px;letter-spacing:.12em;color:#bdb9ae}
#evento .event-passport-badge>span{display:grid;place-items:center;width:44px;height:44px;border:1px solid #484640;border-radius:50%;font-size:30px;background:radial-gradient(circle,rgba(255,255,255,.07),transparent 70%)}
#evento .event-passport-track{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:4px;margin:8px 0 2px;transform-origin:left}
#evento .event-passport-track>span{height:4px;border-radius:2px;background:#393939}
#evento .event-passport .event-passport-note{font-size:10px;color:#a6a6a6}
#evento .event-passport-steps{grid-column:1 / -1;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px 16px;list-style:none;padding:14px 0 0;margin:0;border-top:1px solid rgba(255,255,255,.1)}
#evento .event-passport-steps li{font-size:10px;line-height:1.5;color:#c2c2c2}
#evento .event-passport-steps li+li::before{content:"→";display:inline-block;margin-right:16px;color:#858585}
#evento .event-passport-link{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;padding:8px 0;border-top:1px solid rgba(255,255,255,.12);font-size:10px;letter-spacing:.04em;font-weight:500;color:#f3f3f3}
#evento .event-passport-link>span{font-size:20px}
@supports ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  #evento .event-passport{background:radial-gradient(ellipse at 100% 0,rgba(255,255,255,.08),transparent 65%),rgba(16,16,16,.88);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
}
@keyframes event-passport-draw{from{transform:scaleX(0);opacity:0}to{transform:scaleX(1);opacity:1}}
@keyframes event-passport-fade{from{opacity:0}to{opacity:1}}
@keyframes event-passport-pulse{50%{transform:scale(1.06);box-shadow:0 0 18px rgba(220,215,200,.12)}}
@media(prefers-reduced-motion:no-preference){
  #evento .event-passport.event-entered .event-passport-steps li{animation:event-glass-rise .45s var(--event-delay,0ms) backwards}
  #evento .event-passport.event-entered .event-passport-track{animation:event-passport-draw .8s .2s backwards}
  #evento .event-passport.event-entered .event-passport-count{animation:event-passport-fade .6s .15s backwards}
  #evento .event-passport.event-entered .event-passport-badge>span{animation:event-passport-pulse .8s .45s}
}
@media(min-width:821px) and (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
  #evento .event-passport{transition:translate .25s ease,border-color .25s ease}
  #evento .event-passport:hover{translate:0 -2px;border-color:rgba(255,255,255,.3)}
  #evento .event-passport::after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:linear-gradient(115deg,transparent 40%,rgba(255,255,255,.055) 50%,transparent 60%);background-size:250% 100%;opacity:0}
  #evento .event-passport:hover::after{animation:event-glass-reflection .7s ease-out}
}
@media(max-width:820px){
  #evento .event-intro{display:block}
  #evento .event-passport{grid-template-columns:minmax(0,1fr);gap:20px;margin:18px 0 0;padding:22px;-webkit-backdrop-filter:none;backdrop-filter:none;background:radial-gradient(ellipse at 100% 0,rgba(255,255,255,.07),transparent 65%),#101010;box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}
  #evento .event-passport-progress strong{font-size:44px}
  #evento .event-passport-reward{padding:16px 0 0;border-left:0;border-top:1px solid rgba(255,255,255,.12);gap:8px}
  #evento .event-passport-badge>span{width:32px;height:32px;font-size:24px}
  #evento .event-passport-steps{justify-content:flex-start;gap:6px 10px}
  #evento .event-passport-steps li+li::before{margin-right:10px}
}

/* Public passport preview; all selectors stay within this component. */
#pasaporte{display:grid;grid-template-columns:1fr;gap:36px;padding:clamp(20px,4vw,52px);margin-top:80px;border:1px solid var(--border);background:var(--surface);font-family:"DM Sans",sans-serif}
#pasaporte .passport-intro{max-width:780px}
#pasaporte h3{font-size:clamp(30px,4.5vw,62px);line-height:1.05;font-weight:500;letter-spacing:-.055em;margin:16px 0 24px}
#pasaporte p{font-size:14px;line-height:1.65;color:var(--text-secondary)}
#pasaporte .passport-lead{font-size:clamp(17px,2vw,21px);color:var(--text-primary);max-width:660px}
#pasaporte .passport-highlight{margin:24px 0 0;padding-top:20px;border-top:1px solid var(--border);color:#e4e1d9;font-size:12px}
#pasaporte .passport-preview{margin:0;min-width:0}
#pasaporte .passport-composition{display:grid;grid-template-columns:minmax(0,1.25fr) 64px minmax(0,1fr);align-items:center}
#pasaporte .passport-card{padding:clamp(22px,3vw,38px);border:1px solid #e7e4dc;border-radius:16px;background:#f3f1eb;color:#141414;min-width:0}
#pasaporte .passport-card-top{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:10px;font-weight:700;letter-spacing:.12em}
#pasaporte .passport-card-top>span:last-child{font-size:24px;font-weight:400}
#pasaporte .passport-card h4{font-size:25px;font-weight:500;letter-spacing:-.04em;margin:26px 0 10px}
#pasaporte .passport-counter{font-size:clamp(64px,7vw,96px);font-weight:500;letter-spacing:-.07em;line-height:1.05;font-variant-numeric:tabular-nums}
#pasaporte .passport-counter>span{font-size:.4em;color:#67645e;letter-spacing:-.04em}
#pasaporte .passport-counter-label{margin:8px 0 24px;color:#55524b;font-size:12px}
#pasaporte .passport-stamps{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}
#pasaporte .passport-stamps>span{position:relative;isolation:isolate;display:grid;place-items:center;aspect-ratio:1;border:1px solid #bcb9b1;border-radius:50%;color:#5b5852;font-size:11px;font-variant-numeric:tabular-nums}
#pasaporte .passport-stamps>span::before{content:"";position:absolute;inset:3px;border-radius:50%;background:#191919;opacity:0;z-index:-1}
#pasaporte .passport-card-footer{margin:24px 0 0;padding-top:16px;border-top:1px dashed #bcb9b1;font-size:11px;color:#55524b}
#pasaporte .passport-connection{display:flex;align-items:center;color:#aaa79f}
#pasaporte .passport-connection::before{content:"";height:1px;background:var(--border);flex:1}
#pasaporte .passport-connection span{font-size:22px;padding-right:8px}
#pasaporte .passport-badge{position:relative;isolation:isolate;text-align:center;padding:32px 24px;border:1px solid var(--border);border-radius:16px;background:#141414;min-width:0}
#pasaporte .passport-lock{display:inline-block;padding:6px 10px;border:1px solid #56544f;border-radius:20px;font-size:9px;letter-spacing:.18em;color:#d4d0c7}
#pasaporte .passport-emblem{position:relative;display:grid;place-items:center;width:140px;height:140px;margin:24px auto;color:#d6d2c6;border:1px solid #45433e;border-radius:50%}
#pasaporte .passport-emblem::before{content:"";position:absolute;inset:-20px;background:radial-gradient(circle,rgba(227,217,187,.2),transparent 68%);opacity:.25;z-index:-1}
#pasaporte .passport-emblem svg{width:100px;height:100px}
#pasaporte .passport-badge h4{max-width:240px;margin:0 auto 14px;font-size:20px;line-height:1.25;font-weight:500;letter-spacing:-.025em}
#pasaporte .passport-badge p{margin:10px auto;max-width:240px;font-size:13px}
#pasaporte .passport-badge .passport-badge-detail{font-size:11px;color:#a6a6a6}
#pasaporte figcaption{margin-top:16px;font-size:11px;color:var(--text-secondary);text-align:center;line-height:1.5}
#pasaporte .passport-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;list-style:none;padding:0;margin:0;counter-reset:passport-step}
#pasaporte .passport-steps li{display:block;padding:20px 16px;border:1px solid var(--border);border-radius:6px;counter-increment:passport-step}
#pasaporte .passport-steps li::before{content:counter(passport-step,decimal-leading-zero);display:block;margin-bottom:24px;font-size:12px;color:#bdb9ae}
#pasaporte .passport-steps h4{font-size:11px;line-height:1.5;letter-spacing:.04em;font-weight:700;margin:0}
#pasaporte .passport-steps p{font-size:12px;margin:8px 0 0}
@keyframes passport-rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
@keyframes passport-stamp-light{0%,100%{opacity:0}35%,70%{opacity:1}}
@keyframes passport-stamp-ink{0%,100%{color:#5b5852}35%,70%{color:#fff}}
@keyframes passport-glow{0%,100%{opacity:.25}50%{opacity:1}}
@media(prefers-reduced-motion:no-preference){
  #pasaporte .passport-entered .passport-card{animation:passport-rise .65s both}
  #pasaporte .passport-entered .passport-counter{animation:passport-rise .5s .2s both}
  #pasaporte .passport-entered .passport-stamps>span{animation:passport-stamp-ink .8s calc(.4s + var(--stamp)*.1s) both}
  #pasaporte .passport-entered .passport-stamps>span::before{animation:passport-stamp-light .8s calc(.4s + var(--stamp)*.1s) both}
  #pasaporte .passport-entered .passport-badge{animation:passport-rise .65s .35s both}
  #pasaporte .passport-entered .passport-emblem::before{animation:passport-glow 1.4s 1.5s both}
}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
  #pasaporte .passport-card,#pasaporte .passport-badge{transition:translate .25s ease}
  #pasaporte .passport-card:hover,#pasaporte .passport-badge:hover{translate:0 -4px}
}
@media(max-width:820px){
  #pasaporte .passport-composition{grid-template-columns:minmax(0,1fr)}
  #pasaporte .passport-card{width:100%;max-width:480px;justify-self:center}
  #pasaporte .passport-connection{height:44px;width:1px;justify-self:center;background:var(--border)}
  #pasaporte .passport-connection::before,#pasaporte .passport-connection span{display:none}
  #pasaporte .passport-badge{width:100%;max-width:480px;justify-self:center}
  #pasaporte .passport-steps{grid-template-columns:repeat(2,minmax(0,1fr))}
  #pasaporte .passport-entered .passport-emblem::before{animation:none}
}
@media(max-width:380px){
  #pasaporte .passport-steps{grid-template-columns:1fr}
  #pasaporte .passport-stamps{gap:5px}
  #pasaporte .passport-card{padding:18px}
}

[hidden]{display:none!important}
a,a:hover,a:focus,a:active{text-decoration:none}
.nav-links a::after{content:none}
.site-header,.mobile-menu{line-height:normal}
.nav-login{font-size:14px;white-space:nowrap;opacity:.7;transition:opacity .25s ease}
.nav-login:hover{opacity:1}
.nav-links a[aria-current],.mobile-links a[aria-current]{opacity:1;color:#fff;font-weight:600}
.mobile-menu[inert]{visibility:hidden}
@media(min-width:1101px) and (max-width:1390px){.nav-links{gap:12px;font-size:13px}.nav{gap:16px}.nav-actions .btn{padding-inline:16px}}
@media(max-width:1100px){.nav-links{display:none}.menu-toggle{display:grid;place-items:center}.nav-actions .btn,.nav-login{display:none}}
@media(max-width:820px){:root{--header-h:74px}.site-header,.site-header.scrolled{background:rgba(5,5,5,.94);-webkit-backdrop-filter:none;backdrop-filter:none}}
@media(max-width:560px){.brand-logo{width:140px}.brand{gap:10px}.nav{gap:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}