body {
    font-family: 'Sora', 'Poppins', sans-serif !important;
    background: linear-gradient(135deg, #0f1424 0%, #1a1f3a 100%) !important;
    color: #ffffff !important;
    overflow-x: hidden;
    position: relative;
    min-height: 100vh;
    margin: 0;
    padding: 0;
}


.stars-background {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background: linear-gradient(to bottom, #0a0e1a 0%, #1a1f3a 100%);
    pointer-events: none;
}

.stars {
    position: absolute;
    width: 100%;
    height: 100%;
}

.star {
    position: absolute;
    background: white;
    border-radius: 50%;
    animation: twinkle 4s infinite;
}

.star.small {
    width: 1px;
    height: 1px;
    animation-duration: 3s;
}

.star.medium {
    width: 2px;
    height: 2px;
    animation-duration: 4s;
}

.star.large {
    width: 3px;
    height: 3px;
    animation-duration: 5s;
}

@keyframes twinkle {
    0%, 100% { opacity: 0; }
    50% { opacity: 1; }
}


body > *:not(.stars-background) {
    position: relative;
    z-index: 1;
}


.container, .content, .main-content, .page-content, .guia-content, .normativas-content {
    background: transparent !important;
}


section, article, div.section, div.content-section {
    background: transparent !important;
}


.spec-hero {
    background: linear-gradient(135deg, rgba(26, 26, 46, 0.9) 0%, rgba(22, 33, 62, 0.9) 100%) !important;
}


#normativas-hero {
    background: transparent !important;
}

.hero-content {
    background: transparent !important;
}


div[style*="background: white"],
div[style*="background-color: white"],
div[style*="background:#fff"],
div[style*="background-color:#fff"],
div[style*="background: #fff"],
div[style*="background-color: #fff"] {
    background: transparent !important;
}


.content-box, .card, .panel {
    background: rgba(255, 255, 255, 0.05) !important;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.1);
}