:root {
  /* Identidade visual inspirada no Splitt Ar-Condicionado Manager */
  --blue-950: #04111d;
  --blue-900: #071827;
  --blue-850: #0a1e2e;
  --blue-800: #0d2b42;
  --blue-700: #0b5f9f;
  --blue-600: #0f7ddd;
  --cyan-500: #13b7f2;
  --cyan-400: #2bc9ff;
  --cyan-100: #d8f6ff;

  --white: #ffffff;
  --surface: #06131f;
  --surface-2: #0a1b29;
  --surface-3: #0c2131;
  --text: #f4f8fb;
  --muted: #a9bdcc;
  --border: #1d3a50;

  --shadow: 0 18px 48px rgba(0, 0, 0, 0.32);
  --radius: 18px;
  --container: 1180px;
}

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html {
  scroll-behavior: smooth;
}

body {
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: var(--text);
  background: var(--surface);
  line-height: 1.6;
}

a {
  color: inherit;
  text-decoration: none;
}

button, input, select, textarea {
  font: inherit;
}

.container {
  width: min(calc(100% - 40px), var(--container));
  margin-inline: auto;
}

.site-header {
  position: sticky;
  top: 0;
  z-index: 100;
  background: rgba(7,24,39,.96);
  backdrop-filter: blur(12px);
  border-bottom: 1px solid rgba(29,58,80,.92);
}

.nav {
  min-height: 78px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
}

.brand {
  display: inline-flex;
  align-items: center;
  gap: 12px;
}

.brand-mark {
  width: 44px;
  height: 44px;
  border-radius: 14px;
  display: grid;
  place-items: center;
  background: linear-gradient(135deg, var(--blue-800), var(--cyan-500));
  color: var(--white);
  font-size: 22px;
  box-shadow: 0 8px 18px rgba(16,107,156,.22);
}

.brand-text {
  display: flex;
  flex-direction: column;
  line-height: 1.05;
}

.brand-text strong {
  font-size: 1.22rem;
  color: var(--text);
}

.brand-text small {
  color: var(--blue-700);
  font-weight: 600;
  margin-top: 3px;
}

.menu {
  display: flex;
  align-items: center;
  gap: 26px;
  font-weight: 650;
  color: var(--text);
}

.menu a {
  transition: .2s ease;
}

.menu a:hover {
  color: var(--blue-600);
}

.nav-cta {
  padding: 11px 17px;
  color: var(--white) !important;
  background: var(--blue-700);
  border-radius: 12px;
}

.menu-toggle {
  display: none;
  border: 0;
  background: transparent;
  font-size: 28px;
  color: var(--text);
  cursor: pointer;
}

.hero {
  position: relative;
  overflow: hidden;
  padding: 110px 0 92px;
  background:
    radial-gradient(circle at 85% 10%, rgba(40,185,220,.23), transparent 24%),
    radial-gradient(circle at 10% 80%, rgba(20,139,195,.12), transparent 28%),
    linear-gradient(180deg, #f8fdff 0%, #eef8fc 100%);
}

.hero::after {
  content: "";
  position: absolute;
  width: 460px;
  height: 460px;
  border-radius: 50%;
  right: -220px;
  bottom: -260px;
  border: 70px solid rgba(20,139,195,.06);
}

.hero-grid {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: 1.18fr .82fr;
  align-items: center;
  gap: 68px;
}

.eyebrow {
  display: inline-block;
  margin-bottom: 14px;
  color: var(--blue-700);
  font-size: .82rem;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.hero h1 {
  max-width: 780px;
  font-size: clamp(2.15rem, 3.6vw, 3.65rem);
  line-height: 1.08;
  letter-spacing: -.045em;
  color: var(--blue-950);
}

.hero-text {
  max-width: 710px;
  margin-top: 24px;
  font-size: 1.12rem;
  color: var(--muted);
}

.hero-actions {
  margin-top: 34px;
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
}

.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 50px;
  padding: 0 22px;
  border: 0;
  border-radius: 13px;
  font-weight: 800;
  cursor: pointer;
  transition: transform .2s ease, box-shadow .2s ease, background .2s ease;
}

.btn:hover {
  transform: translateY(-2px);
}

.btn-primary {
  color: var(--white);
  background: linear-gradient(135deg, var(--blue-700), var(--blue-600));
  box-shadow: 0 10px 24px rgba(16,107,156,.22);
}

.btn-secondary {
  color: var(--text);
  background: var(--white);
  border: 1px solid var(--border);
}

.hero-highlights {
  margin-top: 26px;
  display: flex;
  flex-wrap: wrap;
  gap: 18px;
  color: var(--blue-800);
  font-size: .94rem;
  font-weight: 700;
}

.hero-panel {
  padding: 36px;
  border-radius: 28px;
  color: var(--white);
  background:
    linear-gradient(155deg, rgba(255,255,255,.08), transparent 35%),
    linear-gradient(145deg, var(--blue-950), var(--blue-700));
  box-shadow: var(--shadow);
}

.hero-panel-icon {
  width: 64px;
  height: 64px;
  display: grid;
  place-items: center;
  border-radius: 18px;
  margin-bottom: 28px;
  background: rgba(255,255,255,.12);
  font-size: 29px;
}

.hero-panel h2 {
  font-size: 1.75rem;
  line-height: 1.15;
}

.hero-panel p {
  margin-top: 16px;
  color: rgba(255,255,255,.8);
}

.text-link {
  display: inline-block;
  margin-top: 22px;
  color: var(--cyan-100);
  font-weight: 800;
}

.section {
  padding: 92px 0;
}

.section-soft {
  background: var(--surface);
}

.section-heading {
  max-width: 720px;
  margin-bottom: 46px;
}

.section-heading h2,
.split-section h2,
.contact-section h2 {
  font-size: clamp(2rem, 4vw, 3.25rem);
  line-height: 1.08;
  letter-spacing: -.035em;
}

.section-heading p {
  margin-top: 14px;
  color: var(--muted);
  font-size: 1.04rem;
}

.services-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}

.service-card {
  min-height: 280px;
  padding: 28px;
  border-radius: var(--radius);
  background: var(--white);
  border: 1px solid var(--border);
  box-shadow: 0 8px 28px rgba(8,36,58,.055);
  transition: transform .2s ease, box-shadow .2s ease;
}

.service-card:hover {
  transform: translateY(-5px);
  box-shadow: var(--shadow);
}

.service-icon {
  width: 46px;
  height: 46px;
  display: grid;
  place-items: center;
  border-radius: 13px;
  margin-bottom: 22px;
  color: var(--white);
  background: linear-gradient(135deg, var(--blue-700), var(--cyan-500));
  font-size: .84rem;
  font-weight: 900;
}

.service-card h3 {
  color: var(--blue-950);
  font-size: 1.26rem;
  line-height: 1.2;
}

.service-card p {
  margin-top: 13px;
  color: var(--muted);
}

.split-section {
  display: grid;
  grid-template-columns: .9fr 1.1fr;
  gap: 70px;
  align-items: start;
}

.split-section p {
  color: var(--muted);
  font-size: 1.07rem;
}

.split-section p + p {
  margin-top: 18px;
}

.chips {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.chips span {
  padding: 12px 16px;
  border-radius: 999px;
  background: var(--surface-2);
  color: var(--blue-800);
  border: 1px solid var(--border);
  font-weight: 750;
}

.contact-section {
  padding: 90px 0;
  color: var(--white);
  background:
    radial-gradient(circle at 85% 20%, rgba(40,185,220,.17), transparent 28%),
    linear-gradient(145deg, var(--blue-950), var(--blue-800));
}

.contact-grid {
  display: grid;
  grid-template-columns: .95fr 1.05fr;
  gap: 70px;
  align-items: start;
}

.eyebrow-light {
  color: var(--cyan-100);
}

.contact-section p {
  margin-top: 16px;
  color: rgba(255,255,255,.78);
  max-width: 540px;
}

.contact-form {
  display: grid;
  gap: 16px;
  padding: 28px;
  border-radius: 24px;
  background: rgba(255,255,255,.08);
  border: 1px solid rgba(255,255,255,.14);
}

.contact-form label {
  display: grid;
  gap: 7px;
  color: var(--white);
  font-size: .92rem;
  font-weight: 750;
}

.contact-form input,
.contact-form select,
.contact-form textarea {
  width: 100%;
  border: 1px solid rgba(255,255,255,.15);
  border-radius: 12px;
  background: var(--white);
  color: var(--text);
  padding: 13px 14px;
  outline: none;
}

.contact-form input:focus,
.contact-form select:focus,
.contact-form textarea:focus {
  box-shadow: 0 0 0 3px rgba(40,185,220,.22);
}

.btn-light {
  background: var(--white);
  color: var(--blue-900);
}

.form-note {
  color: rgba(255,255,255,.68);
}

.site-footer {
  padding: 36px 0;
  background: #061b2b;
  color: rgba(255,255,255,.72);
}

.footer-grid {
  display: grid;
  grid-template-columns: 1fr 1.5fr auto;
  align-items: center;
  gap: 24px;
}

.footer-brand .brand-text strong,
.footer-brand .brand-text small {
  color: var(--white);
}

.site-footer p {
  font-size: .92rem;
}

@media (max-width: 900px) {
  .menu-toggle {
    display: block;
  }

  .menu {
    position: absolute;
    left: 20px;
    right: 20px;
    top: 70px;
    display: none;
    flex-direction: column;
    align-items: stretch;
    gap: 8px;
    padding: 16px;
    border-radius: 16px;
    background: var(--white);
    border: 1px solid var(--border);
    box-shadow: var(--shadow);
  }

  .menu.open {
    display: flex;
  }

  .menu a {
    padding: 10px 12px;
  }

  .hero {
    padding: 78px 0 70px;
  }

  .hero-grid,
  .split-section,
  .contact-grid {
    grid-template-columns: 1fr;
    gap: 38px;
  }

  .services-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .footer-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 620px) {
  .container {
    width: min(calc(100% - 28px), var(--container));
  }

  .nav {
    min-height: 68px;
  }

  .brand-text strong {
    font-size: 1.06rem;
  }

  .brand-mark {
    width: 40px;
    height: 40px;
  }

  .hero h1 {
    font-size: 2.55rem;
  }

  .services-grid {
    grid-template-columns: 1fr;
  }

  .section {
    padding: 72px 0;
  }

  .hero-panel,
  .service-card,
  .contact-form {
    padding: 22px;
  }

  .hero-actions {
    flex-direction: column;
  }

  .btn {
    width: 100%;
  }
}


/* Ajustes visuais do tema Splitt Manager */
.brand-logo {
  width: 155px;
  height: 58px;
  object-fit: contain;
  object-position: left center;
}

.hero {
  background:
    radial-gradient(circle at 85% 10%, rgba(19,183,242,.13), transparent 24%),
    radial-gradient(circle at 10% 80%, rgba(15,125,221,.10), transparent 28%),
    linear-gradient(180deg, #06131f 0%, #071827 100%);
}

.hero h1,
.section-heading h2,
.split-section h2,
.service-card h3 {
  color: var(--text);
}

.hero-text,
.section-heading p,
.service-card p,
.split-section p {
  color: var(--muted);
}

.btn-secondary {
  color: var(--text);
  background: var(--surface-2);
  border: 1px solid var(--border);
}

.hero-panel {
  background:
    linear-gradient(155deg, rgba(43,201,255,.08), transparent 35%),
    linear-gradient(145deg, #081a28, #0d2b42);
  border: 1px solid var(--border);
}

.hero-logo {
  display: block;
  width: min(170px, 58%);
  margin: 0 auto 28px;
  filter: drop-shadow(0 12px 28px rgba(0,0,0,.35));
}

.section,
.section-soft {
  background: var(--surface);
}

.section-soft {
  background: #081725;
}

.service-card {
  background: var(--surface-2);
  border-color: var(--border);
}

.service-card:hover {
  border-color: rgba(19,183,242,.55);
}

.chips span {
  background: var(--surface-2);
  color: #bfeeff;
  border-color: var(--border);
}

.contact-section {
  background:
    radial-gradient(circle at 85% 20%, rgba(19,183,242,.13), transparent 28%),
    linear-gradient(145deg, #04111d, #0b2740);
}

.contact-form {
  background: rgba(10,30,46,.8);
  border-color: #1d3a50;
}

.site-footer {
  background: #020a11;
}

.footer-logo {
  width: 145px;
  height: 70px;
  object-fit: contain;
  object-position: left center;
}

.nav-cta,
.btn-primary {
  background: linear-gradient(135deg, #0b66c3, #0f8bea);
}

.menu {
  color: var(--text);
}

@media (max-width: 900px) {
  .menu {
    background: #081725;
    border-color: var(--border);
  }
}

/* V3 — proporções mais convencionais para o topo */
.hero-grid {
  grid-template-columns: 1.28fr .72fr;
  gap: 52px;
}

.hero-panel {
  padding: 30px;
}

.hero-panel h2 {
  font-size: 1.48rem;
}

@media (max-width: 620px) {
  .hero h1 {
    font-size: 2.15rem;
  }

  .hero-logo {
    width: min(150px, 55%);
  }
}


/* V4 — escala desktop mais compacta e proporcional */
@media (min-width: 901px) {
  .nav {
    min-height: 64px;
  }

  .brand-logo {
    width: 118px;
    height: 46px;
  }

  .menu {
    gap: 22px;
    font-size: 0.92rem;
  }

  .nav-cta {
    padding: 9px 14px;
    border-radius: 10px;
  }

  .hero {
    padding: 68px 0 62px;
  }

  .hero-grid {
    grid-template-columns: 1.38fr .62fr;
    gap: 42px;
  }

  .eyebrow {
    margin-bottom: 11px;
    font-size: 0.72rem;
  }

  .hero h1 {
    max-width: 760px;
    font-size: clamp(2rem, 3vw, 3rem);
    line-height: 1.08;
    letter-spacing: -0.035em;
  }

  .hero-text {
    max-width: 690px;
    margin-top: 18px;
    font-size: 1rem;
    line-height: 1.65;
  }

  .hero-actions {
    margin-top: 25px;
    gap: 11px;
  }

  .btn {
    min-height: 44px;
    padding: 0 18px;
    border-radius: 11px;
    font-size: 0.92rem;
  }

  .hero-highlights {
    margin-top: 20px;
    gap: 15px;
    font-size: 0.82rem;
  }

  .hero-panel {
    padding: 24px;
    border-radius: 22px;
  }

  .hero-logo {
    width: min(125px, 48%);
    margin-bottom: 20px;
  }

  .hero-panel h2 {
    font-size: 1.22rem;
    line-height: 1.2;
  }

  .hero-panel p {
    margin-top: 12px;
    font-size: 0.92rem;
  }

  .text-link {
    margin-top: 16px;
    font-size: 0.9rem;
  }

  .section {
    padding: 72px 0;
  }

  .section-heading {
    margin-bottom: 34px;
  }

  .section-heading h2,
  .split-section h2,
  .contact-section h2 {
    font-size: clamp(1.75rem, 2.6vw, 2.55rem);
  }

  .section-heading p,
  .split-section p {
    font-size: 0.98rem;
  }

  .services-grid {
    gap: 16px;
  }

  .service-card {
    min-height: 235px;
    padding: 23px;
  }

  .service-card h3 {
    font-size: 1.12rem;
  }

  .service-card p {
    font-size: 0.92rem;
  }

  .contact-section {
    padding: 72px 0;
  }
}


/* V7 — correção de contraste dos campos do formulário */
.contact-form input,
.contact-form select,
.contact-form textarea {
  background: #ffffff;
  color: #102433;
  -webkit-text-fill-color: #102433;
  caret-color: #102433;
}

.contact-form input::placeholder,
.contact-form textarea::placeholder {
  color: #6b7f8d;
  opacity: 1;
  -webkit-text-fill-color: #6b7f8d;
}

.contact-form select option {
  background: #ffffff;
  color: #102433;
}

.contact-form select:invalid {
  color: #6b7f8d;
  -webkit-text-fill-color: #6b7f8d;
}

.contact-form select:focus,
.contact-form input:focus,
.contact-form textarea:focus {
  color: #102433;
  -webkit-text-fill-color: #102433;
}

/* V8 — área editorial e de afiliados */
.buying-guide {
  background:
    radial-gradient(circle at 10% 10%, rgba(19,183,242,.08), transparent 26%),
    #071827;
  border-top: 1px solid var(--border);
  border-bottom: 1px solid var(--border);
}

.buying-heading {
  max-width: 820px;
}

.buying-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}

.buying-card {
  min-height: 260px;
  padding: 28px;
  display: flex;
  flex-direction: column;
  border: 1px solid var(--border);
  border-radius: var(--radius);
  background: linear-gradient(145deg, rgba(10,30,46,.96), rgba(6,19,31,.96));
  transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}

.buying-card:hover {
  transform: translateY(-5px);
  border-color: rgba(19,183,242,.6);
  box-shadow: 0 18px 42px rgba(0,0,0,.22);
}

.buying-card-tag {
  width: 44px;
  height: 44px;
  display: grid;
  place-items: center;
  margin-bottom: 22px;
  border-radius: 13px;
  color: var(--white);
  background: linear-gradient(135deg, var(--blue-700), var(--cyan-500));
  font-size: .82rem;
  font-weight: 900;
}

.buying-card h3 {
  font-size: 1.28rem;
  line-height: 1.2;
}

.buying-card p {
  margin-top: 12px;
  color: var(--muted);
}

.card-link {
  margin-top: auto;
  padding-top: 24px;
  color: #bfeeff;
  font-weight: 800;
}

.expert-strip {
  margin-top: 24px;
  padding: 30px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 32px;
  border: 1px solid rgba(19,183,242,.25);
  border-radius: var(--radius);
  background: rgba(13,43,66,.58);
}

.expert-strip h3 {
  font-size: 1.55rem;
  line-height: 1.2;
}

.expert-strip p {
  max-width: 720px;
  margin-top: 8px;
  color: var(--muted);
}

.guide-hero {
  padding: 76px 0 64px;
  border-bottom: 1px solid var(--border);
  background:
    radial-gradient(circle at 82% 12%, rgba(19,183,242,.14), transparent 25%),
    linear-gradient(180deg, #06131f 0%, #071827 100%);
}

.guide-hero-copy {
  max-width: 820px;
}

.guide-hero h1 {
  font-size: clamp(2.1rem, 4vw, 3.5rem);
  line-height: 1.08;
  letter-spacing: -.04em;
}

.guide-hero p {
  max-width: 740px;
  margin-top: 20px;
  color: var(--muted);
  font-size: 1.08rem;
}

.guide-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}

.guide-card {
  padding: 28px;
  border: 1px solid var(--border);
  border-radius: var(--radius);
  background: var(--surface-2);
}

.guide-card h3 {
  font-size: 1.28rem;
}

.guide-card p {
  margin-top: 10px;
  color: var(--muted);
}

.guide-card .card-link {
  display: inline-block;
}

.guide-note {
  margin-top: 28px;
  padding: 22px 24px;
  border-left: 3px solid var(--cyan-500);
  border-radius: 0 14px 14px 0;
  background: rgba(19,183,242,.07);
  color: var(--muted);
}

@media (max-width: 900px) {
  .buying-grid,
  .guide-grid {
    grid-template-columns: 1fr;
  }

  .expert-strip {
    align-items: stretch;
    flex-direction: column;
  }
}

/* V9 - páginas editoriais e afiliados */
.featured-guide { border-color: rgba(19,183,242,.58); box-shadow: 0 14px 38px rgba(0,0,0,.18); transition: transform .2s ease, border-color .2s ease; }
.featured-guide:hover { transform: translateY(-3px); border-color: var(--cyan-400); }
.static-card { cursor: default; }

/* V10 - Splitt Escolha Certa */
.calculator-shell { display:grid; grid-template-columns:1.08fr .92fr; gap:24px; align-items:start; }
.calc-panel,.calc-result { padding:28px; border:1px solid var(--border); border-radius:var(--radius); background:var(--surface-2); }
.calc-panel h3,.calc-result h3 { margin-bottom:8px; }
.calc-intro { color:var(--muted); margin-bottom:22px; }
.calc-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:16px; }
.calc-field { display:flex; flex-direction:column; gap:7px; }
.calc-field.full { grid-column:1/-1; }
.calc-field label { font-weight:700; font-size:.94rem; }
.calc-field input,.calc-field select { width:100%; padding:13px 14px; border:1px solid var(--border); border-radius:12px; background:#081827; color:#fff; font:inherit; }
.calc-field small { color:var(--muted); }
.calc-actions { margin-top:20px; display:flex; gap:12px; flex-wrap:wrap; }
.result-placeholder { color:var(--muted); padding:22px 0; }
.result-btus { font-size:clamp(2.2rem,5vw,3.5rem); font-weight:900; letter-spacing:-.04em; color:var(--cyan-400); margin:8px 0 2px; }
.result-capacity { color:var(--muted); margin-bottom:20px; }
.result-metrics { display:grid; grid-template-columns:repeat(2,1fr); gap:12px; margin:20px 0; }
.metric { padding:16px; border:1px solid var(--border); border-radius:14px; background:rgba(255,255,255,.025); }
.metric span { display:block; color:var(--muted); font-size:.82rem; }
.metric strong { display:block; margin-top:4px; font-size:1.18rem; }
.result-explain { margin-top:18px; padding-top:18px; border-top:1px solid var(--border); color:var(--muted); font-size:.92rem; }
.result-links { margin-top:20px; display:flex; gap:10px; flex-wrap:wrap; }
.energy-box { margin-top:24px; padding:20px; border:1px solid rgba(19,183,242,.32); border-radius:16px; background:rgba(19,183,242,.055); }
.energy-box h4 { margin-bottom:8px; }
.energy-box p { color:var(--muted); font-size:.9rem; }
.energy-rate { font-weight:800; color:#fff; }
.calc-disclaimer { margin-top:20px; color:var(--muted); font-size:.82rem; line-height:1.55; }
@media(max-width:900px){.calculator-shell{grid-template-columns:1fr}.calc-grid{grid-template-columns:1fr}.calc-field.full{grid-column:auto}}

/* V10.2 - destaque dos custos em reais */
.metric-money strong { font-size:1.42rem; letter-spacing:-.02em; }
.energy-rate { font-weight:800; }
#calcOutput[hidden] { display:none !important; }

/* V10.3 - ajuda contextual e perfil residencial/comercial */
.field-label-row { display:flex; align-items:center; gap:8px; min-height:24px; }
.help-btn { width:20px; height:20px; flex:0 0 20px; display:inline-grid; place-items:center; padding:0; border:1px solid rgba(19,183,242,.55); border-radius:50%; background:rgba(19,183,242,.08); color:#bfeeff; font:800 12px/1 inherit; cursor:pointer; transition:background .2s ease,border-color .2s ease,transform .2s ease; }
.help-btn:hover,.help-btn:focus-visible,.help-btn[aria-expanded="true"] { background:rgba(19,183,242,.2); border-color:var(--cyan-400); outline:none; transform:translateY(-1px); }
.help-popover { margin-top:2px; padding:11px 12px; border:1px solid rgba(19,183,242,.28); border-radius:10px; background:#0b2133; color:#c3d0da; font-size:.82rem; line-height:1.5; box-shadow:0 10px 28px rgba(0,0,0,.22); }
.help-popover[hidden] { display:none !important; }
.result-profile { margin:0 0 8px; color:var(--muted); font-size:.9rem; }
.result-profile strong { color:#fff; }

/* V10.4 - capacidade ampliada até 60.000 BTU/h */
.result-btus-unit { font-size:.42em; letter-spacing:0; white-space:nowrap; }
.capacity-notice { margin:14px 0 18px; padding:14px 16px; border:1px solid rgba(255,190,70,.35); border-radius:12px; background:rgba(255,190,70,.08); color:#f6d38b; line-height:1.5; }
.capacity-notice strong { color:#fff; }


/* V11 - Sistema editorial de avaliação Splitt */
.ranking-explainer{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:0 0 38px}
.ranking-explainer>div,.methodology-grid article{background:#fff;border:1px solid rgba(14,39,66,.10);border-radius:18px;padding:20px;box-shadow:0 10px 30px rgba(14,39,66,.06)}
.ranking-explainer p{margin:7px 0 0;color:#617083}
.product-rating-list{display:grid;gap:20px}
.product-rating-card{background:#fff;border:1px solid rgba(14,39,66,.10);border-radius:22px;padding:24px;box-shadow:0 12px 34px rgba(14,39,66,.07)}
.rating-card-top{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}
.editorial-badge{display:inline-block;background:#eaf5fb;color:#1479a8;border-radius:999px;padding:6px 10px;font-size:.78rem;font-weight:800;margin-bottom:8px}
.score-box{text-align:right;min-width:175px}
.rating-stars{display:block;font-size:1.45rem;letter-spacing:2px;color:#f3a712}
.score-box strong{font-size:.83rem;color:#687789}
.criteria-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0}
.criteria-grid span{background:#f6f9fb;border-radius:12px;padding:11px 12px;color:#44566c}
.criteria-grid b{float:right}
.rating-note{font-size:.9rem;background:#fff8e8;border-left:4px solid #f3a712;padding:12px 14px;border-radius:8px}
.card-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}
.methodology-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.methodology-grid article>strong{font-size:1.7rem;color:#1593c7}
.methodology-grid h3{margin:5px 0}
.trust-box{margin-top:28px;background:#eef8fc;border-radius:20px;padding:24px}
@media(max-width:760px){.ranking-explainer,.methodology-grid,.criteria-grid{grid-template-columns:1fr}.rating-card-top{display:block}.score-box{text-align:left;margin-top:12px}}

/* V12 — catálogo técnico completo */
.catalog-toolbar{display:flex;gap:14px;flex-wrap:wrap;margin:0 0 28px;padding:16px;background:#f4f8fb;border-radius:16px}
.catalog-toolbar label{font-weight:800;color:#17324e;display:flex;align-items:center;gap:8px}
.catalog-toolbar select{border:1px solid #cfdbe5;border-radius:10px;padding:9px 12px;background:#fff}
.badges-row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.availability{display:inline-block;padding:6px 10px;border-radius:999px;font-size:.75rem;font-weight:800}
.availability.exact{background:#e7f7ef;color:#147848}.availability.near{background:#fff4dc;color:#8a6100}
.score-box small{display:block;margin-top:4px;color:#7a8796}
.model-meta{margin-top:4px;color:#647486}
.capacity-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.capacity-card{display:flex;flex-direction:column;text-decoration:none;background:#fff;border:1px solid rgba(14,39,66,.1);border-radius:20px;padding:22px;box-shadow:0 10px 28px rgba(14,39,66,.06);color:#17324e;transition:.2s transform,.2s box-shadow}
.capacity-card:hover{transform:translateY(-3px);box-shadow:0 16px 32px rgba(14,39,66,.1)}
.capacity-card strong{font-size:1.55rem;color:#1593c7}.capacity-card span{font-weight:800}.capacity-card small{margin-top:10px;color:#647486}
.methodology-source{background:#f8fbfd}
@media(max-width:800px){.capacity-grid{grid-template-columns:repeat(2,1fr)}.catalog-toolbar label{width:100%;justify-content:space-between}.catalog-toolbar select{flex:1}}
@media(max-width:520px){.capacity-grid{grid-template-columns:1fr}}


/* V12.1 — correção de contraste e hierarquia visual dos cards */
.product-rating-card.catalog-card{
  color:#17324e !important;
  background:#ffffff !important;
}
.product-rating-card.catalog-card h3,
.product-rating-card.catalog-card p,
.product-rating-card.catalog-card strong,
.product-rating-card.catalog-card small,
.product-rating-card.catalog-card span{
  color:inherit;
}
.product-rating-card.catalog-card .brand-heading{
  margin:8px 0 4px;
  line-height:1.15;
}
.product-rating-card.catalog-card .brand-name{
  display:block;
  color:#0c2f4a !important;
  font-size:1.55rem;
  font-weight:900;
  letter-spacing:.01em;
  text-transform:uppercase;
}
.product-rating-card.catalog-card .model-name{
  display:block;
  margin-top:5px;
  color:#37546d !important;
  font-size:1.05rem;
  font-weight:750;
}
.product-rating-card.catalog-card .model-meta{
  color:#536b80 !important;
}
.product-rating-card.catalog-card > p{
  color:#4e6477 !important;
}
.product-rating-card.catalog-card .score-box strong{
  color:#28465f !important;
}
.product-rating-card.catalog-card .score-box small{
  color:#728397 !important;
}
.product-rating-card.catalog-card .rating-stars{
  color:#f3a000 !important;
}
.product-rating-card.catalog-card .criteria-grid span{
  color:#42576d !important;
  background:#f3f7fa !important;
}
.product-rating-card.catalog-card .criteria-grid b{
  color:#17324e !important;
}
.product-rating-card.catalog-card .rating-note{
  color:#624b18 !important;
  background:#fff6df !important;
  border-left-color:#f3a712 !important;
}
.product-rating-card.catalog-card .rating-note strong{
  color:#5a4213 !important;
}
.product-rating-card.catalog-card .card-actions .btn{
  opacity:1 !important;
  visibility:visible !important;
}
.product-rating-card.catalog-card .card-actions .btn.secondary{
  color:#155b84 !important;
  border-color:#8bbbd4 !important;
  background:#f5fbfe !important;
}
.product-rating-card.catalog-card .card-actions .btn.primary{
  color:#ffffff !important;
  background:#168fd0 !important;
  border-color:#168fd0 !important;
}
.product-rating-card.catalog-card .editorial-badge{
  color:#1479a8 !important;
}
.product-rating-card.catalog-card .availability.exact{
  color:#147848 !important;
}
.product-rating-card.catalog-card .availability.near{
  color:#8a6100 !important;
}

/* V12.2 — correção da página Metodologia Splitt */
.methodology-grid article{
  color:#17324e !important;
}
.methodology-grid article h3{
  color:#17324e !important;
}
.methodology-grid article p{
  color:#536b80 !important;
}
.methodology-grid article > strong{
  color:#1593c7 !important;
}
.trust-box{
  color:#17324e !important;
}
.trust-box h2,
.trust-box strong{
  color:#17324e !important;
}
.trust-box p{
  color:#4f667b !important;
}
.methodology-source .section-heading h2{
  color:inherit;
}

/* V12.3 — correção definitiva do cabeçalho da Metodologia */
body .site-header .brand img.brand-logo{
  width:118px !important;
  height:46px !important;
  max-width:118px !important;
  max-height:46px !important;
  object-fit:contain !important;
  object-position:left center !important;
  display:block !important;
}
body .site-header .brand{
  width:auto !important;
  height:auto !important;
  display:inline-flex !important;
  align-items:center !important;
  flex:0 0 auto !important;
}
body .site-header .nav{
  min-height:64px !important;
}
body .site-header .menu{
  display:flex;
  align-items:center;
}
@media (max-width:900px){
  body .site-header .brand img.brand-logo{
    width:105px !important;
    height:42px !important;
    max-width:105px !important;
    max-height:42px !important;
  }
  body .site-header .menu{
    display:none;
  }
  body .site-header .menu.open{
    display:flex;
  }
}
.verification-panel{display:flex;gap:10px;flex-wrap:wrap;align-items:center;background:#edf8fc;border:1px solid #cbe8f4;border-radius:16px;padding:14px 16px;margin:0 0 22px;color:#284b62}.verification-panel strong{color:#0d6f9d}.verification-panel span{background:#fff;border-radius:999px;padding:6px 10px;font-size:.8rem;font-weight:700}.evidence-chip{display:inline-block;margin:4px 0 10px;padding:7px 10px;border-radius:999px;background:#e7f7ef;color:#147848;font-size:.78rem;font-weight:800}.validation-chip{display:inline-block;margin:4px 0 10px;padding:7px 10px;border-radius:999px;background:#fff4dc;color:#8a6100;font-size:.78rem;font-weight:800}
/* V14 FINAL */
.energy-footnote{font-size:.76rem!important;line-height:1.45;color:#6a7887!important;margin:8px 0 12px!important}
.catalog-card[data-brand="Carrier"][data-score="0"] .rating-stars{color:#8a97a3!important}

/* V15.3 — Comparativos e Base Técnica de Marcas */
.compare-intro{max-width:900px;margin:0 auto 28px;color:#b8c7d9;font-size:1.05rem;line-height:1.75}.compare-grid-v15{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.compare-card-v15{background:linear-gradient(145deg,#0b1c2b,#0d2437);border:1px solid #1f4562;border-radius:18px;padding:22px;box-shadow:0 14px 36px rgba(0,0,0,.2)}.compare-card-v15 h2{margin:0 0 8px;color:#fff;font-size:1.35rem}.compare-card-v15 .pair-flags{font-size:1rem;color:#8fb3cf;margin-bottom:16px}.compare-table{display:grid;gap:8px}.compare-row{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:10px;padding:10px 0;border-top:1px solid rgba(148,190,220,.14);align-items:center}.compare-row:first-child{border-top:0}.compare-row span{color:#9eb3c7;font-size:.9rem}.compare-row strong{color:#eef7ff;font-size:.92rem}.compare-verdict{margin-top:15px;padding:13px 14px;border-radius:12px;background:#071725;border-left:3px solid #1ea7ff;color:#cfe6f7;line-height:1.55}.compare-note{margin-top:22px;padding:18px;border:1px solid #214761;border-radius:14px;background:#081a28;color:#adc2d4;line-height:1.65}.brand-directory{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:24px}.brand-card-v15{background:#0b1d2c;border:1px solid #1d415c;border-radius:16px;padding:18px;min-height:190px}.brand-card-v15 h3{margin:0;color:#fff;font-size:1.15rem}.brand-card-v15 .flags{font-size:1.35rem;letter-spacing:3px;margin:9px 0}.brand-card-v15 .origin{font-size:.82rem;color:#75bfff;text-transform:uppercase;font-weight:800;letter-spacing:.06em}.brand-card-v15 p{color:#aebfd0;line-height:1.55;margin:10px 0 0}.brand-card-v15 .focus{display:inline-block;margin-top:10px;padding:5px 9px;border-radius:999px;background:#102e44;color:#9ed7ff;font-size:.78rem;font-weight:700}.legend-flags{display:flex;gap:12px;flex-wrap:wrap;margin:16px 0 4px}.legend-flags span{background:#0a2132;border:1px solid #1d4561;padding:8px 11px;border-radius:999px;color:#c6d9e8;font-size:.88rem}.section-title-v15{margin-bottom:8px}.section-subtitle-v15{color:#9fb6ca;max-width:900px;line-height:1.65}.compare-chip{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:5px 9px;background:#0d3550;color:#9ed9ff;font-size:.76rem;font-weight:800;margin-bottom:12px}.base-warning{margin-top:18px;color:#8fa9bd;font-size:.86rem;line-height:1.55}.brand-search{width:100%;margin:18px 0 6px;padding:13px 15px;border-radius:12px;border:1px solid #214a66;background:#071725;color:#fff;font:inherit;box-sizing:border-box}.brand-search::placeholder{color:#708ba1}@media(max-width:900px){.compare-grid-v15,.brand-directory{grid-template-columns:1fr}.compare-row{grid-template-columns:1.2fr 1fr 1fr;font-size:.9rem}}@media(max-width:560px){.compare-row{grid-template-columns:1fr}.compare-row span{font-weight:800;color:#69bfff}.compare-card-v15{padding:17px}}


/* V15.4 - bandeiras e marcas ampliadas em Melhores */
.brand-flags{display:inline-flex;align-items:center;gap:4px;margin-left:8px;font-size:.88em;letter-spacing:1px;vertical-align:middle;filter:saturate(.95)}
.brand-origin-note{margin:14px 0 22px;padding:12px 14px;border:1px solid rgba(70,155,255,.25);border-radius:12px;background:rgba(18,92,165,.09);color:var(--muted,#aebfd0);font-size:.92rem;line-height:1.55}
.brand-origin-note strong{color:var(--text,#eef6ff)}
.brand-strip-v154{display:flex;flex-wrap:wrap;gap:9px;margin:20px 0 4px}
.brand-pill-v154{display:inline-flex;align-items:center;gap:7px;padding:8px 11px;border:1px solid rgba(75,156,255,.22);border-radius:999px;background:rgba(255,255,255,.035);font-size:.9rem;font-weight:750}
.catalog-card.validation-brand-card{opacity:.92}
.catalog-card.validation-brand-card .brand-heading{margin-bottom:8px}
.fabrication-chip{display:inline-flex;align-items:center;gap:6px;margin:4px 0 10px;padding:5px 9px;border-radius:999px;background:rgba(22,119,255,.1);border:1px solid rgba(22,119,255,.22);font-size:.79rem;font-weight:700;color:#9fd0ff}


/* ===== V15.5 — Melhores: ranking escuro + bandeiras reais ===== */
.mini-flag{width:22px;height:15px;display:inline-block;vertical-align:middle;border-radius:3px;box-shadow:0 0 0 1px rgba(255,255,255,.20);object-fit:cover}.brand-flags{display:inline-flex;align-items:center;gap:5px;margin-left:7px;white-space:nowrap}.brand-pill-v154 .brand-flags{margin-left:8px}.brand-strip-v154{display:flex;flex-wrap:wrap;gap:10px}.brand-pill-v154{display:inline-flex;align-items:center;gap:4px}
.ranking-dashboard-v155{margin:0 0 28px;padding:22px;border:1px solid #183b59;border-radius:18px;background:linear-gradient(180deg,#071827,#06121f);box-shadow:0 18px 50px rgba(0,0,0,.22);color:#e8f2fb}.ranking-dashboard-head{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.7fr);gap:24px;align-items:start;margin-bottom:18px}.ranking-dashboard-head h2{margin:.25rem 0 .35rem;font-size:clamp(1.8rem,3vw,2.8rem);color:#fff}.ranking-dashboard-head p{color:#9fb5c9;max-width:760px}.ranking-dashboard-head aside{border:1px solid #17466d;border-radius:14px;padding:16px;background:#081b2d;display:grid;gap:7px}.ranking-dashboard-head aside strong{color:#4da7ff;font-size:1.05rem}.ranking-dashboard-head aside span{color:#b8c8d7;font-size:.9rem}.ranking-dashboard-head aside a{color:#4da7ff;font-weight:800}.brand-board-v155{border:1px solid #163a57;border-radius:14px;padding:15px;background:#061522;margin-bottom:16px}.brand-board-v155>strong{display:block;margin-bottom:10px}.brand-board-v155>small{display:block;margin-top:10px;color:#8fa8bd}.brand-chip-grid-v155{display:flex;flex-wrap:wrap;gap:8px}.brand-chip-v155{display:inline-flex;align-items:center;gap:4px;border:1px solid #1c3e5b;border-radius:10px;padding:8px 10px;background:#091a29;color:#eaf4fc}.brand-chip-v155 b{margin-right:2px}.capacity-tabs-v155{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 16px}.capacity-tab-v155{min-width:88px;text-align:center;padding:10px 14px;border:1px solid #25445f;border-radius:9px;color:#c5d5e4;background:#071522;font-weight:800}.capacity-tab-v155.active{color:#fff;background:#0969d7;border-color:#268cff;box-shadow:0 0 0 1px rgba(38,140,255,.2) inset}.ranking-table-wrap-v155{overflow-x:auto;border:1px solid #173a57;border-radius:14px}.ranking-table-v155{width:100%;min-width:1000px;border-collapse:collapse;background:#061522}.ranking-table-v155 th,.ranking-table-v155 td{padding:13px 12px;border-bottom:1px solid #17344d;text-align:left;vertical-align:middle}.ranking-table-v155 th{font-size:.78rem;text-transform:uppercase;letter-spacing:.04em;color:#a8c2d8;background:#0a2033}.ranking-table-v155 td{color:#dce9f4}.ranking-table-v155 tbody tr:hover{background:#092137}.ranking-table-v155 .rank-pos{font-size:1.15rem;font-weight:900;color:#71b7ff;text-align:center;width:48px}.ranking-table-v155 tbody tr:nth-child(1) .rank-pos{color:#ffd34d}.ranking-table-v155 tbody tr:nth-child(2) .rank-pos{color:#d5dee8}.ranking-table-v155 tbody tr:nth-child(3) .rank-pos{color:#d58b52}.rank-brand{display:flex;align-items:center;gap:4px;min-width:190px}.rank-brand strong{color:#fff}.ranking-table-v155 td small{display:block;margin-top:3px;color:#8da8bd}.score-cell{font-size:1.16rem;font-weight:900;color:#5cabff!important}.rank-status{display:inline-flex;border-radius:999px;padding:5px 9px;font-size:.75rem;font-weight:900}.rank-status.ok{color:#6cf0a8;background:rgba(20,171,91,.13);border:1px solid rgba(20,171,91,.32)}.rank-status.pending{color:#ffd66b;background:rgba(221,163,31,.12);border:1px solid rgba(221,163,31,.30)}.details-title-v155{margin:28px 0 12px;color:#eaf4fc}
/* all detailed cards now use the same dark visual, including newly added brands */
.product-rating-list{display:grid;gap:16px}.product-rating-card.catalog-card{width:100%;max-width:none!important;margin:0!important;border:1px solid #183d5b!important;border-radius:16px!important;background:linear-gradient(180deg,#081a29,#06131f)!important;color:#e7f1f9!important;box-shadow:0 12px 34px rgba(0,0,0,.18)!important}.product-rating-card .brand-name,.product-rating-card h3,.product-rating-card strong{color:#f5fbff}.product-rating-card p,.product-rating-card small{color:#a9becf}.product-rating-card .criteria-grid span{background:#0c2234!important;border-color:#1d425f!important;color:#bcd0df!important}.product-rating-card .criteria-grid b{color:#eaf5ff!important}.product-rating-card .rating-note{background:#0b2133!important;border-color:#1e4c70!important;color:#c3d6e5!important}.product-rating-card .score-box{background:#071421!important;border-color:#1a476c!important}.product-rating-card .score-box strong{color:#5cabff!important}.product-rating-card .model-name{color:#8fb5d3!important}.availability.pending{background:rgba(235,174,36,.13)!important;color:#ffd66b!important;border:1px solid rgba(235,174,36,.28)!important}.validation-chip{background:rgba(235,174,36,.12)!important;color:#ffd66b!important;border-color:rgba(235,174,36,.25)!important}.fabrication-chip{display:none!important}
@media(max-width:900px){.ranking-dashboard-head{grid-template-columns:1fr}.ranking-dashboard-v155{padding:14px}.brand-chip-v155{padding:7px 8px}.mini-flag{width:20px;height:14px}}

/* ===== V15.6 — Layout escolhido: Imagem 1 ===== */
body{background:#03111d!important}.ranking-v156{padding-top:36px;padding-bottom:40px;color:#eef7ff}.ranking-top-v156{display:grid;grid-template-columns:1.15fr 1fr;gap:36px;align-items:start}.ranking-top-v156 h1{font-size:clamp(2.2rem,4vw,4.2rem);line-height:1.02;margin:12px 0;color:#fff}.ranking-top-v156 h1 em{font-style:normal;color:#2798ff}.ranking-top-v156 p{max-width:720px;color:#b4c8da;font-size:1.03rem}.ranking-info-grid-v156{display:grid;grid-template-columns:1fr 1fr;gap:14px}.ranking-info-grid-v156 aside{display:grid;gap:8px;padding:18px;border:1px solid #1c405e;border-radius:14px;background:#071a2a}.ranking-info-grid-v156 aside strong{color:#43a7ff;font-size:1.05rem}.ranking-info-grid-v156 aside span{color:#bdccda;font-size:.9rem}.ranking-info-grid-v156 aside a{color:#39a4ff;font-weight:800}.brands-v156{margin-top:24px;padding:14px;border:1px solid #173a55;border-radius:14px;background:#061622}.brands-v156>strong{display:block;margin-bottom:10px}.brands-grid-v156{display:flex;flex-wrap:wrap;gap:8px}.brand-chip-v156{display:inline-flex;align-items:center;gap:4px;padding:7px 10px;border:1px solid #1b3c57;border-radius:8px;background:#081a29;color:#edf7ff}.brand-chip-v156 .brand-flags{margin-left:4px}.brands-v156>small{display:block;margin-top:10px;color:#8fa9be}.controls-v156{display:flex;justify-content:space-between;gap:18px;align-items:end;margin:20px 0 12px}.caps-v156{display:flex;flex-wrap:wrap;gap:8px;margin-top:9px}.cap-v156{min-width:92px;text-align:center;padding:10px 14px;border:1px solid #26445f;border-radius:8px;background:#071621;color:#d8e6f2;font-weight:800}.cap-v156.active{background:#075fcb;border-color:#238fff;color:#fff}.search-v156{display:flex;align-items:center;gap:8px;min-width:310px;padding:8px 12px;border:1px solid #26445f;border-radius:9px;background:#071621;color:#8da5ba}.search-v156 input{width:100%;border:0!important;outline:0;background:transparent!important;color:#eaf6ff!important}.ranking-body-v156{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:14px}.table-wrap-v156{overflow:auto;border:1px solid #183a56;border-radius:13px}.table-v156{width:100%;min-width:1210px;border-collapse:collapse;background:#061522}.table-v156 th,.table-v156 td{padding:11px 10px;border-bottom:1px solid #17354e;vertical-align:middle}.table-v156 th{background:#0a2033;color:#dceaf5;font-size:.72rem;text-align:center}.table-v156 th:nth-child(2),.table-v156 td:nth-child(2){text-align:left}.table-v156 td{text-align:center;color:#d8e7f3}.table-v156 tbody tr:hover{background:#0a2235}.brand-model-v156{display:flex;align-items:center;gap:4px}.brand-model-v156 strong{color:#fff;font-size:.96rem}.table-v156 td small{display:block;text-align:left;color:#91abc0;margin-top:2px}.tie-note{color:#f7cf4e!important;font-weight:800}.rank-pos-v156{font-size:1.15rem;font-weight:900;color:#8cc4ff}.final-score-v156{color:#4da7ff!important;font-size:1.08rem;font-weight:900}.status-v156{display:inline-flex;padding:5px 8px;border-radius:999px;font-size:.72rem;font-weight:900}.status-v156.ok{color:#54e69a;background:rgba(24,164,91,.16)}.status-v156.pending{color:#ffd25d;background:rgba(196,145,24,.17)}.criteria-v156{border:1px solid #183a56;border-radius:13px;background:#071a2a;padding:14px}.criteria-v156 h3{margin:0 0 12px;color:#fff}.criteria-v156 p{margin:0;padding:9px 0;border-bottom:1px solid #16344d}.criteria-v156 p:last-child{border-bottom:0}.criteria-v156 strong{display:block;color:#58aeff;font-size:.88rem}.criteria-v156 span{display:block;margin-top:3px;color:#a9bed0;font-size:.78rem;line-height:1.35}.legend-v156{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:12px;padding:13px 16px;border:1px solid #173a55;border-radius:12px;background:#061522}.legend-v156 span{display:grid;grid-template-columns:auto 1fr;column-gap:8px;align-items:center}.legend-v156 strong{color:#fff}.legend-v156 small{grid-column:2;color:#94aec2}.dot-v156{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#d5dee7;color:#123}.dot-v156.ok{background:#29c97c;color:#fff}.dot-v156.pending{background:#f1bb30;color:#142}.ranking-v156 .mini-flag{width:20px;height:14px}.details-title-v155{margin-top:38px!important}@media(max-width:1050px){.ranking-top-v156{grid-template-columns:1fr}.ranking-info-grid-v156{grid-template-columns:1fr 1fr}.ranking-body-v156{grid-template-columns:1fr}.criteria-v156{display:grid;grid-template-columns:repeat(2,1fr);gap:0 20px}.criteria-v156 h3{grid-column:1/-1}.controls-v156{align-items:stretch;flex-direction:column}.search-v156{min-width:0}}@media(max-width:680px){.ranking-info-grid-v156{grid-template-columns:1fr}.criteria-v156{grid-template-columns:1fr}.legend-v156{grid-template-columns:1fr}.ranking-v156{padding-top:20px}.brand-chip-v156{font-size:.8rem}}