/* 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:#020617;
font-family: "Segoe UI", sans-serif;
color:#fff;
}

/* NAVBAR */

.navbar-custom{
transition:all .4s;
backdrop-filter:blur(10px);
}

.navbar-scrolled{
background:rgba(2,6,23,.85);
border-bottom:1px solid rgba(255,255,255,.1);
}

.nav-link{
color:rgba(255,255,255,.7);
font-weight:500;
}

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

/* HERO */

.hero{
position:relative;
height:100vh;
overflow:hidden;
display:flex;
align-items:center;
justify-content:center;
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 bottom, rgba(2,6,23,.8), rgba(2,6,23,.9));
}

.hero h1{
font-size:70px;
font-weight:700;
}

.hero-gradient{
background:linear-gradient(90deg,#fb7185,#e11d48,#c1023d);
-webkit-background-clip:text;
-webkit-text-fill-color:transparent;
}

.btn-gradient{background:linear-gradient(90deg,#fb7185,#c1023d);color:#fff;padding:14px 28px;border-radius: 5px;font-weight:600;text-decoration:none;display:inline-block;}

.btn-gradient:hover{
opacity:.9;
color:#fff;
}

/* STATS */

.stats{
background:linear-gradient(#020617,#0f172a,#020617);
padding:80px 0;
}

.stat-card{background:rgba(255,255,255,.04);padding:30px;border-radius:16px;text-align:center;min-height: 200px;display: flex;flex-direction: column;align-items: center;justify-content: center;}

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

/* SERVICES */

.services{
background:#020617;
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:#fb7185;
}

/* CTA */

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

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

.cta-overlay{
position:absolute;
inset:0;
background:rgba(2,6,23,.85);
}

.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:#fb7185;
}


.servicos-page{
background:#020617;
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,rgba(2,6,23,.9),rgba(2,6,23,.7),#020617);
}

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

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

.servicos-desc{
max-width:600px;
color:rgba(255,255,255,.6);
font-size:18px;
}

/* GRID */

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

/* CARD */

.servico-card{
display:block;
background:rgba(255,255,255,.04);
border-radius:16px;
padding:35px;
height:100%;
text-decoration:none;
color:#fff;
transition:.35s;
}

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

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

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

.servico-card p{
color:rgba(255,255,255,.5);
font-size:14px;
margin-bottom:18px;
}

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

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

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

/* HERO */

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

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

.sobre-overlay{
position:absolute;
inset:0;
background:linear-gradient(to bottom,rgba(2,6,23,.9),rgba(2,6,23,.7),#020617);
}

.sobre-title{
font-size:60px;
font-weight:700;
margin-bottom:20px;
}

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

.sobre-desc{
max-width:650px;
color:rgba(255,255,255,.6);
font-size:18px;
}

/* 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:#fb7185;
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,#e11d48,#9f1239);
display:flex;
align-items:center;
justify-content:center;
margin:auto;
margin-bottom:20px;
font-size:28px;
font-weight:bold;
}

.team-role{
color:#fb7185;
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,rgba(2,6,23,.9),rgba(2,6,23,.7),#020617);
z-index:2;
}

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

.portfolio-subtitle{
color:#fb7185;
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:rgba(255,255,255,.6);
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:#fb7185;
}

.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:#fb7185;
color:#fff;
}

.portfolio-btn.active{
background:linear-gradient(45deg,#e11d48,#c1023d);
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:#fb7185;
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,#e11d48,#c1023d);
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,rgba(11,17,32,.95),rgba(11,17,32,.7),#0b1120);
z-index:2;
}

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

.contact-subtitle{
color:#fb7185;
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:rgba(255,255,255,.6);
max-width:600px;
}

/* content */

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

/* info cards */

.contact-info-card{
background:#121a33;
border-radius:12px;
padding:22px;
display:flex;
align-items:center;
gap:15px;
transition:.3s;
}

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

.contact-icon{border-radius: 5px;background:linear-gradient(45deg,#e11d48,#c1023d);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:rgba(255,255,255,.5);
}

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

/* form */

.contact-form-box{
background:#121a33;
border-radius:14px;
padding:40px;
}

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

.contact-form-box p{
color:rgba(255,255,255,.5);
font-size:14px;
margin-bottom:25px;
}

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

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

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

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

.contact-btn{
width:100%;
border:none;
padding:14px;
border-radius:10px;
font-weight:600;
background:linear-gradient(45deg,#e11d48,#c1023d);
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,rgba(2,6,23,.9),rgba(2,6,23,.7),#020617);
z-index:2;
}

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

.service-back{
display:inline-block;
margin-bottom:25px;
color:#fb7185;
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:rgba(255,255,255,.6);
font-size:18px;
max-width:700px;
}

/* features */

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

.service-subtitle{
font-size:12px;
letter-spacing:4px;
color:#fb7185;
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;
}

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

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

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

/* 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;
}

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

.service-cta-box p{
color:rgba(255,255,255,.6);
margin-bottom:30px;
}

.service-btn{
display:inline-block;
padding:14px 30px;
background:linear-gradient(45deg,#e11d48,#c1023d);
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;
}

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

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

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

.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:#ffb100;
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: #efefef24;
    padding: 10px 25px;
    border-radius: 3px;
}