/* Creovation Buscador — creovationstudio.com */
.creo-search,.creo-wrap{--creo-border:color-mix(in srgb,var(--creo-text) 12%,transparent);--creo-muted:color-mix(in srgb,var(--creo-text) 60%,transparent);font-family:inherit;color:var(--creo-text);box-sizing:border-box}
.creo-search *,.creo-wrap *{box-sizing:border-box}

/* ---------- Barra ---------- */
.creo-search{position:relative;width:100%;max-width:var(--creo-width);margin:0 auto;z-index:50}
.creo-search-form{display:flex;align-items:center;gap:6px;margin:0;padding:6px 6px 6px 16px;background:var(--creo-card);border:1.5px solid var(--creo-border);border-radius:calc(var(--creo-radius) + 6px);box-shadow:0 6px 24px -12px rgba(15,23,42,.25);transition:border-color .2s,box-shadow .2s}
.creo-search-form:focus-within{border-color:var(--creo-accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--creo-accent) 20%,transparent),0 10px 30px -14px rgba(15,23,42,.35)}
.creo-search-icon{display:flex;color:var(--creo-muted);flex:none}
.creo-search .creo-search-input{flex:1;min-width:0;height:44px;margin:0;padding:0 6px;border:0!important;outline:0!important;background:transparent!important;box-shadow:none!important;font-size:16px;color:var(--creo-text);-webkit-appearance:none;appearance:none}
.creo-search-input::-webkit-search-cancel-button{display:none}
.creo-search-input::placeholder{color:var(--creo-muted)}
.creo-search-clear{flex:none;width:30px;height:30px;padding:0;border:0;border-radius:50%;background:color-mix(in srgb,var(--creo-text) 8%,transparent);color:var(--creo-text);font-size:18px;line-height:1;cursor:pointer}
.creo-search-clear:hover{background:color-mix(in srgb,var(--creo-text) 15%,transparent)}
.creo-search-btn{flex:none;height:44px;padding:0 22px;margin:0;border:0;border-radius:var(--creo-radius);background:var(--creo-primary);color:#fff;font-weight:600;font-size:15px;letter-spacing:.01em;cursor:pointer;transition:transform .15s,filter .2s}
.creo-search-btn:hover{filter:brightness(1.15)}
.creo-search-btn:active{transform:scale(.97)}
.creo-search.is-loading .creo-search-icon{animation:creo-spin .8s linear infinite;color:var(--creo-accent)}
@keyframes creo-spin{to{transform:rotate(360deg)}}

/* ---------- Sugerencias ---------- */
.creo-live{position:absolute;top:calc(100% + 8px);left:0;right:0;max-height:min(70vh,460px);overflow:auto;background:var(--creo-card);border:1px solid var(--creo-border);border-radius:calc(var(--creo-radius) + 4px);box-shadow:0 24px 50px -20px rgba(15,23,42,.4);padding:6px;animation:creo-pop .18s ease-out}
@keyframes creo-pop{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
.creo-live-item{display:flex;align-items:center;gap:12px;padding:8px 10px;border-radius:var(--creo-radius);color:var(--creo-text)!important;text-decoration:none!important;transition:background .15s}
.creo-live-item:hover,.creo-live-item.is-active{background:color-mix(in srgb,var(--creo-accent) 14%,transparent)}
.creo-live-thumb{flex:none;width:48px;height:48px;border-radius:calc(var(--creo-radius) * .6);object-fit:cover;background:color-mix(in srgb,var(--creo-text) 6%,transparent)}
.creo-live-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.creo-live-title{font-weight:600;font-size:15px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.creo-live-title mark{background:color-mix(in srgb,var(--creo-accent) 35%,transparent);color:inherit;border-radius:3px;padding:0 1px}
.creo-live-price{font-size:13px;color:var(--creo-muted)}
.creo-live-tag{flex:none;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--creo-soldout);border:1px solid currentColor;border-radius:99px;padding:2px 8px}
.creo-live-item.is-soldout .creo-live-thumb{filter:grayscale(1);opacity:.6}
.creo-live-none{padding:18px;text-align:center;color:var(--creo-muted);font-size:14px}
.creo-live-all{display:block;margin-top:4px;padding:11px;text-align:center;font-weight:600;font-size:14px;border-top:1px solid var(--creo-border);color:var(--creo-primary)!important;text-decoration:none!important;border-radius:0 0 var(--creo-radius) var(--creo-radius)}
.creo-live-all:hover{background:color-mix(in srgb,var(--creo-accent) 10%,transparent)}

/* ---------- Resultados ---------- */
.creo-wrap{width:100%;max-width:1280px;margin:0 auto;padding:8px 0 24px}
.creo-results-search{margin:0 0 36px}
.creo-results-head{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:8px 16px;margin:0 0 22px;padding-bottom:14px;border-bottom:1px solid var(--creo-border)}
.creo-results-title{margin:0!important;font-size:clamp(22px,3vw,30px);line-height:1.2;color:var(--creo-text)}
.creo-results-count{font-size:14px;color:var(--creo-muted);background:color-mix(in srgb,var(--creo-text) 6%,transparent);padding:4px 12px;border-radius:99px}

.creo-grid{display:grid;grid-template-columns:repeat(var(--creo-cols),minmax(0,1fr));gap:clamp(12px,2vw,24px);list-style:none!important;margin:0!important;padding:0!important}
@media (max-width:1024px){.creo-grid{grid-template-columns:repeat(var(--creo-cols-t),minmax(0,1fr))}}
@media (max-width:640px){.creo-grid{grid-template-columns:repeat(var(--creo-cols-m),minmax(0,1fr))}}

.creo-card{display:flex;flex-direction:column;margin:0!important;padding:0!important;background:var(--creo-card);border:1px solid var(--creo-border);border-radius:var(--creo-radius);overflow:hidden;transition:transform .25s ease,box-shadow .25s ease,border-color .25s;animation:creo-in .4s ease-out both}
.creo-card:hover{transform:translateY(-4px);box-shadow:0 18px 40px -18px rgba(15,23,42,.35);border-color:color-mix(in srgb,var(--creo-accent) 50%,transparent)}
@keyframes creo-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.creo-card-media{position:relative;display:block;aspect-ratio:1/1;overflow:hidden;background:color-mix(in srgb,var(--creo-text) 4%,transparent)}
.creo-card-media img,.creo-card-img{width:100%!important;height:100%!important;object-fit:cover;display:block;margin:0!important;transition:transform .5s ease}
.creo-card:hover .creo-card-media img{transform:scale(1.05)}
.creo-badge{position:absolute;top:10px;left:10px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:5px 10px;border-radius:99px;color:#fff;box-shadow:0 4px 12px -4px rgba(0,0,0,.3)}
.creo-badge-soldout{background:var(--creo-soldout)}
.creo-badge-sale{background:var(--creo-accent)}
.creo-card.is-soldout .creo-card-media img{filter:grayscale(.85);opacity:.7}
.creo-card-body{display:flex;flex-direction:column;flex:1;gap:8px;padding:14px 16px 16px}
.creo-card-title{margin:0!important;font-size:15px!important;line-height:1.35!important;font-weight:600}
.creo-card-title a{color:var(--creo-text)!important;text-decoration:none!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.creo-card-title a:hover{color:var(--creo-primary)!important}
.creo-card-price{font-size:15px;font-weight:700;color:var(--creo-text)}
.creo-card-price del{opacity:.5;font-weight:400;margin-right:4px}
.creo-card-price ins{text-decoration:none}
.creo-card-btn{margin-top:auto;display:block;text-align:center;padding:10px 12px;border-radius:calc(var(--creo-radius) * .75);background:var(--creo-primary);color:#fff!important;font-size:14px;font-weight:600;text-decoration:none!important;transition:filter .2s,transform .15s}
.creo-card-btn:hover{filter:brightness(1.15)}
.creo-card.is-soldout .creo-card-btn{background:transparent;color:var(--creo-text)!important;border:1px solid var(--creo-border)}

.creo-empty{text-align:center;padding:56px 20px;border:1.5px dashed var(--creo-border);border-radius:var(--creo-radius);color:var(--creo-muted)}
.creo-empty-icon{display:inline-flex;width:64px;height:64px;align-items:center;justify-content:center;font-size:28px;border-radius:50%;background:color-mix(in srgb,var(--creo-accent) 15%,transparent);margin-bottom:12px}
.creo-empty p{margin:0;font-size:16px}

.creo-pagination{display:flex;justify-content:center;flex-wrap:wrap;gap:6px;margin:36px 0 0}
.creo-pagination .page-numbers{min-width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;padding:0 12px;border:1px solid var(--creo-border);border-radius:calc(var(--creo-radius) * .75);color:var(--creo-text);text-decoration:none;font-weight:600;transition:all .2s}
.creo-pagination a.page-numbers:hover{border-color:var(--creo-accent);color:var(--creo-primary)}
.creo-pagination .current{background:var(--creo-primary);border-color:var(--creo-primary);color:#fff}

/* ---------- Crédito ---------- */
.creo-credit{margin-top:40px;text-align:center;font-size:12px;letter-spacing:.04em;color:var(--creo-muted)}
.creo-credit a{font-weight:700;text-decoration:none!important;background:linear-gradient(90deg,var(--creo-primary),var(--creo-accent));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}

@media (max-width:480px){
	.creo-search-btn{padding:0 14px;font-size:14px}
	.creo-card-body{padding:10px 12px 12px}
	.creo-card-title{font-size:14px!important}
}
@media (prefers-reduced-motion:reduce){.creo-card,.creo-live{animation:none}.creo-card:hover{transform:none}}