/* Paginа: sobre.html — CSS extraido automaticamente */
*{margin:0;padding:0;box-sizing:border-box;font-family:'Montserrat',sans-serif;}
body{background:#000;}

.navbar{background:#111111 !important;backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.06);}
.navbar .nav-link{color:#ccc;font-size:.82rem;transition:.2s;}
.navbar .nav-link:hover,.navbar .nav-link.active{color:#FFD700;}
.btn-entrar{background:transparent;border:1px solid rgba(255,215,0,.35);color:#FFD700;font-size:.75rem;padding:5px 14px;border-radius:20px;transition:.25s;}
.btn-entrar:hover{background:rgba(255,215,0,.1);color:#FFD700;border-color:#FFD700;}
.links-logado{display:flex;align-items:center;gap:14px;}
.links-logado a{color:#ccc;font-size:.78rem;text-decoration:none;transition:.2s;}
.links-logado a:hover{color:#FFD700;}
.links-logado .sair{color:#ff7b7b;}
.links-logado .sair:hover{color:#ff4d4d;}

#sobre{min-height:100vh;background:radial-gradient(circle at center,#0f0f0f 0%,#000 75%);padding:80px 20px;color:#fff;position:relative;overflow:hidden;}

#sobre::before{content:"";position:absolute;width:600px;height:600px;background:radial-gradient(circle,rgba(255,215,0,.08),transparent 70%);border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);animation:pulsarSobre 8s infinite ease-in-out;z-index:0;}

@keyframes pulsarSobre{0%,100%{transform:translate(-50%,-50%) scale(1);opacity:.5;}50%{transform:translate(-50%,-50%) scale(1.2);opacity:1;}}

#sobre h2{text-align:center;font-size:42px;letter-spacing:4px;margin-bottom:60px;color:#FFD700;text-shadow:0 0 25px rgba(255,215,0,.7);position:relative;z-index:2;}

.conteudo-sobre{max-width:900px;margin:0 auto;position:relative;z-index:2;}

.bloco-sobre{background:rgba(255,255,255,.03);border:1px solid rgba(255,215,0,.12);border-radius:16px;padding:35px;margin-bottom:30px;backdrop-filter:blur(8px);}

.bloco-sobre h3{color:#FFD700;font-size:1.3rem;font-weight:700;margin-bottom:15px;display:flex;align-items:center;gap:10px;}
.bloco-sobre h3 i{font-size:1.5rem;}

.bloco-sobre p{color:#bbb;font-size:.95rem;line-height:1.8;margin-bottom:12px;}
.bloco-sobre p:last-child{margin-bottom:0;}

.valores-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-top:20px;}

.valor-card{background:rgba(255,215,0,.05);border:1px solid rgba(255,215,0,.15);border-radius:12px;padding:25px;text-align:center;transition:.3s;}
.valor-card:hover{background:rgba(255,215,0,.1);transform:translateY(-3px);box-shadow:0 8px 25px rgba(255,215,0,.15);}
.valor-card i{font-size:2.5rem;color:#FFD700;margin-bottom:15px;display:block;}
.valor-card h4{color:#fff;font-size:1rem;font-weight:600;margin-bottom:8px;}
.valor-card p{color:#999;font-size:.82rem;line-height:1.6;margin:0;}

.linha-tempo{position:relative;padding-left:30px;margin-top:20px;}
.linha-tempo::before{content:"";position:absolute;left:8px;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,#FFD700,transparent);}

.linha-item{position:relative;margin-bottom:25px;padding-left:20px;}
.linha-item::before{content:"";position:absolute;left:-26px;top:5px;width:14px;height:14px;background:#FFD700;border-radius:50%;box-shadow:0 0 10px rgba(255,215,0,.5);}
.linha-item .ano{color:#FFD700;font-weight:700;font-size:.9rem;}
.linha-item .desc{color:#bbb;font-size:.88rem;line-height:1.6;margin-top:4px;}

.modal-login .modal-content{background:#111116;border:1px solid rgba(255,255,255,.1);border-radius:18px;color:#eee;}
.modal-login .modal-header{border-bottom:1px solid rgba(255,255,255,.08);}
.modal-login .form-control{background:#FFFFFF;color:#111;border-color:rgba(17,17,17,.16);font-size:.82rem;}
.modal-login .form-control:focus{background:#0b0b0f;color:#fff;border-color:#FFD700;box-shadow:0 0 0 .2rem rgba(255,215,0,.08);}
.modal-login .form-label{color:#bbb;font-size:.72rem;font-weight:600;}
.modal-login .btn-entrar-modal{background:linear-gradient(90deg,#FFD700,#e9c600);color:#000;font-weight:700;border:none;border-radius:9px;padding:9px 16px;font-size:.78rem;transition:.25s;width:100%;}
.modal-login .btn-entrar-modal:hover{transform:translateY(-1px);box-shadow:0 6px 18px rgba(255,215,0,.15);}
.modal-login .alert{font-size:.72rem;border-radius:10px;}

.tab-login{flex:1;text-align:center;padding:10px;border-radius:10px;cursor:pointer;font-size:.78rem;font-weight:600;color:#888;transition:.2s;border:1px solid transparent;}
.tab-login.ativa{color:#FFD700;border-color:rgba(255,215,0,.3);background:rgba(255,215,0,.06);}
.tab-login:hover{color:#ccc;}

@media(max-width:768px){
#sobre h2{font-size:28px;letter-spacing:2px;}
.bloco-sobre{padding:25px;}
}

        /* ===== IEPLUS_LIGHT_OVERRIDES : IÊ+ tema claro (estrutura/navegação preta com texto claro) ===== */
        .topbar,.sidebar,.sidebar-header,.bottom-navigation,.bottom-nav,.side-nav,.nav-drawer,.app-nav{background:#111111 !important;}
        .topbar,.topbar *,.sidebar *,.bottom-navigation *,.bottom-navigation a,.bottom-navigation i,.bottom-navigation span{color:rgba(255,255,255,.85) !important;}
        .sidebar a.active,.sidebar .active,.bottom-navigation .active{color:#8FE6B4 !important;}
        .sidebar a.active,.bottom-navigation .active{background:rgba(22,128,74,.30) !important;}