:root{
  --bg:#0b0e0f;--bg2:#121617;--cream:#f3efe8;--cream2:#e8e0d5;--text:#17191a;--muted:#6e6c68;--copper:#d89a52;--copper2:#b97031;--line:#d8cec2;--white:#fff;--green:#25d366;--shadow:0 20px 50px rgba(0,0,0,.16)
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:var(--bg);color:var(--text)}img{max-width:100%;display:block}a{text-decoration:none;color:inherit}button,input,textarea{font:inherit}.container{width:min(98%,92%);margin:auto}.site-header{position:sticky;top:0;z-index:50;background:rgba(8,10,11,.95);backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.06)}.nav{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:inline-flex;align-items:center;gap:13px;color:white}.brand-mark{width:42px;height:48px;display:flex;gap:3px;align-items:flex-end}.brand-mark i{display:block;width:9px;border:2px solid var(--copper);border-bottom:none;transform:skewY(-18deg)}.brand-mark i:nth-child(1){height:30px}.brand-mark i:nth-child(2){height:39px}.brand-mark i:nth-child(3){height:47px}.brand-text{display:flex;flex-direction:column;line-height:1}.brand-text b{font-size:18px;letter-spacing:.4px}.brand-text small{font-size:9px;letter-spacing:4px;margin-top:6px}.main-nav{display:flex;align-items:center;gap:34px;color:#f7f3ed;font-size:14px}.main-nav a{padding:28px 0 24px;position:relative}.main-nav a:after{content:"";position:absolute;left:0;right:100%;bottom:17px;height:2px;background:var(--copper);transition:.25s}.main-nav a:hover:after,.main-nav a.active:after{right:0}.main-nav a.active{color:var(--copper)}.menu-toggle{display:none;border:0;background:none;padding:8px}.menu-toggle span{display:block;width:27px;height:2px;background:var(--copper);margin:6px 0}.hero{position:relative;overflow:hidden;background:radial-gradient(circle at 70% 50%,#263035 0,#151b1e 38%,#0d1113 70%)}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,4,5,.94) 0,rgba(5,8,9,.78) 42%,rgba(5,8,9,.12) 72%)}.hero-grid{position:relative;z-index:2;min-height:520px;display:grid;grid-template-columns:.95fr 1.25fr;align-items:center}.hero-copy{padding:70px 20px 70px 0;color:white}.eyebrow{display:inline-block;font-size:12px;letter-spacing:2.5px;font-weight:700;color:var(--copper);margin-bottom:14px}.copper{color:var(--copper2)}.hero h1{font-family:Georgia,serif;font-weight:500;font-size:clamp(48px,5vw,76px);line-height:.98;margin:0 0 20px;max-width:710px}.hero h1 em{font-style:normal;color:var(--copper)}.hero-copy p{max-width:600px;color:#dce0e1;line-height:1.7;font-size:17px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;border-radius:6px;padding:14px 24px;font-weight:700;border:1px solid transparent;cursor:pointer;transition:.25s}.btn-primary{background:linear-gradient(135deg,var(--copper),var(--copper2));color:white}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 25px rgba(185,112,49,.3)}.btn-outline{border-color:var(--copper);color:white;background:rgba(0,0,0,.25)}.hero-visual{height:100%;min-height:520px;position:relative;clip-path:polygon(18% 0,100% 0,100% 100%,0 100%)}.hero-visual img{width:100%;height:100%;object-fit:cover}.hero-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(13,17,19,.35),transparent 45%,rgba(0,0,0,.18))}.hero-badge{position:absolute;z-index:2;color:#fff;font-weight:800;letter-spacing:1.3px;font-size:12px;text-shadow:0 2px 10px #000}.badge-projects{left:34%;top:28%}.badge-cars{right:4%;top:28%}.stats{background:linear-gradient(180deg,#13191b,#0d1112);border-top:1px solid rgba(255,255,255,.07);border-bottom:1px solid rgba(255,255,255,.08)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);color:white}.stats article{min-height:125px;display:flex;align-items:center;gap:18px;padding:24px 28px;border-right:1px solid rgba(255,255,255,.12)}.stats article:last-child{border-right:0}.stat-icon{font-size:32px;color:var(--copper)}.stats article div{display:flex;flex-direction:column}.stats strong{font-family:Georgia,serif;font-size:30px;font-weight:500}.stats b{font-size:16px}.stats small{margin-top:6px;color:#b5bcbd;line-height:1.3}.section{padding:64px 0}.light{background:var(--cream)}.section-head{display:flex;justify-content:space-between;align-items:end;gap:28px;margin-bottom:28px}.section-head h2,.why h2,.contact-copy h2{font-family:Georgia,serif;font-size:46px;margin:0;font-weight:500}.section-head-right{display:flex;align-items:center;gap:22px}.section-head-right p{max-width:350px;color:#555;line-height:1.5}.carousel-controls{display:flex;gap:8px}.carousel-btn{width:42px;height:42px;border:1px solid #caa578;background:#fff;color:#7b4d20;border-radius:50%;cursor:pointer;font-size:18px}.projects-carousel{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 80px)/5);gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:8px}.projects-carousel::-webkit-scrollbar{display:none}.project-card{scroll-snap-align:start;background:#101719;border-radius:8px;overflow:hidden;color:white;box-shadow:var(--shadow);min-height:390px;display:flex;flex-direction:column}.project-card img{height:185px;width:100%;object-fit:cover}.project-card-body{padding:18px;display:flex;flex-direction:column;flex:1}.project-card h3{font-family:Georgia,serif;font-size:24px;margin:0 0 7px}.project-card span{font-size:12px;color:var(--copper)}.project-card p{color:#cbd0d1;line-height:1.45;font-size:14px;flex:1}.link-btn{align-self:flex-start;border:0;background:none;color:var(--copper);padding:0;cursor:pointer;font-weight:700}.vehicle-section{background:linear-gradient(90deg,#171b1c 0,#111617 100%);color:white;padding:0}.vehicle-grid{display:grid;grid-template-columns:.78fr 1.1fr .88fr;min-height:360px}.vehicle-copy{padding:58px 36px 58px 0;display:flex;flex-direction:column;justify-content:center}.vehicle-copy h2{font-family:Georgia,serif;font-size:42px;line-height:1.05;margin:0 0 17px}.vehicle-copy p{color:#cfd4d5;line-height:1.6;margin-bottom:24px}.vehicle-copy .btn{align-self:flex-start}.vehicle-image img{width:100%;height:100%;object-fit:cover}.vehicle-features{display:grid;grid-template-columns:1fr 1fr;padding:35px;background:#0b0f10}.vehicle-features article{display:flex;gap:14px;padding:24px 18px;border-bottom:1px solid rgba(255,255,255,.1);border-right:1px solid rgba(255,255,255,.1)}.vehicle-features article:nth-child(2n){border-right:0}.vehicle-features article:nth-last-child(-n+2){border-bottom:0}.vehicle-features span{font-size:28px;color:var(--copper)}.vehicle-features b{display:block;margin-bottom:8px}.vehicle-features small{color:#aab2b3;line-height:1.35}.why h2{margin-bottom:28px}.why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.why-grid article{background:#faf8f4;border:1px solid var(--line);border-radius:8px;padding:25px}.why-grid span{font-size:31px;color:var(--copper2)}.why-grid b{display:block;margin:14px 0 7px;font-size:17px}.why-grid p{margin:0;color:#666;line-height:1.45}.contact-section{background:linear-gradient(90deg,#eee5da 0,#f5f2ed 70%,#d2c1aa 100%);padding:50px 0}.contact-grid{display:grid;grid-template-columns:.65fr 1.25fr .9fr;gap:24px;align-items:stretch}.contact-copy{padding:16px 0}.contact-copy h2{line-height:1.05}.contact-form{display:grid;grid-template-columns:1fr 1fr;gap:12px}.contact-form input,.contact-form textarea{border:0;background:white;padding:14px 15px;border-radius:5px;outline:1px solid rgba(0,0,0,.04)}.contact-form textarea{min-height:98px;resize:vertical}.contact-form .btn{grid-column:1/2}.wa-card{background:#111718;color:white;border-radius:8px;padding:28px;display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:center}.wa-icon{font-size:48px;color:var(--green)}.wa-card h3{font-family:Georgia,serif;font-size:24px;margin:0 0 6px}.wa-card p{margin:0 0 13px;color:#cad0d1}.wa-number{display:inline-block;background:var(--green);color:white;border-radius:5px;padding:9px 14px;font-weight:800;margin-bottom:10px}.wa-card small{display:block;color:#c3cacb}.footer{background:#0a0d0e;color:white;padding:36px 0 18px}.footer-grid{display:grid;grid-template-columns:1.4fr .8fr .8fr .8fr;gap:28px}.footer h4{margin-top:0}.footer a{display:block;color:#c7cccc;margin:8px 0;font-size:14px}.footer p{color:#a9b0b1;line-height:1.5}.brand.compact .brand-mark{transform:scale(.8);transform-origin:left center}.socials{display:flex;gap:10px}.socials span{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#222a2c;color:var(--copper)}.certs{display:flex;gap:10px}.certs span{border:1px solid #798083;border-radius:5px;padding:8px 11px;font-size:12px}.copyright{border-top:1px solid rgba(255,255,255,.09);margin-top:24px;padding-top:18px;color:#7f8788;font-size:12px}.whatsapp-float{position:fixed;right:22px;bottom:22px;z-index:60;background:var(--green);color:white;padding:13px 17px;border-radius:999px;display:flex;align-items:center;gap:8px;font-weight:800;box-shadow:0 12px 30px rgba(0,0,0,.3)}.whatsapp-float span{font-size:20px}.project-modal{border:0;padding:0;border-radius:14px;max-width:720px;width:min(92%,720px);background:#f7f2ea;box-shadow:0 30px 80px rgba(0,0,0,.45)}.project-modal::backdrop{background:rgba(0,0,0,.75);backdrop-filter:blur(6px)}.project-modal img{width:100%;height:290px;object-fit:cover}.modal-content{padding:30px}.modal-content h2{font-family:Georgia,serif;font-size:42px;margin:4px 0 12px}.modal-content p{color:#555;line-height:1.6}.modal-specs{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:20px 0}.modal-specs span{border:1px solid var(--line);border-radius:6px;text-align:center;padding:12px 6px;font-size:13px}.modal-close{position:absolute;right:14px;top:12px;width:38px;height:38px;border:0;border-radius:50%;background:rgba(0,0,0,.75);color:white;font-size:24px;cursor:pointer}.reveal{opacity:0;transform:translateY(18px);transition:.65s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:1050px){.main-nav{gap:20px}.hero-grid{grid-template-columns:1fr 1fr}.projects-carousel{grid-auto-columns:calc((100% - 48px)/3)}.stats-grid{grid-template-columns:repeat(2,1fr)}.stats article:nth-child(2){border-right:0}.stats article:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.1)}.vehicle-grid{grid-template-columns:1fr 1.2fr}.vehicle-features{grid-column:1/-1}.contact-grid{grid-template-columns:1fr 1.4fr}.wa-card{grid-column:1/-1}.footer-grid{grid-template-columns:1.4fr 1fr 1fr}.footer-grid>div:last-child{grid-column:1/-1}}
@media(max-width:760px){.nav{min-height:68px}.brand-text b{font-size:15px}.brand-mark{width:34px;height:40px}.main-nav{position:fixed;left:0;right:0;top:68px;background:#0c1011;display:flex;flex-direction:column;align-items:stretch;gap:0;padding:12px 4%;transform:translateY(-140%);transition:.25s;box-shadow:0 14px 30px rgba(0,0,0,.35)}.main-nav.open{transform:none}.main-nav a{padding:15px 4px;border-bottom:1px solid rgba(255,255,255,.06)}.main-nav a:after{display:none}.menu-toggle{display:block}.hero-grid{grid-template-columns:1fr;min-height:auto}.hero-copy{padding:58px 0 26px}.hero h1{font-size:47px}.hero-copy p{font-size:15px}.hero-visual{min-height:330px;clip-path:none;margin:0 -4.35%}.hero-badge{font-size:10px}.stats-grid{grid-template-columns:1fr 1fr}.stats article{padding:20px 14px;min-height:112px}.stats strong{font-size:24px}.stats b{font-size:13px}.stats small{font-size:11px}.section{padding:45px 0}.section-head{align-items:start}.section-head h2,.why h2,.contact-copy h2{font-size:36px}.section-head-right p{display:none}.projects-carousel{grid-auto-columns:78%}.project-card{min-height:365px}.vehicle-grid{grid-template-columns:1fr}.vehicle-copy{padding:46px 0}.vehicle-image{height:260px;margin:0 -4.35%}.vehicle-features{grid-template-columns:1fr 1fr;padding:20px 0}.why-grid{grid-template-columns:1fr 1fr}.contact-grid{grid-template-columns:1fr}.contact-form{grid-template-columns:1fr}.contact-form .btn{grid-column:auto}.wa-card{grid-column:auto}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child,.footer-grid>div:last-child{grid-column:1/-1}.whatsapp-float{right:15px;bottom:15px;padding:13px}.whatsapp-float b{display:none}.modal-specs{grid-template-columns:1fr 1fr}.project-modal img{height:220px}}
@media(max-width:480px){.hero h1{font-size:40px}.hero-actions .btn{width:100%}.stats-grid{grid-template-columns:1fr}.stats article{border-right:0!important;border-bottom:1px solid rgba(255,255,255,.1)!important}.projects-carousel{grid-auto-columns:88%}.why-grid,.vehicle-features{grid-template-columns:1fr}.vehicle-features article{border-right:0}.vehicle-features article:nth-last-child(-n+2){border-bottom:1px solid rgba(255,255,255,.1)}.vehicle-features article:last-child{border-bottom:0}.footer-grid{grid-template-columns:1fr}.footer-grid>div{grid-column:auto!important}.section-head h2,.why h2,.contact-copy h2{font-size:32px}}

/* HERO PC Y TABLET */
@media (min-width: 761px) {

.hero {
    position: relative;
    min-height: 670px;
    overflow: hidden;
    isolation: isolate;
}

  /* El container del hero deja de dividirse en columnas */
  .hero .hero-grid {
    
    width: 100%;
    max-width: none;
    min-height: 670px;
    margin: 0;
    display: block;
    position: relative;
    z-index: auto;
  }

  /* LA IMAGEN AHORA OCUPA TODO EL HERO */
  .hero .hero-visual {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    min-height: 670px;

    clip-path: none;
    z-index: 0;
  }

  .hero .hero-visual img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
  }

  /* Quitamos el degradado viejo de la imagen */
  .hero .hero-visual::after {
    display: none;
  }

  /* NEGRO A LA IZQUIERDA -> TRANSPARENTE A LA DERECHA */
  .hero::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;

    background: linear-gradient(
      90deg,
      rgba(3, 6, 7, 1) 0%,
      rgba(3, 6, 7, 1) 25%,
      rgba(3, 6, 7, 0.94) 25%,
      rgba(3, 6, 7, 0.72) 36%,
      rgba(3, 6, 7, 0.38) 48%,
      rgba(3, 6, 7, 0.08) 64%,
      rgba(3, 6, 7, 0) 85%
    );

    pointer-events: none;
  }

  /* TEXTO ENCIMA */
  .hero .hero-copy {
    position: relative;
    z-index: 2;

    width: min(720px, 45vw);
    padding: 90px 0;

    margin-left: clamp(40px, 6vw, 130px);
  }
}


/* Tablet horizontal / pantallas intermedias */
@media (min-width:761px) and (max-width:1180px){
  .container{width:98%}
  .hero-grid{grid-template-columns:.9fr 1.1fr;min-height:540px}
  .hero-copy{padding:58px 28px 58px 0}
  .hero h1{font-size:clamp(50px,5.2vw,66px)}
  .hero-copy p{font-size:16px}
  .hero-visual{min-height:540px}

  .vehicle-grid{grid-template-columns:.82fr 1.18fr;min-height:380px}
  .vehicle-copy{padding:48px 30px 48px 0}
  .vehicle-image{min-height:380px}
  .vehicle-features{grid-column:1/-1;padding:24px 28px}
}

/* =====================================================
   VEHÍCULOS - DISEÑO PC Y TABLET
   ===================================================== */

@media (min-width: 761px){

  .vehicle-section{
    position: relative;
    overflow: hidden;
    background: #0b0f10;
  }

  /* Quitamos el límite del container solo en esta sección */
  .vehicle-section .container{
    width: 100%;
    max-width: none;
    margin: 0;
  }

  .vehicle-grid{
    position: relative;

    display: grid;
    grid-template-columns: 68% 32%;

    min-height: 450px;

    overflow: hidden;
    isolation: isolate;
  }


  /* =========================================
     IMAGEN DE FONDO
     ========================================= */

  .vehicle-image{
    position: absolute;

    left: 0;
    top: 0;

    width: 72%;
    height: 100%;

    z-index: 0;
    overflow: hidden;
  }

  .vehicle-image img{
    width: 100%;
    height: 100%;

    object-fit: cover;

    /* Puedes mover el auto horizontalmente aquí */
    object-position: 60% center;
  }


  /* =========================================
     DEGRADADO IZQUIERDO
     negro -> transparente
     ========================================= */

  .vehicle-grid::before{
    content: "";

    position: absolute;
    inset: 0 auto 0 0;

    width: 72%;

    z-index: 1;

    background: linear-gradient(
      90deg,

      rgba(11,15,16,1) 0%,
      rgba(11,15,16,.98) 15%,
      rgba(11,15,16,.90) 23%,
      rgba(11,15,16,.65) 32%,
      rgba(11,15,16,.30) 41%,
      rgba(11,15,16,.08) 49%,
      rgba(11,15,16,0) 57%
    );

    pointer-events: none;
  }


  /* =========================================
     TRANSICIÓN HACIA EL PANEL DERECHO
     ========================================= */

  .vehicle-grid::after{
    content: "";

    position: absolute;

    top: 0;
    bottom: 0;

    /* Coincide aproximadamente con donde
       empieza el panel derecho */
    left: 61%;

    width: 12%;

    z-index: 2;

    background: linear-gradient(
      90deg,
      rgba(11,15,16,0) 0%,
      rgba(11,15,16,.35) 35%,
      rgba(11,15,16,.80) 72%,
      rgba(11,15,16,1) 100%
    );

    pointer-events: none;
  }


  /* =========================================
     TEXTO IZQUIERDO
     ========================================= */

  .vehicle-copy{
    grid-column: 1;

    position: relative;
    z-index: 3;

    width: 38%;

    padding:
      65px
      20px
      65px
      clamp(40px, 5vw, 110px);

    display: flex;
    flex-direction: column;
    justify-content: center;
  }

  .vehicle-copy h2{
    font-family: Georgia, serif;

    font-size: clamp(38px, 3.1vw, 54px);
    line-height: 1.05;

    margin: 0 0 20px;

    color: #fff;
  }

  .vehicle-copy p{
    max-width: 430px;

    font-size: 16px;
    line-height: 1.65;

    color: #d1d5d5;

    margin: 0 0 26px;
  }

  .vehicle-copy .btn{
    align-self: flex-start;
  }


  /* =========================================
     PANEL DERECHO
     ========================================= */
.vehicle-grid::after{
    content: "";

    position: absolute;
    top: 0;
    bottom: 0;

    /*
    El panel derecho empieza en 68%.
    Hacemos que el degradado comience antes.
    */
    left: 56%;
    width: 12%;

    z-index: 3;

    background: linear-gradient(
        to right,
        rgba(11,15,16,0) 0%,
        rgba(11,15,16,.15) 20%,
        rgba(11,15,16,.40) 45%,
        rgba(11,15,16,.72) 70%,
        rgba(11,15,16,.92) 88%,
        #0b0f10 100%
    );

    pointer-events: none;
}
  .vehicle-features{
    grid-column: 2;

    position: relative;
    z-index: 4;

    min-height: 450px;

    display: grid;
    grid-template-columns: 1fr 1fr;

    padding: 35px 45px;

   background: #0b0f10;
  }

  .vehicle-features article{
    display: flex;
    gap: 16px;

    padding: 28px 22px;

    border-right: 1px solid rgba(255,255,255,.10);
    border-bottom: 1px solid rgba(255,255,255,.10);
  }

  .vehicle-features article:nth-child(2n){
    border-right: none;
  }

  .vehicle-features article:nth-last-child(-n+2){
    border-bottom: none;
  }

  .vehicle-features span{
    color: var(--copper);

    font-size: 30px;

    flex-shrink: 0;
  }

  .vehicle-features b{
    display: block;

    color: #fff;

    font-size: 17px;
    line-height: 1.2;

    margin-bottom: 8px;
  }

  .vehicle-features small{
    color: #b7bdbd;

    font-size: 13px;
    line-height: 1.5;
  }

}