html[data-theme="domaia"] {
  font-family: Arial, "Helvetica Neue", sans-serif;
}

/* A marca da corretora é constante, inclusive nas campanhas de seguradoras. */
.brand__logo {
  display: block;
  width: 190px;
  height: auto;
  max-width: 100%;
}

html[data-theme] .brand {
  flex: 0 0 auto;
  padding: 9px 12px;
  border-radius: 8px;
  background: transparent;
  min-height: 44px;
}

html[data-theme="domaia"] body {
  background: radial-gradient(ellipse at 90% 90%, rgba(185, 31, 38, .035), transparent 35rem), #f5f6f7;
}

html[data-theme="domaia"] .brand-panel {
  background: linear-gradient(145deg, #164e63, #093b50 65%);
}

html[data-theme="domaia"] .brand-panel__eyebrow { color: #d2e7ee; }
html[data-theme="domaia"] .brand-panel__title strong { color: #fff; }
html[data-theme="domaia"] .brand-panel__road--top { stroke: #8bbbc9; }
html[data-theme="domaia"] .brand-panel__car { fill: rgba(5, 35, 50, .5); }
html[data-theme="domaia"] .field__input::placeholder { color: #697a81; }
html[data-theme="domaia"] .choice-card:has(input:focus-visible),
html[data-theme="domaia"] .consent-card:has(input:focus-visible),
html[data-theme="domaia"] .button:focus-visible,
html[data-theme="domaia"] .back-button:focus-visible { outline-color: #164e63; }

@media (max-width: 480px) {
  .brand__logo { width: 155px; }
  html[data-theme] .brand { padding: 7px 8px; }
}

@media (max-width: 359px) {
  .brand__logo { width: 135px; }
  html[data-theme] .site-header { gap: 8px; padding-inline: 12px; }
}

html[data-theme="domaia"] .step-heading h1,
html[data-theme="domaia"] .success-state h1,
html[data-theme="domaia"] .brand-panel__title,
html[data-theme="domaia"] .brand-panel__title strong { font-weight: 700; }