:root{
--azul:#001a66;
--azul-claro:#0039b5;
--laranja:#ff7a00;
--branco:#ffffff;
--cinza:#f6f8fb;
}

*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{font-family:'Segoe UI',sans-serif;overflow-x:hidden;background:#fff;}

.navbar-bsm{
background:rgba(0,15,80,.95);
backdrop-filter:blur(10px);
padding:8px 0;
}

.navbar-brand img{height:65px;}


.navbar-bsm .nav-link{
color:#fff !important;
font-size:14px;
font-weight:600;
margin-left:18px;
transition:.3s;
}

.navbar-bsm .nav-link:hover{
color:var(--laranja) !important;
}

.btn-orcamento{
background:var(--laranja);
color:#fff;
padding:12px 24px;
border-radius:30px;
font-weight:700;
text-decoration:none;
border:none;
}

.btn-whatsapp{
background:#25D366;
color:#fff;
padding:15px 28px;
border-radius:8px;
font-weight:700;
text-decoration:none;
}

.hero{
background:linear-gradient(135deg,#00104a 0%,#002f9a 100%);
min-height:900px;
padding-top:130px;
position:relative;
overflow:hidden;
}

.hero-logo{width:320px;margin-bottom:30px;}
.mini-title{color:#ff7a00;font-size:15px;font-weight:700;margin-bottom:20px;}

.hero-title{
font-size:72px;
font-weight:900;
line-height:.95;
color:#fff;
}

.hero-title span{display:block;color:#ff7a00;}

.hero-description{
margin-top:25px;
font-size:20px;
line-height:1.6;
color:#fff;
max-width:560px;
}

.hero-buttons{
margin-top:40px;
display:flex;
gap:15px;
flex-wrap:wrap;
}

.hero-features{
margin-top:35px;
display:flex;
gap:35px;
flex-wrap:wrap;
color:#fff;
font-size:14px;
}

.hero-right{height:700px;position:relative;}
.equipamentos{position:relative;width:100%;height:100%;}


.equipamentos::before{
content:'';
position:absolute;
width:900px;
height:300px;
left:50%;
bottom:30px;
transform:translateX(-50%);
background:radial-gradient(
ellipse,
rgba(0,180,255,.55),
transparent 70%
);
filter:blur(35px);
}

.img-impressora{
position:absolute;
width:250px;
right:210px;
top:170px;
z-index:5;
}

.img-computador{
position:absolute;
width:250px;
right:0;
bottom:140px;
z-index:4;
}

.img-notebook{
position:absolute;
width:170px;
left:220px;
bottom:150px;
z-index:6;
}

.img-impressora,
.img-notebook,
.img-computador{
filter:drop-shadow(0 20px 35px rgba(0,0,0,.35));
transition:all .4s ease;
}

.img-impressora:hover,
.img-notebook:hover,
.img-computador:hover{
transform:translateY(-8px);
}

.section-title{
font-size:52px;
font-weight:800;
color:#002f87;
margin-bottom:20px;
}

.section-subtitle{
color:#ff7a00;
font-weight:700;
font-size:14px;
text-transform:uppercase;
}

.servicos,.clientes,.certidoes{padding:100px 0;}
.servicos,.certidoes{background:#f7f9fc;}

.card-servico,.card-cliente,.card-certidao{
background:#fff;
border:none;
border-radius:14px;
padding:25px;
text-align:center;
box-shadow:0 15px 35px rgba(0,0,0,.08);
transition:.3s;
}


.card-servico:hover,
.card-cliente:hover{
transform:translateY(-10px);
box-shadow:0 20px 40px rgba(0,0,0,.12);
}

.card-servico .icone{
font-size:60px;
color:#003fa8;
margin-bottom:20px;
}

/* CLIENTES */

.clientes .row{
justify-content:center;
}

.card-cliente{
height:140px;
display:flex;
align-items:center;
justify-content:center;
padding:15px;
}

.card-cliente img{
max-width:160px;
max-height:90px;
width:auto;
height:auto;
object-fit:contain;
display:block;
margin:auto;
}


.contato{
background:linear-gradient(135deg,#00124d,#002d8e);
color:#fff;
padding:100px 0;
position:relative;
}



.footer{
background:#000f45;
color:#fff;
padding:50px 0;
text-align:center;
}

.whatsapp-fixo{
position:fixed;
right:20px;
bottom:20px;
width:65px;
height:65px;
background:#25D366;
border-radius:50%;
display:flex;
justify-content:center;
align-items:center;
color:#fff;
font-size:32px;
z-index:9999;
text-decoration:none;
box-shadow:0 10px 25px rgba(0,0,0,.25);
transition:.3s;
}

.whatsapp-fixo:hover{
transform:scale(1.08);
}

@media (max-width:991px){

.navbar-brand img{height:55px;}

.hero{
padding-top:120px;
min-height:auto;
text-align:center;
}

.hero-logo{
width:220px;
margin:auto;
display:block;
margin-bottom:20px;
}

.hero-title{
font-size:48px;
line-height:1;
}

.hero-description{
font-size:18px;
max-width:100%;
}

.hero-buttons{
justify-content:center;
}

.btn-orcamento,
.btn-whatsapp{
width:100%;
text-align:center;
}

.hero-features{
justify-content:center;
gap:15px;
}

.hero-features div{
width:100%;
justify-content:center;
}

.hero-right{
height:auto;
margin-top:40px;
}

.img-impressora,
.img-notebook,
.img-computador{
position:relative;
width:85%;
left:auto;
right:auto;
top:auto;
bottom:auto;
display:block;
margin:15px auto;
}

.section-title{
font-size:32px;
}

.navbar-nav{
padding-top:15px;
}

.navbar-nav .nav-item{
margin-bottom:10px;
}

.navbar-nav .btn-orcamento{
width:100%;
}
}

/* CERTIDÕES */

.card-certidao{

height:280px;

display:flex;

flex-direction:column;

justify-content:space-between;

}


.icone-certidao{

font-size:55px;

color:#ff7a00;

margin-bottom:20px;

}

.titulo-certidao{

height:60px;

display:flex;

align-items:center;

justify-content:center;

text-align:center;

font-size:18px;

font-weight:700;

color:#002f87;

}

.card-certidao .btn-orcamento{

margin:auto;

}


.contato h2{

font-size:48px;

font-weight:800;

}

.contato p{

font-size:18px;

margin-bottom:15px;

}

.contato i{

margin-right:10px;

color:#ff7a00;

}

.btn-orcamento:hover{
background:#e56d00;
color:#fff;
}

.btn-whatsapp:hover{
background:#1ebe5d;
color:#fff;
}

.contato .btn-whatsapp{
display:inline-block;
margin-top:20px;
}

.contato .form-control{

padding:15px;

border:none;

border-radius:10px;

box-shadow:none;

}
.contato textarea{
resize:none;
}

.card-servico{
height:100%;
}


.card-certidao:hover{
transform:translateY(-10px);
box-shadow:0 20px 40px rgba(0,0,0,.12);
}

.btn-orcamento,
.btn-whatsapp{
transition:.3s;
cursor:pointer;
}