
/* ===================== TEMA AUTOMOTIVO (ESTILO A - WEBMOTORS) ===================== */

/* DARK AUTOMOTIVE */
body.automotive.dark {
  background: radial-gradient(circle at top, #10213f 0, #050a16 40%, #020309 100%);
  color: #e7ecf9;
}

/* LIGHT AUTOMOTIVE */
body.automotive.light {
  background: #f2f5fb;
  color: #101522;
}

/* MAIN CONTAINER */
body.automotive .container {
  max-width: 980px;
  margin: 26px auto 32px;
  background: radial-gradient(circle at top left, #141f3b, #050a14 70%);
  border-radius: 18px;
  border: 1px solid rgba(126, 159, 221, 0.8);
  box-shadow: 0 14px 40px rgba(0, 0, 0, 0.65);
  padding: 22px 22px 24px;
}
body.automotive.light .container {
  background: #ffffff;
  border: 1px solid #cfdaee;
  box-shadow: 0 10px 26px rgba(5, 11, 24, 0.18);
}

/* TITLES */
body.automotive .container h1 {
  font-size: 22px;
  color: #fefeff;
}
body.automotive .container h2 {
  font-size: 16px;
  color: #d7e4ff;
}
body.automotive.light .container h1 {
  color: #12192c;
}
body.automotive.light .container h2 {
  color: #27324a;
}

/* TEXT */
body.automotive .container p {
  color: #c1cdee;
}
body.automotive.light .container p {
  color: #3b4661;
}

/* INPUTS */
body.automotive input,
body.automotive select,
body.automotive textarea {
  background: #050912;
  border: 1px solid rgba(120,165,235,0.8);
  color: #e5ecff;
}
body.automotive.light input,
body.automotive.light select,
body.automotive.light textarea {
  background: #ffffff;
  border-color: #97afd9;
  color: #1b2640;
}

/* BUTTONS */
body.automotive button {
  background: linear-gradient(135deg,#ff4d3d,#f97316);
  box-shadow: 0 10px 28px rgba(249,115,22,0.65);
}
body.automotive button:hover {
  filter: brightness(1.05);
  transform: translateY(-1px);
}
body.automotive button:active {
  transform: translateY(0);
}

/* RESULT & CARDS */
body.automotive .result,
body.automotive .card {
  background: radial-gradient(circle at top left,#192747,#050811 70%);
  border-radius: 14px;
  border: 1px solid rgba(132,169,236,0.9);
  box-shadow: 0 10px 30px rgba(0,0,0,0.7);
}
body.automotive.light .result,
body.automotive.light .card {
  background: #f7f9ff;
  border-color: #c4d3f0;
  box-shadow: 0 6px 18px rgba(14,21,40,0.2);
}

/* BADGES */
body.automotive .badge-ok { background:#14532d;color:#bbf7d0; }
body.automotive .badge-warn { background:#78350f;color:#fed7aa; }
body.automotive .badge-risk { background:#7f1d1d;color:#fecaca; }
body.automotive .badge-crit { background: linear-gradient(135deg,#991b1b,#b91c1c); color:#fee2e2; }

/* ADS AUTOMOTIVE */
body.automotive .ad-banner-inner {
  background: radial-gradient(circle at top,#182643,#050713 70%);
  border-color: rgba(232,121,67,0.9);
  color: #f97316;
}
body.automotive.light .ad-banner-inner {
  background:#fff6f2;
  border-color:#fdba74;
  color:#c2410c;
}
