/* ===== PALETTE ===== */
:root{
  --accent:#b49aff;--accent-dim:#9478e0;--accent-glow:rgba(180,154,255,.4);
  --warm:#f0c078;--warm-light:#f8dca8;
  --deep:#1f2251;--mid:#282b64;--surface:#323678;--surface-light:#3d4290;
  --text:#f5f1fc;--text-dim:#d0c8e5;
  --border:rgba(180,154,255,.22);--border-active:rgba(180,154,255,.55);
  --card-back-1:#4a46a0;--card-back-2:#363280;--card-back-3:#2a2868;
  --slot-w:114px;--slot-h:182px;--fan-card-w:102px;--fan-card-h:163px
}
@media(max-width:1024px){:root{--slot-w:94px;--slot-h:150px;--fan-card-w:90px;--fan-card-h:144px}}
@media(max-width:820px){:root{--slot-w:78px;--slot-h:125px;--fan-card-w:80px;--fan-card-h:128px}}
@media(max-width:700px){:root{--slot-w:78px;--slot-h:125px;--fan-card-w:58px;--fan-card-h:87px}}
@media(max-width:400px){:root{--slot-w:70px;--slot-h:112px;--fan-card-w:52px;--fan-card-h:78px}}

*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-tap-highlight-color:transparent}
body{font-family:'Source Serif 4',Georgia,serif;background:var(--deep);color:var(--text);min-height:100vh;min-height:100dvh;overflow-x:hidden;line-height:1.75;-webkit-font-smoothing:antialiased}

/* Particle canvas */
#particles{position:fixed;inset:0;z-index:0;pointer-events:none}

/* Animated nebula — large drifting gradient blob */
body::before{content:'';position:fixed;inset:-50%;width:200%;height:200%;z-index:0;pointer-events:none;background:radial-gradient(circle at 30% 40%,rgba(180,154,255,.14),transparent 40%),radial-gradient(circle at 70% 60%,rgba(100,130,255,.1),transparent 35%),radial-gradient(circle at 50% 20%,rgba(240,192,120,.07),transparent 30%),radial-gradient(circle at 20% 80%,rgba(148,120,224,.08),transparent 35%);animation:nebula-drift 25s ease-in-out infinite alternate}
@keyframes nebula-drift{0%{transform:translate(0,0) rotate(0deg) scale(1)}33%{transform:translate(-4%,3%) rotate(1.5deg) scale(1.02)}66%{transform:translate(3%,-3%) rotate(-1deg) scale(.98)}100%{transform:translate(-2%,4%) rotate(.8deg) scale(1.01)}}

/* Stars layer */
body::after{content:'';position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(1.2px 1.2px at 12% 22%,rgba(255,255,255,.3) 50%,transparent 50%),radial-gradient(1px 1px at 42% 62%,rgba(255,255,255,.2) 50%,transparent 50%),radial-gradient(1.5px 1.5px at 68% 12%,rgba(255,255,255,.25) 50%,transparent 50%),radial-gradient(1px 1px at 88% 52%,rgba(255,255,255,.15) 50%,transparent 50%),radial-gradient(1.8px 1.8px at 22% 78%,rgba(255,255,255,.22) 50%,transparent 50%),radial-gradient(1.2px 1.2px at 58% 32%,rgba(255,255,255,.18) 50%,transparent 50%),radial-gradient(1.5px 1.5px at 95% 72%,rgba(255,255,255,.28) 50%,transparent 50%),radial-gradient(1px 1px at 5% 48%,rgba(255,255,255,.16) 50%,transparent 50%);background-size:280px 280px,320px 320px,260px 260px,380px 380px,300px 300px,350px 350px,240px 240px,330px 330px;animation:twinkle 8s ease-in-out infinite alternate}
@keyframes twinkle{0%{opacity:.5}50%{opacity:1}100%{opacity:.6}}

/* ===== APP ===== */
.app{position:relative;z-index:1;max-width:900px;margin:0 auto;padding:0 20px 60px}
.app::before{content:'';position:fixed;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(180,154,255,.1),rgba(120,80,220,.05),transparent 65%);pointer-events:none;z-index:0;animation:float-orb 20s ease-in-out infinite;top:5%;left:5%}
.app::after{content:'';position:fixed;width:350px;height:350px;border-radius:50%;background:radial-gradient(circle,rgba(100,140,255,.08),rgba(80,100,200,.04),transparent 65%);pointer-events:none;z-index:0;animation:float-orb2 28s ease-in-out infinite;bottom:10%;right:5%}
@keyframes float-orb{0%{top:5%;left:5%}25%{top:55%;left:65%}50%{top:15%;left:75%}75%{top:65%;left:15%}100%{top:5%;left:5%}}
@keyframes float-orb2{0%{bottom:10%;right:5%}30%{bottom:50%;right:60%}60%{bottom:20%;right:30%}100%{bottom:10%;right:5%}}
@media(max-width:700px){.app{padding:0 14px 40px}.app::before{width:300px;height:300px}.app::after{width:200px;height:200px}}

/* ===== HEADER ===== */
.header{text-align:center;padding:48px 0 20px}
@media(max-width:700px){.header{padding:32px 0 16px}}
.header::after{content:'';display:block;width:40px;height:2px;background:var(--accent-dim);margin:16px auto 0;opacity:.5;border-radius:1px}
.header h1{font-family:'Cinzel',Georgia,serif;font-size:clamp(1.6rem,5vw,2.8rem);font-weight:700;color:var(--warm);letter-spacing:.04em;line-height:1.2;margin-bottom:8px}
.header p{font-size:1.15rem;color:var(--text-dim);font-style:italic;max-width:500px;margin:0 auto}
@media(max-width:700px){.header p{font-size:1.05rem}}

/* ===== TIRADA SELECTOR ===== */
.tirada-selector{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-bottom:28px;padding:0 8px}
@media(max-width:700px){.tirada-selector{gap:6px;margin-bottom:18px}}
.tirada-btn{font-family:'Nunito',sans-serif;font-size:.9rem;font-weight:400;letter-spacing:.04em;text-transform:uppercase;padding:10px 20px;border:1px solid var(--border);background:rgba(180,154,255,.04);color:var(--text-dim);border-radius:20px;cursor:pointer;transition:all .3s}
@media(max-width:700px){.tirada-btn{font-size:.85rem;padding:11px 16px;min-height:44px;display:flex;align-items:center;justify-content:center}}
.tirada-btn:hover,.tirada-btn.active{border-color:var(--accent);color:var(--accent);background:rgba(180,154,255,.1)}

/* ===== INFO BAR ===== */
.info-bar{text-align:center;margin-bottom:12px}
.info-bar h2{font-family:'Nunito',sans-serif;font-size:1rem;font-weight:500;color:var(--accent);letter-spacing:.12em;text-transform:uppercase;margin-bottom:4px}
@media(max-width:700px){.info-bar h2{font-size:.9rem}}
.position-label{font-size:1.15rem;color:var(--text-dim)}
@media(max-width:700px){.position-label{font-size:1.05rem}}

/* ===== READING SLOTS ===== */
.reading-layout{display:flex;justify-content:center;align-items:flex-start;gap:40px 14px;flex-wrap:wrap;min-height:calc(var(--slot-h) + 36px);padding:14px 0 28px}
@media(max-width:820px){.reading-layout{gap:36px 10px;padding:12px 0 24px}}
.reading-layout.slots-7{display:flex;max-width:calc(4 * var(--slot-w) + 3 * 14px + 2px);margin-left:auto;margin-right:auto}
@media(max-width:820px){.reading-layout.slots-7{max-width:calc(4 * var(--slot-w) + 3 * 10px + 2px)}}
@media(max-width:700px){
  .reading-layout{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--slot-w),1fr));justify-items:center;justify-content:center;gap:36px 12px;padding:14px 14px 28px;margin:0}
  .reading-layout.slots-3{grid-template-columns:repeat(3,var(--slot-w))}
  .reading-layout.slots-5{display:flex;max-width:calc(3 * var(--slot-w) + 2 * 12px + 2px);margin-left:auto;margin-right:auto}
  .reading-layout.slots-7{display:flex;max-width:calc(4 * var(--slot-w) + 3 * 12px + 2px);margin-left:auto;margin-right:auto}
  .reading-layout.slots-10{grid-template-columns:repeat(5,1fr)}
}

.slot{width:var(--slot-w);height:var(--slot-h);border:1.5px dashed rgba(180,154,255,.22);border-radius:8px;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;background:rgba(180,154,255,.04);transition:all .4s;flex-shrink:0}
@media(max-width:700px){.slot{scroll-snap-align:center}}
.slot.next-slot{border-color:var(--border-active);box-shadow:0 0 22px rgba(148,120,224,.18);animation:pslot 2.5s ease-in-out infinite}
@keyframes pslot{0%,100%{box-shadow:0 0 14px rgba(148,120,224,.1)}50%{box-shadow:0 0 30px rgba(148,120,224,.28)}}
.slot.filled{border-color:rgba(180,154,255,.3);background:rgba(180,154,255,.05);box-shadow:none;animation:none}
.slot-label{position:absolute;bottom:-22px;left:50%;transform:translateX(-50%);font-family:'Nunito',sans-serif;font-size:.78rem;font-weight:400;color:var(--text-dim);text-transform:uppercase;letter-spacing:.08em;white-space:nowrap}
@media(max-width:700px){.slot-label{font-size:.74rem;bottom:-20px}}
@media(max-width:400px){.slot-label{font-size:.68rem;bottom:-18px}}

/* ===== LANDED CARD ===== */
.landed-card{width:100%;height:100%;border-radius:7px;overflow:hidden;display:flex;flex-direction:column;align-items:center;padding:0;background:var(--surface);border:1px solid rgba(180,154,255,.3);opacity:0;animation:cardLand .4s ease forwards}
@keyframes cardLand{0%{opacity:0;transform:translateY(-6px)}100%{opacity:1;transform:translateY(0)}}
.landed-card.has-img .lc-img{width:100%;height:100%;object-fit:cover;display:block;border-radius:6px}
.landed-card.has-video .lc-video{width:100%;height:100%;object-fit:cover;display:block;border-radius:6px}
.landed-card.has-emoji{padding:4px;background:var(--surface)}
.landed-card .lc-n{font-family:'Cinzel',serif;font-size:.62rem;color:var(--accent);opacity:.9;margin-top:2px}
.landed-card .lc-e{font-size:clamp(1.5rem,3.5vw,2.4rem);flex:1;display:flex;align-items:center;justify-content:center}
.landed-card .lc-name{font-family:'Nunito',sans-serif;font-size:clamp(.5rem,1.2vw,.65rem);color:var(--warm-light);text-align:center;letter-spacing:.04em;line-height:1.2;text-transform:uppercase;padding:0 3px}

.divider{width:40px;height:2px;background:var(--accent-dim);margin:8px auto 12px;opacity:.35;border-radius:1px}

/* ===== DECK ZONE ===== */
.deck-zone{position:relative;min-height:350px;display:flex;flex-direction:column;align-items:center;padding:12px 0 20px}
@media(max-width:820px){.deck-zone{min-height:310px}}
@media(max-width:700px){.deck-zone{min-height:auto;padding:8px 0 16px}}

.phase-label{font-family:'Nunito',sans-serif;font-size:.95rem;font-weight:300;color:var(--accent);letter-spacing:.12em;text-transform:uppercase;text-align:center;margin-bottom:22px;opacity:0;transition:opacity .4s;min-height:1.4em}
@media(max-width:700px){.phase-label{font-size:.85rem;margin-bottom:16px}}
.phase-label.vis{opacity:.9}

/* ===== PILE ===== */
.pile{position:relative;width:var(--fan-card-w);height:var(--fan-card-h);cursor:pointer;margin:0 auto}
.pile-card{position:absolute;width:var(--fan-card-w);height:var(--fan-card-h);border-radius:8px;overflow:hidden;border:1px solid rgba(180,154,255,.35);box-shadow:0 2px 12px rgba(0,0,0,.25)}
.pile-card-art{display:none}
.pile-card video{width:100%;height:100%;object-fit:cover;display:block;border-radius:7px}

/* Shuffle keyframes */
@keyframes sL{0%{transform:var(--base) translate(0,0)}30%{transform:var(--base) translate(-40px,-10px) rotate(-8deg)}60%{transform:var(--base) translate(20px,5px) rotate(4deg)}100%{transform:var(--base) translate(0,0)}}
@keyframes sR{0%{transform:var(--base) translate(0,0)}30%{transform:var(--base) translate(40px,-10px) rotate(8deg)}60%{transform:var(--base) translate(-20px,5px) rotate(-4deg)}100%{transform:var(--base) translate(0,0)}}
@keyframes sM{0%{transform:var(--base) translate(0,0)}25%{transform:var(--base) translate(0,-20px) rotate(-3deg)}50%{transform:var(--base) translate(0,10px) rotate(3deg)}100%{transform:var(--base) translate(0,0)}}
.pile.shuffling .pile-card:nth-child(odd){animation:sL .5s ease}
.pile.shuffling .pile-card:nth-child(even){animation:sR .5s ease}
.pile.shuffling .pile-card:nth-child(3n){animation:sM .5s ease}

/* ===== FAN ===== */
.fan-wrap{position:relative;width:100%;height:330px;display:none;overflow:visible}
@media(max-width:820px){.fan-wrap{height:270px}}
@media(max-width:700px){.fan-wrap{height:auto;min-height:200px;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 0;padding:10px 6px;overflow:visible}}
@media(max-width:400px){.fan-wrap{min-height:180px;padding:8px 4px}}

.fan-card{position:absolute;width:var(--fan-card-w);height:var(--fan-card-h);border-radius:8px;cursor:pointer;transform-origin:bottom center;bottom:0;left:50%;margin-left:calc(var(--fan-card-w) / -2);transition:transform .5s cubic-bezier(.4,0,.2,1),opacity .35s,box-shadow .25s,filter .25s}
.fan-card:hover:not(.gone){box-shadow:0 0 30px rgba(148,120,224,.4),0 8px 25px rgba(0,0,0,.35);z-index:200!important;filter:brightness(1.18)}
.fan-card.gone{opacity:0;pointer-events:none;transition:opacity .12s}
@media(max-width:700px){
  .fan-card{position:relative!important;left:auto!important;bottom:auto!important;margin-left:-8px!important;margin-right:-8px!important;transform:none!important;opacity:1!important;flex-shrink:0;transition:transform .2s ease,box-shadow .2s ease,opacity .2s!important}
  .fan-card:active:not(.gone){transform:scale(.93)!important;box-shadow:0 0 20px rgba(148,120,224,.5);z-index:200!important}
  .fan-card.gone{display:none!important}
}

.fan-card-inner{width:100%;height:100%;border-radius:8px;overflow:hidden;border:1px solid rgba(180,154,255,.35);box-shadow:0 3px 14px rgba(0,0,0,.25);transition:box-shadow .25s}
.fan-card-inner video{width:100%;height:100%;object-fit:cover;display:block;border-radius:7px}
.fan-card:hover:not(.gone) .fan-card-inner{border-color:rgba(180,154,255,.55)}
.fan-card-art{display:none}

/* ===== ACTIONS ===== */
.actions{display:flex;justify-content:center;gap:10px;margin-top:16px}
@media(max-width:700px){.actions{margin-top:12px;gap:8px}}
.action-btn{font-family:'Nunito',sans-serif;font-size:.9rem;font-weight:500;letter-spacing:.06em;text-transform:uppercase;padding:12px 26px;border:none;border-radius:20px;cursor:pointer;transition:all .3s}
@media(max-width:700px){.action-btn{font-size:.85rem;padding:14px 24px;min-height:44px}}
.btn-shuffle{background:rgba(180,154,255,.12);color:var(--accent);border:1px solid rgba(180,154,255,.28);animation:pulse-glow 3s ease infinite}
@keyframes pulse-glow{0%,100%{box-shadow:0 0 10px rgba(148,120,224,.12)}50%{box-shadow:0 0 28px rgba(148,120,224,.3)}}
.btn-shuffle:hover{background:rgba(180,154,255,.2);box-shadow:0 0 24px rgba(148,120,224,.25);transform:translateY(-2px);animation:none}
.btn-reset{background:transparent;color:var(--text-dim);border:1px solid rgba(255,255,255,.12)}
.btn-reset:hover{border-color:rgba(255,255,255,.25);color:var(--text)}

/* ===== FLY CLONE ===== */
.fly-clone{position:fixed;z-index:9999;pointer-events:none;border-radius:8px;overflow:hidden;box-shadow:0 0 35px rgba(148,120,224,.4),0 10px 35px rgba(0,0,0,.35)}

/* ===== RESULTS ===== */
.results{display:none;padding:32px 0 40px;animation:fadeUp .7s ease}.results.visible{display:block}
@keyframes fadeUp{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}
.results-header{text-align:center;margin-bottom:36px}
.results-header h2{font-family:'Cinzel',serif;font-size:clamp(1.4rem,3.5vw,2rem);color:var(--warm);margin-bottom:6px;font-weight:600}
.results-header p{color:var(--text-dim);font-style:italic;font-size:1.1rem}
.result-card{background:rgba(50,54,120,.55);border:1px solid rgba(180,154,255,.15);border-left:3px solid rgba(180,154,255,.4);border-radius:10px;padding:26px 26px 26px 24px;margin-bottom:16px;position:relative;overflow:hidden;animation:fadeUp .5s ease backwards;transition:box-shadow .3s ease,border-color .3s ease;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}
.result-card:hover{box-shadow:0 0 24px rgba(180,154,255,.12);border-color:rgba(180,154,255,.25)}
.result-card::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--accent-dim),transparent);opacity:.18}
.result-card:nth-child(2){animation-delay:.07s}.result-card:nth-child(3){animation-delay:.14s}.result-card:nth-child(4){animation-delay:.21s}.result-card:nth-child(5){animation-delay:.28s}.result-card:nth-child(6){animation-delay:.35s}.result-card:nth-child(7){animation-delay:.42s}.result-card:nth-child(8){animation-delay:.49s}.result-card:nth-child(9){animation-delay:.56s}.result-card:nth-child(10){animation-delay:.63s}
@media(max-width:700px){.result-card{padding:22px 18px 22px 16px}}
.result-header{display:flex;align-items:center;gap:14px;margin-bottom:12px}
.result-emoji{font-size:2.2rem;flex-shrink:0}
.result-img{width:64px;height:102px;border-radius:5px;object-fit:cover;flex-shrink:0;border:1px solid rgba(180,154,255,.3);box-shadow:0 3px 14px rgba(0,0,0,.25)}
@media(max-width:700px){.result-img{width:54px;height:86px}}
.result-video{width:64px;height:102px;border-radius:5px;object-fit:cover;flex-shrink:0;border:1px solid rgba(180,154,255,.3);box-shadow:0 3px 14px rgba(0,0,0,.25)}
@media(max-width:700px){.result-video{width:54px;height:86px}}
.result-meta h3{font-family:'Nunito',sans-serif;font-size:.85rem;font-weight:500;color:var(--accent);letter-spacing:.12em;text-transform:uppercase;margin-bottom:3px}
.result-meta h4{font-family:'Cinzel',serif;font-size:1.15rem;color:var(--warm-light);font-weight:600}
.result-text{font-size:1.12rem;line-height:1.85;color:var(--text)}

/* ===== CTA ===== */
.cta-section{text-align:center;padding:44px 24px;margin:24px 0 36px;background:rgba(180,154,255,.06);border:1px solid rgba(180,154,255,.14);border-radius:14px;position:relative;overflow:hidden}
.cta-section::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 0%,rgba(148,120,224,.1),transparent 60%)}
.cta-section h3{font-family:'Cinzel',serif;font-size:clamp(1.1rem,3vw,1.5rem);color:var(--warm);margin-bottom:10px;position:relative;font-weight:600}
.cta-section>p{font-size:1.05rem;color:var(--text-dim);margin-bottom:22px;max-width:440px;margin-left:auto;margin-right:auto;position:relative}
.cta-phone{display:inline-flex;align-items:center;gap:8px;font-family:'Nunito',sans-serif;font-size:1.15rem;font-weight:600;color:var(--deep);background:linear-gradient(135deg,var(--warm),var(--warm-light));padding:15px 36px;border-radius:28px;text-decoration:none;transition:all .3s;box-shadow:0 4px 22px rgba(240,192,120,.25);position:relative}
.cta-phone:hover{transform:translateY(-3px);box-shadow:0 7px 30px rgba(240,192,120,.35)}
.cta-secondary{display:block;margin-top:14px;font-size:1.02rem;color:var(--text-dim);position:relative}
.cta-secondary a{color:var(--accent);text-decoration:none;border-bottom:1px solid rgba(180,154,255,.3)}

/* ===== EMAIL ===== */
.email-capture{text-align:center;padding:24px;margin:18px 0;background:rgba(180,154,255,.05);border:1px solid rgba(180,154,255,.12);border-radius:10px}
.email-capture h4{font-family:'Nunito',sans-serif;font-size:.95rem;font-weight:500;color:var(--accent);letter-spacing:.08em;margin-bottom:6px;text-transform:uppercase}
.email-capture p{font-size:1.05rem;color:var(--text-dim);margin-bottom:14px}
.email-form{display:flex;gap:8px;max-width:400px;margin:0 auto}
.email-form input{flex:1;padding:12px 14px;border:1px solid var(--border);border-radius:8px;background:rgba(31,34,81,.8);color:var(--text);font-family:'Source Serif 4',serif;font-size:1.05rem;outline:none}
.email-form input::placeholder{color:var(--text-dim);opacity:.5}
.email-form input:focus{border-color:var(--accent)}
.email-form button{font-family:'Nunito',sans-serif;font-size:.85rem;font-weight:500;letter-spacing:.06em;text-transform:uppercase;padding:12px 22px;background:linear-gradient(135deg,var(--accent-dim),var(--accent));color:#fff;border:none;border-radius:8px;cursor:pointer;white-space:nowrap}
@media(max-width:480px){.email-form{flex-direction:column}}

/* ===== SHARE ===== */
.share-bar{display:flex;justify-content:center;gap:8px;margin:20px 0;flex-wrap:wrap}
.share-btn{padding:10px 18px;border-radius:20px;border:1px solid var(--border);background:transparent;color:var(--text-dim);font-family:'Nunito',sans-serif;font-size:.82rem;font-weight:400;letter-spacing:.04em;cursor:pointer;transition:all .3s;text-decoration:none;display:inline-flex;align-items:center;gap:5px}
.share-btn:hover{border-color:var(--accent);color:var(--accent)}

/* ===== TOUCH FEEDBACK ===== */
.tirada-btn:active{background:rgba(180,154,255,.15);border-color:var(--accent);color:var(--accent);transform:scale(.97)}
.btn-shuffle:active{background:rgba(180,154,255,.25);box-shadow:0 0 28px rgba(148,120,224,.3);transform:scale(.97)}
.btn-reset:active{border-color:rgba(255,255,255,.25);color:var(--text);transform:scale(.97)}
.slot.next-slot:active{border-color:rgba(180,154,255,.6);box-shadow:0 0 30px rgba(148,120,224,.3)}
.share-btn:active{border-color:var(--accent);color:var(--accent);background:rgba(180,154,255,.1);transform:scale(.97)}
.cta-phone:active{transform:scale(.97);box-shadow:0 4px 26px rgba(240,192,120,.35)}
.pile:active .pile-card:last-child{box-shadow:0 0 24px rgba(148,120,224,.3)}

/* ===== SAFE AREA ===== */
@supports(padding:max(0px)){.app{padding-left:max(20px,env(safe-area-inset-left));padding-right:max(20px,env(safe-area-inset-right))}}

/* ===== MAIN NAV ===== */
.main-nav{position:relative;z-index:2;display:flex;align-items:center;padding:12px 24px}
@media(max-width:700px){.main-nav{padding:10px 16px}}
.nav-logo{font-family:'Cinzel',Georgia,serif;font-size:1rem;font-weight:600;color:var(--warm);text-decoration:none;letter-spacing:.06em;opacity:.85;transition:opacity .3s}
.nav-logo:hover{opacity:1}

/* ===== TIRADA SELECTOR AS LINKS ===== */
a.tirada-btn{text-decoration:none;display:inline-flex;align-items:center;justify-content:center}

/* ===== HOME GRID ===== */
.tirada-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px;max-width:900px;margin:0 auto 40px;padding:0 8px}
@media(max-width:700px){.tirada-grid{grid-template-columns:repeat(2,1fr);gap:14px;padding:0 4px}}
@media(max-width:400px){.tirada-grid{grid-template-columns:1fr;gap:12px}}

.tirada-card{display:flex;flex-direction:column;background:rgba(50,54,120,.55);border:1px solid rgba(180,154,255,.15);border-radius:12px;overflow:hidden;text-decoration:none;color:var(--text);transition:transform .3s,box-shadow .3s,border-color .3s;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}
.tirada-card:hover{transform:translateY(-4px);box-shadow:0 8px 30px rgba(148,120,224,.2);border-color:rgba(180,154,255,.35)}
.tirada-card:active{transform:scale(.98)}

.tirada-card-img{position:relative;width:100%;aspect-ratio:3/4;overflow:hidden}
.tirada-card-img img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.tirada-card:hover .tirada-card-img img{transform:scale(1.05)}

.tirada-card-info{padding:16px;text-align:center}
.tirada-card-info h3{font-family:'Cinzel',Georgia,serif;font-size:1.05rem;font-weight:600;color:var(--warm-light);margin-bottom:4px}
.tirada-card-count{font-family:'Nunito',sans-serif;font-size:.82rem;color:var(--text-dim);letter-spacing:.08em;text-transform:uppercase}

/* ===== SEO CONTENT ===== */
.seo-content{max-width:780px;margin:32px auto 0;padding:24px;background:rgba(50,54,120,.35);border:1px solid rgba(180,154,255,.1);border-radius:10px;color:var(--text-dim);font-size:1.05rem;line-height:1.85}
.seo-content p{margin-bottom:12px}
.seo-content p:last-child{margin-bottom:0}
.seo-content h2,.seo-content h3{font-family:'Cinzel',Georgia,serif;color:var(--warm-light);margin-bottom:8px}

/* ===== REVERSED INDICATOR ===== */
.reversed-indicator{position:absolute;bottom:4px;left:50%;transform:translateX(-50%);font-family:'Nunito',sans-serif;font-size:.6rem;font-weight:500;color:var(--warm);background:rgba(31,34,81,.85);padding:2px 8px;border-radius:8px;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;z-index:2}
.reversed-badge{color:var(--warm);font-weight:500;font-size:.9em}
.landed-card.reversed{position:relative}