:root{--sa-red:#C0392B;--sa-red-dark:#922B21;--sa-red-light:#E74C3C;--sa-bg:#0f0f0f;--sa-surface:#1a1a1a;--sa-surface2:#242424;--sa-border:#333;--sa-text:#f0eeea;--sa-muted:#909090;--sa-accent:#ff4433;--sa-green:#2ecc71}
.surtiaros-buscador{background:var(--sa-bg);border-radius:8px;overflow:hidden;margin:32px 0;box-shadow:0 8px 32px rgba(0,0,0,.45);border:1px solid var(--sa-border);font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif}
.surtiaros-header{background:linear-gradient(135deg,#1e0a08,#1a1a1a);border-bottom:3px solid var(--sa-red);padding:28px 32px;display:flex;align-items:center;gap:20px}
.surtiaros-header__icon{width:52px;height:52px;background:var(--sa-red);border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#fff}
.surtiaros-header__icon svg{width:26px;height:26px}
.surtiaros-header__text h2{color:var(--sa-text);font-size:1.35rem;font-weight:700;margin:0 0 4px}
.surtiaros-header__text p{color:var(--sa-muted);font-size:.875rem;margin:0}
.surtiaros-selector{padding:28px 32px;border-bottom:1px solid var(--sa-border)}
.surtiaros-selector__status{display:flex;align-items:center;gap:9px;margin-bottom:20px;font-size:.8rem;color:var(--sa-muted)}
.sa-dot{width:9px;height:9px;border-radius:50%;background:var(--sa-muted);flex-shrink:0;transition:background .3s}
.sa-dot.ok{background:var(--sa-green);box-shadow:0 0 6px var(--sa-green)}
.sa-dot.error{background:var(--sa-red-light)}
.sa-dot.spin{background:#f39c12;animation:sa-blink 1s infinite}
@keyframes sa-blink{0%,100%{opacity:1}50%{opacity:.3}}
.sa-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;margin-bottom:16px}
.sa-row--precision{background:rgba(192,57,43,.06);border:1px solid rgba(192,57,43,.22);border-radius:7px;padding:16px 18px;grid-template-columns:1fr 1fr}
@media(max-width:768px){.sa-row,.sa-row--precision{grid-template-columns:1fr}}
.sa-field label{display:flex;align-items:center;gap:7px;font-size:.72rem;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:var(--sa-muted);margin-bottom:7px}
.sa-step{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;background:var(--sa-red-dark);color:#fff;border-radius:50%;font-size:.68rem;font-weight:800;flex-shrink:0}
.sa-field select{width:100%;background:var(--sa-surface2);border:1px solid var(--sa-border);border-radius:6px;color:var(--sa-text);padding:11px 13px;font-size:.9rem;cursor:pointer;outline:none;transition:border-color .2s}
.sa-field select:focus{border-color:var(--sa-red)}
.sa-field select:disabled{opacity:.42;cursor:not-allowed}
.sa-btn-buscar{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;background:var(--sa-red);color:#fff;border:none;border-radius:6px;padding:13px 22px;font-size:.95rem;font-weight:700;cursor:pointer;transition:background .2s;margin-top:8px}
.sa-btn-buscar:hover:not(:disabled){background:var(--sa-red-light)}
.sa-btn-buscar:disabled{opacity:.45;cursor:not-allowed}
.surtiaros-specs{padding:18px 32px;background:var(--sa-surface2);border-bottom:1px solid var(--sa-border);display:flex;flex-wrap:wrap;gap:28px}
.sa-spec{display:flex;flex-direction:column;gap:3px}
.sa-spec__label{font-size:.68rem;letter-spacing:1.3px;text-transform:uppercase;color:var(--sa-muted);font-weight:700}
.sa-spec__value{font-size:.95rem;font-weight:600;color:var(--sa-text)}
.sa-spec__value--hl{color:var(--sa-accent)}
.surtiaros-loading{padding:60px;text-align:center;color:var(--sa-muted)}
.sa-spinner{width:38px;height:38px;border:3px solid var(--sa-border);border-top-color:var(--sa-red);border-radius:50%;animation:sa-spin .75s linear infinite;margin:0 auto 16px}
@keyframes sa-spin{to{transform:rotate(360deg)}}
.surtiaros-results{padding:28px 32px}
.surtiaros-results__header{display:flex;align-items:baseline;gap:12px;margin-bottom:20px}
.surtiaros-results__header h3{color:var(--sa-text);font-size:1.1rem;font-weight:700;margin:0}
.sa-count{background:var(--sa-red-dark);color:#fff;font-size:.72rem;font-weight:700;padding:3px 10px;border-radius:20px}
.surtiaros-results__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}
.sa-card{background:var(--sa-surface);border:1px solid var(--sa-border);border-radius:8px;overflow:hidden;transition:border-color .2s,transform .2s;animation:sa-fadeup .4s ease both}
.sa-card:hover{border-color:var(--sa-red);transform:translateY(-3px)}
@keyframes sa-fadeup{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
.sa-card__img-wrap{display:block;background:#fff;height:180px;overflow:hidden}
.sa-card__img{width:100%;height:100%;object-fit:contain}
.sa-card__img-placeholder{height:180px;display:flex;align-items:center;justify-content:center;font-size:3rem;background:var(--sa-surface2)}
.sa-card__body{padding:16px;display:flex;flex-direction:column;gap:8px}
.sa-card__specs-row{display:flex;flex-wrap:wrap;gap:5px}
.sa-spec-pill{font-size:.68rem;font-weight:700;padding:2px 8px;border-radius:20px;background:rgba(192,57,43,.15);color:#ff9080;border:1px solid rgba(192,57,43,.25)}
.sa-card__nombre{font-size:.9rem;font-weight:600;color:var(--sa-text);margin:0}
.sa-card__nombre a{color:inherit;text-decoration:none}
.sa-card__nombre a:hover{color:var(--sa-red-light)}
.sa-card__ref{font-size:.72rem;color:var(--sa-muted);margin:0}
.sa-card__footer{display:flex;align-items:center;justify-content:space-between;gap:8px}
.sa-card__precio{font-size:1.15rem;font-weight:800;color:var(--sa-accent)}
.sa-card__btn{background:var(--sa-red);color:#fff;font-size:.78rem;font-weight:700;padding:7px 14px;border-radius:5px;text-decoration:none;transition:background .2s}
.sa-card__btn:hover{background:var(--sa-red-light);color:#fff}
.sa-anillo{border-radius:6px;padding:9px 12px;font-size:.8rem;margin-top:4px}
.sa-anillo--ok{background:rgba(46,204,113,.12);border:1px solid rgba(46,204,113,.3);color:var(--sa-green)}
.sa-anillo--warning{background:rgba(243,156,18,.1);border:1px solid rgba(243,156,18,.35);color:#f0a500}
.sa-anillo--error{background:rgba(192,57,43,.12);border:1px solid rgba(192,57,43,.35);color:#e74c3c}
.surtiaros-empty{padding:48px 32px;text-align:center;color:var(--sa-muted)}