/* =========================================================
   Part Pro — Buscador (diseño con círculos perfectos)
   ========================================================= */
.pps-form{--ink:#0b0e14;--muted:#6b7280;--line:rgba(15,20,30,.1);--flame:linear-gradient(135deg,#ff6b35,#e63329);--red:#e63329;
  position:relative;display:flex !important;align-items:center;gap:6px;background:#fff !important;border:1px solid var(--line) !important;border-radius:999px !important;padding:5px 5px 5px 8px !important;overflow:visible !important;box-shadow:0 2px 10px rgba(15,20,30,.05) !important;transition:box-shadow .2s,border-color .2s}
.pps-form:focus-within{border-color:rgba(230,51,41,.45) !important;box-shadow:0 0 0 4px rgba(230,51,41,.12),0 12px 30px rgba(15,20,30,.12) !important}

/* Icono de lupa a la izquierda (círculo) */
.pps-lead{position:relative;flex:0 0 38px;width:38px;height:38px;aspect-ratio:1;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#f3f4f6;color:#6b7280;transition:background .2s,color .2s}
.pps-form:focus-within .pps-lead{background:#fff1ea;color:var(--red)}
.pps-form.pps-loading .pps-lead svg{opacity:0}
.pps-form.pps-loading .pps-lead::after{content:"";position:absolute;inset:9px;border:2.5px solid #fed7c7;border-top-color:var(--red);border-radius:50%;animation:ppsSpin .7s linear infinite}
@keyframes ppsSpin{to{transform:rotate(360deg)}}

/* Campo de texto */
.pps-form input[type=search],.pps-form input[name=s]{flex:1 1 auto;min-width:0;height:40px !important;border:0 !important;outline:0 !important;background:transparent !important;box-shadow:none !important;padding:0 6px !important;margin:0 !important;font-size:15px !important;color:var(--ink) !important;border-radius:0 !important}
.pps-form input::placeholder{color:#9ca3af}
.pps-form input[type=search]::-webkit-search-cancel-button,.pps-form input[type=search]::-webkit-search-decoration{-webkit-appearance:none}

/* Botón borrar (círculo) */
.pps-form .pps-clear{flex:0 0 30px;width:30px !important;height:30px !important;aspect-ratio:1;border-radius:50% !important;border:0 !important;padding:0 !important;margin:0 !important;min-width:0 !important;background:#f3f4f6 !important;color:#6b7280 !important;box-shadow:none !important;display:none;align-items:center;justify-content:center;cursor:pointer;transition:background .15s,color .15s,transform .15s}
.pps-form .pps-clear:hover{background:#fee2e2 !important;color:var(--red) !important;transform:rotate(90deg)}
.pps-form.pps-has .pps-clear{display:flex}

/* Botón buscar (círculo perfecto) */
.pps-form .pps-go{flex:0 0 44px;width:44px !important;height:44px !important;aspect-ratio:1;border-radius:50% !important;border:0 !important;padding:0 !important;margin:0 !important;min-width:0 !important;display:flex !important;align-items:center;justify-content:center;background:var(--flame) !important;color:#fff !important;box-shadow:0 8px 18px rgba(230,51,41,.3) !important;cursor:pointer;transition:transform .2s,box-shadow .2s}
.pps-form .pps-go:hover{transform:scale(1.06);box-shadow:0 10px 24px rgba(230,51,41,.38) !important}
.pps-form .pps-go:active{transform:scale(.95)}
.pps-form .pps-go svg{width:18px;height:18px;transition:transform .2s}
.pps-form .pps-go:hover svg{transform:translateX(2px)}

/* Banner de portada: un poco más grande */
.ppd-search.pps-form{padding:7px 7px 7px 10px !important;box-shadow:0 20px 50px rgba(0,0,0,.4) !important;border-color:transparent !important}
.ppd-search .pps-lead{flex-basis:44px;width:44px;height:44px}
.ppd-search .pps-go{flex-basis:52px;width:52px !important;height:52px !important}
.ppd-search .pps-go svg{width:20px;height:20px}
.ppd-search>svg{display:none}

/* ---------- Caja de sugerencias ---------- */
.pps-box{position:absolute;left:0;right:0;top:calc(100% + 12px);z-index:200;background:#fff;color:var(--ink);border-radius:24px;border:1px solid rgba(15,20,30,.08);box-shadow:0 30px 70px rgba(15,20,30,.22);padding:12px;max-height:min(70vh,540px);overflow-y:auto;opacity:0;visibility:hidden;transform:translateY(-8px) scale(.99);transform-origin:top center;transition:opacity .2s,transform .2s,visibility 0s .2s;text-align:left}
.pps-form.pps-open .pps-box{opacity:1;visibility:visible;transform:none;transition:opacity .2s,transform .2s}
.pps-lbl{display:flex;align-items:center;justify-content:space-between;margin:4px 8px 8px;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--red)}
.pps-lbl span{font-size:11.5px;font-weight:600;letter-spacing:0;text-transform:none;color:var(--muted)}
.pps-sec+.pps-sec{margin-top:8px;border-top:1px solid rgba(15,20,30,.06);padding-top:8px}

/* Chips con icono en círculo */
.pps-chips{display:flex;flex-wrap:wrap;gap:8px;padding:0 6px 8px}
.pps-chips a{display:inline-flex;align-items:center;gap:7px;padding:5px 14px 5px 5px;border-radius:999px;background:#f5f6f8;border:1px solid transparent;color:var(--ink);font-size:13px;font-weight:600;text-decoration:none;transition:all .15s}
.pps-chips a i{width:24px;height:24px;aspect-ratio:1;border-radius:50%;background:#fff;color:var(--red);display:flex;align-items:center;justify-content:center;box-shadow:0 1px 3px rgba(0,0,0,.08)}
.pps-chips a:hover{background:#fff1ea;border-color:#ffd9c9;color:var(--red)}

/* Fila de producto / categoría */
.pps-item{display:flex;align-items:center;gap:14px;padding:8px 10px 8px 8px;border-radius:18px;text-decoration:none;color:var(--ink);transition:background .15s}
.pps-item:hover,.pps-item.is-sel{background:#f5f6f8}
.pps-img{flex:0 0 52px;width:52px;height:52px;aspect-ratio:1;border-radius:50%;background:#fff;border:1px solid rgba(15,20,30,.08);overflow:hidden;display:block;box-shadow:0 2px 8px rgba(15,20,30,.06)}
.pps-img img{width:100%;height:100%;object-fit:contain;padding:7px;margin:0;border-radius:50%}
.pps-cat .pps-img{flex-basis:44px;width:44px;height:44px}
.pps-txt{flex:1;min-width:0}
.pps-txt b{display:block;font-size:14px;font-weight:600;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pps-txt small{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--muted);margin-top:3px}
.pps-txt mark{background:#ffe9e0;color:#c2410c;border-radius:4px;padding:0 2px}
.pps-ok,.pps-out{display:inline-flex;align-items:center;gap:4px;font-style:normal;font-weight:600}
.pps-ok{color:#16a34a}
.pps-ok::before,.pps-out::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}
.pps-out{color:#9ca3af}
.pps-price{flex:0 0 auto;padding:6px 12px;border-radius:999px;background:#f3f4f6;font-weight:800;font-size:14px;font-variant-numeric:tabular-nums;transition:background .15s}
.pps-item:hover .pps-price,.pps-item.is-sel .pps-price{background:#fff}
.pps-arrow{flex:0 0 34px;width:34px;height:34px;aspect-ratio:1;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid rgba(15,20,30,.08);color:var(--ink);transition:background .2s,color .2s,transform .2s,border-color .2s}
.pps-item:hover .pps-arrow,.pps-item.is-sel .pps-arrow{background:var(--flame);border-color:transparent;color:#fff;transform:translateX(2px)}

/* Ver todos */
.pps-all{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:8px;padding:6px 6px 6px 20px;border-radius:999px;background:var(--ink);color:#fff !important;font-weight:700;font-size:14px;text-decoration:none;transition:background .2s}
.pps-all i{width:38px;height:38px;aspect-ratio:1;border-radius:50%;background:var(--flame);display:flex;align-items:center;justify-content:center;flex:0 0 38px;transition:transform .2s}
.pps-all:hover{background:#23272f}
.pps-all:hover i{transform:translateX(3px)}

/* Sin resultados */
.pps-none{display:flex;flex-direction:column;align-items:center;gap:6px;padding:22px 12px 16px;text-align:center;font-size:14.5px}
.pps-none-ico{width:56px;height:56px;aspect-ratio:1;border-radius:50%;background:#fff1ea;color:var(--red);display:flex;align-items:center;justify-content:center;margin-bottom:6px}
.pps-none-ico svg{width:24px;height:24px}
.pps-none span:not(.pps-none-ico){color:var(--muted);font-size:13px}
.pps-none a{display:inline-flex;align-items:center;gap:8px;margin-top:10px;padding:11px 20px;border-radius:999px;background:#25d366;color:#fff !important;font-weight:700;text-decoration:none}

@media (max-width:600px){
  .pps-box{left:-4px;right:-4px;max-height:65vh}
  .pps-price{padding:5px 9px;font-size:13px}
  .pps-arrow{display:none}
  .pps-img{flex-basis:46px;width:46px;height:46px}
  .ppd-search .pps-lead{display:none}
}
@media (prefers-reduced-motion:reduce){.pps-box,.pps-go,.pps-arrow{transition:none}}

/* Portada: banner sin bordes redondeados */
body .ppd-hero2{border-radius:0 !important}
body .ppd-ticker{margin-top:-30px}
.pps-txt small mark{padding:0}