/* Theme Name: Over Security Elite
Author: Over Security
Version: 4.0 */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;700;900&display=swap');

:root { --red: #ff3333; --bg: #050505; }
body { background: var(--bg); color: #e0e0e0; font-family: 'Inter', sans-serif; margin: 0; }

/* NAVBAR & LINHA VERMELHA */
.navbar { padding: 15px 0; transition: 0.4s; background: transparent; }
.navbar.scrolled { background: rgba(0,0,0,0.98) !important; padding: 10px 0; border-bottom: 1px solid #222; }
.navbar-brand img { height: 38px !important; width: auto; }

.nav-link { 
    font-weight: 700 !important; font-size: 0.8rem !important; 
    text-transform: uppercase; letter-spacing: 1.5px; position: relative;
    padding: 10px 15px !important; color: #fff !important;
}
/* O EFEITO DA LINHA QUE VOCÊ GOSTOU */
.nav-link::after {
    content: ''; position: absolute; width: 0; height: 2px;
    bottom: 0; left: 15px; background: var(--red); transition: 0.3s;
}
.nav-link:hover::after { width: calc(100% - 30px); }
.nav-link:hover { color: var(--red) !important; }

/* BOTÕES PROFISSIONAIS */
.btn-over { 
    background: var(--red); color: #fff !important; border: none;
    font-weight: 900; font-size: 0.75rem; padding: 12px 30px; border-radius: 2px;
}
.btn-over-outline { 
    background: transparent; color: #fff !important; border: 1.5px solid #fff;
    font-weight: 900; font-size: 0.75rem; padding: 12px 30px; border-radius: 2px;
}

/* CARROSSEL FULL SCREEN */
#overHero { height: 100vh; width: 100%; }
.hero-item { 
    height: 100vh; background-size: cover; background-position: center; 
    display: flex; align-items: center; position: relative;
}
.hero-overlay { 
    position: absolute; top: 0; left: 0; width: 100%; height: 100%; 
    background: linear-gradient(to bottom, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.85) 100%); 
}

/* RODAPÉ ESTILO BASE */
footer { background: #000; border-top: 1px solid #111; padding: 60px 0; }
.footer-title { 
    color: #fff; font-weight: 900; text-transform: uppercase; 
    border-left: 3px solid var(--red); padding-left: 12px; margin-bottom: 25px; 
}
.footer-link { color: #888; text-decoration: none; display: block; margin-bottom: 12px; transition: 0.3s; }
.footer-link:hover { color: var(--red); transform: translateX(5px); }