
/* ===== PREMIUM · BUSCADOR MAESTRO (ref. KEX) — 2026-09-17 ===== */
header#top .o_searchbar_form,header#top form.er_buscar{position:relative;}
header#top form.er_buscar input,header#top form.er_buscar button,.er-bq-ov input,.er-bq-ov button,.er-bq a,.er-bq button{touch-action:manipulation;}
header#top .o_searchbar_form .dropdown-menu,header#top .o_searchbar_form .o_search_result_item{display:none !important;}
header#top form.er_buscar .er_sug{display:none !important;}
header#top .o_searchbar_form input[name="search"],header#top form.er_buscar input[name="search"]{padding-right:96px !important;}
.er-bq-mic{position:absolute;right:56px;top:20px;transform:translateY(-50%);width:34px;height:34px;border-radius:50%;border:0;background:transparent;color:#490AA0;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:3;padding:0;}
.er-bq-mic svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
/* la cabecera estiliza TODO button de form.er_buscar como el circulo morado de
   buscar (absoluto, right:4px): el mic y los chips del panel necesitan sus reglas */
header#top form.er_buscar button.er-bq-mic{position:absolute !important;left:auto !important;right:var(--er-mic-right,56px) !important;top:var(--er-mic-top,50%) !important;bottom:auto !important;transform:translateY(-50%) !important;width:34px !important;height:34px !important;min-width:0 !important;border-radius:50% !important;background:transparent !important;color:#490AA0 !important;border:0 !important;box-shadow:none !important;padding:0 !important;margin:0 !important;}
header#top form.er_buscar button.er-bq-mic.er-on{background:#490AA0 !important;color:#fff !important;}
header#top form.er_buscar .er-bq button{position:static !important;width:auto !important;height:auto !important;min-width:0 !important;top:auto !important;right:auto !important;left:auto !important;transform:none !important;display:inline-flex !important;align-items:center;gap:6px;background:#F5F4F8 !important;border:1px solid #ECEAF1 !important;border-radius:999px !important;padding:8px 13px !important;font:600 13px/1 Inter,system-ui,sans-serif !important;color:#141018 !important;box-shadow:none !important;margin:0 !important;}
header#top form.er_buscar .er-bq button:hover{border-color:#490AA0 !important;color:#490AA0 !important;}
.er-bq-mic.er-on{color:#fff;background:#490AA0;animation:er-bq-pulsa 1s ease-in-out infinite;}
@keyframes er-bq-pulsa{0%,100%{box-shadow:0 0 0 0 rgba(73,10,160,.35)}50%{box-shadow:0 0 0 8px rgba(73,10,160,0)}}
.er-bq{position:absolute;left:0;right:0;top:calc(100% + 8px);z-index:1060;background:#fff;border:1px solid #ECEAF1;border-radius:16px;box-shadow:0 18px 48px rgba(46,6,104,.18);max-height:min(72vh,720px);overflow:auto;display:none;text-align:left;font-family:Inter,system-ui,sans-serif;color:#141018;}
.er-bq.er-abierto{display:block;}
.er-bq-sec{padding:12px 8px 6px;}
.er-bq-sec + .er-bq-sec{border-top:1px solid #F1EFF5;}
.er-bq-k{font:600 11px/1 Inter,system-ui,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#490AA0;margin:0 0 6px 10px;display:flex;justify-content:space-between;align-items:center;}
.er-bq-k a{color:#6B6578 !important;font-weight:600;letter-spacing:0;text-transform:none;font-size:12px;margin-right:6px;text-decoration:none !important;}
.er-bq-it,.er-bq-it:link,.er-bq-it:visited{display:flex;align-items:center;gap:12px;padding:8px 10px;border-radius:10px;text-decoration:none !important;color:#141018 !important;}
.er-bq-it:hover,.er-bq-it.er-act{background:#F5F4F8;}
.er-bq-im{width:46px;height:46px;flex:none;border-radius:10px;background:#F5F4F8;display:flex;align-items:center;justify-content:center;overflow:hidden;}
.er-bq-im img{max-width:100%;max-height:100%;object-fit:contain;mix-blend-mode:multiply;}
.er-bq-im.er-rec img{width:100%;height:100%;object-fit:cover;mix-blend-mode:normal;}
.er-bq-im svg{width:20px;height:20px;stroke:#490AA0;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
.er-bq-tx{flex:1;min-width:0;}
.er-bq-n{font:500 14px/1.3 Inter,system-ui,sans-serif;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.er-bq-n .text-primary-emphasis{color:#490AA0 !important;font-weight:700;}
.er-bq-s{font:400 12px/1.3 Inter,system-ui,sans-serif;color:#6B6578;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.er-bq-p{font-family:'Archivo Black',Impact,sans-serif;font-size:14px;white-space:nowrap;color:#141018;}
.er-bq-p .oe_currency_value{font:inherit;}
.er-bq-chips{display:flex;flex-wrap:wrap;gap:6px;padding:2px 10px 8px;}
.er-bq-chips a,.er-bq-chips a:link,.er-bq-chips a:visited,.er-bq-chips button{display:inline-flex;align-items:center;gap:6px;background:#F5F4F8;border:1px solid #ECEAF1;border-radius:999px;padding:8px 13px;font:600 13px/1 Inter,system-ui,sans-serif;color:#141018 !important;text-decoration:none !important;cursor:pointer;}
.er-bq-chips a:hover,.er-bq-chips button:hover{border-color:#490AA0;color:#490AA0 !important;}
.er-bq-chips button svg{width:16px;height:16px;stroke:#490AA0;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
.er-bq-nota{margin:0 10px 6px;padding:8px 12px;background:#FFF7D6;border-radius:8px;font:500 12.5px/1.4 Inter,system-ui,sans-serif;color:#2E0668;}
.er-bq-vacio{padding:18px 16px;font:400 14px/1.5 Inter,system-ui,sans-serif;color:#6B6578;}
.er-bq-pie{position:sticky;bottom:0;background:#fff;border-top:1px solid #F1EFF5;padding:10px;}
.er-bq-todo,.er-bq-todo:link,.er-bq-todo:visited{display:flex;align-items:center;justify-content:center;gap:8px;background:#490AA0;color:#fff !important;border-radius:10px;padding:13px 16px;font:650 14px/1 Inter,system-ui,sans-serif;text-decoration:none !important;}
.er-bq-todo:hover,.er-bq-todo.er-act{background:#2E0668;}
.er-bq-todo svg{width:18px;height:18px;flex:none;stroke:#fff;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
.er-bq svg{max-width:24px;max-height:24px;}
@media (max-width:575.98px){.er-bq-mic{display:none !important;}}
/* ---- asesor de compra (IA) ---- */
.er-as{display:flex;flex-direction:column;min-height:320px;}
.er-as-top{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px 10px;border-bottom:1px solid #F1EFF5;}
.er-as-top b{font:700 14px/1.2 Inter,system-ui,sans-serif;color:#141018;display:flex;align-items:center;gap:8px;}
.er-as-top b span{display:inline-flex;align-items:center;background:#FFD426;color:#490AA0;font:700 10px/1 Inter,system-ui,sans-serif;letter-spacing:.08em;padding:4px 7px;border-radius:999px;}
.er-as-top button{background:none;border:0;color:#490AA0;font:600 13px/1 Inter,system-ui,sans-serif;cursor:pointer;padding:6px 8px;}
.er-as-chat{padding:12px 14px;display:flex;flex-direction:column;gap:10px;flex:1;}
.er-as-b{max-width:88%;padding:10px 13px;border-radius:14px;font:400 14px/1.45 Inter,system-ui,sans-serif;white-space:pre-wrap;}
.er-as-b.er-u{align-self:flex-end;background:#490AA0;color:#fff;border-bottom-right-radius:4px;}
.er-as-b.er-a{align-self:flex-start;background:#F5F4F8;color:#141018;border-bottom-left-radius:4px;}
.er-as-b.er-a.er-carg{color:#6B6578;font-style:italic;}
.er-as-prods{display:grid;grid-template-columns:1fr 1fr;gap:8px;}
.er-as-p,.er-as-p:link,.er-as-p:visited{display:flex;gap:10px;align-items:flex-start;background:#fff;border:1px solid #ECEAF1;border-radius:12px;padding:8px;text-decoration:none !important;color:#141018 !important;}
.er-as-p:hover{border-color:#490AA0;}
.er-as-p img{width:54px;height:54px;object-fit:contain;flex:none;background:#F5F4F8;border-radius:8px;mix-blend-mode:multiply;}
.er-as-p b{display:block;font:600 13px/1.25 Inter,system-ui,sans-serif;}
.er-as-p .er-as-pr{font-family:'Archivo Black',Impact,sans-serif;font-size:14px;margin-top:3px;}
.er-as-p .er-as-pr small{font:500 11px/1 Inter,system-ui,sans-serif;color:#6B6578;margin-left:4px;}
.er-as-p em{display:block;font:400 12px/1.35 Inter,system-ui,sans-serif;color:#6B6578;font-style:normal;margin-top:3px;}
.er-as-sug{display:flex;flex-wrap:wrap;gap:6px;}
.er-as-sug button{background:#fff;border:1px solid #490AA0;color:#490AA0;border-radius:999px;padding:7px 12px;font:600 12.5px/1 Inter,system-ui,sans-serif;cursor:pointer;}
.er-as-form{display:flex;gap:8px;padding:10px 14px 12px;border-top:1px solid #F1EFF5;position:sticky;bottom:0;background:#fff;}
.er-as-form input{flex:1;min-width:0;height:44px;border:1.5px solid #ECEAF1;border-radius:12px;padding:0 14px;font:500 15px/1 Inter,system-ui,sans-serif;color:#141018;outline:none;}
.er-as-form input:focus{border-color:#490AA0;}
.er-as-form button{height:44px;padding:0 16px;border:0;border-radius:12px;background:#490AA0;color:#fff;font:650 14px/1 Inter,system-ui,sans-serif;cursor:pointer;}
.er-as-form button[disabled]{opacity:.5;cursor:default;}
.er-as-nota{padding:0 14px 10px;font:400 11px/1.4 Inter,system-ui,sans-serif;color:#9A93A8;}
.er-bq-ia,.er-bq-ia:link,.er-bq-ia:visited{display:flex;align-items:center;gap:10px;margin:6px 10px 10px;padding:11px 14px;background:#2E0668;color:#fff !important;border-radius:12px;text-decoration:none !important;cursor:pointer;border:0;width:calc(100% - 20px);text-align:left;font:600 13.5px/1.3 Inter,system-ui,sans-serif;}
.er-bq-ia span{display:inline-flex;align-items:center;background:#FFD426;color:#490AA0;font:700 10px/1 Inter,system-ui,sans-serif;letter-spacing:.08em;padding:4px 7px;border-radius:999px;flex:none;}
.er-bq-ia small{display:block;font:400 12px/1.3 Inter,system-ui,sans-serif;color:rgba(255,255,255,.75);}
@media (max-width:575.98px){.er-as-prods{grid-template-columns:1fr;}}
@media (max-width:991.98px){
  /* iPhone: la cabecera se esconde al desplazar y el teclado cambia el viewport, asi
     que un panel "fixed" bajo el input quedaba flotando a media pantalla (captura
     de Miguel). En telefono el buscador es una capa completa con su propio campo. */
  .er-bq-ov{position:fixed;inset:0;z-index:1090;background:#fff;display:none;flex-direction:column;}
  .er-bq-ov.er-abierto{display:flex;}
  .er-bq-ov-top{display:flex;align-items:center;gap:8px;padding:10px 12px;border-bottom:1px solid #ECEAF1;background:#fff;flex:none;padding-top:max(10px,env(safe-area-inset-top));}
  .er-bq-ov-top input{flex:1;min-width:0;height:46px;border:1.5px solid #490AA0;border-radius:12px;padding:0 14px;font:500 16px/1 Inter,system-ui,sans-serif;color:#141018;background:#fff;outline:none;-webkit-appearance:none;}
  .er-bq-ov-top button{flex:none;width:46px;height:46px;border:0;background:#F5F4F8;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#490AA0;cursor:pointer;padding:0;}
  .er-bq-ov-top button svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;}
  .er-bq-ov-top button.er-on{background:#490AA0;color:#fff;}
  .er-bq-ov .er-bq{position:static !important;display:block;flex:1;overflow:auto;max-height:none;border:0;border-radius:0;box-shadow:none;-webkit-overflow-scrolling:touch;padding-bottom:env(safe-area-inset-bottom);}
  body.er-bq-lock{overflow:hidden !important;}
  .er-bq-ov-top form{display:flex;flex:1;min-width:0;margin:0;}
  .er-bq-ov-top form input{width:100%;}
  .er-bq-mic{right:48px;}
}
@media (prefers-reduced-motion: reduce){.er-bq-mic.er-on{animation:none;}}
