:root{--blue:#061d35;--blue2:#0b355c;--white:#f4f7fa;--muted:#9aa8b5;--line:rgba(255,255,255,.12);--bg:#05090e}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--white);font-family:Barlow,Arial,sans-serif}.header{height:82px;padding:0 6%;display:flex;align-items:center;justify-content:space-between;position:fixed;top:0;width:100%;z-index:20;background:rgba(5,9,14,.82);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.logo{font:42px 'Bebas Neue';letter-spacing:2px;color:#fff;text-decoration:none}.logo span{color:#6fa8dc}.header nav{display:flex;gap:32px}.header nav a{color:#dce4eb;text-decoration:none;font-size:15px}.header-btn,.btn{border:1px solid rgba(255,255,255,.25);padding:12px 20px;color:#fff;text-decoration:none;background:transparent;font-weight:600;display:inline-block}.header-btn{background:#0b355c;border:0}.menu{display:none;background:none;border:0;color:#fff;font-size:25px}.hero{min-height:100vh;position:relative;display:flex;align-items:center;padding:130px 8% 70px;overflow:hidden;background:radial-gradient(circle at 70% 50%,#0c3151 0,#07111b 38%,#05090e 70%)}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,9,14,.98) 0%,rgba(5,9,14,.78) 35%,rgba(5,9,14,.1) 80%);z-index:1}.hero-image{position:absolute;right:-5%;width:68%;height:100%;background:url('https://images.unsplash.com/photo-1601584115197-04ecc0da31d6?auto=format&fit=crop&w=1800&q=85') center/cover no-repeat;filter:saturate(.75);opacity:.75}.hero-content{position:relative;z-index:2;max-width:720px}.eyebrow{font-size:12px;letter-spacing:3px;color:#8bb4d8;font-weight:700}.hero h1,h1,h2{font-family:'Bebas Neue';font-weight:400;line-height:.9;letter-spacing:1px}.hero h1{font-size:clamp(64px,8vw,120px);margin:18px 0}.hero h1 em{color:#6fa8dc;font-style:normal}.hero-text{max-width:520px;color:#b9c5cf;font-size:18px;line-height:1.5}.hero-actions{display:flex;gap:12px;margin-top:32px}.btn{transition:.25s;cursor:pointer}.btn.primary{background:#104775;border-color:#104775}.btn:hover{transform:translateY(-2px);filter:brightness(1.15)}.btn span{margin-left:20px}.scroll{position:absolute;z-index:2;bottom:28px;left:8%;font-size:10px;letter-spacing:2px;color:#82909b}.scroll span{font-size:18px;margin-left:10px}.ticker{overflow:hidden;white-space:nowrap;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:16px 0;color:#8194a6;font:24px 'Bebas Neue';letter-spacing:2px}.ticker div{animation:marquee 22s linear infinite}@keyframes marquee{to{transform:translateX(-50%)}}.section{padding:120px 8%}.section-head{display:flex;justify-content:space-between;gap:40px;align-items:end}.section h2{font-size:76px;margin:10px 0}.section h2 span,.contact h2 span{color:#6fa8dc}.section-head>p{max-width:330px;color:var(--muted);line-height:1.5}.filters{display:flex;gap:12px;margin:45px 0 28px}.filters input,.filters select,.admin-card input,.admin-card textarea{background:#0a1119;color:#fff;border:1px solid var(--line);padding:15px;font:inherit;outline:none}.filters input{flex:1}.filters select{min-width:190px}.truck-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.truck{background:#0a1119;border:1px solid var(--line);overflow:hidden;transition:.3s}.truck:hover{transform:translateY(-7px);border-color:#35658e}.truck-photo{height:260px;background:center/cover no-repeat}.truck-info{padding:22px}.truck-info small{color:#7f93a5;letter-spacing:2px}.truck-info h3{font:38px 'Bebas Neue';margin:8px 0}.specs{display:flex;gap:18px;flex-wrap:wrap;color:#b9c5cf;font-size:14px;border-top:1px solid var(--line);padding-top:14px}.price{font-size:23px;font-weight:700;margin:18px 0}.empty{color:var(--muted)}.about{display:grid;grid-template-columns:1fr 1fr;gap:8%;background:#07101a}.about-photo{min-height:620px;background:url('https://images.unsplash.com/photo-1616432043562-3671ea2e5242?auto=format&fit=crop&w=1000&q=85') center/cover}.about-copy{align-self:center}.about-copy>p:not(.eyebrow){color:#aebbc6;font-size:18px;line-height:1.7;max-width:570px}.numbers{display:flex;gap:35px;margin-top:45px}.numbers strong{display:block;font:55px 'Bebas Neue';color:#6fa8dc}.numbers span{font-size:11px;letter-spacing:1px;color:#9aa8b5}.contact{background:radial-gradient(circle at 80% 50%,#103a60,#06101a 55%)}.contact-card{max-width:850px}.contact h2{font-size:80px;margin:15px 0}.contact-card>p:not(.eyebrow){color:#b4c0ca;font-size:18px;max-width:650px}.contact-info{display:flex;gap:80px;margin:40px 0}.contact-info small{display:block;color:#7f93a5;font-size:10px;letter-spacing:2px;margin-bottom:8px}.contact-info a,.contact-info span{color:#fff;text-decoration:none;font-size:20px}.back{color:#8eb9dd;text-decoration:none}.detail{padding-top:140px}.detail-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:50px;margin-top:35px}.detail-main-img{height:600px;background:center/cover no-repeat}.detail-data h1{font-size:90px;margin:0}.detail-data .brand{color:#8eb9dd;letter-spacing:3px}.detail-data .price{font-size:32px}.detail-specs{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:20px 0;gap:20px}.detail-specs div{color:#aebbc6}.detail-specs b{display:block;color:#fff;font-size:20px}.admin-body{min-height:100vh;background:#060b11}.admin-wrap{max-width:1100px;margin:auto;padding:35px 25px}.admin-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:50px}.admin-top span{color:#8b9aa8}.admin-card{background:#0b131c;border:1px solid var(--line);padding:30px;margin-bottom:22px}.admin-card h1{font-size:60px;margin:8px 0 15px}.admin-card input,.admin-card textarea{width:100%;margin:6px 0}.admin-card textarea{min-height:130px;resize:vertical}.admin-card small{display:block;color:#6f8292;margin-top:15px}.form-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.admin-item{display:flex;justify-content:space-between;align-items:center;padding:15px 0;border-bottom:1px solid var(--line)}.admin-item button{background:#501d26;color:#fff;border:0;padding:8px 12px;cursor:pointer}footer{padding:40px 8%;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;color:#72818e}footer .logo{font-size:34px}.reveal{animation:rise .8s ease both}@keyframes rise{from{opacity:0;transform:translateY(25px)}to{opacity:1;transform:none}}@media(max-width:900px){.header nav,.header-btn{display:none}.menu{display:block}.hero-image{width:100%;right:0;opacity:.35}.truck-grid{grid-template-columns:1fr 1fr}.about{grid-template-columns:1fr}.about-photo{min-height:400px}.detail-grid{grid-template-columns:1fr}.detail-main-img{height:420px}}@media(max-width:600px){.section{padding:80px 6%}.hero{padding:120px 6% 70px}.hero h1{font-size:65px}.section h2,.contact h2{font-size:60px}.filters{flex-direction:column}.truck-grid{grid-template-columns:1fr}.contact-info{flex-direction:column;gap:25px}.form-row{grid-template-columns:1fr}.numbers{gap:18px}.numbers strong{font-size:40px}footer{flex-direction:column;align-items:flex-start;gap:15px}}
.file-label{display:block;margin:8px 0;padding:15px;border:1px dashed rgba(255,255,255,.3);background:#0a1119;color:#b9c5cf;cursor:pointer}.file-label input{display:block!important;border:0!important;padding:8px 0!important;margin:5px 0 0!important}.image-preview{margin:8px 0 14px;min-height:10px}.image-preview img{display:block;width:min(100%,500px);max-height:300px;object-fit:cover;border:1px solid var(--line)}
/* Ajuste de enquadramento das fotos */
.truck-photo{
  height:260px;
  background-position:center;
  background-size:cover;
  background-repeat:no-repeat;
}
.detail-main-img{
  height:600px;
  background-position:center;
  background-size:cover;
  background-repeat:no-repeat;
}
.image-preview img{
  width:100%;
  max-width:500px;
  height:300px;
  object-fit:cover;
  object-position:center;
}
@media(max-width:900px){
  .detail-main-img{height:420px}
}

/* ===== NOVO VISUAL DA PÁGINA DO VEÍCULO ===== */
.header .logo{position:relative;line-height:.8}
.header .logo small{display:block;font:7px Barlow,sans-serif;letter-spacing:4px;margin-left:2px;margin-top:5px;color:#c8d5df}
.header nav a{position:relative;padding:31px 0}
.header nav a.active:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:#168cff}
.header-btn{border:1px solid #168cff;background:transparent;padding:12px 18px;border-radius:4px}
.detail{padding-top:145px;background:radial-gradient(circle at 78% 30%,rgba(11,53,92,.18),transparent 35%)}
.detail-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(360px,.8fr);gap:25px;margin-top:28px;align-items:start}
.gallery-column{min-width:0}
.detail-main-wrap{height:510px;position:relative;border:1px solid #24577f;border-radius:9px;overflow:hidden;background:#0b1723;display:flex;align-items:center;justify-content:center}
.detail-main-img{width:100%;height:100%;background-position:center;background-repeat:no-repeat;background-size:contain;background-color:#0b1723}
.gallery-arrow{position:absolute;z-index:3;top:50%;transform:translateY(-50%);width:50px;height:50px;border-radius:50%;border:0;background:rgba(3,12,22,.86);color:#fff;font-size:42px;line-height:40px;cursor:pointer}
.gallery-arrow.left{left:16px}.gallery-arrow.right{right:16px}
.photo-counter{position:absolute;right:13px;bottom:12px;background:rgba(4,13,22,.8);border:1px solid rgba(255,255,255,.18);border-radius:6px;padding:6px 9px;font-size:12px}
.thumbs{display:flex;gap:10px;margin-top:12px;overflow-x:auto;padding-bottom:3px}
.photo-thumb{flex:0 0 132px;height:86px;background-size:cover;background-position:center;border:2px solid transparent;border-radius:7px;cursor:pointer;background-color:#0b1723}
.photo-thumb.selected{border-color:#168cff}
.gallery-box{margin-top:22px;border:1px solid #24577f;border-radius:9px;padding:16px;background:#07111c}
.gallery-title{font-size:17px;font-weight:600;border-bottom:1px solid rgba(255,255,255,.15);padding-bottom:13px}
.gallery-title span{display:block;width:185px;height:2px;background:#168cff;margin-top:12px}
.gallery-strip{display:flex;gap:12px;overflow:hidden;margin-top:15px}
.gallery-strip .photo-thumb{height:76px;flex-basis:140px}
.detail-side{display:flex;flex-direction:column;gap:18px}
.detail-card{border:1px solid #24577f;border-radius:9px;background:linear-gradient(145deg,#061524,#07111c);padding:25px}
.detail-data h1{font-size:76px;margin:4px 0 8px}
.detail-data .brand{color:#168cff;letter-spacing:3px;margin:0}
.detail-description{color:#c0ccd5;line-height:1.45;margin:0 0 18px}
.detail-specs{grid-template-columns:1fr 1fr;gap:0;margin:0}
.detail-specs div{padding:13px 0;border-top:1px solid rgba(255,255,255,.15)}
.detail-specs div:nth-child(3){grid-column:1/3}
.detail-specs span{color:#168cff;font-size:22px;margin-right:10px}
.detail-specs b{font-size:18px;margin-left:32px}
.detail-price{font-size:32px;color:#168cff;font-weight:700;border-top:1px solid rgba(255,255,255,.15);padding-top:18px;margin-top:8px}
.interest-btn{display:block;text-align:center;background:#168cff;color:#fff;text-decoration:none;padding:16px;border-radius:7px;font-weight:700;margin-top:15px;transition:.2s}
.interest-btn:hover{background:#0d72d2;transform:translateY(-2px)}
.trust-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;border-top:1px solid rgba(255,255,255,.15);margin-top:20px;padding-top:18px}
.trust-row span{display:flex;gap:7px;align-items:center;font-size:22px;color:#168cff;border-right:1px solid rgba(255,255,255,.13)}
.trust-row span:last-child{border:0}
.trust-row b{font:12px Barlow;color:#e6edf2;line-height:1.2}
.description-card h3{margin:0 0 12px;font-size:17px}.description-card p{color:#b8c4cd;line-height:1.55;margin:0}
@media(max-width:900px){.detail-grid{grid-template-columns:1fr}.detail-main-wrap{height:430px}.detail-side{order:2}}
@media(max-width:600px){.detail{padding-top:120px}.detail-main-wrap{height:330px}.detail-data h1{font-size:58px}.detail-card{padding:18px}.trust-row{grid-template-columns:1fr}.trust-row span{border-right:0;border-bottom:1px solid rgba(255,255,255,.13);padding-bottom:10px}.gallery-strip .photo-thumb{flex-basis:110px;height:65px}.photo-thumb{flex-basis:105px;height:70px}}

.image-preview{display:flex;flex-wrap:wrap;gap:10px}
.image-preview img{width:150px!important;height:100px!important;object-fit:cover}

/* Upload múltiplo de fotos */
.file-label{display:block;margin:8px 0;padding:15px;border:1px dashed rgba(22,140,255,.55);background:#0a1119;color:#dbe6ee;cursor:pointer;border-radius:6px}
.file-label input{display:block!important;width:100%!important;border:0!important;padding:10px 0 0!important;margin:0!important;background:transparent!important}
.image-preview{display:flex;flex-wrap:wrap;gap:10px;margin:10px 0 16px}
.preview-item{position:relative;width:150px;height:100px;overflow:hidden;border-radius:7px;border:1px solid rgba(255,255,255,.15);background:#07111c}
.preview-item img{width:100%!important;height:100%!important;object-fit:cover;display:block}
.preview-item span{position:absolute;left:6px;top:6px;background:rgba(0,0,0,.75);padding:3px 7px;border-radius:4px;font-size:11px}
.upload-status{width:100%;color:#8eb9dd;font-size:13px;padding:5px 0}
.admin-item small{display:block!important;margin-top:4px;color:#718797!important}

/* Painel: edição de anúncios */
.admin-actions{display:flex;gap:8px;align-items:center}
.admin-actions button{border:0;padding:9px 13px;color:#fff;cursor:pointer;font-family:Barlow;font-weight:600;border-radius:4px}
.edit-btn{background:#104775}.delete-btn{background:#501d26}
.admin-item-info{display:flex;align-items:center;gap:13px}.admin-thumb{width:65px;height:48px;border-radius:5px;background:#101b26 center/cover no-repeat;border:1px solid var(--line)}
.admin-item-info small{display:block!important;margin-top:5px;color:#778b9b!important}
.current-photos{display:flex;flex-wrap:wrap;gap:10px;margin:10px 0}
.current-title{width:100%;font-size:12px;color:#8eb9dd;margin-bottom:3px}
.current-photo{position:relative;width:135px;height:90px;border-radius:6px;overflow:hidden;border:1px solid var(--line)}
.current-photo img{width:100%;height:100%;object-fit:cover}
.current-photo button{position:absolute;right:5px;top:5px;border:0;border-radius:50%;width:25px;height:25px;background:#501d26;color:#fff;cursor:pointer;font-size:17px;line-height:20px}
.form-actions{display:flex;gap:10px;margin-top:8px}
@media(max-width:600px){.admin-item{align-items:flex-start;gap:12px}.admin-item-info{align-items:flex-start}.admin-actions{flex-direction:column}.admin-thumb{width:55px;height:45px}}

[hidden]{display:none!important}

/* ---------- mensagens e segurança do painel ---------- */
.msg{margin-top:14px;padding:12px 14px;border:1px solid;font-size:14px;line-height:1.45}
.msg-erro{background:#2a1214;border-color:#5b2328;color:#ffb3ad}
.msg-ok{background:#0f2418;border-color:#1f4a33;color:#9ae6bd}
.msg-alerta{background:#2a2214;border-color:#59461f;color:#f0d79b}
.link-btn{background:none;border:0;color:#8eb9dd;cursor:pointer;font:inherit;font-size:14px;padding:12px 0 0;text-decoration:underline}
.link-btn:hover{color:#bcd9f2}
.strength{height:6px;background:#101b26;border:1px solid var(--line);margin:0 0 10px;position:relative}
.strength span{position:absolute;top:10px;left:0;font-size:12px;color:#8b9aa8}
.strength:after{content:"";display:block;height:100%;width:0;transition:.25s}
.strength.nivel-fraca:after{width:33%;background:#c0392b}
.strength.nivel-media:after{width:66%;background:#d8a13a}
.strength.nivel-forte:after{width:100%;background:#2ecc71}
.strength.nivel-fraca span,.strength.nivel-media span,.strength.nivel-forte span{margin-bottom:16px}
.admin-card .strength{margin-bottom:26px}
#loginForm{display:block}