:root{
    --ink:#0E2242;
    --steel:#5B6472;
    --paper:#EEF2F6;
    --paper2:#DCE4EC;
    --white:#FFFFFF;
    --accent:#0089CD;
    --accent-dark:#1D4E93;
    --blue:#1D4E93;
    --line: rgba(14,34,66,0.14);
    --line-soft: rgba(14,34,66,0.08);
    --radius: 2px;
  }
  *{box-sizing:border-box; margin:0; padding:0;}
  html{scroll-behavior:smooth;}
  body{
    background:var(--paper);
    color:var(--ink);
    font-family:'Inter',sans-serif;
    line-height:1.5;
    -webkit-font-smoothing:antialiased;
  }
  h1,h2,h3,h4{
    font-family:'Montserrat',sans-serif;
    text-transform:uppercase;
    letter-spacing:0.01em;
    line-height:1.08;
    font-weight:600;
  }
  .eyebrow{
    font-family:'IBM Plex Mono',monospace;
    font-size:12px;
    letter-spacing:0.14em;
    text-transform:uppercase;
    color:var(--accent-dark);
    font-weight:600;
  }
  .wrap{max-width:1180px; margin:0 auto; padding:0 28px;}
  a{color:inherit; text-decoration:none;}
  img{max-width:100%; display:block;}
  ::selection{background:var(--accent); color:var(--white);}

  /* ===== Skip / focus ===== */
  a:focus-visible, button:focus-visible{outline:3px solid var(--blue); outline-offset:2px;}

  /* ===== Top utility bar ===== */
  .utility{
    background:var(--ink); color:var(--paper2);
    font-family:'IBM Plex Mono',monospace; font-size:11.5px;
    letter-spacing:0.04em;
  }
  .utility .wrap{
    display:flex; justify-content:space-between; align-items:center;
    padding:7px 28px; flex-wrap:wrap; gap:6px;
  }
  .utility a{color:var(--accent); }
  .utility a:hover{text-decoration:underline;}

  /* ===== Header ===== */
  header{
    background:var(--white);
    border-bottom:1px solid var(--line);
    position:sticky; top:0; z-index:50;
  }
  header .wrap{
    display:flex; align-items:center; justify-content:space-between;
    padding-top:18px; padding-bottom:18px; gap:24px;
  }
  .logo{
    font-family:'Montserrat',sans-serif; font-weight:700; font-size:24px;
    letter-spacing:0.02em;
  }
  .logo span{color:var(--accent);}
  nav ul{
    display:flex; gap:30px; list-style:none;
    font-size:14px; font-weight:600; text-transform:uppercase; letter-spacing:0.03em;
  }
  nav > ul > li{position:relative;}
  nav a{position:relative; padding:4px 0; display:inline-block;}
  nav a::after{
    content:""; position:absolute; left:0; bottom:0; width:0; height:2px;
    background:var(--accent); transition:width .2s ease;
  }
  nav a:hover::after{width:100%;}
  nav .sub{
    display:none; position:absolute; top:100%; left:0; background:var(--white);
    border:1px solid var(--line); min-width:190px; padding:8px 0; flex-direction:column; gap:0;
    box-shadow:0 12px 24px rgba(14,34,66,0.1); z-index:10;
  }
  nav .has-sub:hover .sub{display:flex;}
  nav .sub li{width:100%;}
  nav .sub a{padding:9px 18px; width:100%; font-size:12.5px; font-weight:600;}
  nav .sub a:hover{background:var(--paper); color:var(--accent-dark);}
  nav .sub a::after{display:none;}
  .cta-btn{
    background:var(--accent); color:var(--white); font-family:'Montserrat',sans-serif;
    font-weight:600; text-transform:uppercase; letter-spacing:0.03em; font-size:14px;
    padding:12px 22px; border-radius:var(--radius); white-space:nowrap;
    display:inline-block; transition:background .2s ease;
  }
  .cta-btn:hover{background:var(--accent-dark);}
  .navwrap{display:flex; align-items:center; gap:32px;}
  .hamb{display:none;}

  /* ===== Hero ===== */
  .hero{
    background:var(--ink); color:var(--white);
    position:relative; overflow:hidden;
    border-bottom:6px solid var(--accent);
  }
  .hero::before{
    content:""; position:absolute; inset:0;
    background:
      radial-gradient(circle at 88% -10%, rgba(0,137,205,0.35), transparent 55%),
      repeating-linear-gradient(115deg, rgba(255,255,255,0.035) 0 2px, transparent 2px 34px);
    pointer-events:none;
  }
  .hero .wrap{
    padding:96px 28px 76px; position:relative; z-index:1;
    display:grid; grid-template-columns:1.15fr 0.85fr; gap:48px; align-items:end;
  }
  .hero h1{
    font-size:clamp(34px,4.6vw,58px); color:var(--white); max-width:14ch;
  }
  .hero h1 em{font-style:normal; color:var(--accent);}
  .hero p.lead{
    font-size:17px; color:var(--paper2); max-width:46ch; margin-top:20px;
  }
  .hero-stats{
    display:flex; flex-direction:column; gap:0; border-left:2px solid rgba(255,255,255,0.18);
    padding-left:26px;
  }
  .stat{padding:16px 0; border-bottom:1px solid rgba(255,255,255,0.14);}
  .stat:last-child{border-bottom:none;}
  .stat .num{font-family:'Montserrat',sans-serif; font-size:34px; font-weight:700; color:var(--accent); line-height:1;}
  .stat .label{font-family:'IBM Plex Mono',monospace; font-size:11.5px; color:var(--paper2); letter-spacing:0.05em; text-transform:uppercase; margin-top:4px;}

  /* ===== Ticker ===== */
  .ticker{
    background:var(--accent); color:var(--ink); overflow:hidden; white-space:nowrap;
    border-bottom:1px solid var(--line);
  }
  .ticker-track{
    display:inline-flex; gap:56px; padding:11px 0;
    animation:scroll 26s linear infinite;
    font-family:'IBM Plex Mono',monospace; font-size:12.5px; font-weight:600; letter-spacing:0.05em; text-transform:uppercase;
  }
  .ticker-track span{display:inline-flex; align-items:center; gap:10px;}
  .ticker-track span::before{content:"●"; font-size:8px;}
  @keyframes scroll{ from{transform:translateX(0);} to{transform:translateX(-50%);} }

  /* ===== Section shell ===== */
  section{padding:88px 0;}
  .section-head{max-width:640px; margin-bottom:52px;}
  .section-head h2{font-size:clamp(26px,3vw,38px); margin-top:10px;}
  .section-head p{color:var(--steel); margin-top:14px; font-size:15.5px;}

  /* ===== Trust / about ===== */
  .about{background:var(--white); border-top:1px solid var(--line); border-bottom:1px solid var(--line);}
  .about .grid{display:grid; grid-template-columns:1fr 1fr; gap:60px; align-items:start;}
  .about p{color:var(--steel); font-size:15.5px; margin-bottom:16px;}
  .badge-row{display:flex; gap:14px; margin-top:26px; flex-wrap:wrap;}
  .badge{
    border:1px solid var(--line); padding:10px 14px; font-family:'IBM Plex Mono',monospace;
    font-size:11.5px; letter-spacing:0.04em; text-transform:uppercase; font-weight:600;
    display:flex; align-items:center; gap:8px;
  }
  .badge::before{content:"✓"; color:var(--accent-dark); font-weight:700;}

  /* ===== Parts catalog grid ===== */
  .parts-grid{
    display:grid; grid-template-columns:repeat(3,1fr); gap:1px;
    background:var(--line); border:1px solid var(--line);
  }
  .part-card{
    background:var(--white); padding:34px 26px; text-align:center;
    display:flex; flex-direction:column; align-items:center; gap:8px;
    transition:background .2s ease;
  }
  .part-card:hover{background:var(--paper);}
  .part-ico{width:76px; height:76px; margin-bottom:8px;}
  .part-card h4{font-size:16px; letter-spacing:0.02em;}
  .part-card p{font-size:13px; color:var(--steel); max-width:22ch;}

  /* ===== Vehicle detail rows ===== */
  .veh-detail{display:flex; flex-direction:column; gap:0; margin-top:56px;}
  .veh-row{
    display:grid; grid-template-columns:280px 1fr; gap:48px; align-items:center;
    padding:44px 0; border-top:1px solid var(--line);
  }
  .veh-row-rev{background:var(--white); margin:0 -28px; padding-left:28px; padding-right:28px;}
  .veh-art{
    background:var(--white); border:1px solid var(--line); padding:20px;
    display:flex; align-items:center; justify-content:center;
  }
  .veh-row-rev .veh-art{background:var(--paper);}
  .veh-svg{width:100%; height:auto;}
  .veh-copy h3{font-size:24px; margin-top:6px;}
  .veh-copy p{color:var(--steel); font-size:15px; margin-top:10px; max-width:60ch;}
  .tag-list{
    list-style:none; display:flex; flex-wrap:wrap; gap:8px; margin:18px 0 20px;
  }
  .tag-list li{
    font-family:'IBM Plex Mono',monospace; font-size:11.5px; font-weight:600; letter-spacing:0.02em;
    text-transform:uppercase; background:var(--paper2); color:var(--ink); padding:6px 11px;
  }
  .veh-row-rev .tag-list li{background:var(--paper);}

  /* ===== Testimonials ===== */
  .testimonials{background:var(--white); border-top:1px solid var(--line); border-bottom:1px solid var(--line);}
  .testi-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:24px;}
  .testi-card{
    border:1px dashed var(--line); padding:28px; display:flex; flex-direction:column; gap:14px;
    background:var(--paper);
  }
  .testi-stars{color:var(--accent); font-size:15px; letter-spacing:2px;}
  .testi-quote{font-size:14.5px; color:var(--steel); font-style:italic; min-height:60px;}
  .testi-name{font-family:'Montserrat',sans-serif; font-weight:700; font-size:14px;}
  .testi-role{font-family:'IBM Plex Mono',monospace; font-size:11.5px; color:var(--steel); text-transform:uppercase; letter-spacing:0.03em;}

  /* ===== Aisle directory (divisions) — signature element ===== */
  .aisles{background:var(--paper);}
  .aisle-list{display:flex; flex-direction:column; border-top:2px solid var(--ink);}
  .aisle{
    display:grid; grid-template-columns:110px 1.4fr 1.6fr 160px;
    gap:28px; align-items:center; padding:34px 0; border-bottom:1px solid var(--line);
    transition:background .2s ease;
  }
  .aisle:hover{background:var(--white);}
  .aisle-num{
    font-family:'Montserrat',sans-serif; font-size:15px; font-weight:700; color:var(--white);
    background:var(--ink); padding:10px 0; text-align:center; letter-spacing:0.05em;
  }
  .aisle:nth-child(1) .aisle-num{background:var(--accent-dark);}
  .aisle:nth-child(2) .aisle-num{background:var(--blue);}
  .aisle:nth-child(3) .aisle-num{background:var(--steel);}
  .aisle h3{font-size:23px;}
  .aisle p{color:var(--steel); font-size:14.5px;}
  .aisle .go{
    font-family:'IBM Plex Mono',monospace; font-size:12px; font-weight:600; letter-spacing:0.05em;
    text-transform:uppercase; justify-self:end; border-bottom:2px solid var(--accent); padding-bottom:2px;
  }

  /* ===== Ordering / benefits ===== */
  .order{background:var(--blue); color:var(--white);}
  .order .wrap{display:grid; grid-template-columns:1fr 1fr; gap:56px; align-items:center;}
  .order h2{color:var(--white); font-size:clamp(26px,3vw,36px);}
  .order p.lead{color:rgba(255,255,255,0.78); margin-top:14px; font-size:15.5px; max-width:44ch;}
  .benefit-list{list-style:none; margin-top:30px; display:flex; flex-direction:column; gap:0;}
  .benefit-list li{
    padding:14px 0; border-top:1px solid rgba(255,255,255,0.18);
    display:flex; align-items:center; gap:14px; font-size:15px; font-weight:500;
  }
  .benefit-list li:last-child{border-bottom:1px solid rgba(255,255,255,0.18);}
  .benefit-list li::before{
    content:""; width:9px; height:9px; background:var(--accent); flex:none;
  }
  .order-btns{display:flex; gap:14px; margin-top:34px; flex-wrap:wrap;}
  .btn-outline{
    border:1px solid rgba(255,255,255,0.5); color:var(--white); padding:12px 22px;
    font-family:'Montserrat',sans-serif; font-weight:600; text-transform:uppercase; font-size:14px; letter-spacing:0.03em;
  }
  .btn-outline:hover{border-color:var(--white); background:rgba(255,255,255,0.06);}
  .order-panel{
    background:rgba(255,255,255,0.05); border:1px solid rgba(255,255,255,0.18);
    padding:36px; font-family:'IBM Plex Mono',monospace; font-size:13px;
  }
  .order-panel .row{display:flex; justify-content:space-between; padding:12px 0; border-bottom:1px dashed rgba(255,255,255,0.22);}
  .order-panel .row:last-child{border-bottom:none;}
  .order-panel .row .v{color:var(--accent); font-weight:600;}

  /* ===== Networks ===== */
  .networks{background:var(--white); border-top:1px solid var(--line); border-bottom:1px solid var(--line);}
  .net-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:24px;}
  .net-card{
    border:1px solid var(--line); padding:30px; display:flex; flex-direction:column; gap:12px;
    transition:transform .2s ease, box-shadow .2s ease;
  }
  .net-card:hover{transform:translateY(-4px); box-shadow:0 12px 24px rgba(21,24,28,0.08);}
  .net-mark{
    width:44px; height:44px; background:var(--paper2); display:flex; align-items:center; justify-content:center;
    font-family:'Montserrat',sans-serif; font-weight:700; color:var(--ink);
  }
  .net-card h4{font-size:18px;}
  .net-card p{font-size:14px; color:var(--steel);}
  .net-card a.go{font-family:'IBM Plex Mono',monospace; font-size:12px; font-weight:600; text-transform:uppercase; letter-spacing:0.04em; border-bottom:2px solid var(--accent); align-self:flex-start; padding-bottom:2px;}

  /* ===== Blog ===== */
  .blog{background:var(--paper);}
  .blog-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:24px;}
  .post{
    background:var(--white); border:1px solid var(--line); display:flex; flex-direction:column;
  }
  .post-tag{
    font-family:'IBM Plex Mono',monospace; font-size:11px; letter-spacing:0.06em; text-transform:uppercase;
    color:var(--accent-dark); font-weight:700; padding:18px 22px 0;
  }
  .post h4{font-size:17px; padding:10px 22px 0; line-height:1.25;}
  .post p{font-size:13.5px; color:var(--steel); padding:12px 22px 22px;}
  .post .go{margin:0 22px 22px; font-family:'IBM Plex Mono',monospace; font-size:12px; font-weight:600; text-transform:uppercase; letter-spacing:0.04em; border-bottom:2px solid var(--accent); align-self:flex-start; padding-bottom:2px;}

  /* ===== Footer ===== */
  footer{background:var(--ink); color:var(--paper2); padding-top:72px;}
  .foot-grid{
    display:grid; grid-template-columns:1.3fr 1fr 1fr 1fr; gap:40px; padding-bottom:56px;
    border-bottom:1px solid rgba(255,255,255,0.14);
  }
  .foot-logo{font-family:'Montserrat',sans-serif; font-weight:700; font-size:24px; color:var(--white);}
  .foot-logo span{color:var(--accent);}
  footer h5{
    font-family:'IBM Plex Mono',monospace; font-size:11.5px; letter-spacing:0.08em; text-transform:uppercase;
    color:var(--white); margin-bottom:16px;
  }
  footer .addr{font-size:14px; line-height:1.7; margin-top:16px; color:var(--paper2);}
  footer ul{list-style:none; display:flex; flex-direction:column; gap:10px; font-size:14px;}
  footer a:hover{color:var(--accent);}
  .foot-bottom{
    padding:22px 0 34px; display:flex; justify-content:space-between; align-items:center;
    font-size:12.5px; color:rgba(255,255,255,0.55); flex-wrap:wrap; gap:12px;
  }
  .foot-bottom .legal{display:flex; gap:18px; flex-wrap:wrap;}

  /* ===== Menú hamburguesa (móvil) ===== */
  .hamburger{
    display:none; flex-direction:column; justify-content:center; gap:5px;
    width:40px; height:40px; border:none; background:transparent; cursor:pointer; padding:0;
  }
  .hamburger span{display:block; width:24px; height:2px; background:var(--ink); transition:transform .25s ease, opacity .25s ease;}
  .hamburger.open span:nth-child(1){transform:translateY(7px) rotate(45deg);}
  .hamburger.open span:nth-child(2){opacity:0;}
  .hamburger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}
  .nav-backdrop{
    display:none; position:fixed; inset:0; background:rgba(14,34,66,0.45); z-index:998;
    opacity:0; transition:opacity .25s ease;
  }
  .nav-backdrop.open{display:block; opacity:1;}

  /* ===== Responsive ===== */
  @media (max-width:920px){
    .hamburger{display:flex;}
    nav#mainNav{
      display:block; position:fixed; top:0; right:0; height:100vh; width:min(320px,84vw);
      background:var(--white); z-index:999; padding:88px 26px 26px;
      transform:translateX(100%); transition:transform .28s ease; overflow-y:auto;
      box-shadow:-8px 0 24px rgba(14,34,66,0.18);
    }
    nav#mainNav.open{transform:translateX(0);}
    nav#mainNav ul{flex-direction:column; align-items:flex-start; gap:4px;}
    nav#mainNav li{width:100%;}
    nav#mainNav > ul > li > a{display:block; padding:12px 0; font-size:16px; border-bottom:1px solid var(--line);}
    nav#mainNav .sub{position:static; box-shadow:none; border:none; padding-left:14px; display:block; opacity:1; visibility:visible; transform:none; max-height:0; overflow:hidden; transition:max-height .25s ease;}
    nav#mainNav .has-sub.open .sub{max-height:220px;}
    nav#mainNav .sub li a{padding:8px 0; font-size:14.5px; border-bottom:none; color:var(--steel);}
    .navwrap .cta-btn{display:none;}
    .parts-grid{grid-template-columns:repeat(2,1fr);}
    .veh-row, .veh-row-rev{grid-template-columns:1fr; margin:0; padding-left:0; padding-right:0;}
    .testi-grid{grid-template-columns:1fr;}
    .hero .wrap{grid-template-columns:1fr; padding-top:64px;}
    .hero-stats{border-left:none; border-top:2px solid rgba(255,255,255,0.18); padding-left:0; padding-top:20px; flex-direction:row; flex-wrap:wrap;}
    .stat{border-bottom:none; padding-right:24px;}
    .about .grid{grid-template-columns:1fr;}
    .aisle{grid-template-columns:70px 1fr; grid-template-areas:"num h" "num p" "num go"; row-gap:6px;}
    .aisle-num{grid-area:num; writing-mode:vertical-rl; padding:14px 6px;}
    .aisle h3{grid-area:h;} .aisle p{grid-area:p;} .aisle .go{grid-area:go; justify-self:start;}
    .order .wrap{grid-template-columns:1fr;}
    .net-grid{grid-template-columns:1fr;}
    .blog-grid{grid-template-columns:1fr;}
    .foot-grid{grid-template-columns:1fr 1fr;}
  }
  @media (prefers-reduced-motion: reduce){
    .ticker-track{animation:none;}
    html{scroll-behavior:auto;}
  }

  /* ===== Marcas ===== */
  .brand-grid{display:grid; grid-template-columns:repeat(auto-fill,minmax(120px,1fr)); gap:14px;}
  .brand-badge{
    border:1px solid var(--line); background:var(--white); text-align:center;
    padding:20px 10px; font-family:'Montserrat',sans-serif; font-weight:700; font-size:15px;
    letter-spacing:0.02em; color:var(--ink); transition:border-color .2s ease, box-shadow .2s ease;
  }
  .brand-badge:hover{border-color:var(--accent); box-shadow:0 6px 14px rgba(14,34,66,0.08);}

  /* ===== Compra mayorista ===== */
  .wholesale{background:var(--ink); color:var(--white); position:relative; overflow:hidden;}
  .wholesale::before{
    content:""; position:absolute; inset:0;
    background:repeating-linear-gradient(115deg, rgba(255,255,255,0.03) 0 2px, transparent 2px 34px);
    pointer-events:none;
  }
  .wholesale .wrap{position:relative; z-index:1; display:grid; grid-template-columns:1.2fr 0.8fr; gap:48px; align-items:center;}
  .wholesale h2{color:var(--white); font-size:clamp(24px,3vw,34px);}
  .wholesale p.lead{color:var(--paper2); margin-top:14px; font-size:15.5px; max-width:50ch;}
  .wholesale-panel{border:1px solid rgba(255,255,255,0.18); padding:30px; display:flex; flex-direction:column; gap:16px;}
  .wholesale-panel .chip{
    font-family:'IBM Plex Mono',monospace; font-size:11px; letter-spacing:0.05em; text-transform:uppercase;
    color:var(--paper2); display:flex; align-items:center; gap:10px;
  }
  .wholesale-panel .chip::before{content:"—"; color:var(--accent);}

  /* ===== Cobertura nacional: chips de ciudad ===== */
  .city-chip{
    display:inline-flex; align-items:center; font-family:'IBM Plex Mono',monospace; font-size:12px;
    letter-spacing:0.03em; color:var(--white); background:rgba(255,255,255,0.08);
    border:1px solid rgba(255,255,255,0.18); border-radius:999px; padding:7px 14px;
  }

  /* ===== Formulario de cotización ===== */
  .quote{background:var(--white); border-top:1px solid var(--line); border-bottom:1px solid var(--line);}
  .quote-grid{display:grid; grid-template-columns:1fr 1.2fr; gap:56px; align-items:start;}
  .quote-info p{color:var(--steel); font-size:15px; margin-top:14px;}
  .quote-info .badge-row{margin-top:24px;}
  form.quote-form{
    display:grid; grid-template-columns:1fr 1fr; gap:16px;
    border:1px solid var(--line); padding:32px; background:var(--paper);
  }
  form.quote-form .full{grid-column:1 / -1;}
  form.quote-form label{
    font-family:'IBM Plex Mono',monospace; font-size:11px; letter-spacing:0.05em; text-transform:uppercase;
    color:var(--steel); display:block; margin-bottom:6px;
  }
  form.quote-form input, form.quote-form select, form.quote-form textarea{
    width:100%; border:1px solid var(--line); background:var(--white); color:var(--ink);
    font-family:'Inter',sans-serif; font-size:14px; padding:11px 12px; border-radius:2px;
  }
  form.quote-form input:focus, form.quote-form select:focus, form.quote-form textarea:focus{
    outline:2px solid var(--accent); outline-offset:1px; border-color:var(--accent);
  }
  form.quote-form textarea{resize:vertical; min-height:90px;}
  form.quote-form .submit-row{display:flex; align-items:center; gap:16px; flex-wrap:wrap; margin-top:6px;}
  form.quote-form button{
    background:var(--accent); color:var(--white); border:none; cursor:pointer;
    font-family:'Montserrat',sans-serif; font-weight:600; text-transform:uppercase; letter-spacing:0.03em;
    font-size:14px; padding:13px 26px; border-radius:var(--radius); transition:background .2s ease;
  }
  form.quote-form button:hover{background:var(--accent-dark);}
  form.quote-form .note{font-size:12.5px; color:var(--steel);}
  .form-status{font-size:13px; font-weight:600; display:none;}
  .form-status.ok{color:#1D7A3C; display:block;}

  /* ===== WhatsApp flotante ===== */
  .wa-float{
    position:fixed; right:22px; bottom:22px; z-index:999;
    display:flex; align-items:center; gap:10px;
  }
  .wa-tooltip{
    background:var(--ink); color:var(--white); font-family:'Inter',sans-serif; font-size:13px;
    padding:9px 14px; border-radius:6px; white-space:nowrap; box-shadow:0 8px 18px rgba(14,34,66,0.22);
    opacity:0; transform:translateX(6px); transition:opacity .2s ease, transform .2s ease; pointer-events:none;
  }
  .wa-float:hover .wa-tooltip{opacity:1; transform:translateX(0);}
  .wa-btn{
    width:58px; height:58px; border-radius:50%; background:#25D366; display:flex; align-items:center; justify-content:center;
    box-shadow:0 10px 22px rgba(37,211,102,0.4); transition:transform .2s ease, box-shadow .2s ease;
  }
  .wa-btn:hover{transform:scale(1.06); box-shadow:0 12px 26px rgba(37,211,102,0.5);}
  .wa-btn svg{width:30px; height:30px;}

  @media (max-width:920px){
    .wholesale .wrap{grid-template-columns:1fr;}
    .quote-grid{grid-template-columns:1fr;}
    form.quote-form{grid-template-columns:1fr;}
    .wa-float{right:14px; bottom:14px;}
    .wa-btn{width:52px; height:52px;}
    .wa-tooltip{display:none;}
  }

/* IMPOCALI 2026 — evolución visual, misma arquitectura */
:root{--radius:8px;--shadow:0 18px 50px rgba(14,34,66,.10);--shadow-sm:0 8px 24px rgba(14,34,66,.08)}
body{background:#f5f7fa}.wrap{max-width:1240px}header{box-shadow:0 4px 18px rgba(14,34,66,.05)}
.logo{display:flex;align-items:center;height:48px}.logo-mark{width:126px;height:48px;object-fit:contain;background:#fff}.logo-text{font-size:0}
.cta-btn{border-radius:7px;box-shadow:0 8px 18px rgba(0,137,205,.20);transition:.2s}.cta-btn:hover{transform:translateY(-2px);box-shadow:0 12px 24px rgba(0,137,205,.26)}.btn-outline{border-radius:7px}
.hero{min-height:620px;background:#071a35 }.hero::before{background:linear-gradient(90deg,rgba(6,23,47,.97),rgba(6,23,47,.84) 43%,rgba(6,23,47,.34) 78%,rgba(6,23,47,.18))}.hero .wrap{min-height:620px;grid-template-columns:1.25fr .75fr;align-items:center}.hero h1{font-size:clamp(38px,5.2vw,68px);max-width:12ch}.hero p.lead{font-size:17px;line-height:1.7;max-width:62ch}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}.hero-visual{border:1px solid rgba(255,255,255,.18);background:rgba(8,28,55,.62);padding:10px;box-shadow:0 24px 60px rgba(0,0,0,.24);border-radius:10px}.hero-visual img{width:100%;height:330px;object-fit:cover}.hero-card-caption{padding:14px 10px 6px;display:flex;justify-content:space-between;gap:10px}.hero-card-caption strong{font-family:'Montserrat';font-size:12px;text-transform:uppercase}.hero-card-caption span{font:10px 'IBM Plex Mono';color:var(--accent);text-transform:uppercase}.hero-stats{background:rgba(6,23,47,.48);padding:12px 20px 12px 26px;border:1px solid rgba(255,255,255,.14);border-radius:8px;margin-top:14px}
section{padding:92px 0}.about .grid{grid-template-columns:1fr 1.05fr;gap:64px;align-items:center}.about-photo{height:420px;border-radius:10px;overflow:hidden;box-shadow:var(--shadow);position:relative}.about-photo img{width:100%;height:100%;object-fit:cover}.about-photo:after{content:'Centro de distribución · Yumbo, Valle';position:absolute;left:18px;bottom:18px;background:rgba(7,26,53,.88);color:#fff;padding:10px 13px;font:10px 'IBM Plex Mono';text-transform:uppercase;border-left:3px solid var(--accent)}
.parts-grid{grid-template-columns:repeat(4,1fr);gap:18px;background:transparent;border:0}.part-card{border:1px solid var(--line);border-radius:10px;padding:0 0 22px;overflow:hidden;text-align:left;align-items:flex-start;box-shadow:var(--shadow-sm);transition:.2s}.part-card:hover{background:#fff;transform:translateY(-5px);box-shadow:var(--shadow)}.part-card .part-image{width:100%;height:155px;object-fit:cover;background:#e8eef4}.part-card h4{padding:18px 20px 0;font-size:15px}.part-card p{padding:8px 20px 0;max-width:none;line-height:1.6}.part-card .part-link{margin:16px 20px 0;color:var(--accent-dark);font:700 10px 'IBM Plex Mono';text-transform:uppercase;border-bottom:2px solid var(--accent)}
.veh-row{grid-template-columns:42% 1fr;gap:54px;padding:58px 0}.veh-art.photo-art{border:0;border-radius:12px;overflow:hidden;box-shadow:var(--shadow-sm);padding:0;min-height:300px}.veh-art.photo-art img{width:100%;height:100%;min-height:300px;object-fit:cover}.veh-copy h3{font-size:28px}.tag-list li{border-radius:999px;padding:7px 12px;background:#e7eef5}
.net-card,.testi-card,.post{border-radius:10px;box-shadow:var(--shadow-sm)}.net-card:hover,.post:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.order{background:linear-gradient(135deg,#0d2b55,#174c8c)}.order-panel,.wholesale-panel{border-radius:10px}.wholesale{background:linear-gradient(135deg,#071a35,#123b6d)}form.quote-form{border-radius:10px;box-shadow:var(--shadow-sm)}form.quote-form input,form.quote-form select,form.quote-form textarea{border-radius:7px}
.brand-visual{margin-top:22px;border-radius:10px;overflow:hidden;border:1px solid var(--line);background:#fff}.brand-visual img{width:100%;max-height:280px;object-fit:contain;padding:18px}.foot-logo-img{width:154px;height:58px;object-fit:contain;background:#fff;border-radius:7px;padding:6px}.scroll-reveal{opacity:0;transform:translateY(18px);transition:.65s}.scroll-reveal.is-visible{opacity:1;transform:none}
@media(max-width:1080px){.parts-grid{grid-template-columns:repeat(3,1fr)}.hero .wrap{grid-template-columns:1fr}.hero-visual{max-width:700px}.hero-stats{max-width:700px}}
@media(max-width:920px){.parts-grid{grid-template-columns:repeat(2,1fr)}.about .grid{grid-template-columns:1fr}.about-photo{height:320px}.veh-row,.veh-row-rev{grid-template-columns:1fr;gap:28px}.veh-art.photo-art img{min-height:260px}.hero,.hero .wrap{min-height:auto}.hero .wrap{padding-top:62px;padding-bottom:58px}.hero-visual img{height:280px}}
@media(max-width:600px){.wrap{padding-left:18px;padding-right:18px}.logo-mark{width:112px}.hero-actions{flex-direction:column}.hero-actions .cta-btn,.hero-actions .btn-outline{width:100%;text-align:center}.hero-visual img{height:220px}.hero-stats{display:grid;grid-template-columns:1fr 1fr}.parts-grid{grid-template-columns:1fr}.foot-grid{grid-template-columns:1fr}section{padding:68px 0}}

  /* ===== IMPOCALI — catálogo visual ampliado ===== */
  .campaign-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:30px}
  .campaign-card{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden;box-shadow:var(--shadow-sm);transition:.25s ease}
  .campaign-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}
  .campaign-card img{width:100%;height:190px;object-fit:cover;background:#edf2f6}
  .campaign-card .ccopy{padding:16px 18px 18px}.campaign-card h4{font-size:14px}.campaign-card p{font-size:12.5px;color:var(--steel);margin-top:6px}
  .vehicle-brands{background:linear-gradient(180deg,#fff 0%,#f4f8fb 100%);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
  .brand-category{margin-top:34px}.brand-category h3{font-size:18px;margin-bottom:14px}
  .brand-logo-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
  .vehicle-brand{min-height:112px;background:#fff;border:1px solid var(--line);border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:14px;box-shadow:0 5px 18px rgba(14,34,66,.05);transition:.22s ease}
  .vehicle-brand:hover{transform:translateY(-4px);border-color:rgba(0,137,205,.45);box-shadow:0 12px 26px rgba(14,34,66,.1)}
  .vehicle-brand img{width:92px;height:48px;object-fit:contain}.vehicle-brand .brand-text{font-family:'Montserrat',sans-serif;font-size:14px;font-weight:800;letter-spacing:.02em;color:var(--ink);text-align:center}
  .vehicle-brand small{font:10px 'IBM Plex Mono';text-transform:uppercase;color:var(--steel);letter-spacing:.04em;text-align:center}
  .brand-note{margin-top:16px;color:var(--steel);font-size:12.5px}.brand-sticker{position:relative}.brand-sticker:before{content:'REPUESTOS';position:absolute;top:8px;right:8px;font:700 8px 'IBM Plex Mono';letter-spacing:.08em;background:var(--accent);color:#fff;padding:5px 7px;border-radius:999px}
  .brand-logo-grid.moto{grid-template-columns:repeat(6,1fr)}
  .moto-mark{font-family:'Montserrat';font-weight:800;font-size:18px;color:var(--ink)}
  .moto-mark span{display:block;font:10px 'IBM Plex Mono';color:var(--accent-dark);margin-top:4px;text-transform:uppercase}
  .image-mosaic{display:grid;grid-template-columns:1.25fr .75fr .75fr;grid-template-rows:180px 180px;gap:16px;margin-top:36px}
  .image-mosaic figure{margin:0;position:relative;overflow:hidden;border-radius:12px;background:#e9eef3;box-shadow:var(--shadow-sm)}
  .image-mosaic figure:first-child{grid-row:1/3}.image-mosaic img{width:100%;height:100%;object-fit:cover}.image-mosaic figcaption{position:absolute;left:12px;bottom:12px;background:rgba(7,26,53,.88);color:#fff;padding:8px 10px;border-left:3px solid var(--accent);font:10px 'IBM Plex Mono';text-transform:uppercase}
  .portfolio-visual{margin-top:44px;border-radius:14px;overflow:hidden;position:relative;min-height:280px;background:#071a35}.portfolio-visual img{width:100%;height:360px;object-fit:cover;opacity:.78}.portfolio-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,26,53,.9),rgba(7,26,53,.28));pointer-events:none}.portfolio-overlay{position:absolute;z-index:2;left:34px;top:50%;transform:translateY(-50%);max-width:520px;color:#fff}.portfolio-overlay h3{font-size:clamp(24px,3vw,38px)}.portfolio-overlay p{margin-top:10px;color:rgba(255,255,255,.8);font-size:14.5px}
  .section-kicker{display:inline-flex;align-items:center;gap:8px;padding:7px 10px;background:#e8f4fb;color:var(--accent-dark);font:700 10px 'IBM Plex Mono';text-transform:uppercase;letter-spacing:.06em;border-radius:999px}
  @media(max-width:1080px){.campaign-strip{grid-template-columns:repeat(2,1fr)}.brand-logo-grid{grid-template-columns:repeat(4,1fr)}.brand-logo-grid.moto{grid-template-columns:repeat(4,1fr)}}
  @media(max-width:720px){.campaign-strip,.brand-logo-grid,.brand-logo-grid.moto{grid-template-columns:repeat(2,1fr)}.image-mosaic{grid-template-columns:1fr 1fr;grid-template-rows:180px 180px 180px}.image-mosaic figure:first-child{grid-row:auto;grid-column:1/-1}.portfolio-overlay{left:22px;right:22px}.portfolio-visual img{height:360px}}
  @media(max-width:480px){.campaign-strip,.brand-logo-grid,.brand-logo-grid.moto{grid-template-columns:1fr}.image-mosaic{grid-template-columns:1fr;grid-template-rows:220px 160px 160px 160px}.image-mosaic figure:first-child{grid-column:auto}}

/* IMPOCALI 2.0 — buyer journey and visual consistency */
.hero-v2{min-height:680px;isolation:isolate}.hero-v2 .hero-bg{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,20,40,.98),rgba(5,20,40,.88) 43%,rgba(5,20,40,.45) 75%,rgba(5,20,40,.22)),url("images/impocali-hero-bg.webp") center/cover no-repeat;z-index:-1}.hero-v2 .wrap{min-height:680px;grid-template-columns:1.05fr .95fr;align-items:center;padding-top:80px;padding-bottom:70px}.hero-copy-v2 h1{max-width:11ch}.hero-copy-v2 .lead{max-width:58ch}.hero-proof{display:flex;flex-wrap:wrap;gap:10px;margin-top:34px}.hero-proof span{padding:9px 12px;border:1px solid rgba(255,255,255,.2);background:rgba(7,26,53,.45);border-radius:999px;font:11px 'IBM Plex Mono';text-transform:uppercase;color:rgba(255,255,255,.8)}.hero-proof b{color:var(--accent);margin-right:7px}.hero-media-v2{position:relative}.hero-media-v2>img{width:100%;height:470px;object-fit:cover;border-radius:18px;border:1px solid rgba(255,255,255,.22);box-shadow:0 30px 80px rgba(0,0,0,.28)}.hero-floating{position:absolute;left:-26px;bottom:28px;width:min(360px,80%);padding:18px 20px;background:rgba(255,255,255,.96);color:var(--ink);border-radius:12px;box-shadow:0 18px 40px rgba(0,0,0,.2);display:flex;flex-direction:column;gap:4px}.hero-floating strong{font-family:'Montserrat';font-size:14px}.hero-floating span{font-size:12.5px;color:var(--steel)}.hero-floating a{margin-top:7px;color:var(--accent-dark);font:700 10px 'IBM Plex Mono';text-transform:uppercase}.finder{background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.finder-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:28px}.finder-head h2{font-size:clamp(26px,3vw,36px);margin-top:10px}.finder-head p{color:var(--steel);max-width:680px;margin-top:10px}.finder-note{border-left:3px solid var(--accent);padding:8px 0 8px 16px;min-width:250px}.finder-note b{display:block;font:700 11px 'IBM Plex Mono';text-transform:uppercase}.finder-note span{font-size:12px;color:var(--steel)}.finder-grid{display:grid;grid-template-columns:repeat(5,1fr) 1.15fr;gap:12px}.finder-grid label{font:700 10px 'IBM Plex Mono';text-transform:uppercase;color:var(--steel)}.finder-grid select,.finder-grid input{width:100%;margin-top:7px;padding:13px 12px;border:1px solid var(--line);border-radius:8px;background:#f8fafc;color:var(--ink);font:500 13px 'Inter'}.finder-btn{align-self:end;min-height:46px;border:0;border-radius:8px;background:var(--accent);color:#fff;font:700 11px 'Montserrat';text-transform:uppercase;cursor:pointer;padding:12px 14px;box-shadow:0 8px 20px rgba(0,137,205,.18)}.finder-btn:hover{background:var(--accent-dark)}.finder-result{display:none;margin-top:14px;padding:12px 14px;background:#eef8fc;border-left:3px solid var(--accent);font-size:13px}.finder-result.show{display:block}.about-v2{display:grid;grid-template-columns:.95fr 1.05fr;gap:64px;align-items:center}.about-photo{position:relative;min-height:420px;border-radius:16px;overflow:hidden;box-shadow:var(--shadow)}.about-photo img{width:100%;height:100%;min-height:420px;object-fit:cover}.about-photo span{position:absolute;left:18px;bottom:18px;padding:9px 12px;background:rgba(7,26,53,.9);color:#fff;border-left:3px solid var(--accent);font:10px 'IBM Plex Mono';text-transform:uppercase}.about-v2 h2{font-size:clamp(27px,3.4vw,42px)}.about-v2>div:last-child>p:not(.eyebrow){color:var(--steel);margin-top:16px;max-width:62ch}.proof-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);margin-top:28px;border:1px solid var(--line)}.proof-grid div{background:#fff;padding:18px}.proof-grid strong{display:block;color:var(--accent);font:700 18px 'Montserrat'}.proof-grid span{display:block;margin-top:5px;font-size:12px;font-weight:600;color:var(--steel)}.portfolio-intro{display:flex;justify-content:space-between;gap:30px;align-items:center;margin-bottom:24px}.portfolio-intro p{max-width:560px;color:var(--steel);font-size:13.5px}.b2b-path{background:#f1f5f8}.b2b-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.b2b-grid article{background:#fff;border:1px solid var(--line);padding:26px;border-radius:12px;box-shadow:var(--shadow-sm);transition:.2s}.b2b-grid article:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.b2b-grid article>span{font:700 11px 'IBM Plex Mono';color:var(--accent)}.b2b-grid h3{font-size:20px;margin-top:10px}.b2b-grid p{font-size:13.5px;color:var(--steel);margin:10px 0 18px}.b2b-grid a{color:var(--accent-dark);font:700 10px 'IBM Plex Mono';text-transform:uppercase;border-bottom:2px solid var(--accent)}.moto-wordmark{font:800 20px 'Montserrat';letter-spacing:.03em;color:var(--ink);text-align:center}.parts-grid-mini{grid-template-columns:repeat(5,1fr)}.parts-brands{margin-top:44px}.brand-category-head{display:flex;justify-content:space-between;align-items:end;gap:20px}.brand-category-head p{color:var(--steel);font-size:13px;margin-top:5px}.brand-showcase{margin-top:44px;background:#071a35;border-radius:16px;overflow:hidden;display:grid;grid-template-columns:1fr 1fr;min-height:360px}.brand-showcase-copy{padding:44px;color:#fff;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.brand-showcase-copy h3{font-size:clamp(25px,3vw,38px);margin-top:12px}.brand-showcase-copy p{color:rgba(255,255,255,.75);margin:12px 0 24px;max-width:48ch}.brand-showcase img{width:100%;height:100%;min-height:360px;object-fit:cover}.faq{background:#fff;border-top:1px solid var(--line)}.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.faq details{border:1px solid var(--line);border-radius:10px;background:#f7f9fb;padding:0 18px}.faq summary{cursor:pointer;list-style:none;padding:18px 0;font-family:'Montserrat';font-size:14px;font-weight:700;text-transform:uppercase}.faq summary::-webkit-details-marker{display:none}.faq details p{padding:0 0 18px;color:var(--steel);font-size:13.5px}.post-image{width:100%;height:170px;object-fit:cover}
@media(max-width:1080px){.hero-v2 .wrap{grid-template-columns:1fr}.hero-media-v2{max-width:760px}.finder-grid{grid-template-columns:repeat(3,1fr)}.b2b-grid{grid-template-columns:repeat(2,1fr)}.parts-grid-mini{grid-template-columns:repeat(3,1fr)}}
@media(max-width:720px){.hero-v2 .wrap{min-height:auto}.hero-media-v2>img{height:330px}.hero-floating{left:14px;bottom:14px}.finder-head,.portfolio-intro,.brand-category-head{display:block}.finder-note{margin-top:18px}.finder-grid{grid-template-columns:1fr 1fr}.finder-btn{grid-column:1/-1}.about-v2{grid-template-columns:1fr;gap:30px}.about-photo,.about-photo img{min-height:300px}.b2b-grid{grid-template-columns:1fr}.brand-showcase{grid-template-columns:1fr}.brand-showcase img{min-height:240px}.faq-grid{grid-template-columns:1fr}.parts-grid-mini{grid-template-columns:1fr 1fr}}
@media(max-width:480px){.finder-grid{grid-template-columns:1fr}.hero-proof{flex-direction:column}.hero-media-v2>img{height:270px}.hero-floating{position:relative;left:auto;bottom:auto;width:100%;margin-top:12px}.proof-grid{grid-template-columns:1fr}.parts-grid-mini{grid-template-columns:1fr}}

  .google-review-panel{display:grid;grid-template-columns:320px 1fr;gap:30px;align-items:stretch;margin-top:30px;background:#fff;border:1px solid var(--line);box-shadow:0 18px 45px rgba(7,26,53,.08);border-radius:18px;overflow:hidden}.google-review-score{background:linear-gradient(145deg,#071a35,#123f6f);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:42px 24px;text-align:center}.google-badge{font:700 12px 'IBM Plex Mono';letter-spacing:.08em;text-transform:uppercase;border:1px solid rgba(255,255,255,.3);border-radius:999px;padding:7px 12px;margin-bottom:18px}.google-review-score strong{font-size:64px;line-height:1;font-weight:800}.review-stars{letter-spacing:4px;font-size:22px;color:#ffd24a;margin:10px 0}.google-review-score span{font:12px 'IBM Plex Mono';color:rgba(255,255,255,.72)}.google-review-copy{padding:42px}.google-review-copy h3{font-size:28px;margin-bottom:12px}.google-review-copy p{color:var(--steel);max-width:720px;margin-bottom:24px}.exclusive-brands{padding:88px 0;background:#f4f8fb;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.exclusive-brand-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:28px}.exclusive-brand{background:#fff;border:1px solid var(--line);border-radius:14px;padding:24px;box-shadow:0 10px 24px rgba(7,26,53,.05);min-height:120px;display:flex;flex-direction:column;justify-content:center}.exclusive-brand b{font-size:22px;letter-spacing:.04em;color:var(--ink)}.exclusive-brand span{font-size:13px;color:var(--steel);margin-top:7px;line-height:1.5}@media(max-width:760px){.google-review-panel{grid-template-columns:1fr}.google-review-copy{padding:28px}.exclusive-brand-grid{grid-template-columns:1fr 1fr}}@media(max-width:480px){.exclusive-brand-grid{grid-template-columns:1fr}.google-review-score{padding:34px 20px}}

  /* ===== Upgrade corporativo 2026 ===== */
  .proof-strip{background:linear-gradient(135deg,#071a35,#0d3562);color:#fff;padding:78px 0;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08)}
  .proof-strip h2{color:#fff;max-width:760px}.proof-strip p:not(.eyebrow){color:#d7e5f2;max-width:760px;line-height:1.75}.proof-strip-head{display:flex;justify-content:space-between;gap:32px;align-items:end}.proof-metrics{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;margin-top:44px;background:rgba(255,255,255,.14)}.proof-metric{background:#0a2343;padding:24px 18px;min-height:125px}.proof-metric strong{display:block;font-size:25px;color:#fff}.proof-metric span{display:block;margin-top:10px;color:#a9bfd4;font-size:12px;line-height:1.5}
  .buyer-paths{background:#f4f8fb;padding:78px 0}.buyer-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.buyer-grid article{background:#fff;border:1px solid var(--line);padding:28px;min-height:230px;transition:.25s ease}.buyer-grid article:hover{transform:translateY(-4px);box-shadow:0 18px 35px rgba(7,26,53,.09);border-color:#a8c8df}.buyer-num{font:700 11px 'IBM Plex Mono';color:var(--accent)}.buyer-grid h3{margin:18px 0 10px}.buyer-grid p{color:var(--steel);font-size:14px;line-height:1.65}.buyer-grid a{display:inline-block;margin-top:15px;color:var(--accent);font-weight:800}
  .product-showcase{margin:58px 0 0;padding:58px 0;border-top:1px solid var(--line)}.product-showcase-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:28px}.product-showcase-grid article{background:#fff;border:1px solid var(--line);padding:24px;min-height:190px;position:relative;overflow:hidden}.product-showcase-grid article:before{content:"";position:absolute;left:0;top:0;width:4px;height:100%;background:var(--accent)}.product-showcase-grid span{font:700 10px 'IBM Plex Mono';letter-spacing:.12em;color:var(--accent)}.product-showcase-grid h3{margin:12px 0 8px;font-size:18px}.product-showcase-grid p{font-size:13.5px;color:var(--steel);line-height:1.6}.product-showcase-grid a{display:inline-block;margin-top:12px;color:var(--ink);font-weight:800}
  .technical-hub{background:#071a35;color:#fff;padding:82px 0}.technical-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:55px;align-items:center}.technical-hub h2{color:#fff}.technical-hub p:not(.eyebrow){color:#c9d8e8;line-height:1.75}.technical-links{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:28px}.technical-links a{border:1px solid rgba(255,255,255,.15);padding:20px;color:#fff;background:rgba(255,255,255,.035)}.technical-links b,.technical-links span{display:block}.technical-links span{font-size:12px;color:#a9bfd4;margin-top:7px;line-height:1.5}.technical-quote{border-left:3px solid var(--accent);padding:30px;background:rgba(255,255,255,.045)}.technical-quote span{font-size:27px;font-weight:800}.technical-quote p{margin-top:16px}
  @media(max-width:900px){.proof-metrics{grid-template-columns:repeat(2,1fr)}.buyer-grid{grid-template-columns:1fr 1fr}.product-showcase-grid{grid-template-columns:1fr 1fr}.technical-grid{grid-template-columns:1fr}.technical-links{grid-template-columns:1fr}}
  @media(max-width:620px){.proof-strip-head{display:block}.proof-strip-head .cta-btn{display:inline-block;margin-top:20px}.proof-metrics{grid-template-columns:1fr}.buyer-grid,.product-showcase-grid{grid-template-columns:1fr}.buyer-grid article{min-height:auto}.technical-links{grid-template-columns:1fr}}


/* ===== Inventario visual + experiencia comprador 2026 ===== */
.inventory-proof{padding:86px 0;background:#f7f9fb;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.inventory-head{display:flex;justify-content:space-between;gap:28px;align-items:end}.inventory-head p{color:var(--steel);max-width:680px;margin-top:10px;line-height:1.7}.inventory-badge{background:#fff;border:1px solid var(--line);padding:18px 20px;min-width:230px;border-radius:12px;box-shadow:var(--shadow-sm)}.inventory-badge strong{display:block;font-size:19px;color:var(--ink)}.inventory-badge span{display:block;color:var(--steel);font-size:12px;margin-top:5px}
.inventory-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:34px}.inventory-card{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:var(--shadow-sm);transition:.25s ease;display:flex;flex-direction:column}.inventory-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.inventory-card img{width:100%;height:175px;object-fit:cover}.inventory-card-body{padding:22px}.inventory-card .eyebrow{margin-bottom:8px}.inventory-card h3{font-size:19px;margin-bottom:8px}.inventory-card p{color:var(--steel);font-size:13px;line-height:1.6}.inventory-list{display:flex;flex-wrap:wrap;gap:7px;margin-top:14px}.inventory-list span{font-size:11px;background:#eef5f9;color:#24516e;border-radius:999px;padding:6px 8px}.inventory-card a{margin-top:17px;color:var(--accent-dark);font:700 10px 'IBM Plex Mono';text-transform:uppercase}
.finder-result-card{margin-top:18px;background:#fff;border:1px solid #cfe2ee;border-radius:12px;padding:20px;box-shadow:var(--shadow-sm)}.finder-result-card strong{font-family:'Montserrat'}.finder-result-card .result-meta{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:14px}.finder-result-card .result-meta div{background:#f5f8fa;padding:12px;border-radius:8px}.finder-result-card small{display:block;color:var(--steel);font-size:10px;text-transform:uppercase;font-family:'IBM Plex Mono';margin-bottom:4px}.finder-result-card .result-cta{margin-top:16px;display:flex;gap:10px;flex-wrap:wrap}.finder-result-card .result-cta a{display:inline-flex;align-items:center;justify-content:center;padding:11px 15px;border-radius:7px;background:var(--accent);color:#fff;font:700 10px 'Montserrat';text-transform:uppercase}.finder-result-card .result-cta a.secondary{background:#edf3f7;color:var(--ink)}
.buyer-grid.five{grid-template-columns:repeat(5,1fr)}
.audience-note{margin-top:22px;padding:16px 18px;background:#fff;border:1px solid var(--line);border-left:4px solid var(--accent);color:var(--steel);font-size:13px;line-height:1.6}
@media(max-width:1080px){.inventory-grid{grid-template-columns:repeat(2,1fr)}.buyer-grid.five{grid-template-columns:repeat(3,1fr)}.finder-result-card .result-meta{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.inventory-head{display:block}.inventory-badge{margin-top:18px}.inventory-grid{grid-template-columns:1fr}.buyer-grid.five{grid-template-columns:1fr}.finder-result-card .result-meta{grid-template-columns:1fr}}



/* ===== bloque consolidado (antes eran 5 <style> separados) ===== */


.launch-ready-bar{background:linear-gradient(90deg,#06204a,#0a4d8c);color:#fff;padding:13px 20px;border-radius:14px;margin:18px auto 0;max-width:1200px;display:flex;gap:18px;align-items:center;justify-content:center;flex-wrap:wrap;font-weight:700}.launch-ready-bar span{opacity:.92;font-weight:500}.launch-ready-bar a{background:#16a34a;color:#fff;padding:10px 16px;border-radius:8px;text-decoration:none;white-space:nowrap}.launch-ready-bar a:hover{filter:brightness(1.08)}


/* ===== bloque consolidado (antes eran 5 <style> separados) ===== */

.visual-note{font-size:10px;color:#64748b;margin-top:6px}.segment-card .visual-note{display:none}

/* ===== bloque consolidado (antes eran 5 <style> separados) ===== */


  :root{--impo-blue:#0b3a78;--impo-blue2:#006fb8;--impo-cyan:#00a3df;--impo-green:#18a957;--impo-bg:#f4f7fa}
  body{background:#f4f7fa;overflow-x:hidden}
  section{padding:72px 0}
  .wrap{max-width:1240px}
  .anchor-fix{display:block;position:relative;top:-100px;visibility:hidden;height:0}
  .catalogo-visual{background:linear-gradient(180deg,#f7f9fb 0%,#eef3f7 100%);border-top:1px solid rgba(14,34,66,.08);border-bottom:1px solid rgba(14,34,66,.08)}
  .catalogo-head{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:34px;align-items:end;margin-bottom:34px}
  .catalogo-head h2{font-size:clamp(30px,3.6vw,46px);line-height:1.05;margin-top:8px;max-width:760px;letter-spacing:-.03em}
  .catalogo-head p:not(.eyebrow){max-width:760px;color:#5b6472;margin-top:15px;font-size:16px;line-height:1.7}
  .catalogo-proof{background:#fff;border:1px solid rgba(14,34,66,.12);border-radius:14px;padding:20px;box-shadow:0 10px 28px rgba(14,34,66,.08);display:flex;flex-direction:column;gap:6px}
  .catalogo-proof strong{font-size:18px;color:var(--impo-blue)} .catalogo-proof span{font-size:12px;color:#657184;line-height:1.55}
  .catalogo-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
  .catalogo-card{background:#fff;border:1px solid rgba(14,34,66,.11);border-radius:14px;overflow:hidden;box-shadow:0 8px 22px rgba(14,34,66,.07);display:flex;flex-direction:column;min-width:0;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
  .catalogo-card:hover{transform:translateY(-5px);box-shadow:0 18px 38px rgba(14,34,66,.14);border-color:rgba(0,137,205,.35)}
  .catalogo-media{height:205px;position:relative;background:#e9eff5;overflow:hidden}
  .catalogo-media:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,27,57,0) 52%,rgba(4,27,57,.52) 100%);pointer-events:none}
  .catalogo-media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}
  .catalogo-card:hover .catalogo-media img{transform:scale(1.045)}
  .catalogo-media>span{position:absolute;z-index:2;left:13px;bottom:12px;background:rgba(7,31,62,.9);color:#fff;border-left:3px solid var(--impo-cyan);padding:6px 9px;font:700 10px 'IBM Plex Mono',monospace;letter-spacing:.08em}
  .catalogo-body{padding:18px 18px 19px;display:flex;flex-direction:column;flex:1}
  .catalogo-body h3{font-size:21px;line-height:1.15;margin-bottom:8px;color:#0e2242}
  .catalogo-body p{font-size:13.5px;line-height:1.55;color:#667386;margin-bottom:13px}
  .chip-row{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:16px}.chip-row b{font-size:10px;font-weight:700;color:#1d4e93;background:#edf4fb;border:1px solid #dbe8f5;border-radius:999px;padding:5px 8px}
  .catalogo-cta{margin-top:auto;display:flex;justify-content:center;align-items:center;min-height:42px;background:#16a957;color:#fff!important;border-radius:8px;font-size:12px;font-weight:800;letter-spacing:.02em;padding:10px 12px;transition:filter .2s ease,transform .2s ease}.catalogo-cta:hover{filter:brightness(1.06);transform:translateY(-1px)}
  .catalogo-cta-dark{background:#0b3a78!important}
  .catalogo-feature{margin-top:24px;background:#fff;border:1px solid rgba(14,34,66,.11);border-radius:14px;overflow:hidden;display:grid;grid-template-columns:1.1fr .9fr;align-items:stretch;box-shadow:0 10px 30px rgba(14,34,66,.08)}
  .catalogo-feature img{width:100%;height:100%;min-height:250px;object-fit:cover}.catalogo-feature>div{padding:34px}.catalogo-feature h3{font-size:28px;line-height:1.12;margin:8px 0 10px}.catalogo-feature p:not(.eyebrow){color:#5f6c7d;line-height:1.65;margin-bottom:20px}
  /* Remove legacy catalog layouts that created large blank areas */
  .portfolio-intro,.parts-grid,.product-showcase,.inventory-proof{display:none!important}
  .campaign-strip{margin-top:0}
  .segment-card img,.veh-art.photo-art img{object-fit:cover;object-position:center}
  .segment-card{overflow:hidden}
  .brand-visual img{max-height:230px;object-fit:cover}
  @media(max-width:1050px){.catalogo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.catalogo-head{grid-template-columns:1fr}.catalogo-proof{max-width:420px}}
  @media(max-width:700px){section{padding:58px 0}.catalogo-grid{grid-template-columns:1fr}.catalogo-media{height:220px}.catalogo-feature{grid-template-columns:1fr}.catalogo-feature img{height:230px;min-height:0}.catalogo-feature>div{padding:24px}.catalogo-head h2{font-size:30px}}


/* ===== bloque consolidado (antes eran 5 <style> separados) ===== */


/* IMPOCALI · acabado visual de lanzamiento */
html{scroll-behavior:smooth}
body{overflow-x:hidden}
img{max-width:100%}
.catalogo-visual{padding:72px 0 78px}
.catalogo-head{margin-bottom:28px}
.catalogo-grid{align-items:stretch}
.catalogo-card{height:100%;min-height:0}
.catalogo-media{height:230px;background:linear-gradient(145deg,#f7fafc,#e8eef4);display:flex;align-items:center;justify-content:center}
.catalogo-media img{object-fit:contain!important;object-position:center!important;padding:12px;mix-blend-mode:multiply;transform:none!important}
.catalogo-card:hover .catalogo-media img{transform:scale(1.04)!important}
.catalogo-body{min-height:215px}
.catalogo-body h3{margin-bottom:8px}
.catalogo-body ul{min-height:92px}
.portafolio-layout-visual{margin:0 0 30px;border-radius:20px;overflow:hidden;background:linear-gradient(135deg,#062d5e,#0a5aa7);display:grid;grid-template-columns:.78fr 1.22fr;align-items:center;box-shadow:0 18px 45px rgba(5,35,72,.16);border:1px solid rgba(255,255,255,.15)}
.portafolio-layout-copy{padding:34px 34px 34px 38px;color:#fff}
.portafolio-layout-copy .eyebrow{color:#7dd3fc;margin-bottom:8px}
.portafolio-layout-copy h3{font-size:clamp(24px,3vw,38px);line-height:1.08;margin:0 0 14px;color:#fff}
.portafolio-layout-copy p{margin:0;color:rgba(255,255,255,.88);line-height:1.65;font-size:15px}
.portafolio-layout-visual img{width:100%;height:100%;min-height:280px;object-fit:cover;display:block;background:#fff}
.segment-grid,.segmentos-grid{align-items:stretch}
.segment-card{height:100%;display:flex;flex-direction:column}
.segment-card .media,.segment-card figure{height:250px;overflow:hidden}
.segment-card img{width:100%;height:100%;object-fit:cover!important;display:block}
.brands-grid img,.brand-grid img{object-fit:contain!important}
.resenas-grid{align-items:stretch}
.cta-whatsapp,.catalogo-cta,.btn-whatsapp,.whatsapp-float{transition:transform .2s ease,filter .2s ease,box-shadow .2s ease}
.cta-whatsapp:hover,.catalogo-cta:hover,.btn-whatsapp:hover{transform:translateY(-2px);filter:brightness(1.04);box-shadow:0 10px 24px rgba(8,49,101,.18)}
section{scroll-margin-top:110px}
@media (max-width:1100px){.catalogo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.portafolio-layout-visual{grid-template-columns:1fr}.portafolio-layout-copy{padding:28px}.portafolio-layout-visual img{min-height:240px}}
@media (max-width:640px){.catalogo-visual{padding:48px 0 54px}.catalogo-grid{grid-template-columns:1fr;gap:16px}.catalogo-media{height:215px}.catalogo-body{min-height:auto}.catalogo-body ul{min-height:auto}.portafolio-layout-copy{padding:24px}.portafolio-layout-copy h3{font-size:27px}.portafolio-layout-visual img{min-height:180px}.segment-card .media,.segment-card figure{height:205px}}