@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800;900&family=Barlow:wght@400;500;600;700&display=swap');
:root{--lima:#c5f04a;--bg:#171a16;--paper:#efede4;--line:#ffffff21}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--paper);font-family:Barlow,Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid var(--lima);outline-offset:5px}button{color:inherit}.wrap{max-width:1440px;padding:0 64px;margin:auto}.top{height:86px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:25px}.brand{font-size:29px;font-weight:700;letter-spacing:-1.5px;display:flex;align-items:center;gap:10px}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border:2px solid var(--lima);border-radius:50%;font-size:24px;color:var(--lima)}.nav{display:flex;gap:30px;font-size:12px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase}.nav a:hover{color:var(--lima)}.button{border:1px solid var(--line);background:transparent;border-radius:6px;padding:15px 22px;display:inline-flex;justify-content:center;align-items:center;gap:24px;font-weight:600;font-size:14px}.button.primary{background:var(--lima);border-color:var(--lima);color:#1b2213}.button:hover{filter:brightness(1.12);transform:translateY(-1px)}.button .arrow{font-size:23px;line-height:14px}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:700;text-transform:uppercase;display:flex;align-items:center;gap:10px}.dot{width:7px;height:7px;border-radius:50%;display:inline-block;background:var(--lima)}.hero{position:relative;display:grid;grid-template-columns:.95fr 1.05fr;min-height:600px;align-items:center;padding:44px 0 32px}.hero-copy{z-index:1}.hero h1{font:800 clamp(70px,7.9vw,114px)/.88 'Barlow Condensed',sans-serif;letter-spacing:-2px;text-transform:uppercase;margin:27px 0}.hero h1 em{font-style:normal;color:var(--lima)}.hero p{font-size:16px;line-height:1.65;color:#adb2a6;max-width:390px}.cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:29px}.hero-stage{position:relative;min-width:0;height:530px;align-self:end}.hero-stage:before{content:'';position:absolute;inset:55px 28px 30px;border-radius:50%;background:radial-gradient(ellipse,#7f8c5260,transparent 68%);border:1px solid #d3ee9e14;transform:rotate(-20deg)}.hero-stage:after{content:'CADALADO ORIGINALS';position:absolute;left:18%;bottom:20px;font-size:9px;letter-spacing:4px;color:#9ca98a}.hero-stage canvas{position:relative;width:100%;height:100%;touch-action:none;cursor:grab}.scene-note{position:absolute;right:0;top:24px;border:1px solid var(--line);border-radius:100px;font-size:10px;letter-spacing:1px;padding:10px 14px;color:#ced2c4}.hero-index{display:flex;align-items:center;gap:12px;margin-top:30px;color:#9b9f94;font-size:12px}.hero-index b{color:var(--paper)}.avatars{display:flex}.avatars i{width:24px;height:24px;border-radius:50%;border:2px solid var(--bg);margin-right:-7px;background:#c6c19a}.avatars i:nth-child(2){background:#dc8669}.avatars i:nth-child(3){background:#99b8bd}.strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:17px 0;display:flex;justify-content:space-between;gap:16px;color:#aab09f;font-size:11px;letter-spacing:1.6px;text-transform:uppercase}.strip strong{color:var(--paper);font-weight:500}.section{padding:60px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:25px}.section h2{font:700 42px/1.05 'Barlow Condensed',sans-serif;text-transform:uppercase;margin:8px 0}.muted{color:#a7ad9e;font-size:14px;line-height:1.6}.games{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.game{border:1px solid var(--line);border-radius:8px;overflow:hidden;background:#1d211b;transition:transform .2s,border-color .2s}.game:hover{transform:translateY(-5px);border-color:#c5f04a88}.game-art{height:190px;position:relative;overflow:hidden;background:#343f2b}.game-art img{width:100%;height:100%;object-fit:cover;filter:saturate(.7);transition:transform .4s}.game:hover img{transform:scale(1.04)}.game-art:after{content:'';position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#131b17aa)}.tag{position:absolute;z-index:1;top:12px;left:12px;background:#151a16db;border:1px solid #ffffff35;border-radius:4px;padding:6px 8px;font-size:9px;font-weight:700;letter-spacing:1px;text-transform:uppercase}.tag.lime{background:var(--lima);color:#243017;border:0}.game-body{padding:19px 20px}.game-top{display:flex;justify-content:space-between;align-items:center}.game h3{font:700 27px/1.1 'Barlow Condensed';margin:0;text-transform:uppercase}.game-body p{color:#a7ad9e;line-height:1.5;font-size:13px;min-height:39px;margin:10px 0 18px}.game-meta{font-size:10px;color:#c7cdbe;letter-spacing:.7px;display:flex;justify-content:space-between;padding-top:15px;border-top:1px solid var(--line)}.feature{background:#c5f04a;color:#202719;border-radius:8px;padding:30px 34px;display:flex;align-items:center;gap:28px;margin-top:22px}.feature h3{font:700 30px/1 'Barlow Condensed';text-transform:uppercase;margin:0 0 8px}.feature p{font-size:13px;margin:0;max-width:610px;line-height:1.5}.feature .button{margin-left:auto;border-color:#2c381d66;white-space:nowrap}.roster{display:grid;grid-template-columns:1.1fr .9fr;background:#232820;border:1px solid var(--line);border-radius:8px;overflow:hidden}.roster-view{height:470px;position:relative;background:radial-gradient(ellipse,#53604455,transparent 70%)}.roster-view canvas{width:100%;height:100%;cursor:grab;touch-action:none}.roster-index{position:absolute;top:24px;left:24px;font:500 12px monospace;color:#a6b193}.rotate-note{position:absolute;bottom:24px;width:100%;text-align:center;color:#9ca891;font-size:11px;letter-spacing:1px}.roster-info{align-self:center;padding:40px 44px}.roster-info h3{font:800 65px/1 'Barlow Condensed';text-transform:uppercase;margin:18px 0}.quote{font-size:17px;line-height:1.6;min-height:76px;color:#c3cbb8}.roster-controls{display:flex;gap:8px;flex-wrap:wrap;margin-top:25px}.round{width:44px;height:44px;background:transparent;border:1px solid #ffffff30;border-radius:50%;font-size:24px}.small-btn{font-size:12px;padding:10px 14px;background:#333d2c;border:1px solid #ffffff18;border-radius:4px}.roster-pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.roster-pills button{padding:7px 12px;border:1px solid var(--line);background:transparent;border-radius:100px;font-size:11px;color:#b9c2ab}.roster-pills button[aria-pressed=true]{background:var(--lima);color:#233017}.footer{padding:28px 0;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;color:#929b85;font-size:12px}.footer a:hover{color:var(--lima)}.room-status{color:#c5f04a}.empty-note{color:#a4aa9d} @media(max-width:1050px){.wrap{padding:0 30px}.hero h1{font-size:90px}.hero-stage{height:460px}.nav{gap:17px}.games{grid-template-columns:repeat(2,1fr)}.hero{min-height:540px}.strip span:nth-child(3){display:none}.roster-info{padding:30px}.feature{padding:24px}}@media(max-width:680px){.wrap{padding:0 20px}.top{height:72px}.brand{font-size:25px}.nav{display:none}.top>.button{font-size:12px;padding:10px 14px}.hero{display:flex;flex-direction:column;align-items:stretch;padding-top:34px}.hero h1{font-size:78px;margin:20px 0}.hero p{font-size:14px}.hero-stage{height:330px;width:100%;margin-top:-10px;align-self:center}.hero-index{margin-top:22px}.hero-stage:before{inset:10px 24px}.scene-note{top:30px;font-size:8px}.strip{font-size:9px;letter-spacing:.8px}.strip span:nth-child(2){display:none}.section{padding:38px 0}.section h2{font-size:33px}.section-head .muted{display:none}.games{grid-template-columns:1fr}.game-art{height:215px}.feature{display:block}.feature .button{margin-top:18px}.roster{grid-template-columns:1fr}.roster-view{height:340px}.roster-info{padding:25px}.roster-info h3{font-size:48px}.quote{min-height:55px}.footer{align-items:start;gap:20px;flex-direction:column}.button{padding:14px 18px}.roster-index{top:18px}.hero-stage:after{bottom:8px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.rotate-note{left:0}

.game-jugar{background:var(--lima);color:#1b2213;font:800 12px/1 'Barlow Condensed',sans-serif;letter-spacing:1px;text-transform:uppercase;padding:7px 14px;border-radius:5px}
.game:hover .game-jugar{filter:brightness(1.08)}
.game-meta{align-items:center}
/* El casino de Dobro: ocupa los 3 lugares de la fila, todo dorado y animado */
@property --oro-giro{syntax:'<angle>';inherits:false;initial-value:0deg}
.game.casino-oro{grid-column:1/-1;position:relative;isolation:isolate;display:grid;grid-template-columns:1.55fr 1fr;min-height:360px;border:0;border-radius:12px;padding:3px;overflow:hidden;background:conic-gradient(from var(--oro-giro),#7a5410,#f2c94c,#fff3c0,#d4a017,#7a5410,#f2c94c,#fff3c0,#7a5410);animation:oro-giro 5s linear infinite,oro-latido 3s ease-in-out infinite;box-shadow:0 0 30px #f2c94c44,0 20px 60px #000a}
.game.casino-oro:hover{transform:translateY(-6px) scale(1.005);box-shadow:0 0 60px #f2c94c88,0 24px 70px #000c}
.casino-oro>.game-art,.casino-oro>.game-body{position:relative;z-index:1}
.casino-oro .game-art{height:auto;border-radius:10px 0 0 10px;background:#2a1a08}
.casino-oro .game-art img{filter:saturate(1.15) contrast(1.05)}
.casino-oro .game-art:after{inset:0;background:linear-gradient(90deg,transparent 55%,#1a1206 100%),linear-gradient(transparent 60%,#1a1206cc)}
.casino-oro .game-art::before{content:'';position:absolute;z-index:2;inset:0;background:linear-gradient(105deg,transparent 35%,#fff6c855 48%,#ffffffaa 50%,#fff6c855 52%,transparent 65%);transform:translateX(-120%);animation:oro-brillo 3.6s ease-in-out infinite;pointer-events:none}
.casino-oro .game-body{display:flex;flex-direction:column;justify-content:center;gap:4px;padding:30px 34px;border-radius:0 10px 10px 0;background:radial-gradient(ellipse at 70% 0%,#4a3510 0%,#1f1608 55%,#140e05 100%)}
.oro-titulo small{font:700 11px Barlow,sans-serif;letter-spacing:3px;text-transform:uppercase;color:#f2c94c;opacity:.85}
.casino-oro .game-body h3{font:800 clamp(40px,4.4vw,64px)/.92 'Barlow Condensed',sans-serif;margin:8px 0 4px;background:linear-gradient(100deg,#a8761a 0%,#f2c94c 25%,#fffbe6 40%,#f2c94c 55%,#b8862a 75%,#f2c94c 100%);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:oro-texto 4s linear infinite;filter:drop-shadow(0 2px 12px #f2c94c55)}
.casino-oro .game-body p{color:#e9dcb8;font-size:15px;min-height:0;margin:8px 0 14px}
.oro-juegos{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}
.oro-juegos span{border:1px solid #f2c94c66;background:#f2c94c14;color:#ffe9a8;border-radius:100px;padding:6px 13px;font:700 12px Barlow,sans-serif;letter-spacing:1px;text-transform:uppercase}
.casino-oro .game-meta{border-top-color:#f2c94c33;color:#e6d29c;font-size:11px}
.casino-oro .game-jugar{background:linear-gradient(180deg,#ffe58a,#f2c94c 45%,#c9961e);color:#2a1a04;font-size:17px;padding:11px 26px;border-radius:7px;box-shadow:0 0 0 0 #f2c94caa;animation:oro-pulso 1.8s infinite}
.tag.oro{background:linear-gradient(90deg,#c9961e,#f2c94c);color:#2a1a04;border:0;font-size:10px}
.oro-luz{position:absolute;z-index:2;top:-30%;left:-10%;width:60%;height:160%;pointer-events:none;background:radial-gradient(ellipse,#ffe9a826,transparent 60%);animation:oro-luz 7s ease-in-out infinite alternate}
.oro-chispas{position:absolute;z-index:3;inset:0;pointer-events:none;overflow:hidden;border-radius:12px}
.oro-chispas i{position:absolute;bottom:-12px;left:calc(var(--i) * 7.1% + 2%);width:6px;height:6px;border-radius:50%;background:#fff3c0;box-shadow:0 0 10px 3px #f2c94ccc;opacity:0;animation:oro-chispa calc(3.2s + var(--i) * .23s) linear infinite;animation-delay:calc(var(--i) * -.61s)}
.oro-chispas i:nth-child(3n){width:4px;height:4px}.oro-chispas i:nth-child(4n){width:8px;height:8px;border-radius:1px;transform:rotate(45deg)}
@keyframes oro-giro{to{--oro-giro:360deg}}
@keyframes oro-latido{50%{box-shadow:0 0 55px #f2c94c77,0 20px 60px #000a}}
@keyframes oro-brillo{0%,15%{transform:translateX(-120%)}60%,100%{transform:translateX(120%)}}
@keyframes oro-texto{to{background-position:-250% 0}}
@keyframes oro-pulso{0%{box-shadow:0 0 0 0 #f2c94caa}70%{box-shadow:0 0 0 14px #f2c94c00}100%{box-shadow:0 0 0 0 #f2c94c00}}
@keyframes oro-luz{to{transform:translateX(150%)}}
@keyframes oro-chispa{0%{transform:translateY(0) scale(.6);opacity:0}10%{opacity:1}80%{opacity:.9}100%{transform:translateY(-400px) translateX(20px) scale(1.1);opacity:0}}
@media(max-width:820px){.game.casino-oro{grid-template-columns:1fr;min-height:0}.casino-oro .game-art{height:230px;border-radius:10px 10px 0 0}.casino-oro .game-art:after{background:linear-gradient(transparent 50%,#1a1206)}.casino-oro .game-body{border-radius:0 0 10px 10px;padding:22px}}
@media(prefers-reduced-motion:reduce){.game.casino-oro,.casino-oro *{animation:none!important}}

.brand .brand-logo{width:34px;height:34px;display:block;flex:none}