/* ============ SELF-HOSTED FONTS (no third-party requests) ============ */
@font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:500;font-display:swap;src:url('/assets/fonts/cormorant-garamond-latin-500-normal.woff2') format('woff2')}
@font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:600;font-display:swap;src:url('/assets/fonts/cormorant-garamond-latin-600-normal.woff2') format('woff2')}
@font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:700;font-display:swap;src:url('/assets/fonts/cormorant-garamond-latin-700-normal.woff2') format('woff2')}
@font-face{font-family:'Cormorant Garamond';font-style:italic;font-weight:500;font-display:swap;src:url('/assets/fonts/cormorant-garamond-latin-500-italic.woff2') format('woff2')}
@font-face{font-family:'Cormorant Garamond';font-style:italic;font-weight:600;font-display:swap;src:url('/assets/fonts/cormorant-garamond-latin-600-italic.woff2') format('woff2')}
@font-face{font-family:'Jost';font-style:normal;font-weight:300;font-display:swap;src:url('/assets/fonts/jost-latin-300-normal.woff2') format('woff2')}
@font-face{font-family:'Jost';font-style:normal;font-weight:500;font-display:swap;src:url('/assets/fonts/jost-latin-500-normal.woff2') format('woff2')}
@font-face{font-family:'Jost';font-style:normal;font-weight:600;font-display:swap;src:url('/assets/fonts/jost-latin-600-normal.woff2') format('woff2')}
@font-face{font-family:'Jost';font-style:normal;font-weight:700;font-display:swap;src:url('/assets/fonts/jost-latin-700-normal.woff2') format('woff2')}

:root{
    --bg:#070706; --bg-2:#0F0D09; --panel:#16120B; --panel-2:#1C1710;
    --gold:#D3A84C; --gold-2:#EBD199; --gold-3:#B98F3E; --champ:#C6A96C;
    --ivory:#F6F1E7; --ink:#EBE5D8; --mut:#C6BEAE; --faint:#9C9385;
    --hair:rgba(211,168,76,.15); --hair-2:rgba(211,168,76,.32);
    --red:#7C222E;
    --ox:#6E1D28; --ox-2:#8E2836; --ox-tx:#C9909A; --ox-hair:rgba(142,40,54,.40);
    --fd:'Cormorant Garamond',Georgia,serif; --fb:'Jost',system-ui,sans-serif;
  }
  *{margin:0;padding:0;box-sizing:border-box}
  html{scroll-behavior:smooth}
  body{background:var(--bg);color:var(--ink);font-family:var(--fb);font-weight:300;line-height:1.75;letter-spacing:.015em;-webkit-font-smoothing:antialiased;overflow-x:hidden}
  ::selection{background:var(--gold);color:#0A0908}
  h1,h2,h3,h4{font-family:var(--fd);font-weight:600;color:var(--ivory);line-height:1.12}
  img{max-width:100%}
  a{color:inherit}

  /* ============ ORNAMENT UTILITIES ============ */
  .goldtx{background:linear-gradient(115deg,#B98F3E 0%,#E9CE93 40%,#D3A84C 60%,#F4E3B2 82%,#B98F3E 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
  .ital{font-style:italic;font-weight:500}
  .dia{color:var(--gold);font-size:.6em;vertical-align:middle}
  .kick{font-size:.66rem;letter-spacing:.42em;text-transform:uppercase;color:var(--gold-2);font-weight:600;display:flex;align-items:center;justify-content:center;gap:16px}
  .kick::before,.kick::after{content:"◆";color:var(--gold);font-size:.5rem;opacity:.85}
  .kick.left{justify-content:flex-start}
  .rule{width:64px;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent);margin:22px auto}
  .wrap{max-width:1140px;margin:0 auto;padding:0 44px;position:relative;z-index:2}
  .sec{padding:110px 0;position:relative;overflow:hidden}
  .sec.tint{background:radial-gradient(ellipse 70% 60% at 50% 0%,rgba(211,168,76,.055),transparent 62%),var(--bg-2);border-top:1px solid var(--hair);border-bottom:1px solid var(--hair)}
  .shead{text-align:center;margin-bottom:64px}
  .shead h2{font-size:clamp(2rem,4.4vw,3.3rem);margin-top:18px}
  .shead .lead{max-width:660px;margin:16px auto 0;color:var(--mut);font-size:1.02rem}
  .wm{position:absolute;top:50%;right:-40px;transform:translateY(-50%);font-family:var(--fd);font-size:clamp(11rem,26vw,24rem);color:var(--gold);opacity:.028;font-weight:700;pointer-events:none;line-height:1;z-index:1;user-select:none}

  /* art-deco double frame */
  .skip{position:absolute;left:-9999px;top:0;z-index:1200;background:var(--gold);color:#0A0908;
    padding:12px 20px;font-size:.7rem;letter-spacing:.24em;text-transform:uppercase;font-weight:700;text-decoration:none}
  .skip:focus{left:12px;top:12px}
  .frame{border:1px solid var(--hair-2);position:relative;background:linear-gradient(180deg,rgba(211,168,76,.045),rgba(211,168,76,0) 42%),var(--panel)}
  .frame::before{content:"";position:absolute;inset:7px;border:1px solid var(--hair);pointer-events:none}
  .frame .corner{position:absolute;width:14px;height:14px;border-color:var(--gold);border-style:solid;opacity:.9}
  .c-tl{top:-1px;left:-1px;border-width:2px 0 0 2px}
  .c-tr{top:-1px;right:-1px;border-width:2px 2px 0 0}
  .c-bl{bottom:-1px;left:-1px;border-width:0 0 2px 2px}
  .c-br{bottom:-1px;right:-1px;border-width:0 2px 2px 0}

  /* ============ BUTTONS ============ */
  .btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;font-family:var(--fb);font-weight:600;font-size:.72rem;letter-spacing:.3em;text-transform:uppercase;padding:18px 38px;cursor:pointer;text-decoration:none;transition:all .3s ease;border:1px solid transparent}
  .btn.solid{background:linear-gradient(115deg,#B98F3E,#E3C27C 55%,#D3A84C);color:#141008;box-shadow:0 10px 34px rgba(211,168,76,.22)}
  .btn.solid:hover{transform:translateY(-2px);box-shadow:0 16px 44px rgba(211,168,76,.34)}
  .btn.ghost{border-color:var(--hair-2);color:var(--gold-2)}
  .btn.ghost:hover{border-color:var(--gold);background:rgba(211,168,76,.06)}
  .lnk{font-size:.7rem;letter-spacing:.3em;text-transform:uppercase;font-weight:600;color:var(--gold-2);text-decoration:none;display:inline-flex;align-items:center;gap:12px}
  .lnk::after{content:"⟶";transition:transform .3s}
  .lnk:hover::after{transform:translateX(6px)}

  /* ============ TOPBAR ============ */
  .topbar{position:fixed;top:0;left:0;right:0;z-index:1000;background:rgba(10,9,8,.92);backdrop-filter:blur(16px);border-bottom:1px solid var(--hair)}
  .tb-in{max-width:1340px;margin:0 auto;padding:0 34px;height:84px;display:flex;align-items:center;justify-content:space-between;gap:30px}
  .brand{display:flex;align-items:center;gap:16px;text-decoration:none;flex:none}
  .crestmark{height:46px;width:auto;flex:none;max-width:none;display:block;filter:brightness(1.2) contrast(1.06) saturate(1.08) drop-shadow(0 1px 6px rgba(0,0,0,.6))}
  .sfoot .crestmark{height:72px}
  @media(max-width:640px){.crestmark{height:40px}.sfoot .crestmark{height:56px}}
  .crest{width:50px;height:50px;border:1px solid var(--gold);display:grid;place-items:center;position:relative;background:radial-gradient(circle at 50% 30%,rgba(211,168,76,.14),transparent 70%)}
  .crest::before{content:"";position:absolute;inset:4px;border:1px solid var(--hair)}
  .crest img{height:30px;width:auto;display:block}
  .h-crest img{height:clamp(120px,21vw,192px);width:auto;display:block;margin:0 auto;filter:drop-shadow(0 0 60px rgba(211,168,76,.25))}
  .crest b{font-family:var(--fd);font-weight:700;font-size:1.05rem;letter-spacing:.06em;background:linear-gradient(115deg,#B98F3E,#E9CE93 55%,#D3A84C);-webkit-background-clip:text;background-clip:text;color:transparent}
  .bname{display:flex;flex-direction:column;line-height:1.15}
  .bname b{font-family:var(--fd);font-size:1.3rem;letter-spacing:.34em;color:var(--ivory);font-weight:600}
  .bname span{font-size:.52rem;letter-spacing:.44em;text-transform:uppercase;color:var(--gold-2);font-weight:600;margin-top:4px}
  .tnav{display:flex;align-items:center;gap:34px;list-style:none}
  .tnav a{font-size:.68rem;letter-spacing:.26em;text-transform:uppercase;text-decoration:none;color:var(--mut);font-weight:500;transition:color .3s;padding:6px 0;border-bottom:1px solid transparent}
  .tnav a{white-space:nowrap}
  .tnav a:hover{color:var(--gold-2)}
  .tnav a.on{color:var(--gold-2);border-bottom-color:var(--gold)}
  .tb-cta{display:flex;align-items:center;gap:18px;flex:none}
  .tb-cta .btn{padding:13px 26px;font-size:.62rem}
  .hamburger{display:none;background:none;border:1px solid var(--hair-2);width:46px;height:46px;cursor:pointer;flex-direction:column;align-items:center;justify-content:center;gap:5px}
  .hamburger span{display:block;width:20px;height:1.5px;background:var(--gold-2);transition:.3s}
  .hamburger.open span:nth-child(1){transform:translateY(6.5px) rotate(45deg)}
  .hamburger.open span:nth-child(2){opacity:0}
  .hamburger.open span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}
  .mmenu{position:fixed;inset:0;z-index:990;background:rgba(8,7,6,.985);padding:130px 34px 50px;transform:translateX(100%);transition:transform .45s cubic-bezier(.7,0,.2,1);overflow-y:auto}
  .mmenu.open{transform:translateX(0)}
  .mmenu a{display:block;font-family:var(--fd);font-size:1.6rem;color:var(--ivory);text-decoration:none;padding:16px 0;border-bottom:1px solid var(--hair)}
  .mmenu a span{font-size:.6rem;font-family:var(--fb);letter-spacing:.3em;color:var(--gold-2);display:block;text-transform:uppercase;margin-top:2px}
  .mmenu .btn{margin-top:30px;width:100%}

  /* ============ PAGES ============ */
  .page{display:none}
  .page.active{display:block;animation:fadein .5s ease}
  @keyframes fadein{from{opacity:0}to{opacity:1}}
  .phead{padding:190px 0 90px;text-align:center;position:relative;overflow:hidden;background:radial-gradient(ellipse 60% 46% at 50% 0%,rgba(211,168,76,.09),transparent 70%),var(--bg)}
  .phead h1{font-size:clamp(2.5rem,5.6vw,4.2rem);margin-top:20px}
  .phead .lead{max-width:680px;margin:20px auto 0;color:var(--mut);font-size:1.05rem}

  /* ============ HERO ============ */
  .hero{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;position:relative;overflow:hidden;padding:150px 0 110px;
    background:radial-gradient(ellipse 62% 46% at 50% 26%,rgba(211,168,76,.13),transparent 62%),
               radial-gradient(ellipse 90% 60% at 50% 110%,rgba(124,34,46,.10),transparent 70%),var(--bg)}
  .hero::before{content:"";position:absolute;inset:26px;border:1px solid var(--hair);pointer-events:none}
  .hero::after{content:"";position:absolute;inset:34px;border:1px solid rgba(211,168,76,.07);pointer-events:none}
  .h-crest{font-family:var(--fd);font-weight:700;font-size:clamp(4.6rem,11vw,8.2rem);line-height:1;letter-spacing:.08em;
    background:linear-gradient(115deg,#8F6A26 0%,#E9CE93 38%,#D3A84C 58%,#F7E7B7 78%,#8F6A26 100%);background-size:220% auto;
    -webkit-background-clip:text;background-clip:text;color:transparent;animation:shimmer 7s linear infinite;text-shadow:0 0 90px rgba(211,168,76,.15)}
  @keyframes shimmer{to{background-position:220% center}}
  .h-under{display:flex;align-items:center;gap:18px;justify-content:center;margin-top:6px}
  .h-under i{width:74px;height:1px;background:linear-gradient(90deg,transparent,var(--gold));display:block}
  .h-under i:last-child{background:linear-gradient(90deg,var(--gold),transparent)}
  .h-under span{font-size:.72rem;letter-spacing:.6em;text-transform:uppercase;color:var(--gold-2);font-weight:600;padding-left:.6em}
  .hero h1{font-size:clamp(2.2rem,4.6vw,3.6rem);margin:44px auto 0;max-width:820px;font-weight:500}
  .hero .sub{max-width:640px;margin:22px auto 0;color:var(--mut);font-size:1.04rem}
  .hero .marks{display:flex;gap:0;justify-content:center;margin-top:34px;flex-wrap:wrap}
  .hero .marks span{font-size:.6rem;letter-spacing:.3em;text-transform:uppercase;color:var(--faint);font-weight:500;padding:10px 22px;border-left:1px solid var(--hair)}
  .hero .marks span:first-child{border-left:none}
  .hero .marks b{color:var(--gold-2);font-weight:600}
  .h-ctas{display:flex;gap:22px;justify-content:center;margin-top:46px;flex-wrap:wrap}
  .scrollhint{position:absolute;bottom:40px;left:50%;transform:translateX(-50%);width:1px;height:56px;background:linear-gradient(180deg,var(--gold),transparent);animation:hint 2.2s ease-in-out infinite}
  @keyframes hint{0%,100%{opacity:.25;transform:translateX(-50%) scaleY(.6);transform-origin:top}50%{opacity:1;transform:translateX(-50%) scaleY(1)}}

  /* ticker */
  .ticker{border-top:1px solid var(--hair);border-bottom:1px solid var(--hair);background:var(--bg-2);overflow:hidden;padding:16px 0}
  .ticker .track{display:flex;gap:56px;white-space:nowrap;animation:mq 34s linear infinite;width:max-content}
  @keyframes mq{to{transform:translateX(-50%)}}
  .ticker span{font-size:.66rem;letter-spacing:.4em;text-transform:uppercase;color:var(--mut);font-weight:500;display:flex;align-items:center;gap:56px}
  .ticker span::after{content:"◆";color:var(--gold);font-size:.5rem}

  /* metrics */
  .mband{display:flex;flex-wrap:wrap;border:1px solid var(--hair-2)}
  .mcell{flex:1 1 20%;min-width:150px;padding:44px 20px;text-align:center;border-left:1px solid var(--hair)}
  .mcell:first-child{border-left:none}
  .mcell .num{font-family:var(--fd);font-size:2.9rem;font-weight:700;color:var(--gold-2);line-height:1}
  .mcell .num .sfx{font-size:.55em;color:var(--champ)}
  .mcell .lbl{font-size:.6rem;letter-spacing:.3em;text-transform:uppercase;color:var(--faint);font-weight:600;margin-top:10px}

  /* pillars */
  .pillars{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--hair);border:1px solid var(--hair)}
  .pillar{background:var(--bg);padding:42px 30px;position:relative;transition:background .35s;min-width:0;overflow-wrap:anywhere}
  .pillar:hover{background:var(--panel)}
  .pillar .rn{font-family:var(--fd);font-size:1rem;color:var(--gold);letter-spacing:.14em;opacity:.9}
  .pillar h3{font-size:1.32rem;margin:14px 0 10px}
  .pillar p{font-size:.9rem;color:var(--mut)}

  /* ledger rows */
  .lrow{display:grid;grid-template-columns:150px 1fr auto;gap:34px;align-items:baseline;padding:34px 6px;border-bottom:1px solid var(--hair)}
  .lrow:first-child{border-top:1px solid var(--hair)}
  .lrow .tag{font-size:.62rem;letter-spacing:.3em;text-transform:uppercase;color:var(--gold-2);font-weight:600}
  .lrow h3{font-size:1.5rem}
  .lrow p{grid-column:2;color:var(--mut);font-size:.95rem;margin-top:2px}
  .lrow .who{font-size:.62rem;letter-spacing:.24em;text-transform:uppercase;color:var(--faint);font-weight:600;white-space:nowrap}

  /* tiers */
  .tiers{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;align-items:stretch}
  .tier{padding:46px 36px 42px;display:flex;flex-direction:column;text-align:center}
  .tier .tname{font-size:.72rem;letter-spacing:.44em;text-transform:uppercase;color:var(--gold-2);font-weight:600}
  .tier .tsub{font-family:var(--fd);font-style:italic;color:var(--mut);margin-top:8px;font-size:1.02rem}
  .tier .price{font-family:var(--fd);font-size:3.2rem;font-weight:700;color:var(--ivory);margin-top:26px;line-height:1}
  .tier .price small{font-size:.34em;color:var(--faint);font-family:var(--fb);font-weight:500;letter-spacing:.2em;text-transform:uppercase}
  .tier .per{font-size:.62rem;letter-spacing:.3em;text-transform:uppercase;color:var(--faint);margin-top:8px;font-weight:600}
  .tier ul{list-style:none;text-align:left;margin:32px 0 34px;flex:1}
  .tier li{padding:11px 0 11px 26px;border-bottom:1px solid var(--hair);font-size:.9rem;color:var(--ink);position:relative}
  .tier li::before{content:"✦";color:var(--gold);font-size:.72rem;position:absolute;left:2px;top:14px}
  .tier li.na{color:var(--faint)}
  .tier li.na::before{content:"—";color:var(--faint)}
  .tier li b{font-weight:600;color:var(--ivory)}
  .tier.top{border-color:var(--ox-hair);
    background:linear-gradient(180deg,rgba(142,40,54,.16),rgba(142,40,54,.03) 44%),var(--panel-2)}
  .tier.top .corner{border-color:var(--ox-2)}
  .tier.top::after{content:"";position:absolute;top:0;left:0;right:0;height:2px;z-index:2;
    background:linear-gradient(90deg,transparent,var(--ox-2) 22%,#B84B5A 50%,var(--ox-2) 78%,transparent)}
  .tier.feat{transform:translateY(-14px);background:linear-gradient(180deg,rgba(211,168,76,.09),rgba(211,168,76,.015) 46%),var(--panel-2);border-color:var(--gold-3)}
  .tier .flag{font-size:.56rem;letter-spacing:.34em;text-transform:uppercase;color:#141008;background:linear-gradient(115deg,#B98F3E,#E3C27C);font-weight:700;padding:7px 16px;display:inline-block;margin:0 auto 22px}
  .tier .seats{font-size:.6rem;letter-spacing:.3em;text-transform:uppercase;color:var(--red);font-weight:700;margin-bottom:22px;display:inline-block;border:1px solid rgba(124,34,46,.5);padding:7px 16px;background:rgba(124,34,46,.08);color:#D98A96}

  /* home: los tres grados, version corta */
  .minitiers{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--hair);border:1px solid var(--hair)}
  .mt{background:var(--bg);padding:42px 32px 34px;text-decoration:none;display:flex;flex-direction:column;
    position:relative;transition:background .35s,box-shadow .35s}
  .mt:hover{background:var(--panel)}
  .mt.feat{background:linear-gradient(180deg,rgba(211,168,76,.10),rgba(211,168,76,.02) 46%),var(--panel-2)}
  .mt.top{background:linear-gradient(180deg,rgba(142,40,54,.15),rgba(142,40,54,.02) 46%),var(--panel-2);
    box-shadow:inset 0 2px 0 var(--ox-2)}
  .mtflag{position:absolute;top:0;left:0;right:0;text-align:center;font-size:.52rem;letter-spacing:.32em;
    text-transform:uppercase;color:#141008;background:linear-gradient(115deg,#B98F3E,#E3C27C);font-weight:700;padding:6px 0}
  .mt.feat{padding-top:56px}
  .mtd{font-size:.62rem;letter-spacing:.34em;text-transform:uppercase;color:var(--gold-2);font-weight:700}
  .mtn{font-family:var(--fd);font-style:italic;font-size:1.05rem;color:var(--mut);margin-top:8px}
  .mtp{margin:20px 0 18px}
  .mtp b{display:block;font-family:var(--fd);font-size:2.6rem;font-weight:600;line-height:1;color:var(--ivory)}
  .mt.top .mtp b{background:linear-gradient(115deg,#B98F3E,#E9CE93 55%,#D3A84C);-webkit-background-clip:text;
    background-clip:text;-webkit-text-fill-color:transparent;color:var(--gold-2)}
  .mtp span{display:block;font-size:.56rem;letter-spacing:.26em;text-transform:uppercase;color:var(--faint);font-weight:600;margin-top:10px}
  .mt p{font-size:.92rem;color:var(--mut);line-height:1.75;flex:1}
  .mtl{display:block;margin-top:22px;font-size:.6rem;letter-spacing:.28em;text-transform:uppercase;
    color:var(--gold-2);font-weight:700}
  .mt:hover .mtl{color:var(--gold)}
  .mtnote{text-align:center;margin:30px auto 0;max-width:70ch;font-size:.84rem;color:var(--faint);line-height:1.8}
  .mtnote a{color:var(--gold-2)}
  @media(max-width:900px){.minitiers{grid-template-columns:1fr;max-width:520px;margin:0 auto}
    .mt{padding:34px 26px 30px}.mt.feat{padding-top:48px}}

  /* comparison table */
  .swipehint{display:none;font-size:.6rem;letter-spacing:.26em;text-transform:uppercase;color:var(--gold-2);font-weight:700;margin-bottom:12px}
  .twrap{overflow-x:auto;border:1px solid var(--hair-2);-webkit-overflow-scrolling:touch}
  table{width:100%;border-collapse:collapse;min-width:700px}
  th,td{padding:17px 20px;text-align:left;border-bottom:1px solid var(--hair);font-size:.88rem}
  thead th{font-size:.6rem;font-weight:700;letter-spacing:.22em;color:var(--faint);text-transform:uppercase;background:var(--panel)}
  thead th.gg{color:var(--gold-2)}
  td.c,th.c{text-align:center}
  .yes{color:var(--gold-2);font-weight:600}
  .no{color:var(--faint)}

  /* referral payout table - the money leads */
  .reftbl td,.reftbl th{padding:22px 20px}
  .reftbl tbody td:first-child{font-family:var(--fd);font-size:1.1rem;color:var(--ivory)}
  .reftbl td.dues{color:var(--mut);font-size:.92rem}
  .reftbl thead th.gg{background:linear-gradient(180deg,rgba(211,168,76,.15),rgba(211,168,76,.04));color:var(--gold-2)}
  .reftbl td.pay,.reftbl td.pay2{background:rgba(211,168,76,.045)}
  .reftbl td.pay b{display:inline-block;font-family:var(--fd);font-size:2.1rem;font-weight:600;line-height:1;
    background:linear-gradient(115deg,#B98F3E,#E9CE93 55%,#D3A84C);-webkit-background-clip:text;background-clip:text;
    -webkit-text-fill-color:transparent;color:var(--gold-2)}
  .reftbl td.pay2 b{display:inline-block;font-family:var(--fd);font-size:1.5rem;font-weight:600;line-height:1;color:var(--gold-2)}
  @media(max-width:640px){.reftbl td,.reftbl th{padding:18px 16px}.reftbl td.pay b{font-size:1.75rem}.reftbl td.pay2 b{font-size:1.3rem}}

  /* la sala te paga dos veces */
  .twice{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--hair);border:1px solid var(--hair);margin-top:8px}
  .tw{background:var(--bg);padding:38px 32px 34px}
  .tw i{font-style:normal;font-family:var(--fd);font-size:1.6rem;color:var(--gold);font-weight:700;
    display:block;line-height:1;opacity:.9;margin-bottom:16px}
  .tw h3{font-size:1.22rem;margin-bottom:12px;line-height:1.25}
  .tw p{font-size:.9rem;color:var(--mut);line-height:1.8}
  .twicenote{margin:34px auto 0;max-width:76ch;text-align:center;font-size:.88rem;
    color:var(--mut);line-height:1.85}
  .twicenote b{color:var(--gold-2)}
  @media(max-width:900px){.twice{grid-template-columns:1fr}.tw{padding:32px 26px}}

  /* allá afuera vs aquí adentro */
  .versus{border:1px solid var(--hair);margin-top:10px}
  .vhead,.vrow{display:grid;grid-template-columns:1fr 1fr}
  .vhead{border-bottom:1px solid var(--hair-2)}
  .vhead span{padding:16px 26px;font-size:.6rem;letter-spacing:.34em;text-transform:uppercase;font-weight:700}
  .vhead .vout{color:var(--faint)}
  .vhead .vin{color:var(--gold-2);background:linear-gradient(180deg,rgba(142,40,54,.18),rgba(142,40,54,.04))}
  .vrow{border-top:1px solid var(--hair)}
  .vrow:first-of-type{border-top:none}
  .vrow span{padding:20px 26px;font-size:.95rem;line-height:1.6;display:flex;align-items:center}
  .vrow .vout{color:var(--faint)}
  .vrow .vin{color:var(--ivory);font-weight:500;
    background:linear-gradient(180deg,rgba(142,40,54,.09),rgba(142,40,54,.02));
    box-shadow:inset 2px 0 0 var(--ox-2)}
  .vclose{margin:32px auto 0;max-width:74ch;text-align:center;font-size:.95rem;color:var(--mut);line-height:1.85}
  .vclose b{color:var(--ivory);font-weight:600}
  .vclose a{color:var(--gold-2);white-space:nowrap}
  @media(max-width:760px){
    .vhead{display:none}
    .vrow{grid-template-columns:1fr}
    .vrow span{padding:16px 20px;font-size:.9rem}
    .vrow .vout{border-bottom:1px solid var(--hair);font-size:.85rem}
    .vrow .vout::before{content:"\2715";color:var(--faint);margin-right:10px;font-size:.7rem}
    .vrow .vin::before{content:"\2726";color:var(--gold);margin-right:10px;font-size:.75rem}
  }

  /* carta del fundador */
  .letter{max-width:840px;margin:0 auto;padding:64px 62px 54px;
    background:linear-gradient(180deg,rgba(211,168,76,.07),transparent 42%),var(--panel)}
  .lseat{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap;margin-bottom:22px}
  .lseat span{font-family:var(--fd);font-size:1.5rem;color:var(--gold-2);line-height:1}
  .lseat b{font-size:.6rem;letter-spacing:.36em;text-transform:uppercase;color:var(--faint);font-weight:700}
  .letter h2{font-size:clamp(1.7rem,3.4vw,2.5rem);margin-bottom:26px}
  .lbody p{font-size:1.02rem;line-height:1.9;color:var(--ink);margin-bottom:20px;max-width:66ch}
  .lbody p:last-child{color:var(--ivory);font-weight:400}
  .lsign{display:flex;align-items:center;gap:22px;margin-top:38px;padding-top:28px;border-top:1px solid var(--hair)}
  .lcrest{height:52px;width:auto;flex:none;opacity:.92}
  .lsig{display:block;width:min(300px,66%);height:auto;opacity:.92;margin:34px 0 -6px -6px}
  @media(max-width:760px){.lsig{width:min(230px,74%);margin-top:26px}}
  .lname b{display:block;font-family:var(--fd);font-size:1.35rem;color:var(--ivory);font-weight:600;line-height:1.2}
  .lname span{display:block;font-size:.58rem;letter-spacing:.3em;text-transform:uppercase;color:var(--gold-2);font-weight:600;margin-top:6px}
  @media(max-width:760px){.letter{padding:40px 24px 34px}.lbody p{font-size:.96rem}.lsign{gap:16px}.lcrest{height:42px}}

  .a2hs{position:fixed;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));
    z-index:130;display:flex;align-items:flex-start;gap:12px;padding:14px 14px 14px 16px;
    background:var(--panel);border:1px solid var(--gold-3);
    box-shadow:0 18px 44px rgba(0,0,0,.6);animation:a2hsin .45s ease both}
  .a2hs p{margin:0;font-size:.84rem;line-height:1.55;color:var(--mut)}
  .a2hs b{color:var(--gold-2);font-weight:600}
  .a2hs button{flex:none;background:none;border:0;color:var(--faint);font-size:1rem;
    line-height:1;padding:4px 2px;cursor:pointer}
  .a2hs button:hover{color:var(--ivory)}
  @keyframes a2hsin{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
  @media(prefers-reduced-motion:reduce){.a2hs{animation:none}}
  @media(min-width:760px){.a2hs{display:none}}

  #rprog{position:fixed;top:0;left:0;height:2px;width:0;z-index:120;
    background:linear-gradient(90deg,var(--ox),var(--gold-3),var(--gold));
    box-shadow:0 0 10px rgba(211,168,76,.45);transition:width .12s linear;pointer-events:none}
  @media(prefers-reduced-motion:reduce){#rprog{transition:none}}

  .numsec{padding:64px 0 68px}
  @media(max-width:640px){.numsec{padding:44px 0 48px}}

  /* lo que sigue */
  .nextsec{padding:0 0 96px}
  .nextstep{display:block;max-width:760px;margin:0 auto;text-decoration:none;text-align:center;
    border:1px solid var(--hair-2);padding:44px 40px 38px;position:relative;
    background:linear-gradient(180deg,rgba(211,168,76,.06),transparent 60%),var(--panel);
    transition:border-color .35s,box-shadow .35s,transform .35s}
  .nextstep:hover{border-color:var(--gold-3);transform:translateY(-3px);box-shadow:0 18px 44px rgba(0,0,0,.45)}
  .nxs{font-family:var(--fd);font-size:.85rem;color:var(--gold-3);letter-spacing:.22em;margin-bottom:14px}
  .nxl{font-size:.58rem;letter-spacing:.38em;text-transform:uppercase;color:var(--faint);font-weight:700}
  .nextstep h3{font-family:var(--fd);font-size:clamp(1.5rem,3vw,2.1rem);color:var(--ivory);margin:12px 0 14px;font-weight:600}
  .nextstep p{font-size:.95rem;color:var(--mut);line-height:1.75;max-width:56ch;margin:0 auto}
  .nxgo{display:inline-block;margin-top:24px;font-size:.62rem;letter-spacing:.3em;text-transform:uppercase;
    color:var(--gold-2);font-weight:700;border-bottom:1px solid var(--hair-2);padding-bottom:6px}
  .nextstep:hover .nxgo{color:var(--gold);border-bottom-color:var(--gold)}
  @media(max-width:640px){.nextsec{padding-bottom:64px}.nextstep{padding:34px 24px 30px}}

  /* code of eight */
  .code{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--hair);border:1px solid var(--hair)}
  .codei{background:var(--bg);padding:34px 34px;display:grid;grid-template-columns:64px 1fr;gap:20px;align-items:baseline}
  .codei .n{font-family:var(--fd);font-size:2rem;color:var(--gold);font-weight:700;opacity:.85}
  .codei h3{font-size:1.2rem;margin-bottom:6px}
  .codei p{font-size:.88rem;color:var(--mut)}

  /* eco rows */
  .eco{border:1px solid var(--hair)}
  .ecoi{display:grid;grid-template-columns:210px 1fr auto;gap:30px;align-items:center;padding:28px 30px;border-bottom:1px solid var(--hair);transition:background .3s}
  .ecoi:last-child{border-bottom:none}
  .ecoi:hover{background:var(--panel)}
  .ecoi .nm{font-size:.78rem;letter-spacing:.3em;text-transform:uppercase;color:var(--gold-2);font-weight:600}
  .ecoi p{font-size:.9rem;color:var(--mut)}
  .ecoi .rl{font-size:.6rem;letter-spacing:.24em;text-transform:uppercase;color:var(--faint);font-weight:600;white-space:nowrap}

  /* steps */
  .steps{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--hair);border:1px solid var(--hair);counter-reset:st}
  .steps.six{grid-template-columns:repeat(3,1fr)}
  .step{background:var(--bg);padding:38px 28px;position:relative}
  .step::before{counter-increment:st;content:"0" counter(st);font-family:var(--fd);font-size:2.4rem;color:transparent;-webkit-text-stroke:1px rgba(211,168,76,.5);font-weight:700;display:block;line-height:1}
  .step h3{font-size:1.15rem;margin:14px 0 8px}
  .step p{font-size:.86rem;color:var(--mut)}

  /* progress bar */
  .pbar{position:fixed;top:0;left:0;height:2px;background:linear-gradient(90deg,#B98F3E,#E9CE93);z-index:1002;width:0;transition:width .1s linear;box-shadow:0 0 12px rgba(211,168,76,.5)}
  /* countdown */
  .cdown{display:flex;gap:0;justify-content:center;border:1px solid var(--hair-2);max-width:640px;margin:40px auto 0}
  .cd{flex:1;padding:26px 10px;text-align:center;border-left:1px solid var(--hair)}
  .cd:first-child{border-left:none}
  .cd b{font-family:var(--fd);font-size:2.6rem;font-weight:700;color:var(--gold-2);line-height:1;display:block;font-variant-numeric:tabular-nums}
  .cd span{font-size:.56rem;letter-spacing:.3em;text-transform:uppercase;color:var(--faint);font-weight:600;margin-top:8px;display:block}
  /* ledger — el muro de los 88 */
  .ledger{display:block}
  .wlbl{display:flex;align-items:baseline;justify-content:space-between;gap:16px;flex-wrap:wrap;
    padding-bottom:12px;margin-bottom:14px;border-bottom:1px solid var(--hair)}
  .wlbl.second{margin-top:44px}
  .wlbl b{font-size:.62rem;letter-spacing:.34em;text-transform:uppercase;color:var(--gold-2);font-weight:600}
  .wlbl s{text-decoration:none;font-size:.56rem;letter-spacing:.26em;text-transform:uppercase;color:var(--faint);font-weight:600}
  .wgrid{display:grid;grid-template-columns:repeat(8,1fr);gap:8px}
  .wc{min-height:152px;border:1px solid var(--hair);background:var(--panel);text-decoration:none;
    display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;
    padding:14px 10px;text-align:center;overflow:hidden}
  .wc .n{font-family:var(--fd);font-size:.82rem;color:var(--gold-3);letter-spacing:.08em;
    font-variant-numeric:tabular-nums;line-height:1}
  .wc:not(.fill) .n{font-size:1.25rem;color:var(--gold-3);opacity:.9}
  .wc:not(.fill){transition:border-color .3s,background .3s}
  .wc:not(.fill):not(.held):hover{border-color:var(--hair-2);background:var(--panel-2)}
  .wc.held{opacity:.62;background:linear-gradient(180deg,rgba(142,40,54,.10),transparent),var(--panel)}
  .wc.held .dia{color:var(--ox-2);font-size:.52rem;line-height:1}
  .wc.fill{border-color:var(--ox-hair);box-shadow:inset 0 2px 0 var(--ox-2);
    background:linear-gradient(180deg,rgba(142,40,54,.17),transparent 64%),var(--panel-2)}
  .wc.fill .n{color:var(--gold-2)}
  a.wc.fill{transition:border-color .3s,box-shadow .3s,transform .3s}
  a.wc.fill:hover{border-color:var(--ox-2);transform:translateY(-2px);
    box-shadow:inset 0 2px 0 var(--ox-2),0 0 26px rgba(142,40,54,.32)}
  .wmark{display:flex;align-items:center;justify-content:center;width:100%;height:46px;margin:2px 0;flex:none}
  .wmark img{max-height:46px;max-width:76%;width:auto;object-fit:contain;opacity:.94;
    filter:grayscale(.24) saturate(.92);transition:filter .35s,opacity .35s}
  a.wc.fill:hover .wmark img{filter:none;opacity:1}
  .wmark.word{font-family:var(--fd);font-size:.92rem;color:var(--gold-2);line-height:1.15;
    display:flex;align-items:center;justify-content:center;padding:0 2px}
  .wc .who{font-size:.68rem;color:var(--ivory);font-weight:600;line-height:1.25;letter-spacing:.02em}
  .wc .co{font-size:.5rem;letter-spacing:.16em;text-transform:uppercase;color:var(--gold-2);font-weight:600;line-height:1.3}
  .wc .role{font-size:.5rem;letter-spacing:.12em;text-transform:uppercase;color:var(--faint);font-weight:500;line-height:1.3}
  @media(max-width:1080px){.wgrid{grid-template-columns:repeat(6,1fr)}}
  @media(max-width:700px){.wgrid{grid-template-columns:repeat(4,1fr);gap:5px}
    .wc{padding:9px 6px;gap:3px;min-height:104px}
    .wc:not(.fill) .n{font-size:.92rem}
    .wc .n{font-size:.6rem}
    .wmark{height:32px}.wmark img{max-height:32px;max-width:82%}
    .wmark.word{font-size:.66rem}
    .wc .who{font-size:.54rem;line-height:1.2}
    .wc .co{display:none}.wc .role{display:none}
    .wlbl b{letter-spacing:.2em;font-size:.56rem}.wlbl s{font-size:.5rem}}

  /* eight chairs */
  .chairs{display:flex;gap:14px;justify-content:center;margin-top:34px;flex-wrap:wrap}
  .chair{width:44px;height:44px;border:1px solid var(--hair-2);transform:rotate(45deg);display:grid;place-items:center;position:relative}
  .chair i{width:22px;height:22px;border:1px solid var(--hair);display:block}
  .chair.lit{border-color:var(--gold);box-shadow:0 0 22px rgba(211,168,76,.35)}
  .chair.lit i{background:linear-gradient(135deg,#B98F3E,#E9CE93)}
  .chairnames{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:22px}
  .chairnames:empty{display:none}
  .cn{display:flex;flex-direction:column;align-items:center;gap:3px;text-decoration:none;
    border:1px solid var(--ox-hair);background:linear-gradient(180deg,rgba(142,40,54,.16),transparent),var(--panel-2);
    padding:12px 20px;transition:border-color .3s,box-shadow .3s}
  a.cn:hover{border-color:var(--ox-2);box-shadow:0 0 24px rgba(142,40,54,.28)}
  .cnlogo{display:flex;align-items:center;justify-content:center;margin:4px 0 2px}
  .cnlogo img{height:46px;width:auto;max-width:110px;object-fit:contain;opacity:.94;
    filter:grayscale(.22) saturate(.92);transition:filter .35s,opacity .35s}
  a.cn:hover .cnlogo img{filter:none;opacity:1}
  .cn .cn-no{font-family:var(--fd);font-size:.74rem;color:var(--gold-2);letter-spacing:.1em}
  .cn b{font-size:.82rem;color:var(--ivory);font-weight:600;letter-spacing:.03em}
  .cn i{font-style:normal;font-size:.58rem;letter-spacing:.2em;text-transform:uppercase;color:var(--faint);font-weight:600}
  .chairtruth{text-align:center;max-width:56ch;margin:18px auto 0;font-size:.82rem;
    color:var(--mut);line-height:1.7}
  .chairslbl{text-align:center;font-size:.6rem;letter-spacing:.34em;text-transform:uppercase;color:var(--faint);font-weight:600;margin-top:20px}
  /* creed */
  .creed{max-width:700px;margin:0 auto;padding:60px 54px;text-align:center}
  .creed p{font-family:var(--fd);font-size:1.35rem;font-style:italic;color:var(--ivory);line-height:2;font-weight:500}
  .creed p b{color:var(--gold-2);font-weight:600}
  .creed .sig8{font-family:var(--fd);font-size:2rem;margin-top:26px;background:linear-gradient(115deg,#B98F3E,#E9CE93 55%,#D3A84C);-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:700}
  /* easter egg */
  .egg{position:fixed;inset:0;z-index:2000;background:rgba(6,5,4,.97);display:none;align-items:center;justify-content:center;text-align:center;cursor:pointer}
  .egg.on{display:flex;animation:fadein 1.2s ease}
  .egg h3{font-family:var(--fd);font-size:clamp(1.6rem,4vw,2.6rem);font-style:italic;font-weight:500;color:var(--ivory);max-width:640px;padding:0 30px;line-height:1.5}
  .egg h3 b{background:linear-gradient(115deg,#B98F3E,#E9CE93 55%,#D3A84C);-webkit-background-clip:text;background-clip:text;color:transparent}
  @media(max-width:640px){.cd b{font-size:1.7rem}.creed{padding:44px 26px}.creed p{font-size:1.1rem}}
  /* pyramid */
  .pyr{display:flex;flex-direction:column;align-items:center;gap:14px}
  .pyr .lvl{border:1px solid var(--hair-2);background:linear-gradient(180deg,rgba(211,168,76,.06),rgba(211,168,76,.01)),var(--panel);text-align:center;padding:26px 30px;position:relative}
  .pyr .lvl.l3{border-color:var(--ox-hair);
    background:linear-gradient(180deg,rgba(142,40,54,.30),rgba(110,29,40,.10)),var(--panel-2);
    box-shadow:0 0 40px rgba(142,40,54,.28)}
  .pyr .lvl b{font-family:var(--fd);font-size:2rem;color:var(--gold-2);display:block;line-height:1}
  .pyr .lvl span{font-size:.6rem;letter-spacing:.32em;text-transform:uppercase;color:var(--faint);font-weight:600;display:block;margin-top:8px}
  .pyr .l1{width:min(640px,100%)}
  .pyr .l2{width:min(440px,88%)}
  .pyr .l3{width:min(280px,70%);border-color:var(--gold)}
  .pyr .l3 b{background:linear-gradient(115deg,#B98F3E,#E9CE93 55%,#D3A84C);-webkit-background-clip:text;background-clip:text;color:transparent}
  .eight{border:1px solid var(--gold);background:radial-gradient(ellipse 60% 100% at 50% 0%,rgba(211,168,76,.12),transparent 70%),var(--panel-2);padding:56px 44px;text-align:center;position:relative;overflow:hidden}
  .eight::before{content:"8";position:absolute;top:50%;left:50%;transform:translate(-50%,-52%);font-family:var(--fd);font-size:20rem;color:var(--gold);opacity:.05;font-weight:700;line-height:1}
  .eight h3{font-size:clamp(1.7rem,3.4vw,2.4rem)}
  .eight p{color:var(--mut);max-width:560px;margin:16px auto 0}
  .eight .n8{font-size:.62rem;letter-spacing:.5em;text-transform:uppercase;color:var(--gold-2);font-weight:700}

  /* faq */
  .faq details{border:1px solid var(--hair);background:var(--panel);margin-bottom:14px}
  .faq summary{cursor:pointer;list-style:none;padding:24px 28px;font-family:var(--fd);font-size:1.2rem;color:var(--ivory);display:flex;justify-content:space-between;align-items:center;gap:20px}
  .faq summary::-webkit-details-marker{display:none}
  .faq summary::after{content:"+";font-family:var(--fb);color:var(--gold);font-size:1.3rem;font-weight:300;transition:transform .3s}
  .faq details[open] summary::after{transform:rotate(45deg)}
  .faq .a{padding:0 28px 26px;color:var(--mut);font-size:.94rem;max-width:820px}

  /* form */
  .fgrid2{display:grid;grid-template-columns:1fr 1fr;gap:26px 30px}
  .field{display:flex;flex-direction:column;gap:9px;min-width:0}
  .fhint{font-size:.78rem;color:var(--mut);line-height:1.65;margin-top:2px}
  .fhint b{color:var(--gold-2)}
  .nocharge{border-left:2px solid var(--gold-3);padding-left:14px}
  .fgrid2>*{min-width:0}
  .fields>*{min-width:0}
  .field.full{grid-column:1/-1}
  .field label{font-size:.6rem;letter-spacing:.3em;text-transform:uppercase;color:var(--gold-2);font-weight:600}
  .field input,.field select,.field textarea{background:transparent;border:none;border-bottom:1px solid var(--hair-2);color:var(--ivory);font-family:var(--fb);font-size:1rem;font-weight:300;padding:10px 2px;outline:none;transition:border-color .3s;border-radius:0;-webkit-appearance:none}
  .field select{cursor:pointer}
  .field select option{background:#14110B;color:var(--ivory)}
  .field input:focus,.field select:focus,.field textarea:focus{border-bottom-color:var(--gold)}
  .field textarea{resize:vertical;min-height:110px}
  .assent{font-size:.8rem;line-height:1.75;color:var(--mut);margin-top:28px;max-width:74ch;
    border-left:2px solid var(--gold-3);padding:14px 0 14px 18px;background:rgba(211,168,76,.04)}
  .assent a{color:var(--gold-2)}
  .assent b{color:var(--ivory);font-weight:600}
  .fnote{font-size:.78rem;color:var(--faint);margin-top:18px;max-width:640px}
  .okmsg{display:none;border:1px solid var(--hair-2);background:var(--panel);padding:26px 30px;margin-top:26px;color:var(--gold-2);font-size:.95rem}
  .okmsg.errmsg{border-color:rgba(124,34,46,.55);background:rgba(124,34,46,.10);color:#E7BCC2}
  .okmsg.errmsg a{color:var(--gold-2);font-weight:600}

  /* banner cta */
  .banner{padding:74px 60px;text-align:center;position:relative}
  .banner h2{font-size:clamp(1.9rem,3.8vw,2.9rem)}
  .banner p{color:var(--mut);margin-top:14px;max-width:560px;margin-left:auto;margin-right:auto}
  .banner .btns{display:flex;gap:20px;justify-content:center;margin-top:36px;flex-wrap:wrap}

  /* footer */
  .sfoot{border-top:1px solid var(--hair);background:var(--bg-2);padding:80px 0 40px}
  .fgrid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:50px}
  .fbrand p{color:var(--mut);font-size:.9rem;margin-top:18px;max-width:300px}
  .fcol h5{font-size:.62rem;letter-spacing:.34em;text-transform:uppercase;color:var(--gold-2);font-weight:700;margin-bottom:20px}
  .fcol a{display:block;color:var(--mut);text-decoration:none;font-size:.9rem;padding:6px 0;transition:color .3s}
  .fcol a:hover{color:var(--gold-2)}
  .fine{border-top:1px solid var(--hair);margin-top:60px;padding-top:30px;font-size:.72rem;color:var(--faint);line-height:1.8}
  .fbot{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-top:26px;font-size:.78rem;color:var(--faint)}
  .fbot a{color:var(--faint);text-decoration:none;margin-right:22px}
  .fbot a:hover{color:var(--gold-2)}
  .vmark{opacity:.4;font-size:.62rem}

  /* legal */
  .legal .wrap{max-width:860px}
  .legal h2{font-size:1.5rem;margin:44px 0 14px}
  .legal p,.legal li{color:var(--mut);font-size:.94rem}
  .legal ul{padding-left:22px;margin:10px 0}
  .legal .upd{font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:var(--faint)}

  /* reveals */
  .reveal{opacity:0;transform:translateY(28px);transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1)}
  .reveal.in{opacity:1;transform:none}
  .reveal.d1{transition-delay:.12s}.reveal.d2{transition-delay:.24s}.reveal.d3{transition-delay:.36s}

  .stickycta{display:none}
  /* en la pagina de aplicar el boton fijo estorba: el formulario YA es el CTA */
  body[data-page="apply"] .stickycta{display:none!important}
  @media(max-width:700px){
    .stickycta{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:1001;
      flex-direction:column;align-items:center;justify-content:center;gap:3px;
      padding:13px 18px calc(13px + env(safe-area-inset-bottom));text-decoration:none;
      background:linear-gradient(115deg,#B98F3E,#E9CE93 55%,#D3A84C);color:#141008;
      font-size:.72rem;letter-spacing:.26em;text-transform:uppercase;font-weight:700;
      box-shadow:0 -10px 30px rgba(0,0,0,.55)}
    .stickycta i{font-style:normal;font-size:.54rem;letter-spacing:.18em;font-weight:600;opacity:.78}
    body{padding-bottom:64px}
    .mmenu.open ~ .stickycta,.stickycta:has(~ .mmenu.open){display:none}
  }

  /* ============ RESPONSIVE ============ */
  /* banda apretada: 6 items de nav + botones */
  .tb-cta .btn.solid{white-space:nowrap}
  @media(min-width:1081px) and (max-width:1519px){
    .memberbtn .mlabel{display:none}
    .memberbtn{padding-left:12px;padding-right:12px}
  }
  @media(min-width:1081px) and (max-width:1339px){
    .tnav{gap:18px}
    .tnav a{font-size:.6rem;letter-spacing:.14em}
  }
  @media(min-width:1081px) and (max-width:1199px){
    .tnav{gap:13px}
    .tnav a{font-size:.56rem;letter-spacing:.09em}
  }
  @media(max-width:1080px){
    .sec{padding:88px 0}
    .phead{padding:168px 0 74px}
    .tnav{display:none}
    .tb-cta .btn{display:none}
    .hamburger{display:flex}
    .pillars{grid-template-columns:repeat(2,1fr)}
    .steps,.steps.six{grid-template-columns:repeat(2,1fr)}
    .tiers{grid-template-columns:1fr;max-width:520px;margin:0 auto}
    .tier.feat{transform:none}
    .fgrid{grid-template-columns:1fr 1fr}
    .swipehint{display:block}
    .code{grid-template-columns:1fr}
  }
  @media(max-width:640px){
    .wrap{padding:0 22px}
    .sec{padding:72px 0}
    .tb-in{padding:0 20px;height:74px}
    .bname b{font-size:1.05rem;letter-spacing:.24em}
    .bname span{font-size:.46rem;letter-spacing:.3em}
    .crest{width:42px;height:42px}
    .pillars{grid-template-columns:1fr}
    .pillar{padding:30px 22px}
    .steps,.steps.six{grid-template-columns:1fr}
    .lrow{grid-template-columns:1fr;gap:6px}
    .lrow .who{display:none}
    .ecoi{grid-template-columns:1fr;gap:8px}
    .ecoi .rl{display:none}
    .fgrid{grid-template-columns:1fr}
    .fgrid2{grid-template-columns:1fr}
    .frame[style]{padding:34px 20px!important}
    .field input,.field select,.field textarea{max-width:100%}
    .mcell{flex:1 1 50%;border-bottom:1px solid var(--hair)}
    .banner{padding:54px 26px}
    .hero .marks span{flex:1 1 100%;border-left:none;border-bottom:1px solid var(--hair)}
    .btn{white-space:normal;text-align:center}
    .codei{padding:26px 22px;grid-template-columns:48px 1fr}
    .wm{display:none}
    .phead{padding:150px 0 66px}
  }

  /* ============ CONSENT ============ */
  .consent{display:flex;gap:14px;align-items:flex-start;margin-top:34px;cursor:pointer}
  .consent input{appearance:none;-webkit-appearance:none;width:18px;height:18px;flex:0 0 18px;margin-top:3px;border:1px solid var(--hair-2);background:transparent;cursor:pointer;position:relative}
  .consent input:checked{border-color:var(--gold);background:linear-gradient(115deg,#B98F3E,#E3C27C)}
  .consent input:checked::after{content:"";position:absolute;left:5px;top:1px;width:5px;height:10px;border:solid #141008;border-width:0 2px 2px 0;transform:rotate(45deg)}
  .consent span{font-size:.78rem;color:var(--mut);line-height:1.7}

  .field .hint{font-size:.72rem;color:var(--faint);letter-spacing:.02em;margin-top:2px}
  .field textarea:invalid:not(:placeholder-shown){border-bottom-color:rgba(124,34,46,.7)}

  /* ============ FILM GRAIN (Grok concept) ============ */
  .grain{pointer-events:none;position:fixed;inset:0;z-index:900;opacity:.035;mix-blend-mode:soft-light;
    background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/></filter><rect width='100%25' height='100%25' filter='url(%23n)' opacity='0.55'/></svg>")}
  @media(prefers-reduced-motion:reduce){.ticker .track{animation:none}}

  /* ============ PHOTOGRAPHIC HERO ============ */
  .hero.photo{min-height:100svh;display:flex;flex-direction:column;justify-content:flex-end;align-items:stretch;
    text-align:left;padding:150px 0 76px;background:var(--bg)}
  .hero.photo::before,.hero.photo::after{display:none}
  .hero.photo .heroimg{position:absolute;left:0;right:0;top:84px;width:100%;height:calc(100% - 84px);object-fit:cover;object-position:center 16%;z-index:0}
  .hero.photo .scrim{position:absolute;inset:0;z-index:1;
    background:linear-gradient(to top,rgba(7,7,6,.97) 0%,rgba(7,7,6,.62) 30%,rgba(7,7,6,.20) 60%,rgba(7,7,6,.34) 100%),
               linear-gradient(to right,rgba(7,7,6,.78) 0%,rgba(7,7,6,.30) 42%,rgba(7,7,6,0) 68%)}
  .hero.photo .wrap{z-index:2;width:100%}
  .hero.photo .kick{justify-content:flex-start}
  .hero.photo h1{font-size:clamp(2.05rem,5.2vw,4.2rem);line-height:1.04;margin:26px 0 0;max-width:16ch;font-weight:500}
  .hero.photo h1 .goldtx{display:block}
  .hero.photo .sub{margin:26px 0 0;max-width:34rem;font-size:1.03rem}
  .hero.photo .h-ctas{justify-content:flex-start;margin-top:38px}
  .hero.photo .marks{justify-content:flex-start;margin-top:34px}
  .hero.photo .marks span:first-child{padding-left:0}
  @media(max-width:900px){
    .hero.photo{padding:96px 0 40px;min-height:100svh}
    .hero.photo .heroimg{top:74px;height:calc(100% - 74px);object-position:center 12%}
    .hero.photo .scrim{background:linear-gradient(to top,rgba(7,7,6,.985) 0%,rgba(7,7,6,.93) 30%,rgba(7,7,6,.58) 56%,rgba(7,7,6,.10) 78%,rgba(7,7,6,.30) 100%)}
    .hero.photo h1{max-width:none;font-size:clamp(1.95rem,8.4vw,2.9rem);margin-top:18px}
    .hero.photo .sub{font-size:.95rem;margin-top:18px}
    .hero.photo .h-ctas{margin-top:26px;gap:12px}
    .hero.photo .h-ctas .btn{width:100%}
    .hero.photo .marks{margin-top:24px;gap:0}
    .hero.photo .marks span{flex:0 0 auto;padding:6px 14px 6px 0;border-left:none;border-bottom:none;font-size:.55rem;letter-spacing:.22em}
    .hero.photo .kick{font-size:.58rem;letter-spacing:.3em}
    .hero.photo .kick::before,.hero.photo .kick::after{display:none}
  }
  /* wide screens: the doorway (and the logo carved above it) sits to the right of the copy,
     so the headline never runs into the wordmark in the photograph */
  @media(min-width:901px){
    .hero.photo .heroimg{left:auto;right:0;width:68%;object-position:center 16%;
      -webkit-mask-image:linear-gradient(to right,transparent 0,rgba(0,0,0,.4) 12%,#000 36%);
              mask-image:linear-gradient(to right,transparent 0,rgba(0,0,0,.4) 12%,#000 36%)}
    .hero.photo .scrim{
      background:linear-gradient(to top,rgba(7,7,6,.94) 0%,rgba(7,7,6,.55) 34%,rgba(7,7,6,.16) 64%,rgba(7,7,6,.32) 100%),
                 linear-gradient(to right,rgba(7,7,6,.93) 0%,rgba(7,7,6,.72) 26%,rgba(7,7,6,.22) 52%,rgba(7,7,6,0) 74%)}
    .hero.photo .wrap{max-width:1340px}
    .hero.photo h1{max-width:13ch}
    .hero.photo .sub{max-width:31rem}
  }
  /* the narrow end of the desktop range: tighten the copy so it still clears the photograph */
  @media(min-width:901px) and (max-width:1179px){
    .hero.photo .heroimg{width:58%}
    .hero.photo h1{font-size:clamp(2rem,4.15vw,2.9rem);max-width:12ch}
    .hero.photo .sub{max-width:27rem;font-size:.98rem}
    .hero.photo .marks span{padding:10px 16px;font-size:.55rem;letter-spacing:.24em}
  }

  /* ============ PHOTOGRAPHIC SECTIONS ============ */
  .sec.photo{position:relative;background:transparent}
  .sec.photo>.bgimg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;opacity:1}
  .sec.photo>.bgtint{position:absolute;inset:0;z-index:1;background:radial-gradient(ellipse 70% 55% at 50% 12%,rgba(211,168,76,.10),transparent 60%),linear-gradient(to bottom,rgba(7,7,6,.90),rgba(7,7,6,.58) 34%,rgba(7,7,6,.58) 66%,rgba(7,7,6,.92))}
  .sec.photo.soft>.bgtint{background:linear-gradient(to bottom,rgba(7,7,6,.88),rgba(7,7,6,.52) 45%,rgba(7,7,6,.90))}
  .sec.photo>.wm{z-index:2}
  .phead.photo{position:relative;background:transparent}
  .phead.photo>.bgimg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;opacity:1}
  .phead.photo>.bgtint{position:absolute;inset:0;z-index:1;
    background:linear-gradient(to bottom,rgba(7,7,6,.88),rgba(7,7,6,.62) 50%,rgba(7,7,6,.97))}

  /* ============ LANGUAGE TOGGLE ============ */
  .langbtn{background:transparent;border:1px solid var(--hair-2);color:var(--gold-2);font-family:var(--fb);
    font-weight:600;font-size:.62rem;letter-spacing:.24em;text-transform:uppercase;padding:12px 14px;cursor:pointer;
    min-width:46px;transition:border-color .3s,color .3s}
  .langbtn:hover{border-color:var(--gold);color:var(--ivory)}
  .mmenu .langbtn{width:100%;margin-top:18px;padding:16px}
  .langbtn i{font-style:normal;opacity:.40;transition:opacity .3s,color .3s}
  .langbtn i.on{opacity:1;color:var(--ivory)}
  .langbtn s{text-decoration:none;opacity:.30;margin:0 6px;font-weight:300}
  .langbtn{letter-spacing:.18em;padding:12px 13px;min-width:0;white-space:nowrap}

  /* ============ MEMBERS' ENTRANCE ============ */
  .memberbtn{display:inline-flex;align-items:center;gap:9px;background:transparent;
    border:1px solid var(--hair-2);color:var(--gold-2);font-family:var(--fb);font-weight:600;
    font-size:.62rem;letter-spacing:.24em;text-transform:uppercase;padding:12px 16px;
    text-decoration:none;white-space:nowrap;transition:border-color .3s,color .3s}
  .memberbtn:hover{border-color:var(--gold);color:var(--ivory)}
  .memberbtn svg{width:12px;height:12px;flex:0 0 auto;display:block}
  @media(max-width:760px){.memberbtn{padding:12px 13px}.memberbtn .mlabel{display:none}}
  .mmenu .memberbtn{width:100%;justify-content:center;margin-top:18px;padding:16px}

  .mentry{max-width:430px;margin:0 auto}
  .mentry .lockmark{width:54px;height:54px;margin:0 auto 26px;border:1px solid var(--gold);
    display:grid;place-items:center;position:relative}
  .mentry .lockmark::before{content:"";position:absolute;inset:4px;border:1px solid var(--hair)}
  .mentry .lockmark svg{width:20px;height:20px;color:var(--gold-2)}
  .mentry h2{font-size:clamp(1.7rem,3.4vw,2.3rem);text-align:center}
  .mentry .rule{margin:20px auto 0}
  .mentry .fields{display:grid;gap:26px;margin-top:36px}
  .mentry .btn{width:100%;margin-top:32px}
  .mentry .mfoot{text-align:center;margin-top:22px;font-size:.78rem;color:var(--faint)}
  .mentry .mfoot a{color:var(--gold-2);text-decoration:none;border-bottom:1px solid var(--hair-2)}
  .mentry .mfoot a:hover{border-bottom-color:var(--gold)}
  .mnote{margin-top:30px;border:1px solid var(--hair-2);
    background:linear-gradient(180deg,rgba(211,168,76,.07),rgba(211,168,76,.01)),var(--panel);
    padding:24px 26px;text-align:center}
  .mnote b{display:block;font-size:.6rem;letter-spacing:.3em;text-transform:uppercase;
    color:var(--gold-2);font-weight:600;margin-bottom:9px}
  .mnote p{font-size:.9rem;color:var(--mut);line-height:1.65}
  /* ---- contador de asientos ---- */
  .seatnow{max-width:640px;margin:18px auto 0;border:1px solid var(--hair-2);border-top:none;
    background:linear-gradient(180deg,rgba(211,168,76,.07),transparent),var(--panel);padding:24px 26px 22px;text-align:center}
  .seatnow b{font-family:var(--fd);font-size:2.6rem;font-weight:700;color:var(--gold-2);line-height:1;
    display:block;font-variant-numeric:tabular-nums}
  .seatnow span{display:block;font-size:.56rem;letter-spacing:.3em;text-transform:uppercase;
    color:var(--faint);font-weight:600;margin-top:10px}
  .seatbar{height:3px;background:rgba(211,168,76,.14);margin-top:16px;overflow:hidden}
  .seatbar i{display:block;height:100%;width:0;background:linear-gradient(90deg,#B98F3E,#EBD199);transition:width 1s ease}
  @media(max-width:640px){.seatnow b{font-size:2rem}}

  /* ---- bloque de referidos ---- */
  .refblock{text-align:center;padding:56px 44px;
    background:linear-gradient(180deg,rgba(211,168,76,.07),transparent 55%),var(--panel)}
  .refpay{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--hair);
    border:1px solid var(--hair);margin-top:34px}
  .refpay div{background:var(--bg);padding:26px 14px}
  .refpay b{display:block;font-family:var(--fd);font-size:2.4rem;color:var(--ivory);font-weight:600;
    line-height:1;font-variant-numeric:tabular-nums}
  .refpay span{display:block;font-size:.56rem;letter-spacing:.26em;text-transform:uppercase;
    color:var(--faint);font-weight:600;margin-top:11px}
  .refpay i{display:block;font-style:normal;font-family:var(--fd);font-size:1.15rem;color:var(--champ);
    margin-top:9px;padding-top:9px;border-top:1px solid var(--hair);font-variant-numeric:tabular-nums}
  .refpay .big i{color:var(--gold-2)}
  .refpay .big{background:linear-gradient(180deg,rgba(211,168,76,.12),transparent),var(--panel-2)}
  .refpay .big b{background:linear-gradient(115deg,#B98F3E,#E9CE93 55%,#D3A84C);
    -webkit-background-clip:text;background-clip:text;color:transparent}
  .refpay .big span{color:var(--gold-2)}
  @media(max-width:640px){.refblock{padding:44px 24px}.refpay{grid-template-columns:1fr}}

  /* ---- beneficios de los fundadores ---- */
  .chben{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1px;background:var(--hair);
    border:1px solid var(--hair);margin-top:8px}
  .cb1{background:var(--bg);padding:26px 24px}
  .cb1 i{font-style:normal;font-family:var(--fd);font-size:.9rem;color:var(--gold-3);display:block;margin-bottom:10px;letter-spacing:.1em}
  .cb1 b{display:block;font-family:var(--fd);font-size:1.14rem;color:var(--ivory);font-weight:600;line-height:1.3}
  .cb1 span{display:block;font-size:.8rem;color:var(--mut);margin-top:9px;line-height:1.6}

  /* ---- calendario del primer ano ---- */
  .cal{max-width:640px;margin:34px auto 0;border:1px solid var(--hair-2);background:rgba(7,7,6,.5)}
  .calh{font-size:.56rem;letter-spacing:.32em;text-transform:uppercase;color:var(--gold-2);font-weight:600;
    text-align:center;padding:16px 12px 14px;border-bottom:1px solid var(--hair)}
  .calrow{display:grid;grid-template-columns:132px 1fr;gap:18px;padding:16px 22px;border-bottom:1px solid var(--hair);align-items:baseline}
  .calrow:last-of-type{border-bottom:none}
  .cwhen{font-family:var(--fd);font-size:.92rem;color:var(--faint);white-space:nowrap;font-variant-numeric:tabular-nums}
  .cwhat b{display:block;font-family:var(--fd);font-size:1.12rem;color:var(--ink);font-weight:600;line-height:1.25}
  .cwhat span{display:block;font-size:.72rem;color:var(--faint);margin-top:4px;line-height:1.5}
  .calrow.lit{background:linear-gradient(90deg,rgba(142,40,54,.20),rgba(142,40,54,.03) 62%,transparent);
    box-shadow:inset 3px 0 0 var(--ox-2)}
  .calrow.lit .cwhen,.calrow.gold .cwhen{color:var(--gold-2)}
  .calrow.lit .cwhat b{color:var(--ivory)}
  .calrow.gold .cwhat b{background:linear-gradient(115deg,#B98F3E,#E9CE93 55%,#D3A84C);
    -webkit-background-clip:text;background-clip:text;color:transparent}
  .calnote{padding:18px 22px 20px;border-top:1px solid var(--hair);text-align:center}
  .calnote b{display:block;font-family:var(--fd);font-size:1.12rem;font-weight:600;
    background:linear-gradient(115deg,#B98F3E,#E9CE93 55%,#D3A84C);
    -webkit-background-clip:text;background-clip:text;color:transparent;letter-spacing:.02em}
  .calnote span{display:block;font-size:.72rem;color:var(--faint);line-height:1.6;margin-top:8px}
  @media(max-width:560px){.calrow{grid-template-columns:1fr;gap:6px;padding:15px 18px}.calnote{padding:14px 18px 16px}}

  /* ---- directorio del capitulo ---- */
  .dgrid{margin-top:40px}
  .dgrid-in{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}
  .dgrid-in.feat{grid-template-columns:repeat(auto-fill,minmax(330px,1fr))}
  .dband{font-size:.58rem;letter-spacing:.34em;text-transform:uppercase;color:var(--gold-2);font-weight:600;
    text-align:center;margin-bottom:20px;display:flex;align-items:center;gap:18px}
  .dband::before,.dband::after{content:"";flex:1;height:1px;background:var(--hair)}
  .dband.alt{color:var(--faint);margin-top:52px}
  .dcard.feat{border-color:var(--gold-3);
    background:linear-gradient(180deg,rgba(211,168,76,.10),rgba(211,168,76,.01)),var(--panel-2)}
  .dlogo{max-height:44px;max-width:150px;width:auto;object-fit:contain;align-self:flex-start;margin:2px 0 4px}
  .dabout{font-size:.86rem;color:var(--mut);line-height:1.65;margin-top:4px}
  .dlook{border-left:2px solid var(--gold);background:rgba(211,168,76,.06);padding:12px 16px;margin-top:6px;
    font-size:.85rem;color:var(--ink);line-height:1.55}
  .dlook b{display:block;font-size:.52rem;letter-spacing:.28em;text-transform:uppercase;color:var(--gold-2);
    font-weight:600;margin-bottom:6px}
  .dinside{margin-top:44px;border:1px solid var(--hair-2);background:linear-gradient(180deg,rgba(211,168,76,.06),transparent),var(--panel);
    padding:30px 34px;text-align:center;font-size:.88rem;color:var(--mut);line-height:1.8;max-width:80ch;margin-inline:auto}
  .dinside b{display:block;font-family:var(--fd);font-size:1.3rem;color:var(--gold-2);margin-bottom:10px;font-weight:600}
  .dcontact{display:flex;flex-direction:column;gap:9px;margin-top:8px;align-items:flex-start}
  .dcard{border:1px solid var(--hair-2);background:linear-gradient(180deg,rgba(211,168,76,.05),transparent),var(--panel);
    padding:28px 26px;display:flex;flex-direction:column;gap:9px}
  .dcard:hover{border-color:var(--gold-3)}
  .dseat{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}
  .dseat span{font-family:var(--fd);font-size:1.1rem;color:var(--gold-3);font-variant-numeric:tabular-nums}
  .dseat i{font-style:normal;font-size:.55rem;letter-spacing:.24em;text-transform:uppercase;color:var(--faint);font-weight:600}
  .dcard h3{font-size:1.22rem;font-weight:600;line-height:1.25;margin-top:2px}
  .dwho{font-size:.86rem;color:var(--gold-2);letter-spacing:.02em}
  .dmeta{font-size:.8rem;color:var(--mut)}
  .dlink{font-size:.74rem;letter-spacing:.06em;color:var(--ivory);text-decoration:none;
    border-bottom:1px solid var(--hair-2);align-self:flex-start;padding-bottom:3px;word-break:break-word}
  .dlink:hover{color:var(--gold-2);border-bottom-color:var(--gold)}
  .dempty{grid-column:1/-1;border:1px solid var(--hair);background:var(--panel);padding:46px 34px;
    text-align:center;color:var(--mut);font-size:.95rem;line-height:1.7}
  .dnote{margin-top:34px;text-align:center;font-size:.78rem;color:var(--faint);line-height:1.7;max-width:64ch;margin-inline:auto}

  .mmsg{margin-top:16px;border-left:2px solid var(--gold);background:rgba(211,168,76,.06);
    padding:18px 22px;font-size:.88rem;color:var(--ink);line-height:1.65}
  .mhall{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--hair);
    border:1px solid var(--hair);margin-top:56px}
  .mhall div{background:var(--bg);padding:30px 22px;text-align:center}
  .mhall b{display:block;font-family:var(--fd);font-size:1.15rem;color:var(--ivory);font-weight:600}
  .mhall span{display:block;font-size:.72rem;color:var(--faint);margin-top:8px;line-height:1.6}
  @media(max-width:700px){.mhall{grid-template-columns:1fr}}

  /* avisos legales del programa de referidos: deben leerse */
  #page-referrals .sec .wrap > p[style*="font-size:.78rem"],
  #page-referrals .sec .wrap > p[style*="font-size:.8rem"]{font-size:.88rem!important;color:var(--mut)!important}
  .refblock p[style*="font-size:.82rem"]{font-size:.88rem!important;color:var(--mut)!important}