.brand,.studio-brand{letter-spacing:.1em}.site-header{background:#080f1a;height:84px}.site-header .brand{font-size:18px}.site-header nav .nav-ai{color:#b3caff}.sales-room{--sales-blue:#6196ff;background:#080f1a;color:#f6f8fc;display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);gap:6%;padding:32px 5% 48px;min-height:740px;position:relative;isolation:isolate;scroll-margin-top:0}.sales-room:before{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 65% 18%,#16469523,transparent 55%),linear-gradient(90deg,transparent 49.9%,#ffffff03 50%,transparent 50.1%);background-size:auto,100px 100px}.sales-story{display:flex;flex-direction:column;justify-content:space-between;gap:25px;min-width:0;padding:15px 0 0}.sales-story .eyebrow{font-size:9px;letter-spacing:.12em;color:#8397b2;display:flex;align-items:center;gap:9px}.sales-story h1{font-size:clamp(40px,4.3vw,66px);line-height:1.06;letter-spacing:-.065em;margin:22px 0}.sales-story h1 em{color:#8eb5ff;font-style:normal}.sales-story>div>p{font-size:13px;color:#8da0bc;line-height:1.8}.sales-spotlight{position:relative;border-radius:12px;overflow:hidden;max-width:420px;border:1px solid #ffffff14}.sales-spotlight>a{display:block;position:relative}.sales-spotlight img{width:100%;height:225px;object-fit:cover}.sales-spotlight a>div{position:absolute;inset:auto 0 0;background:linear-gradient(transparent,#040d1def);padding:45px 20px 17px}.sales-spotlight div>span:first-child{font-size:7px;letter-spacing:.14em;color:#c2d1e7;display:block;margin-bottom:6px}.sales-spotlight strong{font-size:18px;font-weight:700;display:block;line-height:1.2;letter-spacing:-.035em}.sales-spotlight small{display:block;font-size:10px;color:#b0c1d8;margin-top:5px}.spotlight-arrow{position:absolute;right:20px;bottom:20px;display:grid;place-items:center;border:1px solid #ffffff50;background:#ffffff14;border-radius:50%;width:32px;height:32px}.sales-human{display:flex;align-items:center;gap:10px;max-width:440px}.human-line{width:2px;height:32px;background:#6397ff}.sales-human p{font-size:9px;line-height:1.7;color:#6f83a2;margin:0}.sales-human p a{color:#b8c9e1}.catalog-shortcut{margin-left:auto;font-size:10px;color:#b7cbe8;white-space:nowrap}.sales-desk{min-width:0;background:#111e30;border:1px solid #ffffff18;border-radius:22px;box-shadow:0 35px 70px #0005;display:flex;flex-direction:column;overflow:hidden;height:666px}.seller-header{padding:21px 25px;display:flex;align-items:center;gap:15px;border-bottom:1px solid #ffffff0d;background:#17253a}.seller-header>div{flex:1}.seller-header strong{display:block;font-size:15px;letter-spacing:-.025em}.seller-header small{display:block;font-size:9px;color:#92a9c9;margin-top:5px}.seller-header>button{border:1px solid #ffffff24;border-radius:7px;background:#ffffff05;color:#a2b8d7;font-size:9px;padding:8px 10px}.seller-header button span{margin-left:6px}.seller-orbit{position:relative;display:block;min-width:38px;height:38px;border:1px solid #6a97e766;border-radius:50%;box-shadow:inset 0 0 15px #4875d755,0 0 20px #397bff18}.seller-orbit i{position:absolute;inset:7px;border:1px solid #87adf7;border-radius:50%;transform:rotate(-35deg) scaleX(.45)}.seller-orbit i:nth-child(2){transform:rotate(35deg) scaleX(.45)}.seller-orbit i:nth-child(3){transform:rotate(90deg) scaleX(.45)}.seller-context{display:flex;justify-content:space-between;gap:10px;padding:12px 25px;font-size:7px;letter-spacing:.09em;color:#6f87a9;border-bottom:1px solid #ffffff08}.seller-context span:first-child{color:#9ab9ea;font-weight:700}.sales-conversation{border:0;max-height:none;flex:1;min-height:0;overflow:auto;margin:0;padding:25px;display:block;scrollbar-color:#2b4260 #111e30;scrollbar-width:thin;overscroll-behavior:contain}.seller-welcome .chat-label{font-size:7px;letter-spacing:.14em;color:#758daf;font-weight:700}.seller-welcome h2{font-size:24px;line-height:1.2;letter-spacing:-.045em;margin:12px 0}.seller-welcome p{color:#a0b2cc;font-size:12px;line-height:1.8}.seller-welcome p strong{font-weight:600;color:#cad7e9}.welcome-choices{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:23px}.welcome-choices button{border:1px solid #49658850;color:#b7cbe7;background:#182a41;border-radius:10px;padding:14px 11px;font-size:10px;text-align:left;display:flex;align-items:center;gap:9px;min-height:48px;transition:border-color .2s,background .2s}.welcome-choices button:hover{border-color:#729aeb;background:#1e3655}.welcome-choices button>span{font-size:8px;color:#5e7caa}.welcome-choices button>i{font-style:normal;margin-left:auto;color:#799edf}.sales-composer{display:flex;align-items:end;gap:10px;margin:14px 20px 0;background:#091423;border:1px solid #42618a66;border-radius:13px;padding:10px}.sales-composer textarea{flex:1;resize:none;min-width:0;max-height:130px;background:transparent;border:0;color:white;font-size:12px;padding:6px;line-height:1.6}.sales-composer textarea::placeholder{color:#6c839f}.sales-composer textarea:focus{outline:none}.sales-composer:focus-within{border-color:#729bff;box-shadow:0 0 0 2px #618dff22}.sales-composer button{background:#a7c5ff;color:#10203a;border:0;border-radius:9px;font-size:23px;line-height:1;min-width:38px;height:38px;display:grid;place-items:center}.seller-disclaimer{margin:10px 20px 15px;text-align:center;color:#8195b1;font-size:8px}.followup-choices{display:flex;gap:6px;overflow:auto;padding:12px 20px 0}.followup-choices button{border:1px solid #405d8366;color:#91aed6;background:#18293f;border-radius:20px;font-size:9px;padding:7px 11px;white-space:nowrap}.sales-conversation .chat-message{max-width:94%;font-size:12px;line-height:1.75;padding:16px;border-radius:12px;background:#1b2d44;color:#c3d0e3;white-space:pre-wrap;margin-top:15px;border:1px solid #ffffff07}.sales-conversation .chat-message.user{margin-left:auto;background:#31588e;color:#f2f6ff;border-color:#9bbffd18}.sales-conversation .chat-label{font-size:7px;letter-spacing:.12em;display:block;color:#8baadb;margin-bottom:8px}.sales-conversation .chat-message.user .chat-label{color:#b4c9e5}.sales-conversation .chat-message a{color:#b8d1ff;background:#264367;border:1px solid #658ac64a;font-size:10px;padding:10px;white-space:normal}.sales-conversation .chat-message .chat-vehicle{padding:0;overflow:hidden;display:grid;grid-template-columns:88px 1fr;gap:0;background:#101e31;border:1px solid #526d943b;border-radius:9px;margin:12px 0}.chat-vehicle img{width:88px;height:90px;object-fit:cover}.chat-vehicle>span{padding:10px;display:flex;flex-direction:column;justify-content:center;line-height:1.45}.chat-vehicle strong{font-size:11px;color:#e5edfa}.chat-vehicle small{font-size:9px;color:#92aacb;margin-top:4px}.chat-vehicle em{font-size:9px;font-style:normal;color:#adcaff;margin-top:4px}.retry-message{display:block;border:1px solid #6489b9;border-radius:6px;color:#bbd2f4;background:#203955;padding:6px 10px;margin-top:10px;font-size:10px}.sales-location{padding:16px 5%;background:#111f33;color:#92a8c7;display:flex;align-items:center;gap:25px;border-top:1px solid #ffffff0b;font-size:10px}.sales-location>span{font-size:8px;letter-spacing:.12em;color:#d1dcec;font-weight:700}.sales-location p{margin:0;color:#839bbb;font-size:10px}.sales-location a{margin-left:auto;font-size:9px;color:#a9c0e4}.chat-message.pending .chat-body{color:#91a9c9}.sales-room .button:focus-visible,.sales-room button:focus-visible{outline:2px solid #96bcff;outline-offset:3px}
@media(min-width:1500px){.sales-room,.sales-location{padding-left:max(5%,calc((100vw - 1360px)/2));padding-right:max(5%,calc((100vw - 1360px)/2))}}
@media(max-width:1000px){.sales-room{gap:25px;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}.sales-story h1{font-size:45px}.sales-spotlight img{height:210px}.seller-header{padding:18px}.seller-context{padding:12px 18px}.sales-conversation{padding:20px}.welcome-choices{grid-template-columns:1fr;gap:7px}.welcome-choices button{padding:10px 12px;min-height:40px}.sales-human{flex-wrap:wrap}.catalog-shortcut{margin-left:12px}.seller-header strong{font-size:13px}.seller-header>button{font-size:8px}.sales-desk{height:690px}.sales-location>span{display:none}}
@media(max-width:760px){.site-header{height:70px}.site-header .brand{font-size:14px}.sales-room{display:flex;flex-direction:column;padding:15px 4% 28px;gap:22px;min-height:0}.sales-story{padding:0;gap:0}.sales-story .eyebrow{font-size:7px;margin-bottom:12px}.sales-story h1{font-size:34px;margin:0 0 10px;line-height:1.08}.sales-story h1 br{display:none}.sales-story h1 em:before{content:' '}.sales-story h1 em{display:block}.sales-story>div>p{font-size:11px;margin:10px 0 0}.sales-story>div>p br{display:none}.sales-story>div>p br:after{content:' '}.sales-spotlight,.sales-human{display:none}.sales-desk{height:630px;border-radius:15px}.seller-header{padding:17px 16px;gap:10px}.seller-header strong{font-size:13px}.seller-header small{font-size:8px}.seller-header>button{font-size:8px;padding:7px}.seller-orbit{min-width:32px;height:32px}.seller-context{padding:10px 16px;font-size:6px;letter-spacing:.04em}.sales-conversation{padding:20px 16px}.seller-welcome h2{font-size:23px}.seller-welcome p{font-size:12px}.welcome-choices{grid-template-columns:1fr 1fr;gap:8px;margin-top:20px}.welcome-choices button{font-size:9px;gap:5px;padding:12px 8px;min-height:48px}.welcome-choices button span{font-size:7px}.sales-composer{margin:10px 12px 0}.sales-composer textarea{font-size:13px}.seller-disclaimer{font-size:7px;line-height:1.6;margin:9px 12px 12px}.sales-location{padding:15px 5%;flex-wrap:wrap;gap:8px}.sales-location p{font-size:9px}.sales-location a{margin-left:0;font-size:9px}.followup-choices{padding:10px 12px 0}.sales-conversation .chat-message{max-width:98%;padding:13px;font-size:12px}.chat-vehicle img{width:74px;height:84px}.sales-conversation .chat-message .chat-vehicle{grid-template-columns:74px 1fr}}
@media(max-width:380px){.seller-header>button{max-width:75px}.sales-story h1{font-size:31px}.welcome-choices button{font-size:8px}.welcome-choices button span{display:none}}
.followup-choices{flex-wrap:wrap;overflow:visible;flex-shrink:0}

/* ============================================================
   AVELLANEDA AUTOMOTORES · MOBILE APP
   Implementación única sobre el sales.css original
   ============================================================ */
@media (max-width:760px){

  :root{
    --aa-navy:#001126;
    --aa-navy-2:#001a38;
    --aa-navy-3:#061b37;
    --aa-blue:#1268f3;
    --aa-blue-hi:#237bff;
    --aa-white:#f7f9fd;
    --aa-soft:#a7b8cf;
    --aa-muted:#7186a3;
    --aa-line:rgba(255,255,255,.09);
  }
/* Header de app */
  .site-header{
    height:70px;
    min-height:70px;
    position:relative;
    z-index:50;
    padding-top:env(safe-area-inset-top);
    background:var(--aa-navy);
    border-bottom:1px solid var(--aa-line);
    box-shadow:none;
  }

  .site-header .brand{
    color:#fff;
    font-size:14px;
    letter-spacing:.14em;
  }

  .site-header nav .nav-ai{
    color:#f4f7fc;
  }

  /* Primera pantalla: hero + vendedor */
  .sales-room{
    position:relative;
    isolation:isolate;
    display:flex;
    flex-direction:column;
    width:100%;
    min-height:calc(100svh - 70px);
    padding:clamp(28px,4.5vh,42px) 20px calc(20px + env(safe-area-inset-bottom));
    gap:0;
    overflow:hidden;
    color:var(--aa-white);
    background:
      radial-gradient(
        ellipse 82% 40% at 88% 0%,
        rgba(35,123,255,.18),
        transparent 70%
      ),
      radial-gradient(
        ellipse 60% 32% at -10% 82%,
        rgba(18,104,243,.07),
        transparent 72%
      ),
      linear-gradient(
        180deg,
        var(--aa-navy-2) 0%,
        #00162f 48%,
        var(--aa-navy) 100%
      );
  }

  .sales-room::before{
    content:"";
    position:absolute;
    inset:0;
    z-index:-1;
    pointer-events:none;
    background:
      linear-gradient(rgba(255,255,255,.014) 1px,transparent 1px),
      linear-gradient(90deg,rgba(255,255,255,.014) 1px,transparent 1px);
    background-size:44px 44px;
    -webkit-mask-image:linear-gradient(to bottom,#000,transparent 72%);
    mask-image:linear-gradient(to bottom,#000,transparent 72%);
  }

  .sales-room::after{
    content:"";
    position:absolute;
    z-index:-1;
    width:280px;
    height:280px;
    top:-190px;
    right:-130px;
    border-radius:50%;
    background:rgba(35,123,255,.24);
    filter:blur(80px);
    pointer-events:none;
  }

  /* Hero */
  .sales-story{
    display:block;
    flex:0 0 auto;
    min-height:0;
    padding:0;
    margin:0;
  }

  .sales-story>div:first-child{
    display:block;
    min-height:0;
    padding:0;
    margin:0;
  }

  .sales-story .eyebrow{
    display:inline-flex;
    align-items:center;
    width:auto;
    gap:7px;
    margin:0 0 22px;
    padding:7px 11px;
    border:1px solid rgba(105,157,232,.22);
    border-radius:999px;
    background:rgba(15,54,105,.26);
    color:#9fbbe1;
    font-size:7px;
    font-weight:700;
    line-height:1;
    letter-spacing:.15em;
    text-transform:uppercase;
  }

  .sales-story .eyebrow::before{
    content:"";
    width:7px;
    height:7px;
    flex:0 0 7px;
    border-radius:50%;
    background:#57d39b;
    box-shadow:0 0 10px rgba(87,211,155,.25);
  }

  .sales-story h1{
    width:100%;
    max-width:390px;
    margin:0;
    color:#fff;
    font-size:clamp(42px,11.5vw,56px);
    font-weight:700;
    line-height:.99;
    letter-spacing:-.055em;
    text-wrap:balance;
  }

  .sales-story h1 br{
    display:none;
  }

  .sales-story h1 em{
    display:block;
    margin:3px 0 0;
    color:#fff;
    font-style:normal;
  }

  .sales-story h1 em::before{
    content:none;
  }

  .sales-story>div>p{
    max-width:350px;
    margin:18px 0 0;
    color:var(--aa-soft);
    font-size:13px;
    line-height:1.62;
  }

  .sales-story>div>p br{
    display:none;
  }

  .sales-spotlight,
  .sales-human{
    display:none !important;
  }

  /* IA cerrada: solamente el input */
  .sales-desk:not(.chat-open){
    width:100%;
    height:auto !important;
    min-height:0 !important;
    margin-top:auto;
    padding-top:clamp(36px,6vh,58px);
    overflow:visible !important;
    background:transparent;
    border:0;
    border-radius:0;
    box-shadow:none;
  }

  .sales-desk:not(.chat-open) .seller-header,
  .sales-desk:not(.chat-open) .seller-context,
  .sales-desk:not(.chat-open) .sales-conversation,
  .sales-desk:not(.chat-open) .followup-choices,
  .sales-desk:not(.chat-open) .seller-disclaimer{
    display:none !important;
  }

  .sales-desk:not(.chat-open)::before{
    content:"✦  VENDEDOR INTELIGENTE · STOCK EN TIEMPO REAL";
    display:block;
    margin:0 0 10px 3px;
    color:#91acd0;
    font-size:7px;
    font-weight:700;
    line-height:1;
    letter-spacing:.15em;
  }

  .sales-desk:not(.chat-open)::after{
    content:"EXPLORAR VEHÍCULOS  ↓";
    display:block;
    margin:18px 0 0;
    text-align:center;
    color:#536c8e;
    font-size:7px;
    font-weight:700;
    line-height:1;
    letter-spacing:.17em;
  }

  .sales-desk:not(.chat-open) .sales-composer{
    display:flex !important;
    align-items:center;
    width:100%;
    min-height:62px;
    margin:0;
    padding:6px 6px 6px 17px;
    gap:8px;
    background:
      linear-gradient(
        145deg,
        rgba(11,35,69,.97),
        rgba(6,27,57,.97)
      );
    border:1px solid rgba(121,164,224,.23);
    border-radius:18px;
    box-shadow:
      0 16px 40px rgba(0,0,0,.20),
      inset 0 1px 0 rgba(255,255,255,.035);
  }

  .sales-desk:not(.chat-open) .sales-composer:focus-within{
    border-color:rgba(65,133,235,.62);
    box-shadow:
      0 18px 45px rgba(0,0,0,.24),
      0 0 0 3px rgba(18,104,243,.09);
  }

  .sales-desk:not(.chat-open) .sales-composer textarea{
    flex:1;
    height:48px;
    min-height:48px;
    max-height:48px;
    padding:13px 3px;
    resize:none;
    overflow:hidden;
    background:transparent;
    border:0;
    outline:0;
    color:#f8fbff;
    font-size:14px;
    font-weight:400;
    line-height:22px;
  }

  .sales-desk:not(.chat-open) .sales-composer textarea::placeholder{
    color:#8298b6;
    opacity:1;
  }

  .sales-desk:not(.chat-open) .sales-composer button{
    flex:0 0 48px;
    display:grid;
    place-items:center;
    width:48px;
    min-width:48px;
    height:48px;
    padding:0;
    border:0;
    border-radius:14px;
    background:linear-gradient(145deg,var(--aa-blue-hi),var(--aa-blue));
    color:#fff;
    font-size:24px;
    box-shadow:0 8px 22px rgba(4,74,190,.28);
  }

  /* Cuando la IA abre, el hero desaparece y el vendedor toma la pantalla */
  .sales-room:has(.sales-desk.chat-open){
    min-height:calc(100svh - 70px);
    padding:0;
    background:var(--aa-navy);
  }

  .sales-room:has(.sales-desk.chat-open) .sales-story{
    display:none;
  }

  .sales-desk.chat-open{
    position:relative;
    width:100%;
    height:calc(100svh - 70px) !important;
    min-height:calc(100svh - 70px) !important;
    margin:0;
    display:flex;
    flex-direction:column;
    overflow:hidden !important;
    background:
      radial-gradient(
        circle at 92% 0%,
        rgba(18,104,243,.11),
        transparent 34%
      ),
      linear-gradient(
        180deg,
        #061b38 0%,
        var(--aa-navy) 100%
      );
    border:0;
    border-radius:0;
    box-shadow:none;
  }

  .sales-desk.chat-open .seller-header{
    display:flex;
    flex:0 0 auto;
    align-items:center;
    gap:11px;
    min-height:68px;
    padding:14px 17px;
    background:rgba(3,24,52,.94);
    border-bottom:1px solid rgba(255,255,255,.07);
  }

  .sales-desk.chat-open .seller-header strong{
    display:block;
    color:#f7faff;
    font-size:13px;
    font-weight:650;
    letter-spacing:-.015em;
  }

  .sales-desk.chat-open .seller-header small{
    display:block;
    margin-top:3px;
    color:#7795bb;
    font-size:8px;
  }

  .sales-desk.chat-open .seller-header>button{
    padding:7px 9px;
    background:rgba(255,255,255,.035);
    border:1px solid rgba(255,255,255,.10);
    border-radius:8px;
    color:#91acd0;
  }

  .sales-desk.chat-open .seller-orbit{
    min-width:38px;
    width:38px;
    height:38px;
    border:1px solid rgba(74,139,236,.60);
    box-shadow:
      inset 0 0 15px rgba(33,104,218,.22),
      0 0 20px rgba(18,104,243,.12);
  }

  .sales-desk.chat-open .seller-context{
    display:flex;
    flex:0 0 auto;
    justify-content:space-between;
    padding:9px 17px;
    background:rgba(0,15,34,.62);
    border-bottom:1px solid rgba(255,255,255,.045);
    color:#607c9f;
    font-size:6px;
    letter-spacing:.07em;
  }

  .sales-desk.chat-open .seller-context span:first-child{
    color:#75a6e9;
  }

  .sales-desk.chat-open .sales-conversation{
    display:block;
    flex:1 1 auto;
    height:auto;
    min-height:0;
    max-height:none;
    margin:0;
    padding:19px 16px 24px;
    overflow-y:auto;
    overscroll-behavior:contain;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
    background:
      radial-gradient(
        circle at 100% 0%,
        rgba(17,97,225,.07),
        transparent 35%
      );
  }

  .sales-desk.chat-open .sales-conversation::-webkit-scrollbar{
    display:none;
  }

  .sales-desk.chat-open .seller-welcome h2{
    margin:11px 0 10px;
    color:#fff;
    font-size:26px;
    font-weight:650;
    line-height:1.06;
    letter-spacing:-.045em;
  }

  .sales-desk.chat-open .seller-welcome p{
    max-width:340px;
    margin:0;
    color:#8fa7c5;
    font-size:12px;
    line-height:1.65;
  }

  .sales-desk.chat-open .welcome-choices{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
    margin-top:20px;
  }

  .sales-desk.chat-open .welcome-choices button{
    min-height:55px;
    padding:12px 10px;
    border:1px solid rgba(110,153,210,.16);
    border-radius:13px;
    background:rgba(12,39,76,.72);
    color:#c2d3e9;
    font-size:9px;
  }

  .sales-desk.chat-open .sales-conversation .chat-message{
    max-width:91%;
    margin-top:13px;
    padding:13px 14px;
    background:#0d2a4e;
    border:1px solid rgba(255,255,255,.055);
    border-radius:5px 15px 15px 15px;
    color:#cfdded;
    font-size:12px;
    line-height:1.65;
    box-shadow:0 8px 24px rgba(0,0,0,.10);
  }

  .sales-desk.chat-open .sales-conversation .chat-message.user{
    margin-left:auto;
    background:linear-gradient(135deg,var(--aa-blue),#0752cb);
    border-color:rgba(255,255,255,.08);
    border-radius:15px 5px 15px 15px;
    color:#fff;
  }

  .sales-desk.chat-open .sales-conversation .chat-message .chat-vehicle{
    display:grid;
    grid-template-columns:82px 1fr;
    margin:12px 0 2px;
    padding:0;
    overflow:hidden;
    background:#061a34;
    border:1px solid rgba(108,151,208,.17);
    border-radius:13px;
    box-shadow:0 10px 28px rgba(0,0,0,.14);
  }

  .sales-desk.chat-open .chat-vehicle img{
    width:82px;
    height:94px;
    object-fit:cover;
  }

  .sales-desk.chat-open .followup-choices{
    display:flex;
    flex:0 0 auto;
    flex-wrap:nowrap;
    gap:6px;
    padding:8px 12px 1px;
    overflow-x:auto;
    scrollbar-width:none;
  }

  .sales-desk.chat-open .followup-choices::-webkit-scrollbar{
    display:none;
  }

  .sales-desk.chat-open .followup-choices button{
    flex:0 0 auto;
    padding:7px 11px;
    background:rgba(13,43,80,.84);
    border:1px solid rgba(104,150,210,.17);
    border-radius:999px;
    color:#91afd3;
    font-size:9px;
  }

  .sales-desk.chat-open .sales-composer{
    display:flex;
    flex:0 0 auto;
    align-items:center;
    min-height:58px;
    margin:9px 11px 0;
    padding:7px 7px 7px 14px;
    background:var(--aa-navy-3);
    border:1px solid rgba(103,151,216,.23);
    border-radius:17px;
    box-shadow:0 10px 30px rgba(0,0,0,.18);
  }

  .sales-desk.chat-open .sales-composer textarea{
    min-height:42px;
    max-height:82px;
    padding:10px 3px;
    color:#f7faff;
    font-size:13px;
    line-height:20px;
  }

  .sales-desk.chat-open .sales-composer textarea::placeholder{
    color:#66809f;
  }

  .sales-desk.chat-open .sales-composer button{
    width:43px;
    min-width:43px;
    height:43px;
    padding:0;
    border:0;
    border-radius:13px;
    background:linear-gradient(145deg,var(--aa-blue-hi),#0a59db);
    color:#fff;
    box-shadow:0 7px 20px rgba(7,82,203,.25);
  }

  .sales-desk.chat-open .seller-disclaimer{
    display:block;
    flex:0 0 auto;
    margin:7px 14px calc(9px + env(safe-area-inset-bottom));
    color:#526c8d;
    font-size:6px;
    line-height:1.5;
  }

  .sales-location{
    padding:15px 20px calc(15px + env(safe-area-inset-bottom));
    background:var(--aa-navy);
    color:#7088a7;
    flex-wrap:wrap;
    gap:8px;
    border-top:1px solid rgba(255,255,255,.06);
  }

  .sales-location>span{
    display:none;
  }

  .sales-location p{
    color:#7088a7;
    font-size:9px;
  }

  .sales-location a{
    margin-left:0;
    color:#9bbcea;
    font-size:9px;
  }

  @media (max-height:720px){
    .sales-room{padding-top:22px}
    .sales-story .eyebrow{margin-bottom:17px}
    .sales-story h1{font-size:40px}
    .sales-story>div>p{margin-top:14px}
    .sales-desk:not(.chat-open){padding-top:28px}
    .sales-desk:not(.chat-open)::after{margin-top:12px}
  }

  @media (max-width:380px){
    .sales-room{
      padding-left:16px;
      padding-right:16px;
    }

    .sales-story h1{
      font-size:39px;
    }

    .sales-story>div>p{
      font-size:12px;
    }
  }
}

/* ============================================================
   MOBILE · VEHÍCULO DESTACADO + INPUT AUTOEXPANDIBLE
   ============================================================ */
@media (max-width:760px){

  .sales-spotlight{
    display:block !important;
    position:relative;
    width:100%;
    max-width:none;
    height:clamp(180px,25vh,230px);
    margin:clamp(26px,4vh,38px) 0 0;
    overflow:hidden;
    border:1px solid rgba(116,164,229,.18);
    border-radius:20px;
    background:#061a34;
    box-shadow:0 20px 50px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.035);
  }

  .sales-spotlight>a{
    display:block;
    position:relative;
    width:100%;
    height:100%;
    color:#fff;
    text-decoration:none;
  }

  .sales-spotlight img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center;
  }

  .sales-spotlight>a::after{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    background:linear-gradient(180deg,rgba(0,17,38,.02) 24%,rgba(0,17,38,.18) 53%,rgba(0,12,29,.92) 100%);
  }

  .sales-spotlight a>div{
    position:absolute;
    z-index:2;
    inset:auto 0 0;
    padding:48px 18px 17px;
    background:none;
  }

  .sales-spotlight div>span:first-child{
    display:inline-flex;
    width:auto;
    margin:0 0 6px;
    color:#a9c8f5;
    font-size:7px;
    font-weight:700;
    line-height:1;
    letter-spacing:.15em;
    text-transform:uppercase;
  }

  .sales-spotlight strong{
    display:block;
    max-width:calc(100% - 52px);
    color:#fff;
    font-size:18px;
    font-weight:700;
    line-height:1.18;
    letter-spacing:-.03em;
  }

  .sales-spotlight small{
    display:block;
    margin-top:5px;
    color:#b3c5dc;
    font-size:10px;
    line-height:1.4;
  }

  .sales-spotlight .spotlight-arrow{
    right:17px;
    bottom:17px;
    z-index:3;
    width:36px;
    height:36px;
    border:1px solid rgba(255,255,255,.24);
    border-radius:50%;
    background:rgba(18,104,243,.82);
    color:#fff;
    box-shadow:0 8px 20px rgba(0,0,0,.18);
  }

  .sales-desk:not(.chat-open){
    margin-top:0;
    padding-top:clamp(24px,4vh,34px);
  }

  .sales-desk:not(.chat-open) .sales-composer textarea,
  .sales-desk.chat-open .sales-composer textarea{
    height:24px;
    min-height:24px;
    max-height:104px;
    padding:1px 3px;
    overflow-y:hidden;
    line-height:22px;
  }

  .sales-composer{
    align-items:flex-end !important;
  }

  .sales-composer button{
    flex-shrink:0;
  }

  @media (max-height:760px){
    .sales-spotlight{
      height:165px;
      margin-top:22px;
    }
    .sales-desk:not(.chat-open){
      padding-top:20px;
    }
  }
}

/* ============================================================
   AVELLANEDA AUTOMOTORES
   MOBILE APP EXPERIENCE
   ============================================================ */

@media (max-width: 760px) {

  :root {
    --app-nav-height: 72px;
    --app-header-height: 70px;
    --app-bg: #001126;
    --app-panel: #071a31;
    --app-border: rgba(255,255,255,.10);
    --app-muted: rgba(255,255,255,.58);
    --app-blue: #146cff;
  }


  /* =========================================================
     PORTADA / HOME
     Importante: NO modificamos html/body.
     ========================================================= */

  .sales-room {
    position: relative;
    box-sizing: border-box;

    min-height: calc(
      100svh - var(--app-header-height) - var(--app-nav-height)
    );

    padding-bottom: 18px;

    background:
      radial-gradient(
        circle at 80% 25%,
        rgba(20,108,255,.14),
        transparent 35%
      ),
      linear-gradient(
        180deg,
        #001126 0%,
        #00152d 100%
      );
  }


  /* =========================================================
     STORY
     ========================================================= */

  .sales-story {
    min-height: 0 !important;
    height: auto !important;

    display: flex !important;
    flex-direction: column;

    padding:
      clamp(20px, 3.5vh, 32px)
      20px
      14px !important;

    gap: 0 !important;
  }


  .sales-story > div:first-child {
    flex: 0 0 auto;
  }


  .sales-story .eyebrow {
    margin-bottom: 14px;
  }


  .sales-story h1 {
    margin: 0;

    font-size: clamp(38px, 10.5vw, 55px);
    line-height: .92;

    letter-spacing: -.045em;
  }


  .sales-story > div:first-child > p {
    margin:
      clamp(14px, 2vh, 20px)
      0
      0;

    font-size: 14px;
    line-height: 1.45;

    color: rgba(255,255,255,.62);
  }



  /* =========================================================
     AUTO DESTACADO
     ========================================================= */

  .sales-spotlight {
    display: block !important;

    position: relative;

    width: 100%;
    height: clamp(175px, 24vh, 225px);

    margin:
      clamp(20px, 3vh, 28px)
      0
      0 !important;

    border: 1px solid rgba(255,255,255,.11);
    border-radius: 22px;

    overflow: hidden;

    background: #07182d;

    box-shadow:
      0 20px 50px rgba(0,0,0,.20);
  }


  .sales-spotlight > a {
    position: relative;

    display: block;

    width: 100%;
    height: 100%;

    color: #fff;
    text-decoration: none;
  }


  .sales-spotlight img {
    position: absolute;
    inset: 0;

    width: 100% !important;
    height: 100% !important;

    object-fit: cover;

    transition:
      transform .45s ease,
      filter .45s ease;
  }


  .sales-spotlight > a::after {
    content: "";

    position: absolute;
    inset: 0;

    background:
      linear-gradient(
        180deg,
        transparent 28%,
        rgba(0,10,25,.20) 52%,
        rgba(0,10,25,.94) 100%
      );

    pointer-events: none;
  }


  .sales-spotlight > a > div {
    position: absolute;

    z-index: 2;

    left: 18px;
    right: 18px;
    bottom: 16px;

    display: grid;

    padding: 0 !important;

    background: none !important;
  }


  #spotlight-caption {
    margin-bottom: 5px;

    font-size: 9px;
    font-weight: 800;

    letter-spacing: .15em;

    color: rgba(255,255,255,.58);
  }


  #spotlight-name {
    max-width: calc(100% - 55px);

    font-size: 20px;
    line-height: 1.05;

    letter-spacing: -.02em;

    color: #fff;
  }


  #spotlight-spec {
    margin-top: 5px;

    font-size: 12px;

    color: rgba(255,255,255,.66);
  }


  .spotlight-arrow {
    position: absolute;

    right: 0;
    bottom: 0;

    width: 42px;
    height: 42px;

    display: grid;
    place-items: center;

    border-radius: 50%;

    background: var(--app-blue);

    color: #fff;

    font-size: 18px;
  }



  /* =========================================================
     BLOQUE HUMANO
     No lo necesitamos en HOME mobile.
     ========================================================= */

  .sales-human {
    display: none !important;
  }



  /* =========================================================
     VENDEDOR — ESTADO CERRADO
     Esto es lo que vemos en Inicio.
     ========================================================= */

  .sales-desk:not(.chat-open) {

    position: relative !important;

    inset: auto !important;

    width: auto !important;
    height: auto !important;
    min-height: 0 !important;

    margin:
      clamp(18px, 2.5vh, 26px)
      20px
      0 !important;

    padding: 0 !important;

    border: 0 !important;

    background: transparent !important;

    box-shadow: none !important;

    overflow: visible !important;
  }



  /* Ocultamos la interfaz completa mientras está cerrado */

  .sales-desk:not(.chat-open) .seller-header,
  .sales-desk:not(.chat-open) .seller-context,
  .sales-desk:not(.chat-open) .sales-conversation,
  .sales-desk:not(.chat-open) .followup-choices,
  .sales-desk:not(.chat-open) .seller-disclaimer {
    display: none !important;
  }



  /* Etiqueta del vendedor compacto */

  .sales-desk:not(.chat-open)::before {
    content: "✦  VENDEDOR INTELIGENTE · STOCK EN TIEMPO REAL";

    display: block;

    margin-bottom: 9px;

    font-size: 9px;
    font-weight: 800;

    letter-spacing: .12em;

    color: rgba(255,255,255,.55);
  }



  /* =========================================================
     INPUT COMPACTO
     ========================================================= */

  .sales-desk:not(.chat-open) .sales-composer {
    display: flex !important;

    width: 100%;

    align-items: flex-end !important;

    gap: 8px;

    padding: 7px 7px 7px 15px !important;

    border:
      1px solid rgba(255,255,255,.13) !important;

    border-radius: 18px !important;

    background:
      rgba(255,255,255,.055) !important;

    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.04),
      0 10px 30px rgba(0,0,0,.10);

    backdrop-filter: blur(12px);
  }


  .sales-desk:not(.chat-open)
  .sales-composer textarea {

    flex: 1;

    width: 100%;

    height: 24px;
    min-height: 24px;
    max-height: 104px;

    margin: 0 !important;
    padding: 1px 3px !important;

    resize: none;

    border: 0 !important;
    outline: 0 !important;

    background: transparent !important;

    color: #fff !important;

    font-size: 14px;
    line-height: 22px;

    overflow-y: hidden;
  }


  .sales-desk:not(.chat-open)
  .sales-composer textarea::placeholder {
    color: rgba(255,255,255,.43);
  }


  .sales-desk:not(.chat-open)
  .sales-composer button {

    flex: 0 0 42px;

    width: 42px !important;
    height: 42px !important;

    display: grid;
    place-items: center;

    margin: 0 !important;
    padding: 0 !important;

    border: 0 !important;
    border-radius: 50% !important;

    background:
      var(--app-blue) !important;

    color: #fff !important;

    font-size: 21px;

    box-shadow:
      0 8px 22px rgba(20,108,255,.28);
  }



  /* =========================================================
     CHAT ABIERTO
     Se convierte en una pantalla de la app.
     ========================================================= */

  .sales-room:has(.sales-desk.chat-open) {
    height: calc(100svh - var(--app-header-height));

    min-height: 0 !important;

    overflow: hidden;
  }


  .sales-room:has(.sales-desk.chat-open)
  .sales-story {
    display: none !important;
  }


  .sales-desk.chat-open {

    position: absolute !important;

    z-index: 30;

    inset: 0 0 var(--app-nav-height) 0 !important;

    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;

    margin: 0 !important;

    padding:
      15px
      16px
      12px !important;

    display: flex !important;
    flex-direction: column;

    border: 0 !important;
    border-radius: 0 !important;

    background:
      linear-gradient(
        180deg,
        #001126,
        #00172f
      ) !important;

    overflow: hidden !important;
  }


  .sales-desk.chat-open .sales-conversation {
    flex: 1;

    min-height: 0;

    overflow-y: auto;

    overscroll-behavior: contain;
  }


  .sales-desk.chat-open .sales-composer {
    flex-shrink: 0;

    align-items: flex-end !important;
  }


  .sales-desk.chat-open
  .sales-composer textarea {

    height: 24px;
    min-height: 24px;
    max-height: 104px;

    overflow-y: hidden;

    resize: none;
  }



  /* =========================================================
     LOCATION
     En Inicio mobile no necesitamos que aparezca debajo
     simulando una web tradicional.
     ========================================================= */

  .sales-location {
    display: none !important;
  }



  /* =========================================================
     MOBILE APP NAV
     ========================================================= */

  .mobile-app-nav {

    position: fixed;

    z-index: 999;

    left: 0;
    right: 0;
    bottom: 0;

    height:
      calc(
        var(--app-nav-height) +
        env(safe-area-inset-bottom)
      );

    display: grid;

    grid-template-columns:
      repeat(3, 1fr);

    padding:
      7px
      14px
      env(safe-area-inset-bottom);

    border-top:
      1px solid rgba(255,255,255,.08);

    background:
      rgba(0,17,38,.94);

    backdrop-filter:
      blur(22px);

    -webkit-backdrop-filter:
      blur(22px);

    box-shadow:
      0 -12px 40px rgba(0,0,0,.20);
  }



  .mobile-app-nav__item {

    appearance: none;

    position: relative;

    display: flex;
    flex-direction: column;

    align-items: center;
    justify-content: center;

    gap: 3px;

    padding: 0;

    border: 0;

    background: transparent;

    color:
      rgba(255,255,255,.42);

    font: inherit;

    font-size: 10px;
    font-weight: 650;

    cursor: pointer;

    transition:
      color .2s ease,
      transform .2s ease;
  }



  .mobile-app-nav__icon {

    width: 23px;
    height: 23px;

    display: grid;
    place-items: center;
  }


  .mobile-app-nav__icon svg {

    width: 21px;
    height: 21px;

    fill: none;

    stroke: currentColor;

    stroke-width: 1.7;

    stroke-linecap: round;
    stroke-linejoin: round;
  }



  .mobile-app-nav__item.is-active {
    color: #fff;
  }


  .mobile-app-nav__item.is-active::after {

    content: "";

    position: absolute;

    top: 0;

    width: 20px;
    height: 2px;

    border-radius: 999px;

    background:
      var(--app-blue);

    box-shadow:
      0 0 12px
      rgba(20,108,255,.7);
  }



  /* =========================================================
     BOTÓN IA
     ========================================================= */

  .mobile-app-nav__ai-orbit {

    position: relative;

    width: 28px;
    height: 28px;

    display: block;

    border:
      1px solid rgba(255,255,255,.18);

    border-radius: 50%;
  }


  .mobile-app-nav__ai-orbit i {

    position: absolute;

    width: 4px;
    height: 4px;

    border-radius: 50%;

    background:
      currentColor;
  }


  .mobile-app-nav__ai-orbit i:nth-child(1) {
    top: 5px;
    left: 11px;
  }


  .mobile-app-nav__ai-orbit i:nth-child(2) {
    bottom: 6px;
    left: 6px;
  }


  .mobile-app-nav__ai-orbit i:nth-child(3) {
    right: 5px;
    bottom: 7px;
  }


  .mobile-app-nav__item--ai.is-active {
    color: #5b96ff;
  }



  /* =========================================================
     CATÁLOGO
     Dejamos espacio para la navegación cuando lleguemos a él.
     ========================================================= */

  #catalogo {
    scroll-margin-top:
      calc(var(--app-header-height) + 10px);

    padding-bottom:
      calc(
        var(--app-nav-height) +
        env(safe-area-inset-bottom) +
        20px
      );
  }

}



/* ============================================================
   DESKTOP
   La navegación app NO existe visualmente.
   ============================================================ */

@media (min-width: 761px) {

  .mobile-app-nav {
    display: none !important;
  }

}