:root{color-scheme:dark;--bg:#0a0c14;--surface:#121626;--surface-2:#1a1f33;--border:#262c45;--text:#e8eaf3;--text-2:#9aa1bd;--cyan:#22d3ee;--magenta:#e879f9;--gold:#fbbf24;--green:#34d399;--red:#f87171;--amber:#f59e0b;--radius:14px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.65 system-ui,"Segoe UI",Roboto,sans-serif;font-variant-numeric:tabular-nums}a{color:var(--cyan);text-underline-offset:4px}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}:focus-visible{outline:3px solid var(--cyan);outline-offset:4px}h1,h2,h3{line-height:1.15;letter-spacing:-.035em;font-weight:800}h1{font-size:clamp(2.1rem,5vw,4rem);margin:.35em 0 .55em}h2{font-size:clamp(1.5rem,3vw,2.15rem)}h3{font-size:1.25rem}p{margin:.7em 0 1.1em}svg{display:block}.container{max-width:1200px;padding-inline:22px;margin:auto}.main{min-height:60vh;padding-top:36px;padding-bottom:48px}.header{border-bottom:1px solid var(--border);background:rgba(10,12,20,.95)}.header-inner{min-height:84px;display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{display:inline-flex;align-items:center;gap:10px;color:var(--text);text-decoration:none;font-size:1.35rem;font-weight:800;letter-spacing:-.04em}.accent{color:var(--cyan)}.desktop-nav{display:none;align-items:center;gap:22px}.desktop-nav a{text-decoration:none;color:var(--text-2);font-size:.9rem}.desktop-nav a:hover{color:var(--cyan)}.desktop-nav.open{display:flex;position:absolute;top:84px;left:0;right:0;padding:24px;background:var(--surface);z-index:10;flex-wrap:wrap}.menu-button{background:var(--surface);color:var(--text);border:1px solid var(--border);padding:8px 14px;border-radius:8px}.bottom-nav{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;bottom:0;inset-inline:0;z-index:20;background:var(--surface);border-top:1px solid var(--border);padding:10px 3px calc(10px + env(safe-area-inset-bottom))}.bottom-nav a{display:flex;align-items:center;flex-direction:column;gap:5px;color:var(--text-2);font-size:.65rem;text-decoration:none}.bottom-nav a:hover,.bottom-nav a[aria-current=page]{color:var(--cyan)}.bottom-nav svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.button{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:48px;padding:12px 22px;border:1px solid transparent;border-radius:10px;background:var(--cyan);color:var(--bg);font-weight:750;text-decoration:none;cursor:pointer;transition:transform .2s,filter .2s}.button:hover{filter:brightness(1.1);transform:translateY(-2px)}.button.secondary{background:var(--surface-2);border-color:var(--border);color:var(--text)}.button.small{padding:8px 16px;min-height:38px}.button.full{width:100%}.actions{display:flex;flex-wrap:wrap;gap:14px;margin:28px 0}.hero{display:grid;gap:28px;align-items:center;padding:25px 0 45px}.hero h1{max-width:780px}.lead{font-size:1.1rem;color:var(--text-2);max-width:650px}.eyebrow{font-size:.72rem;letter-spacing:.17em;font-weight:800;color:var(--cyan)}.muted{color:var(--text-2);font-size:.9rem}.hero-art{position:relative;min-height:335px;max-width:340px;width:100%;margin:10px auto}.collectible{position:absolute;width:230px;height:310px;border:1px solid var(--border);border-radius:18px;box-shadow:0 20px 80px #0008}.card-back{background:linear-gradient(140deg,#223049,#5d286c);transform:rotate(-15deg);left:5px;top:8px}.card-front{left:65px;top:8px;padding:24px;transform:rotate(9deg);background:linear-gradient(145deg,#163444,var(--surface) 45%,#34263c);border-color:#6688a1;display:flex;flex-direction:column;justify-content:space-between}.card-front svg{width:155px;stroke:var(--cyan);stroke-width:5;fill:none}.card-front strong{font-size:1.4rem;line-height:1.15}.card-front span{font-size:.56rem;letter-spacing:.14em;color:#c2cce1}.section{margin:40px 0 65px}.section-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;flex-wrap:wrap}.section-heading h2{margin-top:0}.grid,.category-grid{display:grid;gap:20px}.card{position:relative;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:26px;box-shadow:0 10px 30px #0002;transition:transform .25s,border-color .25s}.card:before{content:"";position:absolute;inset:-1px;z-index:-1;border-radius:inherit;background:conic-gradient(from 30deg,var(--cyan),var(--magenta),var(--gold),var(--cyan));opacity:0;transition:opacity .25s}.card:hover:before{opacity:.65}.card:hover{border-color:#5c5878}.card p{color:var(--text-2)}a.card{text-decoration:none;color:var(--text)}a.card:hover{transform:translateY(-4px)}.category-grid{grid-template-columns:repeat(auto-fit,minmax(155px,1fr))}.category{min-height:200px;padding:20px}.category-number{color:var(--magenta);font-size:2.1rem;font-weight:800}.category h3{min-height:44px}.feature-icon{font-size:2rem;color:var(--cyan)}.premium-banner{display:flex;justify-content:space-between;gap:25px;flex-wrap:wrap;background:radial-gradient(ellipse at top left,#23324b,var(--surface) 70%)}.price{font-size:3rem!important;letter-spacing:-.05em;font-weight:800;color:var(--text)!important;margin:.35em 0}.price small{font-size:1rem;color:var(--text-2);letter-spacing:0}.faq{max-width:850px;margin-inline:auto}details{border-bottom:1px solid var(--border);padding:20px 0}summary{cursor:pointer;font-weight:700}.footer{border-top:1px solid var(--border);padding-top:35px;padding-bottom:120px;color:var(--text-2);font-size:.9rem}.footer nav{display:flex;gap:20px;flex-wrap:wrap}.cookie-notice{padding:18px;border:1px solid var(--border);border-radius:10px;margin-top:28px}.skip{position:absolute;top:-100px;left:15px;z-index:100;background:var(--cyan);color:var(--bg);padding:10px}.skip:focus{top:10px}.page-heading{margin:24px 0 38px}.centered{text-align:center}.centered p{margin-inline:auto}.plan{max-width:520px;margin:0 auto}.benefits{padding-left:22px}.benefits li{margin:12px 0}.badge{display:inline-block;padding:5px 12px;border:1px solid var(--border);border-radius:30px;font-size:.8rem;background:var(--surface-2);color:var(--text)}.badge.success{color:var(--green)}.badge.warning{color:var(--amber)}.badge.danger{color:var(--red)}.notice{background:var(--surface-2);border:1px solid var(--border);border-left:3px solid var(--amber);padding:18px;border-radius:10px;margin:20px 0}.notice.success{border-left-color:var(--green)}.notice.danger{border-left-color:var(--red)}.notice h2{font-size:1.3rem}.auth-card{max-width:500px;margin:40px auto}.auth-card h1{font-size:2rem}.auth-links{display:flex;gap:16px;flex-wrap:wrap;margin-top:24px;font-size:.85rem}form{margin:15px 0}label{display:block;font-size:.9rem;font-weight:650;margin:17px 0 7px}input,select,textarea{width:100%;padding:12px 14px;border-radius:8px;border:1px solid #465070;background:var(--bg);color:var(--text);min-height:48px}form .button{margin-top:20px}.checkbox{display:flex;align-items:flex-start;gap:10px;font-weight:400}.checkbox input{width:20px;min-height:20px;margin-top:3px;flex-shrink:0;accent-color:var(--cyan)}.legal{max-width:850px;margin:30px auto;white-space:normal}.legal p{line-height:1.9;overflow-wrap:anywhere}.error-page{max-width:750px;margin:90px auto;text-align:center}.error-page pre{text-align:left;white-space:pre-wrap;overflow-wrap:anywhere}table{width:100%;border-collapse:collapse;background:var(--surface)}th,td{text-align:left;padding:16px;border-bottom:1px solid var(--border)}th{color:var(--text-2);font-size:.8rem}.table-wrap{overflow:auto}.medal{border-radius:50%;display:inline-grid;place-items:center;width:32px;height:32px;font-weight:800;color:var(--bg)}.medal.gold{background:var(--gold)}.medal.silver{background:#cbd5e1}.medal.bronze{background:#d69a68}.skeleton{background:linear-gradient(90deg,var(--surface),var(--surface-2),var(--surface));background-size:200% 100%;animation:shimmer 1.6s linear infinite;border-radius:8px;min-height:24px}.reveal{opacity:1}.js-reveal{opacity:0;transform:translateY(16px);transition:opacity .6s,transform .6s}.js-reveal.visible{opacity:1;transform:none}@keyframes shimmer{to{background-position:-200% 0}}@media(min-width:700px){.two{grid-template-columns:repeat(2,1fr)}.three{grid-template-columns:repeat(3,1fr)}.hero{grid-template-columns:1.7fr 1fr;padding:60px 0}.hero-art{transform:scale(.9)}}@media(min-width:960px){.desktop-nav{display:flex}.menu-button,.bottom-nav{display:none}.footer{padding-bottom:40px}.hero{min-height:570px}.main{padding-top:42px}.hero-art{transform:scale(1.1)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js-reveal{opacity:1;transform:none}}

/* Funciones de cliente: catálogo, calendario y calculadora. */
.top-head{display:none}.top-grid{display:grid;gap:16px}.top-row{display:grid;gap:12px}.product-thumb{width:75px;height:100px;object-fit:contain;float:left;margin:0 16px 8px 0}.product-image{max-width:260px;max-height:350px;object-fit:contain}.product-details{display:grid;grid-template-columns:minmax(100px,1fr) 2fr;gap:8px}.product-details dd{margin:0;overflow-wrap:anywhere}.history-chart{width:100%;height:auto;color:var(--text-2);background:var(--surface);border-radius:14px}.history-chart text{fill:currentColor;font-size:12px}.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;margin:24px 0}.calendar-grid>strong{text-align:center;font-size:.8rem}.calendar-day{min-height:64px;border:1px solid var(--border);border-radius:8px;padding:5px;text-decoration:none;overflow:hidden;background:var(--surface)}.calendar-day.today{border:2px solid var(--gold)}.calendar-day[aria-current]{outline:2px solid var(--cyan)}.calendar-chip{display:block;width:8px;height:8px;border-radius:50%;background:var(--magenta);font-size:0;margin:4px 0}.cat-pokemon{background:var(--gold)}.cat-yu-gi-oh{background:var(--magenta)}.cat-one-piece{background:var(--cyan)}.cat-dragon-ball{background:var(--amber)}.cat-lorcana{background:var(--green)}.cancelado h3{text-decoration:line-through}.loss{color:var(--red)}[aria-busy=true]{opacity:.65}[data-calculator-results] dl{display:grid;grid-template-columns:1fr 1fr}[data-calculator-results] dd{text-align:right}
@media(min-width:700px){.calendar-day{min-height:110px}.calendar-chip{width:auto;height:auto;border-radius:4px;font-size:.65rem;padding:1px 4px;color:var(--bg);overflow-wrap:anywhere}}
@media(min-width:960px){.top-grid{display:table;width:100%;border-collapse:collapse}.top-head,.top-row{display:table-row}.top-head>span,.top-row>[role=cell]{display:table-cell;padding:16px;border-bottom:1px solid var(--border);vertical-align:top}.top-head{font-weight:700;color:var(--text-2)}.top-row h3{font-size:1rem}.top-row{box-shadow:none}.top-row:before{display:none}}
.legend-key{display:inline-block;width:24px;height:8px;vertical-align:middle}
.admin-layout{display:grid;gap:1.5rem}.admin-nav{background:var(--surface,#121626);border:1px solid var(--border,#262c45);border-radius:14px;padding:1rem}.admin-nav nav{display:flex;flex-direction:column;gap:.6rem;margin-top:1rem}.admin-nav a[aria-current]{color:#22d3ee;font-weight:800}.admin-content{min-width:0}.admin-content td{max-width:28rem;overflow-wrap:anywhere}.admin-content form{margin-block:1rem}.admin-content textarea{width:100%;min-height:8rem}.admin-content input[type=checkbox]{width:auto}.admin-content code{overflow-wrap:anywhere}.admin-content .table-wrap{overflow:auto}button:disabled{opacity:.5;cursor:not-allowed}@media(min-width:960px){.admin-layout{grid-template-columns:210px minmax(0,1fr)}.admin-nav{align-self:start;position:sticky;top:6rem}.admin-nav summary{pointer-events:none}}
