*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;color:#081a34;background:#fff}.container{width:min(1180px,92%);margin:auto}.header{position:sticky;top:0;z-index:50;background:#022a53;box-shadow:0 8px 24px #00152a26}.nav{height:78px;display:flex;align-items:center;gap:26px}.brand img{width:150px;height:64px;object-fit:contain;border-radius:8px}.menu{display:flex;gap:24px;margin-left:auto}.menu a,.footer a{color:#fff;text-decoration:none;font-weight:600;font-size:14px}.menu a:hover{color:#39a9ff}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:9px;padding:13px 18px;text-decoration:none;font-weight:800;transition:.2s}.btn:hover{transform:translateY(-1px)}.btn-primary{background:#0876db;color:#fff}.btn-whats{background:#16b968;color:#fff}.btn-outline{border:2px solid #0876db;color:#0876db;background:#fff}.menu-btn{display:none;margin-left:auto;background:none;color:#fff;border:0;font-size:28px}.hero{position:relative;min-height:650px;display:flex;align-items:center;overflow:hidden}.hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.84) 35%,rgba(255,255,255,.2) 67%,rgba(0,31,69,.13) 100%)}.hero-content{position:relative;z-index:2}.hero-copy{max-width:600px;padding:70px 0}.eyebrow{color:#0783ed;font-weight:900;letter-spacing:.14em;font-size:13px}.hero h1{font-size:clamp(42px,5vw,70px);line-height:1.02;margin:14px 0 20px;letter-spacing:-.04em}.hero h1 span{color:#0876db}.hero p{font-size:20px;line-height:1.6;max-width:560px}.hero-actions{display:flex;gap:12px;margin-top:28px;flex-wrap:wrap}.features{background:#032d58;color:#fff;padding:25px 0}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.feature-grid article{display:flex;gap:15px;align-items:center;padding:8px 12px;border-right:1px solid #ffffff45}.feature-grid article:last-child{border-right:0}.feature-grid h3{margin:0 0 5px;color:#36aaff;text-transform:uppercase}.feature-grid p{margin:0;color:#e8f2ff;font-size:14px}.icon{font-size:36px}.section{padding:82px 0}.section-head{text-align:center;max-width:720px;margin:0 auto 40px}.section-head h2,.about h2,.cta h2{font-size:clamp(32px,4vw,48px);margin:9px 0 12px}.section-head p,.about p{color:#53657a;line-height:1.75}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.card{background:#fff;border:1px solid #e4ebf3;border-radius:18px;padding:30px 24px;box-shadow:0 12px 35px #0c3c6e12}.card-icon{font-size:42px}.card h3{color:#0068c7;font-size:20px}.card p{line-height:1.65;color:#53657a}.about{background:linear-gradient(180deg,#f4f9ff,#fff)}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}.fleet-card img{width:100%;border-radius:20px;box-shadow:0 18px 50px #052b5428}.stats{padding:30px 0 70px}.stats-grid{background:linear-gradient(135deg,#063968,#075aa2);border-radius:18px;padding:28px;display:grid;grid-template-columns:repeat(4,1fr);color:#fff}.stats-grid div{text-align:center;border-right:1px solid #ffffff46}.stats-grid div:last-child{border-right:0}.stats-grid strong{display:block;font-size:30px}.stats-grid span{display:block;margin-top:6px;color:#dbeeff}.cta{background:#042b52;color:#fff;padding:60px 0}.cta-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:70px;align-items:center}.cta p{color:#dbe8f7;font-size:18px;line-height:1.7}.light{color:#66b9ff}.contact-actions{display:flex;gap:12px;flex-wrap:wrap}.btn-outline-light{color:#fff;border:1px solid #ffffff8a}.footer{background:#021f3c;color:#d6e4f4;padding:55px 0 24px}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1.2fr 1fr;gap:36px}.footer-logo{width:170px;border-radius:8px}.footer h4{color:#fff;margin:0 0 16px}.footer a,.footer span{display:block;color:#d6e4f4;margin:9px 0;font-weight:500}.copyright{border-top:1px solid #ffffff20;margin-top:35px;padding-top:20px;font-size:13px}.floating-whats{position:fixed;right:20px;bottom:20px;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:#20c56c;color:#fff;text-decoration:none;font-size:30px;box-shadow:0 12px 30px #0004;z-index:55}@media(max-width:900px){.desktop-cta{display:none}.menu-btn{display:block}.menu{position:absolute;top:78px;left:0;right:0;background:#03284d;padding:18px 4%;display:none;flex-direction:column}.menu.open{display:flex}.hero{min-height:600px}.hero-shade{background:linear-gradient(90deg,rgba(255,255,255,.96),rgba(255,255,255,.8))}.feature-grid,.cards,.stats-grid{grid-template-columns:repeat(2,1fr)}.about-grid,.cta-grid,.footer-grid{grid-template-columns:1fr}.feature-grid article{border-right:0}.stats-grid div{border-right:0;border-bottom:1px solid #ffffff35;padding:15px}.stats-grid div:last-child{border-bottom:0}}@media(max-width:560px){.nav{height:70px}.brand img{width:125px}.hero{min-height:620px}.hero-copy{padding:50px 0}.hero h1{font-size:42px}.hero p{font-size:17px}.feature-grid,.cards,.stats-grid{grid-template-columns:1fr}.section{padding:60px 0}.footer{padding-bottom:90px}}/* ===== FORMULÁRIO DE CONTATO GM LOGISTICS ===== */

.contact-form {
  background: #ffffff;
  padding: 30px;
  border-radius: 18px;
  display: flex;
  flex-direction: column;
  gap: 14px;
  box-shadow: 0 15px 40px rgba(0,0,0,0.18);
}

.contact-form input,
.contact-form textarea {
  width: 100%;
  padding: 16px 18px;
  border: 1px solid #d9e2ec;
  border-radius: 10px;
  font-family: inherit;
  font-size: 16px;
  color: #08213a;
  background: #ffffff;
  outline: none;
  box-sizing: border-box;
}

.contact-form input:focus,
.contact-form textarea:focus {
  border-color: #0876db;
  box-shadow: 0 0 0 3px rgba(8,118,219,0.15);
}

.contact-form textarea {
  min-height: 130px;
  resize: vertical;
}

.contact-form .btn {
  width: 100%;
  border: none;
  cursor: pointer;
  text-align: center;
  font-size: 16px;
  font-weight: 700;
}

.contact-form .btn-whats {
  background: #16b968;
  color: #ffffff;
}

.contact-form .btn-whats:hover {
  background: #109c57;
}

.contact-form .btn-outline-light {
  background: #0876db;
  color: #ffffff;
  border: 2px solid #0876db;
}

.contact-info {
  margin-top: 25px;
}

.contact-info p {
  margin: 8px 0;
  color: #ffffff;
}

@media (max-width: 768px) {
  .contact-form {
    padding: 20px;
    margin-top: 25px;
  }

  .cta-grid {
    grid-template-columns: 1fr;
    gap: 30px;
  }
}
/* ===== NÚMEROS GM LOGISTICS ===== */

.stats {
    padding: 70px 20px;
    background: #ffffff;
}

.stats-grid {
    max-width: 1180px;
    margin: auto;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    background: linear-gradient(135deg, #063968, #0876db);
    border-radius: 22px;
    overflow: hidden;
    box-shadow: 0 18px 45px rgba(0, 40, 90, 0.20);
}

.stats-grid div {
    text-align: center;
    padding: 38px 20px;
    color: white;
    position: relative;
}

.stats-grid div:not(:last-child)::after {
    content: "";
    position: absolute;
    right: 0;
    top: 25%;
    height: 50%;
    width: 1px;
    background: rgba(255,255,255,0.25);
}

.stats-grid strong {
    display: block;
    font-size: 42px;
    font-weight: 900;
    margin-bottom: 8px;
    line-height: 1;
}

.stats-grid span {
    display: block;
    font-size: 16px;
    font-weight: 500;
    opacity: .95;
}

/* CELULAR */

@media (max-width: 700px) {

    .stats {
        padding: 40px 18px;
    }

    .stats-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .stats-grid div {
        padding: 30px 12px;
    }

    .stats-grid strong {
        font-size: 32px;
    }

    .stats-grid span {
        font-size: 14px;
    }
}/* ===== CORREÇÃO FOTO DA FROTA ===== */

.about-grid {
    align-items: center;
}

.fleet-card {
    width: 100%;
    height: auto;
    min-height: 0;
    background: transparent;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 18px 40px rgba(0, 40, 90, 0.18);
}

.fleet-card img {
    display: block;
    width: 100%;
    height: auto;
    max-height: 430px;
    object-fit: cover;
    object-position: center;
    border-radius: 20px;
}

/* CELULAR */
@media (max-width: 900px) {
    .fleet-card {
        margin-top: 25px;
    }

    .fleet-card img {
        width: 100%;
        height: auto;
        max-height: none;
    }
}

/* ===== CORREÇÃO FOTO DA FROTA ===== */

.about-grid {
    align-items: center;
}

.fleet-card {
    width: 100%;
    height: auto;
    min-height: 0;
    background: transparent;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 18px 40px rgba(0, 40, 90, 0.18);
}

.fleet-card img {
    display: block;
    width: 100%;
    height: auto;
    max-height: 430px;
    object-fit: cover;
    object-position: center;
    border-radius: 20px;
}

/* CELULAR */
@media (max-width: 900px) {
    .fleet-card {
        margin-top: 25px;
    }

    .fleet-card img {
        width: 100%;
        height: auto;
        max-height: none;
    }
}/* ===== CORREÇÃO DEFINITIVA FROTA ===== */

.about .fleet-card {
    background: transparent !important;
    min-height: 0 !important;
    height: auto !important;
    padding: 0 !important;
    overflow: hidden !important;
    border-radius: 20px !important;
}

.about .fleet-card img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    max-height: none !important;
    object-fit: contain !important;
    border-radius: 20px !important;
}
/* Ajuste responsivo do bloco de números */
@media (max-width: 1024px) {
  .stats {
    overflow: hidden;
  }

  .stats-grid {
    width: 100% !important;
    max-width: 100% !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .stats-grid > div {
    min-width: 0;
    padding: 18px 10px !important;
  }
}

@media (max-width: 600px) {
  .stats-grid {
    grid-template-columns: 1fr !important;
  }

  .stats-grid > div {
    border-right: 0 !important;
  }
}
/* --- ESTILOS DO NOVO FORMULÁRIO --- */
.contact-form .form-group {
    margin-bottom: 15px;
    text-align: left; 
}

.contact-form .form-group label {
    display: block;
    margin-bottom: 5px;
    font-weight: 600;
    color: #333333; /* Cor escura para aparecer no fundo branco */
    font-size: 14px;
}

.contact-form .form-group input,
.contact-form .form-group textarea {
    width: 100%;
    padding: 12px;
    border: 1px solid #ccc;
    border-radius: 6px;
    box-sizing: border-box;
    font-family: inherit;
    font-size: 14px;
}

/* --- ESTILOS DOS BOTÕES --- */
.contact-form .form-buttons {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-top: 20px;
}

.contact-form .btn-whatsapp {
    background-color: #25D366; /* Verde do WhatsApp */
    color: white;
    border: none;
    padding: 15px;
    border-radius: 6px;
    font-weight: bold;
    font-size: 16px;
    cursor: pointer;
    transition: background-color 0.3s;
}

.contact-form .btn-whatsapp:hover {
    background-color: #128C7E;
}

.contact-form .btn-email {
    background-color: transparent;
    color: #1877F2; /* Azul do seu site */
    border: 2px solid #1877F2;
    padding: 15px;
    border-radius: 6px;
    font-weight: bold;
    font-size: 16px;
    cursor: pointer;
    transition: all 0.3s;
}

.contact-form .btn-email:hover {
    background-color: #1877F2;
    color: white;
}
/* --- ESTILOS DO NOVO FORMULÁRIO (FORÇADOS) --- */
.contact-form .form-group {
    margin-bottom: 15px !important;
    text-align: left !important; 
}

.contact-form .form-group label {
    display: block !important;
    margin-bottom: 5px !important;
    font-weight: 600 !important;
    color: #333333 !important; /* Força a cor escura para aparecer no fundo branco */
    font-size: 14px !important;
}

.contact-form .form-group input,
.contact-form .form-group textarea {
    width: 100% !important;
    padding: 12px !important;
    border: 1px solid #ccc !important;
    border-radius: 6px !important;
    box-sizing: border-box !important;
    font-family: inherit !important;
    font-size: 14px !important;
}

/* --- ESTILOS DOS BOTÕES NOVOS --- */
.contact-form .form-buttons {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
    margin-top: 20px !important;
}

.contact-form .btn-whatsapp {
    background-color: #25D366 !important;
    color: white !important;
    border: none !important;
    padding: 15px !important;
    border-radius: 6px !important;
    font-weight: bold !important;
    font-size: 16px !important;
    cursor: pointer !important;
    width: 100% !important;
}

.contact-form .btn-email {
    background-color: transparent !important;
    color: #1877F2 !important; 
    border: 2px solid #1877F2 !important;
    padding: 15px !important;
    border-radius: 6px !important;
    font-weight: bold !important;
    font-size: 16px !important;
    cursor: pointer !important;
    width: 100% !important;
}
/* CORREÇÃO DO LAYOUT GERAL */
html,
body {
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0;
    overflow-x: hidden;
}

body {
    display: block !important;
}

header,
main,
footer {
    width: 100%;
    max-width: 100%;
}

* {
    box-sizing: border-box;
}

img {
    max-width: 100%;
    height: auto;
}