/* Diamond Motors Search Bar v2.1 (full styles; inline styles ensure final color) */
:root{
  --dmsb-fg:#ffffff;
  --dmsb-muted:#c9d1d9;
  --dmsb-border:rgba(255,255,255,.18);
  --dmsb-ring:rgba(255,255,255,.10);
  --dmsb-btn-start:#1f2937;
  --dmsb-btn-end:#0f172a;
  --dmsb-input-bg:transparent;
  --dmsb-wrap-bg:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03));
}

.dmsb-wrap{width:100%;max-width:980px;margin:0 auto;padding:8px}
.dmsb-align-center{text-align:center}
.dmsb-align-left{text-align:left}

:root{ --dmsb-height:48px; --dmsb-font:16px; }
.dmsb-variant-hero{ --dmsb-height:56px; --dmsb-font:18px; }

.dmsb-search{width:100%;display:block}
.dmsb-input-wrap{
  display:flex;align-items:center;gap:10px;
  background:var(--dmsb-wrap-bg);
  border:1px solid var(--dmsb-border);
  border-radius:9999px;padding:6px 6px 6px 14px;
  box-shadow:0 10px 25px rgba(0,0,0,.20), inset 0 0 0 1px rgba(255,255,255,.03);
  backdrop-filter:saturate(120%) blur(4px);
  min-height:calc(var(--dmsb-height) + 12px);
}
.dmsb-icon{
  width:20px;height:20px;flex:0 0 20px;display:inline-flex;align-items:center;justify-content:center;opacity:.9;
  background-repeat:no-repeat;background-position:center;background-size:20px 20px;
  background-image:url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='11' cy='11' r='7' stroke='white' stroke-width='2'/%3E%3Cpath d='M20 20L17 17' stroke='white' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
}
.dmsb-input{
  flex:1 1 auto;border:none;outline:none;background:var(--dmsb-input-bg);
  color:var(--dmsb-fg) !important; -webkit-text-fill-color:var(--dmsb-fg) !important;
  font-size:var(--dmsb-font); height:var(--dmsb-height);
  padding:0 8px; display:flex; align-items:center;
}
.dmsb-input::placeholder{color:var(--dmsb-muted) !important}
.dmsb-button{
  border:none;cursor:pointer;border-radius:9999px;
  background:linear-gradient(180deg, var(--dmsb-btn-start), var(--dmsb-btn-end));
  color:#fff;font-weight:700;letter-spacing:.2px;
  height:var(--dmsb-height); padding:0 18px;
  display:flex; align-items:center; justify-content:center;
  transition:transform .06s ease, opacity .2s ease;
  box-shadow:0 6px 18px rgba(0,0,0,.25);
}
.dmsb-button:hover{opacity:.95;transform:translateY(-1px)}
.dmsb-button:active{transform:translateY(0) scale(.98)}
.dmsb-input:focus{box-shadow:0 0 0 4px var(--dmsb-ring)}
.dmsb-input:focus-visible{outline:none}

/* THEME: LIGHT */
.dmsb-theme-light{
  --dmsb-fg:#111827;
  --dmsb-muted:#6b7280;
  --dmsb-border:rgba(0,0,0,.12);
  --dmsb-ring:rgba(17,24,39,.10);
  --dmsb-btn-start:#111827;
  --dmsb-btn-end:#0b1220;
  --dmsb-input-bg:#ffffff;
  --dmsb-wrap-bg:#ffffff;
}
.dmsb-theme-light .dmsb-icon{
  background-image:url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='11' cy='11' r='7' stroke='%23111827' stroke-width='2'/%3E%3Cpath d='M20 20L17 17' stroke='%23111827' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
}
.dmsb-theme-light .dmsb-input-wrap{
  box-shadow:0 8px 18px rgba(0,0,0,.06), inset 0 0 0 1px rgba(0,0,0,.02);
}

/* Responsivo */
@media (max-width:640px){
  :root{ --dmsb-height:44px; --dmsb-font:15px; }
  .dmsb-variant-hero{ --dmsb-height:50px; --dmsb-font:17px; }
  .dmsb-input-wrap{gap:8px;padding:6px 8px 6px 12px}
}