:root {
  color-scheme: light;
  --brand: #e57c00;
  --brand-hover: #f28c00;
  --brand-soft: #fff3e4;
  --bg: #f5f6f7;
  --card: #ffffff;
  --line: #e1e4e8;
  --text: #222222;
  --muted: #555555;
  --subtle: #777777;
  --dark: #222222;
  --whatsapp: #25d366;
  --shadow: 0 12px 34px rgba(0, 0, 0, 0.08);
  --shadow-soft: 0 8px 24px rgba(0, 0, 0, 0.06);
  --radius: 14px;
  --container: 1180px;
  font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

* {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
  scroll-padding-top: 118px;
}

main[id],
section[id],
footer[id] {
  scroll-margin-top: 118px;
}

body {
  margin: 0;
  color: var(--text);
  background: var(--bg);
  overflow-x: hidden;
}

body,
button,
input,
textarea,
select {
  -webkit-text-size-adjust: 100%;
}

button,
input,
select {
  font: inherit;
}

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

img {
  display: block;
  max-width: 100%;
}

table,
pre,
code,
textarea,
input,
select {
  max-width: 100%;
}

[hidden] {
  display: none !important;
}

h1,
h2,
h3,
p {
  margin-top: 0;
  overflow-wrap: anywhere;
}

.site-header > *,
.hero > *,
.search-shell,
.main-search > *,
.filter-grid > *,
.section > *,
.category-layout > *,
.listing-grid > *,
.segment-grid > *,
.ad-grid > *,
.footer > * {
  min-width: 0;
}

.site-header {
  position: sticky;
  top: 0;
  z-index: 20;
  display: grid;
  grid-template-columns: 160px minmax(0, 1fr);
  gap: 22px;
  align-items: center;
  padding: 12px max(22px, calc((100vw - 1320px) / 2));
  background: rgba(8, 10, 11, 0.98);
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  backdrop-filter: blur(14px);
}

.brand {
  display: inline-grid;
  width: fit-content;
  padding: 0;
  background: transparent;
  border-radius: 0;
  transition: transform 0.22s ease, filter 0.22s ease;
}

.brand img {
  width: 148px;
  filter: brightness(0) invert(1);
  transition: filter 0.22s ease;
}

.brand:hover {
  transform: translateY(-1px) scale(1.025);
}

.brand:hover img {
  filter: brightness(0) invert(1) drop-shadow(0 0 16px rgba(229, 124, 0, 0.38));
}

.nav {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  align-items: center;
  color: rgba(255, 255, 255, 0.82);
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
}

.nav a {
  min-width: 0;
  position: relative;
  padding: 10px 11px;
  transition: color 0.2s ease, transform 0.2s ease;
}

.nav a:hover,
.nav a.is-active {
  color: #ffb000;
  transform: translateY(-1px);
}

.nav a::after {
  content: "";
  position: absolute;
  left: 11px;
  right: 11px;
  bottom: 4px;
  height: 2px;
  background: var(--brand);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.2s ease;
}

.nav a:hover::after,
.nav a.is-active::after {
  transform: scaleX(1);
}

.header-actions {
  display: flex;
  gap: 10px;
  align-items: center;
}

.header-actions .btn {
  min-height: 42px;
  border-radius: 6px;
  padding-inline: 18px;
  font-size: 13px;
}

.header-actions .btn-primary {
  color: #141414;
  background: linear-gradient(135deg, #ffcf43, #ee7c00);
  box-shadow: 0 10px 22px rgba(229, 124, 0, 0.22);
}

.header-actions .btn-primary:hover {
  color: #141414;
  background: linear-gradient(135deg, #ffd65c, #f28c00);
  transform: translateY(-1px);
}

.header-actions .btn-ghost {
  color: #111;
  background: #fff;
  border-color: rgba(255, 255, 255, 0.2);
}

.header-whatsapp {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-width: 168px;
  color: rgba(255, 255, 255, 0.88);
  font-size: 11px;
  line-height: 1.1;
  transition: color 0.2s ease, transform 0.2s ease;
}

.header-whatsapp img {
  width: 18px;
  height: 18px;
}

.header-whatsapp strong {
  display: block;
  color: #fff;
  font-size: 12px;
}

.header-whatsapp:hover {
  color: #fff;
  transform: translateY(-1px);
}

.menu-panel {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  gap: 18px;
  align-items: center;
}

.menu-toggle {
  display: none;
}

body:has(.results-page) .site-header,
body:has(.listing-detail-page) .site-header,
body:has(.advertiser-page) .site-header,
body:has(.announce-page) .site-header,
body:has(.panel-page) .site-header,
body:has(.buyer-page) .site-header,
body:has(.orders-page) .site-header {
  padding-inline: max(18px, calc((100vw - 1280px) / 2));
}

.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  max-width: 100%;
  border: 1px solid transparent;
  border-radius: 12px;
  padding: 0 16px;
  cursor: pointer;
  font-weight: 900;
  text-align: center;
  white-space: nowrap;
}

.btn-primary {
  color: #fff;
  background: var(--brand);
}

.btn-primary:hover,
.btn-ai:hover {
  background: var(--brand-hover);
}

.btn-ghost {
  color: var(--text);
  background: #fff;
  border-color: var(--line);
}

.btn-dark {
  color: #fff;
  background: var(--dark);
}

.btn-light {
  color: var(--brand);
  background: #fff;
}

.btn-ai {
  color: #fff;
  background: #333333;
}

input,
select,
textarea {
  width: 100%;
  min-height: 46px;
  border: 1px solid var(--line);
  border-radius: 12px;
  padding: 0 13px;
  color: var(--text);
  background: #fff;
  outline: none;
  font-size: 15px;
  font-weight: 650;
}

input::placeholder,
textarea::placeholder {
  color: #7c838c;
  font-weight: 500;
}

input:focus,
select:focus,
textarea:focus {
  border-color: rgba(229, 124, 0, 0.55);
  box-shadow: 0 0 0 4px rgba(229, 124, 0, 0.12);
}

textarea {
  min-height: 118px;
  padding-block: 12px;
  resize: vertical;
  line-height: 1.5;
}

.hero,
.commercial-carousel,
.section,
.ai-section,
.advertiser-cta {
  width: min(var(--container), calc(100% - 36px));
  margin-inline: auto;
}

.hero {
  position: relative;
  isolation: isolate;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: clamp(560px, calc(100vh - 104px), 680px);
  width: 100%;
  padding: clamp(28px, 4vh, 42px) max(22px, calc((100vw - 1320px) / 2));
  overflow: hidden;
  color: #fff;
  text-align: left;
}

.hero::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -2;
  background:
    linear-gradient(90deg, rgba(3, 4, 5, 0.78) 0%, rgba(3, 4, 5, 0.58) 34%, rgba(3, 4, 5, 0.14) 70%, rgba(3, 4, 5, 0.04) 100%),
    linear-gradient(180deg, rgba(3, 4, 5, 0.02), rgba(3, 4, 5, 0.28)),
    url("../img/hero-maquinas-multisegmentos.webp") center / cover no-repeat;
}

.hero::after {
  content: "";
  position: absolute;
  inset: auto 0 0;
  z-index: -1;
  height: 38%;
  background: linear-gradient(180deg, transparent, rgba(0, 0, 0, 0.42));
}

.hero-copy {
  width: min(760px, 100%);
}


.hero-kicker,
.eyebrow {
  margin-bottom: 10px;
  color: var(--brand);
  font-size: 12px;
  font-weight: 950;
  text-transform: uppercase;
}

.hero h1 {
  max-width: 760px;
  margin-bottom: 10px;
  color: #fff;
  font-size: clamp(34px, 4.15vw, 56px);
  line-height: 1.03;
  letter-spacing: 0;
  text-transform: uppercase;
}

.hero h1 span {
  display: inline;
  color: #ffb000;
}

.hero > p {
  max-width: 760px;
  margin-bottom: 30px;
  color: rgba(255, 255, 255, 0.86);
  font-size: 20px;
  line-height: 1.55;
}

.hero-copy p {
  max-width: 760px;
  margin-bottom: 0;
  color: rgba(255, 255, 255, 0.86);
  font-size: 17px;
  line-height: 1.4;
}

.hero label {
  color: rgba(255, 255, 255, 0.72);
}

.search-shell {
  width: min(1180px, 100%);
  margin: 18px 0 0;
  padding: 12px;
  background: rgba(4, 5, 6, 0.82);
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 6px;
  box-shadow: 0 28px 80px rgba(0, 0, 0, 0.48);
  backdrop-filter: blur(8px);
}

.main-search {
  display: grid;
  grid-template-columns: minmax(300px, 1fr) 150px 168px;
  gap: 9px;
}

.main-search input {
  min-height: 52px;
  border-radius: 6px;
  font-size: 16px;
  background: #fff;
  box-shadow: inset 0 0 0 1px rgba(10, 10, 10, 0.04);
}

.main-search .btn {
  min-height: 52px;
  border-radius: 6px;
  font-size: 15px;
  box-shadow: none;
}

.main-search .btn-primary {
  position: relative;
  gap: 9px;
  color: #161616;
  background: linear-gradient(135deg, #ffcf43, #ee7c00);
  border-color: rgba(255, 196, 61, 0.86);
  box-shadow: 0 14px 30px rgba(229, 124, 0, 0.32);
}

.main-search .btn-primary::before {
  content: "";
  width: 15px;
  height: 15px;
  border: 2px solid currentColor;
  border-radius: 50%;
  box-shadow: 8px 8px 0 -6px currentColor;
  transform: rotate(-12deg);
}

.main-search .btn-primary:hover {
  transform: translateY(-1px);
  filter: brightness(1.04);
}

.main-search .btn-ai {
  color: #fff;
  background: rgba(255, 255, 255, 0.13);
  border-color: rgba(255, 255, 255, 0.18);
}

.advanced-filters {
  margin-top: 8px;
  text-align: left;
}

.advanced-filters summary {
  width: fit-content;
  cursor: pointer;
  color: #ffb000;
  font-weight: 900;
}

.filter-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin-top: 14px;
  padding-top: 14px;
  border-top: 1px solid rgba(255, 255, 255, 0.12);
}

label {
  display: grid;
  gap: 6px;
  color: var(--muted);
  font-size: 13px;
  font-weight: 850;
}

label > span {
  color: var(--muted);
  font-size: 12px;
  font-weight: 950;
  text-transform: uppercase;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
}

.ai-summary {
  display: none;
}

.hero-trust {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  width: min(1180px, 100%);
  margin-top: 12px;
}

.hero-trust article {
  display: grid;
  grid-template-columns: 36px minmax(0, 1fr);
  gap: 9px;
  align-items: center;
  min-height: 62px;
  padding: 10px 12px;
  background: rgba(9, 10, 11, 0.68);
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 8px;
  backdrop-filter: blur(8px);
}

.hero-trust article > span {
  display: grid;
  width: 36px;
  height: 36px;
  place-items: center;
  grid-row: 1 / 3;
  color: #ffb000;
  background: rgba(255, 176, 0, 0.1);
  border-radius: 8px;
  font-weight: 950;
}

.hero-trust strong {
  color: #fff;
  font-size: 13px;
  line-height: 1.2;
}

.hero-trust article:last-child {
  grid-template-columns: 1fr;
  align-content: center;
}

.hero-trust article:last-child strong {
  color: #ffb000;
  font-size: 26px;
}

.hero-trust article:last-child small {
  grid-column: 1;
}

.hero-trust small {
  grid-column: 2;
  color: rgba(255, 255, 255, 0.72);
  font-weight: 650;
  font-size: 12px;
  line-height: 1.25;
}

.hero-tags,
.revenue-list,
.cta-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 9px;
  margin-top: 20px;
}

.hero-tags span,
.sponsored-badge,
.tag,
.section-head > span,
.ad-grid span,
.ai-example span {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  min-height: 28px;
  border-radius: 999px;
  padding: 0 10px;
  color: #7a3e00;
  background: var(--brand-soft);
  font-size: 12px;
  font-weight: 900;
}

.commercial-carousel,
.section,
.ai-section,
.advertiser-cta {
  padding: 48px 0;
}

.section-head {
  display: flex;
  justify-content: space-between;
  gap: 18px;
  align-items: end;
  margin-bottom: 20px;
  text-align: left;
}

.section-head h2,
.ai-section h2,
.advertiser-cta h2 {
  margin-bottom: 8px;
  font-size: clamp(28px, 4vw, 44px);
  line-height: 1.08;
}

.section-head p,
.ai-section p,
.advertiser-cta p,
.banner-card p,
.category-preview p {
  color: var(--muted);
  line-height: 1.65;
}

.section-link {
  display: inline-flex;
  align-items: center;
  min-height: 42px;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 0 16px;
  color: var(--text);
  background: #fff;
  font-size: 13px;
  font-weight: 950;
  text-transform: uppercase;
}

.section-link:hover {
  color: #111;
  border-color: rgba(229, 124, 0, 0.42);
  background: var(--brand-soft);
}

.banner-track,
.solution-track {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: minmax(300px, calc((100% - 32px) / 3));
  gap: 16px;
  overflow-x: auto;
  padding-bottom: 6px;
  scroll-snap-type: x mandatory;
  scrollbar-width: thin;
}

.solution-track {
  grid-auto-flow: initial;
  grid-auto-columns: initial;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  overflow: visible;
  padding-bottom: 0;
  scrollbar-width: none;
}

.solution-track::-webkit-scrollbar {
  display: none;
}

.banner-card,
.solution-track article,
.solution-card,
.filters,
.listing-card,
.category-card,
.ad-grid article,
.ai-example,
.lead-dialog form {
  background: var(--card);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  box-shadow: var(--shadow-soft);
}

.banner-card {
  display: grid;
  align-content: space-between;
  min-height: 220px;
  padding: 22px;
  scroll-snap-align: start;
  gap: 16px;
}

.banner-card.primary,
.banner-card.banner-haitian {
  color: #fff;
  background:
    linear-gradient(135deg, rgba(34, 34, 34, 0.88), rgba(229, 124, 0, 0.82)),
    url("../img/banners/banner-home-topo.webp") center / cover;
}

.banner-card.banner-finance {
  color: #fff;
  background:
    linear-gradient(135deg, rgba(34, 34, 34, 0.88), rgba(58, 58, 58, 0.72)),
    url("../img/banners/banner-home-rodape.webp") center / cover;
}

.banner-card.banner-service {
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(255, 243, 228, 0.92)),
    url("../img/anuncios/sopradora-romi.webp") right center / auto 100% no-repeat;
}

.banner-card.primary p,
.banner-card.banner-haitian p,
.banner-card.banner-finance p {
  color: rgba(255, 255, 255, 0.82);
}

.banner-card small {
  color: var(--brand);
  font-weight: 950;
  text-transform: uppercase;
}

.banner-visual {
  width: 100%;
  height: 118px;
  margin: 0;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.92);
  border: 1px solid rgba(255, 255, 255, 0.42);
  border-radius: 12px;
}

.banner-visual img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.banner-card.primary small,
.banner-card.banner-haitian small,
.banner-card.banner-finance small {
  color: #fff3e4;
}

.segment-grid,
.listing-grid,
.ad-grid {
  display: grid;
  gap: 16px;
}

.segment-grid {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}

.segment-view-all {
  display: inline-flex;
  grid-column: 1 / -1;
  justify-self: center;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  margin-top: 4px;
  border: 1px solid var(--text);
  border-radius: 8px;
  padding: 0 22px;
  color: var(--text);
  background: #fff;
  font-size: 12px;
  font-weight: 950;
  text-transform: uppercase;
}

#segmentos .section-head {
  justify-content: center;
  text-align: center;
}

#segmentos .section-head .section-link {
  display: none;
}

#segmentos .category-card:nth-child(n + 7) {
  display: none;
}

.category-card {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0;
  align-items: stretch;
  min-height: 0;
  overflow: hidden;
  padding: 0;
  box-shadow: none;
  transition: border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease;
  cursor: pointer;
}

.category-card:hover {
  border-color: rgba(229, 124, 0, 0.42);
  box-shadow: var(--shadow-soft);
  transform: translateY(-1px);
}

.category-icon {
  position: absolute;
  left: 10px;
  bottom: -16px;
  display: grid;
  width: 34px;
  height: 34px;
  place-items: center;
  color: #151515;
  background: #ffb000;
  border: 3px solid #fff;
  border-radius: 999px;
  font-size: 10px;
  font-weight: 950;
}

.category-visual {
  position: relative;
  height: 116px;
  margin: 0;
  background: #111;
}

.category-visual img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.category-card > div {
  padding: 24px 14px 14px;
}

.category-card h3 {
  margin: 0 0 4px;
  font-size: 16px;
  line-height: 1.22;
}

.category-card p,
.solution-track span,
.footer p,
.footer a,
.ad-grid p {
  color: var(--muted);
  line-height: 1.55;
}

.category-card p {
  margin: 0;
  overflow: hidden;
  color: var(--muted);
  font-size: 13px;
  font-weight: 750;
}

.category-link {
  align-self: center;
  border: 0;
  padding: 0;
  color: var(--brand);
  background: transparent;
  cursor: pointer;
  font-weight: 950;
  white-space: nowrap;
}

.solution-track article,
.solution-card {
  display: grid;
  gap: 8px;
  min-height: 238px;
  padding: 18px;
  scroll-snap-align: start;
  background:
    linear-gradient(180deg, #ffffff, #fffaf3);
  color: inherit;
  transition: border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease;
}

.solution-card:hover {
  border-color: rgba(229, 124, 0, 0.44);
  box-shadow: var(--shadow);
  transform: translateY(-2px);
}

.solution-card:focus-visible {
  outline: 3px solid rgba(229, 124, 0, 0.28);
  outline-offset: 3px;
}

.solution-visual {
  width: 100%;
  height: 92px;
  margin: 0 0 4px;
  overflow: hidden;
  background: #f5f6f7;
  border-radius: 12px;
}

.solution-visual img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.solution-track strong,
.solution-card strong {
  display: block;
  font-size: 18px;
}

.solution-track small,
.solution-card small {
  width: fit-content;
  min-height: 24px;
  border-radius: 999px;
  padding: 0 9px;
  color: #7a3e00;
  background: var(--brand-soft);
  font-size: 11px;
  font-weight: 950;
  text-transform: uppercase;
}

.ai-section,
.advertiser-cta {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(320px, 0.8fr);
  gap: 24px;
  align-items: center;
}

.ai-section {
  position: relative;
  overflow: hidden;
  padding: 38px;
  color: #fff;
  background:
    radial-gradient(circle at 92% 18%, rgba(229, 124, 0, 0.28), transparent 18rem),
    linear-gradient(135deg, #202020, #363636);
  border-radius: var(--radius);
}

.ai-section::before {
  content: "";
  position: absolute;
  inset: 18px auto 18px 0;
  width: 5px;
  background: var(--brand);
  border-radius: 999px;
}

.ai-section > * {
  position: relative;
}

.ai-section p {
  color: rgba(255, 255, 255, 0.78);
}

.ai-section .eyebrow {
  color: #ffbd68;
}

.ai-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  align-items: center;
  margin-top: 22px;
}

.ai-actions a {
  color: #ffbd68;
  font-weight: 900;
}

.ai-example {
  display: grid;
  gap: 14px;
  padding: 24px;
  color: var(--text);
  background: rgba(255, 255, 255, 0.96);
  box-shadow: 0 18px 46px rgba(0, 0, 0, 0.18);
}

.ai-example .prompt {
  margin: 0;
  padding: 14px;
  color: var(--text);
  background: #f7f8f9;
  border: 1px solid var(--line);
  border-radius: 12px;
  font-size: 17px;
  font-weight: 800;
}

.ai-result {
  padding: 14px;
  background: var(--brand-soft);
  border-radius: 12px;
}

.ai-result strong {
  display: block;
  margin-bottom: 10px;
}

.ai-example ul {
  display: grid;
  gap: 8px;
  margin-bottom: 0;
  padding-left: 18px;
  color: var(--muted);
}

.category-layout {
  display: grid;
  grid-template-columns: 280px minmax(0, 1fr);
  gap: 18px;
}

.category-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 20px;
  align-items: end;
  margin-bottom: 18px;
  padding: 22px;
  background: #fff;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  box-shadow: var(--shadow-soft);
}

.category-hero h2 {
  margin-bottom: 8px;
}

.category-hero p {
  max-width: 880px;
  margin-bottom: 0;
}

.category-stats {
  display: grid;
  grid-template-columns: repeat(3, auto);
  gap: 8px;
}

.category-stats span {
  display: grid;
  min-width: 96px;
  min-height: 58px;
  place-items: center;
  padding: 8px 12px;
  color: var(--muted);
  background: var(--brand-soft);
  border-radius: 12px;
  font-size: 12px;
  font-weight: 800;
  text-align: center;
}

.category-stats strong {
  display: block;
  color: var(--brand);
  font-size: 20px;
  line-height: 1;
}

.filters {
  align-self: start;
  position: sticky;
  top: 92px;
  padding: 16px;
  box-shadow: none;
}

.filter-head {
  padding-bottom: 12px;
  margin-bottom: 12px;
  border-bottom: 1px solid var(--line);
}

.filter-head h3 {
  margin-bottom: 0;
}

.dynamic-filters {
  display: grid;
  gap: 11px;
}

.filter-type-control {
  margin-bottom: 14px;
}

.range-readout {
  display: flex;
  justify-content: space-between;
  color: var(--muted);
  font-size: 12px;
}

.sponsored {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 16px;
  align-items: center;
  margin-bottom: 18px;
  padding: 18px;
  background: #fff8ee;
  border: 1px solid rgba(229, 124, 0, 0.35);
  border-radius: var(--radius);
}

.result-bar {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: center;
  margin-bottom: 14px;
  padding: 12px 14px;
  color: var(--muted);
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 12px;
  font-size: 14px;
}

.result-bar strong {
  color: var(--text);
  font-size: 13px;
}

.listing-grid {
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 18px;
}

.listing-card {
  display: grid;
  grid-template-rows: auto 1fr;
  overflow: hidden;
  cursor: pointer;
  border-radius: 8px;
  transition: border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease;
}

.listing-card > *,
.card-body > * {
  min-width: 0;
}

.listing-card:hover {
  border-color: rgba(229, 124, 0, 0.38);
  box-shadow: var(--shadow);
  transform: translateY(-2px);
}

.listing-card:focus-visible {
  outline: 3px solid rgba(229, 124, 0, 0.28);
  outline-offset: 3px;
}

.listing-media {
  position: relative;
  aspect-ratio: 16 / 9.2;
  background: linear-gradient(135deg, #f3f4f6, var(--brand-soft));
}

.listing-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.placeholder {
  display: grid;
  height: 100%;
  place-items: center;
  color: var(--brand);
  font-size: 40px;
  font-weight: 950;
}

.listing-badges {
  position: absolute;
  top: 36px;
  left: 8px;
  right: 44px;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.listing-card .listing-badges:empty,
.result-card .listing-badges:empty {
  display: none;
}

.year-badge,
.favorite-badge {
  position: absolute;
  z-index: 2;
  display: inline-grid;
  place-items: center;
  font-weight: 950;
}

.year-badge {
  top: 8px;
  left: 8px;
  min-width: 38px;
  height: 22px;
  padding: 0 8px;
  color: #fff;
  background: rgba(0, 0, 0, 0.82);
  border-radius: 7px;
  font-size: 11px;
}

.favorite-badge {
  top: 8px;
  right: 8px;
  width: 25px;
  height: 25px;
  color: #fff;
  background: rgba(0, 0, 0, 0.24);
  border: 1px solid rgba(255, 255, 255, 0.56);
  border-radius: 999px;
  font-size: 18px;
  line-height: 1;
  transition: background 0.18s ease, color 0.18s ease, transform 0.18s ease;
}

.listing-card:hover .favorite-badge,
.result-card:hover .favorite-badge {
  color: #ffb000;
  background: rgba(0, 0, 0, 0.5);
  transform: scale(1.04);
}

.badge-featured {
  color: #fff;
  background: #2d6cdf;
}

.badge-offer {
  color: #fff;
  background: #d93939;
}

.badge-price {
  color: #1f1f1f;
  background: #ffd54f;
}

.card-body {
  display: grid;
  grid-template-rows: auto auto auto auto 1fr auto;
  align-content: start;
  width: 100%;
  min-width: 0;
  overflow: hidden;
  padding: 12px;
}

.card-topline {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px;
  align-items: center;
  margin-bottom: 9px;
}

.card-topline .tag {
  min-width: 0;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.card-topline small {
  color: var(--muted);
  font-size: 12px;
  font-weight: 850;
  white-space: nowrap;
}

.card-body h3 {
  display: -webkit-box;
  min-height: 39px;
  max-height: 39px;
  margin-bottom: 7px;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  font-size: 14px;
  line-height: 1.32;
}

.meta {
  display: -webkit-box;
  margin: 0;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  color: var(--muted);
  font-size: 11px;
  line-height: 1.35;
}

.price {
  margin: 8px 0 0;
  color: var(--text);
  font-size: 16px;
  font-weight: 950;
}

.details-pill {
  display: grid;
  min-height: 34px;
  place-items: center;
  margin-top: 10px;
  color: #141414;
  background: linear-gradient(135deg, #ffd766, #ffb000);
  border-radius: 5px;
  font-size: 11px;
  font-weight: 950;
  text-transform: uppercase;
  transition: filter 0.18s ease, transform 0.18s ease;
}

.listing-card:hover .details-pill,
.result-card:hover .details-pill {
  filter: saturate(1.08);
  transform: translateY(-1px);
}

.spec-list {
  display: none;
  gap: 5px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.spec-list li {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  color: var(--muted);
  font-size: 12px;
}

.spec-list strong {
  color: var(--text);
  text-align: right;
}

.card-actions {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 8px;
  margin-top: 9px;
  width: 100%;
  min-width: 0;
}

.view-all-row {
  display: flex;
  grid-column: 1 / -1;
  justify-content: center;
  padding-top: 4px;
}

.category-empty {
  grid-column: 1 / -1;
  padding: 26px;
  text-align: center;
  background: #fff;
  border: 1px dashed rgba(229, 124, 0, 0.44);
  border-radius: var(--radius);
}

.category-empty strong {
  display: block;
  margin-bottom: 8px;
  font-size: 18px;
}

.category-empty p {
  max-width: 560px;
  margin: 0 auto;
  color: var(--muted);
}

.card-actions .btn {
  min-width: 0;
  min-height: 40px;
  padding-inline: 6px;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 14px;
  white-space: normal;
}

.listing-card .price {
  margin-top: 10px;
}

.listing-detail-page {
  width: min(var(--container), calc(100% - 36px));
  margin: 0 auto;
  padding: 32px 0 34px;
}

.detail-breadcrumb {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  margin-bottom: 18px;
  color: var(--muted);
  font-size: 13px;
  font-weight: 850;
}

.detail-breadcrumb a {
  color: var(--brand);
}

.detail-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 420px;
  gap: 20px;
  align-items: start;
}

.detail-gallery,
.detail-summary,
.detail-title-card,
.detail-info article {
  background: #fff;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  box-shadow: var(--shadow-soft);
}

.detail-main-column {
  display: grid;
  gap: 14px;
}

.detail-gallery {
  display: grid;
  gap: 8px;
  overflow: hidden;
  padding: 8px;
}

.detail-gallery-grid {
  display: grid;
  grid-template-columns: 2fr 1fr 1fr;
  grid-template-rows: repeat(2, 170px);
  gap: 8px;
}

.detail-photo {
  position: relative;
  display: grid;
  min-width: 0;
  min-height: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  border: 0;
  border-radius: 10px;
  background: #fff7ed;
  cursor: zoom-in;
}

.detail-photo-main {
  grid-row: span 2;
}

.detail-photo img {
  display: block;
  width: 100%;
  height: 100%;
  aspect-ratio: auto;
  object-fit: cover;
  transition: transform 0.25s ease;
}

.detail-photo:hover img {
  transform: scale(1.025);
}

.detail-photo span {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  padding: 8px 12px;
  background: rgba(17, 17, 17, 0.62);
  color: #fff;
  font-size: 18px;
  font-weight: 900;
}

.detail-gallery-action {
  justify-self: end;
  min-height: 34px;
  padding: 0 12px;
  border: 1px solid var(--line);
  border-radius: 999px;
  color: var(--brand);
  background: #fff;
  cursor: pointer;
  font-weight: 900;
}

.detail-title-card {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 18px;
  align-items: end;
  padding: 20px;
}

.detail-title-card h1 {
  max-width: 860px;
  margin: 10px 0 8px;
  font-size: clamp(28px, 3.4vw, 44px);
  line-height: 1.05;
}

.detail-title-card p {
  margin: 0;
  color: var(--muted);
  line-height: 1.5;
}

.detail-summary {
  position: sticky;
  top: 18px;
  display: grid;
  gap: 14px;
  padding: 14px;
}

.detail-price {
  color: var(--text);
  font-size: clamp(28px, 3vw, 38px);
  line-height: 1;
  white-space: nowrap;
}

.detail-contact-form {
  display: grid;
  gap: 12px;
  padding: 16px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: #fff;
}

.detail-contact-form h2 {
  margin: 0 0 2px;
  font-size: 22px;
}

.detail-contact-form label {
  display: grid;
  gap: 6px;
  color: var(--muted);
  font-size: 13px;
  font-weight: 800;
}

.detail-contact-form input,
.detail-contact-form textarea {
  width: 100%;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: #fff;
  color: var(--text);
  font: inherit;
  font-weight: 750;
  outline: none;
}

.detail-contact-form input {
  min-height: 50px;
  padding: 0 14px;
}

.detail-contact-form textarea {
  min-height: 104px;
  padding: 12px 14px;
  resize: vertical;
}

.detail-contact-form input:focus,
.detail-contact-form textarea:focus {
  border-color: rgba(229, 124, 0, 0.55);
  box-shadow: 0 0 0 4px rgba(229, 124, 0, 0.1);
}

.detail-contact-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}

.detail-contact-form .btn {
  width: 100%;
}

.detail-whatsapp {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  background: var(--whatsapp);
  color: #fff;
}

.detail-whatsapp:hover {
  background: #1fb957;
  color: #fff;
}

.detail-whatsapp img {
  width: 18px;
  height: 18px;
  filter: brightness(0) invert(1);
}

.detail-contact-form p {
  margin: 0;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.45;
}

.detail-form-feedback {
  display: block;
  min-height: 20px;
  color: var(--brand);
  font-size: 13px;
  line-height: 1.35;
}

.seller-card {
  display: grid;
  grid-template-columns: auto 1fr auto;
  gap: 12px;
  align-items: center;
  padding: 14px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: #fffaf3;
}

.seller-logo {
  display: grid;
  width: 48px;
  height: 48px;
  place-items: center;
  border-radius: 12px;
  background: var(--brand);
  color: #fff;
  font-weight: 950;
}

.seller-card strong,
.seller-card span {
  display: block;
}

.seller-card span {
  color: var(--muted);
  font-size: 13px;
}

.seller-card a {
  color: var(--brand);
  font-weight: 900;
  white-space: nowrap;
}

.seller-card-expanded {
  grid-template-columns: minmax(0, 1fr);
  align-items: start;
  gap: 10px;
  padding: 14px;
}

.seller-brand-logo {
  width: 118px;
  max-height: 46px;
  object-fit: contain;
  object-position: left center;
}

.seller-card-expanded h2 {
  margin: 0;
  font-size: 18px;
}

.seller-card-expanded h2 a {
  color: var(--brand);
}

.seller-card-expanded h2 a:hover {
  text-decoration: underline;
}

.seller-compact-head {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 12px;
  align-items: center;
}

.seller-card small {
  display: block;
  color: var(--muted);
  font-weight: 750;
}

.seller-about-text {
  display: grid;
  gap: 8px;
}

.seller-about-text p {
  margin: 0;
  color: var(--muted);
  font-size: 14px;
  line-height: 1.45;
}

.seller-about-text p strong {
  display: inline;
  color: var(--text);
  white-space: nowrap;
}

.seller-actions {
  display: grid;
  grid-template-columns: 1fr;
  gap: 8px;
}

.seller-actions a {
  display: grid;
  min-height: 42px;
  place-items: center;
  border: 1px solid rgba(229, 124, 0, 0.24);
  border-radius: 12px;
  background: #fff;
}

.seller-actions .seller-phone {
  color: var(--text);
  border-color: var(--line);
  background: #fff;
  font-size: 18px;
}

.gallery-lightbox {
  position: fixed;
  inset: 0;
  z-index: 100;
  display: none;
  place-items: center;
  padding: 28px;
  background: rgba(12, 12, 12, 0.88);
}

.gallery-lightbox.open {
  display: grid;
}

.gallery-lightbox figure {
  display: grid;
  gap: 10px;
  width: min(1100px, 100%);
  margin: 0;
}

.gallery-lightbox img {
  width: 100%;
  max-height: 78vh;
  object-fit: contain;
  border-radius: var(--radius);
  background: #111;
}

.gallery-lightbox figcaption {
  color: #fff;
  text-align: center;
  font-weight: 850;
}

.gallery-close,
.gallery-nav {
  position: absolute;
  display: grid;
  place-items: center;
  border: 0;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.94);
  color: var(--text);
  cursor: pointer;
}

.gallery-close {
  top: 20px;
  right: 20px;
  width: 44px;
  height: 44px;
  font-size: 30px;
}

.gallery-nav {
  top: 50%;
  width: 52px;
  height: 52px;
  font-size: 42px;
  transform: translateY(-50%);
}

.gallery-prev {
  left: 22px;
}

.gallery-next {
  right: 22px;
}

.detail-info {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  margin-top: 20px;
}

.detail-info article {
  padding: 22px;
}

.detail-info dl {
  display: grid;
  gap: 10px;
  margin: 0;
}

.detail-info dl div {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  padding-bottom: 10px;
  border-bottom: 1px solid var(--line);
}

.detail-info dt {
  color: var(--muted);
  font-weight: 800;
}

.detail-info dd {
  margin: 0;
  font-weight: 900;
  text-align: right;
}

.detail-sponsored-section,
.detail-related-section,
.detail-commercial-links {
  margin-top: 24px;
}

.detail-sponsored-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

.detail-sponsored-card {
  display: grid;
  grid-template-columns: 132px minmax(0, 1fr);
  gap: 14px;
  align-items: center;
  min-height: 132px;
  padding: 14px;
  color: var(--text);
  background: #fff;
  border: 1px solid rgba(229, 124, 0, 0.22);
  border-radius: var(--radius);
  box-shadow: var(--shadow-soft);
  transition: border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease;
}

.detail-sponsored-card:hover,
.detail-machine-card:hover {
  border-color: rgba(229, 124, 0, 0.42);
  box-shadow: var(--shadow);
  transform: translateY(-2px);
}

.detail-sponsored-card img {
  width: 100%;
  height: 104px;
  object-fit: cover;
  border-radius: 12px;
}

.detail-sponsored-card div {
  display: grid;
  gap: 6px;
}

.detail-sponsored-card span,
.detail-machine-body span {
  width: fit-content;
  padding: 6px 10px;
  border-radius: 999px;
  color: #7a3d00;
  background: var(--brand-soft);
  font-size: 12px;
  font-weight: 900;
}

.detail-sponsored-card strong {
  font-size: 18px;
  line-height: 1.18;
}

.detail-sponsored-card p {
  margin: 0;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.45;
}

.detail-related-section .section-head a {
  color: var(--brand);
  font-weight: 900;
}

.detail-machine-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}

.detail-machine-card {
  display: grid;
  overflow: hidden;
  color: var(--text);
  background: #fff;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  box-shadow: var(--shadow-soft);
  transition: border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease;
}

.detail-machine-media img,
.detail-machine-media .placeholder {
  display: grid;
  width: 100%;
  aspect-ratio: 16 / 9;
  place-items: center;
  object-fit: cover;
  color: var(--brand);
  background: #fff7ed;
  font-size: 34px;
  font-weight: 950;
}

.detail-machine-body {
  display: grid;
  gap: 8px;
  padding: 14px;
}

.detail-machine-body h3 {
  display: -webkit-box;
  min-height: 44px;
  margin: 0;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  font-size: 18px;
  line-height: 1.2;
}

.detail-machine-body p {
  display: -webkit-box;
  min-height: 40px;
  margin: 0;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  color: var(--muted);
  font-size: 14px;
  line-height: 1.4;
}

.detail-machine-body strong {
  font-size: 20px;
}

.detail-commercial-links {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.detail-commercial-links a {
  display: grid;
  min-height: 68px;
  place-items: center;
  padding: 14px;
  color: var(--text);
  text-align: center;
  background: #fff;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  box-shadow: var(--shadow-soft);
  font-weight: 900;
}

.detail-commercial-links a:hover {
  color: var(--brand);
  border-color: rgba(229, 124, 0, 0.32);
}

.advertiser-page {
  width: min(1280px, calc(100% - 36px));
  margin: 0 auto;
  padding: 32px 0 58px;
}

.advertiser-profile,
.advertiser-about article,
.advertiser-machine-card {
  background: #fff;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  box-shadow: var(--shadow-soft);
}

.advertiser-profile {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) minmax(240px, 0.35fr);
  gap: 20px;
  align-items: center;
  padding: 24px;
}

.advertiser-profile-rich {
  grid-template-columns: 180px minmax(0, 1fr) 260px;
}

.advertiser-profile-logo-card {
  display: grid;
  min-height: 138px;
  place-items: center;
  padding: 18px;
  border: 1px solid rgba(229, 124, 0, 0.18);
  border-radius: 16px;
  background: #fffaf3;
}

.advertiser-profile-logo-card img {
  width: 100%;
  max-height: 92px;
  object-fit: contain;
}

.advertiser-profile-initials {
  display: grid;
  width: 96px;
  height: 96px;
  place-items: center;
  border-radius: 22px;
  color: #fff;
  background: linear-gradient(135deg, #ed7a00, #07111d);
  font-size: 34px;
  font-weight: 950;
}

.advertiser-profile-logo {
  display: grid;
  width: 86px;
  height: 86px;
  place-items: center;
  border-radius: 18px;
  color: #fff;
  background: var(--brand);
  font-size: 30px;
  font-weight: 950;
}

.advertiser-profile h1 {
  margin: 6px 0 8px;
  font-size: clamp(34px, 4vw, 54px);
  line-height: 1;
}

.advertiser-profile p {
  max-width: 720px;
  color: var(--muted);
  line-height: 1.55;
}

.advertiser-profile-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 14px;
}

.advertiser-profile-tags span {
  padding: 7px 10px;
  border-radius: 999px;
  color: #7a3d00;
  background: var(--brand-soft);
  font-size: 12px;
  font-weight: 900;
}

.advertiser-profile aside {
  display: grid;
  gap: 12px;
  justify-items: stretch;
}

.advertiser-profile aside strong {
  text-align: center;
  font-size: 22px;
}

.advertiser-stats {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin-top: 14px;
}

.advertiser-stats span {
  display: grid;
  gap: 2px;
  min-height: 78px;
  place-items: center;
  padding: 12px;
  text-align: center;
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 14px;
  box-shadow: var(--shadow-soft);
  color: var(--muted);
  font-weight: 850;
}

.advertiser-stats strong {
  color: var(--brand);
  font-size: 28px;
}

.advertiser-info-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  margin-top: 24px;
}

.advertiser-info-grid article,
.advertiser-category-summary,
.advertiser-segment-block,
.advertiser-trust {
  background: #fff;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  box-shadow: var(--shadow-soft);
}

.advertiser-info-grid article {
  padding: 22px;
}

.advertiser-info-grid h2,
.advertiser-trust h2 {
  margin-bottom: 14px;
}

.advertiser-info-grid dl {
  display: grid;
  gap: 10px;
  margin: 0;
}

.advertiser-info-grid dl div {
  display: flex;
  justify-content: space-between;
  gap: 14px;
  padding-bottom: 10px;
  border-bottom: 1px solid var(--line);
}

.advertiser-info-grid dt {
  color: var(--muted);
  font-weight: 850;
}

.advertiser-info-grid dd {
  margin: 0;
  text-align: right;
  font-weight: 900;
}

.advertiser-chip-list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.advertiser-chip-list span {
  padding: 8px 11px;
  border-radius: 999px;
  color: #7a3d00;
  background: var(--brand-soft);
  font-size: 13px;
  font-weight: 900;
}

.advertiser-category-summary,
.advertiser-trust {
  margin-top: 24px;
  padding: 22px;
}

.advertiser-category-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin-top: 14px;
}

.advertiser-category-grid a {
  display: grid;
  gap: 6px;
  min-height: 128px;
  padding: 16px;
  color: var(--text);
  background: #fffaf3;
  border: 1px solid rgba(229, 124, 0, 0.18);
  border-radius: 14px;
}

.advertiser-category-grid a:hover {
  border-color: rgba(229, 124, 0, 0.42);
}

.advertiser-category-grid span,
.advertiser-type-head span {
  color: var(--brand);
  font-size: 13px;
  font-weight: 900;
}

.advertiser-category-grid p {
  margin: 0;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.45;
}

.advertiser-machines {
  margin-top: 28px;
}

.advertiser-machines .section-head {
  margin-bottom: 14px;
}

.advertiser-machines .section-head a {
  color: var(--brand);
  font-weight: 900;
}

.advertiser-machine-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}

.advertiser-segment-list {
  display: grid;
  gap: 18px;
}

.advertiser-segment-block {
  padding: 18px;
}

.advertiser-segment-block > header {
  display: flex;
  justify-content: space-between;
  gap: 14px;
  align-items: end;
  margin-bottom: 16px;
  padding-bottom: 14px;
  border-bottom: 1px solid var(--line);
}

.advertiser-segment-block > header h3 {
  margin: 4px 0 0;
  font-size: clamp(24px, 3vw, 34px);
}

.advertiser-segment-block > header > span {
  padding: 8px 12px;
  border-radius: 999px;
  color: #7a3d00;
  background: var(--brand-soft);
  font-weight: 900;
  white-space: nowrap;
}

.advertiser-type-block + .advertiser-type-block {
  margin-top: 20px;
  padding-top: 18px;
  border-top: 1px solid var(--line);
}

.advertiser-type-head {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: center;
  margin-bottom: 12px;
}

.advertiser-type-head h4 {
  margin: 0;
  font-size: 20px;
}

.advertiser-machine-card {
  display: grid;
  overflow: hidden;
  color: var(--text);
  transition: border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease;
}

.advertiser-machine-card:hover {
  border-color: rgba(229, 124, 0, 0.38);
  box-shadow: var(--shadow);
  transform: translateY(-2px);
}

.advertiser-machine-media img,
.advertiser-machine-media .placeholder {
  display: grid;
  width: 100%;
  aspect-ratio: 16 / 9;
  place-items: center;
  object-fit: cover;
  color: var(--brand);
  background: #fff7ed;
  font-size: 34px;
  font-weight: 950;
}

.advertiser-machine-body {
  display: grid;
  gap: 8px;
  padding: 14px;
}

.advertiser-machine-body span {
  width: fit-content;
  padding: 6px 10px;
  border-radius: 999px;
  color: #7a3d00;
  background: var(--brand-soft);
  font-size: 12px;
  font-weight: 900;
}

.advertiser-machine-body h3 {
  display: -webkit-box;
  min-height: 44px;
  margin: 0;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  font-size: 18px;
  line-height: 1.2;
}

.advertiser-machine-body p {
  display: -webkit-box;
  min-height: 42px;
  margin: 0;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  color: var(--muted);
  line-height: 1.4;
}

.advertiser-machine-body strong {
  font-size: 21px;
}

.advertiser-about {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  margin-top: 24px;
}

.advertiser-about article {
  padding: 22px;
}

.advertiser-about p {
  color: var(--muted);
  line-height: 1.65;
}

.advertiser-trust {
  display: grid;
  grid-template-columns: minmax(240px, 0.38fr) minmax(0, 1fr);
  gap: 18px;
  align-items: start;
}

.advertiser-trust-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.advertiser-trust-grid article {
  padding: 16px;
  background: #f8f9fb;
  border: 1px solid var(--line);
  border-radius: 14px;
}

.advertiser-trust-grid p {
  margin: 8px 0 0;
  color: var(--muted);
  font-size: 14px;
  line-height: 1.5;
}

[data-commercial-link] {
  cursor: pointer;
  transition: border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease;
}

[data-commercial-link]:hover {
  border-color: rgba(229, 124, 0, 0.38);
  box-shadow: var(--shadow);
  transform: translateY(-2px);
}

[data-commercial-link]:focus-visible {
  outline: 3px solid rgba(229, 124, 0, 0.28);
  outline-offset: 3px;
}

.ad-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.results-page {
  width: min(1280px, calc(100% - 36px));
  margin: 0 auto;
  padding: 24px 0 54px;
}

.results-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 18px;
  align-items: end;
  margin-bottom: 14px;
}

.results-hero h1 {
  max-width: 680px;
  margin-bottom: 8px;
  font-size: clamp(30px, 4vw, 44px);
  line-height: 1.05;
}

.results-hero p {
  max-width: 740px;
  color: var(--muted);
  font-size: 15px;
  line-height: 1.55;
}

.results-hero-stats {
  display: grid;
  grid-template-columns: repeat(3, auto);
  gap: 8px;
}

.results-hero-stats span {
  display: grid;
  min-width: 86px;
  min-height: 52px;
  place-items: center;
  padding: 8px 12px;
  color: var(--muted);
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 12px;
  font-size: 12px;
  font-weight: 850;
  text-align: center;
}

.results-hero-stats strong {
  display: block;
  color: var(--brand);
  font-size: 21px;
  line-height: 1;
}

.results-search-card {
  margin-bottom: 14px;
  padding: 14px;
  background: #fff;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  box-shadow: var(--shadow-soft);
}

.results-search {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 210px auto;
  gap: 12px;
  align-items: end;
}

.results-layout {
  display: grid;
  grid-template-columns: 260px minmax(0, 1fr);
  gap: 16px;
}

.results-mobile-filter-toggle {
  display: none;
}

.results-filters {
  display: grid;
  gap: 12px;
}

.results-filter-actions {
  padding-top: 4px;
}

.results-filter-actions .btn {
  width: 100%;
}

.results-content {
  min-width: 0;
}

.results-sponsored {
  display: grid;
  grid-template-columns: 190px minmax(0, 1fr) auto;
  gap: 14px;
  align-items: center;
  margin-bottom: 14px;
  padding: 15px;
  background: linear-gradient(135deg, #fff8ee, #fff);
  border: 1px solid rgba(229, 124, 0, 0.28);
  border-radius: var(--radius);
  cursor: pointer;
  transition: border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease;
}

.results-sponsored:hover {
  border-color: rgba(229, 124, 0, 0.44);
  box-shadow: var(--shadow);
  transform: translateY(-1px);
}

.results-sponsored:focus-visible {
  outline: 3px solid rgba(229, 124, 0, 0.28);
  outline-offset: 3px;
}

.results-sponsored figure {
  height: 104px;
  margin: 0;
  overflow: hidden;
  background: var(--brand-soft);
  border-radius: 12px;
}

.results-sponsored img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.results-sponsored > div {
  display: grid;
  gap: 6px;
}

.results-sponsored span {
  width: fit-content;
  border-radius: 999px;
  padding: 7px 10px;
  color: #7a3e00;
  background: var(--brand-soft);
  font-size: 12px;
  font-weight: 950;
}

.results-sponsored strong {
  font-size: 18px;
}

.results-sponsored p {
  margin: 0;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.45;
}

.results-dynamic-filters {
  display: grid;
  gap: 12px;
}

.results-filter-subtitle {
  padding-top: 4px;
  border-top: 1px solid var(--line);
  color: var(--text);
  font-size: 13px;
  font-weight: 950;
  text-transform: uppercase;
}

.results-filter-note {
  padding: 12px;
  color: var(--muted);
  background: #f7f8f9;
  border: 1px dashed var(--line);
  border-radius: 12px;
  font-size: 13px;
  line-height: 1.45;
}

.results-toolbar {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: center;
  margin-bottom: 14px;
  padding: 12px 14px;
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 12px;
}

.results-toolbar div {
  display: grid;
  gap: 2px;
}

.results-toolbar span {
  color: var(--muted);
  font-size: 13px;
}

.results-toolbar a {
  color: var(--brand);
  font-weight: 900;
}

.results-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

.results-pagination {
  display: flex;
  justify-content: center;
  gap: 12px;
  align-items: center;
  margin-top: 18px;
  padding-top: 16px;
  border-top: 1px solid var(--line);
}

.results-pagination span {
  color: var(--muted);
  font-size: 13px;
  font-weight: 850;
}

.results-pagination .btn:disabled {
  cursor: not-allowed;
  opacity: 0.48;
}

.result-card {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto 1fr;
  min-width: 0;
  overflow: hidden;
  cursor: pointer;
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 8px;
  box-shadow: var(--shadow-soft);
  transition: border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease;
}

.result-card:hover {
  border-color: rgba(229, 124, 0, 0.38);
  box-shadow: var(--shadow);
  transform: translateY(-2px);
}

.result-card:focus-visible {
  outline: 3px solid rgba(229, 124, 0, 0.28);
  outline-offset: 3px;
}

.result-media {
  position: relative;
  min-height: 0;
  aspect-ratio: 16 / 9.2;
  background: linear-gradient(135deg, #f3f4f6, var(--brand-soft));
}

.result-media img {
  width: 100%;
  height: 100%;
  min-height: 0;
  object-fit: cover;
}

.result-info {
  display: grid;
  grid-template-rows: auto auto auto 1fr;
  min-width: 0;
  padding: 12px;
}

.result-info h3 {
  display: -webkit-box;
  min-height: 39px;
  max-height: 39px;
  margin-bottom: 7px;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  font-size: 14px;
  line-height: 1.32;
}

.result-info p {
  display: -webkit-box;
  margin: 0;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  color: var(--muted);
  font-size: 11px;
  line-height: 1.35;
}

.result-bottom {
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px;
  align-items: center;
  align-self: end;
  margin-top: 10px;
}

.result-bottom strong {
  font-size: 16px;
}

.results-empty {
  grid-column: 1 / -1;
  padding: 28px;
  text-align: center;
  background: #fff;
  border: 1px dashed rgba(229, 124, 0, 0.42);
  border-radius: var(--radius);
}

.results-empty strong {
  display: block;
  margin-bottom: 8px;
  font-size: 20px;
}

.results-empty p {
  max-width: 580px;
  margin: 0 auto;
  color: var(--muted);
}

.static-page {
  width: min(var(--container), calc(100% - 36px));
  margin: 0 auto;
  padding: 42px 0 54px;
}

.static-hero {
  display: grid;
  gap: 12px;
  min-height: 260px;
  align-content: center;
  margin-bottom: 24px;
  padding: 36px;
  color: #fff;
  background:
    linear-gradient(90deg, rgba(5, 6, 7, 0.94), rgba(5, 6, 7, 0.74), rgba(5, 6, 7, 0.28)),
    url("../img/hero-maquinas-multisegmentos.webp") center / cover no-repeat;
  border-radius: 12px;
  box-shadow: var(--shadow-soft);
}

.static-hero .eyebrow {
  color: #ffb000;
}

.static-hero h1 {
  max-width: 820px;
  margin: 0;
  color: #fff;
  font-size: clamp(34px, 5vw, 62px);
  line-height: 1.02;
}

.static-hero p:not(.eyebrow) {
  max-width: 740px;
  margin: 0;
  color: rgba(255, 255, 255, 0.86);
  font-size: 18px;
  line-height: 1.55;
}

.static-grid,
.static-blog-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
}

.static-card {
  display: grid;
  min-height: 230px;
  align-content: start;
  gap: 12px;
  padding: 22px;
  color: var(--text);
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 8px;
  box-shadow: var(--shadow-soft);
  transition: border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease;
}

.static-card:hover {
  border-color: rgba(229, 124, 0, 0.4);
  box-shadow: var(--shadow);
  transform: translateY(-2px);
}

.static-card span {
  width: fit-content;
  border-radius: 999px;
  padding: 7px 10px;
  color: #7a3e00;
  background: var(--brand-soft);
  font-size: 12px;
  font-weight: 950;
  text-transform: uppercase;
}

.static-card h2 {
  margin: 0;
  font-size: 22px;
  line-height: 1.15;
}

.static-card p {
  margin: 0;
  color: var(--muted);
  line-height: 1.5;
}

.static-cta {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 18px;
  align-items: center;
  margin-top: 22px;
  padding: 24px;
  color: #141414;
  background: linear-gradient(135deg, #ffd14b, #ee7c00);
  border-radius: 8px;
}

.static-cta h2,
.static-cta p {
  margin: 0;
}

.results-extra-section {
  margin-top: 26px;
}

.results-extra-head {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: end;
  margin-bottom: 14px;
}

.results-extra-head h2 {
  margin: 0;
  font-size: 24px;
}

.related-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  border-top: 1px solid var(--line);
}

.related-card {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  min-height: 54px;
  align-items: center;
  gap: 12px;
  padding: 12px 8px;
  background: transparent;
  border: 0;
  border-bottom: 1px solid var(--line);
  border-radius: 0;
  box-shadow: none;
  transition: color 0.18s ease, transform 0.18s ease;
}

.related-card:hover {
  color: var(--brand);
  transform: translateX(2px);
}

.related-post-card:hover {
  border-color: rgba(229, 124, 0, 0.38);
  box-shadow: var(--shadow);
  transform: translateY(-2px);
}

.related-card span {
  display: grid;
  width: 28px;
  height: 28px;
  place-items: center;
  color: var(--brand);
  background: transparent;
  border: 1px solid rgba(229, 124, 0, 0.28);
  border-radius: 50%;
  padding: 0;
  font-size: 11px;
  font-weight: 950;
}

.related-card strong {
  font-size: 15px;
}

.related-card.primary {
  border-color: var(--line);
}

.related-posts {
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(260px, 0.75fr);
  gap: 14px;
}

.related-post-card {
  display: grid;
  grid-template-columns: 116px minmax(0, 1fr);
  gap: 12px;
  align-items: center;
  overflow: hidden;
  cursor: pointer;
  background: #fff;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  box-shadow: var(--shadow-soft);
  transition: border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease;
}

.related-post-card img {
  width: 100%;
  height: 100%;
  min-height: 104px;
  object-fit: contain;
  background: #eef0f3;
}

.related-post-card div {
  display: grid;
  gap: 6px;
  padding: 12px 12px 12px 0;
}

.related-post-card span {
  color: var(--brand);
  font-size: 11px;
  font-weight: 950;
  text-transform: uppercase;
}

.related-post-card h3 {
  margin: 0;
  font-size: 16px;
  line-height: 1.3;
}

.related-post-card.featured {
  grid-row: span 2;
  grid-template-columns: 1fr;
  align-items: stretch;
}

.related-post-card.featured img {
  aspect-ratio: 16 / 8;
  min-height: 0;
  object-fit: cover;
}

.related-post-card.featured div {
  padding: 16px;
}

.related-post-card.featured h3 {
  font-size: 22px;
  line-height: 1.18;
}

.results-advertise-cta {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 18px;
  align-items: center;
  margin-top: 28px;
  padding: 26px;
  color: #fff;
  background:
    radial-gradient(circle at 92% 20%, rgba(229, 124, 0, 0.32), transparent 16rem),
    linear-gradient(135deg, #1f1f1f, #3b3b3b);
  border-radius: var(--radius);
}

.results-advertise-cta h2 {
  max-width: 760px;
  margin-bottom: 8px;
  font-size: clamp(24px, 3vw, 34px);
  line-height: 1.08;
}

.results-advertise-cta p {
  max-width: 680px;
  margin: 0;
  color: rgba(255, 255, 255, 0.76);
}

.results-cta-points {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 16px;
}

.results-cta-points span {
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 999px;
  padding: 7px 10px;
  color: #ffe0b9;
  background: rgba(255, 255, 255, 0.08);
  font-size: 12px;
  font-weight: 900;
}

.ad-grid article {
  padding: 20px;
}

.ad-grid h3 {
  margin: 12px 0 8px;
}

.blog-section {
  padding-top: 14px;
}

.blog-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
}

.blog-card {
  overflow: hidden;
  cursor: pointer;
  background: #fff;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  box-shadow: var(--shadow-soft);
  transition: border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease;
}

.blog-card:hover {
  border-color: rgba(229, 124, 0, 0.38);
  box-shadow: var(--shadow);
  transform: translateY(-2px);
}

.blog-card:focus-visible {
  outline: 3px solid rgba(229, 124, 0, 0.28);
  outline-offset: 3px;
}

.blog-card img {
  width: 100%;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  background: var(--brand-soft);
}

.blog-card h3 {
  min-height: 92px;
  margin: 0;
  padding: 14px;
  font-size: 16px;
  line-height: 1.35;
}

.blog-view-all {
  display: flex;
  justify-content: center;
  margin-top: 16px;
  padding-top: 14px;
  border-top: 1px solid var(--line);
}

.blog-view-all a {
  color: var(--brand);
  font-weight: 950;
}

.advertiser-cta {
  margin-bottom: 50px;
  position: relative;
  overflow: hidden;
  padding: 34px;
  color: #fff;
  background:
    radial-gradient(circle at 92% 14%, rgba(229, 124, 0, 0.32), transparent 16rem),
    linear-gradient(135deg, #1f1f1f, #3b3b3b);
  border-radius: var(--radius);
}

.advertiser-cta::before {
  content: "";
  position: absolute;
  inset: 18px auto 18px 0;
  width: 5px;
  background: var(--brand);
  border-radius: 999px;
}

.advertiser-cta > * {
  position: relative;
}

.advertiser-cta p {
  color: rgba(255, 255, 255, 0.76);
}

.advertiser-copy {
  max-width: 680px;
}

.advertiser-points {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 22px;
}

.advertiser-points span {
  min-height: 28px;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 999px;
  padding: 6px 11px;
  color: #ffe0b9;
  background: rgba(255, 255, 255, 0.08);
  font-size: 12px;
  font-weight: 900;
}

.advertiser-panel {
  display: grid;
  gap: 10px;
  justify-self: end;
  width: min(100%, 410px);
  padding: 18px;
  color: var(--text);
  background: rgba(255, 255, 255, 0.96);
  border: 1px solid rgba(255, 255, 255, 0.34);
  border-radius: 14px;
  box-shadow: 0 18px 44px rgba(0, 0, 0, 0.22);
}

.advertiser-panel strong {
  font-size: 20px;
  line-height: 1.2;
}

.advertiser-panel p {
  color: var(--muted);
}

.cta-actions {
  display: grid;
  grid-template-columns: 1fr;
  gap: 9px;
  margin-top: 4px;
}

.cta-actions .btn {
  width: 100%;
}

.announce-page {
  width: min(1280px, calc(100% - 36px));
  min-width: 0;
  margin: 0 auto;
  padding: 32px 0 56px;
}

.announce-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(260px, 380px);
  gap: 24px;
  align-items: end;
  margin-bottom: 22px;
  padding: 28px;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(255, 243, 228, 0.76)),
    url("../img/anuncios/sopradora-romi.webp") right center / auto 100% no-repeat;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  box-shadow: var(--shadow-soft);
}

.announce-hero h1 {
  max-width: 850px;
  margin-bottom: 12px;
  font-size: clamp(34px, 5vw, 58px);
  line-height: 1.02;
}

.announce-hero p {
  max-width: 760px;
  margin: 0;
  color: var(--muted);
  line-height: 1.65;
}

.announce-hero-stats {
  display: grid;
  gap: 10px;
}

.announce-hero-stats span {
  display: grid;
  min-height: 68px;
  align-content: center;
  padding: 12px 14px;
  background: rgba(255, 255, 255, 0.88);
  border: 1px solid rgba(229, 124, 0, 0.18);
  border-radius: 12px;
  color: var(--muted);
  font-size: 13px;
  font-weight: 850;
}

.announce-hero-stats strong {
  color: var(--brand);
  font-size: 25px;
  line-height: 1;
}

.announce-layout {
  display: grid;
  min-width: 0;
  grid-template-columns: minmax(0, 1fr) 380px;
  gap: 20px;
  align-items: start;
}

.announce-form-card,
.announce-preview-panel {
  min-width: 0;
  background: #fff;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  box-shadow: var(--shadow-soft);
}

.announce-form-card {
  display: grid;
  gap: 18px;
  padding: 22px;
}

.announce-wizard-layout {
  grid-template-columns: minmax(0, 1fr) 390px;
}

.announce-form-head {
  padding-bottom: 8px;
  border-bottom: 1px solid var(--line);
}

.announce-form-head h2 {
  margin-bottom: 6px;
  font-size: clamp(26px, 3vw, 36px);
}

.announce-form-head p,
.announce-tip p {
  margin-bottom: 0;
  color: var(--muted);
  line-height: 1.55;
}

.announce-section {
  display: grid;
  gap: 13px;
}

.announce-section h3,
.announce-checklist h3 {
  margin: 0;
  font-size: 19px;
}

.announce-steps {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}

.announce-steps button {
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 48px;
  border: 1px solid var(--line);
  border-radius: 12px;
  padding: 8px 10px;
  color: var(--muted);
  background: #fff;
  cursor: pointer;
  font-size: 13px;
  font-weight: 950;
}

.announce-steps button:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.announce-steps span {
  display: grid;
  flex: 0 0 26px;
  width: 26px;
  height: 26px;
  place-items: center;
  border-radius: 999px;
  color: var(--brand);
  background: var(--brand-soft);
}

.announce-steps button.is-active {
  color: var(--text);
  border-color: rgba(229, 124, 0, 0.45);
  background: #fffaf3;
}

.announce-steps button.is-complete span,
.announce-steps button.is-active span {
  color: #fff;
  background: var(--brand);
}

.announce-step-panel {
  display: none;
  gap: 18px;
  padding: 18px;
  background: #fbfcfd;
  border: 1px solid var(--line);
  border-radius: 14px;
}

.announce-step-panel.is-active {
  display: grid;
}

.announce-section-title {
  display: grid;
  gap: 6px;
}

.announce-section-title span {
  width: fit-content;
  border-radius: 999px;
  padding: 5px 9px;
  color: #7a3e00;
  background: var(--brand-soft);
  font-size: 11px;
  font-weight: 950;
  text-transform: uppercase;
}

.announce-section-title h3 {
  margin: 0;
  font-size: clamp(22px, 3vw, 30px);
  line-height: 1.12;
}

.announce-section-title p {
  max-width: 760px;
  margin: 0;
  color: var(--muted);
  line-height: 1.55;
}

.announce-section-title.compact {
  margin-top: 4px;
  padding-top: 16px;
  border-top: 1px solid var(--line);
}

.announce-section-title.compact h3 {
  font-size: 20px;
}

.announce-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 13px;
}

.announce-span-2 {
  grid-column: 1 / -1;
}

.photo-uploader {
  display: grid;
  grid-template-columns: 1.4fr repeat(3, minmax(120px, 1fr));
  gap: 10px;
}

.photo-slot {
  display: grid;
  min-height: 116px;
  place-items: center;
  overflow: hidden;
  border: 1px dashed rgba(229, 124, 0, 0.45);
  border-radius: 12px;
  color: var(--brand);
  background: var(--brand-soft);
  cursor: pointer;
  font-weight: 900;
}

.photo-slot-main {
  position: relative;
  min-height: 150px;
  color: #fff;
  border-style: solid;
  background: #222;
}

.photo-slot-main img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.photo-slot-main span {
  position: absolute;
  left: 10px;
  bottom: 10px;
  padding: 6px 9px;
  background: rgba(0, 0, 0, 0.62);
  border-radius: 999px;
  font-size: 12px;
}

.photo-toolbar {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  align-items: center;
}

.photo-toolbar span {
  color: var(--muted);
  font-size: 13px;
  line-height: 1.45;
}

.photo-manager {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.photo-empty-state {
  display: grid;
  grid-column: 1 / -1;
  min-height: 210px;
  place-items: center;
  border: 1px dashed rgba(229, 124, 0, 0.45);
  border-radius: 14px;
  color: var(--brand);
  background: #fffaf3;
  cursor: pointer;
  text-align: center;
}

.photo-empty-state strong {
  font-size: 20px;
}

.photo-empty-state span {
  color: var(--muted);
  font-size: 14px;
}

.photo-item {
  overflow: hidden;
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 12px;
}

.photo-item.is-primary {
  border-color: rgba(229, 124, 0, 0.7);
  box-shadow: 0 0 0 3px rgba(229, 124, 0, 0.12);
}

.photo-item img {
  width: 100%;
  aspect-ratio: 4 / 3;
  object-fit: cover;
  background: var(--brand-soft);
}

.photo-item-bar {
  display: grid;
  grid-template-columns: 1fr 34px 34px 62px;
  gap: 6px;
  padding: 8px;
}

.photo-item-bar button {
  min-width: 0;
  min-height: 32px;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 0 7px;
  color: var(--text);
  background: #fff;
  cursor: pointer;
  font-size: 11px;
  font-weight: 900;
}

.photo-item.is-primary .photo-item-bar button:first-child {
  color: #fff;
  background: var(--brand);
  border-color: var(--brand);
}

.photo-item-bar button:disabled {
  opacity: 0.38;
  cursor: not-allowed;
}

.announce-plan-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.announce-plan-choice-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr));
  gap: 14px;
  align-items: stretch;
  min-width: 0;
}

.announce-plan-choice-grid.needs-choice {
  animation: choicePulse 0.45s ease;
}

@keyframes choicePulse {
  0%,
  100% {
    transform: translateX(0);
  }
  35% {
    transform: translateX(-5px);
  }
  70% {
    transform: translateX(5px);
  }
}

.announce-plan-card {
  position: relative;
  display: grid;
  grid-template-rows: auto auto auto auto 1fr auto auto;
  gap: 12px;
  min-height: 410px;
  padding: 20px;
  overflow: hidden;
  background:
    linear-gradient(180deg, #ffffff, #fffaf3);
  border: 1px solid var(--line);
  border-radius: 14px;
  cursor: pointer;
  min-width: 0;
  overflow-wrap: anywhere;
  transition: border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease;
}

.announce-plan-card:hover {
  border-color: rgba(229, 124, 0, 0.42);
  box-shadow: var(--shadow);
  transform: translateY(-2px);
}

.announce-plan-card:has(input:checked) {
  border-color: rgba(229, 124, 0, 0.85);
  box-shadow: 0 0 0 3px rgba(229, 124, 0, 0.12), var(--shadow);
}

.announce-plan-card.is-recommended {
  background:
    linear-gradient(180deg, #fff, #fff4e5);
  border-color: rgba(229, 124, 0, 0.36);
}

.announce-plan-card input {
  position: absolute;
  right: 16px;
  top: 16px;
  width: 20px;
  min-height: 20px;
  accent-color: var(--brand);
}

.plan-ribbon {
  position: absolute;
  top: 14px;
  left: -34px;
  width: 134px;
  padding: 5px 0;
  color: #fff;
  background: var(--brand);
  font-size: 10px;
  font-weight: 950;
  text-align: center;
  text-transform: uppercase;
  transform: rotate(-34deg);
}

.plan-pill {
  width: fit-content;
  min-height: 28px;
  border-radius: 999px;
  padding: 6px 10px;
  color: #7a3e00;
  background: var(--brand-soft);
  font-size: 11px;
  font-weight: 950;
  text-transform: uppercase;
}

.announce-plan-card strong {
  padding-right: 28px;
  font-size: 27px;
  line-height: 1.05;
  overflow-wrap: anywhere;
}

.announce-plan-card p {
  margin: 0;
  color: var(--muted);
  line-height: 1.5;
  overflow-wrap: anywhere;
}

.plan-price-line {
  display: grid;
  gap: 2px;
  padding-block: 6px;
}

.plan-price-line b {
  color: var(--text);
  font-size: 30px;
  line-height: 1;
}

.plan-price-line small {
  color: var(--muted);
  font-weight: 850;
  overflow-wrap: anywhere;
}

.announce-plan-card ul {
  display: grid;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.announce-plan-card li {
  position: relative;
  padding-left: 22px;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.35;
  font-weight: 750;
  overflow-wrap: anywhere;
}

.announce-plan-card li::before {
  content: "✓";
  position: absolute;
  left: 0;
  top: 0;
  color: var(--brand);
  font-weight: 950;
}

.announce-plan-card em {
  display: grid;
  min-height: 42px;
  place-items: center;
  border: 1px solid rgba(229, 124, 0, 0.38);
  border-radius: 12px;
  color: var(--brand);
  background: #fff;
  font-style: normal;
  font-weight: 950;
}

.announce-plan-card:has(input:checked) em {
  color: #fff;
  background: var(--brand);
  border-color: var(--brand);
}

.plan-action-hint {
  display: block;
  min-height: 0;
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
  line-height: 1.35;
  text-align: center;
  overflow-wrap: anywhere;
}

.announce-plan-note {
  display: flex;
  flex-wrap: wrap;
  gap: 6px 10px;
  align-items: center;
  padding: 13px 14px;
  color: var(--muted);
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 12px;
  font-size: 13px;
}

.announce-plan-note strong {
  color: var(--text);
}

.plan-after-section {
  display: grid;
  grid-column: 1 / -1;
  grid-template-columns: minmax(190px, 0.55fr) minmax(0, 1fr);
  gap: 12px;
  align-items: center;
  margin-top: 0;
  padding: 14px;
  background:
    linear-gradient(135deg, #fffaf3 0%, #ffffff 62%);
  border: 1px solid var(--line);
  border-radius: 12px;
}

.plan-flow-copy {
  display: grid;
  align-content: center;
  gap: 4px;
}

.plan-flow-copy h3 {
  margin: 0;
  font-size: 18px;
  line-height: 1.15;
}

.plan-flow-copy p {
  margin: 0;
  color: var(--muted);
  line-height: 1.55;
}

.plan-flow-steps {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.plan-flow-steps article {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 2px 8px;
  min-height: 72px;
  padding: 10px;
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 12px;
}

.plan-flow-steps span {
  grid-row: span 2;
  color: var(--brand);
  font-size: 12px;
  font-weight: 950;
}

.plan-flow-steps strong {
  font-size: 14px;
}

.plan-flow-steps small {
  color: var(--muted);
  font-size: 12px;
  font-weight: 750;
}

.payment-method-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.payment-method-card {
  position: relative;
  display: grid;
  gap: 7px;
  min-height: 128px;
  padding: 16px 48px 16px 16px;
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 12px;
  cursor: pointer;
}

.payment-method-card:has(input:checked) {
  border-color: rgba(229, 124, 0, 0.78);
  background: #fffaf3;
  box-shadow: 0 0 0 3px rgba(229, 124, 0, 0.1);
}

.payment-method-card input {
  position: absolute;
  right: 16px;
  top: 16px;
  width: 20px;
  min-height: 20px;
  accent-color: var(--brand);
}

.payment-method-card strong {
  font-size: 20px;
}

.payment-method-card span,
.payment-note span {
  color: var(--muted);
  line-height: 1.45;
}

.payment-note,
.order-success-card,
.plan-summary-card {
  display: grid;
  gap: 10px;
  padding: 16px;
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 12px;
}

.payment-custom-message,
.payment-order-summary {
  display: grid;
  gap: 10px;
  padding: 16px;
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 12px;
}

.payment-custom-message {
  display: none;
  background: #fffaf3;
  border-color: rgba(229, 124, 0, 0.26);
}

.payment-order-summary dl,
.panel-card dl {
  display: grid;
  gap: 1px;
  overflow: hidden;
  margin: 0;
  border: 1px solid var(--line);
  border-radius: 12px;
}

.payment-order-summary dl {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.payment-order-summary dl div,
.panel-card dl div {
  display: grid;
  gap: 5px;
  padding: 11px;
  background: #fbfcfd;
}

.payment-order-summary dt,
.panel-card dt {
  color: var(--muted);
  font-size: 11px;
  font-weight: 950;
  text-transform: uppercase;
}

.payment-order-summary dd,
.panel-card dd {
  margin: 0;
  font-weight: 850;
  overflow-wrap: anywhere;
}

.payment-submit-feedback {
  padding: 12px 14px;
  color: #0b1a2a;
  font-weight: 850;
  background: #eef7ff;
  border: 1px solid #bfdbfe;
  border-radius: 12px;
}

.payment-submit-feedback.is-error {
  color: #8a1f11;
  background: #fff4f0;
  border-color: #ffc9ba;
}

.captcha-check {
  display: flex;
  gap: 10px;
  align-items: center;
  width: fit-content;
  min-height: 48px;
  padding: 10px 12px;
  color: var(--text);
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 12px;
}

.captcha-check input {
  width: 20px;
  min-height: 20px;
  accent-color: var(--brand);
}

.captcha-check span {
  color: var(--text);
  font-size: 14px;
  text-transform: none;
}

.captcha-check a {
  color: var(--brand);
  font-weight: 950;
  text-decoration: none;
}

.captcha-check a:hover {
  text-decoration: underline;
}

.order-success-card {
  min-height: 230px;
  align-content: center;
  text-align: center;
}

.order-success-card > span {
  justify-self: center;
  border-radius: 999px;
  padding: 7px 12px;
  color: #7a3e00;
  background: var(--brand-soft);
  font-size: 13px;
  font-weight: 950;
}

.legal-page {
  width: min(980px, calc(100% - 32px));
  margin: 0 auto;
  padding: 54px 0 80px;
}

.legal-hero {
  padding: 36px;
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 18px;
  box-shadow: var(--shadow-soft);
}

.legal-hero h1 {
  margin: 8px 0 10px;
  color: var(--text);
  font-size: clamp(34px, 5vw, 58px);
  line-height: 1;
}

.legal-hero p,
.legal-content p {
  color: var(--muted);
  line-height: 1.7;
}

.legal-content {
  display: grid;
  gap: 12px;
  margin-top: 24px;
  padding: 34px 36px;
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 18px;
}

.legal-content h2 {
  margin: 18px 0 0;
  color: var(--text);
  font-size: 22px;
}

.legal-page-enhanced {
  width: min(1220px, calc(100% - 32px));
}

.legal-hero-enhanced {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 340px;
  gap: 28px;
  align-items: stretch;
  overflow: hidden;
  color: #fff;
  background:
    radial-gradient(circle at 10% 20%, rgba(245, 132, 0, 0.28), transparent 32%),
    linear-gradient(135deg, #07101a 0%, #101c2a 58%, #f58400 220%);
  border-color: rgba(7, 16, 26, 0.18);
}

.legal-hero-enhanced h1,
.legal-hero-enhanced p {
  color: #fff;
}

.legal-hero-enhanced .eyebrow {
  color: var(--brand);
}

.legal-hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 24px;
}

.legal-summary-card {
  display: grid;
  align-content: center;
  gap: 12px;
  min-height: 250px;
  padding: 28px;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 16px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

.legal-summary-card span {
  color: var(--brand);
  font-size: 12px;
  font-weight: 950;
  text-transform: uppercase;
}

.legal-summary-card strong {
  color: #fff;
  font-size: 24px;
  line-height: 1.15;
}

.legal-summary-card p {
  margin: 0;
  color: rgba(255, 255, 255, 0.78);
}

.legal-layout {
  display: grid;
  grid-template-columns: 260px minmax(0, 1fr);
  gap: 24px;
  margin-top: 24px;
}

.legal-index {
  position: sticky;
  top: 18px;
  display: grid;
  gap: 8px;
  align-self: start;
  padding: 20px;
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 16px;
  box-shadow: var(--shadow-soft);
}

.legal-index strong {
  margin-bottom: 6px;
  color: var(--text);
  font-weight: 950;
}

.legal-index a {
  padding: 10px 12px;
  color: var(--muted);
  font-weight: 800;
  text-decoration: none;
  border-radius: 10px;
}

.legal-index a:hover {
  color: var(--text);
  background: var(--brand-soft);
}

.legal-content-enhanced {
  gap: 0;
  padding: 0;
  overflow: hidden;
}

.legal-content-enhanced article {
  display: grid;
  grid-template-columns: 54px minmax(0, 1fr);
  column-gap: 18px;
  padding: 30px 34px;
  border-bottom: 1px solid var(--line);
  scroll-margin-top: 20px;
}

.legal-content-enhanced article > span {
  display: inline-grid;
  place-items: center;
  width: 42px;
  height: 42px;
  color: #7a3e00;
  font-size: 13px;
  font-weight: 950;
  background: var(--brand-soft);
  border: 1px solid rgba(245, 132, 0, 0.22);
  border-radius: 50%;
}

.legal-content-enhanced article h2 {
  margin: 0 0 10px;
}

.legal-content-enhanced article p {
  grid-column: 2;
  margin: 0;
  font-size: 16px;
}

.legal-contact-box {
  margin: 30px 34px 34px;
  padding: 24px;
  background: #fff8ef;
  border: 1px solid rgba(245, 132, 0, 0.25);
  border-radius: 14px;
}

.legal-contact-box strong {
  display: block;
  margin-bottom: 8px;
  color: var(--text);
  font-size: 22px;
}

.legal-contact-box p {
  margin: 0 0 12px;
}

.legal-contact-box a {
  color: var(--brand);
  font-weight: 950;
  text-decoration: none;
}

@media (max-width: 820px) {
  .legal-hero-enhanced,
  .legal-layout {
    grid-template-columns: 1fr;
  }

  .legal-summary-card {
    min-height: auto;
  }

  .legal-index {
    position: static;
  }

  .legal-content-enhanced article {
    grid-template-columns: 1fr;
    gap: 12px;
    padding: 24px;
  }

  .legal-content-enhanced article p {
    grid-column: auto;
  }

  .legal-contact-box {
    margin: 24px;
  }
}

.order-success-card h3 {
  margin: 0;
  font-size: clamp(24px, 3vw, 34px);
}

.order-success-card p {
  max-width: 620px;
  margin: 0 auto;
  color: var(--muted);
  line-height: 1.55;
}

.order-success-card .btn {
  justify-self: center;
}

.plan-summary-card h3 {
  margin: 0;
  font-size: 28px;
}

.plan-summary-card > strong {
  color: var(--brand);
  font-size: 24px;
}

.plan-summary-card p {
  margin: 0;
  color: var(--muted);
}

.plan-summary-card ul {
  display: grid;
  gap: 7px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.plan-summary-card li {
  position: relative;
  padding-left: 20px;
  color: var(--muted);
  font-size: 13px;
  font-weight: 800;
}

.plan-summary-card li::before {
  content: "✓";
  position: absolute;
  left: 0;
  color: var(--brand);
}

.plan-summary-line {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  border-top: 1px solid var(--line);
  padding-top: 9px;
  color: var(--muted);
  font-size: 13px;
}

.plan-summary-line b {
  color: var(--text);
  text-align: right;
}

.plan-benefit-strip {
  display: grid;
  gap: 8px;
  border-top: 1px solid var(--line);
  padding-top: 10px;
}

.plan-benefit-strip span {
  display: grid;
  gap: 2px;
  padding: 10px;
  background: #fffaf3;
  border: 1px solid rgba(229, 124, 0, 0.16);
  border-radius: 10px;
  color: var(--muted);
  font-size: 13px;
}

.plan-benefit-strip b {
  color: var(--text);
}

.plan-summary-cta {
  padding: 12px;
  color: #7a3e00;
  background: var(--brand-soft);
  border-radius: 10px;
  font-size: 13px;
  font-weight: 950;
  line-height: 1.45;
}

.announce-plan {
  position: relative;
  display: grid;
  gap: 6px;
  min-height: 126px;
  padding: 14px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: #fff;
  cursor: pointer;
}

.announce-plan:has(input:checked) {
  border-color: rgba(229, 124, 0, 0.56);
  background: var(--brand-soft);
}

.announce-plan input {
  position: absolute;
  right: 12px;
  top: 12px;
  width: 18px;
  min-height: 18px;
  accent-color: var(--brand);
}

.announce-plan strong {
  padding-right: 26px;
  font-size: 17px;
}

.announce-plan span {
  color: var(--muted);
  font-size: 13px;
  line-height: 1.45;
}

.announce-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  padding-top: 4px;
}

.announce-actions .btn {
  min-width: 150px;
}

.announce-preview-panel {
  padding: 16px;
}

.announce-preview-sticky {
  position: sticky;
  top: 96px;
  display: grid;
  gap: 14px;
}

.announce-preview-card {
  box-shadow: none;
}

.announce-checklist,
.announce-tip {
  display: grid;
  gap: 10px;
  padding: 14px;
  background: #fffaf4;
  border: 1px solid rgba(229, 124, 0, 0.2);
  border-radius: 12px;
}

.announce-checklist span {
  position: relative;
  padding-left: 24px;
  color: var(--muted);
  font-size: 14px;
  font-weight: 850;
}

.announce-checklist span::before {
  content: "";
  position: absolute;
  left: 0;
  top: 2px;
  width: 16px;
  height: 16px;
  border: 1px solid rgba(229, 124, 0, 0.38);
  border-radius: 999px;
  background: #fff;
}

.announce-checklist span.is-ready {
  color: var(--text);
}

.announce-checklist span.is-ready::before {
  content: "✓";
  display: grid;
  place-items: center;
  color: #fff;
  background: var(--brand);
  border-color: var(--brand);
  font-size: 11px;
  font-weight: 950;
}

.footer {
  display: grid;
  grid-template-columns: minmax(230px, 1.05fr) repeat(4, minmax(140px, 0.8fr));
  gap: 28px;
  width: 100%;
  margin-inline: 0;
  padding: 34px max(18px, calc((100vw - var(--container)) / 2)) 18px;
  background: #0b0d0e;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.pre-footer-section {
  display: grid;
  gap: 24px;
  width: 100%;
  margin-top: 44px;
  padding: 34px max(18px, calc((100vw - var(--container)) / 2)) 28px;
  color: #fff;
  background:
    radial-gradient(circle at 78% 22%, rgba(229, 124, 0, 0.16), transparent 32%),
    linear-gradient(135deg, #090b0c, #171919);
}

.why-buy {
  display: grid;
  gap: 20px;
}

.why-buy > .eyebrow {
  justify-self: center;
  margin-bottom: 0;
  color: #ffb000;
}

.why-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
}

.why-grid article {
  display: grid;
  grid-template-columns: 56px minmax(0, 1fr);
  gap: 10px 14px;
  align-items: center;
  min-height: 108px;
  padding: 16px;
  background: rgba(255, 255, 255, 0.035);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 8px;
}

.why-grid span {
  display: grid;
  width: 56px;
  height: 56px;
  place-items: center;
  grid-row: 1 / 3;
  color: #ffb000;
  background: rgba(255, 176, 0, 0.08);
  border-radius: 8px;
  font-size: 26px;
  font-weight: 950;
}

.why-grid strong {
  color: #fff;
  font-size: 14px;
  text-transform: uppercase;
}

.why-grid p {
  grid-column: 2;
  margin: 0;
  color: rgba(255, 255, 255, 0.72);
  font-size: 13px;
  line-height: 1.45;
}

.sell-machine-strip {
  display: grid;
  grid-template-columns: 86px minmax(0, 1fr) auto;
  gap: 18px;
  align-items: center;
  padding: 18px 24px;
  color: #151515;
  background:
    linear-gradient(135deg, rgba(255, 207, 67, 0.96), rgba(238, 124, 0, 0.94)),
    url("../img/hero-maquinas-multisegmentos.webp") right center / auto 160% no-repeat;
  border-radius: 8px;
}

.sell-machine-strip > span {
  font-size: 52px;
}

.sell-machine-strip strong {
  display: block;
  margin-bottom: 4px;
  font-size: 22px;
  text-transform: uppercase;
}

.sell-machine-strip p {
  margin: 0;
  font-weight: 750;
  line-height: 1.4;
}

.sell-machine-strip .btn {
  min-width: 170px;
  border-radius: 6px;
}

.site-dark-footer {
  color: #fff;
  background:
    radial-gradient(circle at 18% 0%, rgba(229, 124, 0, 0.1), transparent 28%),
    linear-gradient(135deg, #090b0c, #151718);
}

.site-dark-footer .footer-brand > img {
  filter: brightness(0) invert(1);
}

.site-dark-footer h3 {
  color: #fff;
  font-size: 13px;
  text-transform: uppercase;
}

.site-dark-footer a,
.site-dark-footer p {
  color: rgba(255, 255, 255, 0.72);
}

.site-dark-footer .footer-column a:hover,
.site-dark-footer .footer-bottom a:hover {
  color: #ffb000;
}

.site-dark-footer .footer-social a {
  color: #fff;
  background: rgba(255, 255, 255, 0.055);
  border-color: rgba(255, 255, 255, 0.16);
}

.site-dark-footer .footer-social a:hover {
  color: #141414;
  background: #ffb000;
}

.site-dark-footer .footer-bottom {
  border-color: rgba(255, 255, 255, 0.1);
}

.site-dark-footer .footer-bottom,
.site-dark-footer .footer-bottom a {
  color: rgba(255, 255, 255, 0.78);
}

.companies-page {
  min-height: 100vh;
  background: #f4f6f8;
}

.companiesHero {
  padding: 74px 0 42px;
  color: #fff;
  background:
    linear-gradient(90deg, rgba(2, 14, 26, 0.94), rgba(2, 14, 26, 0.72)),
    url("../img/hero-maquinas-multisegmentos.webp") center / cover no-repeat;
}

.companiesHeroInner {
  display: grid;
  gap: 18px;
}

.companiesHero h1 {
  max-width: 860px;
  margin: 0;
  color: #fff;
  font-size: clamp(38px, 5vw, 72px);
  line-height: 0.98;
  letter-spacing: 0;
}

.companiesHero p {
  max-width: 720px;
  margin: 0;
  color: rgba(255, 255, 255, 0.82);
  font-size: clamp(17px, 2vw, 22px);
  line-height: 1.48;
}

.companiesSearch {
  display: grid;
  grid-template-columns: minmax(260px, 1.6fr) minmax(160px, 0.7fr) minmax(160px, 0.7fr) auto;
  gap: 10px;
  align-items: end;
  max-width: 1180px;
  margin-top: 18px;
  padding: 14px;
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.96);
  box-shadow: 0 24px 70px rgba(0, 0, 0, 0.24);
}

.companiesSearch label {
  display: grid;
  gap: 6px;
  min-width: 0;
}

.companiesSearch span {
  color: #4c5663;
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}

.companiesSearch input,
.companiesSearch select {
  width: 100%;
  min-width: 0;
  height: 52px;
  border: 1px solid #d7dde4;
  border-radius: 10px;
  padding: 0 14px;
  color: #111827;
  background: #fff;
  font: 650 15px/1.2 var(--font, inherit);
  outline: 0;
}

.companiesSearch button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  height: 52px;
  border: 0;
  border-radius: 10px;
  padding: 0 24px;
  color: #fff;
  background: #ee7c00;
  font-weight: 950;
  cursor: pointer;
}

.companiesSponsorWrap {
  position: relative;
  display: grid;
  grid-template-columns: 40px minmax(0, 1fr) 40px;
  gap: 12px;
  align-items: center;
  margin-top: 32px;
}

.companiesSponsorTrack {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.companySponsorCard {
  position: relative;
  isolation: isolate;
  display: flex;
  min-height: 218px;
  overflow: hidden;
  border-radius: 8px;
  color: #fff;
  background: #061524;
  box-shadow: 0 18px 42px rgba(10, 24, 38, 0.16);
}

.companySponsorCard img,
.companySponsorCard > span {
  position: absolute;
  inset: 0;
  z-index: -2;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.companySponsorCard > span {
  z-index: -1;
  background: linear-gradient(90deg, rgba(3, 15, 28, 0.94), rgba(3, 15, 28, 0.42));
}

.companySponsorCard div {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  width: min(82%, 380px);
  padding: 26px;
}

.companySponsorCard small {
  margin-bottom: 8px;
  color: #ff9b18;
  font-size: 12px;
  font-weight: 950;
  text-transform: uppercase;
}

.companySponsorCard h2 {
  margin: 0 0 10px;
  color: #fff;
  font-size: clamp(24px, 2.1vw, 34px);
  line-height: 1.02;
}

.companySponsorCard p {
  margin: 0 0 18px;
  color: rgba(255, 255, 255, 0.84);
  font-size: 15px;
  line-height: 1.42;
}

.companySponsorCard strong {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  border-radius: 6px;
  padding: 0 18px;
  color: #061524;
  background: #fff;
  font-size: 14px;
}

.companiesCarouselArrow {
  display: grid;
  width: 40px;
  height: 40px;
  place-items: center;
  border: 1px solid #d9e0e7;
  border-radius: 999px;
  color: #061524;
  background: #fff;
  box-shadow: 0 10px 26px rgba(10, 24, 38, 0.12);
  cursor: pointer;
}

.companiesDots {
  grid-column: 1 / -1;
  display: flex;
  justify-content: center;
  gap: 7px;
}

.companiesDots b,
.companiesDots i {
  width: 10px;
  height: 10px;
  border-radius: 999px;
  background: #c5ced8;
}

.companiesDots b {
  background: #ee7c00;
}

.companiesQuickStats {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin-top: 28px;
}

.companiesQuickStats article {
  display: grid;
  grid-template-columns: 44px 1fr;
  gap: 4px 12px;
  align-items: center;
  min-height: 92px;
  padding: 18px;
  border: 1px solid #dfe5eb;
  border-radius: 8px;
  background: #fff;
}

.companiesQuickStats i {
  grid-row: span 2;
  display: grid;
  width: 44px;
  height: 44px;
  place-items: center;
  border-radius: 8px;
  color: #ee7c00;
  background: #fff3e4;
  font-size: 22px;
}

.companiesQuickStats strong {
  color: #071525;
  font-size: 28px;
  line-height: 1;
}

.companiesQuickStats span {
  color: #586473;
  font-size: 13px;
  font-weight: 750;
}

.companiesDirectory {
  margin-top: 38px;
}

.companiesDirectory .sectionHead small {
  color: #ee7c00;
  font-weight: 950;
  text-transform: uppercase;
}

.companiesTabs {
  display: flex;
  gap: 8px;
  overflow-x: auto;
  padding: 4px 0 18px;
}

.companiesTabs button {
  flex: 0 0 auto;
  border: 1px solid #dfe5eb;
  border-radius: 999px;
  padding: 10px 16px;
  color: #4d5865;
  background: #fff;
  font-weight: 850;
  cursor: pointer;
}

.companiesTabs button.is-active {
  color: #fff;
  border-color: #071525;
  background: #071525;
}

.companiesGrid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 14px;
}

.companyDirectoryCard,
.companiesEmpty {
  min-width: 0;
  border: 1px solid #dfe5eb;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 14px 34px rgba(10, 24, 38, 0.08);
}

.companyDirectoryCard {
  display: flex;
  min-height: 166px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding: 24px 18px;
  color: #071525;
  text-align: center;
  transition: transform 160ms ease, box-shadow 160ms ease, border-color 160ms ease;
}

.companyDirectoryCard:hover {
  transform: translateY(-3px);
  border-color: rgba(238, 124, 0, 0.42);
  box-shadow: 0 20px 44px rgba(10, 24, 38, 0.13);
}

.companyDirectoryLogo {
  display: grid;
  width: 100%;
  min-height: 58px;
  place-items: center;
}

.companyDirectoryLogo img {
  max-width: 88%;
  max-height: 58px;
  object-fit: contain;
}

.companyDirectoryLogo strong {
  color: #062343;
  font-size: clamp(28px, 3vw, 42px);
  font-weight: 950;
  line-height: 1;
}

.companyDirectoryCard h3 {
  margin: 0;
  color: #071525;
  font-size: 15px;
  font-weight: 950;
  line-height: 1.2;
}

.companyDirectoryCard p {
  margin: 0;
  color: #647081;
  font-size: 13px;
  font-weight: 650;
}

.companiesEmpty {
  grid-column: 1 / -1;
  padding: 30px;
  text-align: center;
}

.companiesEmpty strong {
  display: block;
  color: #071525;
  font-size: 24px;
}

.companiesEmpty p {
  color: #647081;
}

.companiesEmpty a {
  color: #ee7c00;
  font-weight: 950;
}

.companiesCta {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  gap: 12px;
  align-items: center;
  margin-block: 44px 54px;
  padding: 26px;
  border-radius: 8px;
  color: #fff;
  background:
    linear-gradient(90deg, rgba(4, 19, 33, 0.96), rgba(4, 19, 33, 0.8)),
    url("../img/categorias/industriais.webp") center / cover no-repeat;
}

.companiesCta small {
  color: #ff9b18;
  font-weight: 950;
  text-transform: uppercase;
}

.companiesCta h2 {
  max-width: 740px;
  margin: 6px 0 8px;
  color: #fff;
  font-size: clamp(28px, 3.5vw, 46px);
}

.companiesCta p {
  max-width: 640px;
  margin: 0;
  color: rgba(255, 255, 255, 0.78);
}

@media (max-width: 1100px) {
  .companiesSearch {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .companiesSearch button {
    grid-column: span 2;
  }

  .companiesSponsorTrack,
  .companiesQuickStats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .companiesGrid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  .companiesHero {
    padding: 46px 0 30px;
  }

  .companiesHero h1 {
    font-size: clamp(34px, 11vw, 48px);
  }

  .companiesSearch,
  .companiesSponsorWrap,
  .companiesSponsorTrack,
  .companiesQuickStats,
  .companiesCta {
    grid-template-columns: 1fr;
  }

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

  .companyDirectoryCard {
    min-height: 150px;
  }

  .companiesSearch button {
    grid-column: auto;
  }

  .companiesCarouselArrow {
    display: none;
  }

  .companySponsorCard {
    min-height: 190px;
  }

  .companySponsorCard:nth-child(n+2) {
    display: none;
  }

  .companiesCta {
    align-items: start;
  }

  .companiesCta .btn {
    width: 100%;
  }
}

.footer-newsletter form {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 48px;
  gap: 0;
  overflow: hidden;
  margin-top: 12px;
  border: 1px solid rgba(255, 176, 0, 0.48);
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.04);
}

.footer-newsletter input {
  min-width: 0;
  height: 48px;
  border: 0;
  padding: 0 14px;
  color: #fff;
  background: transparent;
  font: inherit;
  outline: 0;
}

.footer-newsletter input::placeholder {
  color: rgba(255, 255, 255, 0.64);
}

.footer-newsletter button {
  display: grid;
  height: 48px;
  place-items: center;
  border: 0;
  color: #151515;
  background: linear-gradient(135deg, #ffd14b, #ee7c00);
  font-size: 18px;
  font-weight: 950;
  cursor: pointer;
}

body:has(.results-page) .footer,
body:has(.listing-detail-page) .footer,
body:has(.advertiser-page) .footer,
body:has(.announce-page) .footer,
body:has(.panel-page) .footer,
body:has(.buyer-page) .footer {
  padding-inline: max(18px, calc((100vw - 1280px) / 2));
}

.panel-page {
  width: min(1280px, calc(100% - 36px));
  margin: 0 auto;
  padding: 32px 0 56px;
}

.panel-loading,
.panel-error,
.panel-hero,
.panel-card,
.panel-listing-lock,
.panel-step-grid article {
  background: #fff;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  box-shadow: var(--shadow-soft);
}

.panel-loading,
.panel-error {
  display: grid;
  min-height: 280px;
  place-items: center;
  padding: 30px;
  text-align: center;
}

.panel-error h1 {
  max-width: 680px;
  margin-bottom: 10px;
  font-size: clamp(34px, 5vw, 58px);
}

.panel-error p {
  max-width: 560px;
  color: var(--muted);
  line-height: 1.55;
}

.panel-shell {
  display: grid;
  gap: 18px;
}

.panel-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(260px, 360px);
  gap: 18px;
  align-items: end;
  padding: 24px;
}

.panel-hero h1 {
  margin-bottom: 10px;
  font-size: clamp(36px, 5vw, 62px);
  line-height: 1.02;
}

.panel-hero p {
  max-width: 760px;
  margin: 0;
  color: var(--muted);
  line-height: 1.55;
}

.panel-status-card {
  display: grid;
  gap: 8px;
  padding: 18px;
  background: #fffaf3;
  border: 1px solid rgba(229, 124, 0, 0.28);
  border-radius: 14px;
}

.panel-status-card span {
  width: fit-content;
  border-radius: 999px;
  padding: 5px 9px;
  color: #7a3e00;
  background: var(--brand-soft);
  font-size: 12px;
  font-weight: 950;
}

.panel-status-card strong {
  font-size: 24px;
}

.panel-status-card small {
  color: var(--muted);
  font-weight: 800;
}

.panel-status-card.is-active {
  color: #0b3d20;
  background: #ebfff3;
  border-color: rgba(37, 211, 102, 0.4);
}

.panel-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}

.panel-card {
  display: grid;
  gap: 14px;
  padding: 18px;
}

.panel-card-head h2 {
  margin-bottom: 0;
  font-size: clamp(24px, 3vw, 34px);
}

.panel-order-card .btn {
  justify-self: start;
}

.panel-listing-lock {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 18px;
  align-items: center;
  padding: 22px;
  background:
    linear-gradient(135deg, #ffffff 0%, #fffaf3 100%);
}

.panel-listing-lock h2 {
  margin-bottom: 8px;
  font-size: clamp(26px, 4vw, 42px);
}

.panel-listing-lock p {
  max-width: 780px;
  margin: 0;
  color: var(--muted);
  line-height: 1.55;
}

.panel-listing-lock .btn:disabled {
  opacity: 0.54;
  cursor: not-allowed;
}

.panel-listing-lock.is-open {
  background:
    linear-gradient(135deg, #ffffff 0%, #effff5 100%);
}

.panel-next-steps {
  padding-top: 16px;
}

.panel-step-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

.panel-step-grid article {
  display: grid;
  gap: 8px;
  padding: 18px;
}

.panel-step-grid span {
  display: grid;
  width: 36px;
  height: 36px;
  place-items: center;
  color: #fff;
  background: var(--brand);
  border-radius: 999px;
  font-weight: 950;
}

.panel-step-grid strong {
  font-size: 18px;
}

.panel-step-grid p {
  margin: 0;
  color: var(--muted);
  line-height: 1.5;
}

.orders-page {
  width: min(1280px, calc(100% - 36px));
  margin: 0 auto;
  padding: 32px 0 56px;
}

.orders-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(280px, 420px);
  gap: 20px;
  align-items: end;
  margin-bottom: 18px;
  padding: 24px;
  background: #fff;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  box-shadow: var(--shadow-soft);
}

.orders-hero h1 {
  margin-bottom: 10px;
  font-size: clamp(34px, 5vw, 58px);
  line-height: 1.02;
}

.orders-hero p {
  max-width: 760px;
  margin: 0;
  color: var(--muted);
  line-height: 1.55;
}

.orders-stats {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.orders-stats span {
  display: grid;
  min-height: 72px;
  place-items: center;
  padding: 10px;
  color: var(--muted);
  background: var(--brand-soft);
  border-radius: 12px;
  font-size: 12px;
  font-weight: 900;
  text-align: center;
}

.orders-stats strong {
  color: var(--brand);
  font-size: 26px;
  line-height: 1;
}

.orders-toolbar {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 260px;
  gap: 12px;
  margin-bottom: 18px;
  padding: 16px;
  background: #fff;
  border: 1px solid var(--line);
  border-radius: var(--radius);
}

.orders-list {
  display: grid;
  gap: 14px;
}

.order-card,
.orders-empty {
  background: #fff;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  box-shadow: var(--shadow-soft);
}

.order-card {
  display: grid;
  gap: 14px;
  padding: 18px;
}

.order-card-head {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  align-items: flex-start;
}

.order-card-head span {
  display: inline-flex;
  margin-bottom: 8px;
  border-radius: 999px;
  padding: 5px 9px;
  color: #7a3e00;
  background: var(--brand-soft);
  font-size: 12px;
  font-weight: 950;
}

.order-card-head h2 {
  margin-bottom: 4px;
  font-size: 24px;
}

.order-card-head p {
  margin: 0;
  color: var(--muted);
}

.order-card-head > strong {
  border-radius: 999px;
  padding: 8px 11px;
  color: #fff;
  background: var(--brand);
  white-space: nowrap;
}

.order-card dl {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1px;
  overflow: hidden;
  margin: 0;
  border: 1px solid var(--line);
  border-radius: 12px;
}

.order-card dl div {
  display: grid;
  gap: 5px;
  min-height: 72px;
  padding: 12px;
  background: #fbfcfd;
}

.order-card dt {
  color: var(--muted);
  font-size: 12px;
  font-weight: 950;
  text-transform: uppercase;
}

.order-card dd {
  margin: 0;
  font-weight: 850;
  overflow-wrap: anywhere;
}

.order-notes {
  margin: 0;
  padding: 12px;
  color: var(--muted);
  background: #fffaf3;
  border: 1px solid rgba(229, 124, 0, 0.16);
  border-radius: 12px;
  line-height: 1.5;
}

.order-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.orders-empty {
  padding: 30px;
  color: var(--muted);
  text-align: center;
  font-weight: 850;
}

.footer img {
  width: 188px;
  margin-bottom: 12px;
}

.footer h3 {
  margin-bottom: 14px;
  font-size: 15px;
}

.footer a,
.footer p {
  display: block;
  margin-bottom: 8px;
}

.footer p {
  overflow-wrap: anywhere;
}

.footer-contact a {
  white-space: nowrap;
}

.footer-brand p {
  max-width: 360px;
}

.footer-column a {
  width: fit-content;
}

.footer-column a:hover,
.footer-bottom a:hover {
  color: var(--brand);
}

.footer-social {
  display: flex;
  gap: 9px;
  margin-top: 16px;
}

.footer-social a {
  display: grid;
  width: 36px;
  height: 36px;
  place-items: center;
  color: var(--brand);
  background: var(--brand-soft);
  border: 1px solid rgba(229, 124, 0, 0.18);
  border-radius: 999px;
}

.footer-social a:hover {
  color: #fff;
  background: var(--brand);
}

.footer-social svg {
  width: 18px;
  height: 18px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2;
}

.footer-bottom {
  display: flex;
  flex-wrap: wrap;
  grid-column: 1 / -1;
  justify-content: space-between;
  gap: 10px;
  margin-top: 14px;
  padding-top: 16px;
  border-top: 1px solid var(--line);
  color: var(--muted);
  font-size: 13px;
}

.footer-bottom a {
  display: inline;
  margin: 0;
  color: var(--text);
  font-weight: 900;
}

/* Footer responsivo compartilhado pelas paginas internas */
.footer,
.siteFooter {
  box-sizing: border-box;
}

.footer {
  align-items: start;
}

.footer > *,
.siteFooter > * {
  min-width: 0;
}

.siteFooter {
  width: 100%;
  margin: 0;
  padding: 34px max(18px, calc((100vw - 1260px) / 2)) 18px;
  background: #fff;
  border-top: 1px solid var(--line);
}

.siteFooter .pageShell,
.siteFooter .footerGrid,
.footerGrid {
  min-width: 0;
}

.siteFooter .footerGrid,
.footerGrid {
  display: grid;
  grid-template-columns: minmax(230px, 1.4fr) repeat(4, minmax(130px, 1fr));
  gap: 28px;
  align-items: start;
}

.siteFooter .footerBrand p,
.footer-brand p {
  max-width: 360px;
}

.siteFooter .brand,
.footerBrand .brand {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  width: fit-content;
  max-width: 100%;
  color: var(--text);
  text-decoration: none;
}

.siteFooter .brand img,
.footerBrand .brand img {
  width: 42px;
  height: 42px;
  object-fit: contain;
  flex: 0 0 auto;
}

.siteFooter .brand img.homeOriginalLogo {
  width: 190px;
  max-width: 100%;
  height: auto;
  filter: none;
}

.siteFooter .brand span,
.footerBrand .brand span {
  display: grid;
  line-height: 0.9;
}

.siteFooter .brand strong,
.footerBrand .brand strong,
.siteFooter .brand b,
.footerBrand .brand b {
  font-size: 20px;
  font-weight: 950;
}

.siteFooter .brand b,
.footerBrand .brand b {
  color: var(--brand);
}

.siteFooter h3,
.footerGrid h3 {
  margin: 0 0 12px;
  font-size: 13px;
  text-transform: uppercase;
}

.siteFooter a,
.footerGrid a {
  overflow-wrap: anywhere;
}

.siteFooter .copyright,
.copyright {
  margin: 24px auto 0;
  padding-top: 16px;
  border-top: 1px solid var(--line);
  color: var(--muted);
  font-size: 13px;
  text-align: center;
}

.siteFooter .copyright a,
.copyright a {
  color: var(--text);
  font-weight: 900;
}

.lead-dialog {
  width: min(520px, calc(100vw - 32px));
  border: 0;
  border-radius: var(--radius);
  padding: 0;
  box-shadow: var(--shadow);
}

.lead-dialog::backdrop {
  background: rgba(0, 0, 0, 0.45);
}

.lead-dialog form {
  display: grid;
  gap: 14px;
  padding: 24px;
}

.auth-dialog {
  width: min(880px, calc(100vw - 32px));
  max-height: calc(100vh - 32px);
  border: 0;
  border-radius: 14px;
  padding: 0;
  overflow: auto;
  box-shadow: 0 28px 90px rgba(0, 0, 0, 0.28);
}

.auth-dialog::backdrop {
  background: rgba(0, 0, 0, 0.58);
  backdrop-filter: blur(3px);
}

.auth-dialog form {
  position: relative;
  display: grid;
  grid-template-columns: minmax(260px, 0.85fr) minmax(320px, 1.15fr);
  gap: 0;
  min-height: 0;
  padding: 0;
  background: #fff;
}

.auth-aside {
  display: grid;
  align-content: center;
  gap: 14px;
  min-height: 0;
  padding: 34px;
  color: #fff;
  background:
    linear-gradient(145deg, rgba(9, 10, 11, 0.96), rgba(33, 23, 9, 0.92)),
    url("../img/hero-maquinas-multisegmentos.webp") center / cover no-repeat;
}

.auth-aside img {
  width: 178px;
  filter: brightness(0) invert(1);
}

.auth-aside strong {
  max-width: 260px;
  font-size: 28px;
  line-height: 1.05;
}

.auth-aside span {
  color: rgba(255, 255, 255, 0.76);
  line-height: 1.45;
}

.auth-aside ul {
  display: grid;
  gap: 10px;
  margin: 8px 0 0;
  padding: 0;
  list-style: none;
}

.auth-aside li {
  display: flex;
  gap: 9px;
  align-items: center;
  color: rgba(255, 255, 255, 0.86);
  font-size: 13px;
  font-weight: 800;
}

.auth-aside li::before {
  content: "";
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: var(--brand);
  box-shadow: 0 0 0 5px rgba(229, 124, 0, 0.16);
}

.auth-content {
  display: grid;
  align-content: center;
  gap: 12px;
  min-height: 0;
  padding: 34px;
}

.auth-content h2 {
  margin-bottom: 0;
  font-size: clamp(26px, 2.8vw, 34px);
  line-height: 1.05;
}

.auth-copy {
  margin: 0 0 4px;
  color: var(--muted);
  line-height: 1.5;
}

.auth-tabs {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  padding: 4px;
  background: #f5f6f7;
  border: 1px solid var(--line);
  border-radius: 12px;
}

.auth-fields {
  display: grid;
  gap: 9px;
}

.auth-fields label {
  gap: 7px;
}

.auth-fields input {
  min-height: 46px;
  border-radius: 10px;
  font-size: 15px;
  font-weight: 600;
}

.auth-tabs button {
  min-height: 38px;
  border: 0;
  border-radius: 9px;
  color: var(--muted);
  background: transparent;
  cursor: pointer;
  font-weight: 900;
}

.auth-tabs button.is-active {
  color: #fff;
  background: var(--brand);
}

.auth-register-only {
  display: none;
}

.auth-row {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 10px;
  align-items: center;
}

.auth-remember {
  display: inline-flex;
  grid-template-columns: auto 1fr;
  gap: 8px;
  align-items: center;
  color: var(--muted);
  font-size: 13px;
  font-weight: 800;
}

.auth-remember input {
  width: 16px;
  height: 16px;
}

.auth-message {
  min-height: 20px;
  color: var(--muted);
  font-size: 13px;
  font-weight: 850;
}

.auth-message.is-error {
  color: #b42318;
}

.auth-forgot-link,
.auth-back-login {
  display: inline-flex;
  width: fit-content;
  border: 0;
  padding: 0;
  color: var(--brand);
  background: transparent;
  cursor: pointer;
  font-size: 13px;
  font-weight: 900;
}

.auth-forgot-link {
  justify-self: end;
}

.auth-back-login {
  display: none;
  justify-self: center;
}

.auth-advertiser-link {
  display: inline-flex;
  justify-self: center;
  color: var(--brand);
  font-size: 13px;
  font-weight: 900;
}

.auth-dialog .close-btn {
  position: absolute;
  top: 14px;
  right: 14px;
  z-index: 2;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.12);
}

.buyer-page {
  width: min(1280px, calc(100% - 36px));
  margin: 0 auto;
  padding: 32px 0 56px;
}

.buyer-hero,
.buyer-grid article {
  background: #fff;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  box-shadow: var(--shadow-soft);
}

.buyer-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(280px, 380px);
  gap: 20px;
  align-items: end;
  margin-bottom: 18px;
  padding: 24px;
}

.buyer-hero h1 {
  max-width: 860px;
  margin-bottom: 10px;
  font-size: clamp(36px, 5vw, 62px);
  line-height: 1.02;
}

.buyer-hero p {
  max-width: 720px;
  margin: 0;
  color: var(--muted);
  line-height: 1.55;
}

.buyer-hero-card {
  display: grid;
  gap: 8px;
  padding: 18px;
  color: #fff;
  background:
    linear-gradient(135deg, #222, #3a3a3a);
  border-radius: 14px;
}

.buyer-hero-card span {
  color: #ffbd68;
  font-size: 12px;
  font-weight: 950;
  text-transform: uppercase;
}

.buyer-hero-card strong {
  font-size: 24px;
}

.buyer-hero-card small {
  color: rgba(255, 255, 255, 0.76);
  font-weight: 750;
}

.buyer-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

.buyer-grid article {
  display: grid;
  gap: 9px;
  padding: 18px;
}

.buyer-grid span {
  color: var(--brand);
  font-size: 13px;
  font-weight: 950;
}

.buyer-grid h2 {
  margin-bottom: 0;
  font-size: 24px;
}

.buyer-grid p {
  margin: 0;
  color: var(--muted);
  line-height: 1.5;
}

.portal-panel-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(260px, 340px);
  gap: 18px;
  align-items: stretch;
  padding: 24px;
  color: #fff;
  background:
    linear-gradient(120deg, rgba(9, 10, 11, 0.96), rgba(25, 20, 14, 0.86)),
    url("../img/hero-maquinas-multisegmentos.webp") center / cover no-repeat;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: var(--radius);
  box-shadow: var(--shadow);
}

.portal-panel-hero h1 {
  max-width: 760px;
  margin-bottom: 10px;
  color: #fff;
  font-size: clamp(36px, 5vw, 58px);
  line-height: 1.02;
}

.portal-panel-hero p:not(.eyebrow) {
  max-width: 760px;
  margin: 0;
  color: rgba(255, 255, 255, 0.78);
  line-height: 1.55;
}

.portal-user-card {
  display: grid;
  align-content: center;
  gap: 9px;
  padding: 18px;
  color: var(--text);
  background: rgba(255, 255, 255, 0.96);
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 14px;
}

.portal-avatar {
  display: grid;
  width: 54px;
  height: 54px;
  place-items: center;
  color: #fff;
  background: var(--brand);
  border-radius: 14px;
  font-weight: 950;
}

.portal-avatar-logo {
  width: 76px;
  min-width: 76px;
  background: #fff;
  border: 1px solid var(--line);
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.08);
}

.portal-avatar-logo img {
  display: block;
  width: 100%;
  height: 100%;
  padding: 8px;
  object-fit: contain;
}

.portal-user-card strong {
  font-size: 22px;
}

.portal-user-card small {
  color: var(--muted);
  font-weight: 800;
}

.portal-user-card .btn {
  margin-top: 4px;
}

.portal-kpi-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

.portal-kpi-grid article {
  display: grid;
  gap: 4px;
  padding: 16px;
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 12px;
  box-shadow: var(--shadow-soft);
}

.portal-kpi-grid strong {
  color: var(--brand);
  font-size: 30px;
  line-height: 1;
}

.portal-kpi-grid span {
  color: var(--text);
  font-weight: 950;
}

.portal-kpi-grid small {
  color: var(--muted);
  font-weight: 750;
}

.portal-panel-layout {
  display: grid;
  grid-template-columns: 250px minmax(0, 1fr);
  gap: 16px;
  align-items: start;
}

.portal-panel-nav {
  position: sticky;
  top: 92px;
  display: grid;
  gap: 5px;
  padding: 14px 12px;
  background: #fff;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  box-shadow: var(--shadow-soft);
}

.portal-panel-nav button {
  position: relative;
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr) 16px;
  gap: 12px;
  align-items: center;
  min-height: 48px;
  border: 1px solid transparent;
  border-radius: 11px;
  padding: 0 10px 0 6px;
  color: #344054;
  background: transparent;
  cursor: pointer;
  font-family: "Segoe UI", Arial, sans-serif;
  font-size: 16px;
  font-weight: 650;
  text-align: left;
}

.portal-panel-nav button > span:not(.nav-icon) {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
}

.portal-panel-nav button:hover,
.portal-panel-nav button.is-active {
  color: #1f2937;
  background: #fff7ed;
  border-color: rgba(229, 124, 0, 0.22);
}

.portal-panel-nav button i {
  display: grid;
  width: 14px;
  height: 14px;
  place-items: center;
  justify-self: end;
  font-style: normal;
}

.portal-panel-nav button i::before {
  content: "";
  width: 9px;
  height: 9px;
  border-top: 1.8px solid #667085;
  border-right: 1.8px solid #667085;
  transform: rotate(45deg);
  transition: transform 0.18s ease;
}

.portal-panel-nav button.is-active i::before {
  transform: rotate(135deg);
}

.portal-panel-main,
.portal-card {
  display: grid;
  gap: 14px;
}

.portal-card {
  padding: 18px;
  background: #fff;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  box-shadow: var(--shadow-soft);
}

.portal-card h2 {
  margin-bottom: 0;
  font-size: clamp(22px, 2.6vw, 32px);
  line-height: 1.08;
}

.portal-card p {
  margin: 0;
  color: var(--muted);
  line-height: 1.5;
}

.portal-action-card {
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
}

.portal-action-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: flex-end;
}

.portal-card-head {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: flex-start;
}

.portal-card-head a,
.portal-card-head button {
  color: var(--brand);
  font-weight: 950;
}

.portal-table {
  display: grid;
  gap: 8px;
}

.portal-table-row {
  display: grid;
  grid-template-columns: 76px minmax(0, 1fr) 90px 80px auto;
  gap: 12px;
  align-items: center;
  padding: 10px;
  background: #fafafa;
  border: 1px solid var(--line);
  border-radius: 12px;
}

.portal-table-row img {
  width: 76px;
  height: 56px;
  object-fit: cover;
  border-radius: 8px;
}

.portal-table-row strong,
.buyer-saved-list strong,
.portal-lead-mini strong {
  color: var(--text);
}

.portal-table-row small,
.buyer-saved-list small,
.portal-lead-mini small {
  display: block;
  color: var(--muted);
  font-weight: 750;
  line-height: 1.35;
}

.portal-table-row > span {
  color: var(--muted);
  font-size: 13px;
  font-weight: 900;
}

.portal-row-placeholder {
  display: grid;
  width: 76px;
  height: 56px;
  place-items: center;
  color: var(--brand);
  background: var(--brand-soft);
  border-radius: 8px;
  font-weight: 950;
}

.portal-empty-state {
  display: grid;
  justify-items: center;
  gap: 10px;
  padding: 28px;
  color: var(--muted);
  text-align: center;
  background: #fffaf3;
  border: 1px dashed rgba(229, 124, 0, 0.38);
  border-radius: 12px;
}

.portal-empty-state strong {
  color: var(--text);
  font-size: 18px;
}

.portal-split {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.portal-lead-mini {
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
  padding: 10px 0;
  border-top: 1px solid var(--line);
}

.portal-lead-mini > span {
  display: grid;
  width: 38px;
  height: 38px;
  place-items: center;
  color: #8a4a00;
  background: var(--brand-soft);
  border-radius: 10px;
  font-weight: 950;
}

.portal-lead-mini time {
  color: var(--muted);
  font-size: 12px;
  font-weight: 900;
}

.portal-plan-card {
  align-content: start;
  background: #fffaf3;
  border-color: rgba(229, 124, 0, 0.24);
}

.advertiser-plan-intro {
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  background: linear-gradient(135deg, #07101a, #0b2740);
}

.advertiser-plan-intro h2,
.advertiser-plan-intro p {
  color: #fff;
}

.advertiser-plan-intro .eyebrow {
  color: var(--brand);
}

.advertiser-plan-form {
  gap: 18px;
}

.advertiser-plan-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

.advertiser-plan-card {
  position: relative;
  display: grid;
  gap: 10px;
  min-height: 230px;
  padding: 18px;
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 16px;
  cursor: pointer;
  transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease;
}

.advertiser-plan-card:hover,
.advertiser-plan-card:has(input:checked) {
  transform: translateY(-2px);
  border-color: rgba(229, 124, 0, 0.55);
  box-shadow: 0 16px 40px rgba(7, 16, 26, 0.12);
}

.advertiser-plan-card input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.advertiser-plan-card strong {
  color: var(--text);
  font-size: 20px;
  line-height: 1.1;
}

.advertiser-plan-card b {
  color: var(--brand);
  font-size: 26px;
  line-height: 1;
}

.advertiser-plan-card small {
  color: var(--muted);
  font-weight: 750;
  line-height: 1.35;
}

.advertiser-plan-card ul {
  display: grid;
  gap: 7px;
  margin: 0;
  padding: 0;
  color: var(--text);
  font-size: 13px;
  font-weight: 850;
  list-style: none;
}

.advertiser-plan-card li::before {
  content: "✓";
  margin-right: 7px;
  color: var(--brand);
}

.advertiser-plan-details {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(260px, 0.7fr) 230px;
  gap: 16px;
  align-items: start;
  padding-top: 16px;
  border-top: 1px solid var(--line);
}

.panel-form-grid,
.panel-segment-grid {
  display: grid;
  gap: 10px;
}

.panel-form-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.panel-form-grid label,
.panel-notes {
  display: grid;
  gap: 6px;
  color: var(--muted);
  font-size: 12px;
  font-weight: 950;
  text-transform: uppercase;
}

.panel-form-grid input,
.panel-form-grid select,
.panel-notes textarea {
  width: 100%;
  min-height: 46px;
  padding: 12px 14px;
  color: var(--text);
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 12px;
  font: inherit;
  font-weight: 750;
  text-transform: none;
}

.panel-segment-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.panel-segment-grid label {
  display: flex;
  gap: 9px;
  align-items: center;
  min-height: 34px;
  padding: 7px 9px;
  color: var(--text);
  background: #fafafa;
  border: 1px solid var(--line);
  border-radius: 12px;
  font-size: 12px;
  font-weight: 900;
  line-height: 1.15;
}

.panel-segment-grid input[type="checkbox"] {
  flex: 0 0 auto;
  width: 16px;
  height: 16px;
  min-height: 0;
  margin: 0;
  accent-color: var(--brand);
}

.panel-segment-grid label span {
  min-width: 0;
  overflow-wrap: anywhere;
}

.panel-notes {
  margin-top: 10px;
}

.panel-form-grid .panel-notes {
  grid-column: 1 / -1;
  margin-top: 0;
}

.panel-plan-summary {
  display: grid;
  gap: 8px;
  padding: 18px;
  color: #fff;
  background: #07101a;
  border-radius: 16px;
}

.panel-plan-summary h3 {
  margin: 0;
  color: #fff;
  font-size: 22px;
}

.panel-plan-summary strong {
  color: var(--brand);
  font-size: 28px;
  line-height: 1;
}

.panel-plan-summary span,
.panel-plan-summary p {
  color: rgba(255, 255, 255, 0.76);
  font-weight: 800;
}

.panel-plan-summary a {
  display: inline-flex;
  justify-content: center;
  min-height: 42px;
  margin-top: 8px;
  padding: 11px 14px;
  color: #07101a;
  background: var(--brand);
  border-radius: 10px;
  font-weight: 950;
}

.panel-filter-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 190px 170px;
  gap: 10px;
}

.panel-filter-row input,
.panel-filter-row select {
  width: 100%;
  min-height: 44px;
  padding: 10px 12px;
  color: var(--text);
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 11px;
  font: inherit;
  font-weight: 700;
}

.panel-data-table .portal-table-row {
  grid-template-columns: 70px minmax(0, 1fr) 96px 110px auto;
}

.panel-lead-table {
  display: grid;
  gap: 8px;
}

.panel-lead-table article {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr) 105px 150px auto;
  gap: 12px;
  align-items: center;
  padding: 12px;
  background: #fafafa;
  border: 1px solid var(--line);
  border-radius: 12px;
}

.panel-lead-table strong,
.panel-campaign-grid strong {
  color: var(--text);
}

.panel-lead-table small,
.panel-campaign-grid small {
  display: block;
  color: var(--muted);
  font-weight: 750;
  line-height: 1.35;
}

.panel-lead-table time {
  color: var(--muted);
  font-size: 12px;
  font-weight: 900;
}

.panel-lead-table b {
  justify-self: start;
  padding: 7px 10px;
  color: #8a4a00;
  background: var(--brand-soft);
  border-radius: 999px;
  font-size: 12px;
}

.panel-lead-table select {
  width: 100%;
  min-height: 38px;
  padding: 8px 10px;
  color: var(--text);
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 10px;
  font: inherit;
  font-size: 13px;
  font-weight: 850;
}

.panel-lead-row .admin-row-actions {
  justify-content: flex-end;
}

.advertiser-lead-dialog {
  width: min(560px, calc(100% - 28px));
  border: 0;
  border-radius: 18px;
  padding: 0;
  box-shadow: 0 28px 80px rgba(7, 16, 26, 0.28);
}

.advertiser-lead-dialog form {
  position: relative;
  display: grid;
  gap: 16px;
  padding: 28px;
}

.panel-lead-message {
  display: grid;
  gap: 8px;
  padding: 14px;
  background: #fff7ed;
  border: 1px solid rgba(229, 124, 0, 0.22);
  border-radius: 12px;
}

.panel-lead-message strong {
  color: var(--text);
}

.panel-campaign-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.panel-campaign-grid article {
  display: grid;
  gap: 10px;
  align-content: start;
  min-height: 190px;
  padding: 16px;
  background: #fafafa;
  border: 1px solid var(--line);
  border-radius: 14px;
}

.advertiser-profile-form {
  gap: 20px;
}

.advertiser-profile-grid {
  display: grid;
  grid-template-columns: 240px minmax(0, 1fr);
  gap: 18px;
  align-items: start;
}

.advertiser-logo-box {
  position: sticky;
  top: 102px;
  display: grid;
  gap: 12px;
  padding: 16px;
  background: #fffaf3;
  border: 1px solid rgba(229, 124, 0, 0.22);
  border-radius: 16px;
}

.advertiser-logo-box small {
  color: var(--muted);
  font-weight: 750;
  line-height: 1.4;
}

.advertiser-logo-preview {
  display: grid;
  width: 100%;
  aspect-ratio: 1.45;
  place-items: center;
  overflow: hidden;
  color: var(--brand);
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 14px;
  font-size: 38px;
  font-weight: 950;
}

.advertiser-logo-preview img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  padding: 14px;
}

.advertiser-profile-sections {
  display: grid;
  gap: 18px;
}

.advertiser-profile-sections > section {
  display: grid;
  gap: 12px;
  padding: 16px;
  background: #fafafa;
  border: 1px solid var(--line);
  border-radius: 14px;
}

.panel-plan-actions {
  display: flex;
  justify-content: space-between;
  gap: 14px;
  align-items: center;
  padding-top: 4px;
}

.panel-plan-status-card {
  gap: 16px;
}

.panel-plan-status-card.is-founder-plan {
  border-color: rgba(234, 126, 0, 0.32);
  background: linear-gradient(180deg, #fffaf3 0%, #ffffff 72%);
}

.panel-plan-status-card b {
  color: var(--brand);
}

.panel-plan-summary-list {
  display: grid;
  gap: 0;
  margin: 4px 0;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 12px;
}

.panel-plan-summary-list div {
  display: grid;
  grid-template-columns: minmax(110px, 0.8fr) minmax(0, 1.4fr);
  gap: 14px;
  align-items: center;
  padding: 11px 14px;
  border-bottom: 1px solid var(--line);
}

.panel-plan-summary-list div:last-child {
  border-bottom: 0;
}

.panel-plan-summary-list dt {
  color: var(--muted);
  font-size: 13px;
  font-weight: 900;
  text-transform: uppercase;
}

.panel-plan-summary-list dd {
  min-width: 0;
  margin: 0;
  color: var(--text);
  font-weight: 900;
  overflow-wrap: anywhere;
}

.panel-lgpd-check {
  margin-top: 14px;
}

.panel-plan-meter {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
}

.panel-plan-meter div {
  height: 10px;
  overflow: hidden;
  background: rgba(7, 16, 26, 0.12);
  border-radius: 999px;
}

.panel-plan-meter span {
  display: block;
  height: 100%;
  background: linear-gradient(90deg, var(--brand), #ffb000);
  border-radius: inherit;
}

.panel-plan-meter strong {
  color: var(--text);
  font-size: 14px;
  font-weight: 950;
}

.panel-plan-status-actions,
.panel-lock-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.panel-create-allowed,
.panel-create-blocked {
  gap: 18px;
}

.panel-dynamic-listing-fields {
  display: grid;
  gap: 16px;
  margin-top: 18px;
  padding-top: 18px;
  border-top: 1px solid var(--line);
}

.panel-dynamic-listing-fields h3 {
  margin: 0;
  color: var(--text);
  font-size: 20px;
  font-weight: 950;
}

.listing-attribute-input {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}

.listing-attribute-input input { min-width: 0; flex: 1; }
.listing-attribute-unit { flex: none; color: var(--muted); font-size: 12px; font-weight: 750; text-transform: none; }

.panel-create-blocked {
  border-color: rgba(229, 124, 0, 0.28);
  background: linear-gradient(135deg, #fff, #fff7ed);
}

.panel-upgrade-options {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.panel-upgrade-options article,
.panel-sponsored-card {
  display: grid;
  gap: 10px;
  padding: 16px;
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 14px;
}

.panel-upgrade-options span,
.panel-sponsored-card span {
  color: var(--brand);
  font-size: 12px;
  font-weight: 950;
  text-transform: uppercase;
}

.panel-upgrade-options strong,
.panel-sponsored-card strong {
  color: var(--text);
  font-size: 18px;
  line-height: 1.15;
}

.buyer-saved-list {
  display: grid;
  gap: 10px;
}

.buyer-saved-list a {
  display: grid;
  grid-template-columns: 76px minmax(0, 1fr);
  gap: 12px;
  align-items: center;
  padding: 10px;
  background: #fafafa;
  border: 1px solid var(--line);
  border-radius: 12px;
}

.buyer-saved-list img {
  width: 76px;
  height: 58px;
  object-fit: cover;
  border-radius: 8px;
}

.buyer-alert-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.buyer-alert-grid article {
  display: grid;
  gap: 6px;
  padding: 14px;
  background: #fafafa;
  border: 1px solid var(--line);
  border-radius: 12px;
}

.buyer-alert-grid span {
  color: var(--muted);
  font-weight: 800;
}

.buyer-alert-grid small {
  color: var(--brand);
  font-weight: 950;
}

.admin-shell-body {
  background: #f3f4f5;
}

.admin-shell {
  display: grid;
  grid-template-columns: 300px minmax(0, 1fr);
  min-height: 100vh;
}

.admin-sidebar {
  position: sticky;
  top: 0;
  height: 100vh;
  overflow: auto;
  padding: 20px 18px;
  color: #26323f;
  background: #fff;
  border-right: 1px solid var(--line);
}

.admin-brand {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 74px;
  margin-bottom: 24px;
}

.admin-brand img {
  width: 174px;
  filter: none;
}

.admin-brand span {
  display: none;
}

.admin-nav {
  display: grid;
  gap: 5px;
}

.admin-nav button {
  position: relative;
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr) 16px;
  gap: 12px;
  align-items: center;
  min-height: 48px;
  border: 1px solid transparent;
  border-radius: 11px;
  padding: 0 10px 0 6px;
  color: #344054;
  background: transparent;
  cursor: pointer;
  font-family: "Segoe UI", Arial, sans-serif;
  font-size: 17px;
  font-weight: 500;
  text-align: left;
}

.admin-nav button:hover,
.admin-nav button.is-active {
  color: #1f2937;
  background: #fff7ed;
  border-color: rgba(229, 124, 0, 0.22);
}

.admin-nav button > span:not(.nav-icon) {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.admin-nav button i {
  display: grid;
  width: 14px;
  height: 14px;
  place-items: center;
  justify-self: end;
  font-style: normal;
}

.admin-nav button i::before {
  content: "";
  width: 9px;
  height: 9px;
  border-top: 1.8px solid #667085;
  border-right: 1.8px solid #667085;
  transform: rotate(45deg);
  transition: transform 0.18s ease;
}

.admin-nav button.is-expanded i::before {
  transform: rotate(135deg);
}

.nav-icon {
  position: relative;
  display: grid;
  width: 28px;
  height: 28px;
  place-items: center;
  color: #667085;
}

.nav-icon::before,
.nav-icon::after {
  content: "";
  position: absolute;
  box-sizing: border-box;
}

.icon-dashboard::before {
  width: 22px;
  height: 14px;
  border: 1.8px solid currentColor;
  border-bottom: 0;
  border-radius: 22px 22px 0 0;
}

.icon-dashboard::after {
  width: 8px;
  height: 1.8px;
  background: currentColor;
  transform: translate(4px, 3px) rotate(-38deg);
}

.icon-orders::before,
.icon-companies::before,
.icon-listings::before,
.icon-taxonomy::before,
.icon-services::before,
.icon-leads::before,
.icon-ads::before,
.icon-blog::before {
  width: 20px;
  height: 20px;
  border: 1.8px solid currentColor;
  border-radius: 3px;
}

.icon-orders::after {
  width: 10px;
  height: 1.8px;
  background: currentColor;
  box-shadow: 0 5px 0 currentColor, 0 10px 0 currentColor;
}

.icon-companies::after,
.icon-listings::after {
  width: 1.8px;
  height: 14px;
  background: currentColor;
  box-shadow: 6px 0 0 currentColor, -6px 0 0 currentColor;
}

.icon-taxonomy::after {
  width: 11px;
  height: 11px;
  border: 1.8px solid currentColor;
  border-radius: 2px;
  transform: rotate(45deg);
}

.icon-leads::after {
  width: 12px;
  height: 8px;
  border: 1.8px solid currentColor;
  border-top: 0;
  transform: translateY(3px);
}

.icon-ads::after {
  width: 13px;
  height: 13px;
  border-top: 1.8px solid currentColor;
  border-right: 1.8px solid currentColor;
  transform: translate(-1px, 1px);
}

.icon-blog::after {
  width: 10px;
  height: 1.8px;
  background: currentColor;
  box-shadow: 0 5px 0 currentColor, 0 10px 0 currentColor;
}

.icon-users::before {
  width: 8px;
  height: 8px;
  border: 1.8px solid currentColor;
  border-radius: 999px;
  transform: translateY(-6px);
}

.icon-users::after {
  width: 20px;
  height: 10px;
  border: 1.8px solid currentColor;
  border-radius: 12px 12px 4px 4px;
  transform: translateY(6px);
}

.icon-settings::before {
  width: 20px;
  height: 20px;
  border: 1.8px solid currentColor;
  border-radius: 999px;
}

.icon-settings::after {
  width: 7px;
  height: 7px;
  border: 1.8px solid currentColor;
  border-radius: 999px;
}

.icon-logout::before {
  width: 18px;
  height: 16px;
  border: 1.8px solid currentColor;
  border-right: 0;
  border-radius: 3px 0 0 3px;
}

.icon-logout::after {
  width: 11px;
  height: 11px;
  border-top: 1.8px solid currentColor;
  border-right: 1.8px solid currentColor;
  transform: translate(5px, 0) rotate(45deg);
}

.admin-subnav {
  display: grid;
  gap: 2px;
  margin: 0 0 6px 40px;
  padding: 3px 0 5px 10px;
  border-left: 1px solid #e4e7ec;
}

.admin-subnav.is-collapsed {
  display: none;
}

.admin-subnav button {
  display: flex;
  min-height: 32px;
  border-radius: 8px;
  padding: 0 9px;
  color: #667085;
  font-size: 14px;
  font-weight: 500;
}

.admin-subnav button::before {
  content: "•";
  margin-right: 8px;
  color: var(--brand);
}

.admin-main {
  min-width: 0;
}

.admin-topbar {
  position: sticky;
  top: 0;
  z-index: 12;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 14px;
  align-items: center;
  min-height: 76px;
  padding: 12px 22px;
  background: rgba(255, 255, 255, 0.92);
  border-bottom: 1px solid var(--line);
  backdrop-filter: blur(14px);
}

.admin-menu-toggle {
  display: none;
  width: 42px;
  height: 42px;
  place-items: center;
  border: 1px solid var(--line);
  border-radius: 10px;
  background: #fff;
}

.admin-menu-toggle span {
  display: block;
  width: 18px;
  height: 2px;
  margin: 2px 0;
  background: var(--text);
  border-radius: 999px;
}

.admin-global-search span {
  display: none;
}

.admin-global-search input {
  min-height: 44px;
  background: #f8f9fa;
}

.admin-user {
  position: relative;
}

.admin-user > button {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
  gap: 10px;
  align-items: center;
  min-height: 48px;
  border: 1px solid var(--line);
  border-radius: 999px;
  padding: 4px 12px 4px 4px;
  background: #fff;
  cursor: pointer;
  text-align: left;
}

.admin-user img {
  width: 42px;
  height: 42px;
  object-fit: cover;
  background: var(--brand-soft);
  border-radius: 999px;
}

.admin-user strong,
.admin-user small {
  display: block;
  white-space: nowrap;
}

.admin-user small {
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
}

.admin-user-menu {
  position: absolute;
  right: 0;
  top: calc(100% + 8px);
  display: none;
  min-width: 210px;
  padding: 8px;
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 12px;
  box-shadow: var(--shadow);
}

.admin-user.is-open .admin-user-menu {
  display: grid;
}

.admin-user-menu a,
.admin-user-menu button {
  min-height: 38px;
  border: 0;
  border-radius: 9px;
  padding: 0 10px;
  color: var(--text);
  background: transparent;
  cursor: pointer;
  font-weight: 850;
  text-align: left;
}

.admin-user-menu a:hover,
.admin-user-menu button:hover {
  background: var(--brand-soft);
  color: var(--brand);
}

.admin-content {
  display: grid;
  gap: 18px;
  padding: 22px;
}

.admin-action-notice {
  margin: 0;
  padding: 12px 16px;
  border: 1px solid #b9dcc4;
  border-radius: 6px;
  background: #f1faf3;
  color: #195a36;
  font-size: 14px;
}

.admin-action-complete {
  color: #23643d;
  font-size: 13px;
  font-weight: 600;
}

.admin-page-head,
.admin-panel,
.admin-kpi,
.admin-mini-card {
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 14px;
  box-shadow: var(--shadow-soft);
}

.admin-page-head {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  align-items: center;
  padding: 20px;
}

.admin-page-head h1 {
  margin: 0;
  font-size: clamp(28px, 4vw, 44px);
  line-height: 1.04;
}

.admin-head-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.admin-kpi-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}

.admin-kpi {
  display: grid;
  gap: 8px;
  padding: 16px;
}

.admin-kpi span,
.admin-table-head span {
  color: var(--muted);
  font-size: 12px;
  font-weight: 950;
  text-transform: uppercase;
}

.admin-kpi strong {
  color: var(--brand);
  font-size: 34px;
  line-height: 1;
}

.admin-kpi small,
.admin-muted {
  color: var(--muted);
  font-weight: 750;
}

.admin-dashboard-grid,
.admin-split {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(340px, 0.8fr);
  gap: 14px;
}

.admin-chart-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.admin-company-tabs {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.admin-company-tabs button {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 58px;
  border: 1px solid var(--line);
  border-radius: 14px;
  padding: 12px 14px;
  color: var(--text);
  background: #fff;
  cursor: pointer;
  font-family: "Segoe UI", Arial, sans-serif;
  font-weight: 750;
  box-shadow: var(--shadow-soft);
}

.admin-company-tabs button.is-active {
  color: #7a3e00;
  border-color: rgba(229, 124, 0, 0.42);
  background: var(--brand-soft);
}

.admin-company-tabs strong {
  display: grid;
  min-width: 32px;
  height: 32px;
  place-items: center;
  border-radius: 999px;
  color: #fff;
  background: var(--brand);
  font-size: 14px;
}

.admin-company-metrics {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.admin-company-metrics article {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  gap: 10px;
  align-items: center;
  min-height: 70px;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 14px;
  background: #fff;
  box-shadow: var(--shadow-soft);
}

.admin-company-metrics span {
  display: grid;
  width: 34px;
  height: 34px;
  place-items: center;
  grid-row: span 2;
  border-radius: 10px;
  color: #fff;
  background: var(--brand);
  font-size: 16px;
  font-weight: 950;
}

.admin-company-metrics strong {
  font-size: 24px;
  line-height: 1;
}

.admin-company-metrics small {
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
}

.admin-filter-bar {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.admin-filter-bar.is-compact {
  grid-template-columns: minmax(130px, 0.65fr) minmax(150px, 0.75fr) minmax(180px, 1fr);
  align-items: end;
  margin-bottom: 12px;
}

.admin-filter-bar label {
  display: grid;
  gap: 7px;
}

.admin-filter-bar span {
  color: var(--muted);
  font-size: 12px;
  font-weight: 850;
}

.admin-filter-bar select {
  min-height: 44px;
  border: 1px solid var(--line);
  border-radius: 12px;
  padding: 0 12px;
  background: #fff;
  font-family: "Segoe UI", Arial, sans-serif;
  font-weight: 650;
}

.admin-filter-bar.is-compact select {
  min-height: 38px;
  border-radius: 10px;
  font-size: 14px;
}

.admin-companies-table .admin-table-row {
  grid-template-columns: minmax(220px, 1.1fr) minmax(220px, 1fr) minmax(160px, 0.75fr) minmax(170px, 0.8fr) minmax(110px, 0.45fr) minmax(250px, auto);
}

.admin-plans-table .admin-table-row {
  grid-template-columns: minmax(300px, 1.2fr) minmax(260px, 0.9fr) minmax(150px, 0.45fr) minmax(110px, 0.35fr) minmax(300px, auto);
}

.admin-plan-cell {
  display: grid;
  gap: 4px;
}

.admin-plan-cell b {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.admin-taxonomy-tabs {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.admin-taxonomy-table .admin-table-row {
  grid-template-columns: minmax(240px, 1.1fr) minmax(260px, 1fr) minmax(130px, 0.45fr) minmax(110px, 0.35fr) minmax(250px, auto);
}

.admin-leads-table .admin-table-row {
  grid-template-columns: minmax(240px, 1.1fr) minmax(260px, 1fr) minmax(150px, 0.55fr) minmax(110px, 0.4fr) minmax(360px, auto);
}

.admin-ads-table .admin-table-row {
  grid-template-columns: minmax(300px, 1.25fr) minmax(210px, 0.75fr) minmax(210px, 0.75fr) minmax(110px, 0.35fr) minmax(250px, auto);
}

.admin-services-table .admin-table-row {
  grid-template-columns: minmax(300px, 1.2fr) minmax(260px, 1fr) minmax(220px, 0.8fr) minmax(110px, 0.35fr) minmax(250px, auto);
}

.admin-service-ads-table .admin-table-row {
  grid-template-columns: minmax(310px, 1.25fr) minmax(230px, 0.85fr) minmax(260px, 1fr) minmax(110px, 0.35fr) minmax(250px, auto);
}

.admin-blog-table .admin-table-row {
  grid-template-columns: minmax(330px, 1.35fr) minmax(240px, 0.9fr) minmax(120px, 0.38fr) minmax(110px, 0.35fr) minmax(230px, auto);
}

.admin-users-table .admin-table-row {
  grid-template-columns: minmax(260px, 1.05fr) minmax(150px, 0.55fr) minmax(190px, 0.7fr) minmax(110px, 0.35fr) minmax(130px, 0.45fr) minmax(230px, auto);
}

.admin-media-cell {
  display: grid;
  grid-template-columns: 82px minmax(0, 1fr);
  column-gap: 12px;
  align-items: center;
}

.admin-media-cell img {
  width: 82px;
  height: 54px;
  object-fit: cover;
  border-radius: 10px;
  border: 1px solid var(--line);
  grid-row: span 2;
  background: var(--brand-soft);
}

.admin-media-cell b {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.admin-settings-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.admin-settings-card {
  display: grid;
  gap: 14px;
  padding: 18px;
}

.admin-settings-card label {
  display: grid;
  gap: 7px;
}

.admin-settings-card label span {
  color: var(--muted);
  font-size: 12px;
  font-weight: 850;
  text-transform: uppercase;
}

.admin-settings-card input,
.admin-settings-card select,
.admin-settings-card textarea {
  width: 100%;
  min-height: 44px;
  border: 1px solid var(--line);
  border-radius: 12px;
  padding: 10px 12px;
  background: #fff;
  color: var(--text);
  font-family: "Segoe UI", Arial, sans-serif;
  font-weight: 650;
}

.admin-taxonomy-cell {
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr);
  column-gap: 10px;
  align-items: center;
}

.admin-taxonomy-cell i {
  display: grid;
  width: 38px;
  height: 38px;
  place-items: center;
  grid-row: span 2;
  border-radius: 10px;
  color: #fff;
  background: var(--dark);
  font-style: normal;
  font-size: 12px;
  font-weight: 950;
}

.admin-taxonomy-cell i img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: inherit;
}

.admin-category-preview {
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 48px;
  color: var(--muted);
  font-size: 13px;
}

.admin-category-preview img {
  width: 110px;
  height: 62px;
  object-fit: cover;
  border-radius: 8px;
  border: 1px solid var(--border);
}

.admin-taxonomy-cell b {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.admin-taxonomy-dialog {
  width: min(760px, calc(100vw - 28px));
}

.admin-lead-dialog,
.admin-ad-dialog {
  width: min(860px, calc(100vw - 28px));
}

.admin-message-box {
  display: grid;
  gap: 8px;
  padding: 14px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: #fbfcfd;
}

.admin-message-box p {
  margin: 0;
  color: var(--muted);
  line-height: 1.5;
}

.admin-ad-preview {
  display: grid;
  gap: 8px;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: #fff;
}

.admin-ad-preview img {
  width: 100%;
  max-height: 220px;
  object-fit: cover;
  border-radius: 10px;
}

.admin-ad-preview-media {
  min-width: 0;
}

.admin-ad-preview-meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  min-width: 0;
}

.admin-ad-preview span {
  color: var(--muted);
  font-size: 12px;
  font-weight: 750;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.admin-inline-danger {
  appearance: none;
  border: 1px solid rgba(185, 28, 28, 0.22);
  border-radius: 999px;
  background: #fff5f5;
  color: #b91c1c;
  cursor: pointer;
  flex: 0 0 auto;
  font-size: 12px;
  font-weight: 900;
  padding: 9px 12px;
}

.admin-inline-danger:hover {
  border-color: rgba(185, 28, 28, 0.45);
  background: #fee2e2;
}

.admin-company-cell {
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr);
  column-gap: 10px;
  align-items: center;
}

.admin-company-cell i {
  display: grid;
  width: 38px;
  height: 38px;
  place-items: center;
  grid-row: span 2;
  border-radius: 10px;
  color: #fff;
  background: var(--brand);
  font-style: normal;
  font-size: 13px;
  font-weight: 950;
}

.admin-company-cell b {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.admin-company-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(280px, 0.35fr);
  gap: 14px;
  align-items: start;
}

.admin-company-list {
  display: grid;
  gap: 10px;
}

.admin-company-card {
  display: grid;
  grid-template-columns: 54px minmax(0, 1fr) auto;
  gap: 14px;
  align-items: center;
  padding: 14px;
  border: 1px solid var(--line);
  border-radius: 14px;
  background: #fff;
}

.admin-company-avatar {
  display: grid;
  width: 54px;
  height: 54px;
  place-items: center;
  border-radius: 14px;
  color: #fff;
  background: var(--brand);
  font-weight: 950;
}

.admin-company-main {
  min-width: 0;
}

.admin-company-title {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}

.admin-company-title h3 {
  margin: 0;
  font-size: 18px;
}

.admin-company-card p {
  margin: 6px 0 0;
  color: var(--muted);
  font-size: 14px;
  line-height: 1.4;
}

.admin-company-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 10px;
}

.admin-company-tags span {
  border-radius: 999px;
  padding: 6px 9px;
  color: #7a3e00;
  background: var(--brand-soft);
  font-size: 12px;
  font-weight: 800;
}

.admin-company-actions {
  display: flex;
  gap: 8px;
}

.admin-company-actions a,
.admin-company-actions button {
  min-height: 36px;
  border: 1px solid var(--line);
  border-radius: 999px;
  padding: 0 12px;
  color: var(--text);
  background: #fff;
  cursor: pointer;
  font-family: "Segoe UI", Arial, sans-serif;
  font-weight: 750;
  white-space: nowrap;
}

.admin-company-actions a {
  color: #137a38;
  border-color: #c8f5d7;
  background: #f0fdf4;
}

.admin-chart {
  width: 100%;
  min-height: 220px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: #fff;
}

.admin-ranking {
  display: grid;
  gap: 8px;
}

.admin-ranking div {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
  padding: 11px;
  background: #fbfcfd;
  border: 1px solid var(--line);
  border-radius: 10px;
}

.admin-ranking span {
  display: grid;
  width: 28px;
  height: 28px;
  place-items: center;
  color: #fff;
  background: var(--brand);
  border-radius: 999px;
  font-weight: 950;
}

.admin-ranking strong {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.admin-ranking em {
  color: var(--muted);
  font-style: normal;
  font-size: 12px;
  font-weight: 850;
  white-space: nowrap;
}

.admin-panel {
  display: grid;
  gap: 14px;
  padding: 18px;
}

.admin-panel h2 {
  margin: 0;
  font-size: 22px;
}

.admin-task-list {
  display: grid;
  gap: 8px;
}

.admin-task-list span,
.admin-line {
  padding: 12px;
  background: #fbfcfd;
  border: 1px solid var(--line);
  border-radius: 10px;
}

.admin-line {
  display: grid;
  gap: 4px;
}

.admin-line span {
  color: var(--muted);
}

.admin-table-head {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: center;
}

.admin-table {
  display: grid;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 12px;
}

.admin-table-row {
  display: grid;
  grid-template-columns: 120px minmax(180px, 1.2fr) minmax(150px, 0.8fr) minmax(150px, 0.7fr) minmax(160px, auto);
  gap: 12px;
  align-items: center;
  padding: 12px;
  background: #fff;
  border-bottom: 1px solid var(--line);
}

.admin-orders-table .admin-table-row {
  grid-template-columns: 110px minmax(210px, 1.1fr) minmax(170px, 0.85fr) minmax(150px, 0.7fr) minmax(140px, 0.6fr) minmax(270px, auto);
}

.admin-table-row:last-child {
  border-bottom: 0;
}

.admin-table-row.is-head {
  color: var(--muted);
  background: #f8f9fa;
  font-size: 12px;
  font-weight: 950;
  text-transform: uppercase;
}

.admin-table-row small {
  display: block;
  margin-top: 3px;
  color: var(--muted);
  font-size: 12px;
}

.admin-status {
  width: fit-content;
  border-radius: 999px;
  padding: 6px 9px;
  color: #7a3e00;
  background: var(--brand-soft);
  font-size: 12px;
  font-weight: 950;
}

.admin-row-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.admin-row-actions a,
.admin-row-actions button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  min-height: 34px;
  border: 1px solid var(--line);
  border-radius: 999px;
  padding: 0 11px 0 9px;
  color: var(--text);
  background: #fff;
  cursor: pointer;
  font-family: "Segoe UI", Arial, sans-serif;
  font-size: 13px;
  font-weight: 750;
  line-height: 1;
  white-space: nowrap;
  transition: border-color 0.2s ease, background 0.2s ease, color 0.2s ease, transform 0.2s ease;
}

.admin-row-actions a:hover,
.admin-row-actions button:hover {
  transform: translateY(-1px);
  border-color: rgba(229, 124, 0, 0.42);
  background: #fffaf3;
}

.admin-action-btn img,
.admin-action-btn .action-icon {
  display: grid;
  width: 18px;
  height: 18px;
  place-items: center;
  flex: 0 0 auto;
  border-radius: 999px;
  color: var(--brand);
  font-size: 15px;
  font-weight: 900;
  line-height: 1;
}

.admin-action-btn img {
  padding: 2px;
  background: #25d366;
}

.admin-row-actions .is-danger {
  color: #a11;
  border-color: #ffd6d6;
  background: #fff7f7;
}

.admin-row-actions .is-positive {
  color: #166534;
  border-color: #bbf7d0;
  background: #f0fdf4;
}

.admin-row-actions .is-positive .action-icon {
  color: #16a34a;
}

.admin-row-actions .is-muted {
  color: #4b5563;
  background: #f8fafc;
}

.admin-row-actions .is-whatsapp {
  color: #137a38;
  border-color: #c8f5d7;
  background: #f0fdf4;
}

.admin-row-actions .is-danger .action-icon {
  color: #dc2626;
}

.admin-card-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.admin-mini-card {
  display: grid;
  gap: 8px;
  padding: 16px;
}

.admin-mini-card > span {
  width: fit-content;
  border-radius: 999px;
  padding: 5px 8px;
  color: #7a3e00;
  background: var(--brand-soft);
  font-size: 11px;
  font-weight: 950;
  text-transform: uppercase;
}

.admin-mini-card h3 {
  margin: 0;
  font-size: 19px;
}

.admin-mini-card strong {
  color: var(--muted);
}

.admin-mini-card p {
  margin: 0;
  color: var(--muted);
  line-height: 1.45;
}

.admin-order-dialog {
  width: min(860px, calc(100vw - 28px));
}

.admin-listing-dialog,
.admin-listing-view-dialog {
  width: min(1040px, calc(100vw - 28px));
}

@media (max-width: 430px) {
  .admin-listing-dialog {
    width: calc(100vw - 16px);
    max-width: none;
  }

  .admin-listing-dialog form {
    padding: 8px;
  }

  .admin-listing-dialog .admin-form-section {
    padding: 8px;
  }

  .admin-listing-dialog select {
    padding-inline: 4px;
    font-size: 12px;
  }
}

@media (max-width: 340px) {
  .admin-listing-dialog [name="typeId"] {
    font-size: 11px;
  }
}


.admin-listings-table .admin-table-row {
  grid-template-columns: minmax(300px, 1.3fr) minmax(160px, 0.7fr) minmax(150px, 0.65fr) minmax(140px, 0.6fr) minmax(110px, 0.45fr) minmax(300px, auto);
}

.admin-listing-cell {
  display: grid;
  grid-template-columns: 58px minmax(0, 1fr);
  column-gap: 11px;
  align-items: center;
}

.admin-listing-cell i {
  display: grid;
  width: 58px;
  height: 46px;
  place-items: center;
  grid-row: span 2;
  overflow: hidden;
  border-radius: 10px;
  color: #fff;
  background: var(--brand);
  font-style: normal;
  font-size: 16px;
  font-weight: 950;
}

.admin-listing-cell img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.admin-listing-cell b {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.admin-form-section {
  display: grid;
  gap: 12px;
  padding: 14px;
  border: 1px solid var(--line);
  border-radius: 14px;
  background: #fbfcfd;
}

.admin-form-section > strong {
  color: var(--text);
  font-size: 16px;
}

.admin-form-wide {
  grid-column: 1 / -1;
}

.admin-dynamic-fields {
  min-height: 74px;
}

.admin-form-note {
  grid-column: 1 / -1;
  padding: 14px;
  border: 1px dashed rgba(229, 124, 0, 0.36);
  border-radius: 12px;
  color: var(--muted);
  background: #fffaf3;
  font-weight: 750;
}

.admin-field-hint {
  margin: -2px 0 0;
  color: #667085;
  font-size: 12px;
  font-weight: 650;
  line-height: 1.45;
}

.admin-upload-box {
  padding: 14px;
  border: 1px dashed rgba(229, 124, 0, 0.45);
  border-radius: 14px;
  background: #fffaf3;
}

.admin-upload-box input {
  background: #fff;
}

.admin-upload-box small {
  color: var(--muted);
  font-size: 12px;
  font-weight: 650;
}

.admin-upload-preview {
  display: grid;
  gap: 8px;
}

.admin-upload-preview article {
  display: grid;
  grid-template-columns: 64px minmax(0, 1fr) repeat(4, 34px);
  gap: 8px;
  align-items: center;
  padding: 8px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: #fff;
}

.admin-upload-preview article.is-primary {
  border-color: rgba(229, 124, 0, 0.42);
  background: #fffaf3;
}

.admin-upload-preview img {
  width: 64px;
  height: 48px;
  object-fit: cover;
  border-radius: 9px;
  background: #f2f4f7;
}

.admin-upload-preview strong,
.admin-upload-preview small {
  display: block;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.admin-upload-preview small {
  color: var(--muted);
  font-size: 12px;
}

.admin-upload-preview button {
  display: grid;
  width: 34px;
  height: 34px;
  place-items: center;
  border: 1px solid var(--line);
  border-radius: 9px;
  color: var(--text);
  background: #fff;
  cursor: pointer;
  font-weight: 950;
}

.admin-upload-preview button:hover {
  color: var(--brand);
  border-color: rgba(229, 124, 0, 0.44);
}

.admin-pill {
  width: fit-content;
  border-radius: 999px;
  padding: 6px 10px;
  color: #7a3e00;
  background: var(--brand-soft);
  font-size: 12px;
  font-weight: 950;
  text-transform: uppercase;
}

.admin-listing-view {
  display: grid;
  gap: 16px;
}

.admin-listing-view-head {
  display: flex;
  justify-content: space-between;
  gap: 18px;
  align-items: start;
}

.admin-listing-view-head h3 {
  margin: 8px 0 6px;
  font-size: clamp(24px, 4vw, 38px);
  line-height: 1.06;
}

.admin-listing-view-head p {
  margin: 0;
  color: var(--muted);
}

.admin-listing-view-head strong {
  color: var(--brand);
  font-size: 30px;
  white-space: nowrap;
}

.admin-listing-view-grid {
  display: grid;
  grid-template-columns: 1.4fr repeat(3, minmax(0, 0.7fr));
  gap: 10px;
}

.admin-listing-view-grid figure {
  display: grid;
  min-height: 150px;
  margin: 0;
  overflow: hidden;
  place-items: center;
  border: 1px solid var(--line);
  border-radius: 14px;
  color: var(--brand);
  background: #fff7ed;
  font-size: 34px;
  font-weight: 950;
}

.admin-listing-view-grid img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.admin-view-details {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin: 0;
}

.admin-view-details div {
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: #fff;
}

.admin-view-details dt {
  color: var(--muted);
  font-size: 12px;
  font-weight: 850;
}

.admin-view-details dd {
  margin: 5px 0 0;
  font-weight: 850;
}

.admin-form-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.admin-company-image-field {
  display: grid;
  gap: 9px;
  min-width: 0;
}

.admin-company-image-label {
  color: var(--text);
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
}

.admin-company-image-preview {
  display: grid;
  place-items: center;
  min-height: 120px;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #f6f8f9;
  color: var(--muted);
  font-size: 13px;
}

.admin-company-image-preview img {
  display: block;
  width: 100%;
  height: 120px;
  object-fit: contain;
}

.admin-company-image-preview-cover img { object-fit: cover; }

.admin-company-image-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 9px;
}

.admin-company-image-actions input[type="file"] { display: none; }

.admin-order-dialog textarea,
.admin-order-dialog select {
  width: 100%;
  border: 1px solid var(--line);
  border-radius: 12px;
  padding: 13px 14px;
  color: var(--text);
  background: #fff;
  font: 750 15px/1.3 var(--font);
}

.admin-order-dialog textarea {
  resize: vertical;
}

.admin-segment-picker {
  grid-column: 1 / -1;
  margin: 0;
  padding: 14px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: #fbfcfd;
}

.admin-segment-picker legend {
  padding: 0 6px;
  color: var(--text);
  font-family: "Segoe UI", Arial, sans-serif;
  font-size: 14px;
  font-weight: 750;
  letter-spacing: 0;
  text-transform: none;
}

.admin-segment-picker > div {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin-top: 10px;
}

.admin-segment-picker label {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 46px;
  padding: 10px 12px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: #fff;
  color: var(--text);
  font-family: "Segoe UI", Arial, sans-serif;
  font-size: 14px;
  font-weight: 650;
  line-height: 1.25;
  letter-spacing: 0;
  text-transform: none;
}

.admin-segment-picker input {
  flex: 0 0 auto;
  width: 16px;
  height: 16px;
  min-height: 16px;
  accent-color: var(--brand);
}

.admin-segment-picker label span {
  min-width: 0;
  overflow-wrap: normal;
  word-break: normal;
  hyphens: none;
}

.admin-segment-picker small {
  display: block;
  margin-top: 10px;
  color: var(--muted);
  font-family: "Segoe UI", Arial, sans-serif;
  font-size: 13px;
  font-weight: 600;
}

.admin-check {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: #fbfcfd;
}

.admin-check input {
  width: 18px;
  height: 18px;
}

.admin-form-feedback {
  min-height: 20px;
  color: var(--brand);
  font-weight: 850;
}

.admin-flow-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.admin-flow-grid article {
  padding: 14px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: #fbfcfd;
}

.admin-flow-grid strong {
  display: block;
  margin-bottom: 6px;
  font-size: 15px;
}

.admin-flow-grid p {
  margin: 0;
  color: var(--muted);
  font-size: 14px;
  line-height: 1.4;
}

.close-btn {
  justify-self: end;
  width: 34px;
  height: 34px;
  border: 0;
  border-radius: 10px;
  background: var(--bg);
  cursor: pointer;
  font-size: 22px;
}

.whatsapp-float {
  position: fixed;
  right: 18px;
  bottom: 18px;
  z-index: 30;
  display: grid;
  width: 56px;
  height: 56px;
  place-items: center;
  color: #fff;
  background: var(--whatsapp);
  border-radius: 999px;
  box-shadow: 0 12px 28px rgba(37, 211, 102, 0.34);
  font-weight: 950;
  text-decoration: none;
}

.whatsapp-float img {
  display: none;
}

.whatsapp-float::before {
  content: "";
  display: block;
  width: 31px;
  height: 31px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%23ffffff' d='M380.9 97.1C339 55.1 283.2 32 223.9 32c-122.4 0-222 99.6-222 222 0 39.1 10.2 77.3 29.6 111L0 480l117.7-30.9c32.4 17.7 68.9 27 106.1 27h.1c122.3 0 224.1-99.6 224.1-222 0-59.3-25.2-115-67.1-157zm-157 341.6c-33.2 0-65.7-8.9-94-25.7l-6.7-4-69.8 18.3L72 359.2l-4.4-7c-18.5-29.4-28.2-63.3-28.2-98.2 0-101.7 82.8-184.5 184.6-184.5 49.3 0 95.6 19.2 130.4 54.1 34.8 34.9 56.2 81.2 56.1 130.5 0 101.8-84.9 184.6-186.6 184.6zm101.2-138.2c-5.5-2.8-32.8-16.2-37.9-18-5.1-1.9-8.8-2.8-12.5 2.8-3.7 5.6-14.3 18-17.6 21.8-3.2 3.7-6.5 4.2-12 1.4-32.6-16.3-54-29.1-75.5-66-5.7-9.8 5.7-9.1 16.3-30.3 1.8-3.7.9-6.9-.5-9.7-1.4-2.8-12.5-30.1-17.1-41.2-4.5-10.8-9.1-9.3-12.5-9.5-3.2-.2-6.9-.2-10.6-.2-3.7 0-9.7 1.4-14.8 6.9-5.1 5.6-19.4 19-19.4 46.3s19.9 53.7 22.6 57.4c2.8 3.7 39.1 59.7 94.8 83.8 35.2 15.2 49 16.5 66.6 13.9 10.7-1.6 32.8-13.4 37.4-26.4 4.6-13 4.6-24.1 3.2-26.4-1.3-2.5-5-3.9-10.5-6.6z'/%3E%3C/svg%3E") center / contain no-repeat;
}

.whatsapp-float span {
  position: absolute;
  right: 68px;
  width: 220px;
  padding: 10px 12px;
  color: #333;
  background: #fff;
  border-radius: 12px;
  box-shadow: var(--shadow);
  opacity: 0;
  pointer-events: none;
  transform: translateY(6px);
  transition: 0.18s ease;
  font-size: 13px;
  font-weight: 800;
}

.whatsapp-float:hover span,
.whatsapp-float span.show {
  opacity: 1;
  transform: translateY(0);
}

.cookie-banner {
  position: fixed;
  left: 16px;
  right: 16px;
  bottom: 16px;
  z-index: 40;
  display: none;
  align-items: center;
  gap: 12px;
  max-width: 920px;
  margin: auto;
  padding: 14px;
  color: #fff;
  background: #111;
  border-radius: var(--radius);
  box-shadow: var(--shadow);
}

.cookie-banner p {
  flex: 1;
  margin: 0;
  color: #fff;
  font-size: 14px;
}

@media (max-width: 1120px) {
  .site-header {
    grid-template-columns: 150px minmax(0, 1fr);
    gap: 14px;
  }

  .menu-panel {
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 12px;
  }

  .nav {
    gap: 10px;
  }

  .header-whatsapp {
    display: none;
  }

  .header-actions {
    justify-self: end;
  }

  .filter-grid,
  .category-layout,
  .results-layout,
  .announce-hero,
  .announce-layout,
  .orders-hero,
  .panel-hero,
  .panel-grid,
  .panel-listing-lock,
  .buyer-hero,
  .detail-layout,
  .detail-info,
  .category-hero,
  .results-hero,
  .ai-section,
  .advertiser-cta,
  .advertiser-profile,
  .advertiser-about,
  .advertiser-info-grid,
  .advertiser-trust {
    grid-template-columns: 1fr;
  }

  .portal-panel-hero,
  .portal-panel-layout,
  .portal-action-card,
  .portal-split {
    grid-template-columns: 1fr;
  }

  .portal-kpi-grid,
  .buyer-alert-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .static-grid,
  .static-blog-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .portal-panel-nav {
    position: static;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .portal-panel-nav button {
    justify-content: flex-start;
  }

  .portal-action-buttons {
    justify-content: flex-start;
  }

  .portal-table-row {
    grid-template-columns: 70px minmax(0, 1fr) auto;
  }

  .portal-table-row > span {
    display: none;
  }

  .category-stats,
  .results-hero-stats {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .filters {
    position: static;
  }

  .ad-grid,
  .footer {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

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

  .sell-machine-strip {
    grid-template-columns: 70px minmax(0, 1fr);
  }

  .sell-machine-strip .btn {
    grid-column: 2;
    justify-self: start;
  }

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

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

  .related-posts {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

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

  .segment-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .hero-trust {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .pre-footer-section {
    padding-inline: 18px;
  }

  .admin-shell {
    grid-template-columns: 1fr;
  }

  .admin-sidebar {
    position: fixed;
    inset: 0 auto 0 0;
    z-index: 50;
    width: min(290px, 86vw);
    transform: translateX(-105%);
    transition: transform 0.18s ease;
  }

  .admin-shell.sidebar-open .admin-sidebar {
    transform: translateX(0);
  }

  .admin-menu-toggle {
    display: inline-grid;
  }

  .admin-kpi-grid,
  .admin-card-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .admin-dashboard-grid,
  .admin-split,
  .admin-chart-grid,
  .admin-company-layout,
  .admin-settings-grid {
    grid-template-columns: 1fr;
  }

  .admin-flow-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .admin-company-tabs,
  .admin-company-metrics,
  .admin-filter-bar {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .admin-filter-bar.is-compact {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .admin-segment-picker > div {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .admin-table {
    overflow-x: auto;
  }

  .admin-table-row {
    min-width: 860px;
  }

  .admin-orders-table .admin-table-row {
    min-width: 1180px;
  }

  .admin-companies-table .admin-table-row {
    min-width: 1160px;
  }

  .admin-plans-table .admin-table-row {
    min-width: 1120px;
  }

  .admin-listings-table .admin-table-row {
    min-width: 1220px;
  }

  .admin-taxonomy-table .admin-table-row {
    min-width: 980px;
  }

  .admin-leads-table .admin-table-row {
    min-width: 1120px;
  }

  .admin-ads-table .admin-table-row {
    min-width: 1080px;
  }

  .admin-services-table .admin-table-row {
    min-width: 1120px;
  }

  .admin-service-ads-table .admin-table-row {
    min-width: 1140px;
  }

  .admin-blog-table .admin-table-row {
    min-width: 1040px;
  }

  .admin-users-table .admin-table-row {
    min-width: 1120px;
  }

  .admin-listing-view-head {
    display: grid;
  }

  .admin-listing-view-grid,
  .admin-view-details {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .advertiser-machine-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .advertiser-profile-rich {
    grid-template-columns: 160px minmax(0, 1fr);
  }

  .advertiser-profile-rich aside {
    grid-column: 1 / -1;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    align-items: center;
  }

  .advertiser-category-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .advertiser-trust-grid {
    grid-template-columns: 1fr;
  }

  .detail-sponsored-grid {
    grid-template-columns: 1fr;
  }

  .detail-machine-grid,
  .detail-commercial-links {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

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

  .hero {
    min-height: clamp(540px, calc(100vh - 128px), 650px);
    padding-top: 34px;
    padding-bottom: 26px;
  }


  .main-search {
    grid-template-columns: minmax(0, 1fr) 148px;
  }

  .main-search .btn-ai {
    grid-column: 1 / -1;
    width: 100%;
  }

  .banner-track,
  .solution-track {
    grid-auto-columns: minmax(280px, calc((100% - 16px) / 2));
  }

  .solution-track {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

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

  .results-search,
  .results-sponsored {
    grid-template-columns: 1fr;
  }

  .results-hero-stats {
    max-width: 560px;
  }

  .detail-summary {
    position: static;
  }

  .announce-preview-sticky {
    position: static;
  }

  .announce-hero {
    background:
      linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(255, 243, 228, 0.88)),
      url("../img/anuncios/sopradora-romi.webp") right center / auto 100% no-repeat;
  }

  .detail-gallery-grid {
    grid-template-rows: repeat(2, 145px);
  }

  .plan-after-section {
    grid-template-columns: 1fr;
  }

}

@media (max-width: 760px) {
  .site-header {
    position: static;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 10px;
    padding: 10px 14px 12px;
  }

  .brand img {
    width: 146px;
    margin-inline: 0;
    filter: brightness(0) invert(1);
  }

  .menu-toggle {
    display: inline-grid;
    width: 44px;
    height: 44px;
    place-items: center;
    border: 1px solid var(--line);
    border-radius: 12px;
    background: #fff;
    cursor: pointer;
  }

  .menu-toggle span {
    display: block;
    width: 20px;
    height: 2px;
    margin: 2px 0;
    background: var(--text);
    border-radius: 999px;
    transition: transform 0.18s ease, opacity 0.18s ease;
  }

  .site-header.menu-open .menu-toggle span:nth-child(1) {
    transform: translateY(6px) rotate(45deg);
  }

  .site-header.menu-open .menu-toggle span:nth-child(2) {
    opacity: 0;
  }

  .site-header.menu-open .menu-toggle span:nth-child(3) {
    transform: translateY(-6px) rotate(-45deg);
  }

  .menu-panel {
    display: none;
    grid-column: 1 / -1;
    gap: 10px;
    padding-top: 8px;
    max-height: calc(100vh - 76px);
    overflow: auto;
  }

  .site-header.menu-open .menu-panel {
    display: grid;
  }

  .header-whatsapp {
    display: inline-flex;
    justify-content: center;
    width: 100%;
    min-width: 0;
    padding: 10px;
    color: var(--text);
    background: #fff;
    border: 1px solid var(--line);
    border-radius: 12px;
  }

  .header-whatsapp strong {
    color: var(--text);
  }

  .nav {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 7px;
    width: 100%;
    order: 2;
  }

  .nav a {
    display: grid;
    min-height: 34px;
    place-items: center;
    border: 1px solid var(--line);
    border-radius: 999px;
    color: var(--text);
    background: #fff;
    font-size: 12px;
    text-align: center;
    padding: 8px 10px;
  }

  .nav a::after {
    display: none;
  }

  .header-actions {
    grid-column: auto;
    justify-self: stretch;
    display: grid;
    grid-template-columns: 1fr 1fr;
    width: 100%;
    order: 3;
  }

  .header-actions .btn {
    min-height: 38px;
    border-radius: 999px;
    font-size: 13px;
  }

  .header-actions .btn-primary {
    color: #111;
    background: linear-gradient(135deg, #ffcf43, #ee7c00);
    border-color: rgba(229, 124, 0, 0.44);
  }

  .hero {
    width: 100%;
    max-width: 100%;
    min-height: auto;
    padding: 34px 16px 24px;
    text-align: center;
  }

  .hero::before {
    background:
      linear-gradient(180deg, rgba(4, 5, 6, 0.64) 0%, rgba(4, 5, 6, 0.62) 54%, rgba(4, 5, 6, 0.82) 100%),
      url("../img/hero-maquinas-multisegmentos.webp") 58% center / cover no-repeat;
    opacity: 1;
    filter: none;
  }

  .hero::after {
    display: none;
  }

  .hero h1 {
    font-size: clamp(31px, 9.5vw, 44px);
    line-height: 1.04;
  }

  .hero-copy p {
    font-size: 17px;
    line-height: 1.42;
  }

  .main-search,
  .filter-grid,
  .listing-grid,
  .results-grid,
  .related-posts,
  .results-advertise-cta,
  .sponsored,
  .category-stats,
  .results-hero-stats,
  .ad-grid,
  .blog-grid,
  .footer {
    grid-template-columns: 1fr;
  }

  .pre-footer-section {
    margin-top: 30px;
    padding: 28px 16px 24px;
  }

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

  .why-grid article {
    grid-template-columns: 48px minmax(0, 1fr);
    min-height: auto;
    text-align: left;
  }

  .why-grid span {
    width: 48px;
    height: 48px;
    font-size: 22px;
  }

  .sell-machine-strip {
    grid-template-columns: 1fr;
    gap: 12px;
    padding: 20px;
    text-align: center;
    background:
      linear-gradient(135deg, rgba(255, 207, 67, 0.96), rgba(238, 124, 0, 0.94));
  }

  .sell-machine-strip > span {
    justify-self: center;
    font-size: 42px;
  }

  .sell-machine-strip strong {
    font-size: 18px;
  }

  .sell-machine-strip .btn {
    grid-column: auto;
    width: 100%;
  }

  .portal-panel-hero {
    padding: 18px;
  }

  .portal-user-card {
    text-align: left;
  }

  .portal-kpi-grid,
  .buyer-alert-grid,
  .portal-panel-nav {
    grid-template-columns: 1fr;
  }

  .static-page {
    width: calc(100% - 28px);
    padding: 24px 0 38px;
  }

  .static-hero {
    min-height: 0;
    padding: 24px 18px;
    text-align: center;
    background:
      linear-gradient(180deg, rgba(5, 6, 7, 0.82), rgba(5, 6, 7, 0.78)),
      url("../img/hero-maquinas-multisegmentos.webp") center / cover no-repeat;
  }

  .static-grid,
  .static-blog-grid,
  .static-cta {
    grid-template-columns: 1fr;
  }

  .static-card {
    min-height: auto;
  }

  .static-cta {
    text-align: center;
  }

  .portal-card-head,
  .portal-action-buttons {
    align-items: stretch;
    flex-direction: column;
  }

  .portal-card-head .btn,
  .portal-action-buttons .btn {
    width: 100%;
  }

  .portal-table-row {
    grid-template-columns: 62px minmax(0, 1fr);
  }

  .portal-table-row .btn {
    grid-column: 1 / -1;
    width: 100%;
  }

  .portal-lead-mini {
    grid-template-columns: 34px minmax(0, 1fr);
  }

  .portal-lead-mini time {
    grid-column: 2;
  }

  .section,
  .commercial-carousel,
  .ai-section,
  .advertiser-cta,
  .category-page,
  .results-page,
  .listing-detail-page,
  .announce-page,
  .panel-page,
  .buyer-page,
  .orders-page,
  .advertiser-page {
    width: calc(100% - 24px);
    max-width: calc(100% - 24px);
  }

  .btn,
  button,
  input,
  select,
  textarea {
    max-width: 100%;
  }

  .btn {
    white-space: normal;
  }

  .results-page {
    width: calc(100% - 24px);
    padding-top: 24px;
  }

  .orders-page {
    width: calc(100% - 24px);
    padding-top: 24px;
  }

  .panel-page {
    width: calc(100% - 24px);
    padding-top: 24px;
  }

  .buyer-page {
    width: calc(100% - 24px);
    padding-top: 24px;
  }

  .panel-hero,
  .panel-card,
  .panel-listing-lock {
    padding: 16px;
  }

  .panel-hero,
  .panel-listing-lock {
    text-align: center;
  }

  .panel-status-card,
  .panel-order-card .btn,
  .panel-listing-lock .btn {
    justify-self: stretch;
  }

  .panel-step-grid,
  .buyer-grid,
  .payment-order-summary dl,
  .panel-card dl {
    grid-template-columns: 1fr;
  }

  .buyer-hero {
    padding: 18px;
    text-align: center;
  }

  .buyer-hero p {
    margin-inline: auto;
  }

  .admin-topbar {
    grid-template-columns: auto minmax(0, 1fr) auto;
    padding: 10px 12px;
  }

  .admin-user > button {
    grid-template-columns: 40px;
    padding: 4px;
  }

  .admin-user > button span {
    display: none;
  }

  .admin-content {
    padding: 14px;
    min-width: 0;
  }

  .admin-page-head {
    align-items: stretch;
    flex-direction: column;
  }

  .admin-head-actions .btn {
    width: 100%;
  }

  .admin-panel {
    padding: 14px;
    min-width: 0;
  }

  .admin-table {
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  .admin-kpi-grid,
  .admin-card-grid {
    grid-template-columns: 1fr;
  }

  .admin-form-grid,
  .admin-flow-grid,
  .admin-company-tabs,
  .admin-company-metrics,
  .admin-filter-bar {
    grid-template-columns: 1fr;
  }

  .admin-listing-view-grid,
  .admin-view-details {
    grid-template-columns: 1fr;
  }

  .admin-listing-view-head strong {
    font-size: 24px;
  }

  .admin-upload-preview article {
    grid-template-columns: 58px minmax(0, 1fr) repeat(2, 32px);
  }

  .admin-upload-preview article button:nth-of-type(3),
  .admin-upload-preview article button:nth-of-type(4) {
    grid-row: 2;
  }

  .admin-filter-bar.is-compact {
    grid-template-columns: 1fr;
  }

  .admin-company-card {
    grid-template-columns: 44px minmax(0, 1fr);
    align-items: start;
  }

  .admin-company-avatar {
    width: 44px;
    height: 44px;
    border-radius: 12px;
  }

  .admin-company-actions {
    grid-column: 1 / -1;
    flex-wrap: wrap;
  }

  .admin-segment-picker > div {
    grid-template-columns: 1fr;
  }

  .orders-toolbar,
  .orders-stats,
  .order-card dl {
    grid-template-columns: 1fr;
  }

  .order-card-head {
    display: grid;
  }

  .order-card-head > strong {
    justify-self: start;
  }

  .listing-detail-page {
    width: calc(100% - 24px);
    padding-top: 24px;
  }

  .announce-page {
    width: calc(100% - 24px);
    padding-top: 24px;
  }

  .announce-hero,
  .announce-form-card,
  .announce-preview-panel {
    padding: 16px;
  }

  .announce-hero {
    text-align: center;
    background:
      linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(255, 243, 228, 0.9)),
      url("../img/anuncios/sopradora-romi.webp") center / cover no-repeat;
  }

  .announce-hero p {
    margin-inline: auto;
  }

  .announce-hero-stats,
  .announce-grid,
  .announce-plan-grid,
  .announce-plan-choice-grid,
  .payment-method-grid,
  .photo-uploader,
  .photo-manager {
    grid-template-columns: 1fr;
  }

  .announce-plan-card {
    min-height: auto;
  }

  .plan-after-section {
    padding: 14px;
  }

  .plan-flow-copy {
    text-align: left;
  }

  .plan-flow-steps {
    grid-template-columns: 1fr;
  }

  .plan-flow-steps article {
    min-height: 0;
  }

  .announce-steps {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .announce-steps button {
    min-height: 42px;
    font-size: 12px;
  }

  .announce-step-panel {
    padding: 14px;
  }

  .announce-section-title {
    text-align: left;
  }

  .announce-span-2 {
    grid-column: auto;
  }

  .photo-slot,
  .photo-slot-main {
    min-height: 118px;
  }

  .announce-actions {
    display: grid;
  }

  .announce-actions .btn {
    min-width: 0;
    width: 100%;
  }

  .photo-toolbar {
    display: grid;
  }

  .photo-toolbar .btn {
    width: 100%;
  }

  .detail-layout,
  .detail-info {
    gap: 14px;
  }

  .detail-summary {
    padding: 16px;
  }

  .detail-summary h1 {
    font-size: clamp(26px, 8vw, 34px);
  }

  .detail-price {
    font-size: 26px;
    white-space: normal;
  }

  .detail-title-card {
    grid-template-columns: 1fr;
    padding: 16px;
  }

  .detail-title-card h1 {
    font-size: clamp(27px, 8vw, 36px);
  }

  .detail-gallery-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-rows: 210px 106px 106px;
  }

  .detail-photo-main {
    grid-column: 1 / -1;
    grid-row: auto;
  }

  .detail-contact-row,
  .seller-card {
    grid-template-columns: 1fr;
  }

  .seller-card {
    text-align: center;
  }

  .seller-logo {
    margin-inline: auto;
  }

  .detail-gallery-action {
    justify-self: stretch;
  }

  .gallery-lightbox {
    padding: 16px;
  }

  .gallery-nav {
    top: auto;
    bottom: 22px;
    width: 46px;
    height: 46px;
    font-size: 34px;
    transform: none;
  }

  .gallery-prev {
    left: calc(50% - 58px);
  }

  .gallery-next {
    right: calc(50% - 58px);
  }

  .results-hero h1 {
    font-size: clamp(32px, 12vw, 44px);
  }

  .result-card {
    grid-template-columns: 1fr;
  }

  .result-media img {
    aspect-ratio: auto;
    min-height: 0;
  }

  .results-toolbar {
    align-items: flex-start;
    flex-direction: column;
  }

  .results-layout {
    gap: 12px;
  }

  .results-mobile-filter-toggle {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    width: 100%;
    min-height: 58px;
    padding: 12px 14px;
    border: 1px solid var(--line);
    border-radius: 14px;
    background: #fff;
    color: var(--text);
    box-shadow: 0 14px 34px rgba(4, 16, 31, 0.08);
    cursor: pointer;
    text-align: left;
  }

  .results-mobile-filter-toggle span {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-weight: 900;
  }

  .results-mobile-filter-toggle small {
    max-width: 46%;
    color: var(--muted);
    font-size: 12px;
    font-weight: 800;
    overflow: hidden;
    text-align: right;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .results-filters {
    display: none;
    padding: 16px;
  }

  .results-filters.is-open {
    display: grid;
  }

  .results-pagination {
    flex-wrap: wrap;
  }

  .results-extra-head {
    display: grid;
    text-align: center;
  }

  .related-grid {
    text-align: left;
  }

  .related-posts {
    grid-template-columns: 1fr;
  }

  .related-post-card,
  .related-post-card.featured {
    grid-template-columns: 1fr;
  }

  .related-post-card img {
    aspect-ratio: 16 / 8;
    min-height: 0;
  }

  .related-post-card div {
    padding: 14px;
    text-align: center;
  }

  .results-advertise-cta {
    text-align: center;
  }

  .advertiser-page {
    width: calc(100% - 24px);
    padding-top: 24px;
  }

  .advertiser-profile {
    justify-items: center;
    text-align: center;
  }

  .advertiser-profile p {
    margin-inline: auto;
  }

  .advertiser-profile-tags {
    justify-content: center;
  }

  .advertiser-stats,
  .advertiser-category-grid,
  .advertiser-machine-grid {
    grid-template-columns: 1fr;
  }

  .advertiser-profile-rich {
    grid-template-columns: 1fr;
  }

  .advertiser-profile-logo-card {
    width: min(260px, 100%);
  }

  .advertiser-profile-rich aside {
    grid-template-columns: 1fr;
    width: 100%;
  }

  .advertiser-info-grid dl div,
  .advertiser-segment-block > header,
  .advertiser-type-head {
    align-items: flex-start;
    flex-direction: column;
  }

  .advertiser-info-grid dd {
    text-align: left;
  }

  .detail-machine-grid,
  .detail-commercial-links {
    grid-template-columns: 1fr;
  }

  .detail-sponsored-card {
    grid-template-columns: 1fr;
  }

  .detail-sponsored-card img {
    height: auto;
    aspect-ratio: 16 / 8;
  }

  .results-cta-points {
    justify-content: center;
  }

  .main-search {
    grid-template-columns: 1fr;
  }

  .main-search input {
    grid-column: auto;
    min-height: 52px;
    border-color: rgba(229, 124, 0, 0.28);
    font-size: 16px;
  }

  .main-search .btn {
    min-height: 48px;
    border-radius: 8px;
    font-size: 14px;
  }

  .main-search .btn-ai {
    grid-column: auto;
    width: 100%;
    color: #fff;
    background: rgba(255, 255, 255, 0.12);
    border-color: rgba(255, 255, 255, 0.16);
  }

  .advanced-filters summary {
    display: inline;
    width: auto;
    min-height: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
  }

  .category-hero {
    padding: 18px;
  }

  .result-bar {
    align-items: flex-start;
    flex-direction: column;
  }

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

  .segment-grid .category-card:nth-child(n + 4) {
    display: none;
  }

  .segment-view-all {
    display: block;
    color: var(--brand);
    font-weight: 950;
    text-align: center;
  }

  .category-card {
    grid-template-columns: 1fr;
    min-height: 0;
    padding: 0;
  }

  .category-icon {
    width: 34px;
    height: 34px;
  }

  .category-visual {
    height: 132px;
  }

  .hero-trust {
    grid-template-columns: 1fr;
    gap: 8px;
  }

  .main-search .btn,
  .header-actions .btn {
    width: 100%;
  }

  .search-shell {
    padding: 14px;
    border-radius: 14px;
  }

  .hero-tags,
  .cta-actions {
    justify-content: center;
  }

  .commercial-carousel .section-head,
  .section-head {
    justify-items: center;
    text-align: center;
  }

  .banner-card {
    min-height: 0;
    padding: 12px;
    gap: 10px;
  }

  .banner-card small,
  .banner-card p,
  .banner-card .btn {
    display: none;
  }

  .banner-card h3 {
    margin: 0;
    font-size: 16px;
    line-height: 1.25;
  }

  .banner-visual {
    height: 132px;
    margin: 0;
  }

  .banner-track,
  .solution-track {
    grid-auto-columns: minmax(260px, 86vw);
    margin-inline: -2px;
    padding-inline: 2px;
  }

  .solution-track {
    grid-auto-flow: initial;
    grid-auto-columns: initial;
    grid-template-columns: 1fr;
    margin-inline: 0;
    padding-inline: 0;
    overflow: visible;
  }

  .commercial-carousel,
  .section,
  .ai-section,
  .advertiser-cta {
    padding-top: 34px;
    padding-bottom: 34px;
  }

  .ai-section {
    text-align: center;
  }

  .ai-section::before {
    inset: 0 22px auto;
    width: auto;
    height: 5px;
  }

  .ai-section p {
    margin-inline: auto;
  }

  .ai-actions {
    justify-content: center;
  }

  .ai-example {
    justify-items: center;
    text-align: center;
  }

  .ai-example .prompt,
  .ai-result {
    width: 100%;
  }

  .ai-example ul {
    text-align: left;
  }

  .solution-card,
  .ad-grid article {
    min-height: auto;
    text-align: center;
  }

  .solution-card small,
  .ad-grid span {
    margin-inline: auto;
  }

  .blog-card h3 {
    min-height: auto;
    text-align: center;
  }

  .section-head {
    display: grid;
    align-items: start;
  }

  .card-actions {
    grid-template-columns: 1fr;
  }

  .card-actions .btn,
  .sponsored .btn,
  .cta-actions .btn,
  .ai-actions .btn {
    width: 100%;
  }

  .ai-actions {
    align-items: stretch;
    flex-direction: column;
  }

  .card-body h3 {
    min-height: 39px;
  }

  .cookie-banner {
    left: 10px;
    right: 10px;
    bottom: 10px;
    align-items: stretch;
    flex-direction: column;
    max-height: calc(100vh - 20px);
    overflow: auto;
  }

  .cookie-banner p {
    flex: none;
  }

  .cookie-banner .btn {
    width: 100%;
  }

  .footer {
    gap: 18px;
    padding: 28px 18px 18px;
  }

  .footer-bottom {
    flex-direction: column;
  }

  .whatsapp-float span {
    display: none;
  }
}

@media (max-width: 430px) {
  .commercial-carousel,
  .section,
  .ai-section,
  .advertiser-cta,
  .category-page,
  .results-page,
  .listing-detail-page,
  .announce-page,
  .panel-page,
  .buyer-page,
  .orders-page,
  .advertiser-page {
    width: calc(100% - 24px);
  }

  .hero {
    width: 100%;
    max-width: 100%;
    padding: 28px 12px 20px;
  }

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

  .header-actions {
    grid-template-columns: 1fr 1fr;
  }

  .header-actions .btn,
  .main-search .btn,
  .results-search .btn,
  .announce-actions .btn,
  .detail-contact-form .btn,
  .payment-actions .btn {
    min-width: 0;
    width: 100%;
  }

  .category-card {
    grid-template-columns: 42px minmax(0, 1fr);
  }

  .category-link {
    grid-column: 2;
    justify-self: start;
  }

  .brand img {
    width: 132px;
  }

  .hero h1 {
    font-size: clamp(29px, 11vw, 38px);
  }

  .hero-copy p {
    font-size: 16px;
  }

  .main-search input {
    min-height: 56px;
    font-size: 15px;
  }

  .lead-dialog {
    width: calc(100vw - 18px);
    padding: 0;
  }

  .auth-dialog {
    width: calc(100vw - 18px);
    max-height: calc(100vh - 18px);
    overflow: auto;
  }

  .auth-dialog form {
    grid-template-columns: 1fr;
  }

  .auth-aside {
    min-height: 0;
    padding: 20px;
  }

  .auth-aside img {
    width: 142px;
  }

  .auth-aside strong {
    font-size: 24px;
  }

  .auth-aside ul {
    display: none;
  }

  .auth-content {
    padding: 20px;
  }

  .auth-tabs {
    grid-template-columns: 1fr;
  }

  .auth-row {
    align-items: flex-start;
    flex-direction: column;
  }

  .lead-dialog form {
    max-height: calc(100vh - 18px);
    overflow: auto;
    padding: 16px;
  }

  .admin-topbar {
    grid-template-columns: auto minmax(0, 1fr) auto;
  }

  .admin-global-search input {
    min-width: 0;
  }

  .admin-table-row {
    min-width: 760px;
  }

  .admin-listings-table .admin-table-row,
  .admin-orders-table .admin-table-row,
  .admin-companies-table .admin-table-row {
    min-width: 980px;
  }

  .admin-upload-preview article {
    grid-template-columns: 54px minmax(0, 1fr) 30px 30px;
  }

  .banner-track {
    grid-auto-columns: minmax(236px, 84vw);
  }

  .listing-badges {
    position: static;
    padding: 10px 10px 0;
    background: #fff;
  }

  .spec-list li {
    align-items: flex-start;
    flex-direction: column;
    gap: 2px;
  }

  .spec-list strong {
    text-align: left;
  }

  .ai-section,
  .advertiser-cta {
    padding: 22px;
  }

  .whatsapp-float {
    right: 12px;
    bottom: 12px;
    width: 52px;
    height: 52px;
  }
}

/* Home 2026 visual refresh */
.home-v2 {
  background: #f5f7fa;
}

.home-v2 .site-header {
  grid-template-columns: 170px minmax(0, 1fr);
  min-height: 78px;
  padding-block: 10px;
  background: #07101a;
}

.home-v2 .brand img {
  width: 152px;
}

.home-v2 .menu-panel {
  gap: 16px;
}

.home-v2 .nav {
  justify-content: center;
  gap: 8px;
  font-size: 11px;
  text-transform: none;
}

.home-v2 .nav a {
  padding: 10px 7px;
}

.favorite-link {
  display: grid;
  width: 34px;
  height: 34px;
  place-items: center;
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.22);
  border-radius: 50%;
  font-size: 22px;
  line-height: 1;
  transition: transform 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

.favorite-link:hover {
  color: #ffb000;
  border-color: rgba(255, 176, 0, 0.7);
  transform: translateY(-2px);
}

.home-v2 .header-actions .btn {
  min-height: 40px;
  border-radius: 7px;
  padding-inline: 18px;
}

.home-v2 .header-actions .btn-primary {
  color: #fff;
  background: #ee7c00;
  box-shadow: none;
}

.home-hero {
  position: relative;
  isolation: isolate;
  min-height: 520px;
  display: grid;
  place-items: center;
  padding: 74px 18px 72px;
  color: #fff;
  overflow: visible;
  background:
    linear-gradient(180deg, rgba(2, 9, 18, 0.42), rgba(2, 9, 18, 0.74)),
    linear-gradient(90deg, rgba(2, 8, 16, 0.76), rgba(2, 8, 16, 0.18), rgba(2, 8, 16, 0.78)),
    url("../img/fundohero.webp") center / cover no-repeat;
}

.home-hero::after {
  content: "";
  position: absolute;
  inset: auto 0 0;
  height: 130px;
  z-index: -1;
  background: linear-gradient(180deg, transparent, rgba(2, 8, 16, 0.9));
}

.home-hero-inner {
  width: min(980px, 100%);
  text-align: center;
}

.home-kicker {
  margin: 0 0 14px;
  color: rgba(255, 255, 255, 0.9);
  font-size: 15px;
  font-weight: 850;
}

.home-hero h1 {
  max-width: 920px;
  margin: 0 auto 10px;
  color: #fff;
  font-size: clamp(32px, 5.4vw, 58px);
  line-height: 0.98;
  letter-spacing: 0;
  text-transform: uppercase;
}

.home-hero h1 span {
  color: #ff8a00;
}

.home-subtitle {
  max-width: 760px;
  margin: 0 auto 24px;
  color: rgba(255, 255, 255, 0.86);
  font-size: clamp(15px, 1.8vw, 18px);
  line-height: 1.55;
}

.home-search-card {
  width: min(720px, 100%);
  margin: 0 auto;
  padding: 0;
  background: transparent;
  border: 0;
  box-shadow: none;
}

.home-search-line {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 112px;
  gap: 12px;
  padding: 14px;
  background: #fff;
  border: 1px solid rgba(255, 255, 255, 0.5);
  border-radius: 9px;
  box-shadow: 0 24px 55px rgba(0, 0, 0, 0.28);
}

.home-search-field {
  display: grid;
  gap: 3px;
  min-width: 0;
  color: #17212b;
  text-align: left;
}

.home-search-field span {
  font-size: 14px;
  font-weight: 850;
}

.home-search-field input {
  min-width: 0;
  height: 28px;
  padding: 0;
  color: #566171;
  background: transparent;
  border: 0;
  border-radius: 0;
  font-size: 12px;
  font-weight: 600;
}

.home-search-field input:focus {
  outline: 0;
  box-shadow: none;
}

.home-search-submit {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 52px;
  color: #fff;
  background: #ee7c00;
  border: 0;
  border-radius: 7px;
  font-size: 14px;
  font-weight: 950;
  cursor: pointer;
  transition: transform 0.18s ease, filter 0.18s ease;
}

.home-search-submit span {
  font-size: 24px;
  line-height: 1;
}

.home-search-submit:hover {
  filter: brightness(1.05);
  transform: translateY(-1px);
}

.home-v2 .advanced-filters {
  margin: 12px auto 0;
  color: #fff;
  background: rgba(2, 8, 16, 0.72);
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 8px;
  text-align: left;
}

.home-v2 .advanced-filters summary {
  display: flex;
  width: fit-content;
  min-height: 34px;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin: 0 auto;
  padding: 8px 18px;
  color: #fff;
  background: #07101a;
  border: 1px solid rgba(255, 255, 255, 0.28);
  border-radius: 6px;
  font-size: 13px;
  font-weight: 900;
  cursor: pointer;
}

.home-v2 .advanced-filters[open] summary {
  margin-top: 12px;
}

.home-v2 .advanced-filters .filter-grid,
.dynamic-filter-box {
  padding: 14px;
}

.dynamic-filter-box {
  display: grid;
  gap: 12px;
  border-top: 1px solid rgba(255, 255, 255, 0.12);
}

.dynamic-filter-box strong {
  color: #ffb000;
}

.home-v2 .advanced-filters label {
  color: rgba(255, 255, 255, 0.82);
}

.home-v2 .advanced-filters input,
.home-v2 .advanced-filters select {
  background: #fff;
}

.home-ai-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin-top: 12px;
  padding: 10px 18px;
  color: #fff;
  background: rgba(2, 8, 16, 0.72);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 999px;
  font-weight: 900;
  cursor: pointer;
}

.home-v2 .ai-summary {
  max-width: 640px;
  margin: 16px auto 0;
  color: rgba(255, 255, 255, 0.78);
  font-size: 14px;
}

.quick-category-shell {
  position: relative;
  z-index: 3;
  display: grid;
  grid-template-columns: repeat(10, minmax(0, 1fr));
  gap: 0;
  width: min(1260px, calc(100% - 36px));
  margin: -34px auto 28px;
  padding: 18px;
  background: #fff;
  border: 1px solid rgba(12, 26, 40, 0.1);
  border-radius: 8px;
  box-shadow: 0 16px 34px rgba(14, 24, 38, 0.16);
}

.quick-category-shell a {
  display: grid;
  place-items: center;
  gap: 7px;
  min-height: 60px;
  color: #07101a;
  font-size: 11px;
  font-weight: 850;
  text-align: center;
  border-right: 1px solid rgba(12, 26, 40, 0.08);
}

.quick-category-shell a:last-child {
  border-right: 0;
}

.quick-category-shell span {
  display: grid;
  width: 24px;
  height: 24px;
  place-items: center;
  color: #07101a;
  font-size: 19px;
}

.quick-category-shell a:hover {
  color: #ee7c00;
}

.home-block {
  width: min(1260px, calc(100% - 36px));
  margin: 0 auto;
  padding: 24px 0;
}

.home-section-head {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 18px;
}

.home-section-head h2 {
  margin: 0;
  color: #07101a;
  font-size: clamp(24px, 3vw, 34px);
}

.home-v2 .eyebrow {
  color: #ee7c00;
}

.sponsor-showcase {
  position: relative;
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr) 34px;
  align-items: center;
  gap: 14px;
  padding-top: 0;
}

.carousel-arrow {
  display: grid;
  width: 34px;
  height: 34px;
  place-items: center;
  background: #fff;
  border: 1px solid rgba(12, 26, 40, 0.12);
  border-radius: 50%;
  color: #07101a;
  font-size: 28px;
  line-height: 1;
  box-shadow: 0 10px 25px rgba(14, 24, 38, 0.12);
}

.home-v2 .banner-track {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  overflow: visible;
}

.home-v2 .banner-card {
  position: relative;
  min-height: 250px;
  display: grid;
  align-content: end;
  overflow: hidden;
  padding: 24px;
  color: #fff;
  background: #07101a;
  border: 0;
  border-radius: 7px;
  box-shadow: 0 16px 35px rgba(14, 24, 38, 0.16);
}

.home-v2 .banner-visual {
  position: absolute;
  inset: 0;
  margin: 0;
}

.home-v2 .banner-visual::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(2, 8, 16, 0.1), rgba(2, 8, 16, 0.78));
}

.home-v2 .banner-visual img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.home-v2 .banner-card > div,
.home-v2 .banner-card > a {
  position: relative;
  z-index: 1;
}

.home-v2 .banner-card small {
  color: #ffb000;
  font-size: 13px;
  font-weight: 950;
  text-transform: uppercase;
}

.home-v2 .banner-card h3 {
  max-width: 410px;
  margin: 6px 0 10px;
  color: #fff;
  font-size: 26px;
  line-height: 1.08;
}

.home-v2 .banner-card p {
  max-width: 410px;
  color: rgba(255, 255, 255, 0.84);
}

.home-v2 .banner-card .btn {
  justify-self: start;
  margin-top: 12px;
  border-radius: 5px;
}

.home-v2 .listing-grid {
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 14px;
}

.home-v2 .listing-card {
  border-radius: 7px;
  box-shadow: 0 12px 28px rgba(14, 24, 38, 0.1);
}

.home-v2 .listing-media {
  height: 132px;
}

.home-v2 .listing-card .card-body {
  padding: 12px;
}

.home-v2 .listing-card h3 {
  min-height: 40px;
  font-size: 14px;
  line-height: 1.15;
  -webkit-line-clamp: 2;
}

.home-v2 .listing-card .meta {
  font-size: 11px;
  line-height: 1.35;
  -webkit-line-clamp: 2;
}

.home-v2 .listing-card .price {
  font-size: 17px;
}

.home-v2 .spec-list {
  display: none;
}

.home-v2 .details-pill {
  width: 100%;
  justify-content: center;
  padding-block: 9px;
  color: #07101a;
  background: linear-gradient(135deg, #ffd65c, #ffb000);
  border: 0;
  border-radius: 5px;
  font-size: 11px;
}

.action-cards {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}

.action-card {
  min-height: 176px;
  display: grid;
  align-content: end;
  gap: 10px;
  padding: 22px;
  color: #fff;
  background:
    linear-gradient(135deg, rgba(2, 12, 25, 0.96), rgba(4, 28, 52, 0.86)),
    url("../img/hero-maquinas-clean.webp") center / cover;
  border-radius: 7px;
  box-shadow: 0 14px 30px rgba(14, 24, 38, 0.13);
}

.action-card h3 {
  margin: 0;
  color: #fff;
  font-size: 20px;
}

.action-card p {
  margin: 0;
  color: rgba(255, 255, 255, 0.8);
  font-size: 13px;
  line-height: 1.45;
}

.action-card a,
.action-card button,
.action-card form button {
  width: fit-content;
  padding: 10px 14px;
  color: #fff;
  background: #ee7c00;
  border: 0;
  border-radius: 5px;
  font-size: 12px;
  font-weight: 900;
  cursor: pointer;
}

.action-card form {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 46px;
  gap: 0;
  background: #fff;
  border-radius: 5px;
  overflow: hidden;
}

.action-card form input {
  min-width: 0;
  height: 44px;
  padding: 0 14px;
  border: 0;
  font-size: 12px;
}

.action-card form button {
  width: 46px;
  border-radius: 0;
}

.home-benefits {
  text-align: center;
}

.home-benefits h2 {
  margin-bottom: 20px;
  font-size: 24px;
}

.benefit-row {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 16px;
}

.benefit-row article {
  display: grid;
  justify-items: center;
  gap: 7px;
  color: #07101a;
}

.benefit-row span {
  font-size: 26px;
}

.benefit-row strong {
  font-size: 13px;
}

.benefit-row small {
  color: #566171;
  font-weight: 650;
  line-height: 1.35;
}

.home-v2 #segmentos .section-head {
  text-align: left;
}

.home-v2 #segmentos .section-head,
.home-v2 #segmentos .section-head .section-link {
  display: none;
}

.home-v2 .segment-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 14px;
}

.home-v2 .category-card {
  min-height: 128px;
  color: #fff;
  overflow: hidden;
  background: #07101a;
  border: 0;
  border-radius: 7px;
}

.home-v2 .category-visual {
  position: absolute;
  inset: 0;
  height: 100%;
}

.home-v2 .category-visual::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, transparent, rgba(2, 8, 16, 0.78));
}

.home-v2 .category-card > div {
  position: relative;
  z-index: 1;
  align-self: end;
  padding: 54px 16px 16px;
}

.home-v2 .category-card h3 {
  color: #fff;
}

.home-v2 .category-card p {
  color: rgba(255, 255, 255, 0.86);
  font-size: 12px;
}

.home-v2 .category-icon {
  z-index: 2;
  color: #07101a;
  background: #ffb000;
}

.home-v2 .segment-view-all {
  display: grid;
  min-height: 128px;
  place-items: center;
  color: #fff;
  background: #07101a;
  border-radius: 7px;
  font-weight: 950;
}

.home-v2 .solution-track {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 14px;
  overflow: visible;
}

.home-v2 .solution-card {
  display: grid;
  min-height: 150px;
  gap: 7px;
  padding: 18px;
  background: #fff;
  border: 1px solid rgba(12, 26, 40, 0.1);
  border-radius: 7px;
  box-shadow: 0 12px 28px rgba(14, 24, 38, 0.08);
}

.home-v2 .solution-visual {
  display: none;
}

.home-v2 .solution-card small {
  color: #ee7c00;
  font-weight: 950;
  text-transform: uppercase;
}

.home-v2 .solution-card strong {
  font-size: 18px;
}

.home-v2 .solution-card span {
  color: #566171;
  font-size: 13px;
  line-height: 1.45;
}

.home-v2 .blog-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}

.home-v2 .blog-card {
  min-height: 190px;
  overflow: hidden;
  color: #fff;
  background: #07101a;
  border-radius: 7px;
}

.home-v2 .blog-card img {
  height: 130px;
}

.home-v2 .blog-card h3 {
  padding: 14px;
  color: #07101a;
  background: #fff;
  font-size: 15px;
  line-height: 1.25;
}

.home-stats {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 10px;
  width: min(1260px, calc(100% - 36px));
  margin: 22px auto;
  padding: 22px;
  color: #fff;
  background: #071b2f;
  border-radius: 8px;
}

.home-stats article {
  display: grid;
  gap: 4px;
}

.home-stats strong {
  color: #ffb000;
  font-size: 21px;
}

.home-stats span {
  color: rgba(255, 255, 255, 0.78);
  font-size: 12px;
  font-weight: 750;
}

.home-newsletter {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(300px, 520px);
  align-items: center;
  gap: 24px;
  width: 100%;
  margin: 36px 0 0;
  padding: 30px max(22px, calc((100vw - 1260px) / 2));
  color: #fff;
  background:
    linear-gradient(90deg, rgba(2, 13, 28, 0.98), rgba(2, 21, 43, 0.88)),
    url("../img/hero-maquinas-portal.webp") right center / auto 220% no-repeat;
}

.home-newsletter h2 {
  margin: 0 0 6px;
  color: #fff;
}

.home-newsletter p {
  margin: 0;
  color: rgba(255, 255, 255, 0.76);
}

.home-newsletter form {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 132px;
  background: #fff;
  border-radius: 6px;
  overflow: hidden;
}

.home-newsletter input {
  min-width: 0;
  height: 52px;
  padding: 0 16px;
  border: 0;
}

.home-newsletter button {
  color: #fff;
  background: #ee7c00;
  border: 0;
  font-weight: 950;
}

.home-footer {
  width: 100%;
  margin: 0;
  padding-inline: max(22px, calc((100vw - 1260px) / 2));
  color: #17212b;
  background: #fff;
  border-radius: 0;
}

.home-footer img {
  filter: none;
}

@media (max-width: 1180px) {
  .home-v2 .listing-grid,
  .home-v2 .solution-track {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .quick-category-shell {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }

  .benefit-row,
  .home-stats {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 900px) {
  .home-v2 .site-header {
    grid-template-columns: 138px auto;
  }

  .home-v2 .brand img {
    width: 132px;
  }

  .home-v2 .menu-toggle {
    display: inline-grid;
    justify-self: end;
    width: 44px;
    height: 44px;
    place-items: center;
    border: 1px solid var(--line);
    border-radius: 12px;
    background: #fff;
    cursor: pointer;
  }

  .home-v2 .menu-toggle span {
    display: block;
    width: 20px;
    height: 2px;
    margin: 2px 0;
    background: var(--text);
    border-radius: 999px;
    transition: transform 0.18s ease, opacity 0.18s ease;
  }

  .home-v2 .menu-panel {
    display: none;
    grid-column: 1 / -1;
    grid-template-columns: 1fr;
    padding-top: 10px;
  }

  .home-v2.site-header.menu-open .menu-panel,
  .home-v2 .site-header.menu-open .menu-panel,
  .home-v2 .home-header.menu-open .menu-panel {
    display: grid;
  }

  .favorite-link {
    display: none;
  }

  .home-hero {
    min-height: auto;
    padding: 54px 18px 68px;
  }

  .home-search-line {
    grid-template-columns: 1fr;
  }

  .quick-category-shell {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-top: -28px;
  }

  .sponsor-showcase {
    grid-template-columns: 1fr;
  }

  .carousel-arrow {
    display: none;
  }

  .home-v2 .banner-track,
  .home-v2 .listing-grid,
  .action-cards,
  .home-v2 .segment-grid,
  .home-v2 .blog-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .home-newsletter,
  .home-v2 .footer {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 620px) {
  .home-v2 .site-header {
    min-height: 68px;
  }

  .home-hero {
    padding: 38px 14px 58px;
  }

  .home-hero h1 {
    font-size: 34px;
  }

  .home-search-card {
    width: 100%;
  }

  .quick-category-shell {
    width: calc(100% - 20px);
    grid-template-columns: repeat(2, minmax(0, 1fr));
    padding: 10px;
  }

  .home-block,
  .home-stats {
    width: calc(100% - 20px);
  }

  .home-v2 .banner-track,
  .home-v2 .listing-grid,
  .action-cards,
  .benefit-row,
  .home-v2 .segment-grid,
  .home-v2 .solution-track,
  .home-v2 .blog-grid,
  .home-stats {
    grid-template-columns: 1fr;
  }

  .home-section-head {
    align-items: start;
    flex-direction: column;
  }

  .home-newsletter {
    padding-inline: 18px;
  }

  .home-newsletter form {
    grid-template-columns: 1fr;
  }
}

/* Faithful reference tightening */
.home-v2 {
  --home-container: min(1180px, calc(100% - 70px));
}

.home-v2 .site-header {
  min-height: 66px;
  grid-template-columns: 145px minmax(0, 1fr);
  padding-inline: max(28px, calc((100vw - 1180px) / 2));
  background: #031020;
}

.home-v2 .brand img {
  width: 128px;
}

.home-v2 .nav {
  gap: 20px;
  color: #fff;
  font-size: 10px;
}

.home-v2 .nav a,
.home-v2 .nav a.is-active {
  color: #fff;
  transform: none;
}

.home-v2 .nav a:hover {
  color: #ff8a00;
}

.favorite-link {
  border: 0;
  font-size: 25px;
}

.home-v2 .header-actions .btn {
  min-height: 36px;
  border-radius: 4px;
  font-size: 11px;
}

.home-v2 .header-actions .btn-primary {
  background: #ff7600;
}

.home-hero {
  min-height: 330px;
  padding: 62px 18px 52px;
}

.home-hero h1 {
  max-width: 700px;
  font-size: clamp(30px, 4vw, 42px);
  line-height: 1.02;
  text-shadow: 0 3px 16px rgba(0, 0, 0, 0.34);
}

.home-subtitle {
  font-size: 13px;
}

.home-search-card {
  width: min(650px, 100%);
}

.home-search-line {
  grid-template-columns: minmax(0, 1fr) 88px;
  padding: 12px;
  border-radius: 7px;
}

.home-search-field span {
  font-size: 12px;
}

.home-search-field input {
  height: 24px;
  font-size: 10px;
}

.home-search-submit {
  min-height: 44px;
  border-radius: 5px;
  background: #ff7600;
}

.home-v2 .advanced-filters summary {
  min-height: 30px;
  padding-inline: 16px;
  border-radius: 4px;
  font-size: 11px;
}

.quick-category-shell,
.home-block,
.home-stats {
  width: var(--home-container);
}

.quick-category-shell {
  margin-top: -24px;
  margin-bottom: 22px;
  padding: 15px 14px;
}

.quick-category-shell a {
  min-height: 50px;
}

.home-block {
  padding: 18px 0;
}

.home-section-head {
  margin-bottom: 14px;
}

.home-section-head h2,
.home-benefits h2 {
  font-size: 20px;
}

.home-v2 .section-link {
  border: 0;
  padding: 0;
  color: #0f496d;
  background: transparent;
  font-size: 11px;
}

.sponsor-showcase {
  grid-template-columns: 30px minmax(0, 1fr) 30px;
}

.carousel-arrow {
  width: 30px;
  height: 30px;
  font-size: 24px;
}

.home-v2 .banner-track {
  gap: 8px;
}

.home-v2 .banner-card {
  min-height: 234px;
  padding: 24px;
  border-radius: 4px;
}

.home-v2 .banner-card h3 {
  font-size: 22px;
}

.home-v2 .banner-card .btn {
  min-height: 34px;
  padding: 8px 14px;
  font-size: 10px;
}

.home-v2 .listing-grid {
  grid-template-columns: repeat(8, minmax(0, 1fr));
  gap: 10px;
}

.home-v2 .listing-card {
  border-radius: 5px;
  box-shadow: 0 8px 20px rgba(14, 24, 38, 0.1);
}

.home-v2 .listing-media {
  height: 94px;
}

.home-v2 .listing-card .card-body {
  padding: 9px;
}

.home-v2 .listing-card h3 {
  min-height: 32px;
  font-size: 10px;
}

.home-v2 .listing-card .meta {
  font-size: 8px;
}

.home-v2 .listing-card .price {
  margin-top: 3px;
  font-size: 12px;
}

.home-v2 .details-pill {
  min-height: 26px;
  font-size: 8px;
}

.action-cards {
  gap: 8px;
}

.action-card {
  min-height: 150px;
  padding: 18px;
  border-radius: 5px;
}

.action-card h3 {
  font-size: 16px;
}

.action-card p {
  font-size: 11px;
}

.benefit-row {
  gap: 12px;
}

.benefit-row span {
  font-size: 23px;
}

.benefit-row strong {
  font-size: 11px;
}

.benefit-row small {
  font-size: 9px;
}

.home-v2 #segmentos .section-head {
  display: flex;
}

.home-v2 #segmentos .section-head .section-link {
  display: inline-flex;
}

.home-v2 .segment-grid {
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
}

.home-v2 .category-card,
.home-v2 .segment-view-all {
  min-height: 104px;
  border-radius: 5px;
}

.home-v2 .category-card > div {
  padding: 44px 12px 12px;
}

.home-v2 .category-card h3 {
  font-size: 15px;
}

.home-v2 .category-card p {
  font-size: 10px;
}

.brand-company-grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 10px;
}

.brand-company-grid a {
  display: grid;
  min-height: 130px;
  place-items: center;
  gap: 7px;
  padding: 18px 12px;
  text-align: center;
  background: #fff;
  border: 1px solid rgba(12, 26, 40, 0.1);
  border-radius: 6px;
}

.brand-company-grid strong {
  color: #07101a;
  font-size: 25px;
  line-height: 1;
}

.brand-company-grid span {
  color: #07101a;
  font-size: 12px;
  font-weight: 850;
}

.brand-company-grid small {
  color: #6a7480;
  font-size: 10px;
  font-weight: 700;
}

.brand-company-grid .sponsor-company {
  background: #f3f5f7;
}

.brand-company-grid .sponsor-company small {
  color: #07101a;
  text-transform: uppercase;
}

.brand-company-grid .sponsor-company em {
  padding: 9px 13px;
  color: #07101a;
  background: #fff;
  border-radius: 5px;
  font-size: 10px;
  font-style: normal;
  font-weight: 900;
}

.home-v2 .blog-grid {
  grid-template-columns: 1.15fr 1fr 1fr 0.9fr;
  gap: 10px;
}

.home-v2 .blog-card {
  min-height: 148px;
  border-radius: 5px;
}

.home-v2 .blog-card img {
  height: 100px;
}

.home-v2 .blog-card h3 {
  font-size: 12px;
}

.home-stats {
  margin-block: 18px;
  padding: 20px 26px;
  border-radius: 6px;
  background: #061d33;
}

.home-stats strong {
  font-size: 19px;
}

.home-newsletter {
  margin-top: 24px;
  padding-block: 24px;
}

.home-newsletter h2 {
  font-size: 18px;
}

.home-newsletter p {
  font-size: 12px;
}

.home-newsletter form {
  max-width: 490px;
}

.home-footer {
  padding-top: 28px;
  padding-bottom: 22px;
}

@media (max-width: 1180px) {
  .home-v2 {
    --home-container: min(100% - 32px, 920px);
  }

  .home-v2 .listing-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .brand-company-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 900px) {
  .home-v2 {
    --home-container: min(100% - 24px, 720px);
  }

  .home-v2 .nav {
    gap: 8px;
  }

  .home-v2 .listing-grid,
  .home-v2 .segment-grid,
  .home-v2 .blog-grid,
  .brand-company-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

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

  .home-v2 .listing-grid,
  .home-v2 .segment-grid,
  .home-v2 .blog-grid,
  .brand-company-grid {
    grid-template-columns: 1fr;
  }
}

/* Reference-aligned home pass */
.home-v2 .site-header {
  min-height: 72px;
  grid-template-columns: 156px minmax(0, 1fr);
  padding-block: 8px;
}

.home-v2 .brand img {
  width: 138px;
}

.home-v2 .nav {
  gap: 14px;
  font-size: 11px;
}

.home-v2 .nav a::after {
  display: none;
}

.home-v2 .header-actions .btn {
  min-height: 38px;
  padding-inline: 16px;
  font-size: 12px;
}

.home-v2 .header-actions .btn-ghost {
  color: #fff;
  background: transparent;
  border-color: rgba(255, 255, 255, 0.48);
}

.home-v2 .header-actions .btn-ghost:hover {
  background: #fff;
  color: #07101a;
}

.home-hero {
  min-height: 374px;
  padding: 82px 18px 54px;
  background: #06111e;
}

.hero-mosaic {
  position: absolute;
  inset: 0;
  z-index: -2;
  display: grid;
  grid-template-columns: 1fr 1fr 1.15fr 1fr 1.1fr 1.05fr 0.95fr;
  overflow: hidden;
}

.hero-mosaic span {
  min-width: 0;
  background-image: url("../img/fundohero.webp");
  background-size: auto 100%;
  background-repeat: no-repeat;
  filter: saturate(1.02) contrast(0.98);
}

.hero-mosaic span:nth-child(1) { background-position: 0% center; }
.hero-mosaic span:nth-child(2) { background-position: 15% center; }
.hero-mosaic span:nth-child(3) { background-position: 34% center; }
.hero-mosaic span:nth-child(4) { background-position: 50% center; }
.hero-mosaic span:nth-child(5) { background-position: 66% center; }
.hero-mosaic span:nth-child(6) { background-position: 82% center; }
.hero-mosaic span:nth-child(7) { background-position: 100% center; }

.home-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background:
    linear-gradient(180deg, rgba(2, 8, 16, 0.36), rgba(2, 8, 16, 0.74)),
    linear-gradient(90deg, rgba(2, 8, 16, 0.62), rgba(2, 8, 16, 0.16), rgba(2, 8, 16, 0.62));
}

.home-hero::after {
  height: 115px;
  background: linear-gradient(180deg, transparent, rgba(2, 8, 16, 0.96));
}

.home-hero-inner {
  margin-top: -4px;
}

.home-kicker {
  margin-bottom: 8px;
  color: rgba(255, 255, 255, 0.88);
  font-size: 13px;
  text-transform: none;
}

.home-hero h1 {
  max-width: 760px;
  font-size: clamp(29px, 4.05vw, 44px);
  line-height: 1.03;
}

.home-subtitle {
  margin-bottom: 18px;
  font-size: 14px;
}

.home-search-card {
  width: min(680px, 100%);
}

.home-search-line {
  grid-template-columns: minmax(0, 1fr) 94px;
  gap: 10px;
  padding: 13px 14px;
  border-radius: 8px;
  box-shadow: 0 18px 42px rgba(0, 0, 0, 0.34);
}

.home-search-field span {
  font-size: 13px;
}

.home-search-submit {
  min-height: 46px;
  border-radius: 6px;
  font-size: 12px;
}

.home-v2 .advanced-filters {
  width: fit-content;
  margin-top: 12px;
  background: transparent;
  border: 0;
}

.home-v2 .advanced-filters summary {
  min-height: 32px;
  padding: 7px 18px;
  background: rgba(2, 8, 16, 0.68);
  border-color: rgba(255, 255, 255, 0.42);
  border-radius: 5px;
  font-size: 12px;
}

.home-v2 .advanced-filters[open] {
  width: min(720px, 100%);
  background: rgba(2, 8, 16, 0.82);
  border: 1px solid rgba(255, 255, 255, 0.14);
}

.home-v2 .ai-summary.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
}

.quick-category-shell {
  width: min(1160px, calc(100% - 90px));
  margin: -28px auto 24px;
  padding: 16px 18px;
  border-radius: 7px;
}

.quick-category-shell a {
  min-height: 54px;
  font-size: 10px;
}

.quick-category-shell span {
  font-size: 18px;
}

.home-block {
  width: min(1160px, calc(100% - 90px));
  padding: 20px 0;
}

.sponsor-showcase {
  gap: 12px;
}

.home-v2 .banner-card {
  min-height: 236px;
  padding: 22px;
}

.home-v2 .banner-card h3 {
  font-size: 24px;
}

.home-v2 .banner-card p {
  font-size: 13px;
}

.home-v2 .listing-grid {
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: 12px;
}

.home-v2 .listing-media {
  height: 108px;
}

.home-v2 .listing-card .card-body {
  padding: 10px;
}

.home-v2 .listing-card h3 {
  min-height: 34px;
  font-size: 12px;
}

.home-v2 .listing-card .meta {
  font-size: 10px;
}

.home-v2 .listing-card .price {
  font-size: 14px;
}

.home-v2 .tag {
  padding: 5px 8px;
  font-size: 9px;
}

.home-v2 .year-badge,
.home-v2 .favorite-badge {
  transform: scale(0.86);
  transform-origin: top left;
}

.home-v2 .details-pill {
  min-height: 30px;
  padding-block: 7px;
}

.action-card {
  min-height: 166px;
  padding: 20px;
}

.action-card h3 {
  font-size: 18px;
}

.home-v2 #segmentos .category-card:nth-child(n + 7) {
  display: grid;
}

.home-v2 .segment-grid {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.home-v2 .category-card,
.home-v2 .segment-view-all {
  min-height: 118px;
}

.home-v2 .solution-track {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}

.home-v2 .solution-card {
  min-height: 132px;
}

.home-stats,
.home-newsletter,
.home-footer {
  width: 100%;
}

@media (max-width: 1180px) {
  .home-v2 .listing-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .home-v2 .solution-track {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .advertiser-plan-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .advertiser-plan-details {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 900px) {
  .home-v2 .site-header {
    grid-template-columns: 132px auto;
  }

  .home-v2 .brand img {
    width: 128px;
  }

  .home-hero {
    min-height: 390px;
    padding: 54px 18px 60px;
  }

  .hero-mosaic {
    grid-template-columns: repeat(4, 1fr);
  }

  .hero-mosaic span:nth-child(n + 5) {
    display: none;
  }

  .quick-category-shell,
  .home-block {
    width: min(100% - 24px, 720px);
  }

  .home-v2 .banner-track {
    grid-template-columns: 1fr;
  }

  .home-v2 .listing-grid,
  .action-cards,
  .home-v2 .segment-grid,
  .home-v2 .blog-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .advertiser-plan-intro,
  .panel-plan-actions,
  .portal-action-card,
  .portal-split,
  .panel-filter-row,
  .panel-campaign-grid,
  .advertiser-profile-grid {
    grid-template-columns: 1fr;
    align-items: stretch;
  }

  .advertiser-logo-box {
    position: static;
  }

  .panel-lead-table article,
  .panel-data-table .portal-table-row {
    grid-template-columns: 56px minmax(0, 1fr);
  }

  .panel-lead-table time,
  .panel-lead-table b,
  .panel-lead-table select,
  .panel-lead-row .admin-row-actions,
  .panel-data-table .portal-table-row > span {
    grid-column: 2;
  }

  .panel-lead-row .admin-row-actions {
    justify-content: flex-start;
  }

  .advertiser-plan-intro {
    display: grid;
  }
}

@media (max-width: 620px) {
  .home-hero {
    padding-top: 42px;
  }

  .home-hero h1 {
    font-size: 30px;
  }

  .home-search-line {
    grid-template-columns: 1fr;
  }

  .quick-category-shell {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .home-v2 .listing-grid,
  .action-cards,
  .benefit-row,
  .home-v2 .segment-grid,
  .home-v2 .solution-track,
  .home-v2 .blog-grid,
  .home-stats {
    grid-template-columns: 1fr;
  }

  .advertiser-plan-grid,
  .panel-form-grid,
  .panel-segment-grid,
  .panel-upgrade-options {
    grid-template-columns: 1fr;
  }

  .advertiser-plan-card {
    min-height: auto;
  }

  .portal-action-buttons,
  .panel-plan-status-actions,
  .panel-lock-actions {
    display: grid;
    justify-content: stretch;
  }

  .portal-action-buttons .btn,
  .panel-plan-status-actions .btn,
  .panel-lock-actions .btn {
    width: 100%;
    justify-content: center;
  }
}

/* Panel responsive polish */
.panel-page,
.buyer-page,
.orders-page,
.admin-content,
.portal-panel-main,
.portal-card,
.admin-panel {
  min-width: 0;
}

.portal-panel-main > *,
.admin-panel > * {
  min-width: 0;
}

.portal-panel-nav {
  min-width: 0;
}

.portal-panel-nav button,
.admin-nav button,
.admin-subnav button {
  min-width: 0;
}

.portal-panel-nav button > span:not(.nav-icon),
.admin-nav button > span:not(.nav-icon) {
  overflow: hidden;
  text-overflow: ellipsis;
}

.portal-table,
.panel-data-table,
.panel-lead-table,
.admin-table {
  max-width: 100%;
}

.portal-table-row,
.admin-table-row {
  min-width: 0;
}

.portal-table-row strong,
.portal-table-row small,
.admin-table-row strong,
.admin-table-row small,
.admin-media-cell b,
.admin-listing-cell b,
.admin-company-cell b {
  overflow-wrap: anywhere;
}

@media (max-width: 1180px) {
  .footer,
  .siteFooter .footerGrid,
  .footerGrid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 24px;
  }

  .footer-brand,
  .footerBrand {
    grid-column: 1 / -1;
  }

  .portal-panel-layout {
    grid-template-columns: 230px minmax(0, 1fr);
  }

  .portal-panel-nav {
    gap: 8px;
    padding: 10px;
  }

  .portal-panel-nav button {
    padding: 10px;
    font-size: 13px;
  }

  .portal-panel-hero h1 {
    font-size: clamp(30px, 5vw, 48px);
  }

  .portal-kpi-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .admin-content {
    padding: 22px;
  }
}

@media (max-width: 900px) {
  .footer,
  .siteFooter .footerGrid,
  .footerGrid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .footer {
    padding-inline: 18px;
  }

  .siteFooter {
    padding-inline: 18px;
  }

  .footer-bottom {
    justify-content: flex-start;
  }

  .panel-page,
  .buyer-page,
  .orders-page {
    width: min(100% - 24px, 760px);
    padding-top: 18px;
  }

  .portal-panel-layout {
    grid-template-columns: 1fr;
    gap: 14px;
  }

  .portal-panel-nav {
    position: relative;
    top: auto;
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: minmax(158px, 1fr);
    grid-template-columns: none;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    scroll-snap-type: x proximity;
    padding: 8px;
  }

  .portal-panel-nav button {
    scroll-snap-align: start;
    white-space: nowrap;
  }

  .portal-panel-hero,
  .portal-action-card,
  .portal-split,
  .advertiser-plan-intro,
  .advertiser-plan-details,
  .panel-plan-actions,
  .panel-filter-row,
  .panel-campaign-grid,
  .advertiser-profile-grid {
    grid-template-columns: 1fr;
  }

  .portal-panel-hero {
    padding: 20px;
  }

  .portal-user-card {
    max-width: none;
  }

  .panel-form-grid,
  .admin-form-grid,
  .admin-filter-bar,
  .admin-settings-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .panel-segment-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .admin-shell {
    min-height: 100vh;
  }

  .admin-content {
    padding: 18px;
  }

  .admin-page-head h1 {
    font-size: clamp(28px, 7vw, 42px);
  }

  .admin-table {
    overflow-x: auto;
    padding-bottom: 6px;
  }

  .admin-row-actions {
    gap: 6px;
  }
}

@media (max-width: 620px) {
  .footer,
  .siteFooter .footerGrid,
  .footerGrid {
    grid-template-columns: 1fr;
    gap: 22px;
  }

  .footer,
  .siteFooter {
    padding: 28px 16px 18px;
  }

  .footer img {
    width: 156px;
  }

  .siteFooter .brand img,
  .footerBrand .brand img {
    width: 36px;
    height: 36px;
  }

  .siteFooter .brand strong,
  .footerBrand .brand strong,
  .siteFooter .brand b,
  .footerBrand .brand b {
    font-size: 18px;
  }

  .footer-contact a {
    white-space: normal;
    overflow-wrap: anywhere;
  }

  .footer-bottom,
  .siteFooter .copyright,
  .copyright {
    display: grid;
    gap: 8px;
    text-align: left;
  }

  .panel-page,
  .buyer-page,
  .orders-page {
    width: calc(100% - 18px);
    max-width: calc(100% - 18px);
    padding-top: 12px;
  }

  .portal-panel-hero {
    padding: 16px;
    text-align: left;
  }

  .portal-panel-hero h1 {
    font-size: 28px;
    line-height: 1.05;
  }

  .portal-panel-hero p:not(.eyebrow) {
    font-size: 14px;
  }

  .portal-kpi-grid,
  .buyer-alert-grid,
  .advertiser-plan-grid,
  .panel-form-grid,
  .panel-segment-grid,
  .admin-form-grid,
  .admin-filter-bar,
  .admin-settings-grid {
    grid-template-columns: 1fr;
  }

  .portal-panel-nav {
    grid-auto-columns: minmax(136px, 76vw);
    margin-inline: -2px;
  }

  .portal-panel-nav button {
    min-height: 48px;
    padding: 9px 10px;
  }

  .portal-card,
  .admin-panel {
    padding: 14px;
    border-radius: 14px;
  }

  .portal-card-head {
    gap: 10px;
  }

  .portal-action-buttons,
  .panel-plan-status-actions,
  .panel-lock-actions,
  .admin-head-actions {
    display: grid;
    grid-template-columns: 1fr;
    width: 100%;
  }

  .portal-action-buttons .btn,
  .panel-plan-status-actions .btn,
  .panel-lock-actions .btn,
  .admin-head-actions .btn {
    width: 100%;
    justify-content: center;
  }

  .admin-row-actions {
    flex-wrap: nowrap;
  }

  .portal-table-row,
  .panel-data-table .portal-table-row {
    grid-template-columns: 56px minmax(0, 1fr);
    gap: 10px;
    padding: 12px;
  }

  .portal-table-row > span,
  .portal-table-row .btn,
  .panel-data-table .portal-table-row > span {
    grid-column: 1 / -1;
  }

  .panel-lead-table article,
  .admin-table-row {
    min-width: 620px;
  }

  .admin-topbar {
    position: sticky;
    top: 0;
    z-index: 35;
  }

  .admin-user-menu {
    right: 0;
    width: min(260px, calc(100vw - 28px));
  }
}

@media (max-width: 430px) {
  .portal-panel-hero h1 {
    font-size: 24px;
  }

  .portal-kpi-grid article,
  .buyer-alert-grid article {
    padding: 14px;
  }

  .portal-table-row,
  .panel-data-table .portal-table-row {
    grid-template-columns: 1fr;
  }

  .portal-table-row img,
  .portal-row-placeholder {
    width: 100%;
    height: 128px;
  }

  .admin-content {
    padding: 12px;
  }
}

.cookie-consent {
  position: fixed;
  right: 22px;
  bottom: 22px;
  z-index: 90;
  display: flex;
  align-items: center;
  gap: 18px;
  width: min(620px, calc(100vw - 44px));
  padding: 16px;
  border: 1px solid rgba(255, 136, 0, 0.28);
  border-radius: 16px;
  background: rgba(2, 13, 24, 0.96);
  color: #fff;
  box-shadow: 0 20px 50px rgba(2, 13, 24, 0.24);
}

.cookie-consent div {
  display: grid;
  gap: 4px;
}

.cookie-consent strong {
  font-size: 15px;
}

.cookie-consent span {
  color: rgba(255, 255, 255, 0.78);
  font-size: 13px;
  line-height: 1.45;
}

.cookie-consent button {
  flex: 0 0 auto;
  border: 0;
  border-radius: 12px;
  padding: 12px 16px;
  background: #ef7d00;
  color: #fff;
  font-weight: 800;
  cursor: pointer;
}

@media (max-width: 640px) {
  .cookie-consent {
    right: 12px;
    bottom: 12px;
    width: calc(100vw - 24px);
    flex-direction: column;
    align-items: stretch;
  }

  .cookie-consent button {
    width: 100%;
  }
}

/* === RESULTADOS: VISUAL BASEADO NO ARQUIVO DE REFERÊNCIA === */
body:has(.results-page){
  background:#fff;
}

body:has(.results-page) .topbar{
  background:#fff !important;
  color:#07192b !important;
  box-shadow:none !important;
  border-bottom:1px solid #eceff2 !important;
}

body:has(.results-page) .brand span strong,
body:has(.results-page) .brand span b,
body:has(.results-page) .navLinks a{
  color:#07192b !important;
}

body:has(.results-page) .brandLogoMark{
  filter:none !important;
}

body:has(.results-page) .results-page{
  width:100%;
  max-width:none;
  margin:0;
  padding:0 0 48px;
  background:#fff;
}

body:has(.results-page) .results-hero{
  margin:0 !important;
  padding:26px max(22px,calc((100vw - 1260px)/2)) !important;
  border:0 !important;
  border-bottom:1px solid #e0e4e8 !important;
  border-radius:0 !important;
  background:#f6f6f6 !important;
  box-shadow:none !important;
  display:flex !important;
  justify-content:space-between !important;
  align-items:center !important;
  gap:24px !important;
}

body:has(.results-page) .results-hero .eyebrow{
  margin:0 0 18px !important;
  color:#66717f !important;
  font-size:13px !important;
  font-weight:500 !important;
  text-transform:none !important;
}

body:has(.results-page) .results-hero h1{
  margin:0 0 8px !important;
  color:#06192b !important;
  font-size:34px !important;
  line-height:1.08 !important;
  font-weight:900 !important;
  letter-spacing:0 !important;
}

body:has(.results-page) .results-hero p:not(.eyebrow){
  margin:0 !important;
  color:#657080 !important;
  font-size:15px !important;
}

body:has(.results-page) .results-hero-stats{
  width:92px !important;
  height:78px !important;
  display:grid !important;
  place-items:center !important;
  border:1px solid #dce2e8 !important;
  border-radius:8px !important;
  background:#fff !important;
  box-shadow:none !important;
  color:#ef8500 !important;
}

body:has(.results-page) .results-hero-stats span:not(:first-child){
  display:none !important;
}

body:has(.results-page) .results-hero-stats span{
  display:grid !important;
  text-align:center !important;
  color:#07192b !important;
  font-size:11px !important;
  font-weight:800 !important;
}

body:has(.results-page) .results-hero-stats strong{
  color:#ef8500 !important;
  font-size:28px !important;
  line-height:1 !important;
}

body:has(.results-page) .results-search-card{
  width:min(1260px,calc(100% - 44px)) !important;
  margin:22px auto 0 !important;
  padding:16px !important;
  border:1px solid #dce2e8 !important;
  border-radius:8px !important;
  background:#fff !important;
  box-shadow:none !important;
}

body:has(.results-page) .results-search{
  display:grid !important;
  grid-template-columns:minmax(260px,1fr) 210px 190px !important;
  gap:12px !important;
  align-items:end !important;
}

body:has(.results-page) .results-search label,
body:has(.results-page) .results-filters label{
  display:grid !important;
  gap:7px !important;
  color:#394656 !important;
  font-size:13px !important;
  font-weight:800 !important;
  text-transform:none !important;
}

body:has(.results-page) .results-search input,
body:has(.results-page) .results-search select,
body:has(.results-page) .results-filters input,
body:has(.results-page) .results-filters select{
  width:100% !important;
  height:48px !important;
  border:1px solid #dce2e8 !important;
  border-radius:6px !important;
  background:#fff !important;
  color:#07192b !important;
  font-size:15px !important;
  font-weight:500 !important;
}

body:has(.results-page) .results-layout{
  width:min(1260px,calc(100% - 44px)) !important;
  max-width:none !important;
  margin:22px auto 0 !important;
  padding:0 !important;
  display:grid !important;
  grid-template-columns:245px minmax(0,1fr) !important;
  gap:22px !important;
  align-items:start !important;
}

body:has(.results-page) .results-mobile-filter-toggle{
  display:none !important;
}

body:has(.results-page) .results-filters{
  position:sticky !important;
  top:88px !important;
  max-height:none !important;
  padding:0 !important;
  overflow:hidden !important;
  border:1px solid #dce2e8 !important;
  border-radius:8px !important;
  background:#fff !important;
  box-shadow:none !important;
}

body:has(.results-page) .filter-head{
  padding:18px 16px !important;
  border-bottom:1px solid #e7ebef !important;
}

body:has(.results-page) .filter-head .eyebrow{
  display:none !important;
}

body:has(.results-page) .filter-head h3{
  margin:0 !important;
  color:#07192b !important;
  font-size:18px !important;
  font-weight:900 !important;
}

body:has(.results-page) .results-filters > label,
body:has(.results-page) .results-dynamic-filters,
body:has(.results-page) .results-filter-actions{
  padding:16px !important;
  border-bottom:1px solid #e7ebef !important;
}

body:has(.results-page) .results-filter-note{
  margin:0 !important;
  padding:13px !important;
  border:1px dashed #dce2e8 !important;
  border-radius:8px !important;
  color:#657080 !important;
  background:#fafbfc !important;
  font-size:13px !important;
}

body:has(.results-page) .results-filter-subtitle{
  margin:0 0 12px !important;
  color:#07192b !important;
  font-size:14px !important;
}

body:has(.results-page) .results-sponsored{
  min-height:90px !important;
  margin:0 0 18px !important;
  padding:22px 26px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:18px !important;
  border:0 !important;
  border-radius:8px !important;
  background:#17212b !important;
  color:#fff !important;
  box-shadow:none !important;
  cursor:pointer !important;
}

body:has(.results-page) .results-sponsored figure{
  display:none !important;
}

body:has(.results-page) .results-sponsored.has-image{
  min-height:104px !important;
  padding:14px !important;
  display:grid !important;
  grid-template-columns:180px minmax(0,1fr) auto !important;
  align-items:center !important;
}

body:has(.results-page) .results-sponsored.has-image figure{
  display:block !important;
  width:180px !important;
  height:76px !important;
  margin:0 !important;
  border-radius:6px !important;
  overflow:hidden !important;
  background:#0b1724 !important;
}

body:has(.results-page) .results-sponsored.has-image figure img{
  width:100% !important;
  height:100% !important;
  display:block !important;
  object-fit:cover !important;
}

body:has(.results-page) .results-sponsored span{
  color:#ffb000 !important;
  font-size:11px !important;
  font-weight:900 !important;
  text-transform:uppercase !important;
}

body:has(.results-page) .results-sponsored strong{
  display:block !important;
  margin-top:7px !important;
  color:#fff !important;
  font-size:18px !important;
  line-height:1.2 !important;
}

body:has(.results-page) .results-sponsored p{
  display:none !important;
}

body:has(.results-page) .results-sponsored .btn{
  flex:0 0 auto !important;
  border-radius:6px !important;
  background:#ef8500 !important;
  color:#fff !important;
}

body:has(.results-page) .results-dynamic-filters{
  display:grid !important;
  gap:14px !important;
}

body:has(.results-page) .results-filter-pair,
body:has(.results-page) .dynamic-range-filter {
  min-width: 0;
  display: grid;
  gap: 7px;
  color: #394656;
  font-size: 13px;
  font-weight: 700;
}

body:has(.results-page) .results-filter-pair > div,
body:has(.results-page) .dynamic-range-filter .range-inputs {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  min-width: 0;
}

body:has(.results-page) .results-filter-pair label,
body:has(.results-page) .dynamic-range-filter label {
  min-width: 0 !important;
  display: grid;
  gap: 4px;
  font-size: 11px;
  font-weight: 500;
}

body:has(.results-page) .results-filter-pair input,
body:has(.results-page) .dynamic-range-filter input,
body:has(.results-page) .results-dynamic-filters select,
body:has(.results-page) .results-dynamic-filters .dynamic-text-filter input {
  width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box;
}

body:has(.results-page) .results-dynamic-filters label{
  min-width:0 !important;
  padding:0 !important;
  border:0 !important;
  overflow:hidden !important;
  display:grid !important;
  gap:7px !important;
}

body:has(.results-page) .results-dynamic-filters label > span:first-child{
  min-width:0 !important;
  color:#394656 !important;
  font-size:13px !important;
  line-height:1.25 !important;
  font-weight:900 !important;
  overflow-wrap:anywhere !important;
}

body:has(.results-page) .results-dynamic-filters input[type="range"]{
  width:100% !important;
  min-width:0 !important;
  height:26px !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
}

body:has(.results-page) .range-readout{
  min-width:0 !important;
  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) !important;
  align-items:center !important;
  gap:7px !important;
  color:#657080 !important;
  font-size:11px !important;
  line-height:1.2 !important;
}

body:has(.results-page) .range-readout span{
  min-width:0 !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
}

body:has(.results-page) .range-readout span:last-child{
  text-align:right !important;
}

body:has(.results-page) .range-readout strong{
  color:#07192b !important;
  font-size:12px !important;
  line-height:1.2 !important;
  white-space:nowrap !important;
}

body:has(.results-page) .dynamic-text-filter input{
  height:44px !important;
  font-size:14px !important;
  font-weight:500 !important;
}

body:has(.results-page) .results-toolbar{
  min-height:56px !important;
  margin:0 0 16px !important;
  padding:0 0 14px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  border:0 !important;
  border-bottom:1px solid #e1e5e9 !important;
  border-radius:0 !important;
  background:#fff !important;
  box-shadow:none !important;
}

body:has(.results-page) .results-toolbar strong{
  color:#07192b !important;
  font-size:14px !important;
}

body:has(.results-page) .results-toolbar span{
  display:none !important;
}

body:has(.results-page) .results-toolbar a{
  color:#ef8500 !important;
  font-weight:800 !important;
  text-decoration:none !important;
}

body:has(.results-page) .results-grid{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:16px !important;
}

body:has(.results-page) .card.result,
body:has(.results-page) .result-card{
  min-width:0 !important;
  display:block !important;
  border:1px solid #dce2e8 !important;
  border-radius:8px !important;
  overflow:hidden !important;
  background:#fff !important;
  box-shadow:none !important;
  color:#07192b !important;
  cursor:pointer !important;
}

body:has(.results-page) .card.result.sponsored{
  border-color:#ef8500 !important;
}

body:has(.results-page) .card.result .photo,
body:has(.results-page) .result-media{
  position:relative !important;
  height:180px !important;
  background:#a9cfde !important;
  overflow:hidden !important;
}

body:has(.results-page) .card.result .photo img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
}

body:has(.results-page) .card.result .badge{
  position:absolute !important;
  left:10px !important;
  top:10px !important;
  z-index:2 !important;
  border-radius:4px !important;
  padding:8px 10px !important;
  background:#079c54 !important;
  color:#fff !important;
  font-size:11px !important;
  line-height:1 !important;
  font-weight:900 !important;
  text-transform:uppercase !important;
}

body:has(.results-page) .card.result .badge.orange{
  background:#ef8500 !important;
}

body:has(.results-page) .card.result .offer-badge{
  left:auto !important;
  right:54px !important;
  background:#ef3d3d !important;
}

body:has(.results-page) .card.result .heart{
  position:absolute !important;
  top:10px !important;
  right:10px !important;
  z-index:2 !important;
  width:34px !important;
  height:34px !important;
  display:grid !important;
  place-items:center !important;
  border-radius:50% !important;
  background:#fff !important;
  color:#07192b !important;
  font-size:20px !important;
  font-weight:800 !important;
}

body:has(.results-page) .card.result .body,
body:has(.results-page) .result-info{
  padding:14px !important;
}

body:has(.results-page) .card.result h3{
  min-height:42px !important;
  margin:0 0 8px !important;
  color:#06192b !important;
  font-size:16px !important;
  line-height:1.3 !important;
  font-weight:900 !important;
}

body:has(.results-page) .card.result .meta{
  min-height:18px !important;
  margin-bottom:10px !important;
  color:#657080 !important;
  font-size:13px !important;
}

body:has(.results-page) .card.result .price{
  margin-bottom:8px !important;
  color:#06192b !important;
  font-size:24px !important;
  line-height:1 !important;
  font-weight:900 !important;
}

body:has(.results-page) .card.result .where{
  color:#657080 !important;
  font-size:13px !important;
}

body:has(.results-page) .results-extra-section,
body:has(.results-page) .results-advertise-cta{
  margin-top:34px !important;
}

@media(max-width:980px){
  body:has(.results-page) .results-search{
    grid-template-columns:1fr 1fr !important;
  }

  body:has(.results-page) .results-search .btn{
    grid-column:1 / -1 !important;
  }

  body:has(.results-page) .results-layout{
    grid-template-columns:1fr !important;
  }

  body:has(.results-page) .results-mobile-filter-toggle{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:12px !important;
    width:100% !important;
    padding:14px !important;
    border:1px solid #dce2e8 !important;
    border-radius:8px !important;
    background:#fff !important;
    color:#07192b !important;
    font-weight:900 !important;
  }

  body:has(.results-page) .results-filters{
    position:static !important;
    display:none !important;
  }

  body:has(.results-page) .results-filters.is-open{
    display:block !important;
  }

  body:has(.results-page) .results-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}

@media(max-width:640px){
  body:has(.results-page) .results-hero{
    display:block !important;
    padding:22px 16px !important;
  }

  body:has(.results-page) .results-hero h1{
    font-size:28px !important;
  }

  body:has(.results-page) .results-hero-stats{
    display:none !important;
  }

  body:has(.results-page) .results-search-card,
  body:has(.results-page) .results-layout{
    width:calc(100% - 24px) !important;
  }

  body:has(.results-page) .results-search{
    grid-template-columns:1fr !important;
  }

  body:has(.results-page) .results-sponsored{
    display:grid !important;
    align-items:start !important;
  }

  body:has(.results-page) .results-sponsored.has-image{
    grid-template-columns:1fr !important;
  }

  body:has(.results-page) .results-sponsored.has-image figure{
    width:100% !important;
    height:140px !important;
  }

  body:has(.results-page) .results-sponsored .btn{
    width:100% !important;
  }

  body:has(.results-page) .results-grid{
    grid-template-columns:1fr !important;
  }

  body:has(.results-page) .card.result .photo,
  body:has(.results-page) .result-media{
    height:190px !important;
  }
}

/* Ações do menu mobile: favoritos e login dentro do hamburguer */
.navLinks .mobileMenuActions {
  display: none;
}

.navLinks .mobileMenuAction {
  font-family: inherit;
}

@media (max-width: 980px) {
  header.topbar .navLinks .mobileMenuActions,
  body main#top header.topbar .navLinks .mobileMenuActions,
  body:has(.results-page) header.topbar .navLinks .mobileMenuActions {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
    padding: 10px 2px 2px !important;
    margin-top: 6px !important;
    border-top: 1px solid rgba(255, 255, 255, .14) !important;
  }

  header.topbar .navLinks .mobileMenuAction,
  body main#top header.topbar .navLinks .mobileMenuAction,
  body:has(.results-page) header.topbar .navLinks .mobileMenuAction {
    min-height: 44px !important;
    width: 100% !important;
    padding: 0 12px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    border: 1px solid rgba(255, 255, 255, .18) !important;
    border-radius: 8px !important;
    background: rgba(255, 255, 255, .08) !important;
    color: #fff !important;
    font-size: 14px !important;
    font-weight: 850 !important;
    text-align: center !important;
    text-decoration: none !important;
    cursor: pointer !important;
  }

  .navLinks .mobileMenuAction span {
    color: #ff8500 !important;
    font-size: 16px !important;
    line-height: 1 !important;
  }
}

body:has(.advertiser-page) {
  background: linear-gradient(180deg, #f7f9fc 0, #fff 420px), #fff;
}

.advertiserPublicPage .advertiserPublicHeader {
  height: auto !important;
  min-height: 154px !important;
  display: block !important;
  overflow: visible !important;
  background: #fff !important;
  color: #061421 !important;
  box-shadow: 0 1px 0 rgba(6,20,33,.08) !important;
}

.advertiserPublicPage .topWelcomeBar {
  display: block !important;
  min-height: 38px !important;
  background: #101821 !important;
  color: #fff !important;
}

.advertiserPublicPage .topWelcomeInner {
  width: min(1580px, calc(100% - 48px)) !important;
  min-height: 38px !important;
  margin: 0 auto !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 18px !important;
  white-space: normal !important;
  line-height: 1.25 !important;
  font-size: 13px !important;
}

.advertiserPublicPage .topWelcomeInner strong,
.advertiserPublicPage .topWelcomeInner a {
  color: #ff8a00 !important;
  font-weight: 900 !important;
}

.advertiserPublicPage .topWelcomeInner a {
  text-decoration: none !important;
}

.advertiserPublicPage .referenceHead {
  width: min(1580px, calc(100% - 48px)) !important;
  height: 84px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  display: grid !important;
  grid-template-columns: 250px minmax(320px, 690px) 1fr auto !important;
  align-items: center !important;
  gap: 26px !important;
}

.advertiserPublicPage .advertiserPublicHeader .brand {
  min-width: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 9px !important;
  color: #061421 !important;
  text-decoration: none !important;
}

.advertiserPublicPage .advertiserPublicHeader .brandLogoMark {
  width: 52px !important;
  height: 52px !important;
  object-fit: contain !important;
  filter: none !important;
}

.advertiserPublicPage .advertiserPublicHeader .brand span {
  display: flex !important;
  flex-direction: column !important;
  gap: 2px !important;
  line-height: .86 !important;
}

.advertiserPublicPage .advertiserPublicHeader .brand strong,
.advertiserPublicPage .advertiserPublicHeader .brand b {
  color: #061421 !important;
  font-size: 21px !important;
  font-weight: 950 !important;
  letter-spacing: 0 !important;
}

.advertiserPublicPage .advertiserPublicHeader .brand b {
  color: #ed7a00 !important;
}

.advertiserPublicPage .topSearchDesktop {
  position: relative !important;
  display: grid !important;
  grid-template-columns: minmax(0,1fr) 78px !important;
  height: 54px !important;
  margin: 0 !important;
  border: 1px solid #dce2e8 !important;
  border-radius: 0 !important;
  overflow: hidden !important;
  background: #fff !important;
  box-shadow: none !important;
}

.advertiserPublicPage .topSearchDesktop input {
  width: 100% !important;
  height: 100% !important;
  border: 0 !important;
  outline: 0 !important;
  padding: 0 18px !important;
  color: #061421 !important;
  background: #fff !important;
  font-size: 14px !important;
}

.advertiserPublicPage .topSearchDesktop button {
  width: 78px !important;
  height: 54px !important;
  border: 0 !important;
  border-radius: 0 !important;
  display: grid !important;
  place-items: center !important;
  background: #f58200 !important;
  color: #fff !important;
  font-size: 20px !important;
  cursor: pointer !important;
}

.advertiserPublicPage .headerQuickLinks {
  display: flex !important;
  justify-content: flex-end !important;
  align-items: center !important;
  gap: 26px !important;
}

.advertiserPublicPage .headerQuickLinks a,
.advertiserPublicPage .headerQuickLinks button {
  display: grid !important;
  justify-items: center !important;
  gap: 4px !important;
  border: 0 !important;
  background: transparent !important;
  color: #061421 !important;
  font: inherit !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  line-height: 1.1 !important;
  text-decoration: none !important;
  cursor: pointer !important;
}

.advertiserPublicPage .headerQuickLinks span {
  color: #061421 !important;
  font-size: 13px !important;
}

.advertiserPublicPage .referenceNav {
  width: min(1580px, calc(100% - 48px)) !important;
  height: 32px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  gap: 32px !important;
  background: transparent !important;
  color: #061421 !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  white-space: nowrap !important;
  box-shadow: none !important;
}

.advertiserPublicPage .referenceNav a {
  color: #061421 !important;
  text-decoration: none !important;
  padding: 0 !important;
}

.advertiserPublicPage .referenceNav a.active,
.advertiserPublicPage .referenceNav a.is-active,
.advertiserPublicPage .referenceNav a:hover {
  color: #f58200 !important;
}

.advertiserPublicPage .advertiserPublicHeader .menuButton {
  display: none !important;
  width: 52px !important;
  height: 52px !important;
  border: 1px solid #dce2e8 !important;
  border-radius: 8px !important;
  background: #fff !important;
  color: #061421 !important;
  font-size: 26px !important;
}

body:has(.advertiser-page) .advertiser-page {
  width: min(1320px, calc(100% - 36px));
  padding: 30px 0 64px;
}

body:has(.advertiser-page) .detail-breadcrumb {
  margin-bottom: 18px;
}

body:has(.advertiser-page) .advertiser-profile-rich {
  position: relative;
  overflow: hidden;
  grid-template-columns: 210px minmax(0, 1fr) 300px;
  gap: 26px;
  align-items: stretch;
  padding: 0;
  border-radius: 18px;
  background: linear-gradient(135deg, rgba(255, 133, 0, .12), transparent 36%), linear-gradient(180deg, #fff, #f8fbff);
}

body:has(.advertiser-page) .advertiser-profile-rich::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 8px;
  background: linear-gradient(180deg, #ff8a00, #061421);
}

body:has(.advertiser-page) .advertiser-profile-logo-card {
  min-height: 230px;
  margin: 26px 0 26px 26px;
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 18px 42px rgba(3, 24, 45, .08);
}

body:has(.advertiser-page) .advertiser-profile-logo-card img {
  max-height: 128px;
}

body:has(.advertiser-page) .advertiser-profile-main {
  align-self: center;
  padding: 34px 0;
}

body:has(.advertiser-page) .advertiser-profile h1 {
  max-width: 820px;
  font-size: clamp(36px, 4.4vw, 64px);
  letter-spacing: 0;
}

body:has(.advertiser-page) .advertiser-profile p {
  max-width: 820px;
  font-size: 16px;
}

body:has(.advertiser-page) .advertiser-contact-card {
  align-content: center;
  padding: 28px;
  background: #061421;
  color: #fff;
}

body:has(.advertiser-page) .advertiser-contact-card small {
  color: #ffb15a;
  font-weight: 900;
  text-transform: uppercase;
}

body:has(.advertiser-page) .advertiser-contact-card strong {
  color: #fff;
  text-align: left;
  font-size: 26px;
}

body:has(.advertiser-page) .advertiser-contact-card .btn-ghost {
  border-color: rgba(255, 255, 255, .22);
  color: #fff;
  background: rgba(255, 255, 255, .08);
}

body:has(.advertiser-page) .advertiser-stats {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin-top: 16px;
}

body:has(.advertiser-page) .advertiser-stats span {
  border-radius: 12px;
  box-shadow: 0 12px 28px rgba(3, 24, 45, .05);
}

body:has(.advertiser-page) .advertiser-info-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

body:has(.advertiser-page) .advertiser-info-grid article {
  min-height: 210px;
  border-radius: 16px;
}

body:has(.advertiser-page) .advertiser-info-grid article:nth-child(-n+2),
body:has(.advertiser-page) .advertiser-wide-info {
  grid-column: span 2;
}

body:has(.advertiser-page) .advertiser-info-grid dl div {
  display: grid;
  grid-template-columns: minmax(112px, .38fr) minmax(0, 1fr);
}

body:has(.advertiser-page) .advertiser-info-grid dd {
  overflow-wrap: anywhere;
}

body:has(.advertiser-page) .advertiser-category-summary,
body:has(.advertiser-page) .advertiser-segment-block,
body:has(.advertiser-page) .advertiser-trust,
body:has(.advertiser-page) .advertiser-catalog-tools {
  border-radius: 18px;
}

body:has(.advertiser-page) .advertiser-catalog-tools {
  margin-top: 28px;
  padding: 18px;
  background: #fff;
  border: 1px solid var(--line);
  box-shadow: 0 12px 32px rgba(3, 24, 45, .06);
}

body:has(.advertiser-page) .advertiser-filter-toggle {
  display: none;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-height: 52px;
  padding: 0 16px;
  color: #fff;
  background: #061421;
  border: 0;
  border-radius: 12px;
  font-weight: 950;
  cursor: pointer;
}

body:has(.advertiser-page) .advertiser-filter-toggle small {
  color: #ff9a18;
  font-size: 12px;
  white-space: nowrap;
}

body:has(.advertiser-page) .advertiser-filter-panel {
  display: grid;
  grid-template-columns: minmax(220px, 1.4fr) repeat(4, minmax(140px, 1fr));
  gap: 12px;
  align-items: end;
}

body:has(.advertiser-page) .advertiser-filter-panel label {
  display: grid;
  gap: 7px;
  min-width: 0;
}

body:has(.advertiser-page) .advertiser-filter-panel label span {
  color: var(--muted);
  font-size: 12px;
  font-weight: 950;
  text-transform: uppercase;
}

body:has(.advertiser-page) .advertiser-filter-panel input,
body:has(.advertiser-page) .advertiser-filter-panel select {
  width: 100%;
  min-width: 0;
  height: 48px;
  padding: 0 13px;
  color: var(--text);
  background: #f8fafc;
  border: 1px solid var(--line);
  border-radius: 12px;
  font: inherit;
  font-weight: 800;
  outline: none;
}

body:has(.advertiser-page) .advertiser-filter-panel input:focus,
body:has(.advertiser-page) .advertiser-filter-panel select:focus {
  border-color: rgba(229, 124, 0, .65);
  box-shadow: 0 0 0 3px rgba(229, 124, 0, .14);
}

body:has(.advertiser-page) .advertiser-filter-actions {
  grid-column: 1 / -1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding-top: 4px;
}

body:has(.advertiser-page) .advertiser-filter-actions strong {
  color: var(--text);
  font-size: 14px;
}

body:has(.advertiser-page) .advertiser-filter-actions button {
  padding: 9px 13px;
  color: #7a3d00;
  background: var(--brand-soft);
  border: 1px solid rgba(229, 124, 0, .18);
  border-radius: 999px;
  font-weight: 950;
  cursor: pointer;
}

body:has(.advertiser-page) .share-page-button,
body:has(.listing-detail-page) .share-page-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 42px;
  padding: 10px 15px;
  border: 1px solid rgba(229, 124, 0, .35);
  border-radius: 8px;
  color: #7a3d00;
  background: #fff8ed;
  font: inherit;
  font-weight: 900;
  cursor: pointer;
}

body:has(.advertiser-page) .advertiser-contact-card .share-icon-button {
  width: 38px;
  min-height: 38px;
  padding: 0;
  border-color: rgba(255, 255, 255, .24);
  border-radius: 50%;
  color: #ffab45;
  background: transparent;
}

body:has(.advertiser-page) .advertiser-contact-card .share-icon-button:hover {
  border-color: #ffab45;
  color: #fff;
  background: rgba(255, 255, 255, .08);
}

body:has(.advertiser-page) .share-icon-button svg {
  width: 18px;
  height: 18px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

body:has(.advertiser-page) .share-page-button:hover,
body:has(.listing-detail-page) .share-page-button:hover {
  border-color: var(--brand);
  background: #fff0d9;
}

body:has(.advertiser-page) .share-page-button:disabled,
body:has(.listing-detail-page) .share-page-button:disabled {
  opacity: .72;
  cursor: wait;
}

body:has(.advertiser-page) .share-page-button span,
body:has(.listing-detail-page) .share-page-button span {
  font-size: 20px;
  line-height: 1;
}

body:has(.listing-detail-page) .detail-title-actions {
  display: grid;
  justify-items: end;
  gap: 12px;
}

body:has(.advertiser-page) .advertiser-category-grid,
body:has(.advertiser-page) .advertiser-machine-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

body:has(.advertiser-page) .advertiser-machine-card {
  border-radius: 14px;
  box-shadow: 0 10px 28px rgba(3, 24, 45, .06);
}

body:has(.advertiser-page) .advertiser-machine-media img {
  background: #eff4f8;
}

body:has(.advertiser-page) .advertiser-machine-body h3,
body:has(.advertiser-page) .advertiser-machine-body p {
  min-height: 0;
}

body:has(.advertiser-page) .advertiser-machine-body h3 {
  font-size: 19px;
}

body:has(.advertiser-page) .advertiser-trust {
  background: linear-gradient(135deg, #061421, #172331);
  color: #fff;
}

body:has(.advertiser-page) .advertiser-trust .eyebrow,
body:has(.advertiser-page) .advertiser-trust h2 {
  color: #fff;
}

body:has(.advertiser-page) .advertiser-trust-grid article {
  border-color: rgba(255, 255, 255, .12);
  background: rgba(255, 255, 255, .08);
}

body:has(.advertiser-page) .advertiser-trust-grid p {
  color: #d9e4ee;
}

.advertiser-not-found {
  margin-top: 30px;
  padding: 34px;
  align-items: flex-start;
}

@media (max-width: 980px) {
  .advertiserPublicPage .advertiserPublicHeader {
    min-height: 122px !important;
  }

  .advertiserPublicPage .topWelcomeInner {
    width: calc(100% - 32px) !important;
    justify-content: flex-start !important;
    font-size: 12px !important;
  }

  .advertiserPublicPage .topWelcomeInner span,
  .advertiserPublicPage .topWelcomeInner a {
    display: none !important;
  }

  .advertiserPublicPage .referenceHead {
    width: calc(100% - 32px) !important;
    height: 84px !important;
    grid-template-columns: 1fr auto !important;
    gap: 12px !important;
  }

  .advertiserPublicPage .topSearchDesktop,
  .advertiserPublicPage .headerQuickLinks {
    display: none !important;
  }

  .advertiserPublicPage .advertiserPublicHeader .menuButton {
    display: grid !important;
    place-items: center !important;
  }

  .advertiserPublicPage .referenceNav {
    position: absolute !important;
    top: 122px !important;
    left: 16px !important;
    right: 16px !important;
    width: auto !important;
    height: auto !important;
    z-index: 80 !important;
    display: none !important;
    grid-template-columns: 1fr !important;
    gap: 0 !important;
    padding: 10px !important;
    border-radius: 0 0 12px 12px !important;
    background: #061421 !important;
    box-shadow: 0 18px 34px rgba(0,0,0,.24) !important;
  }

  .advertiserPublicPage .referenceNav.open {
    display: grid !important;
  }

  .advertiserPublicPage .referenceNav a {
    color: #fff !important;
    padding: 13px 10px !important;
  }

  .advertiserPublicPage .referenceNav a.active,
  .advertiserPublicPage .referenceNav a.is-active {
    color: #ff9a18 !important;
  }

  .advertiserPublicPage .referenceNav .mobileMenuActions {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 8px !important;
    margin-top: 8px !important;
    padding-top: 10px !important;
    border-top: 1px solid rgba(255,255,255,.14) !important;
  }

  body:has(.advertiser-page) .advertiser-page {
    width: calc(100% - 24px);
    padding-top: 22px;
  }

  body:has(.advertiser-page) .advertiser-profile-rich,
  body:has(.advertiser-page) .advertiser-info-grid,
  body:has(.advertiser-page) .advertiser-trust {
    grid-template-columns: 1fr;
  }

  body:has(.advertiser-page) .advertiser-profile-logo-card {
    width: auto;
    min-height: 170px;
    margin: 22px 22px 0;
  }

  body:has(.advertiser-page) .advertiser-profile-main {
    padding: 0 22px 8px;
    text-align: left;
  }

  body:has(.advertiser-page) .advertiser-profile-tags {
    justify-content: flex-start;
  }

  body:has(.advertiser-page) .advertiser-stats,
  body:has(.advertiser-page) .advertiser-category-grid,
  body:has(.advertiser-page) .advertiser-machine-grid,
  body:has(.advertiser-page) .advertiser-trust-grid {
    grid-template-columns: 1fr 1fr;
  }

  body:has(.advertiser-page) .advertiser-filter-panel {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body:has(.advertiser-page) .advertiser-info-grid article:nth-child(-n+2),
  body:has(.advertiser-page) .advertiser-wide-info {
    grid-column: auto;
  }
}

@media (max-width: 620px) {
  body:has(.advertiser-page) .advertiser-stats,
  body:has(.advertiser-page) .advertiser-category-grid,
  body:has(.advertiser-page) .advertiser-machine-grid,
  body:has(.advertiser-page) .advertiser-trust-grid {
    grid-template-columns: 1fr;
  }

  body:has(.advertiser-page) .advertiser-profile h1 {
    font-size: 34px;
  }

  body:has(.advertiser-page) .advertiser-info-grid dl div {
    grid-template-columns: 1fr;
    gap: 4px;
  }

  body:has(.advertiser-page) .advertiser-info-grid dd {
    text-align: left;
  }

  body:has(.advertiser-page) .advertiser-catalog-tools {
    padding: 12px;
  }

  body:has(.advertiser-page) .advertiser-filter-toggle {
    display: flex;
  }

  body:has(.advertiser-page) .advertiser-filter-panel {
    display: none;
    grid-template-columns: 1fr;
    gap: 10px;
    margin-top: 12px;
  }

  body:has(.advertiser-page) .advertiser-filter-panel.is-open {
    display: grid;
  }

  body:has(.advertiser-page) .advertiser-filter-actions {
    display: grid;
    justify-items: stretch;
  }

  body:has(.advertiser-page) .advertiser-filter-actions button {
    width: 100%;
  }

  body:has(.advertiser-page) .share-page-button:not(.share-icon-button) {
    width: 100%;
  }

  body:has(.listing-detail-page) .detail-title-actions {
    justify-items: stretch;
  }

  body:has(.listing-detail-page) .detail-title-actions .share-page-button {
    width: 100%;
  }
}

@media (max-width: 900px) {
  .panel-data-table .portal-table-row > span {
    display: block;
  }

  .panel-data-table .portal-table-row > span:has([data-listing-edit]) {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
  }

  .panel-data-table .portal-table-row > span:has([data-listing-edit]) .btn {
    width: auto;
  }
}

@media (max-width: 640px) {
  .auth-dialog {
    box-sizing: border-box;
    width: min(100% - 20px, 440px);
    max-width: none;
    max-height: calc(100dvh - 20px);
    margin: auto;
    overflow-x: hidden;
    overflow-y: auto;
  }
  .auth-dialog form { display: block; min-width: 0; }
  .auth-dialog .auth-aside { display: none; }
  .auth-dialog .auth-content { min-width: 0; padding: 26px 20px 22px; gap: 10px; }
  .auth-dialog .auth-content h2 { padding-right: 25px; font-size: 23px; line-height: 1.2; }
  .auth-dialog .auth-copy { font-size: 13px; }
  .auth-dialog .auth-fields input { box-sizing: border-box; width: 100%; min-width: 0; }
  .auth-dialog .auth-row { gap: 8px; }
  .auth-dialog .close-btn { top: 10px; right: 10px; width: 34px; height: 34px; }
}


:root{--navy:#00162b;--navy2:#00223f;--orange:#ff6b00;--yellow:#ffb000;--ink:#08182b;--muted:#66717f;--line:#e4e8ed;--shell:1200px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font-family:Arial,Helvetica,sans-serif}button,input{font:inherit}button,a{transition:.2s ease}a{color:inherit;text-decoration:none}.pageShell,.navShell{width:min(var(--shell),calc(100% - 40px));margin-inline:auto}
.topbar{height:72px;background:#020f1d;color:#fff;position:relative;z-index:30;box-shadow:0 3px 14px #0005}.navShell{height:100%;display:flex;align-items:center;gap:26px}.brand{display:flex;align-items:center;gap:9px;min-width:188px;line-height:.86}.brandGear{width:37px;height:37px;border:6px dotted #fff;border-radius:50%;display:grid;place-items:center;color:#ff7800;font-size:10px}.brand span:last-child{display:flex;flex-direction:column}.brand strong{font-size:20px}.brand b{font-size:17px;color:#ff7600;letter-spacing:.7px}.navLinks{display:flex;align-items:center;gap:28px;flex:1;font-size:12px;font-weight:700;white-space:nowrap}.navLinks a:hover{color:#ff8a25}.navActions{display:flex;align-items:center;gap:10px}.iconButton,.loginButton,.announceButton,.menuButton{border:0;color:white;background:transparent;cursor:pointer}.iconButton{padding:8px}.loginButton{border:1px solid #8793a0;border-radius:5px;padding:11px 17px;font-weight:700}.announceButton{background:linear-gradient(135deg,#ff841d,#ff6200);border-radius:5px;padding:12px 17px;font-weight:800;white-space:nowrap}.menuButton{display:none;font-size:24px}
.hero{height:382px;position:relative;overflow:hidden;background:#06182b url('/reference.webp') center 5.3%/cover no-repeat;color:white}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#00101e99,#00101e18 28%,#00101e18 70%,#00101eaa),linear-gradient(180deg,#00101e10,#00101e55 80%,#00101ecc)}.heroShade{position:absolute;inset:55px 20% 45px;background:radial-gradient(ellipse,#00101e66,#00101e00 70%)}.heroContent{position:relative;z-index:2;text-align:center;padding-top:76px}.hero h1{font-size:37px;line-height:1.05;margin:0;font-weight:900;text-shadow:0 2px 16px #000}.hero h1 span{color:#ff7623}.hero p{font-size:14px;font-weight:700;margin:15px 0}.searchBox{width:min(720px,calc(100% - 32px));margin:15px auto 0;padding:17px 20px 13px;border-radius:13px;background:white;color:#536173;text-align:left;box-shadow:0 7px 22px #0004}.searchBox label{display:block;font-size:16px;font-weight:700;margin-bottom:5px}.searchRow{display:grid;grid-template-columns:1fr 28px 95px;align-items:center;gap:12px}.searchRow input{border:0;outline:0;font-size:12px;color:#66717f;min-width:0}.searchRow button{border:0;border-radius:6px;color:white;background:linear-gradient(135deg,#ff7f18,#ff5c00);font-weight:800;padding:12px;cursor:pointer}.filterButton{display:flex;align-items:center;gap:8px;margin:16px auto 0;padding:8px 21px;border:1px solid #7690a7;border-radius:5px;background:#001326aa;color:#fff;font-size:12px;font-weight:700;cursor:pointer}.toast{position:absolute;left:50%;transform:translateX(-50%);bottom:8px;background:#fff;color:#102234;border-radius:999px;padding:7px 15px;font-size:12px;box-shadow:0 4px 14px #0004}
.overlap{position:relative;margin-top:-1px;z-index:5}.categoryStrip{min-height:89px;margin-top:-1px;background:#fff;border:1px solid #d6dce2;border-radius:8px;box-shadow:0 4px 10px #00172d12;display:grid;grid-template-columns:repeat(10,1fr);align-items:center;padding:12px 13px}.categoryStrip a{height:64px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;font-size:11px;font-weight:700;text-align:center;border-radius:6px}.categoryStrip a:hover{color:#f56a00;background:#fff5ee;transform:translateY(-2px)}
.sponsorShowcase{display:grid;grid-template-columns:1.15fr 1.08fr 1.02fr;gap:4px;margin-top:24px;position:relative}.sponsor{height:228px;border-radius:6px;overflow:hidden;position:relative;color:white;padding:25px 24px;display:flex;isolation:isolate}.sponsor>div:first-child{position:relative;z-index:3}.sponsor strong{font-size:25px;display:flex;align-items:center;gap:7px}.sponsor strong span{font-size:22px}.sponsor h2{font-size:20px;line-height:1.2;margin:15px 0 8px}.sponsor p{font-size:11px;line-height:1.5;max-width:190px}.sponsor button{border:0;border-radius:4px;padding:10px 16px;font-size:11px;font-weight:800;cursor:pointer}.sponsorHaitian{background:radial-gradient(circle at 80% 75%,#114675,#02162d 62%)}.sponsorCat{background:radial-gradient(circle at 74% 65%,#523417,#080d12 60%)}.sponsorAtlas{background:linear-gradient(120deg,#063867,#0076bc)}.sponsorCat button{background:#ffb000}.sponsorAtlas button,.sponsorHaitian button{background:#fff;color:#0a213b}.catLogo{font-size:39px!important;letter-spacing:-4px}.catLogo:after{content:"";width:0;height:0;border-left:12px solid transparent;border-right:12px solid transparent;border-bottom:18px solid #ffbd00;position:absolute;left:15px;top:19px;z-index:-1}.atlasLogo{font-family:Georgia,serif;font-style:italic;border-block:2px solid white;width:max-content}.machineSilhouette{position:absolute;right:-5%;bottom:-8%;width:58%;height:80%;opacity:.95;background-image:url('/reference.webp');background-repeat:no-repeat;background-size:864px 1821px;filter:saturate(1.12)}.injectora{background-position:-206px -419px;background-size:864px 1821px;width:52%;height:68%;right:-1%;bottom:-5%}.excavator{background-position:-414px -393px;width:60%;height:88%}.generator{background-position:-691px -399px;width:56%;height:75%;right:-2%}.roundArrow{position:absolute;top:50%;transform:translateY(-50%);z-index:5;width:34px;height:34px;border-radius:50%;border:1px solid #dfe4e9;background:white;color:#445262;font-size:25px;box-shadow:0 2px 7px #00172d18;cursor:pointer}.roundArrow.left{left:-44px}.roundArrow.right{right:-44px}.dots{display:flex;justify-content:center;gap:8px;margin:13px 0 26px}.dots b,.dots i{display:block;width:9px;height:9px;border-radius:50%;background:#c4c8cd}.dots b{background:#ff7a00}
@media(max-width:1100px){.navLinks{gap:14px;font-size:10px}.navActions .loginButton{display:none}.pageShell,.navShell{width:min(100% - 24px,1200px)}.sponsor{padding:21px 18px}.sponsor h2{font-size:17px}}
@media(max-width:820px){.topbar{height:64px}.brand{min-width:auto}.brand strong{font-size:17px}.brand b{font-size:14px}.brandGear{width:32px;height:32px}.menuButton{display:block;margin-left:auto}.navLinks{position:absolute;top:64px;left:12px;right:12px;background:#06192b;display:none;flex-direction:column;align-items:stretch;gap:0;padding:10px;border-radius:0 0 10px 10px;box-shadow:0 10px 20px #0005}.navLinks.open{display:flex}.navLinks a{padding:13px}.navActions{display:none}.hero{height:420px;background-position:center top;background-size:auto 420px}.heroContent{padding-top:72px}.hero h1{font-size:29px}.hero p{width:90%;margin:13px auto}.searchBox{margin-top:22px}.categoryStrip{grid-template-columns:repeat(5,1fr);overflow:hidden}.sponsorShowcase{grid-template-columns:1fr;gap:10px}.sponsor{height:205px}.sponsor:not(:first-of-type){display:none}.roundArrow{display:none}.machineSilhouette{background-image:none;background:linear-gradient(135deg,#ffffff22,#ff9a0022);border-radius:50%}.dots{margin-bottom:18px}}
@media(max-width:520px){.pageShell,.navShell{width:min(100% - 20px,1200px)}.hero{height:430px}.heroContent{padding-top:58px}.hero h1{font-size:25px}.hero h1 br{display:none}.searchBox{padding:15px}.searchRow{grid-template-columns:1fr 24px}.searchRow button{grid-column:1/-1}.categoryStrip{grid-template-columns:repeat(3,1fr);max-height:185px}.sponsor h2{font-size:18px}}

/* Precision crop helpers for the supplied visual reference. */
.hero{background-size:100% auto;background-position:center calc(-5.8vw)}
.heroShade{inset:38px 22% 35px;background:radial-gradient(ellipse at center,#021528 0%,#021528f4 61%,#02152800 83%)}
.spriteCrop{position:relative;overflow:hidden}
.spriteCrop img{position:absolute;display:block;width:var(--iw);max-width:none;height:auto;left:var(--left);top:var(--top)}
.ratioSpacer{display:block;width:100%;padding-top:var(--ph)}
.srOnly{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.sponsorMachine{position:absolute;right:0;bottom:0;width:48%;z-index:1;border-radius:14px 0 0 0;filter:saturate(1.08) contrast(1.02)}
.machineExcavator{width:57%;right:-1%;bottom:-2%}.machineGenerator{width:55%;right:-1%;bottom:-1%}
@media(max-width:820px){.heroShade{inset:30px 4%}.sponsorMachine{width:50%}}

/* Ajuste do hero Localiza Maquinas */
.hero{
  min-height:430px;
  height:auto;
  background:
    linear-gradient(90deg,rgba(0,12,24,.82) 0%,rgba(0,12,24,.55) 36%,rgba(0,12,24,.28) 66%,rgba(0,12,24,.55) 100%),
    linear-gradient(180deg,rgba(0,12,24,.16) 0%,rgba(0,12,24,.68) 100%),
    url('/fundohero.webp') center center/cover no-repeat;
}
.hero:before{
  background:linear-gradient(180deg,rgba(0,0,0,.06),rgba(0,12,24,.62) 88%);
}
.heroShade{
  inset:42px 16% 44px;
  background:radial-gradient(ellipse at center,rgba(0,18,36,.55) 0%,rgba(0,18,36,.24) 52%,rgba(0,18,36,0) 78%);
}
.heroContent{
  display:flex;
  min-height:430px;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  padding:46px 16px 34px;
}
.hero h1{
  max-width:920px;
  font-size:clamp(32px,4.6vw,54px);
  line-height:1.02;
  letter-spacing:0;
  text-align:center;
}
.hero p{
  max-width:760px;
  margin:14px auto 20px;
  font-size:15px;
}
.searchBox{
  width:min(760px,calc(100% - 32px));
  margin:0 auto;
  padding:14px 16px;
  border-radius:12px;
}
.searchBox label{
  font-size:14px;
}
.searchRow{
  grid-template-columns:minmax(0,1fr) 30px 104px;
  gap:12px;
}
.searchRow input{
  font-size:13px;
}
.searchRow button{
  min-height:45px;
  padding:0 18px;
}
.filterButton{
  margin-top:13px;
}

@media(max-width:820px){
  .hero{
    min-height:520px;
    background-position:center center;
  }
  .heroContent{
    min-height:520px;
    padding:40px 14px 28px;
  }
  .hero h1{
    max-width:560px;
    font-size:clamp(28px,8vw,42px);
  }
  .hero p{
    max-width:520px;
    font-size:14px;
  }
  .searchBox{
    width:min(560px,calc(100% - 24px));
  }
}

@media(max-width:520px){
  .hero{
    min-height:560px;
  }
  .heroContent{
    min-height:560px;
    padding:34px 12px 24px;
  }
  .hero h1{
    font-size:30px;
  }
  .hero h1 br{
    display:none;
  }
  .searchBox{
    padding:13px;
  }
  .searchRow{
    grid-template-columns:1fr 28px;
  }
  .searchRow button{
    grid-column:1/-1;
    width:100%;
  }
}

.contentSection{margin-top:27px}.contentSection>h2,.sectionHead h2{font-size:19px;margin:0;font-weight:850;letter-spacing:-.2px}.sectionHead{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.sectionHead a{display:flex;align-items:center;gap:3px;color:#0b5f95;font-size:11px;font-weight:700}.sectionHead a:hover{color:var(--orange)}
.productRail{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:8px;position:relative}.productCard{min-width:0;border:1px solid #dce2e8;border-radius:7px;background:#fff;overflow:hidden;box-shadow:0 2px 7px #02172b0b;transition:.2s;color:#03111f;text-decoration:none}.productCard:hover{transform:translateY(-3px);box-shadow:0 9px 22px #02172b18}.productCard:focus-visible{outline:3px solid #ff8a00;outline-offset:3px}.productImage{height:132px;position:relative;overflow:hidden;background:#e9edf1}.productImage>.spriteCrop{width:100%;height:100%;aspect-ratio:auto!important}.productImage>.spriteCrop img{height:auto}.badge{position:absolute;left:0;top:0;padding:5px 7px;color:#fff;font-size:9px;font-weight:900}.badgeSUPERDESTAQUE{background:#7537b8}.badgeDESTAQUE{background:#ff6a22}.badgeSIMPLES{background:#777}.productBody{padding:10px 9px}.productBody h3{height:30px;margin:0 0 8px;font-size:10px;line-height:1.35;overflow:hidden}.productBody p{height:14px;color:#6c7480;margin:0 0 9px;font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.productBody>strong{display:block;font-size:11px;margin-bottom:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.productBody footer{display:flex;align-items:center;justify-content:space-between;color:#657080;font-size:8px;gap:8px}.productBody footer span:first-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fav{border:0;background:transparent;color:#536171;padding:0;cursor:pointer;flex:0 0 auto}.fav.active{color:#ff6817}.fav.active svg{fill:#ff6817}.productEmpty{grid-column:span 2;min-height:160px;display:flex;align-items:center}
.promoGrid{display:grid;grid-template-columns:1.1fr .92fr .92fr .93fr;gap:3px;margin-top:28px}.promoGrid>article{height:155px;border-radius:7px;background:linear-gradient(135deg,#07233e,#001326);color:#fff;padding:20px;position:relative;overflow:hidden}.promoGrid>article>div{position:relative;z-index:2;max-width:73%}.promoGrid h3{font-size:17px;line-height:1.13;margin:0 0 9px}.promoGrid p{font-size:10px;line-height:1.45;margin:0 0 13px}.promoGrid button{border:0;border-radius:4px;background:linear-gradient(135deg,#ff8519,#ff6200);color:white;padding:9px 14px;font-size:10px;font-weight:800;cursor:pointer}.promoGrid form{display:grid;grid-template-columns:1fr 42px;margin-top:8px}.promoGrid form input{width:100%;min-width:0;border:0;padding:10px;border-radius:4px 0 0 4px;font-size:9px}.promoGrid form button{border-radius:0 4px 4px 0;background:#ffb000;color:#142234;padding:0;font-size:18px}.botOrb{position:absolute;right:10px;bottom:5px;width:74px;height:74px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 40% 35%,#7beeff,#168ec3 27%,#082843 30%,#00101e 65%);color:#7beeff;border:4px solid #163a57;font-size:40px;box-shadow:0 0 20px #47caf966}.botOrb.seller{font-size:31px;color:#ffb11a;background:radial-gradient(circle,#334355,#031525)}.buildingArt{position:absolute;right:20px;bottom:-12px;font-size:98px;line-height:1;color:#8598aa44}
.whySection{padding:8px 9px 0}.featureGrid{display:grid;grid-template-columns:repeat(6,1fr);margin-top:20px}.featureGrid article{display:flex;gap:10px;align-items:flex-start;padding:0 14px;border-right:1px solid #e7eaed}.featureGrid article:last-child{border-right:0}.featureGrid h3{font-size:10px;margin:0 0 4px}.featureGrid p{font-size:8px;line-height:1.4;color:#3c4653;margin:0}.featureGrid svg{flex:0 0 auto}
.categoryCardGrid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.categoryCard{height:124px;border-radius:7px;overflow:hidden;position:relative;background:#00172c;color:#fff}.categoryCard>.spriteCrop{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto!important}.categoryCard:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#00111ddd,transparent 70%)}.categoryCard>span{position:absolute;z-index:2;left:15px;bottom:13px;display:flex;flex-direction:column}.categoryCard strong{font-size:16px}.categoryCard small{font-size:10px;margin-top:3px}.categoryCard:hover>.spriteCrop{transform:scale(1.04);transition:.35s}.allCategories{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px}.allCategories:after{display:none}.allCategories strong{font-size:13px}.allCategories small{font-size:9px;margin:0}
.companyGrid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.companyGrid article,.companyGrid .companyCard{height:132px;border:1px solid #e1e5e9;border-radius:7px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:10px;background:#fff;text-decoration:none;color:inherit;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.companyGrid .companyCard:hover{border-color:#ff7a00;box-shadow:0 14px 28px rgba(0,20,35,.1);transform:translateY(-2px)}.companyLogo{font-size:27px;font-weight:950;letter-spacing:-2px}.companyLogo.deere{font-size:17px;color:#187535;border-bottom:4px solid #f5d400}.companyLogo.komatsu{font-size:18px;color:#162f93;letter-spacing:-1px}.companyLogo.volvo{font-family:Georgia,serif;color:#113d76;letter-spacing:0}.companyLogo.newholland{font-size:13px;color:#0a4fa1;background:#ffd421;border-radius:4px;padding:6px;letter-spacing:0}.companyLogoImage{max-width:92px;max-height:38px;object-fit:contain}.companyGrid h3{font-size:10px;margin:14px 0 4px}.companyGrid p{font-size:9px;color:#73808c;margin:0}.companyGrid .sponsorInvite{background:#f7f8f9}.sponsorInvite small{font-size:8px}.sponsorInvite h3{font-size:13px;color:#68707c;margin:9px}.sponsorInvite button{border:0;border-radius:3px;padding:8px 13px;font-size:9px;font-weight:800}
.articleGrid{display:grid;grid-template-columns:1fr 1fr 1fr .82fr;gap:10px}.articleCard{height:158px;position:relative;overflow:hidden;border-radius:7px;background:#001326;color:white}.articleCard>.spriteCrop{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto!important}.articleCard:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#00121eee,#00121e55)}.articleCard>div{position:relative;z-index:2;padding:18px;max-width:92%}.articleCard h3{font-size:14px;line-height:1.3;margin:0 0 12px}.articleCard p{font-size:9px;line-height:1.4;margin:0 0 14px}.articleCard a{font-size:10px;font-weight:800;color:#ffab00}.adCard{height:158px;padding:20px;background:linear-gradient(135deg,#f7f8f9,#fff);border-radius:7px}.adCard small{font-size:8px}.adCard h3{font-size:18px;line-height:1.25;margin:12px 0}.adCard button{border:0;border-radius:4px;background:#ff7900;color:#fff;font-size:9px;font-weight:800;padding:10px 14px}
.statsBand{margin:29px 0 27px;background:linear-gradient(120deg,#062641,#00172b);border-radius:7px;color:white;min-height:94px;padding:17px 22px;display:grid;grid-template-columns:repeat(6,1fr);align-items:center;box-shadow:0 4px 12px #00172d24}.statsBand article{display:flex;align-items:center;gap:11px;color:#ffae00}.statsBand strong{display:block;font-size:19px}.statsBand span{display:block;color:#fff;font-size:8px;margin-top:4px}.mailNotice{text-align:center;color:#0c6438;font-size:11px;margin:-15px 0 20px}
.newsletterBand{height:112px;background:#01182d;color:white;overflow:hidden}.newsletterBand>.pageShell{height:100%;display:grid;grid-template-columns:1.1fr 1.25fr .95fr;align-items:center;gap:30px;position:relative}.newsletterBand h2{font-size:17px;margin:0 0 8px}.newsletterBand p{font-size:10px;line-height:1.5;margin:0;max-width:285px}.newsletterBand form{display:grid;grid-template-columns:1fr 105px;position:relative;z-index:3}.newsletterBand input{border:0;border-radius:5px 0 0 5px;padding:14px;font-size:10px;min-width:0}.newsletterBand button{border:0;border-radius:0 5px 5px 0;background:#ff7000;color:#fff;font-size:10px;font-weight:800}.newsletterMachine{position:absolute!important;right:0;bottom:-20px;width:37%;z-index:1}
.siteFooter{padding:30px 0 12px;background:#fff}.footerGrid{display:grid;grid-template-columns:1.45fr repeat(4,1fr);gap:55px}.footerBrand .brand{color:#102033;width:max-content}.footerBrand p{font-size:9px;color:#6b7480;line-height:1.6;max-width:210px}.socials{display:flex;gap:12px;margin-top:15px}.socials span{width:22px;height:22px;border:1px solid #263b50;border-radius:50%;display:grid;place-items:center;font-size:9px;font-weight:700}.footerGrid>div:not(:first-child){display:flex;flex-direction:column}.footerGrid h3{font-size:11px;margin:5px 0 10px}.footerGrid a{font-size:9px;color:#65707b;line-height:1.8}.footerGrid a:hover{color:#ff6c00}.copyright{text-align:center;font-size:8px;color:#7a838e;margin:20px 0 0}
@media(max-width:1100px){.productRail{grid-template-columns:repeat(4,1fr)}.productCard:nth-child(n+5){display:none}.promoGrid{grid-template-columns:repeat(2,1fr)}.featureGrid{grid-template-columns:repeat(3,1fr);gap:20px}.categoryCardGrid{grid-template-columns:repeat(3,1fr)}.companyGrid{grid-template-columns:repeat(3,1fr)}.articleGrid{grid-template-columns:repeat(2,1fr)}.statsBand{grid-template-columns:repeat(3,1fr);gap:20px}.footerGrid{gap:25px}}
@media(max-width:820px){.contentSection{margin-top:22px}.productRail{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px}.productCard,.productCard:nth-child(n+5){display:block;min-width:190px;scroll-snap-align:start}.promoGrid{grid-template-columns:1fr}.promoGrid>article{height:145px}.featureGrid{grid-template-columns:repeat(2,1fr)}.categoryCardGrid{grid-template-columns:repeat(2,1fr)}.companyGrid{grid-template-columns:repeat(2,1fr)}.articleGrid{grid-template-columns:1fr}.statsBand{grid-template-columns:repeat(2,1fr)}.newsletterBand{height:auto;padding:24px 0}.newsletterBand>.pageShell{grid-template-columns:1fr}.newsletterBand form{max-width:520px}.newsletterMachine{display:none}.footerGrid{grid-template-columns:repeat(2,1fr)}.footerBrand{grid-column:1/-1}}
@media(max-width:520px){.sectionHead{align-items:flex-end}.sectionHead h2,.contentSection>h2{font-size:17px}.sectionHead a{font-size:9px}.categoryCardGrid,.companyGrid{grid-template-columns:1fr 1fr}.categoryCard{height:105px}.categoryCard strong{font-size:13px}.featureGrid{grid-template-columns:1fr}.featureGrid article{border-right:0}.statsBand{grid-template-columns:1fr}.footerGrid{grid-template-columns:1fr}.footerBrand{grid-column:auto}.newsletterBand form{grid-template-columns:1fr}.newsletterBand form input,.newsletterBand form button{border-radius:5px}.newsletterBand form button{padding:13px;margin-top:7px}}

.allCategories>span{position:static;display:block;left:auto;bottom:auto}

/* Filtro principal preparado para busca real do marketplace */
.hero .searchBox{
  width:min(760px,calc(100% - 32px));
  margin:0 auto;
  padding:14px;
  border:1px solid rgba(255,255,255,.22);
  border-radius:14px;
  background:rgba(255,255,255,.96);
  box-shadow:0 18px 42px rgba(0,0,0,.34);
}
.searchMain label{
  display:block;
  color:#566270;
  font-size:13px;
  font-weight:800;
  margin:0 0 7px;
}
.hero .searchRow{
  display:grid;
  grid-template-columns:minmax(0,1fr) 124px;
  gap:12px;
  align-items:center;
}
.hero .searchRow input{
  width:100%;
  height:48px;
  min-width:0;
  border:1px solid #dbe2e9;
  border-radius:9px;
  padding:0 16px;
  background:#fff;
  color:#1a2635;
  font-size:14px;
  font-weight:500;
}
.hero .searchRow input:focus,
.advancedGrid select:focus,
.advancedGrid input:focus{
  border-color:#ff8a00;
  outline:3px solid rgba(255,138,0,.16);
}
.searchIconButton{
  height:48px;
  border:0;
  border-radius:9px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  color:#071524;
  background:linear-gradient(135deg,#ffc43a,#ff7900);
  font-size:14px;
  font-weight:900;
  cursor:pointer;
}
.searchIconButton:hover{
  transform:translateY(-1px);
  box-shadow:0 12px 25px rgba(255,123,0,.28);
}
.advancedSearch{
  margin-top:11px;
  color:#102033;
}
.advancedSearch summary{
  width:max-content;
  margin:0 auto;
  list-style:none;
  display:flex;
  align-items:center;
  gap:8px;
  color:#fff;
  border:1px solid rgba(255,255,255,.32);
  border-radius:999px;
  background:#061729;
  padding:9px 17px;
  font-size:12px;
  font-weight:850;
  cursor:pointer;
}
.advancedSearch summary::-webkit-details-marker{
  display:none;
}
.advancedSearch summary span{
  display:grid;
  place-items:center;
  width:18px;
  height:18px;
  border-radius:50%;
  background:#ff8500;
  color:#08182b;
}
.advancedSearch[open] summary span{
  transform:rotate(45deg);
}
.advancedGrid{
  margin-top:12px;
  padding:14px;
  border:1px solid #e3e8ee;
  border-radius:12px;
  background:#fff;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
}
.advancedGrid label{
  display:flex;
  flex-direction:column;
  gap:6px;
  text-align:left;
}
.advancedGrid label span{
  color:#4b5563;
  font-size:11px;
  font-weight:900;
  text-transform:uppercase;
}
.advancedGrid select,
.advancedGrid input{
  width:100%;
  min-width:0;
  height:43px;
  border:1px solid #dce3eb;
  border-radius:8px;
  background:#fff;
  color:#122033;
  padding:0 12px;
  font-size:13px;
  font-weight:600;
}
.advancedGrid>button{
  height:43px;
  align-self:end;
  border:0;
  border-radius:8px;
  color:#fff;
  background:#ec7600;
  font-size:13px;
  font-weight:900;
  cursor:pointer;
}
.advancedGrid>button:hover{
  background:#d96b00;
}

.overlap{
  margin-top:-30px;
}
.categoryStrip{
  min-height:78px;
  padding:10px 12px;
  border:0;
  border-radius:10px;
  box-shadow:0 18px 36px rgba(7,21,36,.16);
}
.categoryStrip a{
  height:58px;
  color:#152233;
  gap:6px;
}
.catGlyph{
  display:grid;
  place-items:center;
  width:30px;
  height:30px;
  border-radius:9px;
  background:#fff4e5;
  color:#e87500;
  font-size:10px;
  font-weight:950;
  letter-spacing:0;
  border:1px solid #ffe0ba;
}
.catGlyph.all{
  background:#07182b;
  color:#fff;
  border-color:#07182b;
  font-size:14px;
}
.categoryStrip a:hover .catGlyph{
  background:#ff8400;
  color:#fff;
  border-color:#ff8400;
}

@media(max-width:820px){
  .hero .searchBox{
    width:min(560px,calc(100% - 24px));
    padding:12px;
  }
  .hero .searchRow{
    grid-template-columns:1fr;
  }
  .searchIconButton{
    width:100%;
  }
  .advancedGrid{
    grid-template-columns:1fr 1fr;
  }
  .categoryStrip{
    grid-template-columns:repeat(5,1fr);
    overflow:hidden;
    margin-inline:auto;
  }
}

@media(max-width:520px){
  .hero .searchBox{
    width:min(100% - 20px,440px);
  }
  .searchMain label{
    font-size:12px;
  }
  .hero .searchRow input{
    height:46px;
    font-size:13px;
  }
  .advancedSearch summary{
    width:100%;
    justify-content:center;
  }
  .advancedGrid{
    grid-template-columns:1fr;
  }
  .categoryStrip{
    grid-template-columns:repeat(3,1fr);
    max-height:154px;
  }
  .categoryStrip a:nth-child(n+7){
    display:none;
  }
}

/* Encaixe fino do hero e categorias conforme referência */
.hero{
  min-height:470px;
}
.heroContent{
  min-height:470px;
  padding:54px 16px 78px;
}
.overlap{
  margin-top:-46px;
}
.categoryStrip{
  position:relative;
  z-index:8;
}
.referenceAdvancedPanel{
  width:min(1024px,calc(100% - 32px));
  margin:12px auto 0;
  padding:16px 18px 18px;
  border:1px solid rgba(118,144,167,.5);
  border-radius:8px;
  background:rgba(1,15,29,.9);
  box-shadow:0 14px 30px rgba(0,0,0,.28);
  display:grid;
  grid-template-columns:1.15fr 1.15fr 1.15fr 1.15fr 1.6fr 154px;
  gap:12px;
  align-items:end;
  text-align:left;
}
.referenceAdvancedPanel[hidden]{
  display:none;
}
.referenceAdvancedPanel label{
  display:flex;
  flex-direction:column;
  gap:5px;
  min-width:0;
}
.referenceAdvancedPanel label:nth-child(5){
  grid-column:auto;
}
.referenceAdvancedPanel span{
  color:#d7e3ee;
  font-size:10px;
  font-weight:900;
  text-transform:uppercase;
}
.referenceAdvancedPanel select,
.referenceAdvancedPanel input{
  width:100%;
  min-width:0;
  height:58px;
  border:1px solid rgba(255,255,255,.18);
  border-radius:8px;
  background:#fff;
  color:#172233;
  padding:0 18px;
  font-size:14px;
  font-weight:700;
  text-overflow:ellipsis;
}
.referenceAdvancedPanel button{
  align-self:end;
  width:100%;
  height:50px;
  border:0;
  border-radius:8px;
  background:linear-gradient(135deg,#ff7f18,#ff5c00);
  color:#fff;
  font-size:14px;
  font-weight:900;
  cursor:pointer;
}
.referenceFilterButton.is-open{
  border-color:#ff8a00;
  background:#061729;
}

@media(max-width:820px){
  .hero{
    min-height:560px;
  }
  .heroContent{
    min-height:560px;
    padding-bottom:82px;
  }
  .overlap{
    margin-top:-40px;
  }
  .referenceAdvancedPanel{
    width:min(680px,calc(100% - 24px));
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .referenceAdvancedPanel label:nth-child(5){
    grid-column:auto;
  }
  .referenceAdvancedPanel button{
    grid-column:1/-1;
  }
}

@media(max-width:520px){
  .hero{
    min-height:620px;
  }
  .heroContent{
    min-height:620px;
    padding-bottom:92px;
  }
  .overlap{
    margin-top:-34px;
  }
  .referenceAdvancedPanel{
    grid-template-columns:1fr;
    width:min(100% - 20px,440px);
    padding:14px;
    gap:10px;
  }
  .referenceAdvancedPanel button{
    grid-column:auto;
  }
}

/* Hero exatamente no padrão da referência enviada */
.hero .searchBox{
  position:relative;
  width:min(720px,calc(100% - 32px));
  margin:0 auto;
  padding:17px 20px 13px;
  border:0;
  border-radius:13px;
  background:#fff;
  color:#536173;
  text-align:left;
  box-shadow:0 7px 22px rgba(0,0,0,.25);
}
.hero .searchBox label{
  display:block;
  color:#536173;
  font-size:16px;
  font-weight:800;
  margin:0 0 5px;
}
.hero .searchRow{
  display:grid;
  grid-template-columns:minmax(0,1fr) 28px 95px;
  align-items:center;
  gap:12px;
}
.hero .searchRow input{
  height:auto;
  min-width:0;
  border:0;
  border-radius:0;
  padding:0;
  background:transparent;
  color:#66717f;
  font-size:12px;
  font-weight:600;
  outline:0;
}
.hero .searchRow input:focus{
  border-color:transparent;
  outline:0;
}
.searchMagnifier{
  color:#001a33;
}
.hero .searchRow button{
  min-height:0;
  height:auto;
  border:0;
  border-radius:6px;
  color:#fff;
  background:linear-gradient(135deg,#ff7f18,#ff5c00);
  font-size:12px;
  font-weight:900;
  padding:12px;
  cursor:pointer;
}
.hero .searchRow button:hover{
  transform:translateY(-1px);
  box-shadow:0 10px 22px rgba(255,105,0,.28);
}
.searchAutocomplete{
  position:absolute;
  left:20px;
  right:20px;
  top:calc(100% - 6px);
  z-index:30;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  max-height:310px;
  overflow:auto;
  padding:14px;
  border:1px solid #dce3eb;
  border-radius:0 0 13px 13px;
  background:#fff;
  color:#071728;
  box-shadow:0 18px 34px rgba(0,16,32,.22);
}
.searchAutocomplete[hidden]{
  display:none;
}
.autocompleteGroup{
  display:grid;
  gap:5px;
  align-content:start;
  min-width:0;
}
.autocompleteGroup>strong{
  color:#ef7d00;
  font-size:10px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.04em;
}
.autocompleteItem{
  display:grid;
  gap:2px;
  padding:10px 11px;
  border:1px solid transparent;
  border-radius:7px;
  color:#071728;
}
.autocompleteItem:hover,
.autocompleteItem:focus-visible{
  background:#fff4e8;
  border-color:#ffd8b0;
  color:#071728;
}
.autocompleteItem span{
  font-size:13px;
  font-weight:900;
  line-height:1.2;
}
.autocompleteItem small{
  color:#66717f;
  font-size:11px;
  line-height:1.25;
}
.referenceFilterButton{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  margin:16px auto 0;
  padding:8px 21px;
  border:1px solid #7690a7;
  border-radius:5px;
  background:rgba(0,19,38,.67);
  color:#fff;
  font-size:12px;
  font-weight:800;
  cursor:pointer;
}
.referenceFilterButton span{
  font-size:18px;
  line-height:1;
}
.referenceFilterButton small{
  font-size:11px;
  line-height:1;
}
.referenceFilterButton:hover{
  border-color:#ff8a00;
  background:#061729;
}
.overlap{
  margin-top:-1px;
}
.categoryStrip{
  min-height:89px;
  margin-top:-1px;
  background:#fff;
  border:1px solid #d6dce2;
  border-radius:8px;
  box-shadow:0 4px 10px rgba(0,23,45,.07);
  display:grid;
  grid-template-columns:repeat(10,1fr);
  align-items:center;
  padding:12px 13px;
}
.categoryStrip a{
  height:64px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:6px;
  color:#111827;
  font-size:11px;
  font-weight:800;
  text-align:center;
  border-radius:6px;
}
.categoryStrip a svg{
  width:24px;
  height:24px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.categoryStrip a:hover{
  color:#f56a00;
  background:#fff5ee;
  transform:translateY(-2px);
}

@media(max-width:820px){
  .hero .searchBox{
    width:min(720px,calc(100% - 24px));
  }
  .searchAutocomplete{
    grid-template-columns:1fr;
  }
  .hero .searchRow{
    grid-template-columns:minmax(0,1fr) 28px 95px;
  }
  .categoryStrip{
    grid-template-columns:repeat(5,1fr);
    overflow:hidden;
  }
}

@media(max-width:520px){
  .hero .searchBox{
    width:min(100% - 20px,440px);
  }
  .hero .searchBox label{
    font-size:13px;
  }
  .hero .searchRow{
    grid-template-columns:1fr 25px;
  }
  .hero .searchRow button{
    grid-column:1/-1;
    width:100%;
  }
  .categoryStrip{
    grid-template-columns:repeat(3,1fr);
    max-height:185px;
  }
}

/* Posicao final: categorias metade sobre o hero, metade na secao branca */
body .overlap{
  margin-top:-45px;
  position:relative;
  z-index:12;
}
body .categoryStrip{
  margin-top:0;
  position:relative;
  z-index:13;
}

@media(max-width:820px){
  body .overlap{
    margin-top:-42px;
  }
}

@media(max-width:520px){
  body .overlap{
    margin-top:-38px;
  }
}

/* Menu com logo correto */
.topbar{
  height:74px;
  background:#07101a;
}
.navShell{
  gap:28px;
}
.brand{
  min-width:204px;
  gap:8px;
  color:#fff;
  transform-origin:left center;
}
.brand:hover{
  transform:translateY(-1px);
  opacity:.92;
}
.brandLogoMark{
  width:42px;
  height:45px;
  object-fit:contain;
  flex:0 0 auto;
}
.brand span:last-child{
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:1px;
}
.brand strong{
  color:#fff;
  font-size:21px;
  line-height:.86;
  letter-spacing:-.4px;
}
.brand b{
  color:#ff7600;
  font-size:18px;
  line-height:.9;
  letter-spacing:.2px;
}
.navLinks{
  gap:26px;
}
.navLinks a{
  position:relative;
  padding:27px 0;
}
.navLinks a::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:18px;
  height:2px;
  border-radius:999px;
  background:#ff7a00;
  transform:scaleX(0);
  transform-origin:center;
}
.navLinks a:hover::after{
  transform:scaleX(1);
}
.loginButton{
  background:#fff;
  color:#152031;
  border:1px solid rgba(255,255,255,.35);
  border-radius:8px;
}
.loginButton:hover,
.announceButton:hover{
  transform:translateY(-1px);
}
.announceButton{
  border-radius:8px;
}

.productImage>img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.machinePlaceholder{
  width:100%;
  height:100%;
  display:grid;
  place-items:center;
  background:#fff4e8;
  color:#e87500;
  font-size:38px;
  font-weight:950;
  letter-spacing:0;
}
.categoryCard>img,
.articleCard>img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  transition:.35s;
}
.categoryCard:hover>img{transform:scale(1.04)}
.articleCard>div{
  position:relative;
  z-index:2;
}
.featureGrid svg,
.allCategories svg{
  width:30px;
  height:30px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
  flex:0 0 auto;
}
.footerBrand .brand strong{
  color:#101820;
}
.footerBrand .brand b{
  color:#e87500;
}

/* Ajuste das faixas comerciais e benefícios da home */
.promoGridPro{
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
  margin-top:30px;
}
.promoGridPro .promoCard{
  min-height:188px;
  height:auto;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  gap:14px;
  padding:22px;
  border:1px solid rgba(255,255,255,.09);
  border-radius:10px;
  background:
    radial-gradient(circle at 88% 18%,rgba(255,125,0,.2),transparent 30%),
    linear-gradient(145deg,#062542 0%,#00172a 68%,#00111f 100%);
  box-shadow:0 16px 34px rgba(0,24,48,.13);
}
.promoGridPro .promoCard::after{
  content:"";
  position:absolute;
  inset:auto -42px -50px auto;
  width:132px;
  height:132px;
  border-radius:50%;
  background:rgba(255,255,255,.045);
}
.promoGridPro .promoCard>div:not(.promoIcon){
  max-width:none;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  min-height:118px;
}
.promoGridPro h3{
  max-width:260px;
  min-height:42px;
  margin:0 0 9px;
  font-size:18px;
  line-height:1.15;
  letter-spacing:0;
}
.promoGridPro p{
  max-width:270px;
  min-height:42px;
  margin:0 0 16px;
  color:#d7e5f3;
  font-size:11px;
  line-height:1.45;
}
.promoGridPro a,
.promoGridPro form{
  margin-top:auto;
}
.promoGridPro button{
  min-height:36px;
  border-radius:6px;
  padding:10px 16px;
  background:linear-gradient(135deg,#ff8a00,#ff6500);
  font-size:11px;
}
.promoGridPro .mailForm{
  width:100%;
  grid-template-columns:1fr 42px;
}
.promoGridPro .mailForm input{
  height:40px;
  border-radius:6px 0 0 6px;
  font-size:10px;
}
.promoGridPro .mailForm button{
  min-height:40px;
  border-radius:0 6px 6px 0;
  background:#ffb000;
  color:#05172a;
}
.promoIcon{
  position:relative;
  z-index:2;
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  border-radius:9px;
  background:rgba(255,128,0,.13);
  color:#ff9a18;
}
.promoIcon svg{
  width:22px;
  height:22px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.promoCard.newsletter{
  background:
    radial-gradient(circle at 88% 20%,rgba(255,176,0,.2),transparent 30%),
    linear-gradient(145deg,#092a48,#00172a);
}
.whySection{
  margin-top:34px;
  padding:0;
}
.whySection h2{
  font-size:22px;
  margin-bottom:18px;
}
.whySection .featureGrid{
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
  margin-top:0;
}
.whySection .featureGrid article{
  min-height:92px;
  align-items:center;
  gap:13px;
  padding:16px;
  border:1px solid #e2e7ec;
  border-radius:10px;
  background:#fff;
  box-shadow:0 10px 24px rgba(2,23,43,.06);
}
.whySection .featureGrid article:last-child{
  border-right:1px solid #e2e7ec;
}
.whySection .featureGrid svg{
  width:34px;
  height:34px;
  color:#061a2f;
  stroke-width:1.7;
}
.whySection .featureGrid h3{
  font-size:12px;
  line-height:1.2;
  margin:0 0 5px;
}
.whySection .featureGrid p{
  max-width:190px;
  color:#536171;
  font-size:10px;
  line-height:1.45;
}

@media(max-width:1100px){
  .brand{
    min-width:180px;
  }
  .brandLogoMark{
    width:36px;
    height:39px;
  }
  .brand strong{
    font-size:18px;
  }
  .brand b{
    font-size:15px;
  }
}

@media(max-width:820px){
  .topbar{
    height:66px;
  }
  .brand{
    min-width:auto;
  }
  .brandLogoMark{
    width:34px;
    height:37px;
  }
  .navLinks{
    top:66px;
  }
  .navLinks a{
    padding:13px;
  }
  .navLinks a::after{
    display:none;
  }
  .promoGridPro{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .whySection .featureGrid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media(max-width:560px){
  .promoGridPro{
    grid-template-columns:1fr;
    gap:10px;
  }
  .promoGridPro .promoCard{
    min-height:auto;
    padding:18px;
  }
  .promoGridPro h3{
    min-height:auto;
    font-size:17px;
  }
  .promoGridPro p{
    min-height:auto;
  }
  .whySection h2{
    font-size:19px;
  }
  .whySection .featureGrid{
    grid-template-columns:1fr;
  }
  .whySection .featureGrid article{
    min-height:auto;
  }
}

/* Correção final do logo no menu escuro */
.topbar .brand{
  flex:0 0 230px;
  min-width:230px;
  gap:10px;
  overflow:visible;
}
.topbar .brandLogoMark{
  width:39px;
  height:42px;
  filter:brightness(0) invert(1);
}
.topbar .brand strong,
.topbar .brand b{
  color:#fff;
  text-shadow:none;
  white-space:nowrap;
}
.topbar .brand strong{
  font-size:21px;
}
.topbar .brand b{
  font-size:18px;
}
.topbar .navShell{
  gap:18px;
}
.topbar .navLinks{
  gap:22px;
  min-width:0;
}

@media(max-width:1180px){
  .topbar .brand{
    flex-basis:200px;
    min-width:200px;
  }
  .topbar .brandLogoMark{
    width:35px;
    height:38px;
  }
  .topbar .brand strong{
    font-size:18px;
  }
  .topbar .brand b{
    font-size:16px;
  }
  .topbar .navLinks{
    gap:14px;
    font-size:11px;
  }
  .topbar .announceButton{
    padding-inline:14px;
  }
}

@media(max-width:820px){
  .topbar .brand{
    flex:0 0 auto;
    min-width:0;
  }
  .topbar .brandLogoMark{
    width:33px;
    height:36px;
  }
}

/* Header refinado: logo, navegação e ações sem sobreposição */
.topbar{
  height:72px;
}
.topbar .navShell{
  width:min(1500px,calc(100% - 44px));
  display:grid;
  grid-template-columns:220px minmax(0,1fr) auto;
  gap:24px;
  align-items:center;
}
.topbar .brand{
  flex:none;
  min-width:0;
  width:220px;
  gap:9px;
}
.topbar .brandLogoMark{
  width:37px;
  height:40px;
}
.topbar .brand strong{
  font-size:20px;
  line-height:.88;
  letter-spacing:-.25px;
}
.topbar .brand b{
  color:#fff;
  font-size:18px;
  line-height:.88;
  letter-spacing:-.15px;
}
.topbar .navLinks{
  justify-content:center;
  gap:clamp(16px,1.45vw,28px);
  font-size:13px;
  font-weight:800;
}
.topbar .navLinks a{
  padding:26px 0;
  white-space:nowrap;
}
.topbar .navActions{
  gap:12px;
  justify-content:flex-end;
}
.topbar .iconButton{
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  padding:0;
  flex:0 0 auto;
}
.topbar .loginButton{
  min-width:88px;
  padding:12px 18px;
  border-radius:8px;
  font-size:18px;
}
.topbar .announceButton{
  min-width:216px;
  padding:14px 20px;
  border-radius:8px;
  text-align:center;
  font-size:18px;
}

@media(max-width:1280px){
  .topbar .navShell{
    grid-template-columns:196px minmax(0,1fr) auto;
    gap:16px;
  }
  .topbar .brand{
    width:196px;
  }
  .topbar .brandLogoMark{
    width:34px;
    height:37px;
  }
  .topbar .brand strong{
    font-size:18px;
  }
  .topbar .brand b{
    font-size:16px;
  }
  .topbar .navLinks{
    gap:14px;
    font-size:12px;
  }
  .topbar .loginButton{
    min-width:78px;
    padding:11px 14px;
    font-size:16px;
  }
  .topbar .announceButton{
    min-width:178px;
    padding:13px 15px;
    font-size:16px;
  }
}

@media(max-width:1080px){
  .topbar .navShell{
    display:flex;
  }
  .topbar .menuButton{
    display:block;
    margin-left:auto;
  }
  .topbar .navLinks{
    position:absolute;
    top:72px;
    left:16px;
    right:16px;
    display:none;
    flex-direction:column;
    align-items:stretch;
    gap:0;
    padding:10px;
    background:#07101a;
    border:1px solid rgba(255,255,255,.08);
    border-radius:0 0 10px 10px;
    box-shadow:0 18px 32px rgba(0,0,0,.35);
  }
  .topbar .navLinks.open{
    display:flex;
  }
  .topbar .navLinks a{
    padding:13px 14px;
  }
  .topbar .navLinks a::after{
    display:none;
  }
  .topbar .navActions{
    display:none;
  }
}

@media(max-width:520px){
  .topbar .navShell{
    width:min(100% - 22px,1500px);
  }
  .topbar .brand{
    width:auto;
  }
  .topbar .brandLogoMark{
    width:31px;
    height:34px;
  }
  .topbar .brand strong{
    font-size:16px;
  }
  .topbar .brand b{
    font-size:14px;
  }
}

/* Home: carrossel patrocinado conectado ao cadastro de publicidade */
.sponsorShowcase{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:14px;
  margin-top:24px;
  position:relative;
}
.sponsorTrack{
  min-width:0;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
}
.sponsorDynamic{
  height:228px;
  padding:0;
  border-radius:7px;
  overflow:hidden;
  background:#071527;
  box-shadow:0 16px 32px rgba(0,23,45,.14);
}
.sponsorDynamic .sponsorCardLink{
  height:100%;
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(118px,.95fr);
  gap:10px;
  padding:24px 24px 20px;
  color:#fff;
  text-decoration:none;
}
.sponsorDynamic .sponsorCopy{
  position:relative;
  z-index:2;
  min-width:0;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
}
.sponsorDynamic strong{
  font-size:25px;
  line-height:1;
  letter-spacing:-.4px;
  min-height:30px;
}
.sponsorDynamic h2{
  width:100%;
  margin:17px 0 14px;
  font-size:20px;
  line-height:1.18;
  display:-webkit-box;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.sponsorDynamic .sponsorButton{
  margin-top:auto;
  min-width:156px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:42px;
  padding:10px 16px;
  border-radius:5px;
  background:#fff;
  color:#071527;
  font-size:12px;
  font-weight:900;
  text-align:center;
  transition:transform .2s ease, box-shadow .2s ease, background .2s ease;
}
.sponsorTone2 .sponsorButton{
  background:#ffb000;
  color:#080d12;
}
.sponsorDynamic:hover .sponsorButton{
  transform:translateY(-2px);
  box-shadow:0 10px 20px rgba(0,0,0,.22);
}
.sponsorVisual{
  min-width:0;
  height:100%;
  margin:0;
  align-self:center;
  display:flex;
  align-items:center;
  justify-content:flex-end;
}
.sponsorVisual img{
  width:100%;
  height:86%;
  object-fit:cover;
  border-radius:7px;
  box-shadow:0 12px 28px rgba(0,0,0,.24);
}
.sponsorVisual span{
  width:100%;
  height:86%;
  border-radius:7px;
  display:grid;
  place-items:center;
  background:rgba(255,255,255,.1);
  color:#ffb000;
  font-size:42px;
  font-weight:950;
}
.sponsorTone1{background:linear-gradient(120deg,#06213d,#0b3f6f);}
.sponsorTone2{background:linear-gradient(120deg,#070b10,#3d2915);}
.sponsorTone3{background:linear-gradient(120deg,#05365e,#0879bd);}
.sponsorShowcase .roundArrow{
  position:static;
  transform:none;
}
.sponsorShowcase .roundArrow.left,
.sponsorShowcase .roundArrow.right{
  left:auto;
  right:auto;
}

@media(max-width:980px){
  .sponsorTrack{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .sponsorTrack .sponsorDynamic:nth-child(3){
    display:none;
  }
}

@media(max-width:680px){
  .sponsorShowcase{
    grid-template-columns:1fr;
    gap:10px;
  }
  .sponsorShowcase .roundArrow{
    display:none;
  }
  .sponsorTrack{
    grid-template-columns:1fr;
  }
  .sponsorTrack .sponsorDynamic:nth-child(n+2){
    display:none;
  }
  .sponsorDynamic{
    height:210px;
  }
  .sponsorDynamic .sponsorCardLink{
    grid-template-columns:1fr 120px;
    padding:20px;
  }
  .sponsorDynamic strong{
    font-size:20px;
  }
  .sponsorDynamic h2{
    font-size:17px;
  }
}

/* Ajuste tipográfico final da home */
body{
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
  font-synthesis-weight:none;
}
.topbar,
.hero,
.searchBox,
.categoryStrip,
.contentSection,
.newsletterBand,
.siteFooter{
  font-family:inherit;
}

/* Página Peças e Serviços */
.partsPage{
  background:#f5f7fa;
}
.partsPage .topbar{
  position:sticky;
  top:0;
}
.partsPage .navLinks a.is-active{
  color:#ff8a25;
}
.partsHero{
  min-height:390px;
  display:flex;
  align-items:center;
  color:#fff;
  background:
    linear-gradient(90deg,#020b14 0%,rgba(2,11,20,.86) 38%,rgba(2,11,20,.42) 100%),
    linear-gradient(180deg,rgba(2,11,20,.15),rgba(2,11,20,.92)),
    url("../img/categorias/pecas-servicos.webp") center/cover no-repeat;
}
.partsHeroGrid{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(360px,460px);
  gap:36px;
  align-items:center;
}
.partsHeroCopy .eyebrow,
.partsFeature .eyebrow{
  margin:0 0 12px;
  color:#ff7a00;
  font-size:12px;
  font-weight:950;
  letter-spacing:.04em;
  text-transform:uppercase;
}
.partsHero h1{
  max-width:720px;
  margin:0;
  font-size:clamp(38px,5.5vw,72px);
  line-height:.95;
  letter-spacing:0;
  font-weight:950;
}
.partsHero p{
  max-width:620px;
  margin:18px 0 0;
  color:#f4f7fb;
  font-size:18px;
  line-height:1.55;
}
.partsSearch{
  padding:22px;
  border:1px solid rgba(255,255,255,.18);
  border-radius:12px;
  background:rgba(255,255,255,.95);
  box-shadow:0 20px 50px rgba(0,0,0,.26);
}
.partsSearch label{
  display:block;
  margin-bottom:10px;
  color:#4b5868;
  font-size:15px;
  font-weight:900;
}
.partsSearch div{
  display:grid;
  grid-template-columns:1fr 112px;
  gap:10px;
}
.partsSearch input{
  min-width:0;
  border:1px solid #d9e0e7;
  border-radius:7px;
  padding:15px 16px;
  color:#111820;
  background:#fff;
  outline:0;
}
.partsSearch button,
.partsFeatureActions .announceButton{
  border:0;
  border-radius:7px;
  background:linear-gradient(135deg,#ff8519,#ff6200);
  color:#fff;
  font-weight:900;
  cursor:pointer;
}
.partsQuick{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
  margin-top:-42px;
  position:relative;
  z-index:4;
}
.partsQuick a{
  min-height:132px;
  padding:18px;
  border:1px solid #dfe5eb;
  border-radius:8px;
  background:#fff;
  box-shadow:0 12px 32px rgba(8,24,43,.1);
}
.partsQuick span{
  display:inline-grid;
  width:34px;
  height:34px;
  place-items:center;
  margin-bottom:12px;
  border-radius:8px;
  color:#ff7600;
  background:#fff1e3;
  font-size:13px;
  font-weight:950;
}
.partsQuick strong,
.partsServiceGrid b{
  display:block;
  color:#07101a;
  font-size:18px;
  line-height:1.2;
}
.partsQuick small,
.partsServiceGrid span{
  display:block;
  margin-top:9px;
  color:#5b6876;
  font-size:13px;
  line-height:1.45;
}
.partsQuick a:hover,
.partsServiceGrid a:hover{
  transform:translateY(-3px);
  border-color:#ffc48e;
  box-shadow:0 18px 38px rgba(8,24,43,.14);
}
.partsFeature{
  display:grid;
  grid-template-columns:minmax(0,.9fr) minmax(0,1fr);
  gap:34px;
  align-items:center;
  margin-top:52px;
  padding:24px;
  border-radius:10px;
  background:#07101a;
  color:#fff;
  overflow:hidden;
}
.partsFeature figure{
  margin:0;
  min-height:320px;
  border-radius:8px;
  overflow:hidden;
}
.partsFeature img{
  width:100%;
  height:100%;
  min-height:320px;
  object-fit:cover;
}
.partsFeature h2{
  margin:0;
  font-size:clamp(30px,4vw,48px);
  line-height:1.04;
}
.partsFeature p:not(.eyebrow){
  max-width:620px;
  color:#d8e0e8;
  font-size:16px;
  line-height:1.65;
}
.partsFeatureActions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:24px;
}
.partsFeatureActions a{
  display:inline-flex;
  min-height:46px;
  align-items:center;
  justify-content:center;
}
.partsServiceGrid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
}
.partsServiceGrid a{
  min-height:150px;
  padding:20px;
  border:1px solid #dfe5eb;
  border-radius:8px;
  background:#fff;
  box-shadow:0 9px 22px rgba(8,24,43,.06);
}
.partsPage .newsletterMachine{
  border-radius:8px;
  opacity:.86;
}
@media(max-width:980px){
  .partsHeroGrid,
  .partsFeature{
    grid-template-columns:1fr;
  }
  .partsSearch{
    max-width:620px;
  }
  .partsQuick,
  .partsServiceGrid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media(max-width:620px){
  .partsHero{
    min-height:auto;
    padding:56px 0 84px;
  }
  .partsHero h1{
    font-size:36px;
  }
  .partsHero p{
    font-size:15px;
  }
  .partsSearch div{
    grid-template-columns:1fr;
  }
  .partsSearch button{
    min-height:46px;
  }
  .partsQuick,
  .partsServiceGrid{
    grid-template-columns:1fr;
  }
  .partsQuick{
    margin-top:-48px;
  }
  .partsFeature{
    padding:16px;
  }
  .partsFeature figure,
  .partsFeature img{
    min-height:220px;
  }
}

/* === Referencia visual ZIP - home branca/laranja === */
main#top{
  --ref-orange:#ef8500;
  --ref-orange-2:#f69a18;
  --ref-dark:#171b20;
  --ref-muted:#777;
  --ref-line:#e6e6e6;
  background:#fff !important;
  color:#15191c !important;
  font-family:Arial,Helvetica,sans-serif !important;
}

main#top .referenceHeader{
  position:relative !important;
  top:auto !important;
  height:auto !important;
  min-height:0 !important;
  background:#fff !important;
  color:#15191c !important;
  border-bottom:1px solid #e8e8e8 !important;
  box-shadow:none !important;
  z-index:50 !important;
}

main#top .referenceHead{
  width:min(1260px,calc(100% - 42px)) !important;
  height:82px !important;
  margin:auto !important;
  padding:0 !important;
  display:flex !important;
  align-items:center !important;
  gap:28px !important;
  max-width:none !important;
}

main#top .referenceHeader .brand{
  width:220px !important;
  min-width:220px !important;
  height:auto !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  color:#101820 !important;
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
}

main#top .referenceHeader .brandLogoMark{
  width:62px !important;
  height:62px !important;
  object-fit:contain !important;
  filter:none !important;
}

main#top .referenceHeader .brand strong,
main#top .referenceHeader .brand b{
  display:block !important;
  margin:0 !important;
  letter-spacing:0 !important;
  line-height:.92 !important;
  font-size:20px !important;
  font-weight:900 !important;
  color:#101820 !important;
}

main#top .referenceHeader .brand b{
  color:var(--ref-orange) !important;
}

main#top .topSearchDesktop{
  height:45px !important;
  flex:1 1 420px !important;
  max-width:550px !important;
  margin:0 !important;
  border:1px solid #ddd !important;
  border-radius:7px !important;
  background:#fff !important;
  display:flex !important;
  position:relative !important;
  overflow:visible !important;
  box-shadow:none !important;
}

main#top .topSearchDesktop input{
  flex:1 !important;
  width:auto !important;
  height:100% !important;
  border:0 !important;
  outline:0 !important;
  padding:0 15px !important;
  background:#fff !important;
  color:#15191c !important;
  font-size:14px !important;
  font-weight:400 !important;
}

main#top .topSearchDesktop button{
  width:62px !important;
  height:100% !important;
  border:0 !important;
  border-radius:0 6px 6px 0 !important;
  background:var(--ref-orange) !important;
  color:#fff !important;
  font-size:20px !important;
  font-weight:800 !important;
  display:grid !important;
  place-items:center !important;
  box-shadow:none !important;
}

main#top .headerQuickLinks{
  display:flex !important;
  align-items:center !important;
  gap:17px !important;
  margin-left:auto !important;
  color:#444 !important;
  font-size:11px !important;
  font-weight:400 !important;
}

main#top .headerQuickLinks a,
main#top .headerQuickLinks button{
  display:block !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  color:#444 !important;
  font:inherit !important;
  white-space:nowrap !important;
  cursor:pointer;
}

main#top .headerQuickLinks span{
  display:block !important;
  text-align:center !important;
  height:15px !important;
  color:#1f2937 !important;
}

main#top .headerQuickLinks b{
  display:block !important;
  font-size:11px !important;
  line-height:1.1 !important;
  color:#15191c !important;
  font-weight:800 !important;
}

main#top .referenceHeader .menuButton,
main#top .referenceHeader .navActions{
  display:none !important;
}

main#top .referenceNav{
  width:min(1260px,calc(100% - 42px)) !important;
  height:46px !important;
  margin:auto !important;
  padding:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:30px !important;
  position:static !important;
  border:0 !important;
  background:#fff !important;
  box-shadow:none !important;
  color:#15191c !important;
  font-size:12px !important;
  font-weight:800 !important;
  letter-spacing:0 !important;
  max-width:none !important;
}

main#top .referenceNav a{
  color:#15191c !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  text-transform:none !important;
  white-space:nowrap !important;
}

main#top .referenceNav a.active,
main#top .referenceNav a:hover{
  color:var(--ref-orange) !important;
}

main#top .hero{
  height:360px !important;
  min-height:360px !important;
  padding:0 !important;
  margin:0 !important;
  background:#ef8500 !important;
  color:#fff !important;
  position:relative !important;
  overflow:hidden !important;
  border:0 !important;
}

main#top .hero::before{
  content:"" !important;
  position:absolute !important;
  left:0 !important;
  top:0 !important;
  width:260px !important;
  height:100% !important;
  opacity:.25 !important;
  background-image:radial-gradient(#fff 1.4px,transparent 1.4px) !important;
  background-size:11px 11px !important;
  z-index:1 !important;
}

main#top .hero::after{
  content:"" !important;
  position:absolute !important;
  right:-5% !important;
  top:0 !important;
  width:58% !important;
  height:100% !important;
  background:
    linear-gradient(90deg,#ef8500 0%,rgba(239,133,0,.2) 24%,rgba(239,133,0,0) 55%),
    url("https://images.unsplash.com/photo-1581094794329-c8112a89af12?auto=format&fit=crop&w=1200&q=85") center/cover !important;
  z-index:1 !important;
}

main#top .heroShade{
  display:none !important;
}

main#top .heroContent{
  width:min(1260px,calc(100% - 42px)) !important;
  min-height:0 !important;
  height:auto !important;
  margin:auto !important;
  padding:72px 0 0 !important;
  display:block !important;
  position:relative !important;
  z-index:3 !important;
  text-align:left !important;
  max-width:none !important;
}

main#top .hero h1{
  max-width:none !important;
  margin:0 0 24px !important;
  color:#fff !important;
  text-align:left !important;
  font-size:35px !important;
  line-height:1.12 !important;
  font-weight:800 !important;
  letter-spacing:0 !important;
  text-shadow:none !important;
  text-transform:none !important;
}

main#top .hero h1 span{
  color:#fff !important;
}

main#top .hero p{
  display:none !important;
}

main#top .hero .searchBox{
  width:min(800px,70%) !important;
  height:64px !important;
  min-height:0 !important;
  margin:0 !important;
  padding:0 !important;
  border:5px solid rgba(255,255,255,.25) !important;
  border-radius:10px !important;
  background:#fff !important;
  color:#15191c !important;
  display:flex !important;
  position:relative !important;
  box-shadow:0 10px 25px rgba(0,0,0,.13) !important;
  overflow:visible !important;
}

main#top .hero .searchBox label{
  display:none !important;
}

main#top .hero .searchRow{
  width:100% !important;
  height:100% !important;
  display:grid !important;
  grid-template-columns:52px minmax(0,1fr) 130px !important;
  align-items:center !important;
  gap:0 !important;
}

main#top .hero .searchMagnifier{
  grid-column:1 !important;
  justify-self:center !important;
  color:#777 !important;
  width:23px !important;
  height:23px !important;
  position:static !important;
  pointer-events:none !important;
}

main#top .hero .searchRow input{
  grid-column:2 !important;
  width:100% !important;
  height:100% !important;
  min-width:0 !important;
  border:0 !important;
  outline:0 !important;
  background:#fff !important;
  color:#15191c !important;
  padding:0 18px 0 0 !important;
  font-size:18px !important;
  font-weight:400 !important;
  box-shadow:none !important;
}

main#top .hero .searchRow input::placeholder,
main#top .topSearchDesktop input::placeholder{
  color:#6b7280 !important;
  opacity:1 !important;
}

main#top .hero .searchRow button{
  grid-column:3 !important;
  width:130px !important;
  height:54px !important;
  border:0 !important;
  border-radius:0 6px 6px 0 !important;
  background:var(--ref-orange) !important;
  color:#fff !important;
  font-size:15px !important;
  font-weight:800 !important;
  box-shadow:none !important;
}

main#top .referenceFilterButton{
  margin-top:16px !important;
  width:auto !important;
  min-width:0 !important;
  height:auto !important;
  padding:11px 17px !important;
  border:0 !important;
  border-radius:5px !important;
  background:#19222b !important;
  color:#fff !important;
  display:inline-flex !important;
  align-items:center !important;
  gap:5px !important;
  font-size:14px !important;
  font-weight:700 !important;
  box-shadow:none !important;
}

main#top .referenceFilterButton span{
  color:#fff !important;
  font-size:16px !important;
}

main#top .referenceAdvancedPanel:not([hidden]){
  width:min(800px,70%) !important;
  margin-top:12px !important;
  padding:14px !important;
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:10px !important;
  border:1px solid rgba(255,255,255,.45) !important;
  border-radius:8px !important;
  background:#19222b !important;
}

main#top .referenceAdvancedPanel label span{
  color:#fff !important;
  font-size:10px !important;
  font-weight:800 !important;
}

main#top .referenceAdvancedPanel select,
main#top .referenceAdvancedPanel input,
main#top .referenceAdvancedPanel button{
  min-width:0 !important;
  width:100% !important;
  height:42px !important;
  border-radius:5px !important;
  font-size:12px !important;
}

main#top .referenceAdvancedPanel button{
  background:var(--ref-orange) !important;
  color:#fff !important;
  border:0 !important;
  font-weight:800 !important;
}

main#top .hero .searchAutocomplete,
main#top .topSearchDesktop .searchAutocomplete{
  position:absolute !important;
  left:0 !important;
  right:0 !important;
  top:69px !important;
  z-index:40 !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 0 9px 9px !important;
  background:#fff !important;
  color:#222 !important;
  box-shadow:0 12px 24px rgba(0,0,0,.2) !important;
  overflow:hidden !important;
}

main#top .topSearchDesktop .searchAutocomplete{
  top:45px !important;
}

main#top .referenceBenefits{
  width:min(1260px,calc(100% - 42px)) !important;
  margin:0 auto !important;
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  border:1px solid #eee !important;
  border-top:0 !important;
  background:#fff !important;
}

main#top .referenceBenefits article{
  min-height:92px !important;
  padding:18px !important;
  display:flex !important;
  align-items:center !important;
  gap:12px !important;
  border-right:1px solid #eee !important;
  color:#15191c !important;
}

main#top .referenceBenefits article:last-child{
  border-right:0 !important;
}

main#top .referenceBenefits span{
  width:42px !important;
  height:42px !important;
  border:1px solid #efc187 !important;
  border-radius:50% !important;
  color:var(--ref-orange) !important;
  display:grid !important;
  place-items:center !important;
  flex:0 0 42px !important;
  font-size:18px !important;
}

main#top .referenceBenefits strong{
  display:block !important;
  color:#15191c !important;
  font-size:13px !important;
  line-height:1.2 !important;
  font-weight:800 !important;
}

main#top .referenceBenefits small{
  display:block !important;
  margin-top:4px !important;
  color:#777 !important;
  font-size:10px !important;
  line-height:1.3 !important;
}

main#top > .pageShell.overlap{
  width:min(1260px,calc(100% - 42px)) !important;
  margin:34px auto 0 !important;
  padding:0 !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}

main#top #categoryStrip.categoryStrip{
  margin:0 0 26px !important;
}

@media(max-width:1000px){
  main#top .headerQuickLinks{
    display:none !important;
  }

  main#top .referenceHead{
    gap:18px !important;
  }

  main#top .referenceNav{
    gap:20px !important;
    overflow:auto !important;
  }

  main#top .hero .searchBox,
  main#top .referenceAdvancedPanel:not([hidden]){
    width:85% !important;
  }
}

@media(max-width:700px){
  main#top .referenceHead{
    width:calc(100% - 24px) !important;
    height:auto !important;
    min-height:82px !important;
    padding:12px 0 !important;
    flex-wrap:wrap !important;
  }

  main#top .referenceHeader .brand{
    width:180px !important;
    min-width:180px !important;
  }

  main#top .referenceHeader .brandLogoMark{
    width:52px !important;
    height:52px !important;
  }

  main#top .topSearchDesktop{
    order:3 !important;
    flex-basis:100% !important;
    max-width:none !important;
  }

  main#top .referenceHeader .menuButton{
    display:block !important;
    margin-left:auto !important;
    color:#15191c !important;
    border:1px solid #ddd !important;
    border-radius:6px !important;
    background:#fff !important;
  }

  main#top .referenceNav{
    width:100% !important;
    height:auto !important;
    display:none !important;
    padding:10px 12px !important;
    flex-direction:column !important;
    align-items:stretch !important;
    gap:0 !important;
  }

  main#top .referenceNav.open{
    display:flex !important;
  }

  main#top .referenceNav a{
    padding:12px !important;
    border-bottom:1px solid #eee !important;
  }

  main#top .hero{
    height:380px !important;
    min-height:380px !important;
  }

  main#top .hero::after{
    width:100% !important;
    opacity:.35 !important;
  }

  main#top .heroContent{
    width:calc(100% - 24px) !important;
    padding-top:50px !important;
  }

  main#top .hero h1{
    font-size:29px !important;
  }

  main#top .hero .searchBox{
    width:100% !important;
    height:58px !important;
  }

  main#top .hero .searchRow{
    grid-template-columns:44px minmax(0,1fr) 104px !important;
  }

  main#top .hero .searchRow input{
    font-size:15px !important;
  }

  main#top .hero .searchRow button{
    width:104px !important;
    height:48px !important;
  }

  main#top .referenceAdvancedPanel:not([hidden]){
    width:100% !important;
    grid-template-columns:1fr 1fr !important;
  }

  main#top .referenceBenefits{
    width:calc(100% - 24px) !important;
    grid-template-columns:1fr 1fr !important;
  }

  main#top .referenceBenefits article{
    min-height:78px !important;
    padding:12px !important;
  }

  main#top .referenceBenefits small{
    display:none !important;
  }

  main#top > .pageShell.overlap{
    width:calc(100% - 24px) !important;
    margin-top:24px !important;
  }
}

/* === CAMPO DE BUSCA DO HERO IGUAL A REFERENCIA + AUTOCOMPLETE VISIVEL === */
body main#top section.hero form.searchBox{
  position:relative !important;
  display:grid !important;
  grid-template-columns:72px minmax(0,1fr) 132px !important;
  grid-template-rows:54px !important;
  align-items:stretch !important;
  width:min(800px,70%) !important;
  height:64px !important;
  padding:0 !important;
  border:5px solid rgba(255,255,255,.28) !important;
  border-radius:10px !important;
  overflow:visible !important;
  background:#fff !important;
  box-shadow:0 10px 25px rgba(0,0,0,.14) !important;
}

body main#top section.hero form.searchBox > label{
  position:absolute !important;
  width:1px !important;
  height:1px !important;
  padding:0 !important;
  margin:-1px !important;
  overflow:hidden !important;
  clip:rect(0,0,0,0) !important;
  white-space:nowrap !important;
  border:0 !important;
}

body main#top section.hero .searchRow{
  display:contents !important;
}

body main#top section.hero .searchMagnifier{
  grid-column:1 !important;
  grid-row:1 !important;
  width:72px !important;
  height:54px !important;
  margin:0 !important;
  place-self:stretch !important;
  display:grid !important;
  place-items:center !important;
  color:#536173 !important;
  stroke-width:1.7 !important;
  position:static !important;
  transform:none !important;
}

body main#top section.hero .searchMagnifier svg{
  width:24px !important;
  height:24px !important;
  stroke-width:2 !important;
}

body main#top section.hero .searchRow input{
  grid-column:2 !important;
  grid-row:1 !important;
  width:100% !important;
  height:54px !important;
  min-width:0 !important;
  padding:0 18px 0 0 !important;
  border:0 !important;
  outline:0 !important;
  color:#65717f !important;
  font-size:20px !important;
  line-height:54px !important;
  background:transparent !important;
}

body main#top section.hero .searchRow input::placeholder{
  color:#65717f !important;
  opacity:1 !important;
}

body main#top section.hero .searchRow button{
  grid-column:3 !important;
  grid-row:1 !important;
  width:132px !important;
  height:54px !important;
  min-height:54px !important;
  margin:0 !important;
  padding:0 !important;
  align-self:stretch !important;
  border:0 !important;
  border-radius:0 5px 5px 0 !important;
  position:static !important;
  transform:none !important;
  box-shadow:none !important;
  background:#ef8500 !important;
  color:#fff !important;
  font-size:15px !important;
  font-weight:800 !important;
}

body main#top section.hero .searchAutocomplete{
  top:76px !important;
  left:0 !important;
  right:0 !important;
  z-index:40 !important;
  max-height:280px !important;
  overflow:auto !important;
}

@media(max-width:700px){
  body .topbar.referenceHeader .topSearchDesktop{
    display:none !important;
  }

  body main#top section.hero{
    min-height:520px !important;
    height:auto !important;
    display:flex !important;
    align-items:center !important;
    text-align:center !important;
  }

  body main#top section.hero .heroContent{
    width:100% !important;
    min-height:0 !important;
    padding:58px 16px 76px !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    text-align:center !important;
  }

  body main#top section.hero h1{
    width:100% !important;
    max-width:430px !important;
    margin-inline:auto !important;
    text-align:center !important;
    font-size:34px !important;
    line-height:1.08 !important;
  }

  body main#top section.hero p{
    width:100% !important;
    max-width:390px !important;
    margin:12px auto 22px !important;
    text-align:center !important;
    font-size:15px !important;
    line-height:1.45 !important;
  }

  body main#top section.hero form.searchBox{
    grid-template-columns:52px minmax(0,1fr) !important;
    grid-template-rows:54px 52px !important;
    width:min(100%,470px) !important;
    height:116px !important;
    margin:0 auto !important;
  }

  body main#top section.hero .searchMagnifier{
    width:52px !important;
    height:54px !important;
  }

  body main#top section.hero .searchRow input{
    grid-column:2 !important;
    grid-row:1 !important;
    height:54px !important;
    font-size:16px !important;
    line-height:54px !important;
  }

  body main#top section.hero .searchRow button{
    grid-column:1 / 3 !important;
    grid-row:2 !important;
    width:100% !important;
    height:52px !important;
    min-height:52px !important;
    border-radius:0 0 5px 5px !important;
    background:linear-gradient(135deg,#ffc23a,#ff9f00) !important;
    color:#071728 !important;
    box-shadow:0 12px 24px rgba(0,0,0,.18) !important;
    font-weight:950 !important;
  }

body main#top section.hero .searchAutocomplete{
  top:128px !important;
}

/* === OVERRIDE FINAL MOBILE HOME === */
@media(max-width:820px){
  body main#top header.topbar.referenceHeader .topSearchDesktop{
    display:none !important;
  }

  body main#top section.hero{
    height:auto !important;
    min-height:540px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    text-align:center !important;
  }

  body main#top section.hero .heroContent{
    width:100% !important;
    min-height:0 !important;
    padding:58px 16px 74px !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    text-align:center !important;
  }

  body main#top section.hero h1{
    width:100% !important;
    max-width:520px !important;
    margin:0 auto 12px !important;
    text-align:center !important;
    font-size:clamp(30px,8vw,42px) !important;
    line-height:1.08 !important;
  }

  body main#top section.hero p{
    width:100% !important;
    max-width:480px !important;
    margin:0 auto 22px !important;
    text-align:center !important;
    font-size:15px !important;
    line-height:1.45 !important;
  }

  body main#top section.hero form.searchBox{
    width:min(100%,500px) !important;
    margin:0 auto !important;
  }

  body main#top section.hero .searchRow button{
    background:linear-gradient(135deg,#ffc23a,#ff9f00) !important;
    color:#071728 !important;
    box-shadow:0 12px 24px rgba(0,0,0,.2) !important;
  }

  body main#top section.hero .referenceFilterButton{
    margin:18px auto 0 !important;
    align-self:center !important;
    justify-content:center !important;
    text-align:center !important;
  }
}

@media(max-width:520px){
  body main#top section.hero{
    min-height:560px !important;
  }

  body main#top section.hero .heroContent{
    padding-top:44px !important;
  }

  body main#top section.hero .searchRow input{
    font-size:14px !important;
  }

  body main#top section.hero .searchRow button{
    border-radius:0 0 5px 5px !important;
  }
}

  body main#top section.hero .referenceFilterButton{
    margin:18px auto 0 !important;
    align-self:center !important;
    justify-content:center !important;
    text-align:center !important;
  }
}

@media(max-width:430px){
  body main#top section.hero{
    min-height:545px !important;
  }

  body main#top section.hero .heroContent{
    padding-top:46px !important;
  }

  body main#top section.hero h1{
    font-size:30px !important;
  }

  body main#top section.hero .searchRow input{
    font-size:14px !important;
  }
}

/* === CORRECAO FINAL: BANNERS PATROCINADOS SEM TEXTO CORTADO === */
main#top #homeSponsorShowcase.sponsorShowcase{
  overflow:visible !important;
}

main#top #homeSponsorShowcase .sponsorTrack{
  align-items:stretch !important;
}

main#top #homeSponsorShowcase .sponsorDynamic{
  height:230px !important;
  min-height:230px !important;
  overflow:hidden !important;
}

main#top #homeSponsorShowcase .sponsorDynamic .sponsorCardLink{
  height:100% !important;
  min-height:230px !important;
  display:grid !important;
  grid-template-columns:minmax(0, 1fr) 40% !important;
  align-items:stretch !important;
  padding:0 !important;
  overflow:hidden !important;
}

main#top #homeSponsorShowcase .sponsorDynamic .sponsorCopy{
  min-width:0 !important;
  height:100% !important;
  padding:22px 20px !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  justify-content:center !important;
  gap:10px !important;
  position:relative !important;
  z-index:2 !important;
}

main#top #homeSponsorShowcase .sponsorDynamic strong{
  max-width:100% !important;
  margin:0 !important;
  display:-webkit-box !important;
  -webkit-box-orient:vertical !important;
  -webkit-line-clamp:2 !important;
  overflow:hidden !important;
  font-size:clamp(24px, 2.2vw, 31px) !important;
  line-height:1.02 !important;
  text-wrap:balance;
}

main#top #homeSponsorShowcase .sponsorDynamic h2{
  max-width:100% !important;
  margin:0 !important;
  display:-webkit-box !important;
  -webkit-box-orient:vertical !important;
  -webkit-line-clamp:3 !important;
  overflow:hidden !important;
  font-size:clamp(15px, 1.45vw, 20px) !important;
  line-height:1.14 !important;
  text-wrap:balance;
}

main#top #homeSponsorShowcase .sponsorDynamic .sponsorButton{
  width:auto !important;
  min-width:150px !important;
  max-width:100% !important;
  min-height:40px !important;
  margin-top:auto !important;
  padding:0 18px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  white-space:normal !important;
  text-align:center !important;
  line-height:1.15 !important;
}

main#top #homeSponsorShowcase .sponsorDynamic .sponsorVisual{
  height:100% !important;
  min-height:230px !important;
  margin:0 !important;
  overflow:hidden !important;
}

main#top #homeSponsorShowcase .sponsorDynamic .sponsorVisual img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
}

@media(max-width:1100px){
  main#top #homeSponsorShowcase .sponsorDynamic{
    height:220px !important;
    min-height:220px !important;
  }

  main#top #homeSponsorShowcase .sponsorDynamic .sponsorCardLink{
    min-height:220px !important;
    grid-template-columns:1fr !important;
  }

  main#top #homeSponsorShowcase .sponsorDynamic .sponsorVisual{
    position:absolute !important;
    inset:0 !important;
    min-height:220px !important;
    opacity:.45 !important;
  }
}

@media(max-width:700px){
  main#top #homeSponsorShowcase .sponsorDynamic,
  main#top #homeSponsorShowcase .sponsorDynamic .sponsorCardLink{
    height:205px !important;
    min-height:205px !important;
  }

  main#top #homeSponsorShowcase .sponsorDynamic .sponsorCopy{
    padding:18px 16px !important;
  }

  main#top #homeSponsorShowcase .sponsorDynamic strong{
    font-size:23px !important;
  }

  main#top #homeSponsorShowcase .sponsorDynamic h2{
    font-size:16px !important;
    -webkit-line-clamp:3 !important;
  }
}

/* === MOBILE HOME: HEADER LIMPO, HERO CENTRALIZADO E BUSCA LEGIVEL === */
@media(max-width:820px){
  body main#top header.topbar.referenceHeader .topSearchDesktop{
    display:none !important;
  }

  body main#top header.topbar.referenceHeader .navShell.referenceHead{
    min-height:112px !important;
    grid-template-columns:minmax(0, 1fr) 58px !important;
    padding:16px 16px 14px !important;
  }

  body main#top header.topbar.referenceHeader .brand{
    justify-self:start !important;
  }

  body main#top header.topbar.referenceHeader .menuButton{
    justify-self:end !important;
  }

  body main#top section.hero{
    min-height:520px !important;
    height:auto !important;
    padding:58px 16px 76px !important;
    display:flex !important;
    align-items:center !important;
  }

  body main#top section.hero::before{
    background:
      linear-gradient(90deg, rgba(239,133,0,.96) 0%, rgba(239,133,0,.92) 54%, rgba(239,133,0,.50) 100%),
      radial-gradient(circle at 8% 18%, rgba(255,255,255,.22) 0 1px, transparent 2px) !important;
    background-size:auto, 14px 14px !important;
  }

  body main#top section.hero .heroContent{
    width:100% !important;
    max-width:560px !important;
    margin:0 auto !important;
    padding:0 !important;
    text-align:center !important;
  }

  body main#top section.hero #hero-title{
    max-width:100% !important;
    margin:0 auto 24px !important;
    text-align:center !important;
    font-size:clamp(34px, 9vw, 46px) !important;
    line-height:1.05 !important;
  }

  body main#top section.hero #hero-title br{
    display:none !important;
  }

  body main#top section.hero .heroContent > p{
    text-align:center !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }

  body main#top section.hero form.searchBox{
    width:100% !important;
    max-width:520px !important;
    margin:0 auto !important;
    grid-template-columns:52px minmax(0,1fr) !important;
    grid-template-rows:56px 58px !important;
    height:auto !important;
    min-height:124px !important;
    border:5px solid rgba(255,255,255,.28) !important;
    border-radius:10px !important;
  }

  body main#top section.hero .searchRow input{
    height:56px !important;
    line-height:56px !important;
    font-size:15px !important;
    text-align:left !important;
  }

  body main#top section.hero .searchRow input::placeholder{
    font-size:14px !important;
  }

  body main#top section.hero .searchRow button{
    grid-column:1 / -1 !important;
    grid-row:2 !important;
    width:100% !important;
    height:58px !important;
    min-height:58px !important;
    border-radius:0 0 6px 6px !important;
    background:#061421 !important;
    color:#fff !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.12) !important;
  }

  body main#top section.hero .searchRow button:hover{
    background:#0b2238 !important;
  }

  body main#top section.hero .referenceFilterButton,
  body main#top section.hero .filterButton{
    width:max-content !important;
    max-width:100% !important;
    margin:20px auto 0 !important;
    justify-content:center !important;
    text-align:center !important;
  }
}

@media(max-width:460px){
  body main#top section.hero{
    min-height:532px !important;
    padding-top:48px !important;
    padding-bottom:70px !important;
  }

  body main#top section.hero #hero-title{
    font-size:34px !important;
  }
}

/* === PECAS E SERVICOS: MENU PADRAO E CADASTRO PUBLICO === */
body.partsPage main#top header.topbar.referenceHeader{
  height:auto !important;
  min-height:auto !important;
  background:#fff !important;
  color:#061421 !important;
}

body.partsPage main#top header.topbar.referenceHeader .navShell.referenceHead{
  min-height:86px !important;
}

body.partsPage main#top header.topbar.referenceHeader nav.navLinks.referenceNav a,
body.partsPage main#top header.topbar.referenceHeader nav.navLinks a{
  color:#061421 !important;
}

body.partsPage main#top header.topbar.referenceHeader nav.navLinks.referenceNav a.active,
body.partsPage main#top header.topbar.referenceHeader nav.navLinks.referenceNav a:hover,
body.partsPage main#top header.topbar.referenceHeader nav.navLinks a.is-active,
body.partsPage main#top header.topbar.referenceHeader nav.navLinks a:hover{
  color:#ef8500 !important;
}

body.partsPage main#top header.topbar.referenceHeader .menuButton{
  color:#061421 !important;
  border-color:#d9e0e7 !important;
}

.partsRegister{
  margin-top:58px;
  margin-bottom:58px;
  display:grid;
  grid-template-columns:.78fr 1.22fr;
  gap:22px;
  align-items:stretch;
}

.partsRegisterCopy,
.partsRegisterForm{
  border:1px solid #dfe5eb;
  border-radius:12px;
  background:#fff;
  box-shadow:0 16px 36px rgba(3,24,45,.06);
}

.partsRegisterCopy{
  padding:34px;
  background:linear-gradient(145deg,#061421,#09233a);
  color:#fff;
  overflow:hidden;
  position:relative;
}

.partsRegisterCopy::after{
  content:"";
  position:absolute;
  right:-80px;
  bottom:-90px;
  width:240px;
  height:240px;
  border-radius:50%;
  background:rgba(239,133,0,.16);
}

.partsRegisterCopy h2{
  margin:12px 0 14px;
  max-width:470px;
  font-size:34px;
  line-height:1.08;
}

.partsRegisterCopy p:not(.eyebrow){
  max-width:520px;
  margin:0;
  color:#d8e4ee;
  font-size:15px;
  line-height:1.55;
}

.partsRegisterCopy ul{
  position:relative;
  z-index:1;
  display:grid;
  gap:10px;
  margin:28px 0 0;
  padding:0;
  list-style:none;
}

.partsRegisterCopy li{
  display:flex;
  gap:10px;
  align-items:flex-start;
  color:#fff;
  font-weight:800;
}

.partsRegisterCopy li::before{
  content:"✓";
  color:#ff8a00;
  font-weight:950;
}

.partsRegisterForm{
  padding:28px;
}

.partsRegisterGrid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}

.partsRegisterGrid label,
.partsRegisterSegments{
  min-width:0;
}

.partsRegisterGrid .wide,
.partsRegisterSegments{
  grid-column:1 / -1;
}

.partsRegisterGrid label span,
.partsRegisterSegments legend{
  display:block;
  margin-bottom:7px;
  color:#465260;
  font-size:11px;
  font-weight:950;
  text-transform:uppercase;
}

.partsRegisterGrid input,
.partsRegisterGrid select,
.partsRegisterGrid textarea{
  width:100%;
  border:1px solid #d7dee6;
  border-radius:9px;
  background:#fff;
  padding:13px 14px;
  color:#061421;
  font-size:14px;
  font-weight:600;
  outline:0;
}

.partsRegisterGrid textarea{
  resize:vertical;
}

.partsRegisterSegments{
  margin:0;
  padding:16px;
  border:1px solid #dfe5eb;
  border-radius:12px;
}

.partsRegisterSegments div{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:9px;
}

.partsRegisterSegments label,
.partsRegisterCheck{
  display:flex !important;
  align-items:center;
  gap:9px;
}

.partsRegisterSegments input,
.partsRegisterCheck input{
  width:18px !important;
  height:18px;
  flex:0 0 auto;
  padding:0;
}

.partsRegisterSegments label span,
.partsRegisterCheck span{
  margin:0;
  color:#465260;
  font-size:12px;
  font-weight:850;
  text-transform:none;
}

.partsRegisterFeedback{
  min-height:22px;
  margin:14px 0 0;
  color:#ef8500;
  font-weight:850;
}

.partsRegisterForm>button{
  width:100%;
  min-height:48px;
  margin-top:10px;
  border:0;
  border-radius:9px;
  background:linear-gradient(135deg,#ff8a00,#ff6200);
  color:#fff;
  font-size:15px;
  font-weight:950;
  cursor:pointer;
}

.partsRegisterForm>button:disabled{
  opacity:.65;
  cursor:wait;
}

@media(max-width:980px){
  .partsRegister{
    grid-template-columns:1fr;
  }

  .partsRegisterSegments div{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media(max-width:700px){
  body.partsPage main#top header.topbar.referenceHeader .topSearchDesktop{
    display:none !important;
  }

  body.partsPage main#top header.topbar.referenceHeader .navShell.referenceHead{
    grid-template-columns:minmax(0,1fr) 58px !important;
    padding:16px !important;
  }

  body.partsPage main#top header.topbar.referenceHeader nav.navLinks{
    top:100% !important;
    left:16px !important;
    right:16px !important;
  }

  .partsRegister{
    margin-top:36px;
    margin-bottom:42px;
  }

  .partsRegisterCopy,
  .partsRegisterForm{
    padding:22px;
  }

  .partsRegisterCopy h2{
    font-size:28px;
  }

  .partsRegisterGrid,
  .partsRegisterSegments div{
    grid-template-columns:1fr;
  }
}

body main#top section.hero .searchRow input{
  font-size:16px !important;
}

body main#top section.hero .searchRow input::placeholder{
  font-size:15px !important;
  color:#6f7c8c !important;
}

@media(max-width:700px){
  body main#top section.hero .searchRow input,
  body main#top section.hero .searchRow input::placeholder{
    font-size:14px !important;
  }
}

main#top .featuredCarousel{
  position:relative !important;
}

main#top #homeFeaturedListings.featuredRail{
  display:flex !important;
  flex-wrap:nowrap !important;
  gap:12px !important;
  overflow-x:auto !important;
  overflow-y:hidden !important;
  scroll-behavior:smooth !important;
  scroll-snap-type:x mandatory !important;
  scrollbar-width:none !important;
  padding:0 0 3px !important;
}

main#top #homeFeaturedListings.featuredRail::-webkit-scrollbar{
  display:none !important;
}

main#top #homeFeaturedListings.featuredRail .productCard,
main#top #homeFeaturedListings.featuredRail .productCard:nth-child(n+5){
  display:block !important;
  flex:0 0 calc((100% - 48px) / 5) !important;
  min-width:0 !important;
  scroll-snap-align:start !important;
}

main#top .featuredArrow{
  top:50% !important;
  transform:translateY(-50%) !important;
  z-index:5 !important;
}

main#top .featuredArrow.left{
  left:-44px !important;
}

main#top .featuredArrow.right{
  right:-44px !important;
}

@media(max-width:1180px){
  main#top #homeFeaturedListings.featuredRail .productCard,
  main#top #homeFeaturedListings.featuredRail .productCard:nth-child(n+5){
    flex-basis:calc((100% - 36px) / 4) !important;
  }
}

@media(max-width:820px){
  main#top #homeFeaturedListings.featuredRail{
    padding:0 3px 8px !important;
  }

  main#top #homeFeaturedListings.featuredRail .productCard,
  main#top #homeFeaturedListings.featuredRail .productCard:nth-child(n+5){
    flex-basis:230px !important;
    min-width:230px !important;
  }

  main#top .featuredArrow.left{
    left:6px !important;
  }

  main#top .featuredArrow.right{
    right:6px !important;
  }
}

main#top .topWelcomeBar{
  width:100% !important;
  height:36px !important;
  background:#111820 !important;
  color:#fff !important;
  display:flex !important;
  align-items:center !important;
  border-bottom:1px solid rgba(255,255,255,.08) !important;
}

main#top .topWelcomeInner{
  width:min(1260px,calc(100% - 42px)) !important;
  margin:0 auto !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:14px !important;
  min-width:0 !important;
  font-family:Arial,Helvetica,sans-serif !important;
  font-size:12px !important;
  line-height:1 !important;
  white-space:nowrap !important;
}

main#top .topWelcomeInner strong{
  color:#ff8a00 !important;
  font-size:12px !important;
  font-weight:900 !important;
  text-transform:uppercase !important;
}

main#top .topWelcomeInner span{
  color:#d8dee6 !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}

main#top .topWelcomeInner a{
  color:#fff !important;
  background:#ef8500 !important;
  border-radius:4px !important;
  padding:8px 12px !important;
  font-size:11px !important;
  font-weight:900 !important;
  text-decoration:none !important;
  flex:0 0 auto !important;
}

main#top .topWelcomeInner a:hover{
  background:#ff9b19 !important;
}

@media(max-width:760px){
  main#top .topWelcomeBar{
    height:34px !important;
  }

  main#top .topWelcomeInner{
    width:min(100% - 24px,1260px) !important;
    justify-content:flex-start !important;
    gap:8px !important;
    font-size:11px !important;
  }

  main#top .topWelcomeInner strong{
    font-size:11px !important;
  }

  main#top .topWelcomeInner a{
    display:none !important;
  }
}

@media(max-width:480px){
  main#top .topWelcomeInner span{
    display:none !important;
  }
}

/* === MENU PUBLICO PADRAO DO LOCALIZA MAQUINAS === */
header.topbar.siteTopbar,
body main#top header.topbar.siteTopbar,
body:has(.results-page) header.topbar.siteTopbar{
  position:relative !important;
  z-index:1000 !important;
  width:100% !important;
  height:86px !important;
  min-height:86px !important;
  padding:0 !important;
  border:0 !important;
  background:#06111d !important;
  color:#fff !important;
  box-shadow:0 12px 28px rgba(0,0,0,.16) !important;
}

header.topbar.siteTopbar .navShell,
body main#top header.topbar.siteTopbar .navShell,
body:has(.results-page) header.topbar.siteTopbar .navShell{
  width:min(1540px,calc(100% - 56px)) !important;
  height:100% !important;
  margin:0 auto !important;
  display:flex !important;
  align-items:center !important;
  gap:28px !important;
  padding:0 !important;
  overflow:visible !important;
}

header.topbar.siteTopbar .brand,
body main#top header.topbar.siteTopbar .brand{
  width:auto !important;
  min-width:205px !important;
  height:auto !important;
  display:flex !important;
  align-items:center !important;
  gap:9px !important;
  padding:0 !important;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  color:#fff !important;
  transition:transform .2s ease,opacity .2s ease !important;
}

header.topbar.siteTopbar .brand:hover,
body main#top header.topbar.siteTopbar .brand:hover{
  transform:translateY(-1px) !important;
  opacity:.92 !important;
}

header.topbar.siteTopbar .brandLogoMark,
body main#top header.topbar.siteTopbar .brandLogoMark,
body:has(.results-page) header.topbar.siteTopbar .brandLogoMark{
  width:48px !important;
  height:48px !important;
  flex:0 0 48px !important;
  object-fit:contain !important;
  filter:brightness(0) invert(1) !important;
}

header.topbar.siteTopbar .brand span,
body main#top header.topbar.siteTopbar .brand span{
  display:flex !important;
  flex-direction:column !important;
  gap:0 !important;
  line-height:.86 !important;
}

header.topbar.siteTopbar .brand strong,
header.topbar.siteTopbar .brand b,
body main#top header.topbar.siteTopbar .brand strong,
body main#top header.topbar.siteTopbar .brand b{
  display:block !important;
  color:#fff !important;
  font-family:Arial,Helvetica,sans-serif !important;
  font-size:23px !important;
  line-height:.88 !important;
  font-weight:900 !important;
  letter-spacing:-.02em !important;
}

header.topbar.siteTopbar .brand b,
body main#top header.topbar.siteTopbar .brand b{
  color:#ff7a00 !important;
}

header.topbar.siteTopbar .navLinks,
body main#top header.topbar.siteTopbar .navLinks,
body:has(.results-page) header.topbar.siteTopbar .navLinks{
  position:static !important;
  flex:1 1 auto !important;
  min-width:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:22px !important;
  padding:0 !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}

header.topbar.siteTopbar .navLinks a,
body main#top header.topbar.siteTopbar .navLinks a,
body:has(.results-page) header.topbar.siteTopbar .navLinks a{
  position:relative !important;
  display:inline-flex !important;
  align-items:center !important;
  min-height:32px !important;
  padding:0 !important;
  color:#fff !important;
  font-size:14px !important;
  font-weight:800 !important;
  line-height:1 !important;
  white-space:nowrap !important;
  opacity:.92 !important;
}

header.topbar.siteTopbar .navLinks a::after,
body main#top header.topbar.siteTopbar .navLinks a::after{
  content:"" !important;
  position:absolute !important;
  left:0 !important;
  right:0 !important;
  bottom:-8px !important;
  height:2px !important;
  background:#ff7a00 !important;
  transform:scaleX(0) !important;
  transform-origin:center !important;
  transition:transform .2s ease !important;
}

header.topbar.siteTopbar .navLinks a:hover,
header.topbar.siteTopbar .navLinks a.is-active,
header.topbar.siteTopbar .navLinks a.active,
body main#top header.topbar.siteTopbar .navLinks a:hover,
body main#top header.topbar.siteTopbar .navLinks a.is-active,
body main#top header.topbar.siteTopbar .navLinks a.active{
  color:#fff !important;
  opacity:1 !important;
}

header.topbar.siteTopbar .navLinks a:hover::after,
header.topbar.siteTopbar .navLinks a.is-active::after,
header.topbar.siteTopbar .navLinks a.active::after,
body main#top header.topbar.siteTopbar .navLinks a:hover::after,
body main#top header.topbar.siteTopbar .navLinks a.is-active::after,
body main#top header.topbar.siteTopbar .navLinks a.active::after{
  transform:scaleX(1) !important;
}

header.topbar.siteTopbar .navActions,
body main#top header.topbar.siteTopbar .navActions{
  display:flex !important;
  align-items:center !important;
  gap:12px !important;
  flex:0 0 auto !important;
}

header.topbar.siteTopbar .iconButton,
body main#top header.topbar.siteTopbar .iconButton{
  width:42px !important;
  height:42px !important;
  display:grid !important;
  place-items:center !important;
  color:#fff !important;
  background:transparent !important;
  border:0 !important;
  font-size:20px !important;
}

header.topbar.siteTopbar .loginButton,
header.topbar.siteTopbar .announceButton,
body main#top header.topbar.siteTopbar .loginButton,
body main#top header.topbar.siteTopbar .announceButton{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:52px !important;
  border-radius:8px !important;
  padding:0 22px !important;
  border:1px solid rgba(255,255,255,.28) !important;
  font-size:16px !important;
  font-weight:900 !important;
  line-height:1 !important;
  white-space:nowrap !important;
  cursor:pointer !important;
}

header.topbar.siteTopbar .loginButton,
body main#top header.topbar.siteTopbar .loginButton{
  background:#fff !important;
  color:#06111d !important;
}

header.topbar.siteTopbar .announceButton,
body main#top header.topbar.siteTopbar .announceButton{
  background:#ff7900 !important;
  color:#fff !important;
  border-color:#ff7900 !important;
}

header.topbar.siteTopbar .loginButton:hover,
header.topbar.siteTopbar .announceButton:hover,
body main#top header.topbar.siteTopbar .loginButton:hover,
body main#top header.topbar.siteTopbar .announceButton:hover{
  transform:translateY(-1px) !important;
}

header.topbar.siteTopbar .menuButton,
body main#top header.topbar.siteTopbar .menuButton{
  display:none !important;
  width:46px !important;
  height:46px !important;
  place-items:center !important;
  border:1px solid rgba(255,255,255,.2) !important;
  border-radius:8px !important;
  background:rgba(255,255,255,.06) !important;
  color:#fff !important;
  font-size:24px !important;
  line-height:1 !important;
}

@media(max-width:1260px){
  header.topbar.siteTopbar .navShell,
  body main#top header.topbar.siteTopbar .navShell{
    width:min(100% - 32px,1540px) !important;
    gap:18px !important;
  }

  header.topbar.siteTopbar .brand,
  body main#top header.topbar.siteTopbar .brand{
    min-width:178px !important;
  }

  header.topbar.siteTopbar .brandLogoMark,
  body main#top header.topbar.siteTopbar .brandLogoMark{
    width:42px !important;
    height:42px !important;
    flex-basis:42px !important;
  }

  header.topbar.siteTopbar .brand strong,
  header.topbar.siteTopbar .brand b,
  body main#top header.topbar.siteTopbar .brand strong,
  body main#top header.topbar.siteTopbar .brand b{
    font-size:19px !important;
  }

  header.topbar.siteTopbar .navLinks,
  body main#top header.topbar.siteTopbar .navLinks{
    gap:14px !important;
  }

  header.topbar.siteTopbar .navLinks a,
  body main#top header.topbar.siteTopbar .navLinks a{
    font-size:12px !important;
  }

  header.topbar.siteTopbar .loginButton,
  header.topbar.siteTopbar .announceButton,
  body main#top header.topbar.siteTopbar .loginButton,
  body main#top header.topbar.siteTopbar .announceButton{
    min-height:46px !important;
    padding-inline:16px !important;
    font-size:14px !important;
  }
}

@media(max-width:980px){
  header.topbar.siteTopbar,
  body main#top header.topbar.siteTopbar,
  body:has(.results-page) header.topbar.siteTopbar{
    height:72px !important;
    min-height:72px !important;
  }

  header.topbar.siteTopbar .navShell,
  body main#top header.topbar.siteTopbar .navShell{
    width:calc(100% - 28px) !important;
  }

  header.topbar.siteTopbar .menuButton,
  body main#top header.topbar.siteTopbar .menuButton{
    display:grid !important;
    margin-left:auto !important;
  }

  header.topbar.siteTopbar .navLinks,
  body main#top header.topbar.siteTopbar .navLinks,
  body:has(.results-page) header.topbar.siteTopbar .navLinks{
    position:absolute !important;
    top:72px !important;
    left:14px !important;
    right:14px !important;
    z-index:1200 !important;
    display:none !important;
    flex-direction:column !important;
    align-items:stretch !important;
    justify-content:flex-start !important;
    gap:0 !important;
    padding:10px !important;
    border:1px solid rgba(255,255,255,.1) !important;
    border-radius:0 0 14px 14px !important;
    background:#071623 !important;
    box-shadow:0 20px 34px rgba(0,0,0,.36) !important;
  }

  header.topbar.siteTopbar .navLinks.open,
  body main#top header.topbar.siteTopbar .navLinks.open,
  body:has(.results-page) header.topbar.siteTopbar .navLinks.open{
    display:flex !important;
  }

  header.topbar.siteTopbar .navLinks a,
  body main#top header.topbar.siteTopbar .navLinks a,
  body:has(.results-page) header.topbar.siteTopbar .navLinks a{
    min-height:46px !important;
    padding:0 12px !important;
    border-radius:8px !important;
    font-size:14px !important;
  }

  header.topbar.siteTopbar .navLinks a::after,
  body main#top header.topbar.siteTopbar .navLinks a::after{
    display:none !important;
  }

  header.topbar.siteTopbar .navLinks a.is-active,
  header.topbar.siteTopbar .navLinks a.active,
  body main#top header.topbar.siteTopbar .navLinks a.is-active,
  body main#top header.topbar.siteTopbar .navLinks a.active{
    background:rgba(255,122,0,.14) !important;
    color:#ff9b2d !important;
  }

  header.topbar.siteTopbar .navActions,
  body main#top header.topbar.siteTopbar .navActions{
    display:flex !important;
    gap:8px !important;
  }

  header.topbar.siteTopbar .iconButton,
  body main#top header.topbar.siteTopbar .iconButton{
    display:none !important;
  }

  header.topbar.siteTopbar .announceButton,
  body main#top header.topbar.siteTopbar .announceButton{
    display:none !important;
  }
}

@media(max-width:560px){
  header.topbar.siteTopbar .brand,
  body main#top header.topbar.siteTopbar .brand{
    min-width:150px !important;
  }

  header.topbar.siteTopbar .brandLogoMark,
  body main#top header.topbar.siteTopbar .brandLogoMark{
    width:36px !important;
    height:36px !important;
    flex-basis:36px !important;
  }

  header.topbar.siteTopbar .brand strong,
  header.topbar.siteTopbar .brand b,
  body main#top header.topbar.siteTopbar .brand strong,
  body main#top header.topbar.siteTopbar .brand b{
    font-size:16px !important;
  }

  header.topbar.siteTopbar .loginButton,
  body main#top header.topbar.siteTopbar .loginButton{
    min-height:42px !important;
    padding-inline:13px !important;
    font-size:13px !important;
  }
}

/* === FINAL ABSOLUTO: HOME CORRIGIDA PELO COMANDO ATUAL === */
html body main#top section.hero{
  overflow:visible !important;
  z-index:300 !important;
}

html body main#top section.hero .heroContent{
  overflow:visible !important;
  z-index:400 !important;
}

html body main#top section.hero form.searchBox{
  overflow:visible !important;
  z-index:500 !important;
}

html body main#top section.hero .searchAutocomplete{
  z-index:999999 !important;
  top:74px !important;
  background:#fff !important;
  border-radius:0 0 7px 7px !important;
  box-shadow:0 22px 45px rgba(0,0,0,.28) !important;
}

html body main#top section.referenceBenefits{
  z-index:1 !important;
}

html body main#top #categoryStrip.categoryStrip{
  display:none !important;
}

html body main#top #homeSponsorShowcase.sponsorShowcase{
  display:block !important;
  width:min(1200px,calc(100% - 42px)) !important;
  margin:26px auto 8px !important;
  padding:0 44px !important;
  overflow:visible !important;
}

html body main#top #homeSponsorShowcase .sponsorTrack{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:8px !important;
  overflow:hidden !important;
}

html body main#top #homeSponsorShowcase .sponsorDynamic{
  height:230px !important;
  min-height:230px !important;
  padding:0 !important;
  overflow:hidden !important;
}

html body main#top #homeSponsorShowcase .sponsorCardLink{
  position:relative !important;
  display:flex !important;
  height:100% !important;
  padding:0 !important;
  overflow:hidden !important;
}

html body main#top #homeSponsorShowcase .sponsorCardLink::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  z-index:1 !important;
  background:linear-gradient(90deg,rgba(0,17,34,.94),rgba(0,17,34,.68) 52%,rgba(0,17,34,.16)) !important;
}

html body main#top #homeSponsorShowcase .sponsorVisual{
  position:absolute !important;
  inset:0 !important;
  z-index:0 !important;
  margin:0 !important;
}

html body main#top #homeSponsorShowcase .sponsorVisual img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
}

html body main#top #homeSponsorShowcase .sponsorCopy{
  position:relative !important;
  z-index:2 !important;
  width:60% !important;
  padding:28px 24px !important;
  justify-content:center !important;
}

html body main#top #homeSponsorShowcase .sponsorCopy p{
  display:none !important;
}

html body main#top .productRail{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:16px !important;
  overflow:visible !important;
}

html body main#top .productImage{
  height:185px !important;
}

html body main#top .productImage img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
}

html body main#top .productBody h3{
  height:42px !important;
  font-size:15px !important;
  line-height:1.3 !important;
}

@media(max-width:700px){
  html body main#top section.hero .searchAutocomplete{
    top:126px !important;
  }

  html body main#top #homeSponsorShowcase.sponsorShowcase{
    width:calc(100% - 28px) !important;
    padding:0 !important;
  }

  html body main#top #homeSponsorShowcase .sponsorTrack{
    grid-template-columns:1fr !important;
  }

  html body main#top #homeSponsorShowcase .sponsorTrack .sponsorDynamic:nth-child(n+2){
    display:none !important;
  }
}

/* === OVERRIDES FINAIS DO TURNO: ESTES PRECISAM FICAR NO FIM REAL DO CSS === */
body main#top section.hero,
body main#top section.hero .heroContent,
body main#top section.hero form.searchBox{
  overflow:visible !important;
}

body main#top section.hero{z-index:300 !important;}
body main#top section.hero .heroContent{z-index:400 !important;}
body main#top section.hero form.searchBox{z-index:500 !important;}

body main#top section.hero .searchAutocomplete{
  z-index:999999 !important;
  top:74px !important;
  max-height:250px !important;
  background:#fff !important;
  border-radius:0 0 7px 7px !important;
  box-shadow:0 22px 45px rgba(0,0,0,.28) !important;
}

body main#top section.referenceBenefits{
  position:relative !important;
  z-index:1 !important;
}

body main#top #categoryStrip.categoryStrip,
body .categoryStrip#categoryStrip{
  display:none !important;
}

body main#top #homeSponsorShowcase.sponsorShowcase{
  width:min(1200px,calc(100% - 42px)) !important;
  margin:26px auto 8px !important;
  padding:0 44px !important;
  display:block !important;
  position:relative !important;
  overflow:visible !important;
}

body main#top #homeSponsorShowcase .sponsorTrack{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:8px !important;
  overflow:hidden !important;
}

body main#top #homeSponsorShowcase .sponsorDynamic{
  height:230px !important;
  min-height:230px !important;
  padding:0 !important;
  margin:0 !important;
  border-radius:7px !important;
  overflow:hidden !important;
}

body main#top #homeSponsorShowcase .sponsorCardLink{
  position:relative !important;
  display:flex !important;
  width:100% !important;
  height:100% !important;
  padding:0 !important;
  overflow:hidden !important;
}

body main#top #homeSponsorShowcase .sponsorCardLink::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  z-index:1 !important;
  background:linear-gradient(90deg,rgba(0,17,34,.94),rgba(0,17,34,.68) 52%,rgba(0,17,34,.16)) !important;
}

body main#top #homeSponsorShowcase .sponsorVisual{
  position:absolute !important;
  inset:0 !important;
  z-index:0 !important;
  margin:0 !important;
}

body main#top #homeSponsorShowcase .sponsorVisual img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
}

body main#top #homeSponsorShowcase .sponsorCopy{
  position:relative !important;
  z-index:2 !important;
  width:60% !important;
  padding:28px 24px !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  align-items:flex-start !important;
}

body main#top #homeSponsorShowcase .sponsorCopy strong{
  color:#fff !important;
  font-size:24px !important;
  line-height:1 !important;
}

body main#top #homeSponsorShowcase .sponsorCopy h2{
  max-width:260px !important;
  margin:13px 0 18px !important;
  color:#fff !important;
  font-size:21px !important;
  line-height:1.12 !important;
}

body main#top #homeSponsorShowcase .sponsorCopy p{
  display:none !important;
}

body main#top #homeSponsorShowcase .sponsorButton{
  border-radius:5px !important;
  padding:12px 18px !important;
  background:#fff !important;
  color:#06192b !important;
  font-size:13px !important;
  font-weight:900 !important;
}

body main#top #homeSponsorShowcase .sponsorTone2 .sponsorButton{
  background:#ffb000 !important;
}

body main#top #homeSponsorShowcase .roundArrow.left{left:0 !important;}
body main#top #homeSponsorShowcase .roundArrow.right{right:0 !important;}

body main#top .productRail{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:16px !important;
  overflow:visible !important;
}

body main#top .productImage{
  height:185px !important;
}

body main#top .productImage img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
}

body main#top .productImage .badge{
  left:10px !important;
  top:10px !important;
  border-radius:4px !important;
  padding:8px 10px !important;
  font-size:11px !important;
  line-height:1 !important;
}

body main#top .productHeart{
  position:absolute !important;
  top:10px !important;
  right:10px !important;
  width:34px !important;
  height:34px !important;
  display:grid !important;
  place-items:center !important;
  border-radius:50% !important;
  background:#fff !important;
  color:#06192b !important;
  font-size:20px !important;
}

body main#top .productBody{
  padding:14px 13px !important;
}

body main#top .productBody h3{
  height:42px !important;
  margin:0 0 8px !important;
  font-size:15px !important;
  line-height:1.3 !important;
}

body main#top .productBody p{
  height:17px !important;
  font-size:12px !important;
  line-height:17px !important;
}

body main#top .productBody > strong{
  font-size:22px !important;
}

@media(max-width:980px){
  body main#top #homeSponsorShowcase .sponsorTrack{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
  body main#top #homeSponsorShowcase .sponsorTrack .sponsorDynamic:nth-child(3){display:none !important;}
  body main#top .productRail{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
}

@media(max-width:700px){
  body main#top section.hero .searchAutocomplete{top:126px !important;}
  body main#top #homeSponsorShowcase.sponsorShowcase{width:calc(100% - 28px) !important;padding:0 !important;}
  body main#top #homeSponsorShowcase .sponsorTrack{grid-template-columns:1fr !important;}
  body main#top #homeSponsorShowcase .sponsorTrack .sponsorDynamic:nth-child(n+2){display:none !important;}
  body main#top #homeSponsorShowcase .roundArrow{display:none !important;}
  body main#top .productRail{display:flex !important;overflow-x:auto !important;scroll-snap-type:x mandatory !important;}
  body main#top .productCard,
  body main#top .productCard:nth-child(n+5){min-width:230px !important;scroll-snap-align:start !important;}
  body main#top .productImage{height:150px !important;}
}

/* === AJUSTES FINAIS HOME: AUTOCOMPLETE, PATROCINADOS E CARDS === */
body main#top section.hero{
  overflow:visible !important;
  position:relative !important;
  z-index:30 !important;
}

body main#top section.hero .heroContent{
  position:relative !important;
  z-index:40 !important;
}

body main#top section.hero form.searchBox{
  position:relative !important;
  z-index:70 !important;
}

body main#top section.hero .searchAutocomplete{
  z-index:99999 !important;
  top:74px !important;
  max-height:250px !important;
  border-radius:0 0 7px 7px !important;
  box-shadow:0 18px 40px rgba(0,0,0,.24) !important;
}

body main#top section.referenceBenefits{
  position:relative !important;
  z-index:1 !important;
}

main#top #categoryStrip.categoryStrip{
  display:none !important;
}

main#top #homeSponsorShowcase.sponsorShowcase{
  width:min(1200px,calc(100% - 42px)) !important;
  margin:26px auto 8px !important;
  padding:0 44px !important;
  display:block !important;
  position:relative !important;
  overflow:visible !important;
}

main#top #homeSponsorShowcase .sponsorTrack{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:8px !important;
  overflow:hidden !important;
}

main#top #homeSponsorShowcase .sponsorDynamic{
  min-width:0 !important;
  height:230px !important;
  min-height:230px !important;
  margin:0 !important;
  padding:0 !important;
  border-radius:7px !important;
  overflow:hidden !important;
  background:#07192b !important;
  box-shadow:none !important;
}

main#top #homeSponsorShowcase .sponsorCardLink{
  position:relative !important;
  display:flex !important;
  height:100% !important;
  width:100% !important;
  padding:0 !important;
  color:#fff !important;
  text-decoration:none !important;
  overflow:hidden !important;
}

main#top #homeSponsorShowcase .sponsorCardLink::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  z-index:1 !important;
  background:linear-gradient(90deg,rgba(0,17,34,.94),rgba(0,17,34,.68) 50%,rgba(0,17,34,.16)) !important;
}

main#top #homeSponsorShowcase .sponsorVisual{
  position:absolute !important;
  inset:0 !important;
  z-index:0 !important;
  margin:0 !important;
  width:100% !important;
  height:100% !important;
}

main#top #homeSponsorShowcase .sponsorVisual img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
}

main#top #homeSponsorShowcase .sponsorCopy{
  position:relative !important;
  z-index:2 !important;
  width:60% !important;
  padding:28px 24px !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  justify-content:center !important;
}

main#top #homeSponsorShowcase .sponsorCopy strong{
  display:block !important;
  color:#fff !important;
  font-size:24px !important;
  line-height:1 !important;
  letter-spacing:.01em !important;
}

main#top #homeSponsorShowcase .sponsorCopy h2{
  max-width:260px !important;
  margin:13px 0 18px !important;
  color:#fff !important;
  font-size:21px !important;
  line-height:1.12 !important;
  font-weight:900 !important;
}

main#top #homeSponsorShowcase .sponsorCopy p{
  display:none !important;
}

main#top #homeSponsorShowcase .sponsorButton{
  border:0 !important;
  border-radius:5px !important;
  padding:12px 18px !important;
  background:#fff !important;
  color:#06192b !important;
  font-size:13px !important;
  font-weight:900 !important;
}

main#top #homeSponsorShowcase .sponsorTone2 .sponsorButton{
  background:#ffb000 !important;
}

main#top #homeSponsorShowcase .roundArrow{
  top:50% !important;
  width:38px !important;
  height:38px !important;
  background:#fff !important;
  color:#07192b !important;
  border:1px solid #dfe5eb !important;
  box-shadow:0 8px 20px rgba(2,20,39,.14) !important;
}

main#top #homeSponsorShowcase .roundArrow.left{left:0 !important;}
main#top #homeSponsorShowcase .roundArrow.right{right:0 !important;}

main#top .productRail{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:16px !important;
  overflow:visible !important;
}

main#top .productCard{
  min-width:0 !important;
  display:block !important;
  border:1px solid #dce2e8 !important;
  border-radius:9px !important;
  background:#fff !important;
  color:#06192b !important;
  overflow:hidden !important;
  text-decoration:none !important;
  box-shadow:0 2px 8px rgba(2,20,39,.06) !important;
}

main#top .productCard:hover{
  transform:translateY(-3px) !important;
  box-shadow:0 12px 28px rgba(2,20,39,.14) !important;
}

main#top .productImage{
  height:185px !important;
  position:relative !important;
  background:#cfe1eb !important;
}

main#top .productImage img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
}

main#top .productImage .badge{
  left:10px !important;
  top:10px !important;
  border-radius:4px !important;
  padding:8px 10px !important;
  color:#fff !important;
  font-size:11px !important;
  line-height:1 !important;
  font-weight:900 !important;
}

main#top .productImage .badgeSUPERDESTAQUE{background:#ef8500 !important;}
main#top .productImage .badgeDESTAQUE{background:#069b51 !important;}
main#top .productImage .badgeSIMPLES{background:#66717f !important;}

main#top .productHeart{
  position:absolute !important;
  right:10px !important;
  top:10px !important;
  width:34px !important;
  height:34px !important;
  display:grid !important;
  place-items:center !important;
  border-radius:50% !important;
  background:#fff !important;
  color:#06192b !important;
  font-size:20px !important;
  font-weight:800 !important;
  box-shadow:0 4px 12px rgba(2,20,39,.12) !important;
}

main#top .productBody{
  padding:14px 13px !important;
}

main#top .productBody h3{
  height:42px !important;
  margin:0 0 8px !important;
  color:#06192b !important;
  font-size:15px !important;
  line-height:1.3 !important;
  font-weight:900 !important;
  overflow:hidden !important;
}

main#top .productBody p{
  height:17px !important;
  margin:0 0 10px !important;
  color:#657080 !important;
  font-size:12px !important;
  line-height:17px !important;
}

main#top .productBody > strong{
  display:block !important;
  margin:0 0 8px !important;
  color:#06192b !important;
  font-size:22px !important;
  line-height:1.1 !important;
  font-weight:900 !important;
}

main#top .productBody footer{
  display:flex !important;
  justify-content:space-between !important;
  gap:12px !important;
  color:#657080 !important;
  font-size:12px !important;
}

@media(max-width:980px){
  main#top #homeSponsorShowcase .sponsorTrack{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }

  main#top #homeSponsorShowcase .sponsorTrack .sponsorDynamic:nth-child(3){
    display:none !important;
  }

  main#top .productRail{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}

@media(max-width:700px){
  body main#top section.hero .searchAutocomplete{
    top:126px !important;
  }

  main#top #homeSponsorShowcase.sponsorShowcase{
    width:calc(100% - 28px) !important;
    padding:0 !important;
    margin-top:18px !important;
  }

  main#top #homeSponsorShowcase .sponsorTrack{
    grid-template-columns:1fr !important;
  }

  main#top #homeSponsorShowcase .sponsorTrack .sponsorDynamic:nth-child(n+2){
    display:none !important;
  }

  main#top #homeSponsorShowcase .roundArrow{
    display:none !important;
  }

  main#top .productRail{
    display:flex !important;
    gap:12px !important;
    overflow-x:auto !important;
    scroll-snap-type:x mandatory !important;
    padding-bottom:8px !important;
  }

  main#top .productCard,
  main#top .productCard:nth-child(n+5){
    min-width:230px !important;
    scroll-snap-align:start !important;
  }

  main#top .productImage{
    height:150px !important;
  }
}

/* === ULTIMA REGRA DO ARQUIVO: LUPA PEQUENA NO CAMPO PRINCIPAL === */
body main#top section.hero .searchMagnifier{
  width:24px !important;
  height:24px !important;
  place-self:center !important;
  align-self:center !important;
  justify-self:center !important;
}

@media(max-width:700px){
  body main#top section.hero .searchMagnifier{
    width:22px !important;
    height:22px !important;
  }
}

/* Ajuste final: a lupa do campo principal e o proprio SVG. */
body main#top section.hero .searchMagnifier{
  width:24px !important;
  height:24px !important;
  place-self:center !important;
  align-self:center !important;
  justify-self:center !important;
}

@media(max-width:700px){
  body main#top section.hero .searchMagnifier{
    width:22px !important;
    height:22px !important;
  }
}

/* === OVERRIDE FINALISSIMO: CAMPO PRINCIPAL NO FORMATO DA REFERENCIA === */
body main#top section.hero form.searchBox{
  position:relative !important;
  display:grid !important;
  grid-template-columns:72px minmax(0,1fr) 132px !important;
  grid-template-rows:54px !important;
  width:min(800px,70%) !important;
  height:64px !important;
  padding:0 !important;
  overflow:visible !important;
  background:#fff !important;
  border:5px solid rgba(255,255,255,.28) !important;
  border-radius:10px !important;
}

body main#top section.hero form.searchBox > label{
  position:absolute !important;
  width:1px !important;
  height:1px !important;
  margin:-1px !important;
  padding:0 !important;
  overflow:hidden !important;
  clip:rect(0,0,0,0) !important;
  white-space:nowrap !important;
}

body main#top section.hero .searchRow{
  display:contents !important;
}

body main#top section.hero .searchMagnifier{
  grid-column:1 !important;
  grid-row:1 !important;
  width:72px !important;
  height:54px !important;
  margin:0 !important;
  display:grid !important;
  place-self:stretch !important;
  place-items:center !important;
  color:#536173 !important;
  position:static !important;
  transform:none !important;
}

body main#top section.hero .searchRow input{
  grid-column:2 !important;
  grid-row:1 !important;
  width:100% !important;
  height:54px !important;
  padding:0 18px 0 0 !important;
  border:0 !important;
  outline:0 !important;
  background:transparent !important;
  color:#65717f !important;
  font-size:16px !important;
  line-height:54px !important;
}

body main#top section.hero .searchRow input::placeholder{
  color:#6f7c8c !important;
  font-size:15px !important;
  font-weight:400 !important;
  opacity:1 !important;
}

body main#top section.hero .searchRow input::placeholder{
  color:#6f7c8c !important;
  opacity:1 !important;
  font-weight:400 !important;
}

body main#top section.hero .searchRow button{
  grid-column:3 !important;
  grid-row:1 !important;
  width:132px !important;
  height:54px !important;
  min-height:54px !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 5px 5px 0 !important;
  align-self:stretch !important;
  position:static !important;
  transform:none !important;
  background:#ef8500 !important;
  box-shadow:none !important;
}

body main#top section.hero .searchAutocomplete{
  top:76px !important;
  left:0 !important;
  right:0 !important;
  z-index:80 !important;
  max-height:280px !important;
  overflow:auto !important;
}

@media(max-width:700px){
  body main#top section.hero form.searchBox{
    grid-template-columns:52px minmax(0,1fr) !important;
    grid-template-rows:54px 52px !important;
    width:100% !important;
    height:116px !important;
  }

  body main#top section.hero .searchMagnifier{
    grid-column:1 !important;
    grid-row:1 !important;
    width:52px !important;
    height:54px !important;
  }

  body main#top section.hero .searchMagnifier svg{
    width:22px !important;
    height:22px !important;
  }

  body main#top section.hero .searchRow input{
    grid-column:2 !important;
    grid-row:1 !important;
    height:54px !important;
    font-size:14px !important;
  }

  body main#top section.hero .searchRow input::placeholder{
    font-size:14px !important;
  }

  body main#top section.hero .searchRow button{
    grid-column:1 / 3 !important;
    grid-row:2 !important;
    width:100% !important;
    height:52px !important;
    min-height:52px !important;
    border-radius:0 0 5px 5px !important;
  }

  body main#top section.hero .searchAutocomplete{
    top:128px !important;
  }
}

/* === AJUSTE DEFINITIVO MOBILE HOME === */
@media(max-width:700px){
  body main#top header.topbar.referenceHeader .topSearchDesktop{
    display:none !important;
    visibility:hidden !important;
    width:0 !important;
    height:0 !important;
    overflow:hidden !important;
    pointer-events:none !important;
  }

  body main#top header.topbar.referenceHeader .navShell.referenceHead{
    grid-template-columns:minmax(0,1fr) auto !important;
    align-items:center !important;
    gap:12px !important;
  }

  body main#top section.hero{
    height:auto !important;
    min-height:530px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    text-align:center !important;
    background-position:center center !important;
  }

  body main#top section.hero .heroContent{
    width:100% !important;
    min-height:0 !important;
    padding:54px 16px 72px !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    text-align:center !important;
  }

  body main#top section.hero h1{
    width:100% !important;
    max-width:520px !important;
    margin:0 auto 24px !important;
    text-align:center !important;
    font-size:clamp(31px,8.6vw,42px) !important;
    line-height:1.08 !important;
  }

  body main#top section.hero form.searchBox{
    width:min(100%,500px) !important;
    max-width:500px !important;
    margin:0 auto !important;
  }

  body main#top section.hero .searchRow button{
    background:#071728 !important;
    color:#fff !important;
    border:0 !important;
    box-shadow:none !important;
  }

  body main#top section.hero .referenceFilterButton{
    margin:18px auto 0 !important;
    align-self:center !important;
    justify-content:center !important;
    text-align:center !important;
  }
}

@media(max-width:420px){
  body main#top section.hero h1{
    font-size:31px !important;
  }

  body main#top section.hero .heroContent{
    padding-top:42px !important;
  }

  body main#top section.hero .searchRow input{
    font-size:14px !important;
  }
}

/* Acoes do menu mobile: favoritos e login dentro do menu hamburguer */
.navLinks .mobileMenuActions {
  display: none;
}

.navLinks .mobileMenuAction {
  font-family: inherit;
}

@media (max-width: 980px) {
  header.topbar .navLinks .mobileMenuActions,
  body main#top header.topbar .navLinks .mobileMenuActions,
  body main#top header.topbar.referenceHeader nav.navLinks.referenceNav .mobileMenuActions,
  body:has(.results-page) header.topbar .navLinks .mobileMenuActions {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
    padding: 10px 2px 2px !important;
    margin-top: 6px !important;
    border-top: 1px solid rgba(255, 255, 255, .14) !important;
  }

  header.topbar .navLinks .mobileMenuAction,
  body main#top header.topbar .navLinks .mobileMenuAction,
  body main#top header.topbar.referenceHeader nav.navLinks.referenceNav .mobileMenuAction,
  body:has(.results-page) header.topbar .navLinks .mobileMenuAction {
    min-height: 44px !important;
    width: 100% !important;
    padding: 0 12px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    border: 1px solid rgba(255, 255, 255, .18) !important;
    border-radius: 8px !important;
    background: rgba(255, 255, 255, .08) !important;
    color: #fff !important;
    font-size: 14px !important;
    font-weight: 850 !important;
    text-align: center !important;
    text-decoration: none !important;
    cursor: pointer !important;
  }

  .navLinks .mobileMenuAction span {
    color: #ff8500 !important;
    font-size: 16px !important;
    line-height: 1 !important;
  }
}

/* === AJUSTE FINAL RESPONSIVO SOLICITADO === */
@media(max-width:820px){
  body main#top header.topbar.referenceHeader .topSearchDesktop{
    display:none !important;
  }

  body main#top header.topbar.referenceHeader .navShell.referenceHead{
    grid-template-columns:minmax(0,1fr) auto !important;
    align-items:center !important;
  }

  body main#top section.hero{
    height:auto !important;
    min-height:545px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    text-align:center !important;
  }

  body main#top section.hero .heroContent{
    width:100% !important;
    min-height:0 !important;
    padding:56px 16px 74px !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    text-align:center !important;
  }

  body main#top section.hero h1{
    width:100% !important;
    max-width:520px !important;
    margin:0 auto 20px !important;
    text-align:center !important;
    font-size:clamp(30px,8vw,42px) !important;
    line-height:1.08 !important;
  }

  body main#top section.hero p{
    width:100% !important;
    max-width:480px !important;
    margin:0 auto 22px !important;
    text-align:center !important;
    font-size:15px !important;
    line-height:1.45 !important;
  }

  body main#top section.hero form.searchBox{
    width:min(100%,500px) !important;
    margin:0 auto !important;
  }

  body main#top section.hero .searchRow button{
    background:linear-gradient(135deg,#ffc83d,#ff9d00) !important;
    color:#071728 !important;
    box-shadow:0 12px 26px rgba(0,0,0,.22) !important;
    font-weight:950 !important;
  }

  body main#top section.hero .referenceFilterButton{
    margin:18px auto 0 !important;
    align-self:center !important;
    justify-content:center !important;
    text-align:center !important;
  }
}

@media(max-width:520px){
  body main#top section.hero{
    min-height:560px !important;
  }

  body main#top section.hero .heroContent{
    padding-top:42px !important;
  }

  body main#top section.hero h1{
    font-size:32px !important;
  }

  body main#top section.hero .searchRow input{
    font-size:14px !important;
  }
}

/* === OVERRIDE FINAL MOBILE HOME === */
@media(max-width:820px){
  body main#top header.topbar.referenceHeader .topSearchDesktop{
    display:none !important;
  }

  body main#top section.hero{
    height:auto !important;
    min-height:540px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    text-align:center !important;
  }

  body main#top section.hero .heroContent{
    width:100% !important;
    min-height:0 !important;
    padding:58px 16px 74px !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    text-align:center !important;
  }

  body main#top section.hero h1{
    width:100% !important;
    max-width:520px !important;
    margin:0 auto 12px !important;
    text-align:center !important;
    font-size:clamp(30px,8vw,42px) !important;
    line-height:1.08 !important;
  }

  body main#top section.hero p{
    width:100% !important;
    max-width:480px !important;
    margin:0 auto 22px !important;
    text-align:center !important;
    font-size:15px !important;
    line-height:1.45 !important;
  }

  body main#top section.hero form.searchBox{
    width:min(100%,500px) !important;
    margin:0 auto !important;
  }

  body main#top section.hero .searchRow button{
    background:linear-gradient(135deg,#ffc23a,#ff9f00) !important;
    color:#071728 !important;
    box-shadow:0 12px 24px rgba(0,0,0,.2) !important;
  }

  body main#top section.hero .referenceFilterButton{
    margin:18px auto 0 !important;
    align-self:center !important;
    justify-content:center !important;
    text-align:center !important;
  }
}

@media(max-width:520px){
  body main#top section.hero{
    min-height:560px !important;
  }

  body main#top section.hero .heroContent{
    padding-top:44px !important;
  }

  body main#top section.hero .searchRow input{
    font-size:14px !important;
  }

  body main#top section.hero .searchRow button{
    border-radius:0 0 5px 5px !important;
  }
}

/* === AJUSTE FINAL DO HERO DE REFERENCIA === */
body main#top section.hero{
  height:390px !important;
  min-height:390px !important;
  background:#ef8500 !important;
}

body main#top section.hero::after{
  content:"" !important;
  position:absolute !important;
  inset:0 0 0 auto !important;
  width:62% !important;
  height:100% !important;
  opacity:1 !important;
  background:
    linear-gradient(90deg,#ef8500 0%,rgba(239,133,0,.88) 20%,rgba(239,133,0,.36) 46%,rgba(239,133,0,0) 68%),
    linear-gradient(180deg,rgba(0,0,0,.06),rgba(0,0,0,.18)),
    url("../img/fundohero.webp") center/cover no-repeat !important;
  z-index:0 !important;
}

body main#top section.hero .heroContent{
  padding-top:70px !important;
}

body main#top section.hero form.searchBox{
  display:grid !important;
  grid-template-columns:1fr 132px !important;
  grid-template-rows:25px 1fr !important;
  align-items:stretch !important;
  padding:0 !important;
  border:5px solid rgba(255,255,255,.28) !important;
  height:64px !important;
  overflow:hidden !important;
}

body main#top section.hero form.searchBox > label{
  grid-column:1 / 2 !important;
  grid-row:1 !important;
  display:block !important;
  margin:0 !important;
  padding:9px 18px 0 18px !important;
  color:#4f5d70 !important;
  font-size:13px !important;
  line-height:1 !important;
  font-weight:800 !important;
}

body main#top section.hero .searchRow{
  grid-column:1 / -1 !important;
  grid-row:1 / -1 !important;
  display:flex !important;
  align-items:stretch !important;
  gap:0 !important;
  width:100% !important;
  height:100% !important;
}

body main#top section.hero .searchMagnifier{
  order:2 !important;
  flex:0 0 58px !important;
  width:58px !important;
  height:auto !important;
  margin:0 !important;
  display:grid !important;
  place-items:center !important;
  color:#66717f !important;
  position:static !important;
  transform:none !important;
}

body main#top section.hero .searchRow input{
  order:1 !important;
  flex:1 1 auto !important;
  height:auto !important;
  min-width:0 !important;
  padding:25px 16px 0 18px !important;
  border:0 !important;
  line-height:1 !important;
}

body main#top section.hero .searchRow button{
  order:3 !important;
  flex:0 0 132px !important;
  width:132px !important;
  height:auto !important;
  min-height:54px !important;
  margin:0 !important;
  align-self:stretch !important;
  border:0 !important;
  border-radius:0 !important;
  position:static !important;
  transform:none !important;
  box-shadow:none !important;
}

body main#top .categoryStrip i{
  display:block !important;
  min-height:24px !important;
  color:#1b2530 !important;
  font-style:normal !important;
  font-size:22px !important;
  line-height:1 !important;
}

body main#top .categoryStrip .bi-truck-front::before{content:"▣";}
body main#top .categoryStrip .bi-cone-striped::before{content:"◿";}
body main#top .categoryStrip .bi-buildings::before{content:"▥";}
body main#top .categoryStrip .bi-minecart-loaded::before{content:"▱";}
body main#top .categoryStrip .bi-truck::before{content:"▭";}
body main#top .categoryStrip .bi-lightning-charge::before{content:"ϟ";}
body main#top .categoryStrip .bi-shield-plus::before{content:"⊕";}
body main#top .categoryStrip .bi-tree::before{content:"♧";}
body main#top .categoryStrip .bi-tools::before{content:"⚒";}
body main#top .categoryStrip .bi-grid-3x3-gap::before{content:"▦";}

body main#top section.hero .searchRow button:hover{
  filter:brightness(.96) !important;
}

body main#top section.hero .filterButton{
  margin-top:14px !important;
}

@media(max-width:700px){
  body main#top section.hero{
    height:430px !important;
    min-height:430px !important;
  }

  body main#top section.hero::after{
    width:100% !important;
    opacity:.38 !important;
    background:
      linear-gradient(90deg,#ef8500 0%,rgba(239,133,0,.82) 58%,rgba(239,133,0,.3)),
      url("../img/fundohero.webp") center/cover no-repeat !important;
  }

  body main#top section.hero form.searchBox{
    display:block !important;
    height:auto !important;
    min-height:116px !important;
    overflow:hidden !important;
  }

  body main#top section.hero form.searchBox > label{
    padding:13px 14px 0 14px !important;
  }

  body main#top section.hero .searchRow{
    display:flex !important;
    flex-wrap:wrap !important;
    padding:0 !important;
  }

  body main#top section.hero .searchMagnifier{
    flex:0 0 48px !important;
    width:48px !important;
    min-height:56px !important;
  }

  body main#top section.hero .searchRow input{
    flex:1 1 calc(100% - 48px) !important;
    min-height:56px !important;
  }

  body main#top section.hero .searchRow button{
    flex:1 1 100% !important;
    width:100% !important;
    min-height:52px !important;
    border-radius:0 0 5px 5px !important;
  }
}

@media(max-width:480px){
  main#top .referenceBenefits{
    grid-template-columns:1fr !important;
  }

  main#top .referenceBenefits article{
    border-right:0 !important;
    border-bottom:1px solid #eee !important;
  }

  main#top .referenceBenefits article:last-child{
    border-bottom:0 !important;
  }

  main#top .hero h1{
    font-size:26px !important;
  }

  main#top .referenceAdvancedPanel:not([hidden]){
    grid-template-columns:1fr !important;
  }
}

/* Peças e serviços - busca de fornecedores */
.partsPage{
  background:#f4f6f8;
}
.partsHeroV2{
  position:relative;
  min-height:430px;
  padding:84px 0 118px;
  color:#fff;
  overflow:hidden;
  background:
    linear-gradient(180deg,rgba(0,13,25,.42),rgba(0,13,25,.9)),
    linear-gradient(90deg,rgba(0,12,24,.98),rgba(0,12,24,.65),rgba(0,12,24,.4)),
    url("../img/categorias/pecas-servicos.webp") center/cover no-repeat;
}
.partsHeroV2 .pageShell{
  max-width:1160px;
}
.partsHeroV2 .eyebrow,
.partsDirectory .eyebrow,
.partsSplitCta .eyebrow{
  margin:0 0 10px;
  color:#ff7900;
  font-size:12px;
  font-weight:950;
  letter-spacing:.04em;
  text-transform:uppercase;
}
.partsHeroV2 h1{
  max-width:820px;
  margin:0;
  font-size:clamp(38px,5.2vw,74px);
  line-height:.96;
  font-weight:950;
}
.partsHeroV2 p:not(.eyebrow){
  max-width:700px;
  margin:18px 0 0;
  color:#eef4f9;
  font-size:18px;
  line-height:1.55;
}
.partsSearchV2{
  display:grid;
  grid-template-columns:minmax(0,1fr) 130px;
  gap:12px;
  max-width:860px;
  margin-top:30px;
  padding:14px;
  border:1px solid rgba(255,255,255,.2);
  border-radius:12px;
  background:#fff;
  box-shadow:0 22px 55px rgba(0,0,0,.26);
}
.partsSearchV2 label{
  min-width:0;
}
.partsSearchV2 span{
  display:block;
  margin:0 0 7px 5px;
  color:#465466;
  font-size:14px;
  font-weight:900;
}
.partsSearchV2 input{
  width:100%;
  min-width:0;
  border:0;
  border-radius:8px;
  padding:9px 5px 8px;
  color:#17202b;
  font-size:15px;
  outline:0;
}
.partsSearchV2 button,
.partsResetBtn{
  border:0;
  border-radius:8px;
  background:#f17a00;
  color:#fff;
  font-weight:950;
  cursor:pointer;
}
.partsDirectory{
  display:grid;
  grid-template-columns:310px minmax(0,1fr);
  gap:22px;
  align-items:start;
  margin-top:-56px;
  position:relative;
  z-index:4;
}
.partsFilterPanel{
  display:grid;
  gap:14px;
  padding:22px;
  border:1px solid #dce3ea;
  border-radius:12px;
  background:#fff;
  box-shadow:0 16px 38px rgba(12,27,43,.08);
}
.partsFilterPanel h2{
  margin:0 0 4px;
  font-size:24px;
}
.partsFilterPanel label{
  display:grid;
  gap:7px;
}
.partsFilterPanel label span{
  color:#3f4b59;
  font-size:12px;
  font-weight:950;
  text-transform:uppercase;
}
.partsFilterPanel select,
.partsFilterPanel input{
  width:100%;
  min-width:0;
  border:1px solid #d9e0e7;
  border-radius:8px;
  background:#fff;
  padding:13px;
  color:#16202b;
  font-size:14px;
  font-weight:750;
}
.partsResetBtn{
  min-height:44px;
  background:#071523;
}
.partsResultsArea{
  min-width:0;
}
.partsResultsHead{
  min-height:72px;
  margin:0 0 16px;
  padding:18px 20px;
  border:1px solid #dce3ea;
  border-radius:12px;
  background:#fff;
}
.partsResultsHead h2{
  margin:0;
  font-size:25px;
}
.partsResultsHead>span,
#serviceResultCount{
  color:#071523;
  font-size:14px;
  font-weight:900;
}
.partsCategoryChips{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-bottom:16px;
}
.partsCategoryChips button{
  border:1px solid #dce3ea;
  border-radius:999px;
  background:#fff;
  color:#263545;
  padding:9px 13px;
  font-size:12px;
  font-weight:950;
  cursor:pointer;
}
.partsCategoryChips button.is-active{
  border-color:#ffbd80;
  background:#fff1e3;
  color:#b65300;
}
.providerGrid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
}
.partsRelatedAds{
  margin-bottom:16px;
}
.partsRelatedHead{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:10px;
}
.partsRelatedHead span{
  color:#e26b00;
  font-size:11px;
  font-weight:950;
  letter-spacing:.04em;
  text-transform:uppercase;
}
.partsRelatedHead strong{
  color:#071523;
  font-size:14px;
}
.partsRelatedGrid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
.partsRelatedCard{
  display:grid;
  grid-template-columns:135px minmax(0,1fr);
  min-height:136px;
  border:1px solid #ffc48e;
  border-radius:12px;
  background:#fffaf5;
  overflow:hidden;
  box-shadow:0 12px 26px rgba(13,27,43,.06);
}
.partsRelatedCard img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.partsRelatedCard span{
  display:grid;
  align-content:center;
  gap:5px;
  padding:14px;
}
.partsRelatedCard small{
  color:#e26b00;
  font-size:10px;
  font-weight:950;
  text-transform:uppercase;
}
.partsRelatedCard b{
  color:#071523;
  font-size:17px;
  line-height:1.1;
}
.partsRelatedCard em{
  color:#566371;
  font-size:12px;
  font-style:normal;
  line-height:1.35;
}
.partsRelatedCard strong{
  width:max-content;
  max-width:100%;
  margin-top:4px;
  border-radius:7px;
  background:#f17a00;
  color:#fff;
  padding:8px 10px;
  font-size:11px;
  line-height:1;
}
.providerCard{
  display:grid;
  grid-template-columns:190px minmax(0,1fr);
  min-height:250px;
  border:1px solid #dce3ea;
  border-radius:12px;
  background:#fff;
  box-shadow:0 12px 28px rgba(13,27,43,.07);
  overflow:hidden;
}
.providerImage{
  position:relative;
  display:block;
  min-height:100%;
  background:#071523;
}
.providerImage img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.providerImage mark{
  position:absolute;
  left:12px;
  top:12px;
  border-radius:999px;
  background:#ff7900;
  color:#fff;
  padding:6px 9px;
  font-size:10px;
  font-weight:950;
}
.providerBody{
  display:grid;
  align-content:start;
  gap:8px;
  padding:18px;
}
.providerBody small{
  color:#e26b00;
  font-size:11px;
  font-weight:950;
  text-transform:uppercase;
}
.providerBody h3{
  margin:0;
  color:#071523;
  font-size:22px;
  line-height:1.1;
}
.providerBody strong{
  color:#17202b;
  font-size:15px;
  line-height:1.25;
}
.providerBody p{
  margin:0;
  color:#566371;
  font-size:13px;
  line-height:1.45;
}
.providerTags{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
}
.providerTags span{
  border-radius:999px;
  background:#f2f5f8;
  color:#354151;
  padding:6px 8px;
  font-size:10px;
  font-weight:850;
}
.providerMeta{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  color:#3f4b59;
  font-size:12px;
  font-weight:800;
}
.providerActions{
  display:flex;
  gap:8px;
  margin-top:4px;
}
.providerActions a{
  min-height:40px;
  padding-inline:14px;
  border-radius:8px;
  font-size:12px;
}
.partsEmpty{
  grid-column:1/-1;
  padding:38px;
  border:1px dashed #ffc48e;
  border-radius:12px;
  background:#fffaf5;
  text-align:center;
}
.partsEmpty h3{
  margin:0 0 8px;
  font-size:24px;
}
.partsEmpty p{
  margin:0;
  color:#566371;
}
.partsSplitCta{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:16px;
  margin-top:34px;
  margin-bottom:36px;
}
.partsSplitCta article{
  min-height:220px;
  padding:28px;
  border-radius:12px;
  color:#fff;
  background:#071523;
  box-shadow:0 15px 35px rgba(7,21,35,.12);
}
.partsSplitCta article:nth-child(2){
  background:linear-gradient(135deg,#ff7900,#f0a319);
  color:#071523;
}
.partsSplitCta h2{
  max-width:560px;
  margin:0;
  font-size:clamp(26px,3vw,38px);
  line-height:1.05;
}
.partsSplitCta p{
  max-width:560px;
  color:inherit;
  opacity:.86;
  line-height:1.55;
}
@media(max-width:1100px){
  .partsDirectory{
    grid-template-columns:1fr;
    margin-top:-42px;
  }
  .partsFilterPanel{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .partsFilterPanel h2,
  .partsFilterPanel .eyebrow,
  .partsResetBtn{
    grid-column:1/-1;
  }
}
@media(max-width:820px){
  .partsHeroV2{
    min-height:auto;
    padding:58px 0 92px;
  }
  .partsSearchV2,
  .providerCard,
  .partsSplitCta{
    grid-template-columns:1fr;
  }
  .providerGrid{
    grid-template-columns:1fr;
  }
  .partsRelatedGrid{
    grid-template-columns:1fr;
  }
  .providerImage{
    aspect-ratio:16/8;
  }
}
@media(max-width:560px){
  .partsHeroV2 h1{
    font-size:34px;
  }
  .partsHeroV2 p:not(.eyebrow){
    font-size:15px;
  }
  .partsFilterPanel{
    grid-template-columns:1fr;
    padding:16px;
  }
  .partsResultsHead{
    align-items:flex-start;
  }
  .providerActions{
    flex-direction:column;
  }
  .partsRelatedCard{
    grid-template-columns:1fr;
  }
  .partsRelatedCard img{
    aspect-ratio:16/7;
  }
}

/* Pagina Publicidade */
.adsPage{background:#f5f7fa}.adsPage main{overflow:hidden}.adsHero{position:relative;min-height:520px;display:flex;align-items:center;color:#fff;background:linear-gradient(90deg,rgba(0,10,20,.9),rgba(0,19,37,.62),rgba(0,19,37,.72)),url("../img/fundohero.webp") center/cover no-repeat}.adsHero::after{content:"";position:absolute;inset:auto 0 0;height:120px;background:linear-gradient(0deg,#f5f7fa,transparent)}.adsHeroGrid{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1.05fr) 420px;gap:54px;align-items:center;padding:74px 0 86px}.adsEyebrow{display:inline-flex;align-items:center;gap:8px;color:#ff8500;font-size:12px;font-weight:900;letter-spacing:.02em;text-transform:uppercase}.adsEyebrow::before{content:"";width:8px;height:8px;border-radius:50%;background:#ff8500}.adsHero h1{max-width:760px;margin:18px 0;font-size:58px;line-height:.98;letter-spacing:0}.adsHero p{max-width:690px;margin:0;color:#dce8f3;font-size:18px;line-height:1.58}.adsHeroActions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.adsPrimaryButton,.adsSecondaryButton{min-height:46px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;padding:0 22px;font-size:14px;font-weight:900}.adsPrimaryButton{background:linear-gradient(135deg,#ff8a00,#ff6200);color:#fff;box-shadow:0 12px 26px rgba(255,111,0,.22)}.adsSecondaryButton{border:1px solid rgba(255,255,255,.34);background:rgba(255,255,255,.08);color:#fff}.adsHeroPanel{display:grid;gap:12px}.adsHeroPanel article{min-height:112px;padding:22px;border:1px solid rgba(255,255,255,.13);border-radius:12px;background:rgba(1,18,34,.68);box-shadow:0 18px 44px rgba(0,0,0,.26);backdrop-filter:blur(7px)}.adsHeroPanel strong{display:block;color:#ff9a18;font-size:24px;line-height:1;margin-bottom:10px}.adsHeroPanel span{color:#e8f1f8;font-size:14px;line-height:1.45}.adsStats{position:relative;z-index:4;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:-54px}.adsStats article,.adsFormats article,.adsAudienceGrid article,.adsRequest,.adsLiveCard,.adsEmpty{border:1px solid #dfe5eb;border-radius:12px;background:#fff;box-shadow:0 14px 34px rgba(3,24,45,.06)}.adsStats article{min-height:138px;padding:22px}.adsStats span{display:inline-flex;width:34px;height:34px;align-items:center;justify-content:center;border-radius:8px;background:#fff3e6;color:#e87500;font-weight:950}.adsStats strong{display:block;margin:18px 0 7px;font-size:18px}.adsStats p,.adsFormats p,.adsAudienceGrid span,.adsLiveCard p,.adsRequest p,.adsRequest li{color:#536171;line-height:1.55}.adsStats p{margin:0;font-size:13px}.adsFormats,.adsLive,.adsAudience,.adsRequest{margin-top:56px}.adsFormatGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.adsFormats article{overflow:hidden}.adsFormats img{width:100%;height:150px;object-fit:cover;display:block}.adsFormats article span,.adsLiveCard small{display:inline-flex;width:max-content;margin:18px 18px 10px;padding:7px 10px;border-radius:999px;background:#fff3e6;color:#824000;font-size:10px;font-weight:900;text-transform:uppercase}.adsFormats h3{min-height:44px;margin:0 18px 10px;font-size:20px;line-height:1.15}.adsFormats p{margin:0 18px 22px;font-size:14px}.adsDarkBand{margin-top:64px;padding:54px 0;background:#061421;color:#fff}.adsDarkBand .pageShell{display:grid;grid-template-columns:.86fr 1.3fr;gap:42px;align-items:start}.adsDarkBand h2{margin:14px 0 0;font-size:36px;line-height:1.08}.adsSteps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.adsSteps article{min-height:180px;padding:22px;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.03))}.adsSteps b{display:grid;width:38px;height:38px;place-items:center;border-radius:10px;background:#ff8500;color:#fff}.adsSteps strong{display:block;margin:18px 0 9px;font-size:17px}.adsSteps p{margin:0;color:#c9d6e1;font-size:13px;line-height:1.55}.adsLiveGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.adsLiveCard{overflow:hidden;color:#061421}.adsLiveCard figure{height:154px;margin:0;background:#061421}.adsLiveCard img{width:100%;height:100%;object-fit:cover;display:block}.adsLiveCard figure span{height:100%;display:grid;place-items:center;color:#ff8500;font-size:42px;font-weight:950}.adsLiveCard strong{display:block;min-height:42px;margin:0 18px 8px;font-size:19px;line-height:1.15}.adsLiveCard p{margin:0 18px 22px;font-size:13px}.adsSkeleton{min-height:260px;border-radius:12px;background:linear-gradient(90deg,#eef2f6,#fff,#eef2f6);animation:adsPulse 1.6s infinite linear}@keyframes adsPulse{0%{opacity:.55}50%{opacity:1}100%{opacity:.55}}.adsEmpty{grid-column:1/-1;min-height:120px;display:flex;flex-direction:column;justify-content:center;padding:24px}.adsAudience{display:grid;grid-template-columns:.72fr 1.28fr;gap:36px;align-items:start}.adsAudience h2{margin:14px 0 0;font-size:36px;line-height:1.08}.adsAudienceGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.adsAudienceGrid article{min-height:100px;padding:18px}.adsAudienceGrid strong{display:block;margin-bottom:8px;font-size:17px}.adsAudienceGrid span{font-size:13px}.adsRequest{display:grid;grid-template-columns:.86fr 1.14fr;gap:34px;padding:34px}.adsRequest h2{margin:12px 0;font-size:36px;line-height:1.08}.adsRequest ul{margin:22px 0 0;padding:0;display:grid;gap:10px;list-style:none}.adsRequest li{position:relative;padding-left:24px;font-size:14px}.adsRequest li::before{content:"✓";position:absolute;left:0;top:0;color:#e87500;font-weight:950}.adsForm{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.adsForm label{display:flex;flex-direction:column;gap:7px}.adsForm .wide{grid-column:1/-1}.adsForm span{color:#465260;font-size:11px;font-weight:900;text-transform:uppercase}.adsForm input,.adsForm select,.adsForm textarea{width:100%;border:1px solid #d7dee6;border-radius:9px;background:#fff;padding:14px;color:#061421;font-size:14px}.adsForm textarea{resize:vertical}.adsForm button{grid-column:1/-1;min-height:48px;border:0;border-radius:9px;background:linear-gradient(135deg,#ff8a00,#ff6200);color:#fff;font-weight:950;cursor:pointer}.adsForm small{grid-column:1/-1;color:#6c7886;font-size:12px}
@media(max-width:1100px){.adsHeroGrid,.adsDarkBand .pageShell,.adsAudience,.adsRequest{grid-template-columns:1fr}.adsHeroPanel{grid-template-columns:repeat(3,minmax(0,1fr))}.adsStats,.adsFormatGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.adsHero{min-height:auto}.adsHeroGrid{padding:54px 0 78px;gap:24px}.adsHero h1{font-size:34px}.adsHero p{font-size:15px}.adsHeroPanel,.adsStats,.adsFormatGrid,.adsSteps,.adsLiveGrid,.adsAudienceGrid,.adsForm{grid-template-columns:1fr}.adsStats{margin-top:-34px}.adsDarkBand,.adsFormats,.adsLive,.adsAudience,.adsRequest{margin-top:38px}.adsDarkBand h2,.adsAudience h2,.adsRequest h2{font-size:27px}.adsRequest{padding:22px}}

/* Home: vitrine patrocinada abaixo das categorias */
.sponsorShowcase{
  display:block;
  margin:24px auto 0;
  position:relative;
  overflow:visible;
}
.sponsorTrack{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
  min-width:0;
}
.sponsorDynamic{
  height:216px;
  min-height:216px;
  padding:0;
  border-radius:8px;
  overflow:hidden;
  box-shadow:0 14px 30px rgba(3,24,45,.14);
  transform:translateZ(0);
}
.sponsorDynamic .sponsorCardLink{
  position:relative;
  height:100%;
  display:block;
  padding:30px 22px 24px;
  color:#fff;
  text-decoration:none;
  isolation:isolate;
}
.sponsorDynamic .sponsorCardLink::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  background:linear-gradient(90deg,rgba(0,15,31,.92),rgba(0,15,31,.7) 42%,rgba(0,15,31,.18) 78%);
}
.sponsorDynamic .sponsorCopy{
  position:relative;
  z-index:3;
  width:min(58%,260px);
  height:100%;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
}
.sponsorDynamic strong{
  min-height:0;
  font-size:28px;
  line-height:.98;
  letter-spacing:-.8px;
  text-transform:uppercase;
}
.sponsorDynamic h2{
  width:100%;
  margin:18px 0 12px;
  font-size:23px;
  line-height:1.07;
  letter-spacing:-.2px;
  display:-webkit-box;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.sponsorDynamic .sponsorButton{
  margin-top:auto;
  min-width:145px;
  min-height:38px;
  border-radius:5px;
  padding:9px 14px;
  background:#fff;
  color:#071527;
  font-size:12px;
  font-weight:900;
}
.sponsorTone2 .sponsorButton{
  background:#ffb000;
  color:#071527;
}
.sponsorVisual{
  position:absolute;
  z-index:2;
  right:0;
  bottom:0;
  width:58%;
  height:100%;
  margin:0;
}
.sponsorVisual img{
  width:100%;
  height:100%;
  border-radius:0;
  object-fit:cover;
  object-position:center;
  box-shadow:none;
}
.sponsorVisual span{
  width:100%;
  height:100%;
  border-radius:0;
  display:grid;
  place-items:center;
  background:rgba(255,255,255,.1);
  color:#ffb000;
  font-size:46px;
  font-weight:950;
}
.sponsorTone1{background:linear-gradient(120deg,#061f3d,#0b3f6f)}
.sponsorTone2{background:linear-gradient(120deg,#080b0f,#32210f)}
.sponsorTone3{background:linear-gradient(120deg,#05365e,#0879bd)}
.sponsorShowcase .roundArrow{
  position:absolute;
  top:50%;
  z-index:5;
  width:36px;
  height:36px;
  transform:translateY(-50%);
  border:1px solid #e2e8ef;
  background:#fff;
  color:#071527;
  box-shadow:0 5px 18px rgba(3,24,45,.16);
}
.sponsorShowcase .roundArrow.left{
  left:-54px;
}
.sponsorShowcase .roundArrow.right{
  right:-54px;
}
#homeSponsorDots{
  margin:14px 0 24px;
}

@media(max-width:980px){
  .sponsorTrack{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .sponsorTrack .sponsorDynamic:nth-child(3){
    display:none;
  }
  .sponsorDynamic{
    height:210px;
  }
}
@media(max-width:680px){
  .sponsorShowcase{
    margin-top:18px;
  }
  .sponsorShowcase .roundArrow{
    display:none;
  }
  .sponsorTrack{
    grid-template-columns:1fr;
  }
  .sponsorTrack .sponsorDynamic:nth-child(n+2){
    display:none;
  }
  .sponsorDynamic{
    height:205px;
    min-height:205px;
  }
  .sponsorDynamic .sponsorCardLink{
    padding:22px 18px;
  }
  .sponsorDynamic .sponsorCopy{
    width:min(68%,280px);
  }
  .sponsorDynamic strong{
    font-size:21px;
  }
  .sponsorDynamic h2{
    font-size:19px;
  }
  .sponsorVisual{
    width:55%;
  }
}

/* Banners patrocinados com imagem de fundo e texto sobreposto */
.sponsorDynamic .sponsorCardLink{
  padding:28px 24px 22px;
}
.sponsorDynamic .sponsorCardLink::before{
  z-index:2;
  background:
    linear-gradient(90deg,rgba(0,13,27,.92) 0%,rgba(0,13,27,.76) 42%,rgba(0,13,27,.28) 72%,rgba(0,13,27,.08) 100%),
    linear-gradient(0deg,rgba(0,13,27,.2),rgba(0,13,27,.2));
}
.sponsorDynamic .sponsorCopy{
  position:relative;
  z-index:3;
  width:62%;
  max-width:340px;
}
.sponsorDynamic strong{
  max-width:100%;
  display:block;
  font-size:27px;
  line-height:1;
  overflow:visible;
}
.sponsorDynamic h2{
  max-width:100%;
  margin:15px 0 12px;
  font-size:18px;
  line-height:1.18;
  -webkit-line-clamp:4;
}
.sponsorDynamic .sponsorButton{
  min-width:142px;
  max-width:100%;
}
.sponsorVisual{
  position:absolute;
  inset:0;
  z-index:1;
  width:100%;
  height:100%;
}
.sponsorVisual img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  opacity:1;
}
.sponsorVisual span{
  width:100%;
  height:100%;
}

@media(max-width:680px){
  .sponsorDynamic .sponsorCopy{
    width:74%;
    max-width:none;
  }
  .sponsorDynamic strong{
    font-size:21px;
  }
  .sponsorDynamic h2{
    font-size:16px;
    -webkit-line-clamp:4;
  }
}

/* Ajustes finais da home: categorias sobre a divisa e vitrine sem corte */
.overlap,
body .overlap{
  position:relative;
  z-index:8;
  margin-top:-55px;
  padding-top:0;
}

.categoryStrip,
body .categoryStrip{
  position:relative;
  z-index:10;
  min-height:90px;
  margin-top:0;
  margin-bottom:42px;
  overflow:visible;
  color:#566170;
  background:#fff;
  border-color:#dce2e8;
  box-shadow:0 10px 24px rgba(5,22,40,.12);
}

.categoryStrip a{
  color:#5e6875;
}

.categoryStrip a:hover{
  color:#2f3a46;
  background:#f6f8fa;
}

.categoryStrip .bi{
  display:block;
  width:26px;
  height:26px;
  color:#697586;
  font-size:24px;
  line-height:1;
  font-style:normal;
  font-weight:400;
  opacity:.88;
}

.categoryStrip a:hover .bi{
  color:#384451;
}

.categoryStrip a span{
  color:#111827;
  font-size:11px;
  line-height:1.15;
}

.sponsorShowcase,
body .sponsorShowcase{
  clear:both;
  margin-top:0;
  padding-top:0;
  position:relative;
  z-index:2;
}

.sponsorTrack{
  align-items:stretch;
}

@media(max-width:820px){
  .overlap,
  body .overlap{
    margin-top:-44px;
  }

  .categoryStrip,
  body .categoryStrip{
    min-height:132px;
    margin-bottom:32px;
    overflow:hidden;
  }
}

@media(max-width:520px){
  .overlap,
  body .overlap{
    margin-top:-36px;
  }

  .categoryStrip,
  body .categoryStrip{
    max-height:none;
    grid-template-columns:repeat(3,1fr);
  }

  .categoryStrip a{
    min-height:58px;
  }
}

/* Trava final da home */
main > .pageShell.overlap{
  margin-top:-55px !important;
  padding-top:0 !important;
  overflow:visible !important;
}

main .hero{
  min-height:525px !important;
}

main .heroContent{
  min-height:525px !important;
  padding-bottom:104px !important;
}

main #categoryStrip.categoryStrip{
  min-height:90px !important;
  margin:0 0 50px !important;
  overflow:visible !important;
  align-items:center !important;
}

main #categoryStrip.categoryStrip a{
  color:#5f6b78 !important;
}

main #categoryStrip.categoryStrip a:hover{
  color:#2f3a46 !important;
  background:#f6f8fb !important;
}

main #categoryStrip.categoryStrip .bi{
  color:#667280 !important;
  font-size:24px !important;
  opacity:.9 !important;
}

main #homeSponsorShowcase.sponsorShowcase{
  margin-top:0 !important;
  margin-bottom:0 !important;
  padding-top:0 !important;
  overflow:visible !important;
}

@media(max-width:820px){
  main .hero,
  main .heroContent{
    min-height:580px !important;
  }

  main > .pageShell.overlap{
    margin-top:-44px !important;
  }

  main #categoryStrip.categoryStrip{
    min-height:132px !important;
    margin-bottom:32px !important;
    overflow:hidden !important;
  }
}

@media(max-width:520px){
  main .hero,
  main .heroContent{
    min-height:620px !important;
  }

  main > .pageShell.overlap{
    margin-top:-36px !important;
  }

  main #categoryStrip.categoryStrip{
    grid-template-columns:repeat(3,1fr) !important;
    min-height:auto !important;
    max-height:none !important;
  }
}

/* Blog */
.blogPage{
  background:#f6f8fb;
}

.blogHero{
  color:#fff;
  background:
    linear-gradient(90deg,rgba(0,13,27,.92),rgba(0,13,27,.7),rgba(0,13,27,.35)),
    url("../img/fundohero.webp") center/cover no-repeat;
}

.blogHeroGrid{
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(320px,.65fr);
  gap:40px;
  align-items:center;
  min-height:360px;
  padding-block:56px;
}

.blogHero .eyebrow,
.blogContent .sectionHead a,
.blogArticle span,
.blogMainCard span,
.blogSideList span{
  color:#f57c00;
  font-size:12px;
  font-weight:950;
  text-transform:uppercase;
}

.blogHero h1{
  max-width:760px;
  margin:12px 0 14px;
  font-size:clamp(36px,5vw,62px);
  line-height:.98;
  letter-spacing:0;
}

.blogHero p:not(.eyebrow){
  max-width:690px;
  margin:0;
  color:rgba(255,255,255,.84);
  font-size:17px;
  line-height:1.55;
}

.blogSearch{
  padding:22px;
  border:1px solid rgba(255,255,255,.16);
  border-radius:12px;
  background:rgba(255,255,255,.96);
  box-shadow:0 20px 48px rgba(0,0,0,.24);
}

.blogSearch label{
  display:block;
  margin-bottom:10px;
  color:#071527;
  font-size:13px;
  font-weight:950;
  text-transform:uppercase;
}

.blogSearch div{
  display:grid;
  grid-template-columns:minmax(0,1fr) 120px;
  gap:10px;
}

.blogSearch input{
  min-width:0;
  height:48px;
  border:1px solid #d9e0e8;
  border-radius:8px;
  padding:0 14px;
  color:#071527;
}

.blogSearch button,
.blogArticle strong{
  border:0;
  border-radius:8px;
  background:linear-gradient(135deg,#ff8a00,#ff6200);
  color:#fff;
  font-weight:950;
  cursor:pointer;
}

.blogSearch button{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
}

.blogFeatured,
.blogContent{
  margin-top:34px;
}

.blogFeatured{
  display:grid;
  grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);
  gap:18px;
}

.blogMainCard,
.blogSideList a,
.blogArticle{
  overflow:hidden;
  color:#061421;
  background:#fff;
  border:1px solid #dce3ea;
  border-radius:10px;
  box-shadow:0 14px 34px rgba(3,24,45,.08);
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.blogMainCard:hover,
.blogSideList a:hover,
.blogArticle:hover{
  transform:translateY(-3px);
  border-color:rgba(245,124,0,.38);
  box-shadow:0 20px 42px rgba(3,24,45,.13);
}

.blogMainCard{
  display:grid;
  grid-template-columns:1fr;
}

.blogMainCard img{
  width:100%;
  aspect-ratio:16/7;
  object-fit:cover;
}

.blogMainCard div{
  padding:24px;
}

.blogMainCard h2{
  max-width:760px;
  margin:8px 0 10px;
  font-size:30px;
  line-height:1.08;
}

.blogMainCard p{
  max-width:760px;
  margin:0 0 16px;
  color:#536171;
  line-height:1.55;
}

.blogMainCard strong{
  color:#e87500;
  font-size:14px;
}

.blogSideList{
  display:grid;
  gap:18px;
}

.blogSideList a{
  display:grid;
  grid-template-columns:130px minmax(0,1fr);
  align-items:center;
}

.blogSideList img{
  width:100%;
  height:100%;
  min-height:154px;
  object-fit:cover;
}

.blogSideList div{
  padding:18px;
}

.blogSideList h3{
  margin:8px 0 0;
  font-size:19px;
  line-height:1.22;
}

.blogCardGrid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
}

.blogArticle{
  display:flex;
  min-height:310px;
  flex-direction:column;
}

.blogArticle img{
  width:100%;
  aspect-ratio:16/9;
  object-fit:cover;
}

.blogArticle span,
.blogArticle h3,
.blogArticle p,
.blogArticle strong{
  margin-inline:16px;
}

.blogArticle span{
  margin-top:16px;
}

.blogArticle h3{
  margin-top:8px;
  margin-bottom:10px;
  font-size:19px;
  line-height:1.18;
}

.blogArticle p{
  margin-top:0;
  color:#596677;
  font-size:14px;
  line-height:1.45;
}

.blogArticle strong{
  width:max-content;
  margin-top:auto;
  margin-bottom:16px;
  padding:10px 14px;
  font-size:12px;
}

.blogArticle.blogAd{
  justify-content:center;
  padding:24px;
  color:#fff;
  background:
    radial-gradient(circle at 92% 15%,rgba(255,138,0,.28),transparent 12rem),
    linear-gradient(145deg,#071527,#001b34);
}

.blogArticle.blogAd span,
.blogArticle.blogAd h3,
.blogArticle.blogAd p,
.blogArticle.blogAd strong{
  margin-inline:0;
}

.blogArticle.blogAd h3{
  font-size:25px;
}

.blogArticle.blogAd p{
  color:rgba(255,255,255,.75);
}

@media(max-width:980px){
  .blogHeroGrid,
  .blogFeatured{
    grid-template-columns:1fr;
  }

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

@media(max-width:620px){
  .blogHeroGrid{
    min-height:auto;
    padding-block:42px;
  }

  .blogSearch div,
  .blogCardGrid,
  .blogSideList a{
    grid-template-columns:1fr;
  }

  .blogSideList img{
    min-height:0;
    aspect-ratio:16/8;
  }

  .blogMainCard h2{
    font-size:24px;
  }
}

.siteFooter .socials a{
  width:22px;
  height:22px;
  display:grid;
  place-items:center;
  border:1px solid #263b50;
  border-radius:50%;
  color:#263b50;
  font-size:9px;
  font-weight:800;
  line-height:1;
}

.siteFooter .socials a:hover{
  color:#fff;
  background:#ff7a00;
  border-color:#ff7a00;
}

/* Mantem o rodape da home e paginas publicas responsivo mesmo quando este arquivo carrega por ultimo. */
.siteFooter{
  box-sizing:border-box;
  width:100%;
  margin:0;
  padding:34px max(18px,calc((100vw - 1260px) / 2)) 18px;
}

.siteFooter *,
.siteFooter *::before,
.siteFooter *::after{
  box-sizing:border-box;
}

.siteFooter .footerGrid{
  display:grid;
  grid-template-columns:minmax(230px,1.4fr) repeat(4,minmax(130px,1fr));
  gap:28px;
  align-items:start;
}

.siteFooter .footerBrand,
.siteFooter .footerBrand p{
  min-width:0;
}

.siteFooter .footerBrand p{
  max-width:360px;
}

.siteFooter .brand{
  display:inline-flex;
  align-items:center;
  gap:8px;
  width:fit-content;
  max-width:100%;
  color:#07182b;
  text-decoration:none;
}

.siteFooter .footerLogo{
  display:block;
  width:214px;
  max-width:100%;
  height:auto;
  object-fit:contain;
  opacity:1;
  filter:none;
}

.siteFooter .brand img{
  flex:0 0 auto;
  width:42px;
  height:42px;
  object-fit:contain;
}

.siteFooter .brand img.footerLogo{
  width:214px;
  height:auto;
}

.siteFooter .brand span{
  display:grid;
  line-height:.9;
}

.siteFooter .brand strong,
.siteFooter .brand b{
  font-size:20px;
  font-weight:950;
  letter-spacing:-0.01em;
}

.siteFooter .brand strong{
  color:#07182b;
}

.siteFooter .brand b{
  color:#ff6c00;
}

.siteFooter .footerGrid h3{
  margin:0 0 12px;
  font-size:13px;
  text-transform:uppercase;
}

.siteFooter .footerGrid a{
  overflow-wrap:anywhere;
}

.siteFooter .copyright{
  margin:24px auto 0;
  padding-top:16px;
  border-top:1px solid #dfe5ea;
  color:#6b7480;
  font-size:13px;
  text-align:center;
}

.siteFooter .copyright a{
  color:#102033;
  font-weight:900;
}

@media(max-width:1180px){
  .siteFooter .footerGrid{
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:24px;
  }

  .siteFooter .footerBrand{
    grid-column:1/-1;
  }
}

@media(max-width:900px){
  .siteFooter .footerGrid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .siteFooter{
    padding-inline:18px;
  }
}

@media(max-width:620px){
  .siteFooter{
    padding:28px 16px 18px;
  }

  .siteFooter .footerGrid{
    grid-template-columns:1fr;
    gap:22px;
  }

  .siteFooter .brand img{
    width:36px;
    height:36px;
  }

  .siteFooter .brand img.footerLogo{
    width:190px;
    height:auto;
  }

  .siteFooter .brand strong,
  .siteFooter .brand b{
    font-size:18px;
  }

  .siteFooter .copyright{
    text-align:left;
  }
}

/* === Referencia visual obrigatoria - HOME === */
body{
  font-family:Arial,Helvetica,sans-serif !important;
}

main#top{
  background:#fff;
  color:#071527;
  overflow:hidden;
}

main#top .pageShell,
main#top .navShell{
  width:min(1260px,calc(100% - 42px));
  margin-inline:auto;
}

main#top .topbar{
  height:72px !important;
  background:#07111c !important;
  color:#fff !important;
  border:0 !important;
  box-shadow:none !important;
  position:relative;
  z-index:40;
}

main#top .topbar .navShell{
  height:100%;
  display:flex;
  align-items:center;
  gap:28px;
}

main#top .topbar .brand{
  min-width:205px !important;
  width:205px !important;
  display:flex;
  align-items:center;
  gap:8px;
  color:#fff !important;
  line-height:.84;
  transition:transform .18s ease, opacity .18s ease;
}

main#top .topbar .brand:hover{
  transform:translateY(-1px);
  opacity:.92;
}

main#top .topbar .brandLogoMark{
  width:42px !important;
  height:42px !important;
  object-fit:contain;
  filter:brightness(0) invert(1);
  flex:0 0 auto;
}

main#top .topbar .brand strong,
main#top .topbar .brand b{
  color:#fff !important;
  display:block;
  font-size:19px !important;
  font-weight:950 !important;
  letter-spacing:-.02em;
}

main#top .topbar .navLinks{
  flex:1;
  display:flex;
  justify-content:center;
  align-items:center;
  gap:26px;
  font-size:12px !important;
  font-weight:800 !important;
  white-space:nowrap;
}

main#top .topbar .navLinks a{
  color:#fff !important;
  opacity:.96;
}

main#top .topbar .navLinks a:hover{
  color:#ff7a00 !important;
}

main#top .topbar .navActions{
  display:flex;
  align-items:center;
  gap:12px;
}

main#top .topbar .iconButton{
  color:#fff !important;
}

main#top .topbar .loginButton,
main#top .topbar .announceButton{
  min-height:46px;
  border-radius:7px !important;
  font-size:15px !important;
  font-weight:900 !important;
}

main#top .topbar .loginButton{
  background:#fff !important;
  border:1px solid #e5e9ee !important;
  color:#071527 !important;
  padding:0 22px !important;
}

main#top .topbar .announceButton{
  background:#ff6c00 !important;
  color:#fff !important;
  padding:0 22px !important;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}

main#top .hero{
  min-height:640px !important;
  height:auto !important;
  color:#fff !important;
  background:
    linear-gradient(180deg,rgba(2,12,23,.46),rgba(2,12,23,.64) 54%,rgba(2,12,23,.92)),
    linear-gradient(90deg,rgba(2,12,23,.9),rgba(2,12,23,.2) 36%,rgba(2,12,23,.78)),
    url("../img/fundohero.webp") center center/cover no-repeat !important;
  overflow:visible !important;
}

main#top .hero::before{
  content:"" !important;
  position:absolute;
  inset:0;
  background:radial-gradient(circle at center,rgba(255,255,255,.06),transparent 38%) !important;
  pointer-events:none;
}

main#top .heroShade{
  display:none !important;
}

main#top .heroContent{
  width:min(980px,calc(100% - 42px));
  min-height:640px !important;
  margin-inline:auto;
  padding:108px 0 130px !important;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  position:relative;
  z-index:2;
}

main#top .hero h1{
  max-width:960px;
  margin:0 !important;
  color:#fff !important;
  font-size:clamp(40px,4.7vw,66px) !important;
  line-height:.98 !important;
  font-weight:950 !important;
  letter-spacing:0 !important;
  text-transform:uppercase;
  text-shadow:0 4px 18px rgba(0,0,0,.58);
}

main#top .hero h1 span{
  color:#ff6c00 !important;
}

main#top .hero p{
  max-width:760px;
  margin:16px auto 0 !important;
  color:#fff !important;
  font-size:16px !important;
  line-height:1.5 !important;
  font-weight:800 !important;
  text-shadow:0 3px 12px rgba(0,0,0,.7);
}

main#top .hero .searchBox{
  width:min(730px,calc(100% - 28px)) !important;
  margin:24px auto 0 !important;
  padding:18px 20px 17px !important;
  border:0 !important;
  border-radius:10px !important;
  background:#fff !important;
  color:#4b5868 !important;
  box-shadow:0 18px 42px rgba(0,0,0,.34) !important;
  text-align:left;
}

main#top .hero .searchBox label{
  display:block;
  margin:0 0 10px !important;
  color:#536171 !important;
  font-size:16px !important;
  font-weight:900 !important;
}

main#top .hero .searchRow{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) 34px 96px !important;
  gap:12px !important;
  align-items:center !important;
}

main#top .hero .searchRow input{
  min-width:0;
  width:100%;
  height:28px !important;
  border:0 !important;
  outline:0 !important;
  background:transparent !important;
  color:#66717f !important;
  font-size:12px !important;
  font-weight:500 !important;
}

main#top .hero .searchMagnifier{
  color:#001b34;
}

main#top .hero .searchRow button{
  width:96px !important;
  min-height:44px !important;
  border:0 !important;
  border-radius:6px !important;
  background:#ff6c00 !important;
  color:#fff !important;
  font-size:12px !important;
  font-weight:900 !important;
  box-shadow:none !important;
}

main#top .referenceFilterButton{
  margin:18px auto 0 !important;
  padding:8px 24px !important;
  border:1px solid rgba(139,171,202,.88) !important;
  border-radius:5px !important;
  background:rgba(0,16,32,.78) !important;
  color:#fff !important;
  font-size:12px !important;
  font-weight:900 !important;
  box-shadow:none !important;
}

main#top .referenceAdvancedPanel{
  width:min(930px,calc(100% - 28px));
  margin:16px auto 0;
  padding:16px;
  border:1px solid rgba(139,171,202,.55);
  border-radius:8px;
  background:rgba(0,17,33,.86);
  backdrop-filter:blur(8px);
  grid-template-columns:repeat(5,minmax(135px,1fr));
  gap:12px;
  text-align:left;
}

main#top .referenceAdvancedPanel:not([hidden]){
  display:grid;
}

main#top .referenceAdvancedPanel label{
  min-width:0;
}

main#top .referenceAdvancedPanel span{
  display:block;
  margin:0 0 6px;
  color:#fff;
  font-size:11px;
  font-weight:900;
  text-transform:uppercase;
}

main#top .referenceAdvancedPanel input,
main#top .referenceAdvancedPanel select{
  width:100%;
  min-width:0;
  height:48px;
  border:0;
  border-radius:7px;
  background:#fff;
  color:#1b2634;
  font-size:12px;
  font-weight:700;
  padding:0 12px;
}

main#top .referenceAdvancedPanel button{
  min-height:48px;
  align-self:end;
  border:0;
  border-radius:7px;
  background:#ff6c00;
  color:#fff;
  font-size:12px;
  font-weight:900;
}

main#top > .pageShell.overlap{
  margin-top:-56px !important;
  padding-top:0 !important;
  position:relative;
  z-index:8;
  overflow:visible !important;
}

main#top #categoryStrip.categoryStrip{
  width:100% !important;
  min-height:88px !important;
  margin:0 0 28px !important;
  padding:12px 14px !important;
  display:grid !important;
  grid-template-columns:repeat(10,minmax(0,1fr)) !important;
  align-items:center !important;
  overflow:visible !important;
  background:#fff !important;
  border:1px solid #d9e0e8 !important;
  border-radius:7px !important;
  box-shadow:0 16px 34px rgba(4,24,43,.12) !important;
}

main#top #categoryStrip.categoryStrip a{
  min-width:0;
  height:62px !important;
  padding:7px 4px !important;
  color:#7a8490 !important;
  border-radius:6px !important;
  display:flex !important;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  gap:6px !important;
  font-size:11px !important;
  font-weight:900 !important;
  line-height:1.1 !important;
  text-align:center;
}

main#top #categoryStrip.categoryStrip a:hover{
  color:#ff6c00 !important;
  background:#fff5ec !important;
  transform:translateY(-2px);
}

main#top #categoryStrip.categoryStrip .bi{
  color:#7f8995 !important;
  font-size:22px !important;
  line-height:1 !important;
}

main#top #homeSponsorShowcase.sponsorShowcase{
  width:100%;
  margin:0 auto !important;
  padding:0 !important;
  display:grid !important;
  grid-template-columns:34px minmax(0,1fr) 34px !important;
  align-items:center !important;
  gap:12px !important;
}

main#top .sponsorTrack{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:8px !important;
}

main#top .sponsorDynamic{
  height:210px !important;
  min-height:210px !important;
  border-radius:7px !important;
  box-shadow:0 14px 30px rgba(3,24,45,.13) !important;
}

main#top .sponsorDynamic .sponsorCardLink{
  padding:28px 22px 22px !important;
}

main#top .sponsorDynamic strong{
  font-size:27px !important;
  line-height:.98 !important;
}

main#top .sponsorDynamic h2{
  font-size:20px !important;
  line-height:1.12 !important;
  -webkit-line-clamp:3;
}

main#top .sponsorDynamic .sponsorButton{
  min-height:36px !important;
  min-width:138px !important;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}

main#top #homeSponsorDots{
  margin:13px 0 24px !important;
}

main#top .sectionHead{
  margin-bottom:16px !important;
}

main#top .productRail{
  display:grid !important;
  grid-template-columns:repeat(8,minmax(0,1fr)) !important;
  gap:10px !important;
}

main#top .productCard{
  min-width:0;
  border:1px solid #dce2e8 !important;
  border-radius:7px !important;
  overflow:hidden;
  background:#fff !important;
  box-shadow:0 2px 8px rgba(2,23,43,.08) !important;
}

main#top .productImage{
  height:132px !important;
  background:#eef2f6 !important;
}

main#top .productImage img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

main#top .productBody{
  padding:10px 9px !important;
}

main#top .productBody h3{
  height:31px !important;
  margin:0 0 8px !important;
  color:#071527 !important;
  font-size:10px !important;
  line-height:1.35 !important;
  font-weight:900 !important;
  overflow:hidden;
}

main#top .productBody p{
  height:14px !important;
  margin:0 0 9px !important;
  color:#6e7986 !important;
  font-size:8px !important;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

main#top .productBody > strong{
  margin:0 0 9px !important;
  display:block;
  color:#071527 !important;
  font-size:12px !important;
  font-weight:950 !important;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

main#top .productBody footer{
  display:flex;
  justify-content:space-between;
  gap:8px;
  color:#657080;
  font-size:8px;
}

@media(max-width:1180px){
  main#top .topbar .navLinks{
    gap:16px;
    font-size:11px !important;
  }

  main#top .topbar .brand{
    width:180px !important;
    min-width:180px !important;
  }

  main#top .productRail{
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  }

  main#top .productCard:nth-child(n+5){
    display:none;
  }
}

@media(max-width:900px){
  main#top .topbar{
    height:64px !important;
  }

  main#top .topbar .brand{
    width:auto !important;
    min-width:0 !important;
  }

  main#top .topbar .brandLogoMark{
    width:36px !important;
    height:36px !important;
  }

  main#top .topbar .brand strong,
  main#top .topbar .brand b{
    font-size:15px !important;
  }

  main#top .topbar .menuButton{
    display:block !important;
    margin-left:auto !important;
  }

  main#top .topbar .navLinks{
    position:absolute;
    top:64px;
    left:12px;
    right:12px;
    display:none;
    flex-direction:column;
    align-items:stretch;
    justify-content:flex-start;
    gap:0;
    padding:10px;
    border-radius:0 0 10px 10px;
    background:#07111c;
    box-shadow:0 16px 30px rgba(0,0,0,.36);
  }

  main#top .topbar .navLinks.open{
    display:flex;
  }

  main#top .topbar .navLinks a{
    padding:12px;
  }

  main#top .topbar .navActions{
    display:none !important;
  }

  main#top .hero{
    min-height:600px !important;
  }

  main#top .heroContent{
    min-height:600px !important;
    padding:76px 0 124px !important;
  }

  main#top .hero h1{
    font-size:clamp(30px,8vw,44px) !important;
  }

  main#top #categoryStrip.categoryStrip{
    grid-template-columns:repeat(5,minmax(0,1fr)) !important;
    min-height:136px !important;
    overflow:hidden !important;
  }

  main#top #homeSponsorShowcase.sponsorShowcase{
    grid-template-columns:minmax(0,1fr) !important;
  }

  main#top .sponsorShowcase .roundArrow{
    display:none !important;
  }

  main#top .sponsorTrack{
    grid-template-columns:1fr !important;
  }

  main#top .sponsorTrack .sponsorDynamic:nth-child(n+2){
    display:none !important;
  }
}

@media(max-width:620px){
  main#top .pageShell,
  main#top .navShell,
  main#top .heroContent{
    width:min(100% - 22px,1260px);
  }

  main#top .hero{
    min-height:610px !important;
  }

  main#top .heroContent{
    min-height:610px !important;
    padding:58px 0 120px !important;
  }

  main#top .hero h1{
    font-size:32px !important;
  }

  main#top .hero h1 br{
    display:none;
  }

  main#top .hero p{
    font-size:13px !important;
  }

  main#top .hero .searchBox{
    width:100% !important;
    padding:16px !important;
  }

  main#top .hero .searchRow{
    grid-template-columns:1fr 28px !important;
  }

  main#top .hero .searchRow button{
    grid-column:1/-1;
    width:100% !important;
  }

  main#top .referenceAdvancedPanel:not([hidden]){
    grid-template-columns:1fr !important;
  }

  main#top > .pageShell.overlap{
    margin-top:-52px !important;
  }

  main#top #categoryStrip.categoryStrip{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    min-height:auto !important;
    max-height:none !important;
  }

  main#top .productRail{
    display:flex !important;
    overflow-x:auto;
    scroll-snap-type:x mandatory;
    padding-bottom:10px;
  }

  main#top .productCard,
  main#top .productCard:nth-child(n+5){
    display:block;
    min-width:178px;
    scroll-snap-align:start;
  }
}

/* === OVERRIDE FINAL: HOME IGUAL AO ZIP DE REFERENCIA === */
body main#top header.topbar.referenceHeader{
  position:relative !important;
  top:auto !important;
  height:auto !important;
  min-height:0 !important;
  padding:0 !important;
  background:#fff !important;
  color:#15191c !important;
  border-bottom:1px solid #e8e8e8 !important;
  box-shadow:none !important;
  z-index:80 !important;
}

body main#top header.topbar.referenceHeader .navShell.referenceHead{
  width:min(1260px,calc(100% - 42px)) !important;
  max-width:none !important;
  height:82px !important;
  min-height:0 !important;
  margin:auto !important;
  padding:0 !important;
  display:flex !important;
  align-items:center !important;
  gap:28px !important;
  background:#fff !important;
}

body main#top header.topbar.referenceHeader .brand{
  width:220px !important;
  min-width:220px !important;
  height:auto !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  transform:none !important;
  color:#111820 !important;
}

body main#top header.topbar.referenceHeader .brandLogoMark{
  width:62px !important;
  height:62px !important;
  filter:none !important;
  object-fit:contain !important;
}

body main#top header.topbar.referenceHeader .brand strong,
body main#top header.topbar.referenceHeader .brand b{
  display:block !important;
  margin:0 !important;
  color:#111820 !important;
  font-size:20px !important;
  line-height:.92 !important;
  letter-spacing:0 !important;
  font-weight:900 !important;
}

body main#top header.topbar.referenceHeader .brand b{
  color:#ef8500 !important;
}

body main#top header.topbar.referenceHeader .topSearchDesktop{
  height:45px !important;
  flex:1 1 420px !important;
  max-width:550px !important;
  margin:0 !important;
  padding:0 !important;
  display:flex !important;
  position:relative !important;
  overflow:visible !important;
  border:1px solid #ddd !important;
  border-radius:7px !important;
  background:#fff !important;
  box-shadow:none !important;
}

body main#top header.topbar.referenceHeader .topSearchDesktop input{
  flex:1 !important;
  height:100% !important;
  border:0 !important;
  outline:0 !important;
  padding:0 15px !important;
  color:#15191c !important;
  background:#fff !important;
  font-size:14px !important;
  font-family:Arial,Helvetica,sans-serif !important;
  font-weight:400 !important;
}

body main#top header.topbar.referenceHeader .topSearchDesktop button{
  width:62px !important;
  height:100% !important;
  border:0 !important;
  border-radius:0 6px 6px 0 !important;
  background:#ef8500 !important;
  color:#fff !important;
  display:grid !important;
  place-items:center !important;
  font-size:20px !important;
  line-height:1 !important;
  box-shadow:none !important;
}

body main#top header.topbar.referenceHeader .headerQuickLinks{
  margin-left:auto !important;
  display:flex !important;
  align-items:center !important;
  gap:17px !important;
  color:#444 !important;
  font-size:11px !important;
  font-weight:400 !important;
}

body main#top header.topbar.referenceHeader .headerQuickLinks a,
body main#top header.topbar.referenceHeader .headerQuickLinks button{
  border:0 !important;
  background:transparent !important;
  padding:0 !important;
  color:#444 !important;
  font:inherit !important;
  white-space:nowrap !important;
  box-shadow:none !important;
}

body main#top header.topbar.referenceHeader .headerQuickLinks span,
body main#top header.topbar.referenceHeader .headerQuickLinks b{
  display:block !important;
  text-align:center !important;
}

body main#top header.topbar.referenceHeader .headerQuickLinks b{
  color:#15191c !important;
  font-size:11px !important;
  font-weight:800 !important;
}

body main#top header.topbar.referenceHeader .menuButton,
body main#top header.topbar.referenceHeader .navActions{
  display:none !important;
}

body main#top header.topbar.referenceHeader nav.navLinks.referenceNav{
  width:min(1260px,calc(100% - 42px)) !important;
  max-width:none !important;
  height:46px !important;
  margin:auto !important;
  padding:0 !important;
  display:flex !important;
  flex-direction:row !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:30px !important;
  position:static !important;
  background:#fff !important;
  border:0 !important;
  color:#15191c !important;
  box-shadow:none !important;
  font-size:12px !important;
  line-height:1 !important;
  font-weight:800 !important;
}

body main#top header.topbar.referenceHeader nav.navLinks.referenceNav a{
  display:inline-flex !important;
  width:auto !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  color:#15191c !important;
  font-size:12px !important;
  line-height:1 !important;
  font-weight:800 !important;
  text-transform:none !important;
}

body main#top header.topbar.referenceHeader nav.navLinks.referenceNav a.active,
body main#top header.topbar.referenceHeader nav.navLinks.referenceNav a:hover{
  color:#ef8500 !important;
}

body main#top section.hero{
  display:block !important;
  position:relative !important;
  height:360px !important;
  min-height:360px !important;
  width:100% !important;
  margin:0 !important;
  padding:0 !important;
  overflow:hidden !important;
  color:#fff !important;
  background:#ef8500 !important;
  background-image:none !important;
  border:0 !important;
}

body main#top section.hero::before{
  content:"" !important;
  position:absolute !important;
  inset:auto auto 0 0 !important;
  top:0 !important;
  width:260px !important;
  height:100% !important;
  opacity:.25 !important;
  background-image:radial-gradient(#fff 1.4px,transparent 1.4px) !important;
  background-size:11px 11px !important;
  z-index:1 !important;
}

body main#top section.hero::after{
  content:"" !important;
  position:absolute !important;
  top:0 !important;
  right:-5% !important;
  width:58% !important;
  height:100% !important;
  background:
    linear-gradient(90deg,#ef8500 0%,rgba(239,133,0,.2) 24%,rgba(239,133,0,0) 55%),
    url("https://images.unsplash.com/photo-1581094794329-c8112a89af12?auto=format&fit=crop&w=1200&q=85") center/cover !important;
  z-index:1 !important;
}

body main#top section.hero .heroShade{
  display:none !important;
}

body main#top section.hero .heroContent{
  width:min(1260px,calc(100% - 42px)) !important;
  max-width:none !important;
  min-height:0 !important;
  height:auto !important;
  margin:auto !important;
  padding:72px 0 0 !important;
  position:relative !important;
  z-index:3 !important;
  display:block !important;
  text-align:left !important;
}

body main#top section.hero #hero-title{
  margin:0 0 24px !important;
  max-width:none !important;
  color:#fff !important;
  text-align:left !important;
  font-size:35px !important;
  line-height:1.12 !important;
  font-weight:800 !important;
  letter-spacing:0 !important;
  text-transform:none !important;
  text-shadow:none !important;
}

body main#top section.hero .heroContent > p{
  display:none !important;
}

body main#top section.hero form.searchBox{
  width:min(800px,70%) !important;
  height:64px !important;
  min-height:0 !important;
  margin:0 !important;
  padding:0 !important;
  position:relative !important;
  display:flex !important;
  overflow:visible !important;
  background:#fff !important;
  border:5px solid rgba(255,255,255,.25) !important;
  border-radius:10px !important;
  color:#15191c !important;
  box-shadow:0 10px 25px rgba(0,0,0,.13) !important;
}

body main#top section.hero form.searchBox label{
  display:none !important;
}

body main#top section.hero .searchRow{
  width:100% !important;
  height:100% !important;
  min-height:0 !important;
  display:grid !important;
  grid-template-columns:52px minmax(0,1fr) 130px !important;
  align-items:center !important;
  gap:0 !important;
}

body main#top section.hero .searchMagnifier{
  grid-column:1 !important;
  justify-self:center !important;
  width:23px !important;
  height:23px !important;
  position:static !important;
  color:#777 !important;
  opacity:1 !important;
}

body main#top section.hero .searchRow input{
  grid-column:2 !important;
  width:100% !important;
  height:100% !important;
  min-width:0 !important;
  padding:0 18px 0 0 !important;
  border:0 !important;
  outline:0 !important;
  background:#fff !important;
  color:#15191c !important;
  font-size:18px !important;
  font-weight:400 !important;
  font-family:Arial,Helvetica,sans-serif !important;
  text-align:left !important;
}

body main#top section.hero .searchRow button{
  grid-column:3 !important;
  width:130px !important;
  height:54px !important;
  min-height:0 !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 6px 6px 0 !important;
  background:#ef8500 !important;
  color:#fff !important;
  font-size:15px !important;
  font-weight:800 !important;
  box-shadow:none !important;
}

body main#top section.hero .referenceFilterButton{
  margin:16px 0 0 !important;
  padding:11px 17px !important;
  border:0 !important;
  border-radius:5px !important;
  background:#19222b !important;
  color:#fff !important;
  font-size:14px !important;
  font-weight:700 !important;
  display:inline-flex !important;
  width:auto !important;
  height:auto !important;
  box-shadow:none !important;
}

body main#top section.hero .referenceAdvancedPanel:not([hidden]){
  width:min(800px,70%) !important;
  margin-top:12px !important;
  padding:14px !important;
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:10px !important;
  background:#19222b !important;
  border:1px solid rgba(255,255,255,.45) !important;
  border-radius:8px !important;
}

body main#top section.hero .referenceAdvancedPanel label span{
  color:#fff !important;
  font-size:10px !important;
}

body main#top section.hero .referenceAdvancedPanel select,
body main#top section.hero .referenceAdvancedPanel input,
body main#top section.hero .referenceAdvancedPanel button{
  min-width:0 !important;
  width:100% !important;
  height:42px !important;
  border-radius:5px !important;
  font-size:12px !important;
}

body main#top section.referenceBenefits{
  width:min(1260px,calc(100% - 42px)) !important;
  margin:0 auto !important;
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  background:#fff !important;
  border:1px solid #eee !important;
  border-top:0 !important;
}

body main#top section.referenceBenefits article{
  min-height:92px !important;
  padding:18px !important;
  display:flex !important;
  align-items:center !important;
  gap:12px !important;
  border-right:1px solid #eee !important;
}

body main#top section.referenceBenefits article:last-child{
  border-right:0 !important;
}

body main#top section.referenceBenefits span{
  width:42px !important;
  height:42px !important;
  flex:0 0 42px !important;
  border:1px solid #efc187 !important;
  border-radius:50% !important;
  color:#ef8500 !important;
  display:grid !important;
  place-items:center !important;
}

body main#top section.referenceBenefits strong{
  display:block !important;
  color:#15191c !important;
  font-size:13px !important;
  line-height:1.2 !important;
  font-weight:800 !important;
}

body main#top section.referenceBenefits small{
  display:block !important;
  margin-top:4px !important;
  color:#777 !important;
  font-size:10px !important;
}

body main#top > .pageShell.overlap{
  width:min(1260px,calc(100% - 42px)) !important;
  max-width:none !important;
  margin:34px auto 0 !important;
  padding:0 !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}

@media(max-width:1000px){
  body main#top header.topbar.referenceHeader .headerQuickLinks{
    display:none !important;
  }

  body main#top section.hero form.searchBox,
  body main#top section.hero .referenceAdvancedPanel:not([hidden]){
    width:85% !important;
  }
}

@media(max-width:700px){
  body main#top header.topbar.referenceHeader .navShell.referenceHead{
    width:calc(100% - 24px) !important;
    height:auto !important;
    min-height:82px !important;
    padding:12px 0 !important;
    flex-wrap:wrap !important;
  }

  body main#top header.topbar.referenceHeader .brand{
    width:180px !important;
    min-width:180px !important;
  }

  body main#top header.topbar.referenceHeader .brandLogoMark{
    width:52px !important;
    height:52px !important;
  }

  body main#top header.topbar.referenceHeader .topSearchDesktop{
    order:3 !important;
    flex-basis:100% !important;
    max-width:none !important;
  }

  body main#top header.topbar.referenceHeader .menuButton{
    display:block !important;
    margin-left:auto !important;
    padding:7px 10px !important;
    color:#15191c !important;
    border:1px solid #ddd !important;
    border-radius:6px !important;
    background:#fff !important;
  }

  body main#top header.topbar.referenceHeader nav.navLinks.referenceNav{
    width:100% !important;
    height:auto !important;
    display:none !important;
    padding:10px 12px !important;
    flex-direction:column !important;
    align-items:stretch !important;
    gap:0 !important;
  }

  body main#top header.topbar.referenceHeader nav.navLinks.referenceNav.open{
    display:flex !important;
  }

  body main#top header.topbar.referenceHeader nav.navLinks.referenceNav a{
    padding:12px !important;
    border-bottom:1px solid #eee !important;
  }

  body main#top section.hero{
    height:380px !important;
    min-height:380px !important;
  }

  body main#top section.hero::after{
    width:100% !important;
    opacity:.35 !important;
  }

  body main#top section.hero .heroContent{
    width:calc(100% - 24px) !important;
    padding-top:50px !important;
  }

  body main#top section.hero #hero-title{
    font-size:29px !important;
  }

  body main#top section.hero form.searchBox{
    width:100% !important;
    height:58px !important;
  }

  body main#top section.hero .searchRow{
    grid-template-columns:44px minmax(0,1fr) 104px !important;
  }

  body main#top section.hero .searchRow input{
    font-size:15px !important;
  }

  body main#top section.hero .searchRow button{
    width:104px !important;
    height:48px !important;
  }

  body main#top section.hero .referenceAdvancedPanel:not([hidden]){
    width:100% !important;
    grid-template-columns:1fr 1fr !important;
  }

  body main#top section.referenceBenefits{
    width:calc(100% - 24px) !important;
    grid-template-columns:1fr 1fr !important;
  }

  body main#top section.referenceBenefits small{
    display:none !important;
  }

  body main#top > .pageShell.overlap{
    width:calc(100% - 24px) !important;
    margin-top:24px !important;
  }
}

/* === CORRECAO ABSOLUTA: BUSCA DO HERO ALINHADA === */
body main#top section.hero{
  height:390px !important;
  min-height:390px !important;
  background:#ef8500 !important;
}

body main#top section.hero::after{
  content:"" !important;
  position:absolute !important;
  inset:0 0 0 auto !important;
  width:62% !important;
  height:100% !important;
  opacity:1 !important;
  background:
    linear-gradient(90deg,#ef8500 0%,rgba(239,133,0,.88) 20%,rgba(239,133,0,.36) 46%,rgba(239,133,0,0) 68%),
    linear-gradient(180deg,rgba(0,0,0,.06),rgba(0,0,0,.18)),
    url("../img/fundohero.webp") center/cover no-repeat !important;
  z-index:0 !important;
}

body main#top section.hero .heroContent{
  padding-top:70px !important;
}

body main#top section.hero form.searchBox{
  display:grid !important;
  grid-template-columns:1fr 58px 132px !important;
  grid-template-rows:25px 29px !important;
  align-items:stretch !important;
  width:min(800px,70%) !important;
  height:64px !important;
  padding:0 !important;
  border:5px solid rgba(255,255,255,.28) !important;
  border-radius:10px !important;
  overflow:hidden !important;
}

body main#top section.hero form.searchBox > label{
  grid-column:1 / 2 !important;
  grid-row:1 !important;
  display:block !important;
  margin:0 !important;
  padding:9px 18px 0 18px !important;
  color:#4f5d70 !important;
  font-size:13px !important;
  line-height:1 !important;
  font-weight:800 !important;
}

body main#top section.hero .searchRow{
  display:contents !important;
}

body main#top section.hero .searchRow input{
  grid-column:1 !important;
  grid-row:2 !important;
  width:100% !important;
  min-width:0 !important;
  height:29px !important;
  padding:0 18px !important;
  border:0 !important;
  align-self:stretch !important;
  font-size:18px !important;
  line-height:29px !important;
}

body main#top section.hero .searchMagnifier{
  grid-column:2 !important;
  grid-row:1 / 3 !important;
  width:58px !important;
  height:54px !important;
  margin:0 !important;
  place-self:stretch !important;
  display:grid !important;
  place-items:center !important;
  color:#66717f !important;
  position:static !important;
  transform:none !important;
}

body main#top section.hero .searchRow button{
  grid-column:3 !important;
  grid-row:1 / 3 !important;
  width:132px !important;
  height:54px !important;
  min-height:54px !important;
  margin:0 !important;
  padding:0 !important;
  align-self:stretch !important;
  border:0 !important;
  border-radius:0 !important;
  position:static !important;
  transform:none !important;
  box-shadow:none !important;
}

@media(max-width:700px){
  body main#top section.hero{
    height:430px !important;
    min-height:430px !important;
  }

  body main#top section.hero::after{
    width:100% !important;
    opacity:.38 !important;
    background:
      linear-gradient(90deg,#ef8500 0%,rgba(239,133,0,.82) 58%,rgba(239,133,0,.3)),
      url("../img/fundohero.webp") center/cover no-repeat !important;
  }

  body main#top section.hero form.searchBox{
    display:grid !important;
    grid-template-columns:1fr 48px !important;
    grid-template-rows:26px 34px 52px !important;
    width:100% !important;
    height:122px !important;
  }

  body main#top section.hero .searchRow{
    display:contents !important;
  }

  body main#top section.hero .searchRow input{
    grid-column:1 !important;
    grid-row:2 !important;
    height:34px !important;
    font-size:15px !important;
    line-height:34px !important;
  }

  body main#top section.hero .searchMagnifier{
    grid-column:2 !important;
    grid-row:1 / 3 !important;
    width:48px !important;
    height:60px !important;
  }

  body main#top section.hero .searchRow button{
    grid-column:1 / 3 !important;
    grid-row:3 !important;
    width:100% !important;
    height:52px !important;
    min-height:52px !important;
  }
}

/* === FIM DO ARQUIVO: BUSCA PRINCIPAL IGUAL AO MODELO === */
body main#top section.hero form.searchBox{
  position:relative !important;
  display:grid !important;
  grid-template-columns:72px minmax(0,1fr) 132px !important;
  grid-template-rows:54px !important;
  width:min(800px,70%) !important;
  height:64px !important;
  padding:0 !important;
  overflow:visible !important;
  background:#fff !important;
  border:5px solid rgba(255,255,255,.28) !important;
  border-radius:10px !important;
  box-shadow:0 10px 25px rgba(0,0,0,.14) !important;
}

body main#top section.hero form.searchBox > label{
  position:absolute !important;
  width:1px !important;
  height:1px !important;
  margin:-1px !important;
  padding:0 !important;
  overflow:hidden !important;
  clip:rect(0,0,0,0) !important;
  white-space:nowrap !important;
}

body main#top section.hero .searchRow{
  display:contents !important;
}

body main#top section.hero .searchMagnifier{
  grid-column:1 !important;
  grid-row:1 !important;
  width:24px !important;
  height:24px !important;
  margin:0 !important;
  display:grid !important;
  place-self:center !important;
  place-items:center !important;
  color:#536173 !important;
  position:static !important;
  transform:none !important;
}

body main#top section.hero .searchRow input{
  grid-column:2 !important;
  grid-row:1 !important;
  width:100% !important;
  height:54px !important;
  padding:0 18px 0 0 !important;
  border:0 !important;
  outline:0 !important;
  background:transparent !important;
  color:#65717f !important;
  font-size:20px !important;
  line-height:54px !important;
}

body main#top section.hero .searchRow button{
  grid-column:3 !important;
  grid-row:1 !important;
  width:132px !important;
  height:54px !important;
  min-height:54px !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 5px 5px 0 !important;
  align-self:stretch !important;
  position:static !important;
  transform:none !important;
  background:#ef8500 !important;
  box-shadow:none !important;
}

body main#top section.hero .searchAutocomplete{
  top:76px !important;
  left:0 !important;
  right:0 !important;
  z-index:80 !important;
  max-height:280px !important;
  overflow:auto !important;
}

@media(max-width:700px){
  body main#top section.hero form.searchBox{
    grid-template-columns:52px minmax(0,1fr) !important;
    grid-template-rows:54px 52px !important;
    width:100% !important;
    height:116px !important;
  }

  body main#top section.hero .searchMagnifier{
    grid-column:1 !important;
    grid-row:1 !important;
    width:22px !important;
    height:22px !important;
  }

  body main#top section.hero .searchRow input{
    grid-column:2 !important;
    grid-row:1 !important;
    height:54px !important;
    font-size:16px !important;
  }

  body main#top section.hero .searchRow button{
    grid-column:1 / 3 !important;
    grid-row:2 !important;
    width:100% !important;
    height:52px !important;
    min-height:52px !important;
    border-radius:0 0 5px 5px !important;
  }

  body main#top section.hero .searchAutocomplete{
    top:128px !important;
  }
}

/* === AJUSTE FINAL REAL MOBILE HOME === */
@media(max-width:700px){
  body main#top header.topbar.referenceHeader .topSearchDesktop{
    display:none !important;
    visibility:hidden !important;
    width:0 !important;
    height:0 !important;
    overflow:hidden !important;
    pointer-events:none !important;
  }

  body main#top header.topbar.referenceHeader .navShell.referenceHead{
    grid-template-columns:minmax(0,1fr) auto !important;
    align-items:center !important;
    gap:12px !important;
  }

  body main#top section.hero{
    height:auto !important;
    min-height:530px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    text-align:center !important;
    background-position:center center !important;
  }

  body main#top section.hero .heroContent{
    width:100% !important;
    min-height:0 !important;
    padding:54px 16px 72px !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    text-align:center !important;
  }

  body main#top section.hero h1{
    width:100% !important;
    max-width:520px !important;
    margin:0 auto 24px !important;
    text-align:center !important;
    font-size:clamp(31px,8.6vw,42px) !important;
    line-height:1.08 !important;
  }

  body main#top section.hero form.searchBox{
    width:min(100%,500px) !important;
    max-width:500px !important;
    margin:0 auto !important;
  }

  body main#top section.hero .searchRow button{
    background:#071728 !important;
    color:#fff !important;
    border:0 !important;
    box-shadow:none !important;
  }

  body main#top section.hero .referenceFilterButton{
    margin:18px auto 0 !important;
    align-self:center !important;
    justify-content:center !important;
    text-align:center !important;
  }
}

@media(max-width:420px){
  body main#top section.hero h1{
    font-size:31px !important;
  }

  body main#top section.hero .heroContent{
    padding-top:42px !important;
  }

  body main#top section.hero .searchRow input{
    font-size:14px !important;
  }
}


@media (max-width: 820px) {
  body main#top header.topbar.referenceHeader .topSearchDesktop {
    display: none !important;
  }

  body main#top header.topbar.referenceHeader .navShell.referenceHead {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: center !important;
  }

  body main#top section.hero {
    height: auto !important;
    min-height: 545px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
  }

  body main#top section.hero .heroContent {
    width: 100% !important;
    min-height: 0 !important;
    padding: 56px 16px 74px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
  }

  body main#top section.hero h1 {
    width: 100% !important;
    max-width: 520px !important;
    margin: 0 auto 20px !important;
    text-align: center !important;
    font-size: clamp(30px, 8vw, 42px) !important;
    line-height: 1.08 !important;
  }

  body main#top section.hero p {
    width: 100% !important;
    max-width: 480px !important;
    margin: 0 auto 22px !important;
    text-align: center !important;
    font-size: 15px !important;
    line-height: 1.45 !important;
  }

  body main#top section.hero form.searchBox {
    width: min(100%, 500px) !important;
    margin: 0 auto !important;
  }

  body main#top section.hero .searchRow button {
    background: #071728 !important;
    color: #fff !important;
    box-shadow: none !important;
    font-weight: 950 !important;
  }

  body main#top section.hero .referenceFilterButton {
    margin: 18px auto 0 !important;
    align-self: center !important;
    justify-content: center !important;
    text-align: center !important;
  }
}

body .navLinks .mobileMenuActions {
  display: none;
}

body .navLinks .mobileMenuAction {
  font-family: inherit;
}

@media (max-width: 980px) {
  body header.topbar .navLinks .mobileMenuActions,
  body main#top header.topbar .navLinks .mobileMenuActions,
  body main#top header.topbar.referenceHeader nav.navLinks.referenceNav .mobileMenuActions {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
    padding: 10px 2px 2px !important;
    margin-top: 6px !important;
    border-top: 1px solid rgba(255, 255, 255, .14) !important;
  }

  body header.topbar .navLinks .mobileMenuAction,
  body main#top header.topbar .navLinks .mobileMenuAction,
  body main#top header.topbar.referenceHeader nav.navLinks.referenceNav .mobileMenuAction {
    min-height: 44px !important;
    width: 100% !important;
    padding: 0 12px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    border: 1px solid rgba(255, 255, 255, .18) !important;
    border-radius: 8px !important;
    background: rgba(255, 255, 255, .08) !important;
    color: #fff !important;
    font-size: 14px !important;
    font-weight: 850 !important;
    text-align: center !important;
    cursor: pointer !important;
  }

  body main#top header.topbar.referenceHeader nav.navLinks.referenceNav .mobileMenuAction {
    background: #071623 !important;
    color: #fff !important;
    border-color: rgba(7, 22, 35, .14) !important;
  }

  body .navLinks .mobileMenuAction span {
    color: #ff8500 !important;
    font-size: 16px !important;
    line-height: 1 !important;
  }
}

@media (max-width: 520px) {
  body main#top section.hero {
    min-height: 560px !important;
  }

  body main#top section.hero .heroContent {
    padding-top: 42px !important;
  }

  body main#top section.hero h1 {
    font-size: 32px !important;
  }

  body main#top section.hero .searchRow input {
    font-size: 14px !important;
  }
}

/* Home: vitrine patrocinada no padrao da referencia */
body main#top #homeSponsorShowcase.sponsorShowcase {
  width: min(100% - 96px, 1220px) !important;
  margin: 30px auto 12px !important;
  padding: 0 !important;
  display: block !important;
  position: relative !important;
  overflow: visible !important;
}

body main#top #homeSponsorShowcase .sponsorTrack {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 8px !important;
  overflow: hidden !important;
}

body main#top #homeSponsorShowcase .sponsorDynamic {
  height: 210px !important;
  min-height: 210px !important;
  border-radius: 7px !important;
  overflow: hidden !important;
  position: relative !important;
  background: #07192b !important;
  box-shadow: 0 16px 32px rgba(3, 24, 45, .12) !important;
}

body main#top #homeSponsorShowcase .sponsorCardLink {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  padding: 0 !important;
  overflow: hidden !important;
  color: #fff !important;
  text-decoration: none !important;
}

body main#top #homeSponsorShowcase .sponsorCardLink::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  background: linear-gradient(90deg, rgba(0, 17, 32, .94) 0%, rgba(0, 17, 32, .84) 54%, rgba(0, 17, 32, .42) 76%, rgba(0, 17, 32, .08) 100%) !important;
}

body main#top #homeSponsorShowcase .sponsorVisual {
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  margin: 0 !important;
  width: 100% !important;
  height: 100% !important;
}

body main#top #homeSponsorShowcase .sponsorVisual img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
}

body main#top #homeSponsorShowcase .sponsorCopy {
  position: relative !important;
  z-index: 2 !important;
  width: calc(100% - 32px) !important;
  max-width: none !important;
  min-width: 0 !important;
  height: 100% !important;
  padding: 24px 16px 22px 24px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
  gap: 9px !important;
}

body main#top #homeSponsorShowcase .sponsorCopy strong,
body main#top #homeSponsorShowcase .sponsorCopy h2,
body main#top #homeSponsorShowcase .sponsorButton {
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
  hyphens: none !important;
  text-align: left !important;
}

body main#top #homeSponsorShowcase .sponsorCopy strong {
  display: block !important;
  width: min(100%, 390px) !important;
  max-width: 100% !important;
  margin: 0 !important;
  color: #fff !important;
  font-size: clamp(18px, 1.22vw, 23px) !important;
  line-height: 1.05 !important;
  font-weight: 950 !important;
  letter-spacing: 0 !important;
}

body main#top #homeSponsorShowcase .sponsorCopy h2 {
  display: -webkit-box !important;
  width: min(100%, 390px) !important;
  max-width: 100% !important;
  margin: 0 !important;
  color: #fff !important;
  font-size: clamp(12px, .92vw, 15px) !important;
  line-height: 1.18 !important;
  font-weight: 850 !important;
  -webkit-line-clamp: 5 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}

body main#top #homeSponsorShowcase .sponsorCopy p {
  display: none !important;
}

body main#top #homeSponsorShowcase .sponsorButton {
  margin-top: auto !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  min-width: 136px !important;
  max-width: 205px !important;
  min-height: 38px !important;
  padding: 8px 14px !important;
  border-radius: 5px !important;
  background: #fff !important;
  color: #06192b !important;
  font-size: 11px !important;
  line-height: 1.08 !important;
  font-weight: 950 !important;
  text-align: center !important;
}

body main#top #homeSponsorShowcase .sponsorTone2 .sponsorButton {
  background: #ffb000 !important;
}

body main#top #homeSponsorShowcase .sponsorDynamic .sponsorCopy,
html body main#top #homeSponsorShowcase .sponsorDynamic .sponsorCopy {
  width: calc(100% - 32px) !important;
  max-width: none !important;
}

body main#top #homeSponsorShowcase .sponsorDynamic strong,
html body main#top #homeSponsorShowcase .sponsorDynamic strong {
  width: min(100%, 390px) !important;
  max-width: 100% !important;
  font-size: clamp(18px, 1.22vw, 23px) !important;
  line-height: 1.05 !important;
  white-space: normal !important;
  overflow: visible !important;
}

body main#top #homeSponsorShowcase .sponsorDynamic h2,
html body main#top #homeSponsorShowcase .sponsorDynamic h2 {
  width: min(100%, 390px) !important;
  max-width: 100% !important;
  font-size: clamp(12px, .92vw, 15px) !important;
  line-height: 1.18 !important;
  -webkit-line-clamp: 5 !important;
}

body main#top #homeSponsorShowcase .roundArrow {
  position: absolute !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  z-index: 20 !important;
  width: 36px !important;
  height: 36px !important;
  border-radius: 50% !important;
  border: 1px solid #dfe4e9 !important;
  background: #fff !important;
  color: #06192b !important;
  display: grid !important;
  place-items: center !important;
  font-size: 24px !important;
  line-height: 1 !important;
  box-shadow: 0 12px 28px rgba(5, 19, 35, .12) !important;
}

body main#top #homeSponsorShowcase .roundArrow.left {
  left: -44px !important;
  right: auto !important;
}

body main#top #homeSponsorShowcase .roundArrow.right {
  right: -44px !important;
  left: auto !important;
}

@media (max-width: 1100px) {
  body main#top #homeSponsorShowcase.sponsorShowcase {
    width: min(100% - 56px, 980px) !important;
  }

  body main#top #homeSponsorShowcase .sponsorTrack {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body main#top #homeSponsorShowcase .sponsorTrack .sponsorDynamic:nth-child(3) {
    display: none !important;
  }

  body main#top #homeSponsorShowcase .roundArrow.left {
    left: -42px !important;
  }

  body main#top #homeSponsorShowcase .roundArrow.right {
    right: -42px !important;
  }
}

@media (max-width: 720px) {
  body main#top #homeSponsorShowcase.sponsorShowcase {
    width: min(100% - 24px, 520px) !important;
  }

  body main#top #homeSponsorShowcase .sponsorTrack {
    grid-template-columns: 1fr !important;
  }

  body main#top #homeSponsorShowcase .sponsorTrack .sponsorDynamic:nth-child(n+2) {
    display: none !important;
  }

  body main#top #homeSponsorShowcase .roundArrow {
    display: none !important;
  }

  body main#top #homeSponsorShowcase .sponsorDynamic {
    height: 220px !important;
  }

  body main#top #homeSponsorShowcase .sponsorCopy {
    padding: 23px 22px !important;
  }

  body main#top #homeSponsorShowcase .sponsorCopy h2 {
    max-width: 86% !important;
    font-size: 16px !important;
  }
}

/* Home V2: isolated from the legacy marketplace styles. */
body.homeV2{background:#fff;color:#1e252b;font-family:Arial,Helvetica,sans-serif}
body.homeV2 main#top .pageShell,body.homeV2 main#top header .navShell,body.homeV2 main#top header .navLinks{width:min(1280px,calc(100% - 48px))!important;max-width:none!important;margin-inline:auto!important}
body.homeV2 .visuallyHidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
body.homeV2 :is(a,button,input,select):focus-visible{outline:3px solid #ec7900!important;outline-offset:3px!important}
body.homeV2 main#top header.topbar.referenceHeader{position:sticky!important;top:0!important;background:#fff!important;border-bottom:1px solid #e5e7e9!important;box-shadow:none!important;z-index:90!important}
body.homeV2 main#top header.topbar.referenceHeader .navShell.referenceHead{height:70px!important;gap:24px!important}
body.homeV2 main#top header.topbar.referenceHeader .brand{width:194px!important;min-width:194px!important}
body.homeV2 main#top header.topbar.referenceHeader .brandLogoMark{width:48px!important;height:48px!important}
body.homeV2 main#top header.topbar.referenceHeader .brand strong,body.homeV2 main#top header.topbar.referenceHeader .brand b{font-size:17px!important;font-weight:800!important}
body.homeV2 main#top header.topbar.referenceHeader .topSearchDesktop{display:none!important;max-width:420px!important;height:40px!important;flex:1 1 280px!important}
body.homeV2.homePastHero main#top header.topbar.referenceHeader .topSearchDesktop{display:flex!important}
body.homeV2 main#top header.topbar.referenceHeader .topSearchDesktop button{width:48px!important;background:#e87900!important}
body.homeV2 main#top header.topbar.referenceHeader .headerQuickLinks{gap:16px!important;font-size:14px!important}
@media(min-width:701px){body.homeV2 main#top header.topbar.referenceHeader .headerQuickLinks{display:flex!important}}
body.homeV2 main#top header.topbar.referenceHeader .headerQuickLinks :is(a,button){font-size:14px!important;color:#26313a!important;cursor:pointer}
body.homeV2 main#top header.topbar.referenceHeader .headerQuickLinks .homeAdvertiseLink{background:#e87900!important;color:#fff!important;border-radius:6px!important;padding:11px 20px!important;font-weight:700!important}
body.homeV2 main#top header.topbar.referenceHeader .headerQuickLinks .homeAdvertiseLink:hover{background:#c96900!important}
body.homeV2 main#top header.topbar.referenceHeader .headerQuickLinks .homeFavoriteLink{font-size:19px!important}
body.homeV2 main#top header.topbar.referenceHeader .headerQuickLinks .headerLoginLink{display:flex!important;align-items:center!important;gap:7px!important}
body.homeV2 main#top header.topbar.referenceHeader .headerQuickLinks .headerLoginLink b{font-size:14px!important;font-weight:600!important}
body.homeV2 main#top header.topbar.referenceHeader nav.navLinks.referenceNav{height:45px!important;gap:30px!important;border-top:1px solid #f1f1f1!important}
body.homeV2 main#top header.topbar.referenceHeader nav.navLinks.referenceNav a{font-size:13px!important;font-weight:600!important}
body.homeV2 main#top header.topbar.referenceHeader nav.navLinks.referenceNav .homeMobileOnly{display:none!important}
body.homeV2 main#top section.hero{height:clamp(430px,39vw,510px)!important;min-height:0!important;background:#0c1a20 url('../img/fundohero.webp') center 55%/cover no-repeat!important;color:#fff!important}
body.homeV2 main#top section.hero::before{inset:0!important;width:100%!important;height:100%!important;background:linear-gradient(90deg,rgba(7,20,27,.88) 0%,rgba(7,20,27,.62) 45%,rgba(7,20,27,.12) 100%)!important;opacity:1!important}
body.homeV2 main#top section.hero::after{content:none!important;display:none!important}
body.homeV2 main#top section.hero .heroContent{width:min(1280px,calc(100% - 48px))!important;height:100%!important;padding:72px 0 30px!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important}
body.homeV2 main#top section.hero #hero-title{max-width:700px!important;margin:0 0 16px!important;font-size:clamp(35px,3.5vw,50px)!important;font-weight:700!important;line-height:1.12!important;letter-spacing:0!important}
body.homeV2 main#top section.hero .heroContent>p{display:block!important;max-width:670px!important;margin:0 0 26px!important;font-size:17px!important;font-weight:400!important;line-height:1.5!important;color:#e8edef!important}
body.homeV2 main#top section.hero .heroContent>p{text-align:left!important}
body.homeV2 main#top section.hero form.searchBox{width:min(740px,100%)!important;height:60px!important;margin:0!important;border:0!important;border-radius:7px!important;box-shadow:0 10px 28px #0003!important}
body.homeV2 main#top section.hero .searchRow{grid-template-columns:50px minmax(0,1fr) 116px!important}
body.homeV2 main#top section.hero .searchRow input{font-size:15px!important;padding-right:10px!important}
body.homeV2 main#top section.hero .searchRow button{width:116px!important;height:60px!important;border-radius:0 7px 7px 0!important;background:#e87900!important;font-size:15px!important;font-weight:700!important}
body.homeV2 main#top section.hero .referenceFilterButton{margin:14px 0 0!important;padding:6px 0!important;background:transparent!important;color:#fff!important;font-size:14px!important;font-weight:600!important}
body.homeV2 main#top section.hero .referenceFilterButton:hover{text-decoration:underline}
body.homeV2 main#top section.hero .referenceAdvancedPanel:not([hidden]){width:min(740px,100%)!important;background:#fff!important;border:1px solid #dee2e4!important;box-shadow:0 14px 40px #0004!important;z-index:5!important}
body.homeV2 main#top section.hero .referenceAdvancedPanel label span{color:#3d4850!important}
body.homeV2 main#top>.pageShell.overlap{margin:0 auto!important;padding:0 0 76px!important}
body.homeV2 main#top .homeCategories{padding:48px 0 38px}
body.homeV2 main#top .sectionHead{display:flex;align-items:end;justify-content:space-between;gap:24px;margin:0 0 22px}
body.homeV2 main#top .sectionHead h2,body.homeV2 main#top .homeAdSecondary h2,body.homeV2 main#top .homeCommercial h2,body.homeV2 main#top .homeFinalCta h2{margin:0;color:#20272c;font-size:clamp(24px,2.3vw,30px);font-weight:700;line-height:1.2;letter-spacing:0}
body.homeV2 main#top .sectionHead p{margin:7px 0 0;color:#69747c;font-size:15px}
body.homeV2 main#top .sectionHead>a{color:#9c5300;font-size:14px;font-weight:700;white-space:nowrap}
body.homeV2 main#top #categoryStrip.categoryStrip{min-height:0!important;margin:0!important;padding:0!important;display:flex!important;gap:10px!important;overflow-x:auto!important;scrollbar-width:thin;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important}
body.homeV2 main#top #categoryStrip.categoryStrip a{height:98px!important;min-width:0!important;flex:1 0 0!important;gap:10px!important;padding:14px 8px!important;background:#f6f7f7!important;border:1px solid #ebedee!important;border-radius:6px!important;color:#27333b!important;font-size:12px!important;font-weight:600!important}
body.homeV2 main#top #categoryStrip.categoryStrip a span{font-size:12px!important;line-height:1.2!important;font-weight:600!important}
body.homeV2 main#top #categoryStrip.categoryStrip a:hover{background:#fff8f0!important;border-color:#e9ad6c!important;color:#a55300!important;transform:none!important}
body.homeV2 main#top #categoryStrip.categoryStrip .bi{font-size:25px!important;color:#a85a05!important}
body.homeV2 main#top .homeAdvertising{padding:0 0 12px}
body.homeV2 main#top .homeEyebrow{display:block;margin:0 0 10px;color:#747d83;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}
body.homeV2 main#top #homeSponsorShowcase.sponsorShowcase{margin:0!important;gap:12px!important}
body.homeV2 main#top #homeSponsorShowcase.sponsorShowcase.is-empty{display:block!important}
body.homeV2 .homeAdPlaceholder{min-height:165px;padding:32px 42px;background:#f1f4f4;display:flex;align-items:center;justify-content:space-between;gap:24px;border-radius:6px}
body.homeV2 .homeAdPlaceholder strong{display:block;font-size:23px;line-height:1.2;font-weight:700}
body.homeV2 .homeAdPlaceholder p{margin:8px 0 0;color:#637079;font-size:14px}
body.homeV2 .homeAdPlaceholder a{display:inline-flex;padding:13px 17px;border:1px solid #33434c;border-radius:6px;font-size:13px;font-weight:700;white-space:nowrap}
body.homeV2 main#top #homeSponsorShowcase.is-empty .roundArrow{display:none!important}
body.homeV2 main#top .contentSection{margin:50px 0 0!important;padding:0!important}
body.homeV2 main#top .productCard{border:1px solid #e6e8e9!important;border-radius:7px!important;box-shadow:none!important;overflow:hidden!important}
body.homeV2 main#top .productCard:hover{box-shadow:0 10px 26px #1e2c3315!important;transform:translateY(-2px)!important}
body.homeV2 main#top .productCard .productImage{aspect-ratio:4/3!important;height:auto!important}
body.homeV2 main#top .productCard .productImage img{width:100%;height:100%;object-fit:cover}
body.homeV2 main#top .productCard h3{font-size:16px!important;line-height:1.35!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-weight:700!important}
body.homeV2 main#top .productCard .productBody>strong{font-size:19px!important;color:#19262d!important}
body.homeV2 main#top .productCard .badge{font-size:10px!important;padding:5px 8px!important}
body.homeV2 main#top .categoryCardGrid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important}
body.homeV2 main#top .categoryCard{height:190px!important;min-width:0!important;border:0!important;border-radius:7px!important;overflow:hidden!important;position:relative!important}
body.homeV2 main#top .categoryCard img{width:100%!important;height:100%!important;object-fit:cover!important;filter:none!important}
body.homeV2 main#top .categoryCard::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#071a24c9,transparent 70%);pointer-events:none}
body.homeV2 main#top .categoryCard span{position:absolute!important;bottom:16px!important;left:20px!important;z-index:1!important;color:#fff!important}
body.homeV2 main#top .categoryCard strong{color:#fff!important;font-size:18px!important}
body.homeV2 main#top .categoryCard small{color:#e8edef!important}
body.homeV2 main#top .homeAdSecondary{margin-top:50px;padding:28px 34px;background:#f6f5f2;border:1px solid #e8e4df;border-radius:7px;display:flex;justify-content:space-between;align-items:center;gap:25px}
body.homeV2 main#top .homeAdSecondary h2{font-size:23px}
body.homeV2 main#top .homeAdSecondary p{margin:8px 0 0;color:#59636a;font-size:14px}
body.homeV2 main#top .homeAdSecondary a{font-size:14px;font-weight:700;color:#a45500;white-space:nowrap}
body.homeV2 main#top .companyGrid{gap:14px!important}
body.homeV2 main#top .companyCard{border:1px solid #e5e8e9!important;border-radius:7px!important;box-shadow:none!important}
body.homeV2 main#top .homeCommercial{display:grid;grid-template-columns:1fr 1fr;gap:0;margin-top:52px;border-radius:7px;overflow:hidden}
body.homeV2 main#top .homeCommercial>div{padding:38px 42px;background:#f2f5f5}
body.homeV2 main#top .homeCommercial>div+div{background:#202b31;color:#fff}
body.homeV2 main#top .homeCommercial>div+div h2{color:#fff}
body.homeV2 main#top .homeCommercial p{max-width:430px;margin:12px 0 22px;font-size:15px;line-height:1.5;color:#617078}
body.homeV2 main#top .homeCommercial>div+div p{color:#ced6d9}
body.homeV2 main#top .homeCommercial a{display:inline-block;padding:12px 18px;border-radius:5px;background:#e87900;color:#fff;font-weight:700;font-size:14px}
body.homeV2 main#top .homeCommercial>div+div a{background:#fff;color:#202b31}
body.homeV2 main#top .homeHow{margin-top:54px}
body.homeV2 main#top .homeHowGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
body.homeV2 main#top .homeHowGrid article{position:relative;padding:8px 22px 8px 0;border-right:1px solid #e3e6e7}
body.homeV2 main#top .homeHowGrid article:last-child{border:0}
body.homeV2 main#top .homeHowGrid i{display:block;color:#c66700;font-size:27px}
body.homeV2 main#top .homeHowGrid span{position:absolute;top:12px;right:28px;color:#a7afb2;font-size:12px}
body.homeV2 main#top .homeHowGrid h3{margin:13px 0 5px;font-size:18px}
body.homeV2 main#top .homeHowGrid p{margin:0;max-width:290px;color:#647079;font-size:14px;line-height:1.5}
body.homeV2 main#top #artigos[hidden]{display:none!important}
body.homeV2 main#top #artigos .articleGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
body.homeV2 main#top #artigos .articleCard{display:block;border:1px solid #e5e8e9;border-radius:7px;overflow:hidden}
body.homeV2 main#top #artigos .articleCard img{width:100%;aspect-ratio:16/9;object-fit:cover}
body.homeV2 main#top #artigos .articleCard>div{padding:18px}
body.homeV2 main#top #artigos .articleCard h3{font-size:17px;line-height:1.35;margin:0 0 8px}
body.homeV2 main#top #artigos .articleCard p{font-size:14px;color:#667179;margin:0 0 12px}
body.homeV2 main#top .homeFinalCta{background:#202a30;color:#fff;padding:45px 0}
body.homeV2 main#top .homeFinalCta .pageShell{display:flex;align-items:center;justify-content:space-between;gap:30px}
body.homeV2 main#top .homeFinalCta h2{color:#fff;font-size:29px}
body.homeV2 main#top .homeFinalCta p{margin:8px 0 0;color:#d3dadc;font-size:15px}
body.homeV2 main#top .homeFinalCta .pageShell>div+div{display:flex;gap:10px}
body.homeV2 main#top .homeFinalCta a{padding:12px 18px;border:1px solid #fff;border-radius:5px;color:#fff;font-weight:700;white-space:nowrap}
body.homeV2 main#top .homeFinalCta a+ a{background:#e87900;border-color:#e87900}
body.homeV2 main#top .siteFooter .footerGrid{grid-template-columns:1.5fr repeat(4,1fr)!important;gap:30px!important}
body.homeV2 main#top .siteFooter a[href="#"]{display:none}
body.homeV2 .homeEmpty{padding:24px 0;color:#627079;font-size:15px}
body.homeV2 .cookie-consent{max-width:min(520px,calc(100% - 20px));padding:13px 16px!important}
@media(max-width:1000px){body.homeV2 main#top #categoryStrip.categoryStrip a{flex:0 0 140px!important}body.homeV2 main#top .categoryCardGrid{grid-template-columns:repeat(2,minmax(0,1fr))!important}body.homeV2 main#top .siteFooter .footerGrid{grid-template-columns:repeat(3,1fr)!important}}
@media(max-width:700px){
  body.homeV2 main#top .pageShell,body.homeV2 main#top header .navShell,body.homeV2 main#top header .navLinks{width:calc(100% - 32px)!important}
  body.homeV2 main#top header.topbar.referenceHeader .navShell.referenceHead{display:flex!important;align-items:center!important;min-height:62px!important;height:62px!important;padding:0!important;flex-wrap:nowrap!important}
  body.homeV2 main#top header.topbar.referenceHeader .brand{width:172px!important;min-width:172px!important}
  body.homeV2 main#top header.topbar.referenceHeader .brandLogoMark{width:42px!important;height:42px!important}
  body.homeV2 main#top header.topbar.referenceHeader .brand strong,body.homeV2 main#top header.topbar.referenceHeader .brand b{font-size:15px!important}
  body.homeV2 main#top header.topbar.referenceHeader .topSearchDesktop,body.homeV2.homePastHero main#top header.topbar.referenceHeader .topSearchDesktop{display:none!important}
  body.homeV2 main#top header.topbar.referenceHeader .headerQuickLinks{display:flex!important;margin-left:auto!important;gap:12px!important}
  body.homeV2 main#top header.topbar.referenceHeader .headerQuickLinks .homeAdvertiseLink,body.homeV2 main#top header.topbar.referenceHeader .headerQuickLinks .headerLoginLink b{display:none!important}
  body.homeV2 main#top header.topbar.referenceHeader .headerQuickLinks .headerLoginLink{font-size:0!important}
  body.homeV2 main#top header.topbar.referenceHeader .headerQuickLinks .headerLoginLink::before{content:"\f4da";font-family:"bootstrap-icons";font-size:20px;line-height:1}
  body.homeV2 main#top header.topbar.referenceHeader .headerQuickLinks{gap:6px!important}
  body.homeV2 main#top header.topbar.referenceHeader .navShell.referenceHead{gap:8px!important}
  body.homeV2 main#top header.topbar.referenceHeader .headerQuickLinks .headerLoginLink b{display:none!important;font-size:0!important}
  body.homeV2 main#top header.topbar.referenceHeader .headerQuickLinks .homeFavoriteLink{font-size:20px!important;padding:6px!important}
  body.homeV2 main#top header.topbar.referenceHeader .headerQuickLinks button.headerLoginLink{font-size:0!important;padding:6px!important}
  body.homeV2 main#top header.topbar.referenceHeader .menuButton{display:block!important;margin:0!important;border:0!important;font-size:22px!important}
  body.homeV2 main#top header.topbar.referenceHeader nav.navLinks.referenceNav{display:none!important;position:absolute!important;top:62px!important;left:0!important;width:100%!important;padding:14px 16px!important;background:#fff!important;box-shadow:0 14px 22px #0002!important}
  body.homeV2 main#top header.topbar.referenceHeader nav.navLinks.referenceNav.open{display:flex!important;flex-direction:column!important;align-items:stretch!important;height:auto!important;gap:0!important}
  body.homeV2 main#top header.topbar.referenceHeader nav.navLinks.referenceNav .homeMobileOnly{display:block!important}
  body.homeV2 main#top header.topbar.referenceHeader nav.navLinks.referenceNav a{padding:12px 4px!important}
  body.homeV2 main#top section.hero{height:auto!important;min-height:440px!important;background-position:44% center!important}
  body.homeV2 main#top section.hero::before{background:linear-gradient(90deg,#081920dc,#0819209c)!important}
  body.homeV2 main#top section.hero .heroContent{width:calc(100% - 32px)!important;min-height:440px!important;padding:40px 0!important}
  body.homeV2 main#top section.hero #hero-title{font-size:clamp(30px,8vw,37px)!important;max-width:500px!important;margin-bottom:12px!important}
  body.homeV2 main#top section.hero .heroContent>p{font-size:14px!important;margin-bottom:22px!important}
  body.homeV2 main#top section.hero form.searchBox{width:100%!important;height:54px!important;display:block!important}
  body.homeV2 main#top section.hero .searchRow{display:grid!important;grid-template-columns:38px minmax(0,1fr) 76px!important}
  body.homeV2 main#top section.hero .searchRow>*{grid-row:1!important}
  body.homeV2 main#top section.hero .searchRow button{grid-column:3!important}
  body.homeV2 main#top section.hero .searchMagnifier{width:18px!important;height:18px!important}
  body.homeV2 main#top section.hero .searchRow input{font-size:13px!important}
  body.homeV2 main#top section.hero .searchRow button{width:76px!important;height:54px!important;font-size:12px!important}
  body.homeV2 main#top section.hero .referenceAdvancedPanel:not([hidden]){width:100%!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body.homeV2 main#top .homeCategories{padding:30px 0 24px}
  body.homeV2 main#top .sectionHead{align-items:flex-start}
  body.homeV2 main#top .sectionHead h2{font-size:23px!important}
  body.homeV2 main#top .sectionHead p{font-size:13px}
  body.homeV2 main#top #categoryStrip.categoryStrip a{flex:0 0 118px!important;height:86px!important}
  body.homeV2 .homeAdPlaceholder{padding:22px;min-height:140px;align-items:flex-start;flex-direction:column}
  body.homeV2 .homeAdPlaceholder strong{font-size:19px}
  body.homeV2 main#top .categoryCardGrid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
  body.homeV2 main#top .categoryCard{height:155px!important}
  body.homeV2 main#top .categoryCard span{left:12px!important;bottom:11px!important}
  body.homeV2 main#top .categoryCard strong{font-size:15px!important}
  body.homeV2 main#top .homeAdSecondary{padding:22px;flex-direction:column;align-items:flex-start}
  body.homeV2 main#top .homeCommercial{grid-template-columns:1fr}
  body.homeV2 main#top .homeCommercial>div{padding:28px}
  body.homeV2 main#top .homeHowGrid{grid-template-columns:1fr;gap:18px}
  body.homeV2 main#top .homeHowGrid article{border:0;border-bottom:1px solid #e4e7e8;padding-bottom:18px}
  body.homeV2 main#top #artigos .articleGrid{grid-template-columns:1fr}
  body.homeV2 main#top .homeFinalCta .pageShell{flex-direction:column;align-items:flex-start}
  body.homeV2 main#top .homeFinalCta .pageShell>div+div{flex-wrap:wrap}
  body.homeV2 main#top .siteFooter .footerGrid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body.homeV2 .cookie-consent{left:10px!important;right:10px!important;bottom:10px!important;width:auto!important;max-width:none!important;gap:8px!important}
  body.homeV2 .cookie-consent span{font-size:12px!important;line-height:1.3!important}
}
@media(max-width:390px){body.homeV2 main#top header.topbar.referenceHeader .brand{width:145px!important;min-width:145px!important}body.homeV2 main#top header.topbar.referenceHeader .brand strong,body.homeV2 main#top header.topbar.referenceHeader .brand b{font-size:13px!important}body.homeV2 main#top section.hero .referenceAdvancedPanel:not([hidden]){grid-template-columns:1fr!important}body.homeV2 main#top .siteFooter .footerGrid{grid-template-columns:1fr 1fr!important}}

/* Home campaign carousel and sector-specific category navigation. */
body.homeV2 main#top #categoryStrip.categoryStrip{display:grid!important;grid-template-columns:repeat(8,minmax(0,1fr))!important;gap:10px!important;overflow:visible!important;scrollbar-width:none!important}
body.homeV2 main#top #categoryStrip.categoryStrip a{min-width:0!important;min-height:113px!important;height:auto!important;padding:12px 8px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;gap:5px!important;background:#f7f8f8!important;border:1px solid #e6e9ea!important;box-shadow:none!important;text-align:center!important}
body.homeV2 main#top #categoryStrip.categoryStrip a .categoryIcon{width:48px;height:48px;margin:0 auto 2px;display:grid;place-items:center;background:#fdf0e3;border-radius:7px;color:#303b40}
body.homeV2 main#top #categoryStrip.categoryStrip a .categoryIcon svg{display:block;width:31px;height:31px;overflow:visible}
body.homeV2 main#top #categoryStrip.categoryStrip a .categoryName{font-size:12px!important;line-height:1.2!important;font-weight:700!important;color:#253038!important;overflow-wrap:anywhere}
body.homeV2 main#top #categoryStrip.categoryStrip a small{font-size:10px!important;line-height:1.2!important;color:#6c787e!important}
body.homeV2 main#top #categoryStrip.categoryStrip a:hover,body.homeV2 main#top #categoryStrip.categoryStrip a:focus-visible{background:#fff9f3!important;border-color:#e4ab72!important;transform:none!important}
body.homeV2 main#top #categoryStrip.categoryStrip a:hover .categoryIcon,body.homeV2 main#top #categoryStrip.categoryStrip a:focus-visible .categoryIcon{color:#dd7500}
body.homeV2 main#top .categoryAllLink{display:inline-flex;align-items:center;gap:7px;margin-top:16px;color:#9c5300;font-size:13px;font-weight:700}

body.homeV2 main#top #homeSponsorShowcase.sponsorShowcase{display:block!important;width:100%!important;height:clamp(250px,24vw,300px)!important;margin:0!important;padding:0!important;position:relative!important;overflow:hidden!important;border-radius:7px!important;background:#09141b!important}
body.homeV2 main#top #homeSponsorShowcase .sponsorTrack{display:flex!important;grid-template-columns:none!important;gap:0!important;width:100%!important;height:100%!important;overflow:visible!important;transition:transform .4s ease!important;will-change:transform}
body.homeV2 main#top #homeSponsorShowcase .homeBannerSlide{flex:0 0 100%;width:100%;height:100%;min-width:0;position:relative}
body.homeV2 main#top #homeSponsorShowcase .homeBannerSlide>a{display:block;width:100%;height:100%;position:relative;color:#fff;overflow:hidden}
body.homeV2 main#top #homeSponsorShowcase .homeBannerSlide picture,body.homeV2 main#top #homeSponsorShowcase .homeBannerSlide img{display:block;width:100%;height:100%}
body.homeV2 main#top #homeSponsorShowcase .homeBannerSlide img{object-fit:cover;object-position:center}
body.homeV2 main#top #homeSponsorShowcase .homeBannerSlide:first-child img{object-fit:contain;background:#07131a}
body.homeV2 main#top #homeSponsorShowcase .homeBannerSlide:not(:first-child)>a::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,16,23,.88),rgba(4,16,23,.18) 78%);pointer-events:none}
body.homeV2 main#top #homeSponsorShowcase .homeBannerOverlay{position:absolute;z-index:1;left:5%;top:50%;transform:translateY(-50%);max-width:470px;display:flex;flex-direction:column;align-items:flex-start;gap:8px}
body.homeV2 main#top #homeSponsorShowcase .homeBannerSlide:first-child .homeBannerOverlay{display:none}
body.homeV2 main#top #homeSponsorShowcase .homeBannerOverlay strong{color:#fff;font-size:clamp(23px,2.7vw,34px);font-weight:700;line-height:1.15}
body.homeV2 main#top #homeSponsorShowcase .homeBannerOverlay small{color:#ebeff0;font-size:15px;line-height:1.4}
body.homeV2 main#top #homeSponsorShowcase .homeBannerOverlay em{margin-top:12px;padding:11px 16px;background:#e87900;border-radius:5px;color:#fff;font-size:14px;font-style:normal;font-weight:700}
body.homeV2 main#top #homeSponsorShowcase .roundArrow{position:absolute!important;top:50%!important;width:36px!important;height:36px!important;z-index:4!important;border:1px solid #ffffffa8!important;background:#fffffff0!important;color:#253139!important;box-shadow:none!important;font-size:23px!important}
body.homeV2 main#top #homeSponsorShowcase .roundArrow.left{left:12px!important}
body.homeV2 main#top #homeSponsorShowcase .roundArrow.right{right:12px!important}
body.homeV2 main#top #homeSponsorDots.dots{display:flex!important;justify-content:center!important;gap:8px!important;margin:11px 0 0!important}
body.homeV2 main#top #homeSponsorDots.dots button{width:9px;height:9px;min-width:9px;padding:0;border:0;border-radius:50%;background:#b8c0c3;cursor:pointer}
body.homeV2 main#top #homeSponsorDots.dots button.is-active{background:#df7600}
@media(max-width:1050px){body.homeV2 main#top #categoryStrip.categoryStrip{grid-template-columns:repeat(4,minmax(0,1fr))!important}}
@media(max-width:700px){
  body.homeV2 main#top #categoryStrip.categoryStrip{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important;overflow:visible!important}
  body.homeV2 main#top #categoryStrip.categoryStrip a{min-height:101px!important;padding:10px 8px!important}
  body.homeV2 main#top #categoryStrip.categoryStrip a .categoryIcon{width:42px;height:42px}
  body.homeV2 main#top #categoryStrip.categoryStrip a .categoryIcon svg{width:28px;height:28px}
  body.homeV2 main#top #categoryStrip.categoryStrip a .categoryName{font-size:12px!important}
  body.homeV2 main#top #homeSponsorShowcase.sponsorShowcase{height:190px!important;min-height:0!important}
  body.homeV2 main#top #homeSponsorShowcase .homeBannerSlide:first-child img{object-fit:cover;object-position:50% 48%}
  body.homeV2 main#top #homeSponsorShowcase .homeBannerSlide:first-child>a::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,16,23,.9),rgba(4,16,23,.3));pointer-events:none}
  body.homeV2 main#top #homeSponsorShowcase .homeBannerSlide:first-child .homeBannerOverlay{display:flex}
  body.homeV2 main#top #homeSponsorShowcase .homeBannerOverlay{left:7%;right:7%;max-width:250px;gap:6px}
  body.homeV2 main#top #homeSponsorShowcase .homeBannerOverlay strong{font-size:20px;line-height:1.15}
  body.homeV2 main#top #homeSponsorShowcase .homeBannerOverlay small{font-size:12px}
  body.homeV2 main#top #homeSponsorShowcase .homeBannerOverlay em{margin-top:5px;padding:8px 11px;font-size:11px}
  body.homeV2 main#top #homeSponsorShowcase .roundArrow{display:none!important}
}
@media(prefers-reduced-motion:reduce){body.homeV2 main#top #homeSponsorShowcase .sponsorTrack{transition:none!important}}

/* Home proposal integration. Scoped to the public home only. */
body.homeV2.homeV3{--home-ink:#172b36;--home-muted:#52616a;--home-line:#e3e8e9;--home-brand:#c45500;background:#fff;color:var(--home-ink);font-family:Inter,"Segoe UI",Arial,sans-serif}
body.homeV3 main#top{overflow-x:clip}
body.homeV2.homeV3 main#top .pageShell,body.homeV2.homeV3 main#top header .navShell{width:min(1240px,calc(100% - 48px))!important}
body.homeV2.homeV3 main#top header.topbar.referenceHeader{height:83px!important;display:flex!important;align-items:center!important;position:sticky!important;z-index:500!important}
body.homeV2.homeV3 main#top header.topbar.referenceHeader .navShell.referenceHead{height:82px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:20px!important}
body.homeV2.homeV3 main#top header.topbar.referenceHeader .brand{width:183px!important;min-width:183px!important;display:block!important}
body.homeV2.homeV3 main#top header.topbar.referenceHeader .homeOriginalLogo{display:block;width:100%;height:60px;object-fit:contain}
body.homeV2.homeV3 main#top header.topbar.referenceHeader .homeOriginalLogo{filter:none!important}
body.homeV2.homeV3 main#top header.topbar.referenceHeader .topSearchDesktop,body.homeV2.homeV3.homePastHero main#top header.topbar.referenceHeader .topSearchDesktop{display:none!important}
body.homeV2.homeV3 main#top header.topbar.referenceHeader nav.navLinks.referenceNav{position:absolute!important;left:50%!important;top:0!important;transform:translateX(-50%)!important;width:auto!important;max-width:calc(100% - 470px)!important;height:82px!important;display:flex!important;align-items:center!important;gap:24px!important;border:0!important;white-space:nowrap!important}
body.homeV2.homeV3 main#top header.topbar.referenceHeader nav.navLinks.referenceNav a{font-size:14px!important;font-weight:550!important;padding:10px 0!important;color:#253842!important}
body.homeV2.homeV3 main#top header.topbar.referenceHeader nav.navLinks.referenceNav a:hover{color:var(--home-brand)!important}
body.homeV2.homeV3 main#top header.topbar.referenceHeader .headerQuickLinks{margin-left:auto!important;gap:14px!important}
body.homeV2.homeV3 main#top header.topbar.referenceHeader .headerQuickLinks .homeAdvertiseLink{background:var(--home-brand)!important;border-radius:7px!important;padding:11px 16px!important;font-size:14px!important}
body.homeV2.homeV3 main#top header.topbar.referenceHeader .headerQuickLinks .homeFavoriteLink{width:36px;height:36px;display:grid;place-items:center;font-size:18px!important}
body.homeV2.homeV3 main#top header.topbar.referenceHeader .headerQuickLinks .headerLoginLink{min-height:38px!important;gap:6px!important}

body.homeV2.homeV3 main#top section.hero{height:auto!important;min-height:0!important;background:#e9eff0!important;color:var(--home-ink)!important;border-bottom:1px solid #dbe4e6!important}
body.homeV2.homeV3 main#top section.hero::before,body.homeV2.homeV3 main#top section.hero .heroShade{display:none!important}
body.homeV2.homeV3 main#top section.hero .heroContent{width:min(1240px,calc(100% - 48px))!important;height:auto!important;padding:34px 0 34px!important;display:block!important}
body.homeV2.homeV3 main#top .homeHeroTop{display:grid;grid-template-columns:1.15fr 1fr;gap:48px;align-items:center;margin-bottom:26px}
body.homeV2.homeV3 main#top .homeHeroCopy{min-width:0}
body.homeV2.homeV3 main#top .homeHeroEyebrow{display:block;margin-bottom:12px;color:#68767e;font-size:11px;font-weight:650;text-transform:uppercase;letter-spacing:1px}
body.homeV2.homeV3 main#top section.hero #hero-title{max-width:650px!important;margin:0!important;font-size:44px!important;line-height:1.14!important;font-weight:650!important;letter-spacing:0!important;color:var(--home-ink)!important}
body.homeV2.homeV3 main#top section.hero #hero-title span{color:var(--home-brand)}
body.homeV2.homeV3 main#top section.hero .homeHeroCopy>p{max-width:590px!important;margin:17px 0 0!important;font-size:16px!important;line-height:1.55!important;color:var(--home-muted)!important}
body.homeV2.homeV3 main#top section.hero .homeHeroCopy>p{display:block!important}
body.homeV2.homeV3 main#top section.hero .homeHeroCopy{text-align:left!important}
body.homeV2.homeV3 main#top section.hero :is(#hero-title,.homeHeroCopy>p){text-shadow:none!important}
body.homeV2.homeV3 main#top section.hero .homeHeroCopy>p{font-weight:400!important;text-align:left!important}
body.homeV2.homeV3 main#top .homeHeroGallery{display:grid;grid-template-columns:1.2fr 1fr;grid-template-rows:108px 108px;gap:9px;min-width:0}
body.homeV2.homeV3 main#top .homeHeroGallery figure{position:relative;margin:0;overflow:hidden;border-radius:8px;background:#dce3e4}
body.homeV2.homeV3 main#top .homeHeroGallery figure:first-child{grid-row:1/3}
body.homeV2.homeV3 main#top .homeHeroGallery img{display:block;width:100%;height:100%;object-fit:cover}
body.homeV2.homeV3 main#top .homeHeroGallery figcaption{position:absolute;bottom:9px;left:9px;padding:3px 9px;border-radius:4px;background:#12232cde;color:#fff;font-size:10px;font-weight:600}
body.homeV2.homeV3 main#top .homeSearchPanel{position:relative;padding:0 22px 14px;background:#fff;border:1px solid var(--home-line);border-radius:12px;box-shadow:0 8px 25px #24343e0a;z-index:3}
body.homeV2.homeV3 main#top section.hero form.searchBox{display:block!important;width:100%!important;height:auto!important;margin:0!important;box-shadow:none!important;background:transparent!important;border:0!important;padding:0!important}
body.homeV2.homeV3 main#top .homeSearchTop{min-height:50px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #eef0f1;margin-bottom:14px}
body.homeV2.homeV3 main#top .homeSearchTop>span{font-size:12px;color:#7a878c}
body.homeV2.homeV3 main#top .homeSearchIntent{display:flex;gap:24px;border:0;margin:0;padding:0}
body.homeV2.homeV3 main#top .homeSearchIntent{width:auto!important;min-width:0!important}
body.homeV2.homeV3 main#top .homeSearchIntent label{position:relative;cursor:pointer;font-size:14px;font-weight:600;color:#697982}
body.homeV2.homeV3 main#top section.hero form.searchBox .homeSearchIntent label,body.homeV2.homeV3 main#top section.hero form.searchBox .homeQuickLocation{display:flex!important;margin:0!important}
body.homeV2.homeV3 main#top .homeSearchIntent input{position:absolute;opacity:0;width:1px;height:1px}
body.homeV2.homeV3 main#top .homeSearchIntent span{display:block;padding:15px 0 12px;border-bottom:2px solid transparent}
body.homeV2.homeV3 main#top .homeSearchIntent input:checked+span{color:var(--home-brand);border-color:var(--home-brand)}
body.homeV2.homeV3 main#top .homeSearchIntent input:focus-visible+span{outline:2px solid #277a9e;outline-offset:3px}
body.homeV2.homeV3 main#top section.hero .searchRow{display:grid!important;grid-template-columns:40px minmax(0,1fr) 188px 102px!important;align-items:center;gap:0;width:100%;height:52px!important;border:1px solid #dce3e5;border-radius:8px;background:#fff}
body.homeV2.homeV3 main#top section.hero .searchRow .searchMagnifier{grid-column:1;grid-row:1;width:20px;height:20px;justify-self:center;color:#73828a}
body.homeV2.homeV3 main#top section.hero .searchRow input{grid-column:2;grid-row:1;min-width:0;width:100%;height:50px!important;padding:0 8px!important;border:0!important;background:transparent!important;color:var(--home-ink)!important;font-size:14px!important;box-shadow:none!important}
body.homeV2.homeV3 main#top .homeQuickLocation{grid-column:3;grid-row:1;display:flex;align-items:center;gap:7px;height:32px;min-width:0;padding:0 13px;border-left:1px solid #e4e8e9;color:#627179}
body.homeV2.homeV3 main#top .homeQuickLocation select{min-width:0;width:100%;border:0;background:#fff;color:#46555e;font-size:13px;cursor:pointer}
body.homeV2.homeV3 main#top section.hero .searchRow button{grid-column:4;grid-row:1;width:100%!important;height:50px!important;border-radius:0 7px 7px 0!important;background:var(--home-brand)!important;font-size:14px!important;font-weight:650!important}
body.homeV2.homeV3 main#top section.hero form#homeProjectSearch div.searchRow>button[type="submit"]{grid-column:4!important;grid-row:1!important;width:102px!important;height:50px!important}
body.homeV2.homeV3 main#top section.hero form#homeProjectSearch div.searchRow>.homeQuickLocation{grid-column:3!important;grid-row:1!important;height:32px!important}
body.homeV2.homeV3 main#top section.hero .referenceFilterButton{display:inline-flex!important;align-items:center;gap:6px;margin:10px 0 0!important;padding:4px 0!important;color:#5d6c74!important;font-size:13px!important;font-weight:600!important;text-decoration:none!important}
body.homeV2.homeV3 main#top section.hero .referenceFilterButton:hover{color:var(--home-brand)!important}
body.homeV2.homeV3 main#top section.hero .referenceAdvancedPanel:not([hidden]){position:relative!important;inset:auto!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;width:100%!important;max-width:none!important;margin:14px 0 0!important;padding:18px!important;background:#f9faf9!important;border:1px solid var(--home-line)!important;border-radius:8px!important;box-shadow:none!important}
body.homeV2.homeV3 main#top .homeFilterHeading,body.homeV2.homeV3 main#top .homeFilterActions{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between}
body.homeV2.homeV3 main#top .homeFilterHeading strong{font-size:16px;color:var(--home-ink)}
body.homeV2.homeV3 main#top .homeFilterClose{border:0;background:transparent;color:#617078;padding:5px}
body.homeV2.homeV3 main#top section.hero form.referenceAdvancedPanel .homeFilterClose{width:32px!important;min-width:32px!important;height:32px!important;padding:0!important;background:transparent!important;color:#617078!important;border:0!important;border-radius:6px!important;font-size:16px!important}
body.homeV2.homeV3 main#top section.hero .referenceAdvancedPanel label{min-width:0}
body.homeV2.homeV3 main#top section.hero .referenceAdvancedPanel label span{font-size:12px!important;font-weight:600!important}
body.homeV2.homeV3 main#top section.hero .referenceAdvancedPanel :is(select,input){width:100%!important;min-width:0!important;height:42px!important;border:1px solid #dce3e5!important;border-radius:6px!important;background:#fff!important;color:var(--home-ink)!important}
body.homeV2.homeV3 main#top section.hero .referenceAdvancedPanel .homeFilterActions{padding-top:2px}
body.homeV2.homeV3 main#top section.hero .referenceAdvancedPanel .homeFilterActions button[type=submit]{width:auto!important;padding:10px 16px!important;background:var(--home-brand)!important;color:#fff!important;border:0!important;border-radius:6px!important}
body.homeV2.homeV3 main#top section.hero .referenceAdvancedPanel .homeFilterReset{background:transparent;border:0;color:#53616a;font-size:13px}
body.homeV2.homeV3 main#top section.hero form.referenceAdvancedPanel .homeFilterReset{width:auto!important;min-width:0!important;height:auto!important;padding:8px!important;background:transparent!important;color:#53616a!important;border:0!important;border-radius:0!important;font-size:13px!important}

body.homeV2.homeV3 main#top>.pageShell.overlap{padding-bottom:52px!important}
body.homeV2.homeV3 main#top .homeCategories{padding:38px 0 16px!important}
body.homeV2.homeV3 main#top .sectionHead h2,body.homeV2.homeV3 main#top .homeAdSecondary h2,body.homeV2.homeV3 main#top .homeCommercial h2{font-size:25px!important;font-weight:650!important;color:var(--home-ink)!important}
body.homeV2.homeV3 main#top .sectionHead p{font-size:14px!important;color:var(--home-muted)!important}
body.homeV2.homeV3 main#top .contentSection{margin:38px 0 0!important}
body.homeV2.homeV3 main#top .productCard{border-radius:7px!important;border-color:var(--home-line)!important}
body.homeV2.homeV3 main#top .homeAdvertising{padding:38px 0 0!important}
body.homeV2.homeV3 main#top .homePartnerAdvertising{padding:34px 0 0}
body.homeV2.homeV3 main#top .homePartnerAdvertising[hidden],body.homeV2.homeV3 main#top .homeAdSecondary[hidden]{display:none!important}
body.homeV2.homeV3 main#top .homePartnerAdvertising .sectionHead{margin-bottom:9px}
body.homeV2.homeV3 main#top #homePartnerShowcase{position:relative;height:auto;overflow:visible;border-radius:0;background:transparent}
body.homeV2.homeV3 main#top #homePartnerTrack{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;width:100%;height:auto;transition:none}
body.homeV2.homeV3 main#top #homePartnerTrack .partnerSlide{position:relative;min-width:0;aspect-ratio:1.58;overflow:hidden;border-radius:7px;background:#09141b}
body.homeV2.homeV3 main#top #homePartnerTrack .partnerSlide[hidden]{display:none!important}
body.homeV2.homeV3 main#top #homePartnerTrack a,body.homeV2.homeV3 main#top #homePartnerTrack img{display:block;width:100%;height:100%}
body.homeV2.homeV3 main#top #homePartnerTrack a{position:relative;color:#fff;text-decoration:none}
body.homeV2.homeV3 main#top #homePartnerTrack img{object-fit:cover}
body.homeV2.homeV3 main#top #homePartnerTrack .partnerSlide.imageUnavailable img{display:none}
body.homeV2.homeV3 main#top #homePartnerTrack .partnerSlide.imageUnavailable a::after{display:none}
body.homeV2.homeV3 main#top #homePartnerTrack a::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#061622eb 0%,#061622b8 45%,#06162226 100%);pointer-events:none}
body.homeV2.homeV3 main#top #homePartnerTrack .partnerCaption{position:absolute;z-index:1;inset:22px auto 20px 24px;display:flex;flex-direction:column;align-items:flex-start;width:min(60%,245px);min-width:0;color:#fff}
body.homeV2.homeV3 main#top #homePartnerTrack .partnerCaption strong{font-size:25px;line-height:1.05;font-weight:750;text-transform:uppercase;overflow-wrap:anywhere}
body.homeV2.homeV3 main#top #homePartnerTrack .partnerDescription{margin-top:11px;font-size:14px;font-weight:600;line-height:1.28;overflow-wrap:anywhere}
body.homeV2.homeV3 main#top #homePartnerTrack .partnerCaption em{display:flex;align-items:center;justify-content:center;gap:6px;min-height:42px;width:min(100%,194px);margin-top:auto;padding:8px 12px;border-radius:5px;background:#fff;color:#142633;font-size:13px;font-style:normal;font-weight:700;text-align:center}
body.homeV2.homeV3 main#top #homePartnerTrack .partnerCaption em i{font-size:13px}
body.homeV2.homeV3 main#top #homePartnerTrack .partnerSlide:nth-child(2) .partnerCaption em{background:#ffad00;color:#111e25}
body.homeV2.homeV3 main#top #homePartnerShowcase .roundArrow{position:absolute!important;top:50%!important;transform:translateY(-50%)!important;z-index:2!important;width:40px!important;height:40px!important;border:1px solid #dce4e6!important;background:#fff!important;color:#253139!important;font-size:22px!important;box-shadow:0 6px 22px #13273316!important}
body.homeV2.homeV3 main#top #homePartnerShowcase .roundArrow.left{left:-20px!important}
body.homeV2.homeV3 main#top #homePartnerShowcase .roundArrow.right{right:-20px!important}
body.homeV2.homeV3 main#top #homePartnerShowcase.single .roundArrow{display:none!important}
body.homeV2.homeV3 main#top #homePartnerDots{display:flex;justify-content:center;gap:8px;margin-top:10px}
body.homeV2.homeV3 main#top #homePartnerDots button{width:9px;height:9px;min-width:9px;padding:0;border:0;border-radius:50%;background:#b8c0c3;cursor:pointer}
body.homeV2.homeV3 main#top #homePartnerDots button.is-active{background:#c45500}
body.homeV2.homeV3 main#top .homeEyebrow{color:#708088!important}
body.homeV2.homeV3 main#top .homeSectors{padding:34px 0!important;margin:34px -9999px 0!important;padding-inline:9999px!important;background:#eef2f2}
body.homeV2.homeV3 main#top .categoryCardGrid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important}
body.homeV2.homeV3 main#top .categoryCard{height:164px!important;border-radius:7px!important}
body.homeV2.homeV3 main#top .categoryCard strong{font-size:16px!important}
body.homeV2.homeV3 main#top .categoryCard.noImage{background:#e9eff0!important}
body.homeV2.homeV3 main#top .categoryCard.noImage::after{display:none!important}
body.homeV2.homeV3 main#top .categoryCard.noImage .categoryNoImage{position:absolute!important;left:20px!important;top:24px!important;bottom:auto!important;display:block;width:38px;height:38px;color:#526b76!important}
body.homeV2.homeV3 main#top .categoryCard.noImage .categoryNoImage svg{width:38px;height:38px;stroke:currentColor;fill:none}
body.homeV2.homeV3 main#top .categoryCard.noImage>span:last-child :is(strong,small){color:#233743!important}
body.homeV2.homeV3 main#top .homeAdSecondary{margin-top:30px!important;background:#fff!important;border:0!important;border-top:1px solid var(--home-line)!important;border-bottom:1px solid var(--home-line)!important;border-radius:0!important;padding:20px 0!important}
body.homeV2.homeV3 main#top .homeAdSecondary h2{font-size:20px!important}
body.homeV2.homeV3 main#top .homeCommercial{margin-top:40px!important}
body.homeV2.homeV3 main#top .homeCommercial>div{background:#f4f6f5!important;padding:30px!important}
body.homeV2.homeV3 main#top .homeCommercial>div+div{background:#e9eff0!important;color:var(--home-ink)!important}
body.homeV2.homeV3 main#top .homeCommercial>div+div h2{color:var(--home-ink)!important}
body.homeV2.homeV3 main#top .homeCommercial>div+div p{color:var(--home-muted)!important}
body.homeV2.homeV3 main#top .homeCommercial a,body.homeV2.homeV3 main#top .homeCommercial>div+div a{background:var(--home-brand)!important;color:#fff!important}
body.homeV2.homeV3 main#top .homeFinalCta{background:#172b36!important}
body.homeV2.homeV3 main#top .siteFooter .footerBrand .brand{display:inline-block;width:190px}
body.homeV2.homeV3 main#top .siteFooter .footerBrand .brand img{width:100%;height:auto;object-fit:contain}
body.homeV2.homeV3 main#top .siteFooter .footerBrand .brand img.homeOriginalLogo{filter:none!important}

@media(max-width:1180px){body.homeV2.homeV3 main#top header.topbar.referenceHeader nav.navLinks.referenceNav{gap:15px!important;max-width:calc(100% - 430px)!important}body.homeV2.homeV3 main#top header.topbar.referenceHeader nav.navLinks.referenceNav a{font-size:12px!important}body.homeV2.homeV3 main#top header.topbar.referenceHeader .headerQuickLinks{gap:7px!important}}
@media(max-width:950px){body.homeV2.homeV3 main#top header.topbar.referenceHeader nav.navLinks.referenceNav{display:none!important}body.homeV2.homeV3 main#top header.topbar.referenceHeader nav.navLinks.referenceNav .homeDesktopRent{display:none!important}body.homeV2.homeV3 main#top header.topbar.referenceHeader .menuButton{display:block!important;margin:0!important;border:0!important;background:transparent!important;font-size:23px!important}body.homeV2.homeV3 main#top header.topbar.referenceHeader nav.navLinks.referenceNav.open{display:flex!important;position:absolute!important;top:82px!important;left:0!important;transform:none!important;width:100%!important;max-width:none!important;height:auto!important;flex-direction:column!important;align-items:stretch!important;padding:12px 24px!important;background:#fff!important;box-shadow:0 12px 24px #10242d1c!important}body.homeV2.homeV3 main#top .homeHeroTop{gap:22px}body.homeV2.homeV3 main#top section.hero #hero-title{font-size:38px!important}}
@media(max-width:700px){body.homeV2.homeV3 main#top header.topbar.referenceHeader{height:62px!important}body.homeV2.homeV3 main#top header.topbar.referenceHeader .navShell.referenceHead{height:62px!important;width:calc(100% - 28px)!important}body.homeV2.homeV3 main#top header.topbar.referenceHeader .brand{width:150px!important;min-width:150px!important}body.homeV2.homeV3 main#top header.topbar.referenceHeader .homeOriginalLogo{height:50px}body.homeV2.homeV3 main#top header.topbar.referenceHeader .headerQuickLinks .homeAdvertiseLink{display:inline-flex!important;padding:9px 11px!important;font-size:12px!important}body.homeV2.homeV3 main#top header.topbar.referenceHeader .headerQuickLinks .homeFavoriteLink{display:none!important}body.homeV2.homeV3 main#top header.topbar.referenceHeader nav.navLinks.referenceNav.open{top:62px!important}body.homeV2.homeV3 main#top section.hero .heroContent{width:calc(100% - 28px)!important;padding:24px 0 26px!important}body.homeV2.homeV3 main#top .homeHeroTop{grid-template-columns:1fr;gap:20px;margin-bottom:20px}body.homeV2.homeV3 main#top section.hero #hero-title{font-size:32px!important}body.homeV2.homeV3 main#top section.hero .homeHeroCopy>p{font-size:14px!important;margin-top:12px!important}body.homeV2.homeV3 main#top .homeHeroGallery{grid-template-rows:78px 78px;gap:6px}body.homeV2.homeV3 main#top .homeSearchPanel{padding:0 13px 10px}body.homeV2.homeV3 main#top .homeSearchTop{min-height:44px;margin-bottom:11px}body.homeV2.homeV3 main#top .homeSearchTop>span{display:none}body.homeV2.homeV3 main#top section.hero .searchRow{grid-template-columns:34px minmax(0,1fr) 84px!important;height:48px!important}body.homeV2.homeV3 main#top section.hero .searchRow input{height:46px!important;font-size:13px!important}body.homeV2.homeV3 main#top .homeQuickLocation{grid-column:1/-1;grid-row:2;height:42px;border:1px solid #dce3e5;border-radius:7px;margin-top:8px;padding:0 11px}body.homeV2.homeV3 main#top section.hero .searchRow button{grid-column:3;width:84px!important;height:46px!important;font-size:12px!important}body.homeV2.homeV3 main#top section.hero form.searchBox{padding-bottom:42px!important}body.homeV2.homeV3 main#top section.hero .referenceAdvancedPanel:not([hidden]){grid-template-columns:repeat(2,minmax(0,1fr));padding:13px!important}body.homeV2.homeV3 main#top .homeCategories{padding-top:30px!important}body.homeV2.homeV3 main#top .sectionHead h2{font-size:22px!important}body.homeV2.homeV3 main#top .homeSectors{margin-top:27px!important;padding-top:28px!important;padding-bottom:28px!important}body.homeV2.homeV3 main#top .categoryCardGrid{grid-template-columns:repeat(2,minmax(0,1fr))!important}body.homeV2.homeV3 main#top .categoryCard{height:130px!important}body.homeV2.homeV3 main#top .homeAdSecondary{gap:12px;align-items:flex-start;flex-direction:column}body.homeV2.homeV3 main#top .homeCommercial{grid-template-columns:1fr}}
@media(max-width:700px){body.homeV2.homeV3 main#top header.topbar.referenceHeader .headerQuickLinks .homeFavoriteLink{display:grid!important;width:28px!important;height:32px!important;font-size:17px!important}body.homeV2.homeV3 main#top section.hero .referenceFilterButton{display:flex!important;width:max-content!important;margin-left:auto!important}body.homeV3.homeFiltersOpen::before{content:"";position:fixed;inset:0;background:#10242d80;z-index:120}body.homeV3.homeFiltersOpen main#top section.hero .heroContent{z-index:130!important}body.homeV2.homeV3 main#top section.hero form.referenceAdvancedPanel:not([hidden]){position:fixed!important;top:auto!important;bottom:0!important;left:0!important;right:0!important;width:100%!important;max-height:min(84vh,650px)!important;margin:0!important;overflow-y:auto!important;border-radius:14px 14px 0 0!important;background:#fff!important;padding:20px 16px 25px!important;box-shadow:0 -12px 35px #10242d24!important;z-index:200!important}}
@media(max-width:1000px){body.homeV2.homeV3 main#top #homePartnerTrack{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){body.homeV2.homeV3 main#top #homePartnerTrack{grid-template-columns:1fr}body.homeV2.homeV3 main#top #homePartnerTrack .partnerSlide{height:250px;aspect-ratio:auto}body.homeV2.homeV3 main#top #homePartnerTrack .partnerCaption{inset:18px auto 18px 18px;width:min(58%,220px)}body.homeV2.homeV3 main#top #homePartnerTrack .partnerCaption strong{font-size:23px}body.homeV2.homeV3 main#top #homePartnerTrack .partnerDescription{font-size:13px}body.homeV2.homeV3 main#top #homePartnerTrack .partnerCaption em{min-height:38px;font-size:12px}body.homeV2.homeV3 main#top #homePartnerShowcase .roundArrow{width:35px!important;height:35px!important}body.homeV2.homeV3 main#top #homePartnerShowcase .roundArrow.left{left:-12px!important}body.homeV2.homeV3 main#top #homePartnerShowcase .roundArrow.right{right:-12px!important}}
@media(max-width:390px){body.homeV2.homeV3 main#top #homePartnerTrack .partnerSlide{height:238px}body.homeV2.homeV3 main#top #homePartnerTrack .partnerCaption{width:min(61%,190px)}body.homeV2.homeV3 main#top #homePartnerTrack .partnerCaption strong{font-size:20px}body.homeV2.homeV3 main#top #homePartnerTrack .partnerDescription{font-size:12px}}
@media(prefers-reduced-motion:reduce){body.homeV2.homeV3 main#top #homePartnerTrack{transition:none!important}}
@media(max-width:390px){body.homeV2.homeV3 main#top header.topbar.referenceHeader .brand{width:127px!important;min-width:127px!important}body.homeV2.homeV3 main#top header.topbar.referenceHeader .headerQuickLinks{gap:4px!important}body.homeV2.homeV3 main#top header.topbar.referenceHeader .headerQuickLinks .homeAdvertiseLink{padding:8px!important;font-size:11px!important}body.homeV2.homeV3 main#top section.hero #hero-title{font-size:29px!important}body.homeV2.homeV3 main#top section.hero .referenceAdvancedPanel:not([hidden]){grid-template-columns:1fr}body.homeV2.homeV3 main#top .homeHeroGallery{grid-template-rows:68px 68px}}
@media(prefers-reduced-motion:reduce){body.homeV3 main#top *{scroll-behavior:auto!important}}
@media(max-width:700px){body.homeV2.homeV3 main#top section.hero form#homeProjectSearch div.searchRow>button[type="submit"]{grid-column:3!important;grid-row:1!important;width:84px!important;height:46px!important}body.homeV2.homeV3 main#top section.hero form#homeProjectSearch div.searchRow>.homeQuickLocation{grid-column:1/-1!important;grid-row:2!important;height:42px!important}}
@media(max-width:360px){body.homeV2.homeV3 main#top header.topbar.referenceHeader .navShell.referenceHead{gap:3px!important}body.homeV2.homeV3 main#top header.topbar.referenceHeader .brand{width:109px!important;min-width:109px!important}body.homeV2.homeV3 main#top header.topbar.referenceHeader .headerQuickLinks{gap:2px!important}body.homeV2.homeV3 main#top header.topbar.referenceHeader .headerQuickLinks .homeFavoriteLink{width:24px!important}body.homeV2.homeV3 main#top header.topbar.referenceHeader .headerQuickLinks .headerLoginLink{min-width:24px!important;width:24px!important;padding:0!important}body.homeV2.homeV3 main#top header.topbar.referenceHeader .headerQuickLinks .homeAdvertiseLink{padding:7px 5px!important;font-size:10px!important}body.homeV2.homeV3 main#top header.topbar.referenceHeader .menuButton{width:26px!important;min-width:26px!important;padding:0!important;font-size:19px!important}}

@media(max-width:700px){
  body.homeV2.homeV3.homeFiltersOpen main#top section.hero form.searchBox{z-index:auto!important}
  body.homeV2.homeV3 main#top section.hero form.referenceAdvancedPanel:not([hidden]){z-index:600!important}
}

body.homeV2.homeV3 main#top .homeStorefront{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:44px;margin:44px 0;padding:35px 0;border-top:1px solid var(--home-line);border-bottom:1px solid var(--home-line)}
body.homeV2.homeV3 main#top .homeStorefrontCopy h2{max-width:460px;margin:9px 0 12px;font-size:27px;font-weight:650;line-height:1.23;color:var(--home-ink)}
body.homeV2.homeV3 main#top .homeStorefrontCopy p{max-width:440px;margin:0 0 18px;color:var(--home-muted);font-size:14px;line-height:1.6}
body.homeV2.homeV3 main#top .homeStorefrontCopy a{display:inline-flex;align-items:center;gap:8px;color:var(--home-brand);font-size:13px;font-weight:650;text-decoration:none}
body.homeV2.homeV3 main#top .homeStorefrontPreview{overflow:hidden;border:1px solid #d9e1e3;border-radius:8px;background:#fff;box-shadow:0 14px 34px #20343b10}
body.homeV2.homeV3 main#top .homeStorefrontBrowser{display:flex;align-items:center;gap:5px;height:30px;padding:0 12px;border-bottom:1px solid #e4e8e9;background:#f8fafa}
body.homeV2.homeV3 main#top .homeStorefrontBrowser i{width:6px;height:6px;border-radius:50%;background:#bdc9cb}
body.homeV2.homeV3 main#top .homeStorefrontBrowser span{margin-left:9px;overflow:hidden;color:#7b898d;font-size:10px;white-space:nowrap;text-overflow:ellipsis}
body.homeV2.homeV3 main#top .homeStorefrontCover{height:82px;background:#1c323e url('../img/categorias/industriais.webp') center 48%/cover}
body.homeV2.homeV3 main#top .homeStorefrontScene{padding-bottom:16px}
body.homeV2.homeV3 main#top .homeStorefrontIdentity{display:flex;align-items:center;gap:11px;padding:0 18px;margin-top:-15px}
body.homeV2.homeV3 main#top .homeStorefrontIdentity>span{display:grid;place-items:center;width:42px;height:42px;border:3px solid #fff;border-radius:6px;background:#f1e2d4;color:#a94713;font-size:12px;font-weight:700}
body.homeV2.homeV3 main#top .homeStorefrontIdentity>div{min-width:0;padding-top:20px}
body.homeV2.homeV3 main#top .homeStorefrontIdentity strong{display:block;font-size:14px;color:var(--home-ink)}
body.homeV2.homeV3 main#top .homeStorefrontIdentity small{font-size:10px;color:var(--home-muted)}
body.homeV2.homeV3 main#top .homeStorefrontTiles{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;padding:15px 18px 0}
body.homeV2.homeV3 main#top .homeStorefrontTiles span{height:54px;border-radius:5px;background:#e8eef0}
body.homeV2.homeV3 main#top .homeStorefrontTiles span:first-child{background:#d3dfe1 url('../img/categorias/industriais.webp') center/cover}
body.homeV2.homeV3 main#top .homeStorefrontTiles span:nth-child(2){background:#d3dfe1 url('../img/categorias/agricolas.webp') center/cover}
body.homeV2.homeV3 main#top .homeStorefrontTiles span:nth-child(3){background:#d3dfe1 url('../img/categorias/construcao.webp') center/cover}
@media(max-width:700px){
  body.homeV2.homeV3 main#top section.hero .searchRow{position:relative;grid-template-rows:48px 44px!important;row-gap:8px;height:auto!important;min-height:100px;border:0!important;background:transparent!important}
  body.homeV2.homeV3 main#top section.hero .searchRow::before{content:"";position:absolute;top:0;left:0;right:0;height:48px;border:1px solid #dce3e5;border-radius:7px;pointer-events:none}
  body.homeV2.homeV3 main#top section.hero form#homeProjectSearch div.searchRow>.homeQuickLocation{height:44px!important;margin:0!important;background:#fff}
  body.homeV2.homeV3 main#top section.hero form.searchBox{padding-bottom:0!important}
  body.homeV2.homeV3 main#top .homeStorefront{grid-template-columns:1fr;gap:20px;margin:32px 0;padding:26px 0}
  body.homeV2.homeV3 main#top .homeStorefrontCopy h2{font-size:22px}
}

body.homeV2.homeV3 main#top #homeFeaturedCompanies {
  grid-template-columns: repeat(5, minmax(0, 220px));
}
body.homeV2.homeV3 main#top #homeFeaturedCompanies .companyCard {
  width: 100%;
  min-width: 0;
  height: 164px;
  padding: 14px 10px;
}
body.homeV2.homeV3 main#top #homeFeaturedCompanies .companyLogoFrame {
  display: flex;
  width: 100%;
  height: 70px;
  flex: none;
  align-items: center;
  justify-content: center;
}
body.homeV2.homeV3 main#top #homeFeaturedCompanies .companyLogoImage {
  display: block;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 66px;
  object-fit: contain;
}
body.homeV2.homeV3 main#top #homeFeaturedCompanies .companyLogoPlaceholder {
  display: grid;
  width: 52px;
  height: 52px;
  place-items: center;
  border-radius: 6px;
  background: #eef2f3;
  color: #405864;
  font-size: 20px;
  font-weight: 650;
}
body.homeV2.homeV3 main#top #homeFeaturedCompanies h3 {
  max-width: 100%;
  margin: 8px 0 3px;
  overflow-wrap: anywhere;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.25;
}
body.homeV2.homeV3 main#top #homeFeaturedCompanies p {
  font-size: 10px;
}
body.homeV2.homeV3 main#top #categoryStrip.categoryStrip a {
  background: #f0f4f4 !important;
  border-color: #dfe7e8 !important;
}
body.homeV2.homeV3 main#top #categoryStrip.categoryStrip a:hover {
  background: #fff8f0 !important;
  border-color: #e9ad6c !important;
}
body.homeV2.homeV3 main#top .homeSectors .categoryAllLink {
  margin: 0;
}
body.homeV2.homeV3 main#top #empresas {
  margin: 40px -9999px 0 !important;
  padding: 32px 9999px !important;
  background: #f2f5f5;
}
@media (max-width: 1180px) {
  body.homeV2.homeV3 main#top #homeFeaturedCompanies {
    grid-template-columns: repeat(4, minmax(0, 220px));
  }
}
@media (max-width: 980px) {
  body.homeV2.homeV3 main#top #homeFeaturedCompanies {
    grid-template-columns: repeat(3, minmax(0, 220px));
  }
}
@media (max-width: 740px) {
  body.homeV2.homeV3 main#top .homeSectors .sectionHead {
    flex-wrap: wrap;
    gap: 10px;
  }
  body.homeV2.homeV3 main#top #homeFeaturedCompanies {
    grid-template-columns: repeat(2, minmax(0, 220px));
  }
  body.homeV2.homeV3 main#top #empresas .sectionHead {
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
  }
  body.homeV2.homeV3 main#top #empresas .sectionHead h2 {
    width: 100%;
  }
}

/* Shared public navigation for Home and Plans. */
body:is(.homeV3,.plansV3) header.lmSiteHeader{position:sticky!important;top:0!important;z-index:500!important;display:flex!important;align-items:center!important;height:83px!important;background:#fff!important;border-bottom:1px solid #e3e8e9!important;box-shadow:none!important;color:#172b36!important}
body:is(.homeV3,.plansV3) header.lmSiteHeader .navShell.referenceHead{width:min(1240px,calc(100% - 48px))!important;max-width:none!important;height:82px!important;margin-inline:auto!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:20px!important}
body:is(.homeV3,.plansV3) header.lmSiteHeader .brand{display:block!important;width:183px!important;min-width:183px!important;height:60px!important;padding:0!important;background:transparent!important}
body:is(.homeV3,.plansV3) header.lmSiteHeader .homeOriginalLogo{display:block!important;width:100%!important;height:60px!important;object-fit:contain!important;filter:none!important}
body:is(.homeV3,.plansV3) header.lmSiteHeader .topSearchDesktop,body.homeV3.homePastHero header.lmSiteHeader .topSearchDesktop{display:none!important}
body:is(.homeV3,.plansV3) header.lmSiteHeader nav.navLinks.referenceNav{position:absolute!important;left:50%!important;top:0!important;transform:translateX(-50%)!important;display:flex!important;align-items:center!important;width:auto!important;max-width:calc(100% - 470px)!important;height:82px!important;margin:0!important;padding:0!important;gap:24px!important;border:0!important;background:transparent!important;box-shadow:none!important;white-space:nowrap!important}
body:is(.homeV3,.plansV3) header.lmSiteHeader nav.navLinks.referenceNav a{display:block!important;padding:10px 0!important;color:#253842!important;font-size:14px!important;font-weight:550!important;text-decoration:none!important;border:0!important}
body:is(.homeV3,.plansV3) header.lmSiteHeader nav.navLinks.referenceNav a:hover{color:#c45500!important}
body:is(.homeV3,.plansV3) header.lmSiteHeader nav.navLinks.referenceNav .homeMobileOnly{display:none!important}
body:is(.homeV3,.plansV3) header.lmSiteHeader .headerQuickLinks{display:flex!important;align-items:center!important;gap:14px!important;margin-left:auto!important}
body:is(.homeV3,.plansV3) header.lmSiteHeader .headerQuickLinks :is(a,button){font-size:14px!important;color:#253842!important;cursor:pointer}
body:is(.homeV3,.plansV3) header.lmSiteHeader .headerQuickLinks .homeFavoriteLink{display:grid!important;place-items:center!important;width:36px!important;height:36px!important;background:transparent!important;border:0!important;font-size:18px!important}
body:is(.homeV3,.plansV3) header.lmSiteHeader .headerQuickLinks .headerLoginLink{display:flex!important;align-items:center!important;gap:7px!important;min-height:38px!important;padding:0 4px!important;border:0!important;background:transparent!important;color:#253842!important}
body:is(.homeV3,.plansV3) header.lmSiteHeader .headerQuickLinks .headerLoginLink b{font-size:14px!important;font-weight:600!important}
body:is(.homeV3,.plansV3) header.lmSiteHeader .headerQuickLinks .homeAdvertiseLink{display:inline-flex!important;align-items:center!important;padding:11px 16px!important;border-radius:7px!important;background:#c45500!important;color:#fff!important;font-size:14px!important;font-weight:650!important;text-decoration:none!important}
body:is(.homeV3,.plansV3) header.lmSiteHeader .menuButton{display:none!important;border:0!important;background:transparent!important;color:#253842!important}
@media(max-width:1180px){body:is(.homeV3,.plansV3) header.lmSiteHeader nav.navLinks.referenceNav{gap:15px!important;max-width:calc(100% - 430px)!important}body:is(.homeV3,.plansV3) header.lmSiteHeader nav.navLinks.referenceNav a{font-size:12px!important}body:is(.homeV3,.plansV3) header.lmSiteHeader .headerQuickLinks{gap:7px!important}}
@media(max-width:950px){body:is(.homeV3,.plansV3) header.lmSiteHeader nav.navLinks.referenceNav{display:none!important}body:is(.homeV3,.plansV3) header.lmSiteHeader nav.navLinks.referenceNav.open{display:flex!important;position:absolute!important;top:82px!important;left:0!important;transform:none!important;width:100%!important;max-width:none!important;height:auto!important;flex-direction:column!important;align-items:stretch!important;padding:12px 24px!important;background:#fff!important;box-shadow:0 12px 24px #10242d1c!important}body:is(.homeV3,.plansV3) header.lmSiteHeader nav.navLinks.referenceNav.open a{width:100%!important;padding:12px 4px!important;border-bottom:1px solid #eef0f1!important}body:is(.homeV3,.plansV3) header.lmSiteHeader nav.navLinks.referenceNav .homeDesktopRent{display:none!important}body:is(.homeV3,.plansV3) header.lmSiteHeader nav.navLinks.referenceNav .homeMobileOnly{display:block!important}body:is(.homeV3,.plansV3) header.lmSiteHeader .menuButton{display:block!important;margin:0!important;padding:0!important;min-width:36px!important;font-size:23px!important}}
@media(max-width:700px){body:is(.homeV3,.plansV3) header.lmSiteHeader{height:62px!important}body:is(.homeV3,.plansV3) header.lmSiteHeader .navShell.referenceHead{width:calc(100% - 28px)!important;height:62px!important}body:is(.homeV3,.plansV3) header.lmSiteHeader .brand{width:150px!important;min-width:150px!important;height:50px!important}body:is(.homeV3,.plansV3) header.lmSiteHeader .homeOriginalLogo{height:50px!important}body:is(.homeV3,.plansV3) header.lmSiteHeader nav.navLinks.referenceNav.open{top:62px!important}body:is(.homeV3,.plansV3) header.lmSiteHeader .headerQuickLinks{gap:4px!important}body:is(.homeV3,.plansV3) header.lmSiteHeader .headerQuickLinks .homeFavoriteLink{width:28px!important;height:32px!important;font-size:17px!important}body:is(.homeV3,.plansV3) header.lmSiteHeader .headerQuickLinks .headerLoginLink{width:28px!important;min-width:28px!important;padding:0!important;justify-content:center!important}body:is(.homeV3,.plansV3) header.lmSiteHeader .headerQuickLinks .headerLoginLink b{display:none!important}body:is(.homeV3,.plansV3) header.lmSiteHeader .headerQuickLinks .homeAdvertiseLink{padding:9px 11px!important;font-size:12px!important}}
@media(max-width:390px){body:is(.homeV3,.plansV3) header.lmSiteHeader .brand{width:127px!important;min-width:127px!important}body:is(.homeV3,.plansV3) header.lmSiteHeader .headerQuickLinks{gap:2px!important}body:is(.homeV3,.plansV3) header.lmSiteHeader .headerQuickLinks .homeAdvertiseLink{padding:8px!important;font-size:11px!important}}
@media(max-width:360px){body:is(.homeV3,.plansV3) header.lmSiteHeader .navShell.referenceHead{gap:3px!important}body:is(.homeV3,.plansV3) header.lmSiteHeader .brand{width:109px!important;min-width:109px!important}body:is(.homeV3,.plansV3) header.lmSiteHeader .headerQuickLinks .homeFavoriteLink{width:24px!important}body:is(.homeV3,.plansV3) header.lmSiteHeader .headerQuickLinks .headerLoginLink{width:24px!important;min-width:24px!important}body:is(.homeV3,.plansV3) header.lmSiteHeader .headerQuickLinks .homeAdvertiseLink{padding:7px 5px!important;font-size:10px!important}body:is(.homeV3,.plansV3) header.lmSiteHeader .menuButton{width:26px!important;min-width:26px!important;font-size:19px!important}}

@media (max-width: 700px) {
  body.homeV2.homeV3 main#top section.hero form#homeProjectSearch .searchRow {
    grid-template-columns: 34px minmax(0, 1fr) 84px !important;
    grid-template-rows: 48px 44px !important;
    row-gap: 8px !important;
    height: 100px !important;
    min-height: 100px !important;
    border: 0 !important;
    background: transparent !important;
  }

  body.homeV2.homeV3 main#top section.hero form#homeProjectSearch .searchRow::before {
    box-sizing: border-box;
    height: 48px;
    border: 1px solid #dce3e5;
    border-radius: 7px;
  }

  body.homeV2.homeV3 main#top section.hero form#homeProjectSearch .searchMagnifier {
    grid-row: 1 !important;
    align-self: center !important;
    width: 20px !important;
    height: 20px !important;
    min-height: 0 !important;
  }

  body.homeV2.homeV3 main#top section.hero form#homeProjectSearch .searchRow input {
    grid-row: 1 !important;
    height: 48px !important;
    min-height: 0 !important;
    line-height: normal !important;
  }

  body.homeV2.homeV3 main#top section.hero form#homeProjectSearch .searchRow > button[type="submit"] {
    grid-column: 3 !important;
    grid-row: 1 !important;
    align-self: start !important;
    height: 48px !important;
    min-height: 48px !important;
    border-radius: 0 7px 7px 0 !important;
  }

  body.homeV2.homeV3 main#top section.hero form#homeProjectSearch .searchRow > .homeQuickLocation {
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
    box-sizing: border-box;
    width: 100%;
    height: 44px !important;
    min-height: 44px !important;
    margin: 0 !important;
    border: 1px solid #dce3e5 !important;
    border-radius: 7px;
    background: #fff;
    overflow: hidden;
  }

  body.homeV2.homeV3 main#top section.hero form#homeProjectSearch #homeQuickState {
    flex: 1;
    height: 40px !important;
    min-height: 0 !important;
    margin: 0 !important;
    background: transparent !important;
  }
}