/* ============================================
   ESTRELLAS ANIMADAS - FONDO PREMIUM
   ============================================ */

.stars-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: radial-gradient(ellipse at bottom, #0d1d31 0%, #0c0d13 100%);
    overflow: hidden;
    z-index: 0;
}

#stars, #stars2, #stars3 {
    position: absolute;
    background: transparent;
    border-radius: 50%;
}

#stars {
    width: 1px;
    height: 1px;
    background: #FFF;
    box-shadow: 623px 1427px #FFF, 1156px 147px #FFF, 1195px 176px #FFF, 1597px 689px #FFF, 1501px 1430px #FFF, 1782px 1917px #FFF, 121px 1337px #FFF, 384px 1970px #FFF, 1449px 623px #FFF, 788px 152px #FFF, 591px 1550px #FFF, 1212px 1685px #FFF, 319px 1849px #FFF, 316px 1315px #FFF, 421px 152px #FFF, 1201px 1478px #FFF, 88px 1603px #FFF, 1959px 446px #FFF, 1563px 184px #FFF, 1732px 1309px #FFF, 436px 1500px #FFF, 1888px 143px #FFF, 1744px 1142px #FFF, 109px 1604px #FFF, 1597px 1067px #FFF, 1140px 1026px #FFF, 1176px 626px #FFF, 1467px 936px #FFF, 923px 682px #FFF, 1891px 1673px #FFF;
    animation: animStar 50s linear infinite;
}

#stars:after {
    content: " ";
    position: absolute;
    top: 2000px;
    width: 1px;
    height: 1px;
    background: transparent;
    box-shadow: 623px 1427px #FFF, 1156px 147px #FFF, 1195px 176px #FFF, 1597px 689px #FFF, 1501px 1430px #FFF, 1782px 1917px #FFF, 121px 1337px #FFF, 384px 1970px #FFF, 1449px 623px #FFF, 788px 152px #FFF, 591px 1550px #FFF, 1212px 1685px #FFF, 319px 1849px #FFF, 316px 1315px #FFF, 421px 152px #FFF, 1201px 1478px #FFF, 88px 1603px #FFF, 1959px 446px #FFF, 1563px 184px #FFF, 1732px 1309px #FFF, 436px 1500px #FFF, 1888px 143px #FFF, 1744px 1142px #FFF, 109px 1604px #FFF, 1597px 1067px #FFF, 1140px 1026px #FFF, 1176px 626px #FFF, 1467px 936px #FFF, 923px 682px #FFF, 1891px 1673px #FFF;
}

#stars2 {
    width: 2px;
    height: 2px;
    background: #FFF;
    box-shadow: 1010px 1181px #FFF, 276px 1369px #FFF, 1404px 134px #FFF, 171px 467px #FFF, 1047px 341px #FFF, 1139px 1224px #FFF, 887px 380px #FFF, 1232px 1901px #FFF, 52px 1227px #FFF, 1835px 500px #FFF, 911px 1530px #FFF, 1605px 1141px #FFF, 1625px 676px #FFF, 123px 1676px #FFF, 916px 1448px #FFF, 1233px 451px #FFF, 297px 1061px #FFF, 323px 1118px #FFF, 1830px 1328px #FFF, 1964px 1365px #FFF, 191px 1354px #FFF, 1279px 119px #FFF, 1981px 1195px #FFF, 1594px 210px #FFF, 1801px 660px #FFF, 260px 958px #FFF, 1224px 1989px #FFF, 732px 1281px #FFF, 1614px 963px #FFF, 1071px 1558px #FFF;
    animation: animStar 100s linear infinite;
}

#stars2:after {
    content: " ";
    position: absolute;
    top: 2000px;
    width: 2px;
    height: 2px;
    background: transparent;
    box-shadow: 1010px 1181px #FFF, 276px 1369px #FFF, 1404px 134px #FFF, 171px 467px #FFF, 1047px 341px #FFF, 1139px 1224px #FFF, 887px 380px #FFF, 1232px 1901px #FFF, 52px 1227px #FFF, 1835px 500px #FFF, 911px 1530px #FFF, 1605px 1141px #FFF, 1625px 676px #FFF, 123px 1676px #FFF, 916px 1448px #FFF, 1233px 451px #FFF, 297px 1061px #FFF, 323px 1118px #FFF, 1830px 1328px #FFF, 1964px 1365px #FFF, 191px 1354px #FFF, 1279px 119px #FFF, 1981px 1195px #FFF, 1594px 210px #FFF, 1801px 660px #FFF, 260px 958px #FFF, 1224px 1989px #FFF, 732px 1281px #FFF, 1614px 963px #FFF, 1071px 1558px #FFF;
}

#stars3 {
    width: 3px;
    height: 3px;
    background: #FFF;
    box-shadow: 1302px 1672px #FFF, 197px 1950px #FFF, 1149px 1378px #FFF, 1427px 146px #FFF, 935px 1733px #FFF, 434px 105px #FFF, 571px 191px #FFF, 1460px 1133px #FFF, 1970px 752px #FFF, 1945px 1146px #FFF, 1309px 1966px #FFF, 330px 194px #FFF, 511px 654px #FFF, 284px 1223px #FFF, 1115px 1571px #FFF, 162px 241px #FFF, 1620px 1912px #FFF, 882px 475px #FFF, 1232px 1471px #FFF, 232px 1546px #FFF, 586px 1819px #FFF, 1525px 590px #FFF, 1587px 1523px #FFF, 1440px 554px #FFF, 1713px 488px #FFF, 231px 809px #FFF, 96px 1535px #FFF, 1681px 879px #FFF, 1907px 176px #FFF, 939px 1190px #FFF;
    animation: animStar 150s linear infinite;
}

#stars3:after {
    content: " ";
    position: absolute;
    top: 2000px;
    width: 3px;
    height: 3px;
    background: transparent;
    box-shadow: 1302px 1672px #FFF, 197px 1950px #FFF, 1149px 1378px #FFF, 1427px 146px #FFF, 935px 1733px #FFF, 434px 105px #FFF, 571px 191px #FFF, 1460px 1133px #FFF, 1970px 752px #FFF, 1945px 1146px #FFF, 1309px 1966px #FFF, 330px 194px #FFF, 511px 654px #FFF, 284px 1223px #FFF, 1115px 1571px #FFF, 162px 241px #FFF, 1620px 1912px #FFF, 882px 475px #FFF, 1232px 1471px #FFF, 232px 1546px #FFF, 586px 1819px #FFF, 1525px 590px #FFF, 1587px 1523px #FFF, 1440px 554px #FFF, 1713px 488px #FFF, 231px 809px #FFF, 96px 1535px #FFF, 1681px 879px #FFF, 1907px 176px #FFF, 939px 1190px #FFF;
}

@keyframes animStar {
    from { transform: translateY(0px); }
    to { transform: translateY(-2000px); }
}

/* Efecto de neblina */
.stars-container::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 200px;
    background: linear-gradient(to top, rgba(13,29,49,0.9), transparent);
    z-index: 1;
    pointer-events: none;
}

.stars-container::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100px;
    background: linear-gradient(to bottom, rgba(13,29,49,0.5), transparent);
    z-index: 1;
    pointer-events: none;
}