:root{--primary: #1a365d;--primary-dark: #0f2444;--secondary: #d4af37;--secondary-light: #f4e4a6;--text: #333333;--text-light: #666666;--white: #ffffff;--bg-light: #f8f9fa;--shadow: 0 4px 20px rgba(0, 0, 0, .1);--shadow-hover: 0 8px 30px rgba(0, 0, 0, .15);--radius: 12px;--transition: all .3s ease}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:focus-visible{outline:3px solid var(--secondary);outline-offset:2px}.skip-link{position:absolute;top:-100px;left:0;background:var(--primary);color:#fff;padding:8px 16px;z-index:10000;transition:top .3s;outline:none}.skip-link:focus{top:0;outline:3px solid var(--secondary)}body{font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:var(--text);line-height:1.6;overflow-x:hidden}.container{max-width:1200px;margin:0 auto;padding:0 20px}a{text-decoration:none;color:inherit}img{max-width:100%;height:auto}.header{position:fixed;top:0;left:0;right:0;background:var(--white);z-index:1000;transition:var(--transition);box-shadow:0 2px 10px #0000000d}.header.scrolled{box-shadow:var(--shadow)}.header-content{display:flex;justify-content:space-between;align-items:center;padding:15px 0}.logo{height:50px;width:auto}.nav{display:flex;gap:30px}.nav a{font-weight:500;color:var(--text);transition:var(--transition);position:relative}.nav a:after{content:"";position:absolute;bottom:-5px;left:0;width:0;height:2px;background:var(--secondary);transition:var(--transition)}.nav a:hover{color:var(--primary)}.nav a:hover:after{width:100%}.menu-toggle{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:5px}.menu-toggle span{width:25px;height:3px;background:var(--text);border-radius:3px;transition:var(--transition)}.hero{min-height:100vh;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);display:flex;align-items:center;justify-content:center;text-align:center;position:relative;padding:100px 20px}.hero-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:url(/assets/banner-BxUVZ1v4.png) center/cover no-repeat;opacity:.15}.hero-content{position:relative;z-index:1}.hero h1{font-size:clamp(2.5rem,6vw,4rem);color:var(--white);margin-bottom:15px;font-weight:700;text-shadow:2px 2px 4px rgba(0,0,0,.2)}.hero-subtitle{font-size:clamp(1.1rem,3vw,1.5rem);color:var(--secondary);margin-bottom:10px;font-weight:500}.hero-text{font-size:1.2rem;color:#ffffffe6;margin-bottom:30px}.btn{display:inline-flex;align-items:center;gap:10px;padding:15px 30px;border-radius:50px;font-weight:600;font-size:1rem;transition:var(--transition);cursor:pointer;border:none}.btn-primary{background:#25d366;color:var(--white)}.btn-primary:hover{background:#20bd5a;transform:translateY(-3px);box-shadow:0 10px 25px #25d3664d}.info-cards{padding:80px 0;background:var(--white);margin-top:-50px;position:relative;z-index:2}.cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:25px}.card{background:var(--white);padding:30px;border-radius:var(--radius);box-shadow:var(--shadow);text-align:center;transition:var(--transition)}.card:hover{transform:translateY(-5px);box-shadow:var(--shadow-hover)}.card-icon{font-size:2.5rem;margin-bottom:15px}.card h3{color:var(--primary);margin-bottom:10px;font-size:1.2rem}.card p{color:var(--text-light);font-size:.95rem}.card a{color:var(--primary);font-weight:500}.card a:hover{color:var(--secondary)}.loterias{padding:80px 0;background:var(--bg-light)}.loterias h2,.about h2,.ubicacion h2{text-align:center;font-size:clamp(1.8rem,4vw,2.5rem);color:var(--primary);margin-bottom:10px}.section-subtitle{text-align:center;color:var(--text-light);margin-bottom:40px;font-size:1.1rem}.loterias-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px;max-width:900px;margin:0 auto}.loteria-item{background:var(--white);padding:25px 20px;border-radius:var(--radius);text-align:center;box-shadow:0 2px 10px #0000000d;transition:var(--transition);display:flex;flex-direction:column;align-items:center;gap:10px}.loteria-item:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.loteria-primitiva:hover{border-bottom:3px solid #2e7d32}.loteria-bonoloto:hover{border-bottom:3px solid #558b2f}.loteria-euromillones:hover,.loteria-nacional:hover{border-bottom:3px solid #1565c0}.loteria-quiniela:hover,.loteria-gordo:hover{border-bottom:3px solid #c62828}.loteria-eurodreams:hover{border-bottom:3px solid #7b1fa2}.loteria-lototurf:hover{border-bottom:3px solid #ef6c00}.loteria-quinigol:hover{border-bottom:3px solid #00838f}.loteria-quintuple:hover{border-bottom:3px solid #00695c}.loteria-icon{font-size:2rem}.loteria-icon-img{width:60px;height:60px;object-fit:contain}.loteria-item span:last-child{font-weight:500;color:var(--text)}.about{padding:80px 0;background:var(--white)}.about-content{display:flex;flex-direction:column;align-items:center;text-align:center;gap:50px}.about-text h2{text-align:center;margin-bottom:20px}.about-text p{margin-bottom:15px;color:var(--text-light);text-align:center}.about-badges{display:flex;gap:15px;flex-wrap:wrap;margin-top:25px;justify-content:center}.badge{background:var(--secondary-light);color:var(--primary-dark);padding:8px 16px;border-radius:50px;font-size:.85rem;font-weight:500}.about-image{border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}.about-image img{width:100%;display:block}.ubicacion{padding:80px 0;background:var(--bg-light)}.map-container{border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}.map-container iframe{display:block}.footer{background:#112981;color:var(--white);padding:60px 0 30px}.footer-content{display:grid;grid-template-columns:1fr 1fr;gap:50px;margin-bottom:40px}.footer-logo-img{max-width:280px;height:auto;margin-bottom:15px;border-radius:8px;object-fit:cover;object-position:left center;clip-path:inset(0 2px 0 0)}.footer-logo p{color:#fffc}.footer-contact h4{color:var(--secondary);margin-bottom:15px;font-size:1.1rem}.footer-contact p{margin-bottom:8px;color:#fffc}.footer-contact a{color:var(--white)}.footer-contact a:hover{color:var(--secondary)}.responsible-gaming{display:flex;justify-content:center;align-items:center;gap:20px;padding:25px 0;border-top:1px solid rgba(255,255,255,.1);flex-wrap:wrap}.responsible-gaming a{display:inline-flex;transition:var(--transition);opacity:.9}.responsible-gaming a:hover{opacity:1;transform:scale(1.05)}.responsible-gaming img{height:40px;width:auto}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:25px;text-align:center}.footer-bottom p{font-size:.9rem;color:#ffffffb3}.footer-bottom .legal{margin-top:10px;font-size:.8rem;color:#ffffff80}.footer-bottom .legal a{color:#fff9;text-decoration:underline}.footer-bottom .legal a:hover{color:var(--secondary)}.cookie-banner{position:fixed;bottom:0;left:0;right:0;background:var(--white);box-shadow:0 -4px 20px #00000026;z-index:9999;padding:20px;transform:translateY(100%);transition:transform .3s ease}.cookie-banner.show{transform:translateY(0)}.cookie-content{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}.cookie-content p{margin:0;color:var(--text-light);flex:1;min-width:250px}.cookie-content a{color:var(--primary);text-decoration:underline}.cookie-buttons{display:flex;gap:12px;flex-wrap:wrap}.cookie-buttons .btn{padding:10px 20px;font-size:.9rem}.btn-secondary{background:var(--bg-light);color:var(--text);border:1px solid #ddd}.btn-secondary:hover{background:#e9ecef}.whatsapp-float{position:fixed;bottom:100px;right:25px;background:#25d366;color:var(--white);width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 15px #25d36666;transition:var(--transition);z-index:998}.whatsapp-float:hover{transform:scale(1.1);box-shadow:0 6px 20px #25d36680}@media (max-width: 768px){.nav{position:fixed;top:80px;left:0;right:0;background:var(--white);flex-direction:column;padding:20px;gap:15px;box-shadow:var(--shadow);transform:translateY(-150%);opacity:0;transition:var(--transition)}.nav.active{transform:translateY(0);opacity:1}.menu-toggle{display:flex}.menu-toggle.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.menu-toggle.active span:nth-child(2){opacity:0}.menu-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(7px,-6px)}.about-content{gap:30px}.about-image{order:-1}.footer-content{grid-template-columns:1fr;text-align:center;gap:30px}.footer-logo img{margin:0 auto 15px;display:block}.info-cards{margin-top:-30px}}@media (max-width: 480px){.hero{padding:80px 15px}.btn{padding:12px 25px;font-size:.95rem}.cards-grid{grid-template-columns:1fr}.loterias-grid{grid-template-columns:repeat(2,1fr)}.whatsapp-float{width:55px;height:55px;bottom:20px;right:20px}}