/* Identidad GANAFACILRD · negro y dorado oficial.
   Se carga al final para compartir la paleta en todos los recorridos públicos. */
:root{
  color-scheme:dark;
  --text:#f5f3ee;--text-hover:#f4d689;--accent:#e9b949;--accent-text:#edc66c;
  --surface:#141413;--surface-soft:#0b0b0a;--ink:#080808;--ink-2:#141413;
  --ink-3:#141413;--ink-4:#24231f;--line:#302c22;
  --gold:#edc66c;--gold-hi:#f5f3ee;--gold-deep:#e9b949;
  --bone:#f5f3ee;--muted:#b5b2aa;--ok:#34d399;--alert:#fda4af;
  --shadow:0 12px 32px #00000033;
  --display:"Inter","Segoe UI",Arial,sans-serif;
  --body:"Inter","Segoe UI",Arial,sans-serif;
  --blue:#e9b949;--blue-deep:#d7a333;--emerald:#10b981;--cyan:#f4d689;
  --ease-out:cubic-bezier(.16,1,.3,1);
}
html,body{background:var(--ink)}
h1,h2,h3{font-weight:700;letter-spacing:-.025em}
a{color:var(--text)}a:hover{color:var(--text-hover)}
:focus-visible{outline-color:var(--text-hover)}
::selection{background:#473b1c;color:var(--text)}
.site-loading{color:var(--muted)}
.topbar{background:var(--text);color:#141413;letter-spacing:.08em;border-bottom:2px solid var(--accent)}
.hdr{background:#0b0b0ae8;box-shadow:0 3px 16px #00000022}
.brand{color:var(--text)}.brand b{font-weight:800}.brand b i{color:var(--text)}
.brand img{border-radius:9px;background:#141413;width:54px;height:54px}
.nav a,.nav button{color:var(--text)}
.nav a:hover,.nav button:hover{color:var(--accent-text)}
.btn-gold{background:var(--text);color:#141413;box-shadow:0 4px 12px #e9b94933;border-color:var(--text)}
.btn-gold:hover{background:var(--text-hover);color:#141413;filter:none}
.btn-ghost{background:#141413;color:var(--text)}
.btn-ghost:hover{background:var(--surface-soft);border-color:var(--text);color:var(--text)}
.hero-logo{filter:none;border-radius:16px;background:#141413}
.catalogue-heading h1{font-family:var(--display);font-weight:750;font-size:clamp(30px,3.5vw,46px)}
.catalogue-heading h1 span{color:var(--text);text-decoration:underline;text-decoration-color:var(--accent);text-decoration-thickness:3px;text-underline-offset:8px}
.catalogue-heading .eyebrow{color:var(--accent-text)}
.catalogue-heading .hero-logo{width:114px;height:114px;box-shadow:var(--shadow)}
.raffle-card{background:var(--surface);border-color:var(--line);box-shadow:var(--shadow)}
.raffle-card:hover{border-color:#e9b94980;box-shadow:0 15px 35px #e9b9491a}
.raffle-cover-box{background:#141413;border-bottom:1px solid var(--line)}
.raffle-no-cover{background:#141413;gap:6px}
.raffle-no-cover img{width:66%;height:78%;object-fit:contain}
.raffle-no-cover span{color:var(--muted);font-size:9px;letter-spacing:2px}
.raffle-badge{background:#292315;color:#f4d689;border-color:#534321;box-shadow:none;font-size:10px}
.raffle-number{color:var(--muted)}
.raffle-card h2{color:var(--text);font-family:var(--display);font-weight:750;font-size:clamp(22px,2vw,27px)}
.raffle-prize-summary{color:var(--muted)}.raffle-prize-summary b{color:var(--accent-text)}
.raffle-date{color:var(--text)}
.raffle-clock{border-color:var(--line);background:var(--surface-soft)}
.raffle-clock>p{color:var(--muted)}
.raffle-countdown b{color:var(--text);text-shadow:none}
.raffle-countdown span{color:var(--muted)}
.raffle-clock.urgent{background:#2b1b1b;border-color:#713c49}
.raffle-clock.urgent p,.raffle-clock.urgent b{color:#fda4af}
.raffle-progress>div:first-child{color:var(--text)}
.raffle-progress small,.catalogue-note{color:var(--muted)}
.sales-track{background:#27251f;border-color:#3d3728}
.raffle-progress .raffle-fill,.sales-track i{background:linear-gradient(90deg,#f5f3ee,#d9a935);box-shadow:none}
.raffle-details,.raffle-prize-detail,.raffle-card-buy{border-color:var(--line)}
.raffle-details summary{color:var(--text)}.raffle-details p{color:var(--muted)}
.raffle-card-buy strong{color:var(--text)}.raffle-card-buy span{color:var(--muted)}
.raffle-overlay{background:#080808dc}
.raffle-overlay strong{color:#141413;border-color:#edc66c;transform:none;font-size:26px}
.raffle-overlay span{color:#d6d3ca}
.raffle-fill:after{opacity:.35;animation-duration:6s}
.shimmer-button::after{display:none}
.sales-progress-label,.sales-progress-meta{color:var(--muted)}
.sales-progress-label strong{color:var(--text);text-shadow:none}
.purchase-invite{background:#141413;border-color:var(--line)}
.purchase-invite-action{border-color:var(--line)}
.purchase-invite-action>b,.journey-mini{color:var(--text)}
.purchase-dialog,.verifier-dialog{background:#141413;color:var(--text);border-color:var(--line);box-shadow:0 25px 100px #00000099}
.purchase-dialog::backdrop,.verifier-dialog::backdrop{background:#030303d9;backdrop-filter:blur(5px)}
.checkout-shell{background:#141413}
.checkout-header{border-color:var(--line);background:#141413}
.checkout-header h2{font-weight:750}
.checkout-header .eyebrow{color:var(--accent-text)}
.checkout-close{background:var(--surface-soft);color:var(--text);border-color:var(--line)}
.checkout-close:hover{background:#24231f;border-color:#e9b949;color:var(--text)}
.checkout-steps button{color:var(--muted)}
.checkout-steps button span{border-color:#494235}
.checkout-steps .current button,.checkout-steps .complete button{color:var(--text)}
.checkout-steps .current button span{background:var(--text);border-color:var(--text);color:#141413;box-shadow:none}
.checkout-steps .complete button span{background:#332a18;color:var(--text);border-color:#494235}
.checkout-progress{background:#27251f}
.checkout-progress i{background:var(--text);box-shadow:none}
.checkout-scroll{scrollbar-color:#756747 #0b0b0a}
.checkout-scroll::-webkit-scrollbar-thumb{background:#756747}
.step-chip{color:var(--accent-text);background:#292315;border-color:#534321}
.stage-intro>p{color:var(--text)}.stage-intro>small{color:var(--muted)}
.ticket-pack,.ticket-pack.tone-1,.ticket-pack.tone-2,.ticket-pack.tone-3{--accent:#f5f3ee;--accent-muted:#453d2b;--halo:#e9b94912;background:#141413;box-shadow:none}
.ticket-pack:hover{background:#201e18;box-shadow:var(--shadow)}
.ticket-pack[aria-pressed=true]{background:#332b19;box-shadow:inset 0 0 0 1px var(--text)}
.pack-symbol{filter:none;color:var(--accent-text)}
.ticket-pack>strong{font-weight:800;text-shadow:none}
.pack-price-label{color:var(--text)}.pack-bonus-label{color:var(--muted)}
.pack-ribbon{background:#163d36;color:#6ee7b7}
.custom-package{border-color:#49402d;background:#201e18}
.custom-package b{color:var(--text)}.custom-package small,.stage-footnote{color:var(--muted)}
.checkout-stepper{border-color:#49402d}
.checkout-stepper button{background:#332b1d;color:var(--text)}
.checkout-stepper input{background:#141413;color:var(--text)}
.checkout-footer{background:#080808;border-color:var(--line);box-shadow:0 -4px 18px #00000022}
.checkout-total small,.checkout-total>span{color:var(--muted)}
.checkout-total strong{color:var(--text);font-weight:800}
.checkout-message{background:#321c2b;border-color:#6e3546;color:#fda4af}
.selected-package{background:#201d16;border-color:#453d2b}
.selected-icon{color:var(--accent-text)}
.selected-package b,.selected-package>strong,.selected-package button{color:var(--text)}
.selected-package small{color:var(--muted)}
.checkout-fields label,.checkout-fields label span{color:var(--text)}
.checkout-fields label small,.checkout-fields small{color:var(--muted)}
input,select,textarea,.checkout-fields input{color:var(--text);background:#141413;border-color:#494235}
input::placeholder,textarea::placeholder{color:#aaa69c;opacity:1}
.checkout-fields input:focus{outline:2px solid #e9b94940;border-color:var(--text);box-shadow:none}
.checkout-note{background:#252216;border-color:#534321;color:#a7dfd2}
.checkout-note>span{color:#edc66c}
.bank-choice{border-color:#453d2b;background:#141413;color:var(--text)}
.bank-choice small,.bank-placeholder{color:var(--muted)}
.bank-monogram{background:var(--text);color:#141413;box-shadow:none;font-weight:700}
.bank-choice i{color:var(--text)}
.bank-choice[aria-pressed=true]{background:#332b19;border-color:var(--text);box-shadow:inset 0 0 0 1px var(--text)}
.bank-instructions{color:var(--muted)}
.checkout-unavailable{background:#242014;border-color:#524522}
.checkout-unavailable>span{color:var(--accent-text)}
.checkout-unavailable h3,.checkout-unavailable a{color:var(--text);font-weight:700}
.checkout-unavailable p{color:var(--muted)}
.upload-icon{background:#332b19;border-color:#49402d;color:var(--text)}
.checkout-legal{background:#10100e;border-color:var(--line);color:var(--muted)}
.transfer-card{background:#10100e;border-color:#453d2b}
.transfer-amount{border-color:#49402d}
.transfer-amount small,.account-detail small{color:var(--muted)}
.transfer-amount strong,.account-detail b{color:var(--text);font-weight:750}
.account-detail button{background:#141413;border-color:#49402d;color:var(--text)}
.receipt-drop{background:#10100e;border-color:#756441}
.receipt-drop:hover{background:#332b19;border-color:var(--text)}
.receipt-drop b{color:var(--text)}
.receipt-drop p,.receipt-drop small{color:var(--muted)}
.receipt-drop.has-file{border-color:var(--text)}
.checkout-terms{color:var(--muted)}
.checkout-terms input{accent-color:var(--text)}
.checkout-terms button{color:var(--text)}
.success-orbit{background:#0d352e;border-color:#23604f;box-shadow:none;animation:none}
.success-orbit span{color:var(--ok)}
.checkout-success h3{color:var(--text);font-weight:800}
.checkout-success>p:not(.eyebrow){color:var(--muted)}
.checkout-success b,.success-summary,.finished-step{color:var(--text)}
.purchase-confirmation{background:#141413;border-color:var(--line)}
.purchase-confirmation .confirmation-raffle{color:var(--text)}
.assigned-tickets{background:#10100e;border-color:#453d2b}
.assigned-heading h4{color:var(--text)}
.assigned-heading>span{background:#123c35;color:var(--text)}
.assigned-ticket{background:#141413;border-color:#63502a;box-shadow:0 2px 5px #00000022}
.assigned-ticket>span{color:var(--accent-text)}.assigned-ticket strong{color:var(--text)}
.assigned-status{color:#edc66c;border-color:#665025}
.assigned-tickets.approved .assigned-status{color:var(--ok)}
.assigned-tickets.approved .assigned-ticket{border-color:#287459}
.assigned-tickets.rejected .assigned-status{color:var(--alert)}
.assigned-tickets>p{color:var(--muted)}
.copy-numbers,.verifier-shortcut{background:#141413;color:var(--text);border-color:#49402d}
.copy-numbers:hover,.verifier-shortcut:hover{background:#332b19;border-color:var(--text)}
.copy-numbers:focus-visible,.verifier-shortcut:focus-visible{outline-color:var(--text)}
.confirmation-guide{background:#242014;border-color:#524522;border-left-color:var(--accent)}
.confirmation-guide>strong{color:var(--text)}.confirmation-guide>p{color:var(--muted)}
.lookup-purchase+.lookup-purchase{border-color:var(--line)}
.preview-notice{background:#292315;color:#a7dfd2}.preview-notice a{color:#a7dfd2}
.developer-credit{background:var(--surface);border-color:var(--line);border-top-color:#ff9e37}
.developer-logo{background:#141413}.developer-logo img{mix-blend-mode:normal;object-fit:cover}
.developer-copy p{color:var(--text)}.developer-copy strong{color:#5edbc0}
.developer-copy>span{color:var(--muted)}
.developer-links a{color:#70dfd4}.developer-links a:hover{color:#a7f3d0}
.wa{box-shadow:0 6px 20px #00000055}
@media(max-width:650px){.catalogue-heading .hero-logo{width:76px;height:76px}.catalogue-heading h1{font-size:28px}.brand img{width:44px;height:44px}.brand b{font-size:15px}}
@media(max-width:380px){.hdr-in{gap:7px}.hdr .btn-gold{font-size:10px;padding:9px}.brand b{font-size:13px}}

/* Superficies, acentos y movimiento de la identidad oficial. */
body{isolation:isolate}
.topbar{background:#0b0b0a;color:#d6d3ca;border-bottom-color:#1c3756}
.brand img,.hero-logo{background:transparent;box-shadow:none}
.catalogue-heading .hero-logo{box-shadow:none;filter:drop-shadow(0 0 12px #e9b94944);animation:brand-logo-glow 5s ease-in-out infinite}
.catalogue-heading h1{font-size:clamp(29px,3.4vw,44px);font-weight:700;line-height:1.18}
.catalogue-heading h1 span{color:#edc66c;text-decoration:none;background:linear-gradient(110deg,#f5f3ee,#edc66c 40%,#f4d689 80%,#f5f3ee);background-size:200% 100%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:brand-gradient 10s ease-in-out infinite}
.btn-gold{background:linear-gradient(110deg,#efbb47,#d7a333);border-color:#e9b949;color:#fff;box-shadow:0 6px 24px #efbb4730;position:relative;overflow:hidden;isolation:isolate}
.btn-gold:hover{background:linear-gradient(110deg,#d7a333,#c49126);color:#fff;box-shadow:0 8px 28px #e9b9494d;transform:translateY(-2px)}
.btn-gold::before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 25%,#ffffff30,transparent 75%);transform:translateX(-120%);transition:transform .7s var(--ease-out);pointer-events:none}
.btn-gold:hover::before{transform:translateX(120%)}
.btn-gold:active{transform:translateY(0)}
.btn-gold:disabled::before{display:none}
.btn,.raffle-card,.ticket-pack{transition:transform .35s var(--ease-out),border-color .35s,box-shadow .35s,background-color .25s}
.raffle-card{position:relative;background:linear-gradient(150deg,#141413f5,#0b0b0af5);border-color:#3b3322;box-shadow:0 18px 50px #0003}
.raffle-card:hover{transform:translateY(-5px);border-color:#e9b94980;box-shadow:0 15px 45px #e9b94912,0 5px 28px #10b98109}
.raffle-card::before{content:"";position:absolute;inset:0 0 auto;height:2px;background:linear-gradient(90deg,transparent,#e9b949,#f4d689,transparent);z-index:3;opacity:0;transform:translateX(-100%);animation:brand-runner 9s ease-in-out infinite;pointer-events:none}
.raffle-card:nth-child(2n)::before{animation-delay:2s}.raffle-card:nth-child(3n)::before{animation-delay:4s}
.raffle-cover-box{background:#0b0b0a;border-color:#332d21}
.raffle-no-cover{background:radial-gradient(ellipse at 35% 45%,#e9b9491b,transparent 65%),radial-gradient(ellipse at 75% 85%,#10b98110,transparent 65%),#0b0b0a}
.raffle-no-cover img{filter:drop-shadow(0 0 12px #e9b94930);width:66%;height:78%}
.raffle-badge{background:#292313;color:#6ee7b7;border-color:#10b98144}
.raffle-progress>div:first-child{color:#6ee7b7}
.raffle-progress .raffle-fill,.sales-track i{background:linear-gradient(90deg,#e9b949,#d9a935);box-shadow:0 0 16px #d9a93530}
.raffle-fill:after{opacity:.6;animation-duration:4s}
.raffle-countdown b{color:#f5f3ee}
.raffle-clock>p{color:#edc66c}
.raffle-overlay strong{color:#d6d3ca}
.checkout-steps .current button span{background:#efbb47;border-color:#e9b949;color:#fff;box-shadow:0 0 18px #e9b94925}
.checkout-steps .complete button span{background:#103d35;border-color:#10b98166;color:#6ee7b7}
.checkout-progress i{background:linear-gradient(90deg,#e9b949,#d9a935)}
.ticket-pack,.ticket-pack.tone-1,.ticket-pack.tone-2,.ticket-pack.tone-3{--accent:#f4d689;--accent-muted:#453d2b;--halo:#e9b94912}
.ticket-pack[aria-pressed=true]{background:radial-gradient(ellipse at top,#e9b9491f,transparent 75%),#282217;box-shadow:inset 0 0 0 1px #e9b949,0 0 24px #e9b94910;border-color:#e9b949}
.bank-choice[aria-pressed=true]{box-shadow:inset 0 0 0 1px #e9b949;border-color:#e9b949}
.bank-monogram{background:linear-gradient(135deg,#efbb47,#d7a333);color:#fff}
.checkout-fields input:focus{border-color:#edc66c;outline-color:#e9b94940}
.checkout-terms input{accent-color:#e9b949}
.assigned-status{color:#f4d689}
.assigned-ticket{background:linear-gradient(130deg,#302919,#14130f);border-color:#5c4b28}
.assigned-ticket>span{color:#edc66c}
.confirmation-guide{background:linear-gradient(130deg,#332a1822,#242014);border-left-color:#10b981}
.developer-credit{background:#0b0b0a;border-color:#302c22;border-top-color:#ff9e37}
.developer-logo{background:#0b0b0a}.developer-logo img{mix-blend-mode:lighten}
.developer-copy p{color:#f5f3ee}
.site-ambience{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none;contain:strict}
.site-ambience::before{content:"";position:absolute;inset:-12%;background:radial-gradient(ellipse at 15% 15%,#e9b9491c,transparent 46%),radial-gradient(ellipse at 70% 45%,#d9a93512,transparent 44%),radial-gradient(ellipse at 90% 85%,#e9b94915,transparent 38%);animation:brand-aurora 24s ease-in-out infinite}
.site-ambience i{position:absolute;bottom:-12px;width:3px;height:3px;border-radius:50%;background:#edc66c;box-shadow:0 0 8px #e9b949;opacity:0;animation:brand-particle 23s linear infinite}
.site-ambience i:nth-child(1){left:8%;animation-delay:-2s}.site-ambience i:nth-child(2){left:21%;animation-delay:-17s;animation-duration:29s}
.site-ambience i:nth-child(3){left:38%;animation-delay:-9s;background:#f4d689}.site-ambience i:nth-child(4){left:52%;animation-delay:-21s;animation-duration:31s}
.site-ambience i:nth-child(5){left:67%;animation-delay:-5s;animation-duration:27s}.site-ambience i:nth-child(6){left:79%;animation-delay:-14s;background:#34d399}
.site-ambience i:nth-child(7){left:90%;animation-delay:-11s;animation-duration:33s}.site-ambience i:nth-child(8){left:45%;animation-delay:-25s;animation-duration:35s}
.motion-ready{opacity:0;translate:0 22px;transition:opacity .75s var(--ease-out),translate .75s var(--ease-out),transform .35s var(--ease-out),border-color .35s,box-shadow .35s}
.motion-ready.is-visible,.motion-ready:focus-within{opacity:1;translate:0 0}
.motion-paused *,.motion-paused *::before,.motion-paused *::after{animation-play-state:paused!important}
@keyframes brand-aurora{0%,100%{transform:translate3d(0,0,0) rotate(0)}50%{transform:translate3d(2%,-3%,0) rotate(2deg)}}
@keyframes brand-particle{0%{opacity:0;transform:translate3d(0,0,0)}15%{opacity:.55}85%{opacity:.4}100%{opacity:0;transform:translate3d(24px,-105vh,0)}}
@keyframes brand-gradient{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
@keyframes brand-logo-glow{0%,100%{filter:drop-shadow(0 0 9px #e9b94930)}50%{filter:drop-shadow(0 0 16px #e9b94955) drop-shadow(0 0 22px #10b98118)}}
@keyframes brand-runner{0%,15%{opacity:0;transform:translateX(-100%)}25%,65%{opacity:.8}80%,100%{opacity:0;transform:translateX(100%)}}
@media(max-width:650px){.catalogue-heading h1{font-size:28px}.site-ambience i:nth-child(n+5){display:none}.catalogue-heading .hero-logo{width:83px;height:83px}}
@media(max-width:450px){.hdr-in{padding-inline:16px;gap:8px}.hdr .brand{gap:7px}.hdr .brand img{width:40px;height:40px}.hdr .brand b{font-size:13px;letter-spacing:0}.hdr .btn-gold{white-space:nowrap;font-size:10px;padding:11px 10px;letter-spacing:0}.menu-btn{width:36px;flex-shrink:0}}
@media(max-width:360px){.hdr-in{padding-inline:12px;gap:6px}.hdr .brand b{font-size:11px}.hdr .brand img{width:34px;height:34px}.hdr .btn-gold{padding:10px 8px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.motion-ready{opacity:1;translate:none}.site-ambience i{display:none}.catalogue-heading h1 span{-webkit-text-fill-color:#edc66c;background:none}.raffle-card:hover,.btn-gold:hover{transform:none}}