@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,500;0,600;0,700;1,500;1,600&display=swap');
:root{--bg:#0b090b;--panel:#151014;--text:#f8f2e8;--muted:#b9acb0;--red:#bc223c;--gold:#d4b47e;--line:#3b2c32;font-family:'DM Sans',sans-serif;color:var(--text);background:var(--bg);color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}a:hover,button.text-link:hover{color:var(--gold)}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--gold);outline-offset:5px}button:disabled{opacity:.6;cursor:default}img{max-width:100%;display:block}h1,h2,h3,p{margin:0}h1,h2,h3,blockquote{font-family:'Playfair Display',Georgia,serif;font-weight:500}h1{font-size:clamp(48px,6.3vw,91px);line-height:1.06;letter-spacing:-2.8px}h2{font-size:clamp(34px,4vw,54px);line-height:1.18;letter-spacing:-1.4px}h3{font-size:26px}em{color:var(--gold);font-weight:500}p{line-height:1.75}.skip{position:fixed;left:15px;top:-100px;background:var(--gold);color:#111;padding:15px;z-index:100}.skip:focus{top:10px}header{height:96px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;border-bottom:1px solid #ffffff18;background:rgba(11,9,11,.95);position:relative;z-index:4}.brand{display:flex;gap:12px;align-items:center}.brand img{width:65px;height:65px;object-fit:contain}.brand span{font-size:11px;letter-spacing:2px;line-height:1.5}.brand i{font-family:'Playfair Display',Georgia,serif;font-size:22px;letter-spacing:0;color:var(--gold)}nav{display:flex;gap:32px;font-size:13px;font-weight:500}.header-link{font-size:12px;border:1px solid var(--line);padding:11px 16px;border-radius:3px}.hero{position:relative;min-height:640px;height:calc(100svh - 96px);max-height:850px;overflow:hidden;display:flex;align-items:center}.hero video{position:absolute;inset:0;height:100%;width:100%;object-fit:cover;object-position:65% 50%}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,6,9,.92),rgba(8,6,9,.68) 45%,rgba(8,6,9,.06) 80%),linear-gradient(0deg,#0b090b,transparent 30%)}.hero-copy{position:relative;max-width:820px;padding:35px 6% 100px;width:75%}.eyebrow{font-size:10px;letter-spacing:2.5px;font-weight:700;color:var(--gold);line-height:1.6;margin-bottom:22px}.hero .lead{font-size:17px;color:#ded3d5;margin:25px 0 31px;line-height:1.8}.actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:18px;padding:16px 22px;font-size:13px;font-weight:600;border-radius:3px;border:1px solid transparent;min-height:50px;transition:background .2s,transform .2s}.button:hover{transform:translateY(-2px)}.primary{background:var(--red);color:white}.primary:hover{background:#d22d4a;color:white}.outline{border-color:#8a737580;background:#120d1455}.outline:hover{background:#2a1922}.gold-button{background:var(--gold);color:#181015}.hero-bottom{position:absolute;bottom:38px;left:6%;right:6%;display:flex;justify-content:space-between;gap:25px;align-items:center;border-top:1px solid #ffffff22;padding-top:22px}.hero-bottom>span{font-size:9px;letter-spacing:2px;color:#ccbec0}.hero-bottom>div{display:flex;gap:20px}.quiet{border:0;background:none;padding:8px 0;font-size:11px;color:#e5d6d7}.ai-note{position:absolute;bottom:12px;right:6%;color:#b8a8ab;font-size:9px}.manifesto{padding:49px 6%;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:30px;background:#110c10}.gold{color:var(--gold);font-size:10px;letter-spacing:2px}.manifesto p{font-size:21px;line-height:1.65}.manifesto a{font-size:12px;border-bottom:1px solid #80654a;padding-bottom:8px}.section{padding:94px 6%;max-width:1600px;margin:auto}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:32px;margin-bottom:42px}.section-heading>p{font-size:14px;color:var(--muted)}.text-link{display:inline-block;background:none;border:0;border-bottom:1px solid #72543f;padding:8px 0;font-size:12px;color:var(--gold);line-height:1.6;white-space:normal}.catalogue-tools{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:26px}.filters{display:flex;gap:9px;flex-wrap:wrap}.filters button{font-size:11px;border:1px solid var(--line);background:transparent;padding:10px 16px;border-radius:30px}.filters .active{background:#3b1924;border-color:#ab3851;color:#fff}.search{display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--line);padding:8px 0}.search input{width:205px;background:none;border:0;padding:5px;color:var(--text);font-size:12px}.search input::placeholder{color:#b3a3a8}.video-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:27px}.video-card{min-width:0}.thumbnail{position:relative;display:block;width:100%;border:0;padding:0;background:var(--panel);overflow:hidden;aspect-ratio:16/9;text-align:left;border-radius:4px}.thumbnail img{height:100%;width:100%;object-fit:cover;transition:transform .4s}.thumbnail:hover img{transform:scale(1.04)}.play{position:absolute;left:16px;bottom:15px;width:39px;height:39px;border:1px solid #ffffff80;background:#151015aa;border-radius:50%;display:grid;place-items:center;font-size:13px}.duration{position:absolute;bottom:15px;right:13px;padding:4px 7px;border-radius:2px;background:#070609df;font-size:11px}.video-meta{font-size:9px;letter-spacing:1.6px;color:var(--gold);text-transform:uppercase;margin:18px 0 8px}.video-card h3{font-family:'DM Sans',sans-serif;font-size:18px;font-weight:500;line-height:1.5}.video-card h3 button{text-align:left;font:inherit;background:none;padding:0;border:0}.video-card h3 button:hover{color:var(--gold)}.catalogue-foot{display:flex;justify-content:space-between;align-items:center;margin-top:30px;gap:15px}.catalogue-foot p,.small{font-size:11px;color:var(--muted);line-height:1.7}#emptyState{padding:35px;color:var(--muted)}#emptyState a{text-decoration:underline}.game-section{position:relative;display:grid;grid-template-columns:1.1fr 1fr;gap:70px;padding:95px 8%;border-block:1px solid #4d2933;background:radial-gradient(ellipse at 80% 45%,#54212a44,transparent 60%),#130c11}.game-intro{align-self:center}.game-intro>p:not(.eyebrow){max-width:480px;color:var(--muted);margin:24px 0;font-size:15px}.game-intro .small{font-size:11px!important}.game-intro ol{list-style:none;counter-reset:steps;margin:30px 0;padding:0;display:flex;flex-direction:column;gap:17px}.game-intro li{counter-increment:steps;font-size:13px;display:flex;align-items:center;gap:15px}.game-intro li:before{content:'0' counter(steps);font-family:Georgia,serif;color:var(--gold);font-size:19px}.game-table{position:relative;text-align:center;min-height:500px;display:flex;flex-direction:column;align-items:center;justify-content:center}.playing-card,.card-shadow{width:284px;height:383px;border-radius:15px}.card-shadow{position:absolute;top:20px;background:#29171f;border:1px solid #6a4140;transform:rotate(-9deg);pointer-events:none}.card-shadow-two{transform:rotate(8deg);background:#1c1219}.playing-card{position:relative;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse,#291720,#0d0a0d);border:1px solid var(--gold);box-shadow:0 20px 70px #0009,inset 0 0 0 7px #171015,inset 0 0 0 8px #6e4e3d;text-align:center;padding:42px 24px;transition:transform .3s}.playing-card:hover{transform:translateY(-4px)}.playing-card.reveal{animation:reveal .35s ease}.card-face img{width:125px;height:125px;object-fit:contain;margin:0 auto 15px}.card-instruction{display:block;color:var(--gold);font-size:8px;letter-spacing:1.7px;margin-bottom:16px}.card-face strong{font-family:'Playfair Display',Georgia,serif;font-weight:500;font-size:27px;line-height:1.3;display:block}.card-face .followup{display:block;margin-top:24px;font-size:11px;color:var(--muted);line-height:1.6}.card-corner{position:absolute;top:20px;left:20px;color:var(--gold);font-size:20px;font-family:Georgia,serif}.card-corner.bottom{top:auto;left:auto;bottom:20px;right:20px;transform:rotate(180deg)}.game-controls{display:flex;align-items:center;gap:20px;margin:30px 0 12px}.game-controls .quiet{font-size:12px}.portraits{display:grid;grid-template-columns:1fr 1fr;gap:26px}.portrait{position:relative;min-height:420px;background:#1a1318;overflow:hidden;border-radius:3px}.portrait>img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center;filter:brightness(.77);transition:transform .6s}.portrait:hover>img{transform:scale(1.025)}.portrait:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#100a10 3%,#100a10bb 30%,transparent 75%)}.portrait>div{position:absolute;bottom:30px;left:30px;right:30px;z-index:1}.portrait .eyebrow{font-size:9px}.portrait h3{font-size:32px;margin:15px 0}.portrait-note{margin-top:20px}.reflection{text-align:center;padding:85px 16%;background:#160f14;border-block:1px solid #3b2930}.reflection blockquote{font-size:clamp(28px,3vw,43px);line-height:1.45;margin:0 0 24px}.reflection .text-link{margin-top:25px}.about{display:grid;grid-template-columns:1fr 1fr;gap:65px}.about>div>p:not(.eyebrow){font-size:15px;color:var(--muted);margin-bottom:20px}.contact{display:flex;align-items:center;justify-content:space-between;gap:40px;margin:0 6% 75px;padding:46px 50px;background:linear-gradient(110deg,#391522,#1e1018);border:1px solid #654034;border-radius:4px}.contact h2{font-size:35px}.contact .eyebrow{margin-bottom:13px}footer{border-top:1px solid var(--line);padding:45px 6% 28px;display:grid;grid-template-columns:1fr 1fr;gap:23px;align-items:center}footer>p{font-size:12px;color:var(--muted);text-align:right}footer>div{display:flex;gap:24px;align-items:center;font-size:11px}footer button{border:0;background:none;padding:0;font-size:11px}footer small{font-size:10px;color:var(--muted);text-align:right}dialog{width:min(920px,94vw);max-height:92svh;border:1px solid #6a4140;border-radius:8px;background:#130f14;color:var(--text);padding:25px;overflow:auto}dialog::backdrop{background:#050308e8;backdrop-filter:blur(7px)}.dialog-top{display:flex;justify-content:space-between;gap:30px;align-items:start;margin-bottom:22px}.dialog-top .eyebrow{margin-bottom:8px}.dialog-top h2{font-family:'DM Sans',sans-serif;letter-spacing:0;font-size:22px;line-height:1.3}.close{background:#ffffff12;border:1px solid #70535d;border-radius:50%;min-width:38px;height:38px;font-size:25px;line-height:1}.player-host{background:#000;aspect-ratio:16/9;margin-bottom:15px}.player-host iframe,.player-host video{width:100%;height:100%;border:0}.player-host video{object-fit:contain}#youtubeFallback{margin-top:14px}#privacyDialog{max-width:660px}#privacyDialog p{margin:18px 0;color:#d5c7cc;font-size:14px}#privacyDialog a{text-decoration:underline}.noscript{padding:20px;background:#421827}.noscript a{text-decoration:underline}[hidden]{display:none!important}@keyframes reveal{0%{transform:rotateY(50deg);opacity:.5}100%{transform:rotateY(0);opacity:1}}@media(min-width:1550px){.hero-copy{padding-left:8%}}@media(max-width:900px){nav{gap:18px}.hero-copy{width:90%}.hero-bottom>span{max-width:180px;line-height:1.8}.hero-bottom{bottom:42px}.manifesto{flex-wrap:wrap}.manifesto>.gold{width:100%}.section{padding:70px 5%}.game-section{gap:35px;padding:70px 5%}.section-heading{align-items:start}.section-heading h2{font-size:37px}.catalogue-tools{align-items:start}.video-grid{gap:17px}.video-card h3{font-size:16px}.game-intro h2{font-size:37px}.playing-card,.card-shadow{width:250px;height:360px}.portrait{min-height:350px}.portrait h3{font-size:28px}.about{gap:30px}.contact{padding:35px;margin:0 5% 55px}}@media(max-width:640px){header{height:80px;padding:0 5%}.brand img{width:52px;height:52px}.brand span{font-size:9px}.brand i{font-size:19px}nav{gap:15px}nav a{font-size:11px}nav a[href="#rostros"]{display:none}.header-link{display:none}.hero{min-height:690px;height:calc(100svh - 80px);max-height:900px}.hero-copy{padding:0 6% 100px;width:100%}h1{font-size:54px;letter-spacing:-2px}.hero .eyebrow{font-size:9px;margin-bottom:24px}.hero .lead{font-size:15px;line-height:1.7;max-width:320px}.hero-shade{background:linear-gradient(90deg,#0a070ad9,#0a070a55),linear-gradient(0deg,#0b090b,transparent 70%)}.hero video{object-position:61% center}.button{padding:14px 16px;font-size:12px;gap:12px}.hero-bottom{flex-direction:column;align-items:start;gap:10px;bottom:35px;padding-top:18px}.hero-bottom>span{max-width:none;font-size:8px;letter-spacing:1.1px}.hero-bottom>div{gap:22px}.manifesto{padding:30px 6%;gap:20px}.manifesto p{font-size:18px}.manifesto a{font-size:11px}.section{padding:60px 6%}.section-heading{display:block;margin-bottom:28px}.section-heading .text-link,.section-heading>p{margin-top:22px}.section-heading h2,h2{font-size:34px}.catalogue-tools{display:block;margin-bottom:26px}.filters{gap:8px}.filters button{font-size:10px;padding:10px 12px}.search{margin-top:20px;width:100%}.search input{width:100%}.video-grid{grid-template-columns:1fr;gap:31px}.video-card h3{font-size:19px}.video-meta{margin-top:14px}.catalogue-foot{align-items:start;flex-direction:column;gap:8px}.game-section{grid-template-columns:1fr;padding:60px 6%;gap:30px}.game-intro h2{font-size:35px}.game-intro>p:not(.eyebrow){font-size:14px}.game-table{min-height:480px}.card-shadow{top:17px}.playing-card,.card-shadow{width:272px;height:370px}.game-intro ol{gap:13px;margin:22px 0}.portraits{grid-template-columns:1fr;gap:22px}.portrait{min-height:420px}.portrait>div{left:25px;bottom:25px}.reflection{padding:60px 8%}.about{display:block}.about>div+div{margin-top:28px}.contact{margin:0 6% 45px;padding:30px;flex-direction:column;align-items:start;gap:25px}.contact h2{font-size:30px}footer{grid-template-columns:1fr;padding:30px 6%;gap:20px}footer>p,footer small{text-align:left}footer>div{gap:20px;flex-wrap:wrap}dialog{padding:17px}.dialog-top h2{font-size:18px}.dialog-top{gap:15px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}
/* Baraja original completa: se muestra la carta entera, sin recortes ni textos encima. */
.game-table{justify-content:flex-start;min-height:0;padding-top:16px}
.playing-card,.card-shadow{width:min(340px,100%);height:auto;aspect-ratio:1489/2079;border-radius:12px}
.playing-card{padding:0;border:0;background:none;overflow:hidden;display:block;box-shadow:0 20px 55px #0009;flex-shrink:0}
.card-shadow{top:16px;max-width:90%}
.card-face{display:block;width:100%;height:100%}
.card-face img.original-card{display:block;width:100%;height:100%;margin:0;object-fit:contain}
.game-controls{margin-top:24px;margin-bottom:6px}
#cardStatus{margin-top:12px}
#cardDialog{width:min(630px,94vw);padding:18px}
#largeCard{width:auto;max-width:100%;height:auto;max-height:76svh;object-fit:contain;margin:0 auto;border-radius:10px}
@media(max-width:900px) and (min-width:641px){.game-section{grid-template-columns:1fr 1fr;gap:28px}.playing-card,.card-shadow{width:min(300px,100%)}}
@media(max-width:640px){.playing-card,.card-shadow{width:min(320px,calc(100vw - 64px))}.game-table{padding-top:15px}.game-controls{gap:20px}}

.about-video{margin-top:30px;max-width:600px}.about-video .thumbnail{aspect-ratio:16/9}.about>div:nth-child(2){align-self:center}

@media(max-width:640px){header nav{gap:8px}header nav a{font-size:10px}header .brand{gap:8px}header .brand span{letter-spacing:1px}}