/* Segoe UI Regular */
@font-face {
  font-family: "Segoe UI";
  src: url("segoeui.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* Segoe UI Italic */
@font-face {
  font-family: "Segoe UI";
  src: url("segoeuii.woff2") format("woff2");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

/* Segoe UI Light */
@font-face {
  font-family: "Segoe UI";
  src: url("segoeuil.woff2") format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

/* Segoe UI Light Italic */
@font-face {
  font-family: "Segoe UI";
  src: url("segoeuili.woff2") format("woff2");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

/* Segoe UI Semilight */
@font-face {
  font-family: "Segoe UI";
  src: url("segoeuisl.woff2") format("woff2");
  font-weight: 350;
  font-style: normal;
  font-display: swap;
}

/* Segoe UI Bold */
@font-face {
  font-family: "Segoe UI";
  src: url("segoeuib.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* Segoe UI Black */
@font-face {
  font-family: "Segoe UI";
  src: url("seguibl.woff2") format("woff2");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

/* Segoe UI Bold Italic */
@font-face {
  font-family: "Segoe UI";
  src: url("seguibi.woff2") format("woff2");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

/* Segoe UI Semibold */
@font-face {
  font-family: "Segoe UI";
  src: url("seguisb.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

/* Segoe UI Semibold Italic */
@font-face {
  font-family: "Segoe UI";
  src: url("seguisbi.woff2") format("woff2");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}

/* Segoe UI Semilight Italic */
@font-face {
  font-family: "Segoe UI";
  src: url("seguisli.woff2") format("woff2");
  font-weight: 350;
  font-style: italic;
  font-display: swap;
}

/* Segoe UI Ultra Bold Italic */
@font-face {
  font-family: "Segoe UI";
  src: url("segoeuiz.woff2") format("woff2");
  font-weight: 800;
  font-style: italic;
  font-display: swap;
}

body{background: #ffffff;font-family: "Segoe UI", sans-serif;color: #000000;}

/* NAVBAR */

.navbar-custom{transition:all .4s;backdrop-filter:blur(10px);background: #fff;border-bottom: 1px solid #f3f4f6;}

.navbar-scrolled{}

.nav-link{color: rgb(0 0 0 / 70%) !important;!i;!;font-weight: 600 !important;!i;!;}

.nav-link:hover{
color:#fff;
}

/* HERO */

.hero{position:relative;height:100vh;overflow:hidden;display:flex;align-items: center;justify-content: flex-start;/* text-align:center; */}

.hero img{
position:absolute;
width:100%;
height:100%;
object-fit:cover;
top:0;
left:0;
transition:opacity 1s;
}

.hero-overlay{position:absolute;inset:0;background: linear-gradient(to top, rgb(42 60 69), rgb(42 60 69 / 60%));}

.hero h1{font-size: 30px;font-weight:700;margin: 20px 0;color: #fff;}

.hero-gradient{
background:linear-gradient(90deg,#ffa363,#ff8733,#f97316);
-webkit-background-clip:text;
-webkit-text-fill-color:transparent;
}

.btn-gradient{
    background: rgba(255,255,255,0.12);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);

    color:#fff;
    padding:14px 28px;
    font-weight:600;
    text-decoration:none;
    display:inline-block;

    border:1px solid rgba(255,255,255,.45);
    border-radius:100px;

    box-shadow:0 8px 24px rgba(0,0,0,.18);
    transition:.3s ease;
}

.btn-gradient:hover{
    background: rgba(255,255,255,0.18);
    border-color:#fff;
    color:#fff;
    transform:translateY(-2px);
}
/* STATS */

.stats{background: #e5e7eb;padding:80px 0;border-top: 1px solid #cbcbcb;border-bottom: 1px solid #cbcbcb;}

.stat-card{background: rgb(255 255 255);padding:30px;border-radius:16px;text-align:center;min-height: 165px;display: flex;flex-direction: column;align-items: center;justify-content: center;color: #000;border: 1px solid #cbcbcb;box-shadow: 1px 1px 15px 9px #00000014;}

.stat-value{
font-size:36px;
font-weight:700;
background:linear-gradient(90deg,#ffa363,#f97316);
-webkit-background-clip:text;
-webkit-text-fill-color:transparent;
}

/* SERVICES */

.services{background: #ffffff;padding:100px 0;}

.service-card{
background:rgba(255,255,255,.04);
border-radius:16px;
padding:30px;
height:100%;
transition:.3s;
}

.service-card:hover{
transform:translateY(-6px);
background:rgba(255,255,255,.06);
}

.service-icon{
width:50px;
height:50px;
background:rgba(193,2,61,.12);
display:flex;
align-items:center;
justify-content:center;
border-radius:10px;
margin-bottom:20px;
font-size:20px;
color:#ffa363;
}

/* CTA */

.cta{position:relative;padding: 70px 0;text-align:center;}

.cta img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}

.cta-overlay{position:absolute;inset:0;background: linear-gradient(45deg, #ffffff, #e5e7ebe6);}

.cta h2{
font-size:48px;
font-weight:700;
}

/* FOOTER */

footer{
background:#020617;
border-top:1px solid rgba(255,255,255,.08);
}

footer a{
color:rgba(255,255,255,.6);
text-decoration:none;
}

footer a:hover{color: #ffffff;}


.servicos-page{background: #ffffff;color:#fff;}

/* HERO */

.servicos-hero{
position:relative;
padding:180px 0 120px;
overflow:hidden;
}

.servicos-hero img{
position:absolute;
inset:0;
width:100%;
height:100%;
object-fit:cover;
}

.servicos-overlay{position:absolute;inset:0;background: linear-gradient(to bottom, rgb(255 255 255 / 90%), rgb(255 255 255 / 70%), #ffffff);}

.servicos-title{font-size:60px;font-weight:700;margin-bottom:20px;color: #000;}

.servicos-sub{color: #6f8da9;letter-spacing:3px;text-transform:uppercase;font-size:12px;margin-bottom:10px;}

.servicos-desc{max-width:600px;color: rgb(0 0 0 / 60%);font-size:18px;}

/* GRID */

.servicos-grid{
padding:100px 0;
}

/* CARD */

.servico-card{display:block;border-radius:16px;padding:35px;height:100%;text-decoration:none;color: #000000;transition:.35s;border: 1px solid #cbcbcb;background: #eaecef;box-shadow: 7px 3px 21px 2px #cbcbcb52;}

.servico-card:hover{
transform:translateY(-8px);
background:rgba(255,255,255,.07);
}

.servico-icon{width: 40px;height: 40px;border-radius:12px;background: linear-gradient(135deg, rgb(111 141 169 / 28%), rgb(111 141 169 / 28%));display:flex;align-items:center;font-size: 13px;color: #6f8da9;margin-bottom:20px;justify-content: center;flex: 0 0 40px;}

.servico-card h3{
font-size:20px;
margin-bottom:12px;
}

.servico-card p{color: rgb(0 0 0 / 50%);font-size:14px;margin-bottom:18px;}

.servico-link{color: #000000;font-size:14px;}

.servico-card:hover .servico-link i{
transform:translateX(5px);
transition:.3s;
}

.sobre-page{background: #ffffff;color: #000000;}

/* HERO */

.sobre-hero{
position:relative;
padding:180px 0 120px;
overflow:hidden;
}

.sobre-hero .logo{position: relative;inset:0;max-width: 200px;margin-bottom: 20px;}

.sobre-overlay{position:absolute;inset:0;background: linear-gradient(to bottom, rgb(255 255 255 / 90%), rgb(255 255 255 / 70%), #ffffff);}

.sobre-title{font-size: 30px;font-weight:700;margin-bottom:20px;color: #000;}

.sobre-sub{
color:#ffa363;
letter-spacing:3px;
text-transform:uppercase;
font-size:12px;
margin-bottom:10px;
}

.sobre-desc{max-width:650px;color: rgb(0 0 0 / 60%);font-size:18px;text-align: center;}

/* VALUES */

.sobre-values{
padding:100px 0;
}

.sobre-value-card{
background:rgba(255,255,255,.04);
border-radius:16px;
padding:35px;
text-align:center;
height:100%;
}

.sobre-value-icon{
width:60px;
height:60px;
border-radius:12px;
margin:auto;
margin-bottom:20px;
display:flex;
align-items:center;
justify-content:center;
background:linear-gradient(135deg,rgba(193,2,61,.25),rgba(159,18,57,.15));
color:#ffa363;
font-size:22px;
}



/* TEAM */

.sobre-team{
padding:120px 0;
}

.sobre-team-card{
background:rgba(255,255,255,.04);
border-radius:16px;
padding:40px;
text-align:center;
}

.team-avatar{
width:80px;
height:80px;
border-radius:50%;
background:linear-gradient(135deg,#ff8733,#9f1239);
display:flex;
align-items:center;
justify-content:center;
margin:auto;
margin-bottom:20px;
font-size:28px;
font-weight:bold;
}

.team-role{
color:#ffa363;
font-size:14px;
margin-bottom:10px;
}

.sobre-team-card span{
color:rgba(255,255,255,.5);
font-size:13px;
}

/* ===== PORTFOLIO ISOLADO ===== */

.portfolio-page{
background:#020617;
color:#fff;
}

.portfolio-hero{
position:relative;
padding:160px 0 120px;
overflow:hidden;
}

.portfolio-hero img{
position:absolute;
width:100%;
height:100%;
object-fit:cover;
top:0;
left:0;
z-index:1;
}

.portfolio-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background: linear-gradient(to bottom, rgb(255 255 255 / 90%), rgb(255 255 255 / 70%), #ffffff);z-index:2;}

.portfolio-content{
position:relative;
z-index:3;
}

.portfolio-subtitle{color: #6f8da9;letter-spacing:4px;font-size:12px;text-transform:uppercase;margin-bottom:10px;}

.portfolio-title{
font-size:56px;
font-weight:700;
margin-bottom:20px;
}

.portfolio-desc{color: rgb(0 0 0 / 60%);max-width:600px;}

/* stats */

.portfolio-stats{
padding:80px 0;
}

.portfolio-card{
background:rgba(255,255,255,0.03);
border:1px solid rgba(255,255,255,0.06);
border-radius:14px;
padding:30px;
text-align:center;
backdrop-filter:blur(8px);
transition:.3s;
}

.portfolio-card:hover{
transform:translateY(-5px);
}

.portfolio-number{
font-size:32px;
font-weight:700;
color:#ffa363;
}

.portfolio-label{
font-size:14px;
color:rgba(255,255,255,.6);
}

/* filtros */

.portfolio-filters{
padding-bottom:40px;
text-align:center;
}

.portfolio-btn{
border:none;
padding:10px 22px;
border-radius:30px;
margin:4px;
background:rgba(255,255,255,.05);
color:rgba(255,255,255,.6);
transition:.3s;
}

.portfolio-btn:hover{
background:#ffa363;
color:#fff;
}

.portfolio-btn.active{
background:linear-gradient(45deg,#ff8733,#f97316);
color:#fff;
}

/* grid */

.portfolio-grid{
padding-bottom:100px;
}

.portfolio-item{
position:relative;
overflow:hidden;
border-radius:12px;
}

.portfolio-item img{
width:100%;
height:280px;
object-fit:cover;
transition:.6s;
}

.portfolio-item:hover img{
transform:scale(1.1);
}

.portfolio-info{
position:absolute;
bottom:0;
left:0;
width:100%;
padding:25px;
background:linear-gradient(to top,rgba(0,0,0,.8),transparent);
}

.portfolio-category{
font-size:11px;
letter-spacing:2px;
color:#ffa363;
text-transform:uppercase;
}

.portfolio-name{
font-weight:600;
font-size:20px;
}

.portfolio-location{
font-size:13px;
color:rgba(255,255,255,.6);
}

/* CTA */

.portfolio-cta{
padding:100px 0;
text-align:center;
}

.portfolio-cta-box{
background:rgba(255,255,255,.04);
border:1px solid rgba(255,255,255,.08);
padding:60px;
border-radius:18px;
}

.portfolio-cta-btn{
background:linear-gradient(45deg,#ff8733,#f97316);
border:none;
padding:14px 34px;
border-radius:30px;
color:#fff;
font-weight:500;
transition:.3s;
}

.portfolio-cta-btn:hover{
transform:scale(1.05);
}

/* ===== CONTACT PAGE CSS ISOLADO ===== */

.contact-page{/* background:#0b1120; *//* color:#fff; *//* font-family:Arial; */}

/* hero */

.contact-hero{
position:relative;
padding:160px 0 120px;
overflow:hidden;
}

.contact-hero img{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
object-fit:cover;
z-index:1;
}

.contact-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background: linear-gradient(to bottom, rgb(255 255 255 / 95%), rgb(255 255 255 / 70%), #ffffff);z-index:2;}

.contact-hero-content{
position:relative;
z-index:3;
}

.contact-subtitle{color: #6f8da9;letter-spacing:4px;text-transform:uppercase;font-size:12px;margin-bottom:10px;}

.contact-title{
font-size:56px;
font-weight:700;
margin-bottom:20px;
}

.contact-text{color: rgb(0 0 0 / 60%);max-width:600px;}

/* content */

.contact-section{
padding:100px 0;
}

/* info cards */

.contact-info-card{display:flex;align-items:center;gap:15px;transition:.3s;margin-bottom: 25px;}

.contact-info-card:hover{transform:translateY(-4px);/* background:#172146; */}

.contact-icon{border-radius: 5px;background:linear-gradient(45deg,#ff8733,#f97316);display:flex;align-items:center;justify-content:center;font-size:18px;color:#fff;padding: 15px;}

.contact-label{font-size:11px;letter-spacing:2px;text-transform:uppercase;color: rgb(0 0 0 / 50%);}

.contact-value{font-size:14px;font-weight:500;text-align: left;}

/* form */

.contact-form-box{border-radius:14px;padding:40px;border: 1px solid #cbcbcb;}

.contact-form-box h3{
font-weight:600;
margin-bottom:8px;
}

.contact-form-box p{color: rgb(0 0 0 / 50%);font-size:14px;margin-bottom:25px;}

.contact-input{width:100%;border: 1px solid #adadad;border-radius:8px;padding:12px 14px;color:#fff;font-size:14px;}

.contact-input::placeholder{
color:#8b93b2;
}

.contact-input:focus{
outline:none;
border-color:#ffa363;
}

.contact-textarea{
height:120px;
resize:none;
}

.contact-btn{
width:100%;
border:none;
padding:14px;
border-radius:10px;
font-weight:600;
background:linear-gradient(45deg,#ff8733,#f97316);
color:#fff;
margin-top:10px;
transition:.3s;
}

.contact-btn:hover{
transform:scale(1.03);
}


/* ===== CSS ISOLADO SERVICES ===== */

.service-page{
background:#020617;
color:#fff;
font-family:Arial;
}

/* hero */

.service-hero{
position:relative;
padding:160px 0 120px;
overflow:hidden;
}

.service-hero img{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
object-fit:cover;
z-index:1;
}

.service-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background: linear-gradient(to bottom, rgb(255 255 255 / 90%), rgb(255 255 255 / 70%), #ffffff);z-index:2;}

.service-content{
position:relative;
z-index:3;
}

.service-back{
display:inline-block;
margin-bottom:25px;
color:#ffa363;
font-size:14px;
text-decoration:none;
}

.service-back:hover{
text-decoration:underline;
}

.service-title{
font-size:46px;
font-weight:700;
margin-bottom:15px;
}

.service-description{color: rgb(0 0 0 / 60%);font-size:18px;max-width:700px;}

/* features */

.service-features{
padding:100px 0;
}

.service-subtitle{font-size:12px;letter-spacing:4px;color: #fc7c23;text-transform:uppercase;margin-bottom:8px;}

.service-heading{
font-size:34px;
font-weight:700;
margin-bottom:40px;
}

.service-card{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:22px;display:flex;align-items:center;gap:12px;transition:.3s;border: 1px solid #cbcbcb;box-shadow: 0px 0px 11px 0px #00000014;}

.service-card:hover{
transform:translateY(-4px);
}

.service-check{
width:32px;
height:32px;
border-radius:8px;
background:linear-gradient(45deg,#ff8733,#f97316);
display:flex;
align-items:center;
justify-content:center;
font-size:14px;
}

.service-text{font-size:14px;color: #000000;}

/* CTA */

.service-cta{
padding:100px 0;
text-align:center;
}

.service-cta-box{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:60px;border: 1px solid #cbcbcb;box-shadow: 1px 1px 15px 9px #00000014;}

.service-cta-box h2{
font-size:30px;
margin-bottom:15px;
}

.service-cta-box p{color: rgb(0 0 0 / 60%);margin-bottom:30px;}

.service-btn{
display:inline-block;
padding:14px 30px;
background:linear-gradient(45deg,#ff8733,#f97316);
border-radius:30px;
color:#fff;
text-decoration:none;
font-weight:600;
transition:.3s;
}

.service-btn:hover{
transform:scale(1.05);
}

.btn-outline-light {
    padding: 14px 28px;
    border-radius: 5px;
    background: #e5e7eb;
    border: 1px solid #cbcbcb;
    color: #000;
    border-radius: 100px;
}

.nav-link:hover {
    background: #ffffff21;
    border-radius: 5px;
}

.nav-link {
    margin-left: 5px;
    padding: 7px 15px !important;!i;!;
}

.nav-link.active {
    background: #6f8da9;
    border-radius: 5px;
    color: #fff !important;!i;!;
}

.pagination-area {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 30px;
}

.page-numbers {
    background: #ee3e37;
    color: #fff;
    padding: 6px 10px;
    margin: 5px;
    text-decoration: none;
}

.timeline-section{
background:#020b1f;
padding:100px 0;
color:#fff;
position:relative;
}

.sobre-sub{letter-spacing:4px;font-size:13px;color: #6f8da9;text-transform:uppercase;margin-bottom:10px;}

.sobre-timeline-title h2{
font-size:42px;
font-weight:700;
margin-bottom:80px;
}

.timeline{
position:relative;
max-width:1000px;
margin:auto;
}

.timeline::before{
content:'';
position:absolute;
left:50%;
top:0;
width:2px;
height:100%;
background:#ff9c1a;
transform:translateX(-50%);
}

.timeline-item{
position:relative;
width:50%;
padding:30px;
}

.timeline-item.left{
left:0;
text-align:right;
}

.timeline-item.right{
left:50%;
}

.timeline-dot{
position:absolute;
top:40px;
right:-9px;
width:18px;
height:18px;
background:#ff9c1a;
border-radius:50%;
z-index:10;
}

.timeline-item.right .timeline-dot{
left:-9px;
}

.timeline-card{
background:rgba(255,255,255,0.05);
backdrop-filter:blur(10px);
border:1px solid rgba(255,255,255,0.08);
border-radius:18px;
padding:30px;
box-shadow:0 10px 30px rgba(0,0,0,0.4);
transition:.4s;
}

.timeline-card:hover{
transform:translateY(-5px);
box-shadow:0 15px 40px rgba(0,0,0,0.6);
}

.timeline-card h4{
color:#ffb100;
font-weight:700;
font-size:20px;
margin-bottom:5px;
}

.timeline-card h5{
font-size:18px;
margin-bottom:10px;
}

.timeline-card p{
color:#cfcfcf;
font-size:14px;
line-height:1.6;
}

@media(max-width:768px){

.timeline::before{
left:10px;
}

.timeline-item{
width:100%;
padding-left:40px;
padding-right:20px;
}

.timeline-item.left,
.timeline-item.right{
left:0;
text-align:left;
}

.timeline-dot{left: 2px !important;
}

}

.slideAno {
    background: transparent;
    padding: 10px 80px;
    border-radius: 100px;
    color: #6f8da9 !important;!i;!;
    border: 1px solid;
}

.logo-mm{
    display:flex;
    align-items:center;
    gap:12px;
    font-family:Arial, sans-serif;
}

.logo-mm .icon{
    width:36px;
    height:36px;
    background:linear-gradient(135deg,#ff7b00,#d85c00);
    border-radius:8px;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    font-weight:700;
    font-size:14px;
    box-shadow:0 2px 8px rgba(0,0,0,.15);
}

.logo-mm .text .logo{
    margin:0;
    color:#0b1d3b;
    font-size:28px;
    font-weight:800;
    letter-spacing:.5px;
    line-height:1;
}

.logo-mm .text p{
    margin:4px 0 0;
    color:#9aa3b3;
    font-size:11px;
    letter-spacing:3px;
    text-transform:uppercase;
}
.navbar-toggler-icon{
    filter:brightness(0); /* preto */
}

.sobre-hero .imgbg {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.fotos {
    width: 100%;
    border-radius: 10px;
    margin-bottom: 15px;
}

.linha {
    width: 80px;
    height: 6px;
    position: relative;
    margin-bottom: 20px;
    border-radius: 100px;
}

.contact-info-card .servico-icon {
    margin: 0 !important;!i;!;
}

.logoCTa {
    position: relative !important;!i;!;
    width: 100% !important;!i;!;
    height: fit-content !important;!i;!;
    max-width: 160px;
    margin-bottom: 25px;
}

.portServ{
  position: relative;
}

.portServ img, .portServ div{
  z-index: 2;
}

.portServ:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: #fff;
    top: 0;
    left: 0;
    z-index: 1;
    border-radius: 16px;
  transition: all 0.5s;
}

.portServ:hover.portServ:before {
  background: transparent;
  transition: all 0.5s;
}

.hero .logo {
    max-width: 200px !important;!i;!;
    position: relative;
    filter: brightness(0) invert(1);
}

footer .servico-icon {
    color: #fff !important;!i;!;
    background: #4d677c !important;!i;!;
}

@media(max-width:991px){
  .servico-card {
    height: fit-content;
    margin-bottom: 25px;
  }
}