@charset "UTF-8";

/* =========================
LO AÉREO EXPRESS PREMIUM
========================= */

:root{
--primary:#d4a63a;
--dark:#0f1720;
--dark2:#16202c;
--dark3:#1f2b3a;
--white:#ffffff;
--gray:#d6d6d6;
}

*{
margin:0;
padding:0;
box-sizing:border-box;
scroll-behavior:smooth;
}

body{
font-family:Arial, Helvetica, sans-serif;
background:var(--dark);
color:var(--white);
overflow-x:hidden;
}

/* =========================
NAVBAR
========================= */

.navbar{
background:rgba(10,15,22,0.92)!important;
backdrop-filter:blur(12px);
border-bottom:1px solid rgba(255,255,255,0.05);
padding:14px 0;
}

.navbar-brand img{
height:60px;
transition:0.3s;
}

.navbar-brand img:hover{
transform:scale(1.04);
}

.nav-link{
color:var(--white)!important;
font-weight:600;
letter-spacing:1px;
margin-left:18px;
transition:0.3s;
text-transform:uppercase;
}

.nav-link:hover{
color:var(--primary)!important;
}

/* =========================
CARROSSEL
========================= */

.carousel-item{
position:relative;
background:#06111d;
overflow:hidden;
}

.carousel-item img{
width:100%;
height:75vh;
object-fit:cover;
object-position:center;
filter:brightness(45%);
display:block;
}

/* TEXTO DO CARROSSEL */

.carousel-caption{
bottom:18%;
z-index:2;
}

.carousel-caption h5{
font-size:3rem;
font-weight:800;
text-transform:uppercase;
margin-bottom:15px;
line-height:1.1;
}

.carousel-caption p{
font-size:1.2rem;
margin-bottom:25px;
color:#f1f1f1;
}

/* =========================
BOTÕES
========================= */

.btn{
border-radius:14px!important;
padding:14px 30px!important;
font-weight:600!important;
transition:0.3s!important;
}

.btn-primary{
background:var(--primary)!important;
border:none!important;
color:#0f1720!important;
}

.btn-primary:hover{
background:#e2b84f!important;
transform:translateY(-3px);
}

.btn-outline-light:hover{
transform:translateY(-3px);
}

/* =========================
SECTIONS
========================= */

section{
padding:90px 0;
}

/* =========================
EMPRESA
========================= */

.section-empresa{
background:var(--dark2);
}

.section-empresa img{
border-radius:22px!important;
box-shadow:0 15px 40px rgba(0,0,0,0.4);
width:100%;
}

.section-empresa h2{
font-size:3rem;
margin-bottom:20px;
}

.section-empresa p{
color:var(--gray)!important;
line-height:1.8;
}

/* =========================
SERVIÇOS
========================= */

#services{
background:var(--dark);
}

#services .col-lg-4{
background:var(--dark2);
padding:35px;
border-radius:22px;
transition:0.4s;
border:1px solid rgba(255,255,255,0.05);
cursor:pointer;
}

#services .col-lg-4:hover{
transform:translateY(-10px);
background:var(--dark3);
box-shadow:0 20px 40px rgba(0,0,0,0.35);
}

#services h2{
margin-top:20px;
margin-bottom:15px;
}

#services p{
color:var(--gray);
line-height:1.7;
}

.feature{
width:75px;
height:75px;
background:var(--primary)!important;
border-radius:18px!important;
display:flex;
align-items:center;
justify-content:center;
font-size:30px;
color:#0f1720;
box-shadow:0 10px 25px rgba(212,166,58,0.25);
}

/* =========================
TESTEMUNHOS
========================= */

.card{
background:var(--dark2)!important;
border:none!important;
border-radius:22px!important;
color:var(--white);
box-shadow:0 10px 30px rgba(0,0,0,0.25);
}

.card p{
color:#e0e0e0;
}

.text-primary{
color:var(--primary)!important;
}

/* =========================
MODAIS
========================= */

.modal-content{
border-radius:24px!important;
background:var(--dark2)!important;
border:1px solid rgba(255,255,255,0.06)!important;
}

.modal-title{
color:var(--primary);
font-weight:700;
}

.modal-body{
color:#dcdcdc;
line-height:1.8;
font-size:1rem;
}

/* =========================
CONTATO
========================= */

#contato{
background:var(--dark2)!important;
}

.form-control{
background:var(--dark3)!important;
border:none!important;
color:var(--white)!important;
border-radius:14px!important;
padding:18px!important;
}

.form-control:focus{
background:#243244!important;
box-shadow:0 0 0 3px rgba(212,166,58,0.2)!important;
}

.form-floating label{
color:#bcbcbc;
}

/* =========================
FOOTER
========================= */

footer{
background:#0b1118!important;
border-top:1px solid rgba(255,255,255,0.04);
}

footer p{
color:#9d9d9d!important;
}

/* =========================
WHATSAPP
========================= */

.whatsapp-float{
position:fixed;
width:65px;
height:65px;
bottom:25px;
right:25px;
background:#25d366;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
box-shadow:0 10px 25px rgba(0,0,0,0.3);
z-index:9999;
transition:0.3s;
animation:pulse 2s infinite;
}

.whatsapp-float:hover{
transform:scale(1.1);
}

.whatsapp-float img{
width:38px;
height:38px;
}

@keyframes pulse{
0%{
box-shadow:0 0 0 0 rgba(37,211,102,0.6);
}
70%{
box-shadow:0 0 0 20px rgba(37,211,102,0);
}
100%{
box-shadow:0 0 0 0 rgba(37,211,102,0);
}
}

/* =========================
RESPONSIVO
========================= */

@media(max-width:992px){

.carousel-caption h5{
font-size:2.3rem;
}

.carousel-caption p{
font-size:1rem;
}

.section-empresa h2{
font-size:2rem;
}

}

/* =========================
MOBILE
========================= */

@media(max-width:768px){

/* NAVBAR */

.navbar{
padding:10px 0;
}

.navbar-brand img{
height:42px!important;
max-width:180px;
object-fit:contain;
}

.navbar-collapse{
background:#111923;
padding:20px;
border-radius:16px;
margin-top:15px;
}

.nav-link{
margin:12px 0!important;
font-size:1rem;
text-align:center;
}

/* CARROSSEL */

.carousel-item img{
height:60vh!important;
object-fit:cover!important;
object-position:center!important;
}

.carousel-caption{
bottom:8%!important;
padding:0 15px;
}

.carousel-caption h5{
font-size:1.7rem!important;
line-height:1.1;
margin-bottom:10px;
}

.carousel-caption p{
font-size:0.95rem!important;
line-height:1.5;
margin-bottom:15px;
}

.carousel-caption .d-grid{
display:flex!important;
flex-direction:column!important;
gap:10px!important;
align-items:center!important;
}

.carousel-caption .btn{
width:85%!important;
max-width:280px;
padding:12px!important;
font-size:1rem!important;
}

/* EMPRESA */

.section-empresa{
text-align:center;
}

.section-empresa img{
margin-bottom:25px;
border-radius:18px!important;
}

.section-empresa h2{
font-size:2rem!important;
}

.section-empresa p{
font-size:1rem;
line-height:1.7;
}

/* SERVIÇOS */

#services .col-lg-4{
margin-bottom:20px;
padding:28px 22px;
text-align:center;
}

.feature{
margin:auto;
margin-bottom:18px;
}

/* MODAIS */

.modal-dialog{
padding:10px;
}

.modal-body{
font-size:0.95rem;
line-height:1.7;
}

/* WHATSAPP */

.whatsapp-float{
width:58px!important;
height:58px!important;
right:18px!important;
bottom:18px!important;
}

.whatsapp-float img{
width:32px!important;
height:32px!important;
}

/* FOOTER */

footer p{
font-size:0.85rem;
line-height:1.5;
padding:0 10px;
}

}