/* =========================================================
   FRETEI VAGAS - HOME BRITE STYLE
   Inspirado visualmente no layout Brite / Rometheme
========================================================= */

:root {
  --brite-dark: #32112f;
  --brite-purple: #4b1848;
  --brite-purple-2: #5a1d56;
  --brite-purple-3: #6c2b67;
  --brite-yellow: #ffbd35;
  --brite-yellow-2: #f4a815;
  --brite-white: #ffffff;
  --brite-bg: #f7f5f7;
  --brite-soft: #fbfafb;
  --brite-text: #302a30;
  --brite-muted: #777077;
  --brite-border: #ebe6eb;
  --brite-radius: 22px;
  --brite-shadow: 0 18px 50px rgba(49, 17, 47, .14);
  --brite-shadow-soft: 0 10px 28px rgba(49, 17, 47, .09);
}

* {
  box-sizing: border-box;
}

body {
  font-family: var(--font);
  background: var(--brite-bg);
  color: var(--brite-text);
}

.h1-container {
  width: min(1240px, calc(100% - 44px));
  margin: 0 auto;
}

/* NAVBAR */
.h1-navbar {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 50;
  padding: 0;
  min-height: 84px;
  background: transparent;
}

.h1-navbar.scrolled {
  position: fixed;
  background: rgba(50, 17, 47, .96);
  box-shadow: 0 12px 35px rgba(0, 0, 0, .18);
  padding: 0;
}

.h1-navbar-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 84px;
}

.h1-logo {
  font-size: 1.45rem;
  font-weight: 900;
  letter-spacing: .8px;
  text-decoration: none;
}

.logo-fretei {
  color: var(--brite-yellow);
}

.logo-vagas {
  color: #fff;
}

.h1-nav-menu {
  display: flex;
  align-items: center;
  gap: 28px;
  list-style: none;
  margin: 0;
  padding: 0;
}

.h1-nav-menu a {
  color: rgba(255,255,255,.88);
  text-decoration: none;
  font-size: .95rem;
  font-weight: 500;
}

.h1-nav-menu a:hover {
  color: var(--brite-yellow);
}

.h1-nav-actions {
  display: flex;
  align-items: center;
  gap: 12px;
}

.h1-btn-outline,
.h1-btn-yellow {
  min-height: 48px;
  padding: 0 22px;
  border-radius: 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  text-decoration: none;
  font-weight: 800;
  letter-spacing: .2px;
  transition: .22s ease;
}

.h1-btn-outline {
  color: #fff;
  border: 2px solid rgba(255,255,255,.82);
  background: transparent;
}

.h1-btn-outline:hover {
  background: #fff;
  color: var(--brite-purple);
}

.h1-btn-yellow {
  color: var(--brite-dark);
  background: var(--brite-yellow);
  border: 2px solid var(--brite-yellow);
}

.h1-btn-yellow:hover {
  background: var(--brite-yellow-2);
  border-color: var(--brite-yellow-2);
  transform: translateY(-2px);
  box-shadow: 0 10px 22px rgba(255,189,53,.22);
}

.h1-burger {
  display: none;
  border: 0;
  background: transparent;
  flex-direction: column;
  gap: 5px;
}

.h1-burger span {
  width: 27px;
  height: 3px;
  border-radius: 50px;
  background: #fff;
}

/* HERO */
.h1-hero {
  min-height: 780px;
  padding: 145px 0 120px;
  color: #fff;
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(circle at 8% 26%, rgba(255,255,255,.06) 0 0, rgba(255,255,255,.06) 150px, transparent 151px),
    radial-gradient(circle at 91% 7%, rgba(255,255,255,.055) 0 0, rgba(255,255,255,.055) 230px, transparent 231px),
    radial-gradient(circle at 65% 78%, rgba(255,255,255,.035) 0 0, rgba(255,255,255,.035) 280px, transparent 281px),
    linear-gradient(135deg, var(--brite-purple-2), var(--brite-dark));
}

.h1-hero::after {
  content: "";
  position: absolute;
  right: -120px;
  bottom: -120px;
  width: 440px;
  height: 440px;
  background: rgba(255,189,53,.08);
  border-radius: 50%;
}

.h1-hero-inner {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: 1.08fr .92fr;
  gap: 70px;
  align-items: center;
}

.h1-hero-divider {
  width: 130px;
  height: 4px;
  background: var(--brite-yellow);
  border-radius: 20px;
  margin-bottom: 28px;
}

.h1-hero-sub {
  color: rgba(255,255,255,.74);
  font-size: 1.18rem;
  margin: 0 0 18px;
}

.h1-hero-title {
  font-size: clamp(3.1rem, 6.2vw, 5.9rem);
  line-height: .95;
  letter-spacing: -2px;
  font-weight: 900;
  margin: 0 0 34px;
  max-width: 720px;
}

.h1-hero-title span {
  color: var(--brite-yellow);
}

.h1-hero-btns {
  display: flex;
  align-items: center;
  gap: 24px;
  margin-bottom: 46px;
  flex-wrap: wrap;
}

.h1-btn-play {
  color: #fff;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 13px;
  font-weight: 700;
}

.h1-play-circle {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: rgba(255,255,255,.10);
  border: 1px solid rgba(255,255,255,.20);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.h1-hero-image {
  position: relative;
  min-height: 500px;
}

.h1-hero-img-wrap {
  position: absolute;
  inset: 38px 10px 10px;
  border-radius: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.h1-hero-circle {
  position: absolute;
  width: 405px;
  height: 405px;
  border-radius: 50%;
  background: rgba(255,189,53,.14);
  border: 2px solid rgba(255,189,53,.22);
  box-shadow: inset 0 0 80px rgba(255,255,255,.04);
}

.h1-hero-person {
  position: relative;
  z-index: 2;
  font-size: 10.5rem;
  transform: translateY(10px);
  filter: drop-shadow(0 28px 30px rgba(0,0,0,.22));
}

.h1-hero-badge {
  position: absolute;
  top: 60px;
  left: 4px;
  z-index: 4;
  background: #fff;
  color: var(--brite-text);
  border-radius: 18px;
  padding: 18px 20px;
  display: flex;
  gap: 14px;
  align-items: center;
  box-shadow: var(--brite-shadow);
}

.h1-hero-badge i {
  font-size: 1.4rem;
  color: var(--brite-yellow-2);
}

.h1-hero-badge strong {
  display: block;
  font-size: .95rem;
}

.h1-hero-badge small {
  color: var(--brite-muted);
}

.h1-hero-avatar {
  position: absolute;
  z-index: 5;
  width: 58px;
  height: 58px;
  border-radius: 50%;
  background: #fff;
  color: var(--brite-purple);
  border: 5px solid rgba(255,255,255,.35);
  box-shadow: var(--brite-shadow-soft);
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 900;
}

.h1-av1 { right: 84px; top: 74px; }
.h1-av2 { right: 12px; bottom: 124px; }
.h1-av3 { left: 64px; bottom: 56px; }

/* FLOATING STATS */
.h1-stats-section {
  margin-top: -78px;
  position: relative;
  z-index: 10;
  padding-bottom: 32px;
}

.h1-stats-grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1.35fr;
  gap: 26px;
}

.h1-stat-card {
  background: #fff;
  border: 1px solid var(--brite-border);
  border-radius: 26px;
  padding: 34px;
  min-height: 235px;
  box-shadow: var(--brite-shadow);
}

.h1-stat-img {
  font-size: 3rem;
  margin-bottom: 20px;
}

.h1-stat-num {
  font-size: 3rem;
  line-height: 1;
  color: var(--brite-purple);
  font-weight: 900;
  letter-spacing: -1px;
}

.h1-stat-label {
  color: var(--brite-text);
  font-size: 1.18rem;
  font-weight: 900;
  margin: 12px 0 10px;
}

.h1-stat-card p {
  color: var(--brite-muted);
  margin: 0;
}

.h1-recruiting {
  display: flex;
  flex-direction: column;
}

.h1-recruiting h3 {
  color: var(--brite-dark);
  font-size: 1.85rem;
  line-height: 1.15;
  font-weight: 900;
  margin: 0 0 22px;
}

.h1-company-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 13px;
}

.h1-company-item {
  background: var(--brite-soft);
  border: 1px solid var(--brite-border);
  border-radius: 18px;
  padding: 14px 9px;
  text-align: center;
  text-decoration: none;
  color: var(--brite-text);
  transition: .22s ease;
}

.h1-company-item:hover {
  border-color: var(--brite-yellow);
  transform: translateY(-3px);
}

.h1-company-initial,
.h1-company-item img {
  width: 48px;
  height: 48px;
  border-radius: 16px;
  margin: 0 auto 8px;
}

.h1-company-initial {
  background: var(--brite-purple);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 900;
}

/* SECTION HEADER */
.h1-section-header {
  text-align: center;
  max-width: 650px;
  margin: 0 auto 46px;
}

.h1-section-header h2 {
  color: var(--brite-dark);
  font-size: clamp(2.1rem, 4vw, 3.3rem);
  line-height: 1.08;
  font-weight: 900;
  letter-spacing: -1px;
  margin: 0 0 12px;
}

.h1-section-header p {
  color: var(--brite-muted);
  margin: 0;
}

/* JOBS */
.h1-jobs-section {
  padding: 48px 0 96px;
  background: #fff;
}

.h1-jobs-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
}

.h1-job-card {
  background: #fff;
  border: 1px solid var(--brite-border);
  border-radius: 24px;
  padding: 26px;
  box-shadow: 0 8px 28px rgba(49,17,47,.07);
  transition: .22s ease;
  position: relative;
  overflow: hidden;
}

.h1-job-card::before {
  content: "";
  position: absolute;
  left: 0;
  top: 26px;
  bottom: 26px;
  width: 4px;
  border-radius: 20px;
  background: var(--brite-yellow);
  opacity: 0;
  transition: .22s ease;
}

.h1-job-card:hover {
  transform: translateY(-6px);
  box-shadow: var(--brite-shadow);
  border-color: rgba(255,189,53,.65);
}

.h1-job-card:hover::before {
  opacity: 1;
}

.h1-job-header {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 22px;
}

.h1-job-logo {
  width: 58px;
  height: 58px;
  border-radius: 18px;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 900;
  overflow: hidden;
  flex: 0 0 58px;
}

.h1-job-logo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.h1-job-company {
  color: var(--brite-text);
  font-weight: 900;
  font-size: .9rem;
}

.h1-job-location {
  color: var(--brite-muted);
  font-size: .8rem;
}

.h1-job-title {
  color: var(--brite-dark);
  font-size: 1.05rem;
  line-height: 1.28;
  font-weight: 900;
  margin: 0 0 12px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.h1-job-desc {
  color: var(--brite-muted);
  font-size: .85rem;
  min-height: 58px;
  margin: 0 0 14px;
}

.h1-job-stars {
  color: var(--brite-yellow-2);
  margin-bottom: 18px;
}

.h1-job-meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 20px;
}

.h1-tag-tipo {
  background: rgba(75,24,72,.08);
  color: var(--brite-purple);
  padding: 7px 13px;
  border-radius: 100px;
  font-size: .78rem;
  font-weight: 900;
}

.h1-job-salary {
  color: var(--brite-dark);
  font-weight: 900;
}

.h1-btn-job {
  min-height: 46px;
  border-radius: 12px;
  background: var(--brite-purple);
  color: #fff;
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 900;
}

.h1-btn-job:hover {
  background: var(--brite-dark);
}

/* SIMPLIFY */
.h1-simplify-section {
  padding: 40px 0 105px;
  background: var(--brite-bg);
}

.h1-simplify-inner {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 76px;
  align-items: center;
}

.h1-simplify-text h2 {
  color: var(--brite-dark);
  font-size: clamp(1.6rem, 2.5vw, 2.3rem);
  line-height: 1.1;
  font-weight: 900;
  letter-spacing: -1px;
  margin: 0 0 20px;
}

.h1-simplify-text h2 span {
  color: var(--brite-yellow-2);
}

.h1-simplify-text p {
  color: var(--brite-muted);
  margin: 0 0 24px;
  max-width: 560px;
}

.h1-simplify-list {
  list-style: none;
  padding: 0;
  margin: 0 0 32px;
}

.h1-simplify-list li {
  display: flex;
  align-items: center;
  gap: 11px;
  margin-bottom: 13px;
  color: var(--brite-text);
  font-weight: 700;
}

.h1-simplify-list i {
  color: var(--brite-yellow-2);
}

.h1-simplify-img-box {
  min-height: 455px;
  border-radius: 34px;
  background:
    radial-gradient(circle at 80% 18%, rgba(255,255,255,.10), transparent 28%),
    linear-gradient(135deg, var(--brite-purple-2), var(--brite-dark));
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: var(--brite-shadow);
  overflow: hidden;
}

.h1-simplify-img-box::before {
  content: "";
  position: absolute;
  width: 290px;
  height: 290px;
  border-radius: 50%;
  background: rgba(255,189,53,.14);
}

.h1-simplify-emoji {
  position: relative;
  z-index: 2;
  font-size: 8rem;
}

.h1-simplify-badge {
  position: absolute;
  right: -18px;
  bottom: 44px;
  z-index: 3;
  background: #fff;
  border-radius: 20px;
  padding: 20px 26px;
  box-shadow: var(--brite-shadow);
}

.h1-simplify-badge strong {
  color: var(--brite-purple);
  font-size: 2.2rem;
  line-height: 1;
}

/* HOW */
.h1-how-section {
  padding: 60px 0;
  background: var(--brite-dark);
  color: #fff;
}

.h1-how-section .h1-section-header h2,
.h1-how-section .h1-section-header p {
  color: #fff;
}

.h1-how-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 28px;
}

.h1-how-card {
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.055);
  border-radius: 20px;
  padding: 24px 20px;
  text-align: center;
  transition: .22s ease;
}

.h1-how-card:hover {
  transform: translateY(-5px);
  background: rgba(255,255,255,.085);
}

.h1-how-num {
  color: rgba(255,255,255,.15);
  font-size: 3rem;
  line-height: 1;
  font-weight: 900;
}

.h1-how-icon {
  width: 92px;
  height: 92px;
  border-radius: 50%;
  background: transparent;
  color: var(--brite-dark);
  display: flex;
  align-items: center;
  justify-content: center;
  margin: -12px auto 0;
  font-size: 1.3rem;
}

.h1-how-icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}

.h1-how-card h3 {
  color: #fff;
  font-size: 1.15rem;
  margin: 0 0 8px;
}

.h1-how-card p {
  color: rgba(255,255,255,.7);
  margin: 0;
  font-size: 0.9rem;
}

/* NEWSLETTER */
.h1-newsletter-section {
  padding: 95px 0;
  background: #fff;
}

.h1-newsletter-inner {
  border-radius: 34px;
  padding: 46px;
  background:
    radial-gradient(circle at 96% 20%, rgba(255,255,255,.08), transparent 28%),
    linear-gradient(135deg, var(--brite-purple-2), var(--brite-dark));
  color: #fff;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 35px;
  align-items: center;
  box-shadow: var(--brite-shadow);
}

.h1-nl-text h2 {
  font-size: 2.2rem;
  line-height: 1.1;
  margin: 0 0 10px;
}

.h1-nl-text p {
  color: rgba(255,255,255,.72);
  margin: 0;
}

.h1-nl-form {
  display: flex;
  gap: 13px;
}

.h1-nl-form input {
  flex: 1;
  min-height: 56px;
  border: 0;
  outline: 0;
  border-radius: 14px;
  padding: 0 18px;
  font-size: 1rem;
}

.h1-nl-form button {
  min-height: 56px;
  border: 0;
  border-radius: 14px;
  padding: 0 24px;
  cursor: pointer;
  background: var(--brite-yellow);
  color: var(--brite-dark);
  font-weight: 900;
}

.h1-partners-row {
  margin-top: 32px;
  display: flex;
  justify-content: center;
  gap: 30px;
  flex-wrap: wrap;
  color: var(--brite-muted);
  font-weight: 800;
}

/* TESTIMONIALS */
.h1-testimonials-section {
  padding: 100px 0;
  background: var(--brite-bg);
}

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

.h1-testimonial-card {
  background: #fff;
  border-radius: 26px;
  padding: 28px;
  box-shadow: var(--brite-shadow-soft);
  border: 1px solid var(--brite-border);
  min-width: 0;
}

.h1-tc-quote {
  color: var(--brite-yellow);
  font-size: 4.8rem;
  line-height: .6;
  font-weight: 900;
}

.h1-tc-text {
  color: var(--brite-muted);
  min-height: 74px;
  line-height: 1.7;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.h1-tc-stars {
  color: var(--brite-yellow-2);
  margin: 18px 0;
}

.h1-tc-author {
  display: flex;
  align-items: center;
  gap: 14px;
  min-width: 0;
}

.h1-tc-avatar {
  width: 52px;
  height: 52px;
  border-radius: 18px;
  background: var(--brite-purple);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 900;
  overflow: hidden;
  background-size: cover;
  background-position: center;
}

.h1-tc-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.h1-tc-author strong {
  color: var(--brite-text);
  overflow-wrap: anywhere;
}

.h1-tc-author small {
  display: block;
  color: var(--brite-muted);
}

/* FAQ */
.h1-faq-section {
  padding: 100px 0;
  background: #fff;
}

.h1-faq-inner {
  display: grid;
  grid-template-columns: .82fr 1.18fr;
  gap: 70px;
  align-items: start;
}

.h1-faq-title {
  color: var(--brite-dark);
  font-size: clamp(2.4rem, 4vw, 3.65rem);
  line-height: 1.05;
  letter-spacing: -1px;
  font-weight: 900;
  margin: 0 0 18px;
}

.h1-faq-col p {
  color: var(--brite-muted);
}

.h1-faq-item {
  border: 1px solid var(--brite-border);
  border-radius: 18px;
  margin-bottom: 15px;
  overflow: hidden;
  background: #fff;
  box-shadow: 0 8px 22px rgba(49,17,47,.045);
}

.h1-faq-q {
  width: 100%;
  border: 0;
  background: #fff;
  color: var(--brite-dark);
  padding: 22px 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  text-align: left;
  cursor: pointer;
  font-size: 1rem;
  font-weight: 900;
}

.h1-faq-a {
  display: none;
  padding: 0 24px 26px;
  margin-top: 0;
  color: var(--brite-muted);
}

.h1-faq-a p {
  margin: 0;
  line-height: 1.82;
}

.h1-faq-item.active .h1-faq-a {
  display: block;
}

/* COUNTERS */
.h1-counters-section {
  padding: 78px 0;
  background: linear-gradient(135deg, var(--brite-purple-2), var(--brite-dark));
  color: #fff;
}

.h1-counters-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 26px;
  text-align: center;
}

.h1-counter-num {
  color: var(--brite-yellow);
  font-size: 3.25rem;
  line-height: 1;
  font-weight: 900;
}

.h1-counter-label {
  margin-top: 12px;
  color: rgba(255,255,255,.72);
  font-weight: 700;
}

/* BLOG */
.h1-blog-section {
  padding: 100px 0;
  background: var(--brite-bg);
}

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

.h1-blog-card {
  background: #fff;
  border-radius: 26px;
  overflow: hidden;
  border: 1px solid var(--brite-border);
  box-shadow: var(--brite-shadow-soft);
  display: flex;
  flex-direction: column;
  height: 100%;
  min-width: 0;
}

.h1-blog-img {
  height: 205px;
  position: relative;
  background: linear-gradient(135deg, var(--brite-purple), var(--brite-dark));
}

.h1-blog-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.h1-blog-placeholder {
  width: 100%;
  height: 100%;
  color: #fff;
  font-size: 3.2rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.h1-blog-cat {
  position: absolute;
  top: 18px;
  left: 18px;
  background: var(--brite-yellow);
  color: var(--brite-dark);
  padding: 7px 13px;
  border-radius: 100px;
  font-size: .78rem;
  font-weight: 900;
}

.h1-blog-body {
  padding: 26px;
  display: flex;
  flex-direction: column;
  flex: 1;
}

.h1-blog-meta {
  color: var(--brite-muted);
  font-size: .86rem;
  margin-bottom: 12px;
}

.h1-blog-body h3 {
  color: var(--brite-dark);
  font-size: 1.22rem;
  line-height: 1.32;
  margin: 0 0 13px;
  overflow-wrap: anywhere;
}

.h1-blog-body h3 a {
  color: inherit;
  text-decoration: none;
}

.h1-blog-body p {
  color: var(--brite-muted);
  line-height: 1.65;
}

.h1-blog-link {
  color: var(--brite-purple);
  font-weight: 900;
  text-decoration: none;
  margin-top: auto;
}

/* FOOTER COMPAT */
.site-footer {
  background: var(--brite-dark);
}

/* RESPONSIVE */
@media (max-width: 1180px) {
  .h1-jobs-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .h1-stats-grid {
    grid-template-columns: 1fr;
  }

  .h1-hero-inner,
  .h1-simplify-inner,
  .h1-newsletter-inner,
  .h1-faq-inner {
    grid-template-columns: 1fr;
  }

  .h1-hero-image {
    min-height: 430px;
  }
}

@media (max-width: 820px) {
  .h1-navbar {
    min-height: 70px;
    padding: 0;
  }
  
  .h1-navbar-inner {
    min-height: 70px;
  }
  
  .h1-navbar.scrolled {
    padding: 0;
  }

  .h1-nav-menu,
  .h1-nav-actions {
    display: none;
  }

  .h1-burger {
    display: flex;
  }

  .h1-nav-menu.open {
    display: flex;
    position: fixed;
    top: 76px;
    left: 20px;
    right: 20px;
    background: var(--brite-dark);
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 22px;
    flex-direction: column;
    gap: 0;
    padding: 18px;
  }

  .h1-nav-menu.open li {
    width: 100%;
  }

  .h1-nav-menu.open a {
    display: block;
    padding: 13px 6px;
  }

  .h1-hero {
    min-height: auto;
    padding: 120px 0 85px;
  }

  .h1-hero-title {
    letter-spacing: -1px;
  }

  .h1-hero-person {
    font-size: 6.5rem;
  }

  .h1-hero-circle {
    width: 255px;
    height: 255px;
  }

  .h1-jobs-grid,
  .h1-how-grid,
  .h1-testimonials-grid,
  .h1-blog-grid,
  .h1-counters-grid {
    grid-template-columns: 1fr;
  }

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

  .h1-nl-form {
    flex-direction: column;
  }

  .h1-newsletter-inner {
    padding: 30px;
  }
}


/* =========================================================
   PATCH FINAL - IMAGENS LOCAIS BRITE
   Cole este bloco NO FINAL do /assets/css/home1.css
   As imagens devem estar em: /assets/img/brite/
========================================================= */

:root{
  --brite-img-path: "/assets/img/brite/";
}

/* Fundo do hero igual ao template: gradiente + foto escurecida */
.h1-hero{
  min-height: 90vh;
  background:
    linear-gradient(122deg, rgba(85,32,78,.94) 0%, rgba(61,23,55,.96) 60%),
    url("/assets/img/brite/working-job-career-casual-showing-SJZWF3N.jpg") center center / cover no-repeat !important;
}

/* Textura/círculos do template */
.h1-hero::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 92% 40%, rgba(255,255,255,.09) 0 1px, transparent 2px),
    radial-gradient(circle at 75% 48%, rgba(255,255,255,.12) 0 1px, transparent 2px);
  opacity:.55;
  z-index:0;
  pointer-events:none;
}

.h1-hero::after{
  content:"";
  position:absolute;
  inset:0;
  background:rgba(61,23,55,.22);
  z-index:0;
  pointer-events:none;
}

.h1-hero-inner,
.h1-navbar{
  position:relative;
  z-index:2;
}

/* Troca o emoji do caminhão pela imagem da mulher/tablet do kit */
.h1-hero-person{
  font-size:0 !important;
  width:min(430px, 90vw);
  height:560px;
  max-height:72vh;
  background:url("/assets/img/brite/portrait-of-an-attractive-young-businesswoman-smil-T74BGJA2.png") center bottom / contain no-repeat;
  filter: drop-shadow(0 28px 36px rgba(0,0,0,.32));
}

/* Círculo e mira ao redor da pessoa */
.h1-hero-circle{
  width:520px;
  height:520px;
  background:transparent !important;
  border:0 !important;
  background-image:url("/assets/img/brite/Circle-BG-3.png") !important;
  background-position:center !important;
  background-size:contain !important;
  background-repeat:no-repeat !important;
  opacity:.72;
}

/* Avatares reais do template nos círculos */
.h1-av1,
.h1-av2,
.h1-av3{
  font-size:0 !important;
  border:4px solid rgba(255,255,255,.75);
  background-size:cover !important;
  background-position:center !important;
}
.h1-av1{ background-image:url("/assets/img/brite/young-man-student-with-metal-braces-on-teeth-VDL96ZN-1.jpg") !important; }
.h1-av2{ background-image:url("/assets/img/brite/portrait-of-cheerful-pretty-redhead-young-woman-wi-MF8GNXT-1.jpg") !important; }
.h1-av3{ background-image:url("/assets/img/brite/attractive-young-bearded-guy-in-checkered-shirt-DYCEJ32-1.jpg") !important; }

/* Card de busca flutuante no lado direito, simulando o "Find Your Dream Work" */
.h1-hero-image::after{
  content:"Find Your Dream Work.\A Choose a category        Keyword        Location\A 🔍  SEARCH JOB";
  white-space:pre;
  position:absolute;
  right:18px;
  bottom:32px;
  z-index:6;
  width:min(360px, 92%);
  background:rgba(61,23,55,.96);
  color:#fff;
  border:3px solid rgba(255,255,255,.85);
  border-radius:10px;
  padding:22px 24px;
  font-size:12px;
  line-height:2.1;
  box-shadow:0 20px 45px rgba(0,0,0,.28);
}
.h1-hero-image::before{
  content:"";
  position:absolute;
  right:52px;
  bottom:53px;
  z-index:7;
  width:130px;
  height:28px;
  border-radius:2px;
  background:var(--brite-yellow);
  opacity:.95;
}

/* Logos/empresas do template quando não houver imagem no banco */
.h1-company-item:nth-child(1) .h1-company-initial{ background-image:url("/assets/img/brite/Logo-1.png"); }
.h1-company-item:nth-child(2) .h1-company-initial{ background-image:url("/assets/img/brite/Logo-2.png"); }
.h1-company-item:nth-child(3) .h1-company-initial{ background-image:url("/assets/img/brite/Logo-3.png"); }
.h1-company-item:nth-child(4) .h1-company-initial{ background-image:url("/assets/img/brite/Logo-4.png"); }
.h1-company-item:nth-child(5) .h1-company-initial{ background-image:url("/assets/img/brite/Logo-5.png"); }
.h1-company-item:nth-child(6) .h1-company-initial{ background-image:url("/assets/img/brite/Logo-6.png"); }

.h1-company-initial{
  background-size:70% auto !important;
  background-position:center !important;
  background-repeat:no-repeat !important;
  color:transparent !important;
  background-color:#fff !important;
  border:1px solid var(--brite-border);
}

/* Cards de vagas mais parecidos com o tema */
.h1-job-card{
  border-radius:6px !important;
  box-shadow:0 10px 30px rgba(0,0,0,.08) !important;
  border:0 !important;
  padding:24px !important;
}
.h1-job-logo{
  background-color:#fff !important;
  border-radius:4px !important;
  border:0 !important;
}
.h1-job-card:nth-child(1) .h1-job-logo{ background-image:url("/assets/img/brite/c-letter-logo-K2BLT8.png") !important; }
.h1-job-card:nth-child(2) .h1-job-logo{ background-image:url("/assets/img/brite/falcon-security-logo-5L25RS.png") !important; }
.h1-job-card:nth-child(3) .h1-job-logo{ background-image:url("/assets/img/brite/rocket-gear-logo-XYE8BV.png") !important; }
.h1-job-card:nth-child(4) .h1-job-logo{ background-image:url("/assets/img/brite/smart-house-logo-GTEDSKQ.png") !important; }
.h1-job-card:nth-child(5) .h1-job-logo{ background-image:url("/assets/img/brite/finance-logo-HYU6N6.png") !important; }
.h1-job-card:nth-child(6) .h1-job-logo{ background-image:url("/assets/img/brite/Job-1.png") !important; }
.h1-job-card:nth-child(7) .h1-job-logo{ background-image:url("/assets/img/brite/copywriter-logo-template-XSAVPHT.png") !important; }
.h1-job-card:nth-child(8) .h1-job-logo{ background-image:url("/assets/img/brite/labyrinth-brain-logo-9YYTKF.png") !important; }
.h1-job-logo{
  background-size:72% auto !important;
  background-position:center !important;
  background-repeat:no-repeat !important;
  color:transparent !important;
}
.h1-job-card .h1-job-logo.has-custom-logo{
  background-image:none !important;
  background-color:transparent !important;
}

/* Seção "Simplifique" com imagem real do template */
.h1-simplify-img-box{
  background:#fff !important;
  box-shadow:none !important;
  overflow:visible !important;
  min-height:430px;
}
.h1-simplify-img-box::before{
  content:"";
  position:absolute;
  inset:auto;
  width:100%;
  height:100%;
  background:url("/assets/img/brite/Circle-BG-3.png") left center / 75% auto no-repeat;
  opacity:.25;
}
.h1-simplify-emoji{
  font-size:0 !important;
  width:100%;
  height:420px;
  border-radius:18px;
  background:url("/assets/img/img_background/contrato_fretei.png") center center / cover no-repeat;
  box-shadow:0 18px 45px rgba(61,23,55,.12);
}
.h1-simplify-badge{
  right:20px !important;
  bottom:12px !important;
  border-radius:6px !important;
  box-shadow: inset 0 -4px 0 var(--brite-yellow);
}

/* Newsletter com fundo fotográfico do tema */
.h1-newsletter-section{
  background:
    linear-gradient(122deg, rgba(85,32,78,.94), rgba(61,23,55,.96)),
    url("/assets/img/brite/working-job-career-casual-showing-SJZWF3N.jpg") center center / cover no-repeat !important;
  color:#fff;
}
.h1-newsletter-inner{
  background:transparent !important;
  box-shadow:none !important;
  text-align:center;
  max-width:760px;
  margin:0 auto;
  display:block !important;
  padding:20px 0 30px !important;
}
.h1-nl-form{
  max-width:520px;
  margin:24px auto 0;
  flex-direction:column;
  gap:14px;
}
.h1-nl-form input{
  background:transparent !important;
  border-radius:0 !important;
  border-bottom:2px solid var(--brite-yellow) !important;
  color:#fff !important;
  text-align:center;
}
.h1-nl-form input::placeholder{ color:rgba(255,255,255,.65); }
.h1-nl-form button{
  min-height:42px !important;
  border-radius:3px !important;
}

/* Logos de parceiros no rodapé da newsletter */
.h1-partners-row{
  color:rgba(255,255,255,.45) !important;
}
.h1-partners-row span{
  font-size:0;
  width:118px;
  height:38px;
  background-size:contain;
  background-repeat:no-repeat;
  background-position:center;
  opacity:.6;
}
.h1-partners-row span:nth-child(1){ background-image:url("/assets/img/brite/Partner-1.png"); }
.h1-partners-row span:nth-child(2){ background-image:url("/assets/img/brite/Partner-2.png"); }
.h1-partners-row span:nth-child(3){ background-image:url("/assets/img/brite/Partner-3.png"); }
.h1-partners-row span:nth-child(4){ background-image:url("/assets/img/brite/Partner-4.png"); }
.h1-partners-row span:nth-child(5){ background-image:url("/assets/img/brite/Partner-5.png"); }

/* Depoimentos próximos do layout Brite */
.h1-testimonial-card{
  border-radius:6px !important;
  border:0 !important;
  box-shadow: inset 0 -4px 0 var(--brite-yellow) !important;
  text-align:center;
}
.h1-tc-avatar{
  background-size:cover !important;
  background-position:center !important;
  color:#fff !important;
  margin:0 auto;
}
.h1-tc-author{
  justify-content:center;
  flex-direction:column;
  gap:8px;
}

/* FAQ estilo roxo/amarelo */
.h1-faq-q{
  border-radius:4px;
}
.h1-faq-item.active .h1-faq-q{
  background:var(--brite-purple) !important;
  color:#fff !important;
  margin-bottom:14px;
}
.h1-faq-item{
  border-radius:4px !important;
}
.h1-faq-item.active .h1-faq-a{
  padding-top:2px;
}

/* Blog com visual mais próximo do tema */
.h1-blog-card{
  border-radius:6px !important;
}
.h1-blog-img{
  background:#eef0f5 !important;
}
.h1-blog-card:nth-child(1) .h1-blog-placeholder{ background:url("/assets/img/brite/ai-background-business-technology-digital-transfor-PN7YBMQ.jpg") center/cover no-repeat; font-size:0; }
.h1-blog-card:nth-child(2) .h1-blog-placeholder{ background:url("/assets/img/brite/shot-of-a-group-of-businesspeople-using-a-laptop-w-YUBSH4F.jpg") center/cover no-repeat; font-size:0; }
.h1-blog-card:nth-child(3) .h1-blog-placeholder{ background:url("/assets/img/brite/business-people-smiling-while-talking-outside-offi-VTEDGMP.jpg") center/cover no-repeat; font-size:0; }

/* Footer no tom correto */
.site-footer{
  background:#3D1737 !important;
}

/* Ajustes responsivos para as imagens */
@media (max-width: 1180px){
  .h1-hero-person{
    height:460px;
  }
  .h1-hero-circle{
    width:420px;
    height:420px;
  }
}

@media (max-width: 820px){
  .h1-hero{
    text-align:center;
  }
  .h1-hero-divider{
    margin-left:auto;
    margin-right:auto;
  }
  .h1-hero-image::after,
  .h1-hero-image::before{
    display:none;
  }
  .h1-hero-person{
    height:360px;
    margin:0 auto;
  }
  .h1-hero-circle{
    width:300px;
    height:300px;
  }
  .h1-hero-badge{
    left:50%;
    transform:translateX(-50%);
    top:20px;
  }
  .h1-av1{ right:18%; top:70px; }
  .h1-av2{ right:12%; bottom:90px; }
  .h1-av3{ left:12%; bottom:78px; }
  .h1-simplify-emoji{
    height:300px;
  }
}


/* =========================================================
   CORREÇÃO HEADER / NAVBAR BRITE
   Deixa o topo igual ao tema Brite, fundo roxo escuro
========================================================= */

.h1-navbar,
.navbar {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  z-index: 9999 !important;
  background: #3D1737 !important;
  background-color: #3D1737 !important;
  padding: 22px 0 !important;
  box-shadow: none !important;
  border: none !important;
}

/* Quando rolar a página */
.h1-navbar.scrolled,
.navbar.scrolled {
  position: fixed !important;
  background: rgba(61, 23, 55, 0.97) !important;
  box-shadow: 0 10px 35px rgba(0, 0, 0, 0.18) !important;
  padding: 16px 0 !important;
}

/* Container interno */
.h1-navbar-inner,
.navbar-inner {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 32px !important;
}

/* Logo */
.h1-logo,
.navbar-logo {
  color: #fff !important;
  text-decoration: none !important;
  font-weight: 900 !important;
  font-size: 1.45rem !important;
  letter-spacing: 0.8px !important;
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
}

.logo-fretei {
  color: #FFBB33 !important;
}

.logo-vagas {
  color: #ffffff !important;
}

/* Menu */
.h1-nav-menu,
.navbar-menu {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 30px !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.h1-nav-menu li,
.navbar-menu li {
  margin: 0 !important;
  padding: 0 !important;
}

.h1-nav-menu a,
.navbar-menu a {
  color: rgba(255, 255, 255, 0.92) !important;
  text-decoration: none !important;
  font-weight: 600 !important;
  font-size: 0.95rem !important;
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
}

.h1-nav-menu a:hover,
.navbar-menu a:hover {
  color: #FFBB33 !important;
}

/* Ações direita */
.h1-nav-actions,
.navbar-actions {
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
}

/* Botão Entrar */
.h1-btn-outline,
.btn-outline {
  background: transparent !important;
  color: #ffffff !important;
  border: 2px solid rgba(255, 255, 255, 0.35) !important;
  border-radius: 12px !important;
  padding: 12px 26px !important;
  font-weight: 800 !important;
  text-decoration: none !important;
}

.h1-btn-outline:hover,
.btn-outline:hover {
  background: #ffffff !important;
  color: #3D1737 !important;
}

/* Botão Cadastrar / Post Job */
.h1-btn-yellow,
.btn-primary {
  background: #FFBB33 !important;
  color: #3D1737 !important;
  border: 2px solid #FFBB33 !important;
  border-radius: 12px !important;
  padding: 12px 28px !important;
  font-weight: 900 !important;
  text-decoration: none !important;
}

.h1-btn-yellow:hover,
.btn-primary:hover {
  background: #F2A50D !important;
  border-color: #F2A50D !important;
  color: #3D1737 !important;
}

/* Corrige espaço da hero para não ficar escondida atrás do menu */
.h1-hero,
.hero,
.page-header-gradient {
  padding-top: 135px !important;
}

/* Remove qualquer faixa branca no topo */
body {
  margin: 0 !important;
  background: #F8F8F8 !important;
}

/* MOBILE */
@media (max-width: 820px) {
  .h1-nav {
    min-width: 0 !important;
  }

  .h1-nav-inner,
  .h1-container {
    min-width: 0 !important;
    max-width: 100% !important;
  }

  .h1-navbar,
  .navbar {
    padding: 16px 0 !important;
  }

  .h1-nav-menu,
  .navbar-menu,
  .h1-nav-actions,
  .navbar-actions {
    display: none !important;
  }

  .h1-burger,
  .navbar-burger {
    display: flex !important;
  }

  .h1-nav-menu.open,
  .navbar-menu.aberto {
    display: flex !important;
    position: fixed !important;
    top: 76px !important;
    left: 20px !important;
    right: 20px !important;
    background: #3D1737 !important;
    border-radius: 18px !important;
    padding: 20px !important;
    flex-direction: column !important;
    gap: 14px !important;
  }
}

/* =========================================================
   CORREÇÃO SEÇÃO: TOP EMPRESAS / STATS — IGUAL BRITE
========================================================= */

.h1-stats-section {
  background: #f4f2f4 !important;
  margin-top: 0 !important;
  padding: 90px 0 100px !important;
  position: relative !important;
  z-index: 5 !important;
}

.h1-stats-grid {
  display: grid !important;
  grid-template-columns: 1.15fr 0.85fr !important;
  gap: 80px !important;
  align-items: center !important;
}

/* Esconde os dois cards de estatística grandes nessa área */
.h1-stats-grid > .h1-stat-card:not(.h1-recruiting) {
  display: none !important;
}

/* Card principal vira seção sem caixa branca */
.h1-recruiting {
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
  padding: 0 !important;
  min-height: auto !important;
  display: grid !important;
  grid-template-columns: 1.15fr 0.85fr !important;
  gap: 70px !important;
  align-items: center !important;
  grid-column: 1 / -1 !important;
}

/* Grid dos cards de empresas */
.h1-company-grid {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 28px !important;
  order: 1 !important;
}

.h1-company-item {
  min-height: 190px !important;
  background: #ffffff !important;
  border: none !important;
  border-radius: 12px !important;
  box-shadow: 0 14px 35px rgba(61, 23, 55, 0.08) !important;
  padding: 28px 22px !important;
  text-align: left !important;
  color: #303030 !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  transition: all 0.25s ease !important;
}

.h1-company-item:hover {
  transform: translateY(-5px) !important;
  box-shadow: 0 18px 45px rgba(61, 23, 55, 0.14) !important;
}

.h1-company-initial,
.h1-company-item img {
  width: 58px !important;
  height: 58px !important;
  border-radius: 0 !important;
  margin: 0 0 18px 0 !important;
  object-fit: contain !important;
}

.h1-company-initial {
  background: transparent !important;
  color: #55204E !important;
  font-size: 2rem !important;
  font-weight: 900 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
}

.h1-company-item span {
  display: block !important;
  color: #303030 !important;
  font-size: 1.35rem !important;
  line-height: 1.15 !important;
  font-weight: 900 !important;
  margin-bottom: 18px !important;
}

/* Linha divisória e detalhes estilo Brite */
.h1-company-item::after {
  content: "📍 São Paulo    ◷ Full Time";
  display: block;
  border-top: 1px solid #d8d3d8;
  padding-top: 16px;
  color: #595959;
  font-size: 0.9rem;
  font-weight: 500;
}

.h1-company-item::before {
  content: "JOB DETAILS";
  order: 10;
  color: #55204E;
  font-size: 0.88rem;
  font-weight: 900;
  letter-spacing: 2px;
  margin-top: 14px;
}

/* Texto da direita */
.h1-recruiting h3 {
  order: 2 !important;
  color: #303030 !important;
  font-size: clamp(2.4rem, 4vw, 4rem) !important;
  line-height: 1.05 !important;
  font-weight: 900 !important;
  margin: 0 0 24px !important;
  max-width: 430px !important;
  position: relative !important;
}

.h1-recruiting h3::before {
  content: "";
  display: block;
  width: 150px;
  height: 4px;
  background: #FFBB33;
  border-radius: 99px;
  margin-bottom: 38px;
}

.h1-recruiting .h1-btn-yellow {
  order: 3 !important;
  align-self: start !important;
  justify-self: start !important;
  margin-top: -120px !important;
  margin-left: calc(57.5% + 70px) !important;
  width: auto !important;
  min-width: 150px !important;
}

/* Texto descritivo depois do título */
.h1-recruiting h3::after {
  content: "Empresas cadastradas buscando profissionais para operação, frota, logística e áreas administrativas do transporte.";
  display: block;
  color: #595959;
  font-size: 1rem;
  line-height: 1.7;
  font-weight: 400;
  margin-top: 24px;
  max-width: 480px;
}

/* Responsivo */
@media (max-width: 1100px) {
  .h1-recruiting {
    grid-template-columns: 1fr !important;
    gap: 40px !important;
  }

  .h1-recruiting h3 {
    order: 1 !important;
  }

  .h1-company-grid {
    order: 2 !important;
    grid-template-columns: repeat(2, 1fr) !important;
  }

  .h1-recruiting .h1-btn-yellow {
    order: 3 !important;
    margin: 0 !important;
  }
}

@media (max-width: 700px) {
  .h1-company-grid {
    grid-template-columns: 1fr !important;
  }

  .h1-company-item {
    min-height: 160px !important;
  }
}

/* Corrigir posição do badge "Parabéns" no hero */
.h1-hero-badge {
  top: 92px !important;
  left: 0 !important;
  right: auto !important;
  transform: none !important;
  z-index: 20 !important;
}

/* Garante que o badge fique fora do rosto da pessoa */
.h1-hero-visual .h1-hero-badge,
.h1-hero-image .h1-hero-badge {
  top: 92px !important;
  left: -10px !important;
  right: auto !important;
}

/* Ajuste para telas menores */
@media (max-width: 900px) {
  .h1-hero-badge,
  .h1-hero-visual .h1-hero-badge,
  .h1-hero-image .h1-hero-badge {
    top: 40px !important;
    left: 10px !important;
    right: auto !important;
  }
}

/* ==========================================================================
   CLIENT LOGOS
   ========================================================================== */
.h1-logos-section {
  padding: 40px 0 20px;
  background: transparent;
  overflow: hidden;
}

.h1-logos-slider {
  width: 100%;
  overflow: hidden;
  position: relative;
  display: flex;
  align-items: center;
}

.h1-logos-slide-track {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: nowrap;
  gap: clamp(36px, 5vw, 72px);
  width: max-content;
  max-width: none;
  transform: none;
}

.h1-logos-slider-static {
  justify-content: center;
  -webkit-mask-image: none;
  mask-image: none;
}

.h1-logos-slider-static .h1-logos-slide-track {
  justify-content: space-evenly;
  width: 100%;
  animation: none;
}

.h1-logos-slider-carousel {
  -webkit-mask-image: linear-gradient(to right, transparent, black 6%, black 94%, transparent);
  mask-image: linear-gradient(to right, transparent, black 6%, black 94%, transparent);
}

.h1-logos-slider-carousel .h1-logos-slide-track {
  animation: scrollLogos 42s linear infinite;
}

.h1-logos-slider-carousel .h1-logos-slide-track:hover {
  animation-play-state: paused;
}

.h1-logo-item {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 150px;
  height: 58px;
  flex: 0 0 150px;
  opacity: 0.9;
  transition: opacity 0.3s ease;
  filter: none;
  background: transparent;
}

.h1-logo-item:hover {
  opacity: 1;
  filter: none;
}

.h1-logo-item img {
  width: 150px;
  height: 58px;
  object-fit: contain;
  display: block;
}

@keyframes scrollLogos {
  0% { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}

@media (prefers-reduced-motion: reduce) {
  .h1-logos-slide-track {
    animation: none;
    transform: none;
  }

  .h1-job-card,
  .h1-top-company-card,
  .h1-btn-yellow,
  .h1-btn-outline {
    transition-duration: 0.01ms !important;
  }
}

@media (max-width: 768px) {
  .h1-logos-section {
    padding: 30px 0 10px;
  }
  .h1-logo-item img {
    max-width: 130px;
    max-height: 60px;
  }
  .h1-logos-slide-track {
    gap: 24px;
  }
  .h1-logos-slider-carousel {
    -webkit-mask-image: linear-gradient(to right, transparent, black 10%, black 90%, transparent);
    mask-image: linear-gradient(to right, transparent, black 10%, black 90%, transparent);
  }
}

/* Go-live stabilization: avoid hardcoded fake metadata and invisible logo fallback */
.h1-company-initial {
  color: #55204E !important;
}

.h1-company-item::before,
.h1-company-item::after {
  content: none !important;
  display: none !important;
}