/* ===== RESET & BASE ===== */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
  --bg0:#070b14;--bg1:#0d1220;--bg2:#111827;--bg3:#1c2333;
  --accent:#6366f1;--accent2:#8b5cf6;--warm:#f59e0b;--green:#10b981;
  --text:#e2e8f0;--muted:#94a3b8;--border:rgba(255,255,255,.08);
  --glass:rgba(255,255,255,.04);
  --font:'Inter',sans-serif;--font2:'Outfit',sans-serif;
}
html{scroll-behavior:smooth}
body{font-family:var(--font);background:var(--bg0);color:var(--text);overflow-x:hidden;line-height:1.6}
a{text-decoration:none;color:inherit}
img{max-width:100%}

/* ===== UTILITIES ===== */
.container{max-width:1200px;margin:0 auto;padding:0 1.5rem}
.gradient-text{background:linear-gradient(135deg,var(--accent),var(--accent2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.gradient-text-warm{background:linear-gradient(135deg,var(--warm),#f97316);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.section-tag{display:inline-block;padding:.3rem .9rem;border:1px solid var(--accent);border-radius:20px;color:var(--accent);font-size:.78rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;margin-bottom:1rem}
.section-header{text-align:center;margin-bottom:3.5rem}
.section-header h2{font-family:var(--font2);font-size:clamp(1.8rem,4vw,2.8rem);font-weight:800;line-height:1.15;margin-bottom:.8rem}
.section-header p{color:var(--muted);max-width:560px;margin:0 auto;font-size:1.05rem}
.section-header.light p{color:rgba(255,255,255,.7)}
.section-dark{background:var(--bg1);padding:6rem 0}
.section-light{background:var(--bg2);padding:6rem 0}

/* ===== BUTTONS ===== */
.btn-primary{display:inline-block;padding:.85rem 2rem;background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff;border-radius:10px;font-weight:600;font-size:.95rem;transition:all .25s;border:none;cursor:pointer}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px rgba(99,102,241,.45)}
.btn-primary.full-width{width:100%;text-align:center}
.btn-ghost{display:inline-block;padding:.85rem 2rem;border:1px solid var(--border);color:var(--text);border-radius:10px;font-weight:500;transition:all .25s}
.btn-ghost:hover{border-color:var(--accent);color:var(--accent)}

/* ===== NAV ===== */
#navbar{position:fixed;top:0;left:0;right:0;z-index:1000;padding:0.4rem 0;transition:all .3s;border-bottom:1px solid transparent}
#navbar.scrolled{background:rgba(7,11,20,.92);backdrop-filter:blur(16px);border-bottom-color:var(--border)}
.nav-container{max-width:1200px;margin:0 auto;padding:0 1.5rem;display:flex;align-items:center;justify-content:space-between}
.nav-logo{display:flex;align-items:center}
.nav-logo-img{height:40px;width:auto;transition:all 0.3s ease}
.nav-links{display:flex;align-items:center;gap:2rem;list-style:none}
.nav-links a{color:var(--muted);font-size:.9rem;transition:color .2s;font-weight:500}
.nav-links a:hover{color:var(--text)}
.nav-cta{padding:.55rem 1.4rem;background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff!important;border-radius:8px;font-weight:600!important}
.hamburger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:.4rem}
.hamburger span{display:block;width:24px;height:2px;background:var(--text);transition:.3s}

/* ===== HERO ===== */
#hero{height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;padding:0 1.5rem}
.hero-bg{position:absolute;inset:0;pointer-events:none}
.hero-grid{position:absolute;inset:0;background-image:linear-gradient(var(--border) 1px,transparent 1px),linear-gradient(90deg,var(--border) 1px,transparent 1px);background-size:60px 60px;opacity:.4}
.hero-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.18}
.orb1{width:600px;height:600px;background:var(--accent);top:-20%;left:-15%}
.orb2{width:400px;height:400px;background:var(--accent2);bottom:-10%;right:-10%}
.orb3{width:300px;height:300px;background:var(--warm);top:50%;left:50%;transform:translate(-50%,-50%)}
.hero-content-fullscreen{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding-top:60px}

.company-info-sidebar{position:absolute;left:5%;top:50%;transform:translateY(-50%);width:25%;min-width:280px;z-index:10;pointer-events:none}
.company-name{font-family:var(--font2);font-size:clamp(2rem,4vw,3.5rem);font-weight:900;line-height:1.1;margin-bottom:1rem;background:linear-gradient(135deg,#fff,#94a3b8);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.company-desc{font-size:1.05rem;color:var(--muted);line-height:1.6;margin-bottom:1rem;pointer-events:auto}
.company-hook{font-size:1.1rem;font-weight:700;color:var(--accent);pointer-events:auto}

.action-hint-sidebar{position:absolute;right:5%;top:50%;transform:translateY(-50%);width:20%;min-width:240px;z-index:10;pointer-events:none;text-align:right}
.action-title{font-size:1.4rem;font-weight:700;color:var(--text);margin-bottom:0.8rem;border-right:3px solid var(--accent);padding-right:15px}
.action-desc{font-size:0.95rem;color:var(--muted);line-height:1.5;pointer-events:auto;padding-right:15px}

.logo-overlay-container{position:relative;width:80vmin;height:80vmin;max-width:800px;max-height:800px;display:flex;align-items:center;justify-content:center;z-index:2;margin:0 auto}
.massive-logo{width:100%;height:auto;opacity:0.25;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:0;pointer-events:none}

.premium-nav-btn{position:absolute;width:130px;height:105px;background:transparent;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;transition:all .4s cubic-bezier(0.175,0.885,0.32,1.275);color:var(--text);text-decoration:none;z-index:5;border:none}
.premium-nav-btn:hover{transform:scale(1.15)}
.premium-svg{width:36px;height:36px;margin-bottom:4px;color:var(--accent);transition:all .3s ease;position:relative;z-index:2;filter:drop-shadow(0 2px 4px rgba(0,0,0,0.8))}
.premium-nav-btn:hover .premium-svg{color:#fff;transform:translateY(-10px);filter:drop-shadow(0 0 10px rgba(99,102,241,0.8))}
.btn-title{font-size:0.95rem;display:block;color:var(--text);font-weight:bold;transition:all .3s ease;position:relative;z-index:2;text-shadow:0 2px 4px rgba(0,0,0,0.8)}
.premium-nav-btn:hover .btn-title{transform:translateY(-10px);color:#fff}
.hover-desc{position:absolute;bottom:0px;font-size:0.7rem;line-height:1.2;color:rgba(255,255,255,0.9);opacity:0;transform:translateY(15px);transition:all .4s cubic-bezier(0.175,0.885,0.32,1.275);text-align:center;width:100%;z-index:1;text-shadow:0 2px 4px rgba(0,0,0,0.8)}
.premium-nav-btn:hover .hover-desc{opacity:1;transform:translateY(0)}

/* Custom Positions - Embedded directly over the logo tips */
.btn-left{top:12%;left:22%;transform:translate(-50%, -50%)}
.btn-left:hover{transform:translate(-50%, -50%) scale(1.15)}

.btn-right{top:12%;right:22%;transform:translate(50%, -50%)}
.btn-right:hover{transform:translate(50%, -50%) scale(1.15)}

.btn-bottom{bottom:12%;left:50%;transform:translate(-50%, 50%);width:160px;height:105px}
.btn-bottom:hover{transform:translate(-50%, 50%) scale(1.15)}
.hero-scroll-hint{position:absolute;bottom:2rem;left:50%;transform:translateX(-50%)}
.scroll-dot{width:6px;height:6px;background:var(--accent);border-radius:50%;animation:scrollBounce 1.5s infinite}
@keyframes scrollBounce{0%,100%{transform:translateY(0)}50%{transform:translateY(8px)}}

/* ===== TRUST BAR ===== */
.global-trust-bar{background:rgba(99,102,241,.06);border-top:1px solid rgba(99,102,241,.2);border-bottom:1px solid rgba(99,102,241,.2);padding:1.5rem 0}
.trust-grid{display:flex;justify-content:space-around;flex-wrap:wrap;gap:1.5rem}
.trust-item{display:flex;align-items:center;gap:.5rem;font-size:.9rem;font-weight:600;color:var(--text)}
.trust-icon{color:var(--green);font-size:1.2rem}

/* ===== USADOS / COMING SOON ===== */
.coming-soon-banner{background:rgba(99,102,241,.06);border:1px dashed var(--accent);border-radius:16px;padding:3rem 2rem;text-align:center;margin-bottom:2.5rem}
.coming-soon-banner h3{font-size:1.4rem;font-weight:700;margin-bottom:.8rem;color:var(--text)}
.coming-soon-banner p{color:var(--muted);font-size:1rem;max-width:500px;margin:0 auto}

/* ===== TWO COL FLOTA ===== */
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}
.col-text h2{font-family:var(--font2);font-size:clamp(1.6rem,3.5vw,2.4rem);font-weight:800;line-height:1.2;margin-bottom:1rem}
.col-text p{color:var(--muted);margin-bottom:1.5rem;line-height:1.7}
.feature-list{list-style:none;margin-bottom:2rem}
.feature-list li{display:flex;align-items:center;gap:.8rem;padding:.6rem 0;border-bottom:1px solid var(--border);font-size:.95rem;color:var(--text)}
.feature-list li span{font-size:1.2rem}

.visual-card{background:var(--bg3);border:1px solid var(--border);border-radius:16px;overflow:hidden;position:relative}
.visual-card-bg{height:220px}
.visual-card-content{padding:2rem}
.visual-card-content h3{font-size:1.3rem;font-weight:700;margin-bottom:.5rem}
.visual-card-content p{color:var(--muted);font-size:.95rem}

/* ===== AGRO ===== */
.section-agro{background:linear-gradient(135deg,#0a1a00,#0d2200,#070b14);padding:6rem 0;position:relative}
.section-agro::before{content:'';position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%2310b981' fill-opacity='0.04'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}
.agro-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}
.agro-card{background:rgba(255,255,255,.04);border:1px solid rgba(16,185,129,.2);border-radius:16px;padding:2rem;transition:all .3s}
.agro-card:hover{border-color:var(--green);transform:translateY(-4px);box-shadow:0 15px 40px rgba(16,185,129,.15)}
.agro-icon{font-size:2.5rem;margin-bottom:1rem}
.agro-card h3{font-size:1.25rem;font-weight:700;margin-bottom:.8rem}
.agro-card p{color:rgba(255,255,255,.65);font-size:.9rem;line-height:1.6}

/* ===== SERVICES ===== */
.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}
.service-card{background:var(--bg3);border:1px solid var(--border);border-radius:16px;padding:1.8rem;transition:all .3s;position:relative;overflow:hidden}
.service-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent),var(--c,var(--accent2)));opacity:0;transition:.3s}
.service-card:hover{border-color:var(--border);transform:translateY(-4px);box-shadow:0 15px 40px rgba(0,0,0,.35)}
.service-card:hover::before{opacity:1}
.service-icon-wrap{font-size:2.2rem;margin-bottom:1rem;display:block}
.service-card h3{font-size:1.1rem;font-weight:700;margin-bottom:.6rem}
.service-card p{color:var(--muted);font-size:.88rem;line-height:1.6}

/* ===== CONTACT ===== */
.contact-wrapper{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start}
.contact-left h2{font-family:var(--font2);font-size:clamp(1.6rem,3.5vw,2.4rem);font-weight:800;line-height:1.2;margin-bottom:1rem}
.contact-left p{color:var(--muted);line-height:1.7;margin-bottom:2rem}
.contact-methods{display:flex;flex-direction:column;gap:1rem}
.contact-method{display:flex;align-items:center;gap:1rem;padding:1rem 1.2rem;background:var(--glass);border:1px solid var(--border);border-radius:12px;transition:.2s;cursor:pointer}
.contact-method:hover,.contact-method.whatsapp:hover{border-color:var(--green);background:rgba(16,185,129,.07)}
.contact-method span{font-size:1.5rem}
.contact-method strong{display:block;font-size:.95rem}
.contact-method small{color:var(--muted);font-size:.8rem}
.contact-form{background:var(--bg3);border:1px solid var(--border);border-radius:16px;padding:2rem}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.form-group{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.1rem}
.form-group label{font-size:.85rem;color:var(--muted);font-weight:500}
.form-group input,.form-group select,.form-group textarea{background:var(--bg2);border:1px solid var(--border);border-radius:8px;padding:.75rem 1rem;color:var(--text);font-family:var(--font);font-size:.9rem;transition:.2s;resize:vertical}
.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px rgba(99,102,241,.15)}
.form-group select option{background:var(--bg2)}

/* ===== FOOTER ===== */
#footer{background:var(--bg0);border-top:1px solid var(--border);padding:4rem 0 2rem}
.footer-top{display:grid;grid-template-columns:1fr 2fr;gap:4rem;margin-bottom:3rem}
.footer-brand{display:flex;flex-direction:column;gap:.8rem}
.footer-logo-img{height:50px;width:auto;align-self:flex-start}
.footer-brand p{color:var(--muted);font-size:.85rem;line-height:1.6;max-width:280px}
.footer-links{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}
.footer-col h4{font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text);margin-bottom:1rem}
.footer-col a{display:block;color:var(--muted);font-size:.85rem;margin-bottom:.6rem;transition:.2s}
.footer-col a:hover{color:var(--accent)}
.footer-bottom{border-top:1px solid var(--border);padding-top:1.5rem;display:flex;justify-content:center;align-items:center;text-align:center}
.footer-bottom p{font-size:.78rem;color:var(--muted)}

/* ===== RESPONSIVE ===== */
@media(max-width:900px){
  .two-col,.contact-wrapper,.footer-top{grid-template-columns:1fr;gap:2.5rem}
  .form-row{grid-template-columns:1fr}
}
@media(max-width:768px){
  .nav-links{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:var(--bg0);flex-direction:column;justify-content:center;align-items:center;gap:2.5rem;z-index:999}
  .nav-links.open{display:flex}
  .hamburger{display:none !important;}
  .trust-grid{flex-direction:column;align-items:center;text-align:center}
  .footer-links{grid-template-columns:1fr}
  
  /* Hero Mobile Fix */
  #hero { height: auto !important; padding: 120px 1.5rem 3rem 1.5rem !important; overflow-y: visible !important; }
  .hero-content-fullscreen { flex-direction: column !important; justify-content: flex-start !important; height: auto !important; position: relative !important; padding-top: 0 !important; }
  
  .company-info-sidebar, .action-hint-sidebar {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;
    width: 100% !important;
    min-width: auto !important;
    text-align: center !important;
    margin-bottom: 2rem !important;
  }
  .action-hint-sidebar { text-align: center !important; margin-top: 1rem !important; }
  .action-title { border-right: none !important; padding-right: 0 !important; margin-bottom: 0.5rem !important; }
  .action-desc { padding-right: 0 !important; }
  
  .company-info-sidebar { order: 1 !important; }
  .logo-overlay-container { order: 2 !important; position: relative !important; width: 100% !important; height: auto !important; min-height: 350px !important; margin: 2rem auto !important; max-height: none !important; }
  .action-hint-sidebar { order: 3 !important; }
  
  /* Buttons adjustment for mobile logo container */
  .premium-nav-btn { width: 100px; height: 90px; }
  .premium-svg { width: 28px; height: 28px; }
  .btn-title { font-size: 0.85rem; }
  .btn-left { left: 15%; top: 15%; }
  .btn-right { right: 15%; top: 15%; }
  .btn-bottom { bottom: 15%; }
}

/* ===== SINGLE PAGE EXTRA ===== */
.mandatory-info-corner{position:absolute;bottom:10px;right:15px;font-size:0.65rem;color:rgba(255,255,255,0.25);z-index:100;pointer-events:none}

/* ===== CATALOG GRID ===== */
.catalog-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:2rem}
.catalog-card{background:var(--bg0);border:1px solid var(--border);border-radius:12px;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}
.catalog-card:hover{transform:translateY(-5px);box-shadow:0 15px 30px rgba(0,0,0,0.3);border-color:var(--accent)}
.car-image-placeholder{width:100%;height:200px;background:linear-gradient(135deg,#1e293b,#0f172a);display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:0.9rem;border-bottom:1px solid var(--border)}
.car-details{padding:1.5rem}
.car-year{display:inline-block;background:rgba(99,102,241,0.15);color:var(--accent);padding:2px 8px;border-radius:4px;font-size:0.75rem;font-weight:700;margin-bottom:0.5rem}
.car-details h3{font-size:1.25rem;margin-bottom:0.2rem;color:var(--text)}
.car-version{font-size:0.85rem;color:var(--muted);margin-bottom:1rem}
.car-metrics{display:flex;gap:1rem;font-size:0.8rem;color:var(--muted);margin-bottom:1.5rem;border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:0.75rem 0}
.car-price{font-size:1.25rem;font-weight:800;color:var(--text);margin-bottom:1rem}
.full-width{width:100%;text-align:center;display:block}