/* INKA ROLEPLAY — identidad visual local 2026 */
:root {
  --bg-main: #101012;
  --bg-surface: #171619;
  --bg-card: #1b1a1d;
  --bg-card-hover: #242226;
  --gold-primary: #e5b552;
  --gold-hover: #f0ca78;
  --gold-bright: #ffe2a0;
  --gold-dark: #8f6728;
  --gold-glow: rgba(220, 171, 83, .2);
  --gold-glow-intense: rgba(231, 187, 103, .38);
  --text-main: #f4f0e8;
  --text-muted: #b2b7ae;
  --text-dim: #7e8980;
  --border-subtle: rgba(219, 208, 178, .13);
  --border-card: rgba(219, 208, 178, .13);
  --border-gold: rgba(229, 181, 82, .38);
  --border-gold-bright: rgba(240, 202, 120, .75);
  --transition-fast: .2s cubic-bezier(.2,.7,.2,1);
  --transition-smooth: .45s cubic-bezier(.2,.7,.2,1);
  --inka-night: #0d0c0f;
  --inka-paper: #e5dfd1;
}

html { scroll-padding-top: 6rem; }
body { background: var(--bg-main) !important; color: var(--text-main); }
body::before {
  content: ""; position: fixed; inset: 0; z-index: -2; pointer-events: none;
  background: radial-gradient(ellipse at 50% 8%, rgba(113,80,42,.18), transparent 48%),
    linear-gradient(180deg, #111013, #101012 38%, #151316 72%, #0d0c0f);
}
::selection { background: rgba(229,181,82,.78) !important; color: #10130f !important; }
::-webkit-scrollbar-track { background: #101012; }
::-webkit-scrollbar-thumb { background: #4c554b; }
::-webkit-scrollbar-thumb:hover { background: var(--gold-primary); }
h1,h2,h3,h4,.font-heading { font-family: 'Rajdhani','Montserrat',sans-serif; letter-spacing: -.015em; }
a,button { -webkit-tap-highlight-color: transparent; }
a:focus-visible, button:focus-visible { outline: 2px solid var(--gold-bright); outline-offset: 4px; }

.bg-mesh-overlay { position: fixed; inset: 0; z-index: -1; opacity: .32;
  background-image: linear-gradient(135deg, rgba(229,181,82,.025) 25%, transparent 25%),
    radial-gradient(ellipse at 50% 100%, rgba(135,99,59,.1), transparent 55%);
  background-size: 36px 36px, auto; }
.inka-embers { position: fixed; inset: 0; z-index: 1; width: 100%; height: 100%; pointer-events: none; opacity: .54; }

/* Barra y acciones: acabado de metal mate y luz cálida */
.navbar-fixed { background: rgba(13,12,15,.82); border-bottom: 1px solid rgba(229,181,82,.16); backdrop-filter: blur(18px); }
.navbar-scrolled { background: rgba(13,12,15,.97); border-bottom-color: rgba(229,181,82,.28); box-shadow: 0 12px 34px rgba(0,0,0,.32); }
.navbar-fixed nav a { transition: color .2s ease, transform .2s ease; }
.navbar-fixed nav a:hover { color: var(--gold-bright) !important; transform: translateY(-1px); }
.btn-inka-primary,.btn-inka-outline {
  color: #17160f !important; background: linear-gradient(120deg,#f0cf86,#d5a64b 58%,#bd8c35) !important;
  border: 1px solid rgba(255,228,168,.68) !important; border-radius: 5px 16px 5px 16px !important;
  box-shadow: 0 8px 24px rgba(184,133,48,.16), inset 0 1px rgba(255,255,255,.45) !important;
  font-family: 'Rajdhani','Montserrat',sans-serif !important; font-weight: 800 !important;
  letter-spacing: .075em; transition: transform .24s ease, filter .24s ease, box-shadow .24s ease !important;
}
.btn-inka-primary:hover,.btn-inka-outline:hover { transform: translateY(-2px) !important; filter: brightness(1.08); box-shadow: 0 12px 30px rgba(184,133,48,.27) !important; }
.btn-inka-secondary { color: #e7e5e1 !important; background: rgba(28,26,29,.9) !important; border: 1px solid rgba(192,181,164,.24) !important; border-radius: 5px 14px 5px 14px !important; }
.btn-inka-secondary:hover { color: var(--gold-bright) !important; background: rgba(48,41,36,.92) !important; border-color: rgba(229,181,82,.5) !important; }
#mobile-drawer { background: rgba(13,12,15,.98) !important; border-color: rgba(229,181,82,.2) !important; }

/* Portada */
.inka-hero { min-height: min(900px,100svh); padding: 8.5rem 1.5rem 6.5rem; isolation: isolate; }
.inka-hero__backdrop { position:absolute; inset:0; z-index:-1; background:
  linear-gradient(90deg,rgba(10,9,12,.98) 0%,rgba(10,9,12,.9) 40%,rgba(10,9,12,.25) 100%),
  linear-gradient(0deg,#101012 0%,transparent 35%),
  url('../images/gta-scenic-mountain.jpg') center 48%/cover; opacity:.84; transform:scale(1.015); }
.inka-hero__grid { position:absolute; inset:0; z-index:-1; opacity:.14; background-image:linear-gradient(rgba(230,207,157,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(230,207,157,.12) 1px,transparent 1px); background-size:74px 74px; mask-image:linear-gradient(90deg,transparent,black 60%,transparent); }
.inka-hero__shell { width:min(1240px,100%); margin:0 auto; display:grid; grid-template-columns:1.05fr .95fr; gap:clamp(2rem,6vw,6rem); align-items:center; position:relative; z-index:2; }
.inka-hero__copy { max-width:650px; }
.inka-hero__eyebrow,.inka-kicker { display:inline-flex; align-items:center; gap:.7rem; color:#dfc58f; text-transform:uppercase; letter-spacing:.16em; font-size:.72rem; font-weight:700; }
.inka-hero__eyebrow-mark { color:var(--gold-bright); }
.inka-hero__status { display:flex; align-items:center; flex-wrap:wrap; gap:.6rem; margin:2rem 0 1.25rem; padding:.6rem .8rem; width:max-content; max-width:100%; border:1px solid rgba(215,211,185,.17); border-radius:2px 12px 2px 12px; background:rgba(14,13,15,.78); color:#c0bdb6; font-size:.68rem; letter-spacing:.09em; }
.inka-hero__status strong { color:#f1d799; }
.inka-hero__status-separator { width:1px; height:15px; background:rgba(229,181,82,.35); margin:0 .25rem; }
.inka-hero__title { margin:0; line-height:.92; text-transform:uppercase; }
.inka-hero__title>span { display:block; color:#d5d2c8; font-size:clamp(1.2rem,2vw,1.75rem); font-weight:600; letter-spacing:.04em; margin-bottom:.6rem; }
.inka-hero__title strong { display:block; font-family:'Rajdhani','Montserrat',sans-serif; font-size:clamp(4rem,9vw,8.5rem); font-weight:900; letter-spacing:-.045em; color:#f4f0e8; text-shadow:0 5px 30px rgba(0,0,0,.5); }
.inka-hero__title em { color:#e5b552; font-style:normal; }
.inka-hero__lead { max-width:560px; margin:1.6rem 0 0; color:#c0c5bb; font-size:clamp(1rem,1.5vw,1.18rem); line-height:1.8; }
.inka-hero__actions { display:flex; flex-wrap:wrap; gap:.9rem; margin-top:2rem; }
.inka-cta-main { min-height:54px; padding-inline:1.35rem !important; }
.inka-cta-icon { font-size:.72rem; }
.inka-cta-arrow { margin-left:.5rem; font-size:1.05rem; }
.inka-connect-card { display:flex; align-items:center; gap:.9rem; margin-top:1.7rem; padding:.75rem; width:min(470px,100%); border:1px solid rgba(229,181,82,.22); border-left:3px solid #c99a48; border-radius:2px 14px 2px 14px; background:linear-gradient(110deg,rgba(33,28,27,.96),rgba(14,13,15,.92)); }
.inka-connect-card__icon { display:grid; place-items:center; width:38px; height:38px; color:#e5c47d; border:1px solid rgba(229,181,82,.2); background:rgba(229,181,82,.07); }
.inka-connect-card__text { display:flex; flex:1; min-width:0; flex-direction:column; font-size:.65rem; color:#bcb8b0; letter-spacing:.1em; }
.inka-connect-card__text strong { color:#f2e5c4; font-family:monospace; font-size:.85rem; letter-spacing:0; overflow:hidden; text-overflow:ellipsis; }
.inka-copy-button { display:flex; gap:.5rem; align-items:center; color:#ead7a7; background:transparent; border:1px solid rgba(229,181,82,.3); padding:.55rem .7rem; cursor:pointer; font:700 .7rem 'Rajdhani',sans-serif; transition:.2s; }
.inka-copy-button:hover { background:rgba(229,181,82,.12); border-color:var(--gold-primary); }
.inka-hero__visual { position:relative; min-height:clamp(330px,43vw,560px); display:grid; place-items:center; }
.inka-hero__visual-glow { position:absolute; width:76%; aspect-ratio:1; border-radius:50%; background:radial-gradient(circle,rgba(188,139,61,.25),rgba(113,80,51,.12) 42%,transparent 70%); filter:blur(12px); animation:inka-glow 7s ease-in-out infinite alternate; }
.inka-hero__orbit { position:absolute; border:1px solid rgba(231,205,145,.28); border-radius:50%; transform:rotate(-28deg); }
.inka-hero__orbit--outer { width:min(95%,520px); aspect-ratio:1.15; border-left-color:rgba(231,205,145,.04); border-right-color:rgba(231,205,145,.5); animation:inka-orbit 38s linear infinite; }
.inka-hero__orbit--inner { width:min(75%,410px); aspect-ratio:1; border-style:dashed; opacity:.55; animation:inka-orbit 55s linear infinite reverse; }
.inka-hero__crest { position:relative; display:grid; place-items:center; width:clamp(190px,25vw,310px); aspect-ratio:1; border-radius:50%; background:radial-gradient(circle,rgba(22,39,30,.92),rgba(9,15,13,.24) 68%,transparent 69%); filter:drop-shadow(0 0 36px rgba(219,169,76,.25)); animation:inka-float 6s ease-in-out infinite; }
.inka-hero__crest::before,.inka-hero__crest::after { content:""; position:absolute; inset:8%; border:1px solid rgba(224,191,121,.35); border-radius:50%; clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%); }
.inka-hero__crest::after { inset:16%; transform:rotate(45deg); opacity:.55; }
.inka-hero__crest img { width:76%; height:76%; object-fit:contain; position:relative; z-index:1; filter:drop-shadow(0 15px 28px rgba(0,0,0,.55)); }
.inka-hero__visual-label { position:absolute; display:flex; justify-content:space-between; width:min(92%,520px); color:#c9bb98; font:700 .61rem 'Rajdhani',sans-serif; letter-spacing:.17em; }
.inka-hero__visual-label--top { top:10%; }.inka-hero__visual-label--bottom { bottom:10%; }
.inka-hero__coordinates { position:absolute; right:0; top:45%; color:rgba(232,211,165,.68); font:600 .7rem/1.6 monospace; letter-spacing:.1em; }
.inka-hero__scroll { position:absolute; bottom:2rem; left:50%; transform:translateX(-50%); display:flex; flex-direction:column; align-items:center; gap:.4rem; color:#c7b88f; font-size:.65rem; letter-spacing:.14em; text-transform:uppercase; z-index:3; }
.inka-hero__scroll span:last-child { font-size:1.2rem; animation:inka-nudge 1.5s ease-in-out infinite; }
.tocapu-divider { height:12px; background-size:auto 100%; opacity:.32; filter:sepia(.6); }

/* Encabezados, métricas y sistemas */
.inka-section-heading { text-align:center; max-width:760px; margin:0 auto 3rem; }
.inka-section-heading .inka-kicker { justify-content:center; margin-bottom:.65rem; }
.inka-kicker span { display:inline-block; width:22px; height:1px; background:var(--gold-primary); }
.inka-section-heading h2 { color:#f1eee6; text-transform:uppercase; font-size:clamp(2.5rem,5.3vw,4.6rem); line-height:.96; font-weight:800; }
.inka-section-heading h2 em { color:#ddb256; font-style:normal; }
.inka-section-heading p { color:#aab3a9; margin:1rem auto 0; max-width:620px; font-size:1rem; line-height:1.75; }
.inka-systems { padding-top:7.5rem !important; padding-bottom:7.5rem !important; }
.inka-systems__layout { display:grid; grid-template-columns:1.12fr .88fr; grid-template-rows:repeat(2,minmax(260px,1fr)); gap:1rem; }
.inka-system-card { position:relative; isolation:isolate; min-height:260px; overflow:hidden; border:1px solid rgba(223,211,177,.17); background:#181619; border-radius:3px 22px 3px 22px; }
.inka-system-card--lead { grid-row:span 2; min-height:540px; }
.inka-system-card--wide { display:none; }
.inka-system-card>img { position:absolute; inset:0; z-index:-2; width:100%; height:100%; object-fit:cover; filter:saturate(.72); transition:transform .8s cubic-bezier(.2,.7,.2,1),filter .6s; }
.inka-system-card:hover>img { transform:scale(1.045); filter:saturate(.95); }
.inka-system-card__shade { position:absolute; inset:0; z-index:-1; background:linear-gradient(0deg,rgba(8,7,9,.96),rgba(8,7,9,.3) 68%,rgba(8,7,9,.08)),linear-gradient(90deg,rgba(10,9,11,.45),transparent); }
.inka-system-card__content { position:absolute; inset:auto 0 0; padding:clamp(1.2rem,3vw,2rem); }
.inka-system-card__index { display:block; color:rgba(229,181,82,.85); font:700 .66rem 'Rajdhani',sans-serif; letter-spacing:.18em; margin-bottom:.9rem; }
.inka-system-card__tag { display:inline-flex; color:#e9d8ab; border:1px solid rgba(229,181,82,.42); background:rgba(12,21,16,.55); padding:.28rem .55rem; font-size:.62rem; letter-spacing:.1em; text-transform:uppercase; }
.inka-system-card h3 { color:#f5f0e5; font-size:clamp(1.55rem,2.4vw,2.4rem); line-height:1.05; margin:.8rem 0 .55rem; max-width:550px; }
.inka-system-card p { color:#c4c7bd; font-size:.88rem; line-height:1.7; max-width:540px; }
.inka-system-card__meta { display:flex; flex-wrap:wrap; gap:.55rem; margin-top:1.2rem; }
.inka-system-card__meta span { color:#c4c8bd; border-top:1px solid rgba(229,181,82,.4); padding:.4rem .65rem 0 0; font-size:.67rem; }
.relative.z-20.-mt-6>div { background:rgba(24,21,23,.94) !important; border:1px solid rgba(229,181,82,.24) !important; border-radius:3px 20px 3px 20px !important; box-shadow:0 24px 65px rgba(0,0,0,.32) !important; }

/* Tienda, facciones y guía */
#tienda { background:linear-gradient(180deg,rgba(24,21,23,.82),rgba(13,12,15,.96)) !important; }
#tienda h2 { font-size:clamp(2.4rem,5vw,4.2rem) !important; line-height:.98; }
#tienda h2 span { color:#ddb256 !important; }
.store-item-card,.chamfered-card,.inka-card { background:linear-gradient(145deg,rgba(35,31,33,.96),rgba(18,17,20,.98)) !important; border:1px solid rgba(216,205,177,.15) !important; border-radius:3px 20px 3px 20px !important; clip-path:none !important; box-shadow:0 12px 36px rgba(0,0,0,.16); transition:transform .3s ease,border-color .3s ease,background .3s ease,box-shadow .3s ease !important; }
.store-item-card:hover,.chamfered-card:hover,.inka-card:hover { border-color:rgba(229,181,82,.43) !important; background:linear-gradient(145deg,rgba(48,41,38,.98),rgba(21,19,21,.99)) !important; transform:translateY(-4px); box-shadow:0 20px 45px rgba(0,0,0,.27) !important; }
.store-item-card { cursor:default !important; }
#tienda .store-item-card img { filter:saturate(.76); }
#facciones { background:linear-gradient(180deg,rgba(15,14,17,.95),rgba(27,23,24,.88)) !important; }
.faction-tab-btn { border-radius:3px 13px 3px 13px !important; background:rgba(31,28,31,.88) !important; border-color:rgba(219,208,178,.17) !important; color:#c0c6bb !important; }
.faction-tab-btn:hover { border-color:rgba(229,181,82,.48) !important; color:#f3e6c5 !important; }
.faction-tab-btn.active { background:rgba(203,157,70,.15) !important; border-color:#d5aa59 !important; color:#f0cf86 !important; box-shadow:inset 3px 0 #e5b552 !important; }
#como-jugar { background:linear-gradient(180deg,rgba(24,21,23,.94),rgba(13,12,15,.98)) !important; }
#como-jugar .inka-card { min-height:275px; }
#como-jugar .inka-card .w-10.h-10 { border-radius:3px 12px 3px 12px !important; background:linear-gradient(140deg,#e9c878,#b88d43) !important; color:#151710 !important; }
.fivem-install-preview { border-color:rgba(229,181,82,.2) !important; background:rgba(5,12,9,.63) !important; }
.fivem-install-preview__runner { background:linear-gradient(90deg,#9b7336,#eac773,#fff0bd) !important; }

/* Pie, modal, toast */
footer { background:#0c0b0e !important; border-color:rgba(229,181,82,.16) !important; }
footer h4 { color:#e8d5a5 !important; letter-spacing:.12em; }
footer a:hover { color:#f0cf86 !important; }
.inka-modal-content { background:#111a16 !important; border:1px solid rgba(229,181,82,.36) !important; border-radius:3px 22px 3px 22px !important; box-shadow:0 28px 80px rgba(0,0,0,.6) !important; }
.inka-modal-backdrop { background:rgba(3,8,6,.84) !important; }
.inka-modal-content [class*="bg-zinc-900"] { background:rgba(22,33,27,.85) !important; border-color:rgba(219,208,178,.12) !important; }
.inka-toast { background:#142019 !important; border-color:#d0a752 !important; border-radius:3px 14px 3px 14px !important; }

/* Normativa: apartados editables cuando llegue el contenido oficial */
.inka-rules-section { background:linear-gradient(180deg,rgba(14,13,16,.98),rgba(25,21,22,.96)); }
.inka-rules-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.85rem; max-width:1000px; margin:0 auto; }
.inka-rule-card { color:#f1eee6; background:linear-gradient(135deg,rgba(35,31,33,.95),rgba(18,17,20,.98)); border:1px solid rgba(219,208,178,.15); border-radius:3px 18px 3px 18px; overflow:hidden; transition:border-color .25s,background .25s; }
.inka-rule-card[open],.inka-rule-card:hover { border-color:rgba(229,181,82,.44); }
.inka-rule-card summary { display:flex; align-items:center; gap:1rem; padding:1.1rem 1.25rem; cursor:pointer; list-style:none; }
.inka-rule-card summary::-webkit-details-marker { display:none; }
.inka-rule-card__number { color:#d7ad59; font:800 1.1rem 'Rajdhani',sans-serif; letter-spacing:.08em; }
.inka-rule-card__copy { flex:1; display:flex; flex-direction:column; gap:.18rem; }
.inka-rule-card__copy strong { font:700 1.02rem 'Rajdhani',sans-serif; }
.inka-rule-card__copy small { color:#aaa69d; font-size:.76rem; }
.inka-rule-card__toggle { display:grid; place-items:center; width:28px; height:28px; color:#e5b552; border:1px solid rgba(229,181,82,.26); border-radius:50%; transition:transform .2s; }
.inka-rule-card[open] .inka-rule-card__toggle { transform:rotate(45deg); }
.inka-rule-card__body { color:#bbb7af; padding:0 1.25rem 1.2rem 3.55rem; font-size:.86rem; line-height:1.7; }
.inka-rules-footer { display:flex; align-items:center; justify-content:center; gap:1rem; flex-wrap:wrap; margin-top:1.5rem; color:#aaa69d; font-size:.82rem; }
.inka-rules-footer p { margin:0; }

/* El dorado marca estados activos sin cambiar su lógica ni sus eventos. */
.status-pulse-dot,.status-pulse-dot::after { background-color:#e5b552 !important; }
.inka-hero #server-status-text.text-emerald-400 { color:#e5b552 !important; }
.faction-tab-btn .text-emerald-400 { color:#ddb256 !important; }
.relative.z-20.-mt-6 .text-emerald-400,.relative.z-20.-mt-6 .text-cyan-400 { color:#e5b552 !important; }
.relative.z-20.-mt-6 [class*="bg-emerald-500/10"],.relative.z-20.-mt-6 [class*="border-emerald-500/30"],.relative.z-20.-mt-6 [class*="bg-cyan-500/10"],.relative.z-20.-mt-6 [class*="border-cyan-500/30"] { background-color:rgba(229,181,82,.08) !important; border-color:rgba(229,181,82,.26) !important; }
#tienda .text-emerald-400 { color:#d8b15e !important; }
.inka-server-card { min-height:142px; }
.inka-server-card__track { height:4px; overflow:hidden; margin-top:.6rem; background:rgba(255,255,255,.1); border-radius:999px; }
.inka-server-card__track span { display:block; width:0; height:100%; background:linear-gradient(90deg,#a67934,#e5b552); border-radius:inherit; transition:width .5s ease; }
.inka-server-card__play { display:flex; align-items:center; justify-content:space-between; gap:.8rem; color:#1a1711; background:linear-gradient(120deg,#f0cf86,#d5a64b); border:1px solid rgba(255,228,168,.55); border-radius:3px 12px 3px 12px; padding:.52rem .7rem; font:800 .72rem 'Rajdhani',sans-serif; letter-spacing:.08em; transition:filter .2s,transform .2s; }
.inka-server-card__play:hover { filter:brightness(1.08); transform:translateY(-1px); }

/* Aparición discreta al desplazarse */
.inka-reveal { opacity:0; transform:translateY(18px); transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1); }
.inka-reveal.is-visible { opacity:1; transform:translateY(0); }
@keyframes inka-float { 0%,100% { transform:translateY(0) rotate(-1deg); } 50% { transform:translateY(-11px) rotate(1deg); } }
@keyframes inka-orbit { to { transform:rotate(332deg); } }
@keyframes inka-glow { from { opacity:.55; transform:scale(.96); } to { opacity:1; transform:scale(1.05); } }
@keyframes inka-nudge { 0%,100% { transform:translateY(0); } 50% { transform:translateY(5px); } }

@media (min-width:1100px) { .inka-systems__layout { grid-template-columns:1fr 1fr 1fr; grid-template-rows:290px 250px; }
  .inka-system-card--lead { grid-column:span 2; grid-row:auto; min-height:0; }
  .inka-system-card--compact { min-height:0; }
  .inka-system-card--wide { display:block; grid-column:span 2; min-height:0; }
}
@media (max-width:900px) { .inka-hero__shell { grid-template-columns:1fr; gap:.5rem; }.inka-hero__copy { margin:auto; text-align:center; }.inka-hero__lead { margin-inline:auto; }.inka-hero__status { margin-inline:auto; justify-content:center; }.inka-hero__actions { justify-content:center; }.inka-connect-card { margin-inline:auto; text-align:left; }.inka-hero__visual { min-height:330px; }.inka-hero__coordinates { right:6%; } }
@media (max-width:640px) { .inka-hero { min-height:auto; padding:7.5rem 1rem 5.5rem; }.inka-hero__title strong { font-size:clamp(3.6rem,17vw,6rem); }.inka-hero__eyebrow { justify-content:center; font-size:.62rem; letter-spacing:.1em; }.inka-hero__status { font-size:.57rem; gap:.4rem; }.inka-hero__visual { min-height:280px; }.inka-hero__visual-label { font-size:.52rem; }.inka-copy-button { font-size:0; }.inka-copy-button span:last-child { font-size:.9rem; }.inka-section-heading { margin-bottom:2rem; }.inka-systems__layout { grid-template-columns:1fr; grid-template-rows:auto; }.inka-system-card--lead { grid-row:auto; min-height:400px; }.inka-system-card--compact { min-height:300px; }.inka-system-card--wide { display:block; min-height:300px; }.relative.z-20.-mt-6>div { padding:1rem !important; }.relative.z-20.-mt-6 .grid { gap:.75rem; }.relative.z-20.-mt-6 .grid>div { padding:.6rem 0 !important; }.relative.z-20.-mt-6 .w-12.h-12 { width:2.5rem !important; height:2.5rem !important; } }
@media (max-width:640px) { .inka-rules-grid { grid-template-columns:1fr; }.inka-rules-footer { flex-direction:column; text-align:center; } }
@media (prefers-reduced-motion:reduce) { *,*::before,*::after { scroll-behavior:auto !important; animation-duration:.01ms !important; animation-iteration-count:1 !important; transition-duration:.01ms !important; }.inka-reveal { opacity:1; transform:none; } }

/* Guía visual de entrada: tres pasos ilustrados, sin progreso ficticio. */
.inka-join-section { padding:clamp(4.5rem,8vw,7rem) 0; background:linear-gradient(180deg,#111013 0%,#171417 52%,#100f12 100%); }
.inka-join-heading { max-width:760px; margin:0 auto 2.4rem; text-align:center; }
.inka-join-kicker { display:inline-flex; color:#e5b552; font:800 .72rem Rajdhani,sans-serif; letter-spacing:.22em; }
.inka-join-heading h2 { margin:.65rem 0 .5rem; color:#f4f0e8; font:900 clamp(2.2rem,5vw,3.6rem)/1 Rajdhani,sans-serif; text-transform:uppercase; }
.inka-join-heading h2 span { color:#e5b552; }
.inka-join-heading p { margin:0; color:#aaa69d; font-size:.98rem; }
.inka-join-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1.15rem; }
.inka-join-card { position:relative; display:flex; min-height:440px; flex-direction:column; overflow:hidden; isolation:isolate; padding:1.35rem; border:1px solid rgba(229,181,82,.17); border-radius:4px 22px 4px 22px; background:#1a1719; box-shadow:0 18px 48px rgba(0,0,0,.28); }
.inka-join-card__image,.inka-join-card__shade { position:absolute; z-index:-1; inset:0; width:100%; height:100%; }
.inka-join-card__image { object-fit:cover; object-position:center; opacity:.68; transition:transform .65s cubic-bezier(.2,.7,.2,1),opacity .35s; }
.inka-join-card:hover .inka-join-card__image { transform:scale(1.045); opacity:.82; }
.inka-join-card__shade { background:linear-gradient(180deg,rgba(10,9,11,.76) 0%,rgba(10,9,11,.48) 40%,rgba(10,9,11,.94) 100%); }
.inka-join-card--accent { border-color:rgba(229,181,82,.48); }
.inka-join-card--accent .inka-join-card__shade { background:linear-gradient(180deg,rgba(24,16,15,.82),rgba(38,20,12,.4) 48%,rgba(12,10,11,.96)); }
.inka-join-card__top { display:flex; align-items:center; gap:.8rem; }
.inka-join-card__number { display:grid; width:3.1rem; height:3.1rem; place-items:center; border:1px solid rgba(229,181,82,.62); border-radius:12px; background:rgba(18,17,19,.72); color:#f3d27f; font:800 1.25rem Rajdhani,sans-serif; }
.inka-join-card__tag { color:#eee8db; font:700 .66rem Rajdhani,sans-serif; letter-spacing:.16em; text-shadow:0 2px 8px #000; }
.inka-join-card__content { position:relative; z-index:1; margin-top:auto; padding-top:5rem; }
.inka-join-card__content h3 { margin:0 0 .6rem; color:#fff; font:800 clamp(1.8rem,3vw,2.35rem)/1.05 Rajdhani,sans-serif; }
.inka-join-card__content p { max-width:28rem; margin:0; color:#e2ded6; font-size:.9rem; line-height:1.55; text-shadow:0 2px 9px rgba(0,0,0,.75); }
.inka-join-platforms { display:flex; flex-wrap:wrap; gap:.5rem; margin-top:1.15rem; }
.inka-join-platforms span { padding:.38rem .58rem; border:1px solid rgba(255,255,255,.18); border-radius:8px; background:rgba(18,17,19,.62); color:#eee8db; font:700 .62rem Rajdhani,sans-serif; letter-spacing:.08em; }
.inka-join-action { display:inline-flex; align-items:center; justify-content:center; gap:.55rem; margin-top:1.05rem; padding:.8rem 1.15rem; border:1px solid #f0c75c; border-radius:11px; background:linear-gradient(135deg,#f2cf78,#d9a83f); box-shadow:0 8px 24px rgba(201,147,48,.22); color:#17130b; font:800 .86rem Rajdhani,sans-serif; text-decoration:none; transition:transform .2s,filter .2s; }
.inka-join-action:hover { transform:translateY(-2px); filter:brightness(1.08); }
.inka-join-install { display:flex; align-items:center; gap:.7rem; margin-top:1.1rem; padding:.7rem .85rem; border:1px solid rgba(255,255,255,.16); border-radius:13px; background:rgba(16,14,15,.72); color:#fff; font:700 .85rem Rajdhani,sans-serif; backdrop-filter:blur(10px); }
.inka-join-install small { display:block; margin-top:.1rem; color:#bcb5aa; font:400 .68rem Inter,sans-serif; }
.inka-join-install__mark { display:grid; width:2.2rem; height:2.2rem; place-items:center; border-radius:9px; background:#e5b552; color:#17130b; font:900 1.2rem Rajdhani,sans-serif; }
.inka-join-code { display:flex; align-items:center; justify-content:space-between; gap:.6rem; margin-top:.75rem; padding:.52rem .65rem; border:1px solid rgba(255,255,255,.15); border-radius:10px; background:rgba(12,11,13,.72); color:#e8dfc9; }
.inka-join-code code { overflow:hidden; color:#e5b552; font-size:.73rem; text-overflow:ellipsis; white-space:nowrap; }
.inka-join-code button { flex:none; border:0; background:transparent; color:#eee8db; font:700 .7rem Rajdhani,sans-serif; cursor:pointer; }
.inka-join-code button:hover { color:#f4cf73; }
.inka-join-help { display:flex; align-items:center; justify-content:center; gap:.7rem; flex-wrap:wrap; margin-top:1.5rem; color:#a8a198; font-size:.8rem; }
.inka-join-help a { color:#e5b552; text-decoration:none; }
.inka-join-help a:hover { color:#ffe2a0; text-decoration:underline; }
@media(max-width:900px) { .inka-join-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.inka-join-card:last-child { grid-column:1/-1; min-height:390px; } }
@media(max-width:600px) { .inka-join-grid { grid-template-columns:1fr; gap:.85rem; }.inka-join-card,.inka-join-card:last-child { grid-column:auto; min-height:400px; padding:1.1rem; }.inka-join-card__content { padding-top:3.5rem; }.inka-join-heading { margin-bottom:1.6rem; }.inka-join-help { gap:.5rem; text-align:center; } }