@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800;900&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{--green:#eac674;--paper:#1d2017;--orange:#f4b52d;--muted:#b6b29c;--red:#af1f18;--ink:#181b13;--sand:#f3e7c7}
body{background:#1b1e15;color:var(--sand);background-image:radial-gradient(#eac67408 1px,transparent 1px);background-size:5px 5px}
header{max-width:none;padding:14px max(24px,calc((100vw - 1152px)/2));background:#171a12;border:0;border-bottom:1px solid #a2893e4d;position:relative;min-height:90px}
header:after{content:'';position:absolute;bottom:-9px;left:0;right:0;height:9px;background:url('assets/pattern.png') repeat-x center/auto 12px;z-index:2}
header a{gap:16px;color:#f5e5b8}header .brand-logo{height:64px;width:55px;object-fit:contain;transform:rotate(-3deg)}
.brand-title{font-family:'Barlow Condensed',Impact,sans-serif;font-weight:800;font-size:25px;letter-spacing:1px}.brand-title small{display:block;font:8px 'DM Sans',sans-serif;letter-spacing:2px;margin-top:4px}.edition{color:#bba679;font-size:9px}
main{max-width:1200px;padding:40px 24px 125px}h1,h2,h3{font-family:'Barlow Condensed',Impact,'Arial Narrow',sans-serif;text-transform:uppercase}h1{font-weight:900;letter-spacing:-1px}h1 em{color:#f4b52d;font-style:normal}p{color:#c0beaa}.eyebrow{color:#ddb756;font-size:10px;line-height:1.6;letter-spacing:2px}
.hero{min-height:580px;position:relative;isolation:isolate;grid-template-columns:1.05fr 1fr;gap:0;padding:54px 50px;margin:0 -1px;background:#171a12;border:1px solid #a0864155;overflow:hidden}
.hero:after{content:'';position:absolute;inset:auto 0 0;height:13px;z-index:4;background:url('assets/pattern.png') repeat-x center/auto 20px}
.hero>div:first-child{position:relative;z-index:3;pointer-events:none}.hero>div:first-child button{pointer-events:auto}.hero .eyebrow{font-size:9px;color:#d1c4a1;max-width:300px;line-height:1.8}.hero-kicker{color:#e2b854;font-size:10px;letter-spacing:2px;font-weight:700;margin:24px 0 13px}
.hero h1{font-size:clamp(70px,8.8vw,116px);line-height:.88;letter-spacing:-1.5px;transform:rotate(-2deg);transform-origin:left center;margin:14px 0 28px;text-shadow:0 3px 20px #1118;color:#f7efd5}
.hero h1 em{color:#f5b833}.hero p{max-width:325px;font-size:14px;line-height:1.7;color:#e0dac4}.hero .hint{font-size:10px;letter-spacing:.2px;color:#b6b194;margin:18px 0 0}
.art{position:absolute;inset:0 0 0 34%;min-height:0;border:0;border-radius:0;box-shadow:none;z-index:0;background:#292e1d;display:block;overflow:hidden}
.art:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#171a12 1%,#171a12aa 25%,#171a1200 65%),linear-gradient(0deg,#10150bbb,transparent 55%);z-index:1}
.hero-photo{width:100%;height:100%;object-fit:cover;object-position:65% center;filter:saturate(.8) contrast(1.13)}
.hero-caption{position:absolute;bottom:58px;right:30px;text-align:right;z-index:2;color:white}.hero-caption span{display:block;font-size:9px;letter-spacing:2px;color:#e0c68c}.hero-caption strong{font:700 26px 'Barlow Condensed',Impact,sans-serif;letter-spacing:1px}
.stamp{right:28px;top:28px;bottom:auto;border:1px solid #e7bd5b;border-radius:0;background:#f1b735ed;color:#261d0b;padding:10px 12px;transform:rotate(6deg);display:flex;gap:8px;align-items:center;box-shadow:4px 4px 0 #0003}.stamp b{font:900 49px/.9 'Barlow Condensed',Impact,sans-serif}.stamp span{font-size:8px;letter-spacing:1px;font-weight:800}
.primary,.secondary{border-radius:2px;padding:16px 24px;font-weight:800;text-transform:uppercase;font-size:12px;letter-spacing:.8px}.primary{background:#b51f16;color:#fff3d2;border:1px solid #df4934;box-shadow:4px 4px 0 #090c0855}.primary:hover{background:#d32b1e;transform:translateY(-1px)}.secondary{background:#303523;color:#e7d6a5;border:1px solid #645f3c}
.steps{margin:0;padding:28px 24px;background:#292d1e;border:1px solid #8b78484d;border-top:0;gap:30px}.step{align-items:center;gap:14px}.step b{font:800 48px/1 'Barlow Condensed',Impact,sans-serif;color:#d7a635}.step h3{font-family:'Barlow Condensed',sans-serif;font-size:20px;letter-spacing:.4px;color:#f4e6c3}.step p{font-size:11px;color:#bdb89e;margin:4px 0}
.album-head{padding:0 0 10px}.album-head h1{font-size:58px;line-height:1;margin:9px 0;color:#f5e8c4}.album-head p{color:#a99f7b;font-size:12px}.progress-box{border-radius:2px;background:#e6d3a3;color:#2d301c;border:1px solid #f4dfa9;box-shadow:4px 4px 0 #080c0755;padding:20px 24px}.progress-row strong{font:800 36px/1 'Barlow Condensed',Impact,sans-serif}.progress-row span{color:#545637;font-size:11px;font-weight:600}progress{height:9px;margin-top:17px}progress::-webkit-progress-bar{background:#bdb186;border-radius:0}progress::-webkit-progress-value{background:#a91f18;border-radius:0}progress::-moz-progress-bar{background:#a91f18}.filters{gap:8px;padding:3px 0 24px}.filters button{border-radius:2px;border-color:#625e39;color:#c2bea3;padding:10px 16px;font-size:10px;font-weight:700;letter-spacing:.6px;text-transform:uppercase}.filters .active{background:#e5b63f;color:#242516;border-color:#e5b63f}
.grid{gap:18px}.card,.card.locked{padding:0;border-radius:2px;border:1px solid #5d5d3b;background:#272d1f;overflow:hidden;box-shadow:4px 4px 0 #080c0733}.card:hover{border-color:#e5b63f;transform:translateY(-4px)}.card .picture{height:205px;border-radius:0;background:#30372a;position:relative;overflow:hidden;display:block;font-size:0}.picture img{width:100%;height:100%;object-fit:cover;transition:transform .4s,filter .4s}.card:hover .picture img{transform:scale(1.05)}.card.locked .picture{filter:grayscale(1);opacity:.55}.card.unlocked{background:#32361f;border-color:#caa244;box-shadow:0 0 0 1px #caa24433,4px 4px 0 #080c0755}.card .num{top:12px;left:12px;background:#1b2119d9;color:#ead6a6;border:1px solid #d1ae6655;padding:5px 7px;font:700 15px/1 'Barlow Condensed',sans-serif}.card .status{top:13px;right:13px;background:#1b2119cc;color:#efc95c;border-radius:50%;width:24px;height:24px;display:grid;place-items:center;font-size:11px}.card h3{padding:0 14px;font-family:'Barlow Condensed',Impact,sans-serif;font-size:23px;line-height:1.1;margin:14px 0 6px;color:#f1e2bc;letter-spacing:.4px;min-height:26px}.card small{display:block;padding:0 14px 15px;color:#a8ab90;font-size:9px;letter-spacing:1px;text-transform:uppercase}.card .extinct{color:#d3b066}
nav{background:#1c2117f5;border:1px solid #75633b;border-radius:9px 9px 0 0;padding:12px 16px calc(12px + env(safe-area-inset-bottom));box-shadow:0 -7px 30px #050a0644}nav button{color:#c3b58f}nav .discover{background:#b71f16;border:1px solid #e25135;border-radius:2px;padding:14px 21px;color:#fff0c9;box-shadow:3px 3px 0 #090c0866}nav .discover span{text-transform:uppercase;font-family:'Barlow Condensed',Impact,sans-serif;font-weight:800;font-size:19px;letter-spacing:.7px}nav span{font-size:9px;letter-spacing:.5px}
dialog{background:#24291d;color:#eee2bb;border:1px solid #8b743d;border-radius:4px;padding:38px 24px 25px}dialog::backdrop{background:#090e07d9}.close{color:#f0d791;z-index:3;background:#202519dd;border-radius:50%}.detail .big{height:260px;padding:0;background:#333d2c;border-radius:0;overflow:hidden;font-size:0}.detail .big img{width:100%;height:100%;object-fit:cover}.detail h2{font-size:42px;line-height:1}.pill{border-radius:1px;background:#d2ac48;color:#22291c;font-size:9px;font-weight:800}.detail .fact{border-radius:2px;background:#333825;border-left:3px solid #deb541;color:#ead6a2;text-align:left}.detail .fact p{color:#d0ccb5;font-size:14px}.photo-note{font-size:10px;color:#bcb490;margin:7px 0}.scanner video{border-radius:2px}.scanner h2{font-size:42px}.scanner input,.scanner select{background:#353b2c;border-color:#73714b;border-radius:2px;color:#f1e5bf}.scanner label{color:#d5c69d}.hint{color:#b5ae8f}.demo-banner{border-radius:2px;background:#4e4120;color:#f4d68d;border-left:3px solid #e5b63f}.test-controls{border-color:#5d5f3a;color:#d0c5a1}.test-controls p{color:#999f83}.test-controls input{accent-color:#e8b541}.reward .progress-box p{color:#3e482c}.reward h1{color:#f3e5c0;line-height:1}.reward .trophy{filter:sepia(.6)}#toast{background:#e5b63f;color:#242616;border-radius:2px;font-weight:700}.qr-card{border-radius:2px;background:#fff9e8;color:#22291a}.qr-card h3{color:#22291a}.qr-card code{font-size:11px}.code-grid{gap:20px;margin-top:24px}footer{max-width:1152px;margin:0 auto 110px;padding:20px 24px;border-top:1px solid #7d734133;display:flex;justify-content:space-between;gap:14px;font-size:8px;letter-spacing:1px;color:#8d9478}footer a{color:#b4a47b;text-underline-offset:4px}.credits-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.credits-grid img{width:100%;height:220px;object-fit:cover}.credits-grid h2{font-size:20px;overflow-wrap:anywhere}.credits-grid p{font-size:12px}a{color:#f0c55d}
.filters{scrollbar-width:none}.filters::-webkit-scrollbar{display:none}.picture img[alt="Cóndor"],.picture img[alt="Jirafa"],.picture img[alt="Serval"]{object-position:center top}.detail .big img{object-fit:contain}
/* Solo se invierte la fotografía; las letras y el emblema conservan su sentido. */
.hero-photo{transform:scaleX(-1);object-position:45% center}
.picture img.dinosaur{object-fit:contain;background:#fff}.big:has(.dinosaur){background:#fff}.detail .big{position:relative}
header{gap:16px}.edition{margin-left:auto}#sound-toggle{flex-shrink:0;width:37px;height:37px;border:1px solid #78643c;background:#282e20;color:#efce76;border-radius:3px;font-size:20px;cursor:pointer}#sound-toggle[aria-pressed="false"]{color:#a5a18d}
.discovery-sparkles{position:absolute;inset:0;z-index:4;pointer-events:none;border:2px solid #f9db7f;box-shadow:inset 0 0 18px #ffd6678c,0 0 16px #ffdb7a99;border-radius:inherit;animation:discovery-border 2.5s ease-out both}
.discovery-star{position:absolute;left:var(--x);top:var(--y);font:var(--size)/1 Georgia,serif;color:#fff7d5;text-shadow:0 0 5px #fff,0 0 11px #ffd14b,0 0 19px #ffad21;transform:translate(-50%,-50%);opacity:0;animation:discovery-starlight 2s var(--delay) ease-out both}
.discovery-glow{box-shadow:0 0 0 2px #f8d66d,0 0 30px #eab74780!important}
@keyframes discovery-starlight{0%{opacity:0;transform:translate(-50%,-50%) scale(.15) rotate(0)}20%{opacity:1;transform:translate(-50%,-50%) scale(1.35) rotate(var(--turn))}55%{opacity:1;transform:translate(-50%,-50%) scale(.85) rotate(0)}100%{opacity:0;transform:translate(-50%,-50%) scale(.3) rotate(var(--turn))}}
@keyframes discovery-border{0%{opacity:0}15%,65%{opacity:1}100%{opacity:0}}
@media(prefers-reduced-motion:reduce){.discovery-star{animation:none!important;opacity:.9}.discovery-sparkles{animation:none!important}}
@media(min-width:1400px){.hero{min-height:640px}}
@media(max-width:700px){header{padding:12px 20px;min-height:80px}.brand-title{font-size:22px}.brand-title small{font-size:7px;letter-spacing:1.6px}header .brand-logo{height:55px;width:47px}main{padding:28px 16px 115px}.hero{padding:35px 23px 34px;min-height:690px;display:block}.hero h1{font-size:86px;line-height:.9;margin:19px 0 21px}.hero .eyebrow{font-size:8px;max-width:220px;letter-spacing:1.5px}.hero-kicker{font-size:8px;letter-spacing:1.5px;margin-top:25px}.hero p{font-size:13px;max-width:245px}.hero .hint{max-width:185px;line-height:1.6}.art{inset:0;min-height:0;border:0;grid-row:auto}.hero-photo{object-position:60% center;opacity:.8}.art:before{background:linear-gradient(90deg,#11190de6,#12170c33 90%),linear-gradient(0deg,#10150b 2%,transparent 55%)}.hero-caption{bottom:36px;right:20px}.hero-caption strong{font-size:21px}.hero-caption span{font-size:7px}.stamp{top:18px;right:14px;padding:7px;gap:4px}.stamp b{font-size:34px}.stamp span{font-size:6px;letter-spacing:.5px}.steps{padding:22px;gap:20px}.step b{font-size:43px}.step h3{font-size:20px}.step p{font-size:11px}.grid{gap:12px}.card .picture{height:170px}.card h3{font-size:21px;min-height:42px;padding:0 11px;margin:12px 0 4px}.card small{font-size:8px;padding:0 11px 13px}.card .num{top:9px;left:9px;font-size:13px;padding:4px 6px}.card .status{top:9px;right:9px}.album-head{display:block}.album-head h1{font-size:45px}.album-head p{display:none}.progress-box{padding:18px}.progress-row strong{font-size:30px}.progress-row span{font-size:9px}.filters button{font-size:9px;padding:10px 12px}.eyebrow{font-size:8px}.detail .big{height:240px}footer{font-size:7px;display:block;margin-bottom:105px;padding:18px 20px}footer a{display:block;margin-top:12px}.credits-grid{grid-template-columns:1fr}.credits-grid img{height:230px}}
@media(max-width:370px){.hero h1{font-size:74px}.hero{min-height:655px;padding:32px 18px}.stamp{top:15px;right:10px}.card .picture{height:145px}.card h3{font-size:18px}nav .discover{padding:14px 12px}nav .discover span{font-size:17px}}
@media(max-width:700px){.hero{display:flex;flex-direction:column;min-height:0}.hero>div:first-child{order:1}.hero .art{order:0;position:relative;inset:auto;height:290px;min-height:290px;width:calc(100% + 46px);margin:-35px -23px 28px}.hero-photo{object-position:center 38%;opacity:1}.art:before{background:linear-gradient(0deg,#171a12 0%,transparent 55%)}.hero-caption{bottom:22px;right:20px}.hero .eyebrow{max-width:100%;font-size:8px}.hero h1{font-size:82px}.hero-kicker{margin-top:18px}.hero p{max-width:100%}.hero .hint{max-width:100%;font-size:9px}.hero .stamp{top:20px;right:20px}.hero>div:first-child .primary{width:100%}}
@media(max-width:370px){.hero .art{width:calc(100% + 36px);margin:-32px -18px 28px;height:255px;min-height:255px}.hero h1{font-size:72px}}
@media print{body{background:#fff;color:#111}main{padding:0}.qr-card{border:1px solid #ddd}footer{display:none}h2,p{color:#111!important}}

.lion-bonus{display:flex;align-items:center;gap:18px;margin-top:22px;padding:22px;background:linear-gradient(120deg,#3b4929,#252b1b);border:1px solid #c99e49;border-radius:12px}.lion-bonus>span{font-size:50px}.lion-bonus>div{flex:1}.lion-bonus strong{color:#edcb75;font-size:13px;letter-spacing:1px}.lion-bonus p{margin:7px 0 0!important;font-size:13px}.lion-bonus a{white-space:nowrap;font-size:12px}@media(max-width:650px){.lion-bonus{flex-wrap:wrap;padding:17px;gap:13px}.lion-bonus>span{font-size:37px}.lion-bonus>div{flex-basis:70%}.lion-bonus a{width:100%;text-align:center}}

.album-map-link{display:inline-block;color:#e7c46e;font-size:13px;margin-top:10px;font-weight:800}.detail-map-link{display:block;text-align:center;margin-top:12px;font-size:12px}.album-map-shortcut{display:grid;place-items:center;min-width:35px;height:35px;font-size:24px!important;text-decoration:none;border:1px solid #736842;border-radius:6px}header .album-map-shortcut{margin-left:auto;flex-shrink:0}