:root{--bg-dark:#0f0f0f;--bg-card:#121212;--accent-green:#41e311;--text-main:#e0e0e0}body{background:var(--bg-dark);color:var(--text-main);margin:0;padding:0;font-family:Inter,-apple-system,sans-serif;line-height:1.6}.hero{color:#fff;text-align:center;background-image:url(/heroval.png);background-position:50%;background-size:cover;background-attachment:fixed;justify-content:center;align-items:center;width:100%;height:90vh;display:flex;position:relative}.hero-overlay{z-index:0;background:#000000b3;width:100%;height:100%;position:absolute;top:0;left:0}.hero-content{z-index:1;max-width:800px;padding:20px;position:relative}.hero-content h1{text-transform:uppercase;color:#fff;margin-bottom:20px;font-size:4.5rem;line-height:1}.hero-btn{background:var(--accent-green);color:#000;border-radius:4px;margin-top:30px;padding:20px 40px;font-weight:900;text-decoration:none;transition:transform .2s;display:inline-block}.hero-btn:hover{transform:scale(1.05)}.val-container{max-width:1000px;margin:80px auto;padding:0 20px}h2{color:var(--accent-green);margin-bottom:20px;font-size:2.5rem}.grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin:30px 0;display:grid}.val-galeria{grid-template-columns:repeat(2,1fr);gap:20px;margin:60px 0;display:grid}.val-galeria figure{margin:0}.val-galeria img{object-fit:cover;border:1px solid #333;width:100%;height:400px}.val-galeria figcaption{text-align:center;margin-top:10px;font-size:.9rem}.card,.list-card{background:var(--bg-card);border-left:4px solid var(--accent-green);border-radius:0 4px 4px 0;padding:30px}.pasos{flex-direction:column;gap:20px;margin-top:30px;display:flex}.paso{background:#252525;border:1px solid #333;border-radius:4px;padding:25px}.paso h4{color:var(--accent-green);margin-top:0}.val-galeria figure{border:1px solid #333;margin:0;transition:border-color .3s;overflow:hidden}.val-galeria figure:hover{border-color:var(--accent-green)}.val-galeria img{object-fit:cover;border:none;width:100%;height:400px;transition:transform .4s;display:block}.val-galeria figure:hover img{transform:scale(1.04)}.val-galeria figcaption{text-align:center;background:var(--bg-card);padding:12px;font-size:.9rem}.img-plataformas{object-position:center 75%}@media (max-width:768px){.hero-content h1{font-size:2.5rem}.val-galeria{grid-template-columns:1fr}}