/* ============================================
   FONDO GALAXIA - RVC STUDIO
   Archivo reutilizable para todas las páginas
   ============================================ */

body {
    background-color: #000000;
}

/* Capa de estrellas fija */
body::before {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background-color: #000000;
    background-image: 
        radial-gradient(2px 2px at 20px 30px, #ffffff, transparent),
        radial-gradient(2px 2px at 60px 70px, #ffffff, transparent),
        radial-gradient(1.5px 1.5px at 120px 40px, #ffffff, transparent),
        radial-gradient(2px 2px at 200px 130px, #ffffff, transparent),
        radial-gradient(1.5px 1.5px at 280px 80px, #ffffff, transparent),
        radial-gradient(2px 2px at 340px 180px, #ffffff, transparent),
        radial-gradient(1.5px 1.5px at 400px 40px, #ffffff, transparent),
        radial-gradient(2px 2px at 480px 200px, #ffffff, transparent),
        radial-gradient(1.5px 1.5px at 560px 100px, #ffffff, transparent),
        radial-gradient(2px 2px at 640px 250px, #ffffff, transparent),
        radial-gradient(1.5px 1.5px at 720px 150px, #ffffff, transparent),
        radial-gradient(2px 2px at 800px 50px, #ffffff, transparent),
        radial-gradient(1px 1px at 40px 140px, #ffffff, transparent),
        radial-gradient(1px 1px at 100px 200px, #ffffff, transparent),
        radial-gradient(1px 1px at 160px 60px, #ffffff, transparent),
        radial-gradient(1px 1px at 240px 220px, #ffffff, transparent),
        radial-gradient(1px 1px at 320px 120px, #ffffff, transparent),
        radial-gradient(1px 1px at 380px 260px, #ffffff, transparent),
        radial-gradient(1px 1px at 440px 160px, #ffffff, transparent),
        radial-gradient(1px 1px at 520px 280px, #ffffff, transparent),
        radial-gradient(1px 1px at 600px 60px, #ffffff, transparent),
        radial-gradient(1px 1px at 680px 220px, #ffffff, transparent),
        radial-gradient(1px 1px at 760px 300px, #ffffff, transparent),
        radial-gradient(1px 1px at 840px 180px, #ffffff, transparent),
        radial-gradient(0.8px 0.8px at 10px 80px, #ffffff, transparent),
        radial-gradient(0.8px 0.8px at 70px 180px, #ffffff, transparent),
        radial-gradient(0.8px 0.8px at 130px 260px, #ffffff, transparent),
        radial-gradient(0.8px 0.8px at 190px 100px, #ffffff, transparent),
        radial-gradient(0.8px 0.8px at 250px 30px, #ffffff, transparent),
        radial-gradient(0.8px 0.8px at 310px 200px, #ffffff, transparent),
        radial-gradient(0.8px 0.8px at 370px 60px, #ffffff, transparent),
        radial-gradient(0.8px 0.8px at 430px 240px, #ffffff, transparent),
        radial-gradient(0.8px 0.8px at 490px 140px, #ffffff, transparent),
        radial-gradient(0.8px 0.8px at 550px 20px, #ffffff, transparent),
        radial-gradient(0.8px 0.8px at 610px 180px, #ffffff, transparent),
        radial-gradient(0.8px 0.8px at 670px 300px, #ffffff, transparent),
        radial-gradient(0.8px 0.8px at 730px 90px, #ffffff, transparent),
        radial-gradient(0.8px 0.8px at 790px 230px, #ffffff, transparent),
        radial-gradient(0.8px 0.8px at 850px 120px, #ffffff, transparent),
        radial-gradient(3px 3px at 150px 320px, #ffffff, transparent),
        radial-gradient(3px 3px at 450px 380px, #ffffff, transparent),
        radial-gradient(3px 3px at 750px 350px, #ffffff, transparent);
    background-size: 900px 450px;
    background-repeat: repeat;
    pointer-events: none;
}

/* Capa extra con estrellas sueltas para dar profundidad */
body::after {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background-image: 
        radial-gradient(1px 1px at 30% 20%, rgba(255,255,255,0.7), transparent),
        radial-gradient(1px 1px at 70% 40%, rgba(255,255,255,0.6), transparent),
        radial-gradient(1px 1px at 15% 70%, rgba(255,255,255,0.5), transparent),
        radial-gradient(1px 1px at 85% 85%, rgba(255,255,255,0.7), transparent),
        radial-gradient(1px 1px at 50% 50%, rgba(255,255,255,0.5), transparent),
        radial-gradient(1px 1px at 25% 90%, rgba(255,255,255,0.6), transparent),
        radial-gradient(1px 1px at 90% 10%, rgba(255,255,255,0.7), transparent),
        radial-gradient(1px 1px at 45% 75%, rgba(255,255,255,0.5), transparent),
        radial-gradient(1px 1px at 65% 15%, rgba(255,255,255,0.6), transparent),
        radial-gradient(1px 1px at 5% 45%, rgba(255,255,255,0.5), transparent);
    background-size: 100% 100%;
    pointer-events: none;
}