/*
Theme Name: Lúdica Norte Premium
Author: SER Marketing
Description: Tema WordPress premium para editorial de juegos de mesa con tienda de demostración.
Version: 2.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: ludica-norte
*/
:root{--black:#050505;--white:#f7f7f5;--grey:#aaa;--blue:#133fb2;--ease:cubic-bezier(.22,1,.36,1)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:var(--white);font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Helvetica Neue",Arial,sans-serif;font-size:16px;line-height:1.45;-webkit-font-smoothing:antialiased}body.no-scroll{overflow:hidden}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.nav{position:fixed;z-index:20;top:0;left:0;width:100%;height:68px;padding:0 clamp(22px,4vw,64px);display:flex;align-items:center;justify-content:space-between;background:rgba(5,5,5,.62);backdrop-filter:blur(24px) saturate(150%);-webkit-backdrop-filter:blur(24px) saturate(150%);border-bottom:1px solid rgba(255,255,255,.08)}.logo{display:flex;align-items:center;gap:11px;font-size:.9rem}.logo span{width:32px;height:32px;border:1px solid rgba(255,255,255,.36);border-radius:50%;display:grid;place-items:center;font-size:.68rem;font-weight:800}.logo b{letter-spacing:-.02em}.nav nav{display:flex;gap:34px;font-size:.82rem;color:#ddd}.bag{border:0;background:white;color:#050505;border-radius:999px;padding:9px 15px;font-size:.78rem;font-weight:700}.bag i{font-style:normal;background:#050505;color:white;border-radius:50%;width:19px;height:19px;display:inline-grid;place-items:center;margin-left:6px;font-size:.65rem}.hero{position:relative;min-height:100svh;overflow:hidden;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:120px clamp(25px,6vw,110px) 80px;background:radial-gradient(circle at 80% 40%,#242424 0,transparent 40%),#050505}.hero-copy{position:relative;z-index:3;max-width:770px}.overline{text-transform:uppercase;letter-spacing:.16em;font-size:.72rem;font-weight:700;color:#aaa}.hero h1{font-size:clamp(4.1rem,7vw,8.2rem);line-height:.84;letter-spacing:-.075em;margin:25px 0 32px}.hero h1 em{font-family:Georgia,serif;font-weight:400;color:#9ca7ff}.intro{font-size:clamp(1.05rem,1.5vw,1.35rem);color:#aaa;max-width:560px}.arrow-link{display:inline-flex;gap:18px;align-items:center;margin-top:32px;font-weight:650}.arrow-link span{display:grid;place-items:center;width:42px;height:42px;border:1px solid #555;border-radius:50%}.hero-stage{position:relative;height:min(75vw,760px);z-index:2;perspective:1400px}.glow{position:absolute;width:80%;aspect-ratio:1;top:15%;left:10%;background:#334df5;filter:blur(110px);opacity:.24;border-radius:50%}.box{position:absolute;width:57%;aspect-ratio:1;object-fit:cover;border-radius:3%;box-shadow:0 45px 100px rgba(0,0,0,.7);transition:transform 1.2s var(--ease);will-change:transform}.box-a{left:2%;top:25%;transform:rotateY(28deg) rotateZ(-12deg) translateZ(-100px)}.box-b{left:24%;top:10%;z-index:2;transform:rotateY(-12deg) rotateZ(5deg) translateZ(50px)}.box-c{right:-6%;top:30%;transform:rotateY(-28deg) rotateZ(14deg) translateZ(-100px)}.hero-stage:hover .box-a{transform:rotateY(18deg) rotateZ(-8deg) translate(-5%,-3%)}.hero-stage:hover .box-b{transform:rotateY(-5deg) rotateZ(2deg) translateY(-4%)}.hero-stage:hover .box-c{transform:rotateY(-18deg) rotateZ(9deg) translate(5%,-2%)}.edition{position:absolute;right:2%;bottom:4%;font-size:.68rem;letter-spacing:.13em;text-transform:uppercase;color:#999}.scroll-cue{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);font-size:.65rem;letter-spacing:.18em;text-transform:uppercase;color:#666}.statement{min-height:90vh;display:flex;flex-direction:column;justify-content:center;padding:12vw 8vw;background:#f4f4f2;color:#080808}.statement p{font-size:clamp(1rem,1.5vw,1.4rem);color:#777;margin-bottom:7vw}.statement h2{font-size:clamp(3.8rem,8vw,9.5rem);line-height:.9;letter-spacing:-.07em;margin:0}.statement h2 span{color:#aaa}.feature{min-height:100svh;display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;overflow:hidden;padding:100px 7vw;gap:5vw}.feature-dark{background:#090909}.feature-light{background:#eae9e4;color:#0a0a0a}.feature-blue{background:#071950}.feature-copy{max-width:600px;position:relative;z-index:2}.index{font-size:.68rem;letter-spacing:.18em;color:#888}.feature h2{font-size:clamp(4.2rem,7vw,8rem);line-height:.83;letter-spacing:-.075em;margin:24px 0 36px}.feature-copy>p:not(.overline){font-size:1.12rem;max-width:520px;color:#999}.feature-light .feature-copy>p:not(.overline){color:#555}.facts{display:flex;gap:30px;margin:36px 0;border-top:1px solid currentColor;padding-top:20px;opacity:.75}.facts span{font-size:.75rem}.facts b{font-size:1.3rem;display:block}.purchase{display:flex;gap:20px;align-items:center;margin-top:32px}.purchase strong{font-size:1.35rem}.purchase button,.checkout{border:0;background:#fff;color:#050505;padding:13px 19px;border-radius:999px;font-weight:700}.feature-light .purchase button{background:#050505;color:white}.feature-art{position:relative;display:grid;place-items:center}.feature-art:before{content:"";position:absolute;width:80%;aspect-ratio:1;border-radius:50%;background:rgba(100,100,255,.2);filter:blur(70px)}.feature-light .feature-art:before{background:rgba(236,95,75,.25)}.feature-blue .feature-art:before{background:rgba(255,184,70,.25)}.feature-art img{position:relative;width:min(78%,650px);aspect-ratio:1;object-fit:cover;border-radius:5%;box-shadow:0 60px 120px rgba(0,0,0,.45);transform:rotate(3deg)}.feature-light .feature-art img{transform:rotate(-4deg)}.philosophy{padding:12vw 7vw;background:#f6f6f4;color:#080808}.philosophy-head h2{font-size:clamp(4.5rem,9vw,10rem);line-height:.84;letter-spacing:-.075em;margin:30px 0 9vw}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:5vw}.principles article{border-top:1px solid #bbb;padding-top:22px}.principles span{color:#888;font-size:.72rem}.principles h3{font-size:1.7rem;letter-spacing:-.04em;margin:50px 0 12px}.principles p{color:#666}.club{min-height:90vh;position:relative;overflow:hidden;display:grid;place-items:center;text-align:center;padding:90px 25px;background:#030303}.club-orb{position:absolute;width:min(70vw,800px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff 0,#b9befe 8%,#5a70ff 22%,#16246c 49%,#02030b 70%);box-shadow:0 0 150px rgba(75,91,255,.4)}.club-copy{position:relative;z-index:2;max-width:720px}.club h2{font-size:clamp(4.4rem,9vw,9rem);line-height:.85;letter-spacing:-.075em;margin:28px 0}.club-copy>p:not(.overline){color:#c8c8c8}.signup{width:min(100%,540px);margin:38px auto 0;display:flex;background:rgba(255,255,255,.15);padding:6px;border:1px solid rgba(255,255,255,.25);border-radius:999px;backdrop-filter:blur(20px)}.signup input{flex:1;min-width:0;border:0;background:transparent;color:white;padding:13px 19px;outline:0}.signup input::placeholder{color:#bbb}.signup button{border:0;border-radius:999px;background:white;color:black;padding:12px 20px;font-weight:700}footer{padding:60px 5vw 32px;display:grid;grid-template-columns:1fr 1fr auto;gap:30px;align-items:start;background:#050505;color:#aaa;border-top:1px solid #222}footer div{display:flex;gap:25px}footer small{grid-column:1/-1;color:#555}.overlay{position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:40;opacity:0;pointer-events:none;transition:.35s}.overlay.open{opacity:1;pointer-events:auto}.drawer{position:fixed;z-index:41;right:0;top:0;width:min(480px,100%);height:100%;background:#f4f4f1;color:#090909;padding:32px;display:flex;flex-direction:column;transform:translateX(100%);transition:.55s var(--ease)}.drawer.open{transform:none}.drawer-head{display:flex;justify-content:space-between;border-bottom:1px solid #ccc;padding-bottom:22px}.drawer-head h3{font-size:2.4rem;letter-spacing:-.05em;margin:0}.close{border:0;background:transparent;font-size:2rem}.cart-items{flex:1;overflow:auto;padding-top:15px}.empty{text-align:center;color:#777;margin-top:100px}.cart-item{display:grid;grid-template-columns:70px 1fr auto;gap:14px;align-items:center;padding:15px 0;border-bottom:1px solid #ddd}.cart-item img{width:70px;height:70px;object-fit:cover;border-radius:8px}.small,.remove{font-size:.75rem;color:#777}.remove{border:0;background:transparent}.cart-total{border-top:1px solid #ccc;padding-top:20px}.total-row{display:flex;justify-content:space-between;font-size:1.5rem;font-weight:700}.checkout{width:100%;background:#050505;color:white;margin-top:18px}.cart-total p{font-size:.7rem;color:#888;text-align:center}.toast{position:fixed;z-index:50;bottom:28px;left:50%;transform:translate(-50%,20px);opacity:0;background:white;color:black;border-radius:999px;padding:12px 20px;transition:.25s;font-size:.8rem}.toast.show{opacity:1;transform:translate(-50%,0)}.reveal{opacity:0;transform:translateY(45px);transition:1s var(--ease)}.reveal.visible{opacity:1;transform:none}
@media(max-width:900px){.nav nav{display:none}.hero{grid-template-columns:1fr;padding:110px 22px 45px;align-content:start}.hero h1{font-size:clamp(3.55rem,15.2vw,6rem);margin:20px 0;line-height:.86}.intro{font-size:1rem;max-width:94%}.hero-stage{height:46vh;min-height:350px;margin-top:24px}.box{width:56%}.box-a{left:-5%;top:29%}.box-b{left:23%;top:7%}.box-c{right:-6%;top:31%}.edition{bottom:0}.scroll-cue{display:none}.statement{min-height:75vh;padding:95px 22px}.statement p{margin-bottom:65px}.statement h2{font-size:clamp(3.4rem,15vw,6rem)}.feature{min-height:auto;grid-template-columns:1fr;padding:90px 22px 75px;gap:50px}.feature h2{font-size:clamp(4rem,18vw,6.4rem)}.feature-art{order:-1}.feature-art img{width:84%}.facts{gap:18px}.philosophy{padding:95px 22px}.philosophy-head h2{font-size:clamp(4rem,17vw,7rem);margin-bottom:75px}.principles{grid-template-columns:1fr;gap:55px}.principles h3{margin-top:28px}.club{min-height:80vh}.club-orb{width:125vw}.club h2{font-size:clamp(4rem,17vw,6rem)}.signup{border-radius:22px;flex-direction:column;background:rgba(10,10,10,.45)}.signup button{width:100%}footer{grid-template-columns:1fr;padding:50px 22px}footer small{grid-column:auto}.drawer{padding:24px}}@media(max-width:420px){.hero h1{font-size:14.5vw}.hero-stage{min-height:310px}.facts{justify-content:space-between}.facts b{font-size:1.1rem}.purchase{justify-content:space-between}.feature-art img{width:92%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.box{transition:none}}