.elementor-35189 .elementor-element.elementor-element-482d9cb{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-35189 .elementor-element.elementor-element-3c48a302{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Arial;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-35189 .elementor-element.elementor-element-533dca9c{text-align:center;}.elementor-35189 .elementor-element.elementor-element-533dca9c .elementor-heading-title{font-family:"Source Sans Pro", Arial;font-weight:700;}.elementor-35189 .elementor-element.elementor-element-076db56{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Arial;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-35189 .elementor-element.elementor-element-b81593b{font-family:"Source Sans Pro", Arial;font-size:13px;font-weight:400;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}}@media(max-width:767px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}}/* Start custom CSS *//* ============================================================
   BYD CAMINHÕES — nov/2026 — conforme wireframe
   Aparência › Personalizar › CSS Adicional
   Prefixo: .byd-trk-*
   ============================================================ */

html { scroll-behavior: smooth; }

.byd-trk {
  --trk-red: #c8102e;
  --trk-red-dark: #a00d24;
  --trk-ink: #1a1a1a;
  --trk-muted: #4a4d52;
  --trk-panel: #f0f1f3;
  --trk-dark: #1f2023;
  --trk-dark-2: #34363a;
  --trk-radius: 16px;
  color: var(--trk-ink);
  line-height: 1.5;
  padding: 24px 0;
  overflow-x: hidden;
}
.byd-trk *, .byd-trk *::before, .byd-trk *::after { box-sizing: border-box; }
.byd-trk img { display: block; max-width: 100%; }
.byd-trk h1, .byd-trk h2, .byd-trk h3, .byd-trk p, .byd-trk ul { margin: 0; }

.byd-trk-wrap { width: 100%; max-width: 1240px; margin: 0 auto; padding: 0 24px; }
.byd-trk-block { padding: 12px 0; scroll-margin-top: 90px; }

/* Painel cinza (intro, portfólio, tecnologia) */
.byd-trk-panel { background: var(--trk-panel); border-radius: var(--trk-radius); padding: 40px; }
.byd-trk-eyebrow {
  font-size: 13px !important; font-weight: 700 !important; letter-spacing: .08em;
  text-transform: uppercase; color: #6b6e73 !important; margin-bottom: 6px !important;
}
.byd-trk-h2 {
  font-size: clamp(22px, 2.4vw, 30px) !important; line-height: 1.2 !important;
  font-weight: 700 !important; color: var(--trk-ink) !important; margin-bottom: 28px !important;
}

/* Botões */
.byd-trk-btn {
  display: inline-flex; align-items: center; justify-content: center;
  min-height: 52px; padding: 0 28px; border-radius: 6px;
  font-size: 16px; font-weight: 700; line-height: 1.2;
  text-decoration: none !important; cursor: pointer; transition: background .2s;
}
.byd-trk-btn--red { background: var(--trk-red); color: #fff !important; }
.byd-trk-btn--red:hover { background: var(--trk-red-dark); }
.byd-trk-btn--gray { background: #4a4b4e; color: #fff !important; }
.byd-trk-btn--gray:hover { background: #5c5d61; }

/* 01 Hero */
.byd-trk-hero {
  position: relative; border-radius: var(--trk-radius); overflow: hidden; background: #140000;
  container-type: inline-size;
}
.byd-trk-hero__img { width: 100% !important; height: auto !important; aspect-ratio: 4 / 1; object-fit: cover; }
/* Texto + botões sobre a área escura da imagem (tamanhos proporcionais à largura do banner) */
.byd-trk-hero__content {
  position: absolute; left: 5.25%; top: 50%; transform: translateY(-50%);
  max-width: 55%; color: #fff;
}
.byd-trk-hero__title {
  font-size: 2.6vw !important; font-size: 2.85cqw !important;
  font-family: "Source Sans 3", "Source Sans Pro", "Arial Narrow", sans-serif !important;
  line-height: 1.12 !important; font-weight: 700 !important; text-transform: uppercase;
  letter-spacing: -0.02em; white-space: nowrap; color: #fff !important; margin: 0 0 .35em !important;
  text-shadow: 0 2px 12px rgba(0,0,0,.35);
}
.byd-trk-hero__sub {
  font-family: "Source Sans 3", "Source Sans Pro", "Arial Narrow", sans-serif !important;
  font-size: 1.5vw !important; font-size: 1.65cqw !important;
  line-height: 1.2 !important; color: #fff !important; margin: 0 0 1.6cqw !important;
}
.byd-trk-hero__ctas { display: flex; flex-wrap: wrap; gap: 14px; }
.byd-trk-hero__ctas .byd-trk-btn { min-height: clamp(40px, 3.6vw, 52px); padding: 0 clamp(16px, 1.8vw, 28px); font-size: clamp(14px, 1.15vw, 16px); }

/* 02 Intro */
.byd-trk-intro .byd-trk-h2 { margin-bottom: 18px !important; }
.byd-trk-intro p { font-size: 17px; color: var(--trk-muted); max-width: 1000px; }
.byd-trk-intro p + p { margin-top: 10px; }

/* Grid de cards (portfólio e tecnologia) */
.byd-trk-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 28px; }
.byd-trk-card {
  background: #fff; border-radius: var(--trk-radius); padding: 18px 18px 26px;
  transition: transform .25s, box-shadow .25s;
}
.byd-trk-card:hover { transform: translateY(-3px); box-shadow: 0 12px 28px rgba(0,0,0,.07); }
.byd-trk-card__media {
  aspect-ratio: 16 / 11; background: #f6f7f8; border-radius: 8px; overflow: hidden;
  display: flex; align-items: center; justify-content: center; margin-bottom: 20px;
}
.byd-trk-card__media img { width: 100%; height: 100% !important; object-fit: contain; }
.byd-trk-card__media--cover img { object-fit: cover; }
.byd-trk-card__title {
  font-size: 22px !important; font-weight: 700 !important; color: var(--trk-ink) !important;
  margin-bottom: 10px !important;
}
.byd-trk-card__title span { margin-left: 6px; }
.byd-trk-card__sub { font-size: 15px; font-weight: 700; color: var(--trk-ink); margin-bottom: 12px !important; }
.byd-trk-card__text { font-size: 15px; color: var(--trk-muted); }
.byd-trk-specs { list-style: none !important; padding: 0 !important; }
.byd-trk-specs li {
  font-size: 15px; color: var(--trk-muted); padding: 6px 0; border-top: 1px solid #eceef0;
  margin: 0 !important;
}
.byd-trk-specs li:first-child { font-weight: 700; color: var(--trk-ink); }

/* 05 Conversão */
.byd-trk-cta { background: var(--trk-dark); border-radius: var(--trk-radius); padding: 44px 48px; color: #fff; }
.byd-trk-cta__title {
  font-size: clamp(26px, 2.8vw, 36px) !important; font-weight: 800 !important;
  color: #fff !important; margin-bottom: 8px !important;
}
.byd-trk-cta__sub { font-size: 17px; color: #d4d5d8; margin-bottom: 24px !important; }
.byd-trk-cta__details > summary { list-style: none; display: inline-flex; }
.byd-trk-cta__details > summary::-webkit-details-marker { display: none; }
.byd-trk-cta__details[open] > summary { display: none; }
.byd-trk-cta__form { background: #fff; color: var(--trk-ink); border-radius: 12px; padding: 32px; max-width: 760px; }

/* Formulário Mautic */
.byd-trk-cta__form .mauticform-row { margin-bottom: 14px; }
.byd-trk-cta__form .mauticform-label { display: block; font-size: 14px; font-weight: 600; margin-bottom: 6px; color: var(--trk-ink); }
.byd-trk-cta__form .mauticform-input,
.byd-trk-cta__form .mauticform-selectbox,
.byd-trk-cta__form .mauticform-textarea {
  width: 100% !important; min-height: 46px; padding: 10px 14px !important;
  border: 1px solid #cfd3d9 !important; border-radius: 6px !important; font-size: 15px !important;
}
.byd-trk-cta__form .mauticform-button {
  width: 100%; min-height: 52px; border: 0 !important; border-radius: 6px !important;
  background: var(--trk-red) !important; color: #fff !important;
  font-weight: 700 !important; font-size: 16px !important; cursor: pointer;
}
.byd-trk-cta__form .mauticform-button:hover { background: var(--trk-red-dark) !important; }

/* Responsivo */
@media (max-width: 900px) {
  /* banner fica pequeno: botões saem de cima da imagem e vão para baixo dela */
  /* banner fica pequeno: texto e botões vão para uma faixa escura abaixo da imagem */
  .byd-trk-hero { background: var(--trk-dark); }
  .byd-trk-hero__content { position: static; transform: none; max-width: none; padding: 20px 20px 24px; }
  .byd-trk-hero__title { font-size: clamp(20px, 5.4vw, 30px) !important; white-space: normal; }
  .byd-trk-hero__sub { font-size: 16px !important; margin-bottom: 18px !important; }
}
@media (max-width: 1024px) {
  .byd-trk-grid { grid-template-columns: repeat(2, 1fr); gap: 20px; }
}
@media (max-width: 767px) {
  .byd-trk-wrap { padding: 0 16px; }
  .byd-trk-panel { padding: 24px 18px; }
  .byd-trk-hero__ctas .byd-trk-btn { flex: 1 1 100%; }
  .byd-trk-grid { grid-template-columns: 1fr; }
  .byd-trk-cta { padding: 28px 20px; }
  .byd-trk-cta__details > summary { width: 100%; }
  .byd-trk-cta__form { padding: 20px 16px; }
}/* End custom CSS */