@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@1,300;1,700&display=swap');
@import url('https://api.fontshare.com/v2/css?f[]=general-sans@200,300,400,500,600,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;500&display=swap');
:root{
  --bg:#050505;
  --panel:#0d0d0d;
  --text:#f4f4f4;
  --muted:rgba(244,244,244,.72);

  --gold:#E60073;
  --gold2:#E60073;

  --accent:#E60073;

  --radius:18px;

  /* Larguras */
  --container:1480px;        /* site inteiro mais largo */
  --header-container:1680px; /* header ainda mais aberto */
}

*{ box-sizing:border-box; }
html{ scroll-behavior:smooth; }
body{ margin:0; background:var(--bg); color:var(--text); font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif; }
a{ color:inherit; text-decoration:none; }

/* Container global */
.container{
  width:100%;
  max-width: var(--container);
  margin: 0 auto;
  padding: 0 40px;
}

@media (max-width: 980px){
  .container{ padding: 0 18px; }
}

/* Header */
.site-header{
  position:sticky; top:0; z-index:50;
  background:rgba(5,5,5,.78);
  backdrop-filter: blur(10px);
  border-bottom: 1px solid rgba(255,255,255,.06);
}

/* Header usa um container maior que o resto */
.site-header .container{
  max-width: var(--header-container);
}

/* linha do header */
.header-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding: 14px 0;
  gap: 14px;
}

/* Brand */
.brand{
  display:flex;
  align-items:center;
  gap:10px;
  font-weight:950;
  letter-spacing:.6px;
  text-transform: uppercase;
  color: var(--gold);
}

.brand-mark{ color:var(--muted); font-weight:800; }
.brand-name{ color:var(--gold); font-size:20px; }

/* Nav */
.site-nav{
  display:flex;
  align-items:center;
  gap:16px;
  margin-left:auto; /* empurra menu pro lado direito */
}

.nav-list{
  list-style:none;
  display:flex;
  gap:16px;
  padding:0;
  margin:0;
}

.nav-list a{ color:var(--muted); font-weight:700; font-size:14px; }
.nav-list a:hover{ color:var(--text); }

.btn{
  display:inline-flex; align-items:center; justify-content:center;
  height:40px; padding:0 14px; border-radius: 999px;
  font-weight:900; letter-spacing:.2px; font-size:13px;
  border:1px solid transparent;
}

.btn-cta{
  color:#0b0b0b;
  background: linear-gradient(180deg, var(--gold), var(--gold2));
}
.btn-cta:hover{ filter:brightness(1.05); }

.btn-ghost{
  border-color: rgba(255,255,255,.12);
  color: var(--text);
  background: rgba(255,255,255,.02);
}
.btn-ghost:hover{ border-color: rgba(230,0,115,.35); }

.nav-toggle{
  display:none;
  width:44px; height:40px;
  border:1px solid rgba(255,255,255,.10);
  border-radius: 12px;
  background: rgba(255,255,255,.02);
  cursor:pointer;
}

.nav-toggle span{
  display:block; width:18px; height:2px; margin:4px auto;
  background: rgba(244,244,244,.86);
}

/* Hero */
.hero{ position:relative; }
.hero-slider{ position:relative; height: 640px; overflow:hidden; }
.hero-slide{
  position:absolute; inset:0;
  background-size:cover; background-position:center;
  opacity:0; transform: scale(1.02);
  transition: opacity 600ms ease, transform 900ms ease;
}
.hero-slide.is-active{ opacity:1; transform: scale(1); }
.hero-overlay{
  position:absolute; inset:0;
  background:
    linear-gradient(90deg, rgba(0,0,0,.75), rgba(0,0,0,.10) 55%, rgba(0,0,0,.70)),
    radial-gradient(900px 500px at 55% 20%, rgba(230,0,115,.18), transparent 60%);
}
.hero-content{ position:relative; height:100%; display:flex; align-items:center; }
.hero-text{ max-width: 560px; }
.hero-kicker{ color:var(--muted); font-weight:800; margin-bottom:6px; }
.hero-title{
  margin:0;
  font-size: 56px; line-height: .95;
  letter-spacing: -1px;
}
.hero-pill{
  display:inline-block;
  margin: 12px 0 10px;
  background: var(--accent);
  color:#fff;
  padding: 6px 12px;
  border-radius: 999px;
  font-weight: 900;
  font-size: 12px;
}
.hero-sub{ margin: 0 0 16px; color: var(--muted); font-weight: 650; }
.hero-actions{ display:flex; gap:10px; flex-wrap:wrap; }

/* Hero estático com vídeo */
.hero-static{
  position:relative;
  min-height:640px;
  overflow:hidden;
  background:
    radial-gradient(900px 520px at 66% 22%, rgba(230,0,115,.18), transparent 62%),
    linear-gradient(90deg, rgba(0,0,0,.96), rgba(0,0,0,.88) 48%, rgba(0,0,0,.96)),
    #000;
}
.hero-static::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg, rgba(0,0,0,.78), rgba(0,0,0,.20) 58%, rgba(0,0,0,.72));
  pointer-events:none;
}
.hero-static .hero-overlay{
  position:absolute;
  inset:0;
  background: radial-gradient(760px 420px at 68% 38%, rgba(230,0,115,.22), transparent 70%);
  pointer-events:none;
}
.hero-static-content{
  position:relative;
  z-index:1;
  min-height:640px;
  justify-content:space-between;
  gap:48px;
}
.hero-video-wrap{
  flex:0 0 360px;
  display:flex;
  justify-content:center;
  align-items:center;
}
.hero-video-card{
  width:100%;
  max-width:340px;
  aspect-ratio:9/16;
  border-radius:28px;
  padding:10px;
  background:linear-gradient(180deg, rgba(230,0,115,.32), rgba(255,255,255,.04));
  border:1px solid rgba(230,0,115,.34);
  box-shadow:0 28px 90px rgba(0,0,0,.65), 0 0 42px rgba(230,0,115,.12);
}
.hero-video-card iframe,
.hero-video-empty{
  width:100%;
  height:100%;
  display:block;
  border:0;
  border-radius:20px;
  overflow:hidden;
  background:#050505;
}
.hero-video-empty{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:8px;
  text-align:center;
  color:var(--text);
  border:1px dashed rgba(255,255,255,.18);
  padding:24px;
}
.hero-video-empty span{
  color:var(--muted);
  font-size:13px;
  font-weight:700;
}


.hero-dots{
  position:absolute; left:50%; bottom:18px;
  transform: translateX(-50%);
  display:flex; gap:8px;
}
.dot{
  width:10px; height:10px; border-radius:999px;
  border:1px solid rgba(255,255,255,.24);
  background: rgba(255,255,255,.06);
  cursor:pointer;
}
.dot.is-active{ background: var(--gold); border-color: rgba(230,0,115,.9); }

/* Stats */
.stats{ background:#000; padding: 34px 0; border-top:1px solid rgba(255,255,255,.06); border-bottom:1px solid rgba(255,255,255,.06); }
.stats-grid{
  display:grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 22px;
  align-items: start;
  text-align:center;
}
.stat-icon{
  display:block;              /* <- ESSENCIAL */
  width: 58px;
  height: 58px;
  margin: 0 auto 10px;
  background-size: contain;
  background-position:center;
  background-repeat:no-repeat;
  filter: drop-shadow(0 10px 24px rgba(0,0,0,.6));
}

.stat-icon img{
  width:100% !important;
  height:100% !important;
  display:block !important;
  object-fit:contain !important;
  opacity:1 !important;
  visibility:visible !important;
  pointer-events:none !important;
}

.stat-number{
  font-size: 44px;
  font-weight: 950;
  letter-spacing: -1px;
}
.stat-number .plus{ color: var(--accent); }
.stat-number .value{ color: var(--accent); }
.stat-label{ margin-top: 6px; color: var(--text); font-weight: 700; font-size: 14px; line-height:1.2; opacity:.95; }

.section{ padding: 70px 0; background: var(--bg); }
.section h2{ margin:0 0 10px; font-size: 34px; }
.section p{ margin:0; color: var(--muted); }

/* “bloqueio leve” */
.no-steal{
  user-select:none;
  -webkit-user-select:none;
  -webkit-touch-callout:none;
}
.no-steal *{
  -webkit-user-drag:none;
}

/* Mobile */
@media (max-width: 980px){
  .hero-slider{ height: 580px; }
  .hero-title{ font-size: 44px; }
  .stats-grid{ grid-template-columns: 1fr 1fr; gap: 18px; }
}
@media (max-width: 720px){
  .nav-toggle{ display:block; }
  .site-nav{
    position:fixed;
    top:64px; left:0; right:0;
    background: rgba(5,5,5,.98);
    border-top:1px solid rgba(255,255,255,.06);
    padding: 14px;
    display:none;
    flex-direction:column;
    align-items:stretch;
    gap:12px;
  }
  .site-nav.is-open{ display:flex; }
  .nav-list{ flex-direction:column; gap:10px; }
  .btn{ width:100%; }
  .hero-slider{ height: 560px; }
}

/* ===== QUEM SOMOS (fundo #F2F2F2, rosa, imagem arredondada) ===== */
.qs-section{
  background:#F2F2F2;
  padding: 80px 0;
}

.qs-grid{
  display:grid;
  grid-template-columns: 1.05fr 1fr;
  gap: 46px;
  align-items:center;
}

.qs-title{
  margin:0 0 16px;
  font-size: 56px;
  line-height: .92;
  letter-spacing: -1px;
  font-weight: 950;
  color: var(--gold);
  text-transform: uppercase;
}

.qs-paragraph{
  margin:0 0 22px;
  color: #111;
  font-size: 16px;
  line-height: 1.75;
  max-width: 620px;
}

.qs-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  height: 44px;
  padding: 0 18px;
  border-radius: 999px;
  font-weight: 900;
  letter-spacing: .2px;
  background: linear-gradient(180deg, var(--gold), var(--gold2));
  color:#0b0b0b;
  border: 1px solid rgba(0,0,0,.10);
}

.qs-btn:hover{ filter: brightness(1.05); }

.qs-media{
  border-radius: 26px;
  overflow:hidden;
  background: #e8e8e8;
  border: 1px solid rgba(0,0,0,.10);
  box-shadow: 0 18px 60px rgba(0,0,0,.18);
  min-height: 340px;
  display:flex;
}

.qs-media-placeholder{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight: 950;
  letter-spacing: 3px;
  color: rgba(0,0,0,.45);
  background:
    linear-gradient(135deg, rgba(0,0,0,.04), rgba(0,0,0,.02));
}

/* Responsivo */
@media (max-width: 980px){
  .qs-grid{ grid-template-columns: 1fr; }
  .qs-title{ font-size: 44px; }
  .qs-media{ min-height: 280px; }
}

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

/* ===== Depoimentos ===== */
.t-section{
  background:#fff;
  padding: 80px 0;
}

.t-title{
  margin:0;
  font-size: 54px;
  line-height: .95;
  font-weight: 950;
  letter-spacing: -1px;
  color: var(--gold);
  text-transform: uppercase;
}

.t-sub{
  margin: 8px 0 26px;
  color:#111;
  opacity:.9;
  font-weight: 650;
}

.t-viewport{
  width: 100%;
  overflow-x: hidden;
  overflow-y: visible;   /* <- deixa a bolinha “vazar” pra cima */
  padding: 46px 0 10px;  /* <- dá espaço acima */
}

.t-track{
  display:flex;
  gap: 26px;
  align-items: stretch;
  will-change: transform;
}

/* Card */
.t-card{
  position: relative;
  flex: 0 0 320px;
  background: #000;
  color: #fff;
  border-radius: 28px;
  padding: 58px 22px 22px;
  min-height: 300px;
  box-shadow: 0 14px 44px rgba(0,0,0,.18);
}

.t-avatar{
  position:absolute;
  top: -28px;
  left: 50%;
  transform: translateX(-50%);
  width: 72px;
  height: 72px;
  border-radius: 999px;
  background: #111;
  background-size: cover;
  background-position: center;
  border: 4px solid #fff;
  display:block;
}

.t-text{
  text-align:center;
  font-size: 15px;
  line-height: 1.65;
  font-weight: 650;
  opacity: .95;
}

.t-user{
  margin-top: 16px;
  display:block;        /* garante que ocupa a linha toda */
  width:100%;
  text-align:center;    /* centraliza */
  font-weight: 900;
  opacity: .95;
}

/* Desktop: marquee contínuo */
.t-track.is-marquee{
  animation: marquee var(--marquee-duration) linear infinite;
}
.t-viewport:hover .t-track.is-marquee{
  animation-play-state: paused;
}
@keyframes marquee{
  to { transform: translateX(calc(-1 * var(--marquee-distance))); }
}

/* Mobile: 1 por vez */
@media (max-width: 720px){
  .t-title{ font-size: 40px; }
  .t-track{
    gap: 0;
  }
  .t-track.is-slider{
    transition: transform 600ms ease;
  }
  .t-track.is-slider .t-card{
    flex: 0 0 100%;
    border-radius: 24px;
    margin: 0 14px; /* dá respiro nas laterais */
  }
}

.t-avatar{
  position:absolute;
  top: -28px;
  left: 50%;
  transform: translateX(-50%);
  width: 72px;
  height: 72px;
  border-radius: 999px;

  background-color:#111;
  background-size: cover;
  background-position: 50% 20%; /* sobe um pouco pra pegar mais rosto */
  background-repeat:no-repeat;

  border: 4px solid #fff;
  display:block;
}

.stat-number .plus,
.stat-number .value{
  color: var(--gold);
}

.section-white{
  background:#FFFFFF; /* <- Benefícios */
}

.t-bg-gray{
  background: #F2F2F2 !important; /* fundo do bloco depoimentos */
}

.ls-section{
  background: #FFFFFF !important; /* fundo do bloco livestream */
}
/* ===== Benefícios ===== */
.b-section{
  background:#FFFFFF;
  padding: 80px 0 60px;
}

.b-title{
  margin:0;
  font-size: 54px;
  line-height: .95;
  font-weight: 950;
  letter-spacing: -1px;
  color: var(--gold);
  text-transform: uppercase;
}

.b-sub{
  margin: 8px 0 26px;
  color:#111;
  opacity:.9;
  font-weight: 650;
}

.b-viewport{
  width: 100%;
  overflow-x: hidden;
  overflow-y: visible;
  padding: 10px 0 10px;
}

.b-track{
  display:flex;
  gap: 26px;
  align-items: stretch;
  padding-left: max(4vw, 16px);
  padding-right: max(4vw, 16px);
  will-change: transform;
}

/* Card */
.b-card{
  position: relative;
  flex: 0 0 360px;
  height: 360px;
  border-radius: 44px;
  overflow:hidden;
  background: #111;
  box-shadow: 0 14px 44px rgba(0,0,0,.18);
  color:#fff;
  text-decoration:none;
  display:block;
}

.b-bg{
  position:absolute;
  inset:0;
  background-size: cover;
  background-position:center;
  filter: saturate(1.05);
  transform: scale(1.02);
}

.b-overlay{
  position:absolute;
  inset:0;
  opacity:.78;
}

/* Tema: escuro */
.b-theme-dark .b-overlay{
  background:
    linear-gradient(180deg, rgba(0,0,0,.35), rgba(0,0,0,.85)),
    radial-gradient(900px 500px at 50% 20%, rgba(0,0,0,.18), transparent 60%);
}

/* Tema: azul */
.b-theme-blue .b-overlay{
  background:
    linear-gradient(180deg, rgba(0,38,74,.25), rgba(0,38,74,.88)),
    radial-gradient(900px 500px at 55% 25%, rgba(0,90,160,.22), transparent 60%);
}

.b-content{
  position:absolute;
  inset:0;
  padding: 26px;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  gap: 12px;
}

.b-badge{
  display:inline-flex;
  align-self:flex-start;
  background: var(--gold);
  color:#0b0b0b;
  padding: 10px 16px;
  border-radius: 999px;
  font-weight: 950;
  letter-spacing: .2px;
  font-size: 15px;
}

.b-text{
  font-size: 18px;
  line-height: 1.45;
  ont-weight: 500 !important;  /* tira o negrito */
  opacity: .95;
  max-width: 92%;
}

/* Mobile: 1 por vez */
@media (max-width: 720px){
  .b-title{ font-size: 40px; }
  .b-card{ flex: 0 0 86vw; height: 340px; border-radius: 36px; }
  .b-text{ font-size: 16px; }
}

/* ===== Centraliza quando tiver poucos itens (sem animação) ===== */
.t-track.is-static{
  justify-content: center;
  transform: none !important;
}

.b-track.is-static{
  justify-content: center;
  padding-left: 0 !important;
  padding-right: 0 !important;
  transform: none !important;
}

/* Depoimentos: texto normal, @ em negrito */
.t-text{
  font-weight: 400 !important;  /* tira o negrito do depoimento */
}

.t-user{
  font-weight: 900 !important;  /* deixa só o @ em negrito */
}

/* Mobile: depoimentos com mesma largura/padrão dos cards de benefícios */
@media (max-width: 720px){
  .t-track{
    justify-content: center !important;
  }

  .t-card{
    width: min(340px, 92vw) !important;  /* controla a largura do card */
    max-width: 340px !important;
    flex: 0 0 auto !important;
  }
}
/* =========================
   SOBRE A HEMBER
========================= */

.about-page{ background:#fff; }

/* HERO */
.about-hero{
  background:#000;
  color:#fff;
  min-height: 70vh;      /* antes era 86vh */
  display:flex;
  align-items:center;
  padding: 72px 0;       /* antes era 110px */
  overflow:hidden;
}

.about-hero-grid{
  display:grid;
  grid-template-columns: 1.05fr .95fr;
  gap: 18px;             /* antes 40px */
  align-items:center;
}

.about-hero-kicker{
  margin:0 0 16px;
  color: rgba(255,255,255,.72);
  font-weight: 850;
  letter-spacing: .2px;
}

.about-hero-lines p{
  margin:0;
  line-height: 1.55;
  font-size: 18px;
  color: rgba(255,255,255,.78);
  font-weight: 650;
}

.about-hero-lines .hl{
  color: var(--gold);
  font-weight: 900;
}

.about-hero-title{
  margin: 22px 0 10px;
  font-size: clamp(40px, 4.2vw, 56px); /* garante 1 linha no desktop */
  line-height: 1.02;
  letter-spacing: -1px;
  font-weight: 950;
  color: #fff;
  white-space: nowrap;
}

.about-hero-title .hl2{ color: var(--gold); }

.about-hero-sub{
  margin: 0 0 18px;
  max-width: 660px;
  color: rgba(255,255,255,.72);
  line-height: 1.7;
  font-weight: 650;
}

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

/* Globo */
.about-hero-visual{
  height: 460px;                /* um pouco menor */
  width: 100%;
  background-repeat:no-repeat;
  background-position: right 10% center;  /* puxa pra mais perto do texto */
  background-size: min(520px, 95%) auto;  /* maior e mais presente */
  opacity: .95;
  filter: drop-shadow(0 30px 90px rgba(0,0,0,.65));
  position: relative;
}

.about-hero-visual::after{
  content:"";
  position:absolute;
  inset:-40px;
  background:
    radial-gradient(700px 420px at 60% 45%, rgba(230,0,115,.10), transparent 60%),
    radial-gradient(700px 420px at 80% 55%, rgba(0,0,0,.50), transparent 65%);
  pointer-events:none;
}

/* SEÇÕES */
.about-section{ padding: 80px 0; }
.about-white{ background:#fff; }

.about-h2{
  margin:0 0 12px;
  font-size: 48px;
  font-weight: 950;
  letter-spacing: -1px;
  color: var(--gold);
  text-transform: uppercase;
}

.about-lead{
  margin: 0 0 18px;
  color:#333;
  opacity:.92;
  font-weight:650;
  line-height:1.7;
}

/* CARDS (O que a Hember faz) */
.about-cards{
  display:grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
  margin-top: 18px;
}

.about-card{
  border: 1px solid rgba(0,0,0,.10);
  border-radius: 18px;
  padding: 16px;
  background: #fff;
  box-shadow: 0 14px 44px rgba(0,0,0,.06);
}

.about-card-title{
  font-weight: 950;
  color:#111;
  margin-bottom: 6px;
}

.about-card-text{
  margin:0;
  color:#333;
  line-height:1.6;
  opacity:.92;
}

/* FUNDADORA */
.about-founder{
  display:grid;
  grid-template-columns: 1.25fr .75fr;
  gap: 34px;
  align-items: start;      /* não centraliza; alinha topo igual referência */
  margin-top: 18px;
}

.about-founder-text h3{
  margin: 0 0 10px;
  color:#111;
  line-height: 1.15;
}

.about-founder-text p{
  margin: 0 0 12px;        /* menos espaço entre parágrafos */
  color:#333;
  line-height: 1.55;       /* mais “compacto” */
  font-weight: 500;
  max-width: 660px;        /* evita texto “espichado” */
}

.about-founder-actions{
  display:flex;
  gap: 10px;
  flex-wrap:wrap;
  margin-top: 14px;
}

.about-founder-photo{
  display:flex;
  justify-content:flex-end;
}

.about-photo-placeholder{
  width: 320px;
  height: 380px;
  border-radius: 18px;
  border: 1px dashed rgba(0,0,0,.18);
  background:#f2f2f2;
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight:900;
  color: rgba(0,0,0,.45);
}

/* DIRETORIA */
.about-directors{
  display:grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
  margin-top: 18px;
}

.about-director-card{
  border: 1px solid rgba(0,0,0,.10);
  border-radius: 18px;
  padding: 16px;
  background: #fff;
  display:flex;
  gap: 14px;
  align-items:flex-start;
  box-shadow: 0 14px 44px rgba(0,0,0,.08);
}

.about-director-photo{
  width: 74px;
  height: 74px;
  border-radius: 16px;
  background:#f2f2f2;
  border: 1px dashed rgba(0,0,0,.18);
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight:900;
  color: rgba(0,0,0,.45);
  flex: 0 0 auto;
}

.about-director-info h3{
  margin: 0 0 4px;
  color:#111;
}

.about-director-role{
  font-weight: 900;
  color: var(--gold);
  margin-bottom: 6px;
}

.about-director-info p{
  margin:0;
  color:#333;
  line-height:1.6;
}

/* CTA FINAL */
.about-cta{
  background: linear-gradient(90deg, #000, #0b0b0b);
  padding: 44px 0;
  border-top: 1px solid rgba(255,255,255,.08);
}

.about-cta-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 18px;
  flex-wrap:wrap;
}

.about-cta-title{
  color:#fff;
  font-weight: 950;
  letter-spacing: -.5px;
  font-size: 26px;
}

.about-cta-sub{
  color: rgba(255,255,255,.70);
  margin-top: 6px;
  font-weight: 650;
}

/* Responsivo */
@media (max-width: 980px){
  .about-hero{
    min-height: auto;
    padding: 90px 0;
  }

  .about-hero-grid{
    grid-template-columns: 1fr;
  }

  .about-hero-title{
    white-space: normal; /* no mobile pode quebrar */
  }

  .about-hero-visual{
    height: 320px;
    background-position: center;
    background-size: 320px auto;
    opacity: .75;
  }

  .about-cards{
    grid-template-columns: 1fr;
  }

  .about-founder{
    grid-template-columns: 1fr;
  }

  .about-founder-photo{
    justify-content:flex-start;
  }

  .about-photo-placeholder{
    width: 100%;
    max-width: 420px;
    height: 320px;
  }

  .about-directors{
    grid-template-columns: 1fr;
  }
}

.about-photo{
  width: 360px;           /* um pouco maior, reduz “vazio” */
  height: 420px;
  border-radius: 22px;
  object-fit: cover;
  object-position: center;
  display: block;
  border: 1px solid rgba(0,0,0,.10);
  box-shadow: 0 14px 44px rgba(0,0,0,.12);
}

@media (max-width: 980px){
  .about-photo{
    width: 100%;
    max-width: 420px;
    height: 320px;
  }
}

.about-gray{
  background:#F2F2F2;
}

/* BRAND (logo + texto rosa) */
.brand{
  display:flex;
  align-items:center;
  gap:10px;
  font-weight: 950;
  letter-spacing: .6px;
  text-transform: uppercase;
  color: var(--gold);
}

.brand-text{
  color: var(--gold);
  font-size: 18px;
}

.brand-logo{ display:flex; align-items:center; }

.brand-img{
  width: 34px;
  height: 34px;
  object-fit: contain;
  display:block;
}

/* Opcional: se sua logo NÃO estiver dourada, tente esse filtro (pode variar de logo pra logo) */
/*
.brand-img{
  filter: brightness(0) saturate(100%) invert(72%) sepia(38%) saturate(710%) hue-rotate(6deg) brightness(92%) contrast(92%);
}
*/

#fundadora.about-section{
  padding-top: 44px;   /* antes 80px */
}

/* =========================
   AJUSTE GLOBAL DE ESPAÇAMENTO (HOME)
   reduz alturas entre blocos e padroniza
========================= */

/* padrão geral das seções */
.page-home .section,
.page-home .qs-section,
.page-home .b-section,
.page-home .t-section{
  padding: 56px 0 !important; /* antes 70-80 */
}

/* exceção: stats e hero ficam como estão */
.page-home .stats{ padding: 28px 0 !important; }

/* títulos e subtítulos com menos “ar” */
.page-home .qs-title,
.page-home .b-title,
.page-home .t-title{
  margin: 0 0 10px !important;
  line-height: .95;
}

.page-home .b-sub,
.page-home .t-sub{
  margin: 6px 0 18px !important;
}

/* Quem Somos: reduzir gap do grid e altura mínima da imagem */
.page-home .qs-grid{
  gap: 28px !important; /* antes 46 */
}

.page-home .qs-media{
  min-height: 300px !important; /* antes 340 */
}

/* Benefícios: reduzir padding top/bottom e “respiro” do carrossel */
.page-home .b-section{
  padding: 56px 0 44px !important;
}

.page-home .b-viewport{
  padding: 6px 0 6px !important;
}

/* Depoimentos: reduzir espaço acima do carrossel */
.page-home .t-section{
  padding: 56px 0 44px !important;
}

.page-home .t-viewport{
  padding: 34px 0 8px !important; /* antes 46 */
}

/* bloco Creators placeholder (se ainda existir) */
.page-home #creators.section{
  padding: 44px 0 !important;
}

/* Mobile: ainda mais enxuto */
@media (max-width: 720px){
  .page-home .section,
  .page-home .qs-section,
  .page-home .b-section,
  .page-home .t-section{
    padding: 44px 0 !important;
  }

  .page-home .t-viewport{ padding: 28px 0 6px !important; }
}

/* ===== LIVESTREAM / REQUISITOS ===== */
.ls-section{
  background:#fff;
  padding: 56px 0;
}

.ls-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap: 16px;
  margin-bottom: 18px;
}

.ls-title{
  margin:0;
  font-size: 54px;
  line-height: .95;
  font-weight: 950;
  letter-spacing: -1px;
  color: var(--gold);
  text-transform: uppercase;
}

.ls-sub{
  margin: 8px 0 6px;
  font-weight: 900;
  color:#111;
}

.ls-desc{
  margin:0;
  color:#111;
  opacity:.85;
  font-weight: 650;
}

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

.ls-card{
  background: #F2F2F2;
  border-radius: 26px;
  padding: 24:center;
  border: 1px solid rgba(0,0,0,.06);
  box-shadow: 0 14px 44px rgba(0,0,0,.06);
  min-height: 220px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap: 8px;
}

.ls-icon{
  color: var(--gold);
  display:flex;
  justify-content:center;
}

.ls-text{
  color:#111;
  font-weight: 700;
  line-height: 1.45;
  max-width: 260px;
  margin: 0 auto;
  text-align: center !important;
}

/* responsivo */
@media (max-width: 980px){
  .ls-grid{ grid-template-columns: 1fr 1fr; }
}
@media (max-width: 720px){
  .ls-title{ font-size: 40px; }
  .ls-head{ align-items:flex-start; flex-direction:column; }
  .ls-grid{ grid-template-columns: 1fr; }
}

.ls-icon{
  display:flex;
  justify-content:center;
}

.ls-icon-img{
  width: 92px;      /* antes 64 */
  height: 92px;
  object-fit: contain;
  display:block;
}

.ls-footer{
  margin-top: 18px;
  display:flex;
  justify-content:center;
}

/* ===== Mobile slider (slide) - Depoimentos e Benefícios ===== */
@media (max-width: 720px){

  /* esconder scrollbar */
  .t-viewport, .b-viewport{
    overflow-x: auto;
    overflow-y: visible;
    -webkit-overflow-scrolling: touch;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
    scroll-behavior: smooth;
    touch-action: pan-y; /* permite scroll vertical + swipe horizontal */
  }
  .t-viewport::-webkit-scrollbar,
  .b-viewport::-webkit-scrollbar{ display:none; }

  /* track sem transform (mata marquee/fade) */
  .t-track, .b-track{
    display: flex;
    gap: 16px;
    transform: none !important;
    will-change: auto;
    justify-content: flex-start !important;
    padding: 34px 14px 12px; /* espaço pro avatar do depoimento */
  }

  /* 1 por vez + snap central */
  .t-card, .b-card{
    flex: 0 0 auto !important;
    width: min(340px, 86vw) !important;
    scroll-snap-align: center;
  }
}

@media (max-width: 720px){
  .stats-grid{
    justify-items: center;
    text-align: center;
  }
  .stat{
    text-align: center;
  }

  /* último item ocupa as 2 colunas e fica central */
  .stats-grid .stat:last-child{
    grid-column: 1 / -1;
    justify-self: center;
  }
}

@media (max-width: 720px){

  /* 1 por vez, sem “peek” */
  .t-viewport, .b-viewport{
    overflow-x: auto;
    overflow-y: visible;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
  }
  .t-viewport::-webkit-scrollbar,
  .b-viewport::-webkit-scrollbar{ display:none; }

  .t-track{
    gap: 0 !important;
    padding: 34px 0 12px !important; /* mantém espaço pro avatar */
    transform: none !important;
  }
  .b-track{
    gap: 0 !important;
    padding: 0 !important;
    transform: none !important;
  }

  .t-card, .b-card{
    flex: 0 0 100% !important;  /* ocupa 100% do viewport */
    width: 100% !important;
    scroll-snap-align: start;
  }
}

/* Sobre a Hember: não cortar o globo */
.about-hero{
  overflow: visible !important; /* garante que nada seja cortado */
}

.about-hero-visual{
  height: 540px !important;                 /* mais alto */
  background-size: 560px auto !important;   /* globo maior */
  background-position: right center !important; /* centraliza verticalmente */
}

/* =========================
   PADRÃO GLOBAL DE ESPAÇAMENTO (todas as páginas)
   ========================= */
:root{
  --sec-y: 32px;        /* padding vertical padrão (desktop) */
  --sec-y-sm: 48px;     /* padding vertical padrão (mobile) */
  --sec-title-mb: 10px; /* espaço abaixo do título */
  --sec-sub-mb: 18px;   /* espaço abaixo do subtítulo */
}

/* 1) Padding padrão em TODAS as seções dentro do main */
main > section{
  padding: var(--sec-y) 0 !important;
}

/* 2) Exceções (não mexe em hero/slider/stats e heros especiais) */
main > section.hero,
main > section.stats,
main > section.about-hero{
  padding: 0 !important;
}

/* 3) Padronizar distância entre títulos/subtítulos */
main h2,
main .qs-title,
main .b-title,
main .t-title,
main .ls-title,
main .about-h2{
  margin: 0 0 var(--sec-title-mb) !important;
}

main .b-sub,
main .t-sub,
main .ls-desc,
main .about-sub{
  margin: 0 0 var(--sec-sub-mb) !important;
}

/* 4) Mobile: reduz todos os blocos igualmente */
@media (max-width: 720px){
  main > section{
    padding: var(--sec-y-sm) 0 !important;
  }

  main h2,
  main .qs-title,
  main .b-title,
  main .t-title,
  main .ls-title,
  main .about-h2{
    margin-bottom: 8px !important;
  }

  main .b-sub,
  main .t-sub,
  main .ls-desc,
  main .about-sub{
    margin-bottom: 14px !important;
  }
}

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

.btn-login{
  white-space: nowrap;
}

/* no mobile, se faltar espaço, esconde o texto e deixa só Login */
@media (max-width: 720px){
  .btn-login{
    padding: 0 12px;
  }
}

/* Botão de ícone (login/logout) */
.icon-btn{
  width: 44px;
  height: 40px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.02);
  transition: .2s ease;
}
.icon-btn:hover{
  border-color: rgba(230,0,115,.35);
  background: rgba(230,0,115,.06);
}

.icon{
  width: 22px;
  height: 22px;
  position: relative;
  display:block;
}

/* Desenha um “door” + seta com CSS */
/* Base (porta) */
.icon::before{
  content:"";
  position:absolute;
  inset: 2px 4px;
  border: 2px solid var(--gold);
  border-right: 0;
  border-radius: 6px;
}

/* Seta (por padrão aponta para direita = login/entrar) */
.icon::after{
  content:"";
  position:absolute;
  left: 6px;
  top: 50%;
  width: 14px;
  height: 2px;
  background: var(--gold);
  transform: translateY(-50%);
  box-shadow: 0 0 0 var(--gold);
}

/* ponta da seta */
.icon-login{
  /* seta para direita */
}
.icon-login span{}
.icon-login::after{
  content:"";
}
.icon-login::after{
  content:"";
}

/* Vamos desenhar a ponta usando um elemento extra via background */
.icon-login{
  background:
    linear-gradient(var(--gold),var(--gold)) 6px 50% / 14px 2px no-repeat,
    linear-gradient(var(--gold),var(--gold)) 17px 46% / 2px 8px no-repeat;
}

/* Logout = seta para esquerda (inverte) */
.icon-logout{
  background:
    linear-gradient(var(--gold),var(--gold)) 6px 50% / 14px 2px no-repeat,
    linear-gradient(var(--gold),var(--gold)) 6px 46% / 2px 8px no-repeat;
}

/* =========================================================
   PÁGINA LIVESTREAM
   Escopo: .live-page
========================================================= */
.live-page{ background:#fff; color:#111; }

.live-page .live-white{ background:#fff; }
.live-page .live-gray{ background:#F2F2F2; }

/* HERO */
.live-hero{
  background:#050505;
  color:#fff;
  padding: 78px 0;
  overflow:hidden;
}

.live-hero-grid{
  display:grid;
  grid-template-columns: 1.2fr .8fr;
  gap: 36px;
  align-items:center;
  min-height: 520px;
}

.live-hero-title{
  margin:0 0 16px;
  font-size: 64px;
  line-height: .92;
  font-weight: 950;
  letter-spacing: -1px;
  text-transform: uppercase;
}

.live-hero-gold{ color: var(--gold); }

.live-hero-note{
  margin: 0;
  max-width: 560px;
  color: rgba(255,255,255,.78);
  font-weight: 650;
  line-height: 1.6;
}

.live-hero-cta{
  margin-top: 18px;
  display:flex;
  gap: 10px;
  flex-wrap: wrap;
}

/* imagem única (saco de dinheiro) */
.live-hero-art{
  position: relative;
  height: 520px;
  display:flex;
  align-items:center;
  justify-content:flex-end;
}

.live-hero-money{
  width: min(520px, 100%);
  height: auto;
  transform: translateX(18px);
  filter: drop-shadow(0 18px 45px rgba(0,0,0,.45));
  opacity: .98;
}

/* BLOCOS */
.live-block{
  padding: 68px 0;
}

.live-block-grid{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap: 36px;
  align-items:center;
}

.live-reverse .live-text{ order: 1; }
.live-reverse .live-media{ order: 2; }

.live-media img{
  width:100%;
  height:auto;
  border-radius: 24px;
  box-shadow: 0 18px 55px rgba(0,0,0,.08);
}

.live-h2{
  margin:0 0 10px;
  font-size: 44px;
  line-height: 1;
  font-weight: 950;
  color: var(--gold);
  text-transform: uppercase;
}

.live-h3{
  margin: 0 0 12px;
  font-size: 13px;
  font-weight: 900;
  letter-spacing: .5px;
  text-transform: uppercase;
  color:#111;
}

.live-text p{
  margin: 0 0 12px;
  line-height: 1.65;
  color: rgba(0,0,0,.78);
  font-weight: 600;
}

/* REQUISITOS */
.live-req{
  padding: 68px 0;
}

.live-sub{
  margin: 0 0 18px;
  font-weight: 650;
  color: rgba(0,0,0,.75);
}

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

.live-req-card{
  background:#F2F2F2;
  border: 1px solid rgba(0,0,0,.06);
  border-radius: 22px;
  padding: 22px 16px;
  text-align:center;
  box-shadow: 0 14px 44px rgba(0,0,0,.06);
  min-height: 210px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap: 10px;
}

.live-req-card img{
  width: 92px;
  height: 92px;
  object-fit: contain;
  margin: 0 auto;
}

.live-req-card div{
  font-weight: 750;
  color:#111;
  line-height: 1.45;
}

.live-req-cta{
  margin-top: 22px;
  display:flex;
  justify-content:center;
}

/* FAIXA PRETA */
.live-strip{
  background:#050505;
  color:#fff;
  padding: 52px 0;
}

.live-strip-grid{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 18px;
}

.live-strip-title{
  font-weight: 950;
  font-size: 40px;
  line-height: 1.05;
  text-transform: uppercase;
}

.live-strip-sub{
  margin-top: 10px;
  font-size: 14px;
  color: rgba(255,255,255,.75);
  font-weight: 650;
  text-transform:none;
}

.live-arrows{
  display:flex;
  gap: 12px;
}

.live-arrows span{
  width: 0; height: 0;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
  border-left: 18px solid var(--gold);
  opacity: .95;
}

/* RESPONSIVO */
@media (max-width: 980px){
  .live-hero-grid{
    grid-template-columns: 1fr;
    min-height: auto;
  }

  .live-hero-title{ font-size: 48px; }

  .live-hero-art{
    height: 360px;
    justify-content:center;
  }

  .live-hero-money{
    width: min(360px, 92%);
    transform: none;
  }

  .live-block-grid{
    grid-template-columns: 1fr;
  }

  .live-reverse .live-text{ order: 2; }
  .live-reverse .live-media{ order: 1; }

  .live-req-grid{ grid-template-columns: 1fr 1fr; }
}

@media (max-width: 720px){
  .live-hero{ padding: 58px 0; }
  .live-hero-title{ font-size: 40px; }
  .live-h2{ font-size: 34px; }

  .live-req-grid{ grid-template-columns: 1fr; }

  .live-strip-title{ font-size: 32px; }
}

/* ===== Formulário (somente Livestream) ===== */
.live-form-section{
  background:#fff;
  padding: 70px 0;
}

.live-form-wrap{
  max-width: 780px;
  margin: 0 auto;
}

.live-form-title{
  margin: 0 0 10px;
  font-size: 46px;
  line-height: 1;
  font-weight: 950;
  text-align: center;
  color: #0b0b0b;
  text-transform: uppercase;
}

.live-form-sub{
  margin: 0 0 26px;
  text-align: center;
  color: rgba(0,0,0,.75);
  font-weight: 650;
}

.live-form-alert{
  background: #fff3cd;
  border: 1px solid #ffe69c;
  color: #664d03;
  padding: 12px 14px;
  border-radius: 14px;
  margin: 0 0 16px;
  font-weight: 700;
}

.live-form{
  background: #fff;
}

.live-form-grid{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
}

.live-field label{
  display:flex;
  gap: 10px;
  align-items: center;
  justify-content: space-between;
  font-weight: 900;
  color:#111;
  margin: 0 0 8px;
}

.live-guide-link{
  font-weight: 900;
  color: var(--gold);
  text-decoration: underline;
  text-underline-offset: 3px;
  white-space: nowrap;
}

.live-field input,
.live-field textarea{
  width:100%;
  border: 1px solid rgba(0,0,0,.14);
  border-radius: 14px;
  padding: 12px 12px;
  font-weight: 650;
  outline: none;
  background: #fff;
}

.live-field input:focus,
.live-field textarea:focus{
  border-color: rgba(230,0,115,.65);
  box-shadow: 0 0 0 3px rgba(230,0,115,.18);
}

.live-field-wide{ grid-column: 1 / -1; }

.live-form-actions{
  margin-top: 18px;
  display:flex;
  justify-content: center;
}

.live-hp{ display:none !important; }

/* ===== Modal guia ===== */
.live-guide-modal{
  position: fixed;
  inset: 0;
  display: none;
  align-items: center;
  justify-content: center;
  z-index: 9999;
}

.live-guide-modal.is-open{ display:flex; }

.live-guide-backdrop{
  position:absolute;
  inset:0;
  background: rgba(0,0,0,.65);
}

.live-guide-content{
  position: relative;
  background: #fff;
  border-radius: 18px;
  padding: 18px;
  max-width: 680px;
  width: calc(100% - 24px);
  box-shadow: 0 30px 90px rgba(0,0,0,.35);
}

.live-guide-content img{
  width:100%;
  height:auto;
  display:block;
  border-radius: 12px;
}

.live-guide-x{
  position:absolute;
  right: 10px;
  top: 8px;
  width: 40px;
  height: 40px;
  border-radius: 12px;
  border: 1px solid rgba(0,0,0,.12);
  background: #fff;
  font-size: 24px;
  font-weight: 900;
  cursor: pointer;
}

@media (max-width: 860px){
  .live-form-title{ font-size: 36px; }
  .live-form-grid{ grid-template-columns: 1fr; }
}

.live-guide-content{
  position: relative;
  background: #fff;
  border-radius: 18px;
  padding: 14px;
  max-width: 1100px;          /* maior */
  width: calc(100% - 24px);
  max-height: 92vh;           /* cabe na tela */
  overflow: auto;             /* se precisar, rola */
  box-shadow: 0 30px 90px rgba(0,0,0,.35);
}

.live-guide-imglink{
  display:block;
}

.live-guide-content img{
  width: 100%;
  height: auto;
  display:block;
  border-radius: 12px;
}

.live-guide-hint{
  margin-top: 10px;
  font-weight: 800;
  color: rgba(0,0,0,.65);
  text-align: center;
  font-size: 13px;
}

/* =========================================================
 * Página: Trabalhe na Hember (/trabalhe-na-hember)
 * ========================================================= */
.work-hero{
  background: #E60073;
  padding: 58px 0;
  position: relative;
  overflow: hidden;
}

.work-hero-grid{
  display:flex;
  align-items:center;
  justify-content: space-between;
  gap: 30px;
}

.work-hero-photos{
  display:flex;
  gap: 18px;
  align-items: center;
}

.work-photo{
  width: 210px;
  height: 290px;
  border-radius: 26px;
  background: #e9e9e9;
  box-shadow: 0 20px 50px rgba(0,0,0,.18);
  background-size: cover;
  background-position: center;
}

/* Placeholders (troque por background-image depois) */
.work-photo.ph1{ background-image: linear-gradient(135deg, rgba(0,0,0,.08), rgba(0,0,0,.02)); }
.work-photo.ph2{ background-image: linear-gradient(135deg, rgba(0,0,0,.10), rgba(0,0,0,.02)); }
.work-photo.ph3{ background-image: linear-gradient(135deg, rgba(0,0,0,.12), rgba(0,0,0,.02)); }

.work-hero-copy{
  position: relative;
  text-align: left;
  min-width: 360px;
}

.work-hash{
  font-weight: 950;
  font-size: 56px;
  line-height: 1;
  color: #0b0b0b;
  text-transform: uppercase;
}

.work-brand{
  margin-top: 8px;
  font-weight: 950;
  font-size: 62px;
  line-height: 1;
  color: var(--accent);
  text-transform: uppercase;
}

.work-bigmark{
  position:absolute;
  right: -70px;
  top: -40px;
  font-weight: 950;
  font-size: 220px;
  color: rgba(0,0,0,.12);
  pointer-events:none;
}

.work-content{
  background:#fff;
  padding: 58px 0;
}

.work-content-inner{
  max-width: 980px;
}

.work-title{
  margin:0 0 14px;
  text-align:center;
  color: var(--accent);
  font-weight: 950;
  font-size: 52px;
  letter-spacing: .3px;
  text-transform: uppercase;
}

.work-lead{
  max-width: 820px;
  margin: 0 auto 22px;
  text-align:center;
  color: rgba(0,0,0,.78);
  font-weight: 650;
  line-height: 1.55;
}

.work-block{
  margin-top: 18px;
  background: #fff;
  border: 1px solid rgba(0,0,0,.08);
  border-radius: 22px;
  padding: 18px 18px;
  box-shadow: 0 18px 50px rgba(0,0,0,.06);
}

.work-block h3{
  margin: 0 0 10px;
  font-weight: 950;
  color:#0b0b0b;
}

.work-block ul{
  margin: 0;
  padding-left: 18px;
  color: rgba(0,0,0,.75);
  font-weight: 650;
}

.work-block li{ margin: 8px 0; }

/* Barra "Focados..." */
.grow-strip{
  background: #050505;
  padding: 54px 0;
}

.grow-strip-row{
  display:flex;
  align-items:center;
  justify-content: space-between;
  gap: 18px;
}

.grow-strip-left h2{
  margin:0 0 10px;
  font-size: 46px;
  line-height: 1.05;
  font-weight: 950;
  color: #fff;
  text-transform: uppercase;
}

.grow-strip-left p{
  margin:0;
  color: rgba(255,255,255,.75);
  font-weight: 650;
}

.grow-strip-right{
  display:flex;
  gap: 10px;
  align-items:center;
}

.grow-tri{
  width: 0; height: 0;
  border-left: 18px solid var(--gold);
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
  opacity: .95;
}

/* Form vagas */
.jobs-form-section{
  background:#fff;
  padding: 70px 0;
}

.jobs-form-wrap{
  max-width: 920px;
  margin: 0 auto;
}

.jobs-form-title{
  margin:0 0 10px;
  text-align:center;
  font-size: 56px;
  line-height: 1;
  font-weight: 950;
  text-transform: uppercase;
  color:#0b0b0b;
}

.jobs-form-sub{
  margin: 0 0 26px;
  text-align:center;
  color: rgba(0,0,0,.72);
  font-weight: 650;
}

.jobs-alert{
  background: #fff3cd;
  border: 1px solid #ffe69c;
  color: #664d03;
  padding: 12px 14px;
  border-radius: 14px;
  margin: 0 0 16px;
  font-weight: 800;
}

.jobs-ok{
  background: #d1e7dd;
  border-color: #a3cfbb;
  color: #0f5132;
}

.jobs-grid{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
}

.jobs-field label{
  display:block;
  margin: 0 0 8px;
  font-weight: 900;
  color:#111;
}

.jobs-field input,
.jobs-field select,
.jobs-field textarea{
  width:100%;
  border: 1px solid rgba(0,0,0,.14);
  border-radius: 14px;
  padding: 12px 12px;
  font-weight: 650;
  outline: none;
  background: #fff;
}

.jobs-field input:focus,
.jobs-field select:focus,
.jobs-field textarea:focus{
  border-color: rgba(230,0,115,.65);
  box-shadow: 0 0 0 3px rgba(230,0,115,.18);
}

.jobs-field small{
  display:block;
  margin-top: 8px;
  color: rgba(0,0,0,.60);
  font-weight: 650;
}

.jobs-field-wide{ grid-column: 1 / -1; }

.jobs-checks{
  display:flex;
  gap: 18px;
  flex-wrap: wrap;
}

.jobs-check{
  display:flex;
  align-items:center;
  gap: 10px;
  padding: 10px 12px;
  border: 1px solid rgba(0,0,0,.10);
  border-radius: 999px;
  font-weight: 900;
  color:#111;
}

.jobs-actions{
  margin-top: 18px;
  display:flex;
  justify-content:center;
}

.jobs-hp{ display:none !important; }

@media (max-width: 980px){
  .work-hero-grid{ flex-direction: column; align-items:flex-start; }
  .work-hero-photos{ width:100%; justify-content:center; }
  .work-hero-copy{ width:100%; min-width: auto; }
  .work-hash{ font-size: 44px; }
  .work-brand{ font-size: 50px; }
  .work-bigmark{ right: -20px; font-size: 180px; }

  .grow-strip-row{ flex-direction: column; align-items:flex-start; }
  .jobs-form-title{ font-size: 42px; }
  .jobs-grid{ grid-template-columns: 1fr; }
}

/* Trabalhe na Hember: ajustes de cor */
.work-brand{
  color: #FFFFFF !important; /* "HEMBER" branco */
}

.work-title{
  color: var(--gold) !important; /* "TRABALHE NA HEMBER" rosa */
}

/* Contorno RGB fino no "HEMBER" */
.work-brand{
  color:#fff !important;

  /* contorno (principal) */
  -webkit-text-stroke: 1px #00e5ff; /* ciano (RGB vibe) */

  /* brilho RGB bem sutil (fallback/efeito) */
  text-shadow:
    0 0 0.5px #E60073,   /* rosa */
    0 0 0.5px #00e5ff,   /* ciano */
    0 0 0.5px #a6ff00;   /* verde */
}

/* RGB alternando (contorno fino) no "HEMBER" */
.work-brand{
  color:#fff !important;

  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #E60073;

  /* reforço do contorno (pra ficar visível mesmo onde o stroke falhar) */
  text-shadow: 0 0 0.6px #E60073;

  animation: hemberRGBStroke 2.2s linear infinite;
}

@keyframes hemberRGBStroke{
  0%{
    -webkit-text-stroke-color:#E60073; /* rosa */
    text-shadow: 0 0 0.6px #E60073;
  }
  33%{
    -webkit-text-stroke-color:#00e5ff; /* ciano */
    text-shadow: 0 0 0.6px #00e5ff;
  }
  66%{
    -webkit-text-stroke-color:#a6ff00; /* verde */
    text-shadow: 0 0 0.6px #a6ff00;
  }
  100%{
    -webkit-text-stroke-color:#E60073;
    text-shadow: 0 0 0.6px #E60073;
  }
}

/* Hover global: botões rosas (fundo rosa + texto preto) invertem */
.btn-cta:hover,
.btn-gold:hover,
button.btn-cta:hover,
a.btn-cta:hover{
  background: #0b0b0b !important;
  color: var(--gold) !important;
  border-color: var(--gold) !important;
}

/* garante borda dourada no estado normal (se algum botão estiver “sem borda”) */
.btn-cta,
.btn-gold,
button.btn-cta,
a.btn-cta{
  border: 1px solid transparent;
}

.btn-cta:hover svg,
.btn-gold:hover svg{
  fill: var(--gold) !important;
  stroke: var(--gold) !important;
}

/* =========================
   FAQ + faixa + redes (Hember)
   ========================= */

.faq-page .faq-hero{
  background: #050505;
  color:#fff;
  padding: 70px 0 54px;
  border-bottom: 1px solid rgba(255,255,255,.06);
}
.faq-page .faq-title{
  margin:0;
  font-weight: 900;
  letter-spacing:.5px;
  text-transform: uppercase;
  color: var(--gold);
  font-size: clamp(34px, 4.2vw, 64px);
}
.faq-page .faq-lead{
  margin: 14px 0 0;
  max-width: 900px;
  color: rgba(244,244,244,.78);
  font-weight: 600;
}

.faq-page .faq-section{
  background:#fff;
  padding: 44px 0 52px;
}
.faq-page .faq-empty{
  margin:0;
  color:#333;
  font-weight:700;
}

.faq-page .faq-list{
  display:flex;
  flex-direction:column;
  gap: 14px;
}

.faq-page .faq-q{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 14px;
  padding: 18px 18px;
  border-radius: 14px;
  border: 1px solid rgba(0,0,0,.10);
  background:#f3f3f3;
  cursor:pointer;
  text-align:left;
}
.faq-page .faq-q-title{
  font-weight: 900;
  color:#0b0b0b;
  letter-spacing:.3px;
  line-height:1.2;
}
.faq-page .faq-arrow{
  width: 22px;
  height: 22px;
  color:#111;
  transition: transform .25s ease;
}

.faq-page .faq-item.is-open .faq-q{
  background: linear-gradient(180deg, var(--gold), var(--gold2));
  border-color: rgba(0,0,0,.12);
}
.faq-page .faq-item.is-open .faq-q-title{
  color:#0b0b0b;
}
.faq-page .faq-item.is-open .faq-arrow{
  transform: rotate(90deg); /* direita -> baixo */
  color:#0b0b0b;
}

/* painel resposta com animação suave */
.faq-page .faq-a{
  overflow:hidden;
  max-height: 0px;
  opacity: 0;
  transition: max-height .35s ease, opacity .22s ease;
}
.faq-page .faq-a-inner{
  padding: 14px 18px 4px;
  color:#111;
}
.faq-page .faq-a-inner p{ margin: 0 0 12px; }
.faq-page .faq-a-inner ul, .faq-page .faq-a-inner ol{ margin: 0 0 12px 18px; }

/* =========================
   Faixa "Mais de 100..."
   ========================= */
.faq-band{
  background: linear-gradient(180deg, var(--gold), var(--gold2));
  padding: 34px 0;
}
.faq-band-grid{
  display:grid;
  grid-template-columns: 1.1fr 1fr;
  gap: 22px;
  align-items:center;
}
.faq-band-title{
  color:#0b0b0b;
  font-weight: 1000;
  letter-spacing:.5px;
  text-transform: uppercase;
  font-size: clamp(26px, 3.2vw, 48px);
  line-height: 1.02;
}
.faq-band-right{
  display:flex;
  flex-direction:column;
  gap: 14px;
  align-items:flex-start;
  justify-content:center;
}
.faq-band-arrows{
  display:flex;
  gap: 10px;
  flex-wrap:wrap;
}
.faq-band-arrows span{
  width: 0;
  height: 0;
  border-top: 16px solid transparent;
  border-bottom: 16px solid transparent;
  border-left: 26px solid #0b0b0b; /* triângulo */
  opacity: .92;
}
.faq-band-note{
  color:#0b0b0b;
  font-weight: 800;
  opacity: .9;
  max-width: 560px;
}

@media (max-width: 900px){
  .faq-band-grid{ grid-template-columns: 1fr; }
  .faq-band-right{ align-items:flex-start; }
}

/* =========================
   Redes sociais
   ========================= */
.faq-social{
  background:#fff;
  padding: 50px 0 68px;
}
.faq-social-title{
  margin:0;
  color: var(--gold);
  font-weight: 1000;
  letter-spacing:.5px;
  text-transform: uppercase;
  font-size: clamp(28px, 3.2vw, 46px);
}
.faq-social-sub{
  margin: 10px 0 0;
  color:#1a1a1a;
  font-weight: 700;
  max-width: 860px;
}

.faq-social-grid{
  margin-top: 26px;
  display:grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
}
.faq-social-card{
  border-radius: 18px;
  background:#0b0b0b;
  border: 1px solid rgba(230,0,115,.35);
  padding: 22px 18px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap: 12px;
  transition: transform .15s ease, background .15s ease, color .15s ease, border-color .15s ease;
  color: var(--gold);
  min-height: 150px;
}
.faq-social-label{
  font-weight: 900;
  color:#fff;
  letter-spacing:.2px;
}
.faq-social-card:hover{
  transform: translateY(-2px);
  background: linear-gradient(180deg, var(--gold), var(--gold2));
  border-color: rgba(0,0,0,.18);
  color:#0b0b0b;
}
.faq-social-card:hover .faq-social-label{
  color:#0b0b0b;
}

@media (max-width: 980px){
  .faq-social-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 520px){
  .faq-social-grid{ grid-template-columns: 1fr; }
}

.faq-social-ico-img{
  width: 44px;
  height: 44px;
  object-fit: contain;
  display: block;
}

/* Ícones sociais (mask) */
.faq-social-ico{
  width: 46px;
  height: 46px;
  display: inline-block;
  background: var(--gold);              /* cor padrão do ícone */
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
}

/* Cada ícone usa a própria imagem como máscara */
.faq-social-ico.ico-whatsapp{
  -webkit-mask-image: url("/wp-content/uploads/2026/05/WhatsApp.png");
  mask-image: url("/wp-content/uploads/2026/05/WhatsApp.png");
}
.faq-social-ico.ico-instagram{
  -webkit-mask-image: url("/wp-content/uploads/2026/05/Instagram-300x300.png");
  mask-image: url("/wp-content/uploads/2026/05/Instagram-300x300.png");
}
.faq-social-ico.ico-tiktok{
  -webkit-mask-image: url("/wp-content/uploads/2026/05/TikTok.png");
  mask-image: url("/wp-content/uploads/2026/05/TikTok.png");
}
.faq-social-ico.ico-linkedin{
  -webkit-mask-image: url("https://hemberagency.com.br/wp-content/uploads/2026/03/LinkedIn.png");
  mask-image: url("https://hemberagency.com.br/wp-content/uploads/2026/03/LinkedIn.png");
}

/* Hover: ícone vira preto */
.faq-social-card:hover .faq-social-ico,
.faq-social-card:focus-visible .faq-social-ico{
  background: #000;
}

/* Cards (padrão: fundo preto + ícone rosa; hover: fundo rosa + ícone preto) */
.faq-social-card{
  background:#0b0b0b;
  color:#fff;
  border:1px solid rgba(255,255,255,.08);
  transition: background .2s ease, color .2s ease, border-color .2s ease, transform .2s ease;
}
.faq-social-card:hover,
.faq-social-card:focus-visible{
  background: var(--gold);
  color:#000;
  border-color: var(--gold);
  transform: translateY(-1px);
}

/* Ícone via MASK (sem img) */
.faq-social-ico{
  width: 44px;
  height: 44px;
  display:inline-block;

  background-color: var(--gold);     /* cor do ícone no estado normal */
  background-image: none !important;

  -webkit-mask-repeat:no-repeat;
  -webkit-mask-position:center;
  -webkit-mask-size:contain;

  mask-repeat:no-repeat;
  mask-position:center;
  mask-size:contain;
}

/* Hover: ícone vira preto */
.faq-social-card:hover .faq-social-ico,
.faq-social-card:focus-visible .faq-social-ico{
  background-color:#000;
}

/* Masks (usa os PNGs como máscara) */
.faq-social-ico.ico-whatsapp{
  -webkit-mask-image:url("/wp-content/uploads/2026/05/WhatsApp.png");
  mask-image:url("/wp-content/uploads/2026/05/WhatsApp.png");
}
.faq-social-ico.ico-instagram{
  -webkit-mask-image:url("/wp-content/uploads/2026/05/Instagram-300x300.png");
  mask-image:url("/wp-content/uploads/2026/05/Instagram-300x300.png");
}
.faq-social-ico.ico-tiktok{
  -webkit-mask-image:url("/wp-content/uploads/2026/05/TikTok.png");
  mask-image:url("/wp-content/uploads/2026/05/TikTok.png");
}
.faq-social-ico.ico-linkedin{
  -webkit-mask-image:url("https://hemberagency.com.br/wp-content/uploads/2026/03/LinkedIn.png");
  mask-image:url("https://hemberagency.com.br/wp-content/uploads/2026/03/LinkedIn.png");
}

/* Página: Política de Privacidade */
.legal-page{
  background:#fff;
  color:#111;
}

.legal-hero{
  padding: 64px 0 22px;
  background:#fff;
}

.legal-title{
  margin: 0 0 12px;
  font-weight: 900;
  letter-spacing: .5px;
  text-transform: uppercase;
  color: var(--gold);
  font-size: 56px;
  line-height: 1.02;
}

.legal-lead{
  margin: 0;
  max-width: 980px;
  color:#222;
  font-weight: 600;
  line-height: 1.55;
}

.legal-content{
  padding: 24px 0 70px;
}

.legal-prose{
  max-width: 980px;
}

.legal-h2{
  margin: 34px 0 10px;
  font-size: 44px;
  line-height: 1.05;
  font-weight: 900;
  text-transform: uppercase;
  color: var(--gold);
}

.legal-h3{
  margin: 18px 0 8px;
  font-size: 18px;
  font-weight: 900;
  color:#111;
}

.legal-prose p{
  margin: 0 0 12px;
  line-height: 1.7;
  color:#222;
}

.legal-prose ul{
  margin: 10px 0 0;
  padding-left: 18px;
}

.legal-prose li{
  margin: 8px 0;
  line-height: 1.7;
  color:#222;
}

.legal-link{
  color: var(--gold2);
  font-weight: 800;
  text-decoration: underline;
}

.legal-divider{
  margin: 36px 0 24px;
  border: 0;
  border-top: 1px solid rgba(0,0,0,.10);
}

@media (max-width: 980px){
  .legal-hero{ padding: 42px 0 18px; }
  .legal-title{ font-size: 38px; }
  .legal-h2{ font-size: 30px; }
}

/* =========================================
   FOOTER - HEMBER AGENCY
========================================= */
.site-footer{
  background:#000;
  margin-top: 0;
}

.footer-top{
  background:#050505;
  border-top: 1px solid rgba(255,255,255,.06);
}

.footer-grid{
  display:grid;
  grid-template-columns: 1.2fr 1fr 1fr 1fr;
  gap: 48px;
  align-items:start;
  padding: 42px 0 38px;
}

.footer-col{
  min-width: 0;
}

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

.footer-brand-logo img,
.footer-brand-img{
  width: 48px;
  height: 48px;
  object-fit: contain;
  display:block;
}

.footer-brand-name{
  color: var(--gold);
  font-size: 18px;
  font-weight: 900;
  letter-spacing: .6px;
  line-height: 1;
}

.footer-title{
  color:#fff;
  font-size: 16px;
  font-weight: 900;
  margin: 0 0 16px;
}

.footer-links{
  list-style:none;
  margin:0;
  padding:0;
  display:flex;
  flex-direction:column;
  gap: 12px;
}

.footer-links li{
  margin:0;
  padding:0;
}

.footer-links a{
  color: rgba(255,255,255,.82);
  font-size: 15px;
  font-weight: 700;
  line-height: 1.45;
  transition: color .15s ease;
}

.footer-links a:hover{
  color:#fff;
}

.footer-contact{
  margin-bottom: 18px;
}

.footer-contact:last-child{
  margin-bottom: 0;
}

.footer-contact-label{
  color:#fff;
  font-size: 15px;
  font-weight: 900;
  margin-bottom: 6px;
}

.footer-contact-val{
  color: rgba(255,255,255,.82);
  font-size: 15px;
  font-weight: 700;
  line-height: 1.5;
  word-break: break-word;
  transition: color .15s ease;
}

.footer-contact-val:hover{
  color:#fff;
}

.footer-bottom{
  background: linear-gradient(180deg, var(--gold), var(--gold2));
}

.footer-bottom-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 20px;
  padding: 18px 0;
}

.footer-copy{
  color:#0b0b0b;
  font-size: 15px;
  font-weight: 900;
  line-height: 1.4;
}

.footer-socials{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap: 12px;
  flex-wrap: wrap;
}

.footer-social{
  width: 48px;
  height: 48px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius: 999px;
  border: 2px solid #0b0b0b;
  background: transparent;
  overflow: hidden;
  transition: transform .15s ease, background .15s ease;
}

.footer-social img{
  width: 22px;
  height: 22px;
  object-fit: contain;
  display:block;
  max-width: 100%;
  max-height: 100%;

  /* força os ícones a ficarem pretos no desktop e mobile */
  filter: brightness(0) saturate(100%);
  -webkit-filter: brightness(0) saturate(100%);
  opacity: 1;
}

.footer-social:hover{
  transform: translateY(-2px);
  background: rgba(0,0,0,.08);
}

/* =========================================
   FOOTER MOBILE
========================================= */
@media (max-width: 980px){
  .footer-grid{
    grid-template-columns: 1fr 1fr;
    gap: 30px 24px;
    padding: 34px 0;
  }

  .footer-brand-col{
    grid-column: 1 / -1;
  }
}

@media (max-width: 768px){
  .footer-top{
    padding: 0;
  }

  .footer-grid{
    grid-template-columns: 1fr !important;
    gap: 24px !important;
    padding: 28px 0 30px !important;
  }

  .footer-col,
  .footer-brand-col{
    width:100%;
  }

  .footer-brand-link{
    justify-content:flex-start;
    gap: 10px;
  }

  .footer-brand-logo img,
  .footer-brand-img{
    width: 42px;
    height: 42px;
  }

  .footer-brand-name{
    font-size: 16px;
  }

  .footer-title{
    font-size: 15px;
    margin-bottom: 10px;
  }

  .footer-links{
    gap: 10px;
  }

  .footer-links a{
    font-size: 15px;
  }

  .footer-contact{
    margin-bottom: 14px;
  }

  .footer-contact-label{
    font-size: 15px;
    margin-bottom: 4px;
  }

  .footer-contact-val{
    font-size: 15px;
  }

  .footer-bottom-row{
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 16px;
    text-align: center;
    padding: 20px 0 24px;
  }

  .footer-copy{
    font-size: 14px;
    text-align: center;
  }

  .footer-socials{
    width:100%;
    justify-content:center;
    gap: 12px;
  }

  .footer-social{
    width: 54px;
    height: 54px;
    flex: 0 0 54px;
  }

  .footer-social img{
    width: 24px;
    height: 24px;

    /* mantém preto também no mobile */
    filter: brightness(0) saturate(100%);
    -webkit-filter: brightness(0) saturate(100%);
  }
}

/* =========================================
   HEMBER PUBLIC PATCH - logo maior + rosa oficial
========================================= */
.site-header .brand-image-only{
  width: 240px;
  height: 58px;
  min-width: 190px;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  overflow:hidden;
  line-height:0;
}

.site-header .brand-img-url,
.site-header .brand-image-only img{
  width: 240px !important;
  height: 58px !important;
  max-width: none !important;
  object-fit: cover !important;
  object-position: center !important;
  display:block !important;
}

.site-header .brand-text,
.site-header .brand-name{
  color:#E60073;
}

.footer-brand-logo{
  width: 118px;
  height: 46px;
  overflow:hidden;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}

.footer-brand-logo img,
.footer-brand-img{
  width: 118px !important;
  height: 46px !important;
  max-width:none !important;
  object-fit:cover !important;
  object-position:center !important;
}

.btn-cta,
.btn-pink,
button.btn-cta,
a.btn-cta{
  background: linear-gradient(180deg, #E60073, #E60073) !important;
  color:#fff !important;
  border-color: transparent !important;
}

.btn-cta:hover,
.btn-pink:hover,
button.btn-cta:hover,
a.btn-cta:hover{
  background:#0b0b0b !important;
  color:#E60073 !important;
  border-color:#E60073 !important;
}

.icon-btn:hover{
  border-color: rgba(230,0,115,.40) !important;
  background: rgba(230,0,115,.08) !important;
}

.ls-icon-img,
.live-req-icon img,
.live-hero-money{
  filter: hue-rotate(302deg) saturate(1.8) brightness(1.05);
}

@media (max-width: 720px){
  .site-header .brand-image-only{
    width: 170px;
    height: 48px;
    min-width: 150px;
  }

  .site-header .brand-img-url,
  .site-header .brand-image-only img{
    width: 170px !important;
    height: 48px !important;
  }

  .footer-brand-logo{
    width: 104px;
    height: 40px;
  }

  .footer-brand-logo img,
  .footer-brand-img{
    width: 104px !important;
    height: 40px !important;
  }
}

/* =========================================
   HEMBER PUBLIC PATCH 2 - ícones sociais + rosa oficial
   Mantém a alteração restrita ao site público.
========================================= */
:root{
  --pink:#E60073;
  --pink2:#E60073;
  --gold:#E60073;
  --gold2:#E60073;
  --accent:#E60073;
}

/* Header público: força a logo a ficar visível mesmo quando a imagem quadrada vem com muita margem interna. */
.site-header .brand-image-only{
  width: 300px !important;
  height: 74px !important;
  min-width: 240px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  overflow:hidden !important;
  line-height:0 !important;
}

.site-header .brand-img-url,
.site-header .brand-image-only img{
  width: 300px !important;
  height: 74px !important;
  max-width:none !important;
  object-fit:cover !important;
  object-position:center !important;
  display:block !important;
  transform: scale(1.55) !important;
  transform-origin: left center !important;
}

/* Cards de redes sociais do FAQ: usa IMG real em vez de mask por URL futura. */
.faq-social-ico-img{
  width: 46px !important;
  height: 46px !important;
  object-fit: contain !important;
  display:block !important;
  opacity:1 !important;
  filter: brightness(0) saturate(100%) invert(31%) sepia(97%) saturate(2928%) hue-rotate(331deg) brightness(104%) contrast(99%) !important;
  -webkit-filter: brightness(0) saturate(100%) invert(31%) sepia(97%) saturate(2928%) hue-rotate(331deg) brightness(104%) contrast(99%) !important;
}

.faq-social-card:hover .faq-social-ico-img,
.faq-social-card:focus-visible .faq-social-ico-img{
  filter: brightness(0) saturate(100%) !important;
  -webkit-filter: brightness(0) saturate(100%) !important;
}

/* Ícones públicos antigos que ainda vinham dourados. */
.stat-icon{
  filter: brightness(0) saturate(100%) invert(31%) sepia(97%) saturate(2928%) hue-rotate(331deg) brightness(104%) contrast(99%) drop-shadow(0 10px 24px rgba(0,0,0,.6)) !important;
  -webkit-filter: brightness(0) saturate(100%) invert(31%) sepia(97%) saturate(2928%) hue-rotate(331deg) brightness(104%) contrast(99%) drop-shadow(0 10px 24px rgba(0,0,0,.6)) !important;
}

.ls-icon-img,
.live-req-card img,
.live-hero-money{
  filter: brightness(0) saturate(100%) invert(31%) sepia(97%) saturate(2928%) hue-rotate(331deg) brightness(104%) contrast(99%) !important;
  -webkit-filter: brightness(0) saturate(100%) invert(31%) sepia(97%) saturate(2928%) hue-rotate(331deg) brightness(104%) contrast(99%) !important;
}

/* Qualquer bloco público que ainda use variação antiga passa a herdar o rosa. */
.dot.is-active,
.footer-bottom,
.faq-social-card:hover,
.faq-social-card:focus-visible,
.btn-cta,
button.btn-cta,
a.btn-cta{
  background: linear-gradient(180deg, #E60073, #E60073) !important;
}

.live-hero-gold,
.faq-social-title,
.footer-brand-name,
.brand-name,
.brand-text{
  color:#E60073 !important;
}

@media (max-width: 720px){
  .site-header .brand-image-only{
    width: 220px !important;
    height: 60px !important;
    min-width: 190px !important;
  }

  .site-header .brand-img-url,
  .site-header .brand-image-only img{
    width: 220px !important;
    height: 60px !important;
    transform: scale(1.5) !important;
  }
}

/* =========================================
   HEMBER PATCH 3 - corrige logo do header público
   Remove o zoom excessivo que cortava a marca.
========================================= */
.site-header .brand-image-only{
  width: 178px !important;
  height: 62px !important;
  min-width: 178px !important;
  flex: 0 0 auto !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  overflow:hidden !important;
  line-height:0 !important;
}

.site-header .brand-img-url,
.site-header .brand-image-only img{
  width: 178px !important;
  height: 62px !important;
  max-width:none !important;
  object-fit:cover !important;
  object-position:center center !important;
  display:block !important;
  transform:none !important;
  transform-origin:center center !important;
}

.site-header .header-row{
  padding-top: 9px !important;
  padding-bottom: 9px !important;
}

@media (max-width: 720px){
  .site-header .brand-image-only{
    width: 138px !important;
    height: 50px !important;
    min-width: 138px !important;
  }

  .site-header .brand-img-url,
  .site-header .brand-image-only img{
    width: 138px !important;
    height: 50px !important;
    transform:none !important;
  }
}


/* =========================================
   HEMBER PATCH - header público logo ajustada + rosa #E60073
   Evita corte quando a logo do header for horizontal.
========================================= */
:root{
  --pink:#E60073;
  --pink2:#E60073;
  --gold:#E60073;
  --gold2:#E60073;
  --accent:#E60073;
}

.site-header .brand-image-only{
  width: 230px !important;
  height: 64px !important;
  min-width: 230px !important;
  flex: 0 0 auto !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  overflow:visible !important;
  line-height:0 !important;
}

.site-header .brand-img-url,
.site-header .brand-image-only img{
  width: 230px !important;
  height: 64px !important;
  max-width: 230px !important;
  max-height: 64px !important;
  object-fit: contain !important;
  object-position: left center !important;
  display:block !important;
  transform:none !important;
  transform-origin:left center !important;
}

.site-header .header-row{
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

.btn-cta,
.btn-pink,
button.btn-cta,
a.btn-cta,
.footer-bottom,
.dot.is-active{
  background: #E60073 !important;
  background-image: none !important;
}

.brand-name,
.brand-text,
.footer-brand-name,
.live-hero-gold,
.faq-social-title{
  color:#E60073 !important;
}

.icon-btn:hover{
  border-color: rgba(230,0,115,.40) !important;
  background: rgba(230,0,115,.08) !important;
}

@media (max-width: 720px){
  .site-header .brand-image-only{
    width: 168px !important;
    height: 52px !important;
    min-width: 168px !important;
  }

  .site-header .brand-img-url,
  .site-header .brand-image-only img{
    width: 168px !important;
    height: 52px !important;
    max-width: 168px !important;
    max-height: 52px !important;
    object-fit: contain !important;
  }
}

/* =========================================
   HEMBER PATCH - logo pública menor/profissional
   Mantém a logo visível sem estourar o header.
========================================= */
.site-header .brand-image-only{
  width: 178px !important;
  height: 54px !important;
  min-width: 178px !important;
  flex: 0 0 178px !important;
  overflow: visible !important;
}

.site-header .brand-img-url,
.site-header .brand-image-only img{
  width: 178px !important;
  height: 54px !important;
  max-width: 178px !important;
  max-height: 54px !important;
  object-fit: contain !important;
  object-position: left center !important;
  transform: none !important;
}

.site-header .header-row{
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}

@media (max-width: 720px){
  .site-header .brand-image-only{
    width: 140px !important;
    height: 44px !important;
    min-width: 140px !important;
    flex-basis: 140px !important;
  }

  .site-header .brand-img-url,
  .site-header .brand-image-only img{
    width: 140px !important;
    height: 44px !important;
    max-width: 140px !important;
    max-height: 44px !important;
  }
}

/* =========================================
   HEMBER PATCH - logo pública compacta
   Reduz a marca do header sem cortar a imagem.
========================================= */
.site-header .brand-image-only{
  width: 118px !important;
  height: 44px !important;
  min-width: 118px !important;
  flex: 0 0 118px !important;
  overflow: visible !important;
}

.site-header .brand-img-url,
.site-header .brand-image-only img{
  width: 118px !important;
  height: 44px !important;
  max-width: 118px !important;
  max-height: 44px !important;
  object-fit: contain !important;
  object-position: left center !important;
  transform: none !important;
}

.site-header .header-row{
  padding-top: 6px !important;
  padding-bottom: 6px !important;
}

@media (max-width: 720px){
  .site-header .brand-image-only{
    width: 96px !important;
    height: 38px !important;
    min-width: 96px !important;
    flex-basis: 96px !important;
  }

  .site-header .brand-img-url,
  .site-header .brand-image-only img{
    width: 96px !important;
    height: 38px !important;
    max-width: 96px !important;
    max-height: 38px !important;
  }
}

/* =========================================
   HEMBER PATCH - afastamento da logo no header público
   Alinha melhor a marca com o respiro visual usado no Backstage.
========================================= */
.site-header .brand-image-only{
  margin-left: 24px !important;
}

@media (max-width: 720px){
  .site-header .brand-image-only{
    margin-left: 12px !important;
  }
}


@media (max-width: 980px){
  .hero-static{ min-height:auto; padding:72px 0 54px; }
  .hero-static-content{
    min-height:0;
    flex-direction:column;
    align-items:flex-start;
    gap:34px;
  }
  .hero-video-wrap{
    width:100%;
    flex:0 0 auto;
    justify-content:flex-start;
  }
  .hero-video-card{ max-width:280px; }
}

@media (max-width: 560px){
  .hero-video-card{ max-width:240px; border-radius:22px; }
}

/* =========================================
   HEMBER HOME HERO PATCH - TikTok BG + ornamentos
   Ajuste público: não altera Backstage.
========================================= */
.hero-static{
  isolation:isolate;
  min-height:640px;
  background:
    radial-gradient(880px 520px at 72% 44%, rgba(230,0,115,.22), transparent 60%),
    linear-gradient(90deg, rgba(0,0,0,.98) 0%, rgba(10,0,6,.95) 44%, rgba(35,0,17,.82) 100%),
    #000 !important;
}

.hero-bg-decor{
  position:absolute;
  inset:0;
  overflow:hidden;
  pointer-events:none;
  z-index:0;
}

.hero-tiktok-watermark{
  position:absolute;
  right:18%;
  top:50%;
  width:min(38vw, 520px);
  height:min(38vw, 520px);
  transform:translateY(-48%) rotate(-8deg);
  background:#E60073;
  opacity:.14;
  -webkit-mask-image:var(--hero-tiktok-logo);
  mask-image:var(--hero-tiktok-logo);
  -webkit-mask-repeat:no-repeat;
  mask-repeat:no-repeat;
  -webkit-mask-position:center;
  mask-position:center;
  -webkit-mask-size:contain;
  mask-size:contain;
  filter:drop-shadow(0 0 70px rgba(230,0,115,.35));
}

.hero-frill{
  position:absolute;
  display:block;
  opacity:.92;
}

.hero-frill-arc{
  right:-170px;
  bottom:-190px;
  width:430px;
  height:430px;
  border:72px solid rgba(230,0,115,.88);
  border-left-color:transparent;
  border-bottom-color:transparent;
  border-radius:50%;
  transform:rotate(-18deg);
  filter:drop-shadow(0 0 36px rgba(230,0,115,.24));
}

.hero-frill-burst{
  width:160px;
  height:160px;
  border-radius:50%;
  background:repeating-conic-gradient(from 0deg, rgba(230,0,115,.95) 0 8deg, transparent 8deg 16deg);
  -webkit-mask:radial-gradient(circle, transparent 0 42%, #000 43% 100%);
  mask:radial-gradient(circle, transparent 0 42%, #000 43% 100%);
}

.hero-frill-burst-top{
  top:-42px;
  left:-34px;
}

.hero-frill-burst-bottom{
  right:20px;
  bottom:24px;
  width:118px;
  height:118px;
  transform:rotate(18deg);
  opacity:.72;
}

.hero-frill-dots{
  right:38%;
  top:22%;
  width:220px;
  height:160px;
  opacity:.09;
  background-image:radial-gradient(rgba(255,255,255,.85) 1.4px, transparent 1.4px);
  background-size:14px 14px;
}

.hero-static .hero-overlay{
  z-index:1;
  background:linear-gradient(90deg, rgba(0,0,0,.72), rgba(0,0,0,.22) 58%, rgba(0,0,0,.44)) !important;
}

.hero-static-content{
  z-index:2 !important;
}

.hero-static .hero-kicker{
  text-transform:uppercase;
  letter-spacing:.02em;
}

.hero-static .hero-title{
  max-width:680px;
  font-size:clamp(44px, 5vw, 76px);
  line-height:.94;
}

.hero-static .hero-sub{
  max-width:620px;
}

@media (max-width:980px){
  .hero-tiktok-watermark{
    right:4%;
    width:360px;
    height:360px;
    opacity:.10;
  }
  .hero-frill-arc{
    right:-230px;
    bottom:-230px;
  }
}

@media (max-width:720px){
  .hero-static{
    min-height:auto;
  }
  .hero-static .hero-title{
    font-size:clamp(38px, 11vw, 54px);
  }
  .hero-tiktok-watermark{
    right:-90px;
    top:36%;
    width:310px;
    height:310px;
    opacity:.08;
  }
  .hero-frill-burst-top{
    width:104px;
    height:104px;
  }
  .hero-frill-burst-bottom,
  .hero-frill-dots{
    display:none;
  }
}

/* FAQ: garante ícones reais corretos, sem texto quebrado/alt aparecendo. */
.faq-social-ico-img{
  width:54px !important;
  height:54px !important;
  object-fit:contain !important;
  display:block !important;
  font-size:0 !important;
  color:transparent !important;
  filter:brightness(0) saturate(100%) invert(13%) sepia(100%) saturate(6457%) hue-rotate(322deg) brightness(92%) contrast(110%) !important;
  -webkit-filter:brightness(0) saturate(100%) invert(13%) sepia(100%) saturate(6457%) hue-rotate(322deg) brightness(92%) contrast(110%) !important;
}

.faq-social-card:hover .faq-social-ico-img,
.faq-social-card:focus-visible .faq-social-ico-img{
  filter:brightness(0) saturate(100%) !important;
  -webkit-filter:brightness(0) saturate(100%) !important;
}

.faq-social-ico.ico-whatsapp{
  -webkit-mask-image:url('/wp-content/uploads/2026/05/WhatsApp.png') !important;
  mask-image:url('/wp-content/uploads/2026/05/WhatsApp.png') !important;
}
.faq-social-ico.ico-instagram{
  -webkit-mask-image:url('/wp-content/uploads/2026/05/Instagram-300x300.png') !important;
  mask-image:url('/wp-content/uploads/2026/05/Instagram-300x300.png') !important;
}
.faq-social-ico.ico-tiktok{
  -webkit-mask-image:url('/wp-content/uploads/2026/05/TikTok.png') !important;
  mask-image:url('/wp-content/uploads/2026/05/TikTok.png') !important;
}
.faq-social-ico.ico-linkedin{
  -webkit-mask-image:url('/wp-content/uploads/2026/05/LinkedIn-300x300.png') !important;
  mask-image:url('/wp-content/uploads/2026/05/LinkedIn-300x300.png') !important;
}

/* =========================================
   HEMBER PATCH - hero rosa + requisitos/FAQ refinados
   Site público apenas.
========================================= */
:root{
  --pink:#E60073;
  --pink2:#E60073;
  --gold:#E60073;
  --gold2:#E60073;
  --accent:#E60073;
}

/* Título principal da home no rosa oficial. */
.hero-static .hero-title{
  color:#E60073 !important;
  text-shadow:0 0 28px rgba(230,0,115,.12);
}

/* Mantém kicker e subtítulo legíveis. */
.hero-static .hero-kicker,
.hero-static .hero-sub{
  color:rgba(255,255,255,.78) !important;
}

/* Cor exata dos ícones antigos por filtro quando ainda forem imagens/backgrounds. */
.stat-icon,
.faq-social-ico-img,
.ls-icon-img,
.live-req-card img,
.live-hero-money{
  filter:brightness(0) saturate(100%) invert(13%) sepia(100%) saturate(6457%) hue-rotate(322deg) brightness(92%) contrast(110%) !important;
  -webkit-filter:brightness(0) saturate(100%) invert(13%) sepia(100%) saturate(6457%) hue-rotate(322deg) brightness(92%) contrast(110%) !important;
}

/* Ícones dos requisitos via mask: cor 100% #E60073. */
.ls-icon-mask,
.live-req-icon-mask{
  width:92px;
  height:92px;
  display:block;
  margin:0 auto;
  background:#E60073;
  -webkit-mask-image:var(--req-icon);
  mask-image:var(--req-icon);
  -webkit-mask-repeat:no-repeat;
  mask-repeat:no-repeat;
  -webkit-mask-position:center;
  mask-position:center;
  -webkit-mask-size:contain;
  mask-size:contain;
  transition:background .22s ease, transform .22s ease, filter .22s ease;
}

/* Efeito visual dos cards de requisitos, igual lógica dos cards sociais do FAQ. */
.ls-card,
.live-req-card{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(230,0,115,.16) !important;
  transition:transform .22s ease, background .22s ease, border-color .22s ease, box-shadow .22s ease, color .22s ease;
}

.ls-card::before,
.live-req-card::before{
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(circle at 50% 0%, rgba(230,0,115,.13), transparent 58%);
  opacity:0;
  transition:opacity .22s ease;
  pointer-events:none;
}

.ls-card:hover,
.ls-card:focus-within,
.live-req-card:hover,
.live-req-card:focus-within{
  transform:translateY(-4px);
  background:#E60073 !important;
  border-color:#E60073 !important;
  box-shadow:0 22px 60px rgba(230,0,115,.28) !important;
}

.ls-card:hover::before,
.ls-card:focus-within::before,
.live-req-card:hover::before,
.live-req-card:focus-within::before{
  opacity:1;
}

.ls-card:hover .ls-text,
.ls-card:focus-within .ls-text,
.live-req-card:hover div,
.live-req-card:focus-within div{
  color:#050505 !important;
}

.ls-card:hover .ls-icon-mask,
.ls-card:focus-within .ls-icon-mask,
.live-req-card:hover .live-req-icon-mask,
.live-req-card:focus-within .live-req-icon-mask{
  background:#050505;
  transform:scale(1.04);
}

.ls-card:hover .ls-icon-img,
.ls-card:focus-within .ls-icon-img,
.live-req-card:hover img,
.live-req-card:focus-within img{
  filter:brightness(0) saturate(100%) !important;
  -webkit-filter:brightness(0) saturate(100%) !important;
}

/* FAQ: garante ícones corretos e rosa no estado normal. */
.faq-social-ico-img{
  width:54px !important;
  height:54px !important;
  object-fit:contain !important;
  display:block !important;
  font-size:0 !important;
  color:transparent !important;
}

.faq-social-card:hover .faq-social-ico-img,
.faq-social-card:focus-visible .faq-social-ico-img{
  filter:brightness(0) saturate(100%) !important;
  -webkit-filter:brightness(0) saturate(100%) !important;
}

@media (max-width:720px){
  .ls-icon-mask,
  .live-req-icon-mask{
    width:78px;
    height:78px;
  }
}

/* =========================================================
   HEMBER PATCH - Benefícios em grid estilo cards oficiais
   ========================================================= */
.page-home .b-section-hember,
.b-section-hember{
  position:relative;
  overflow:hidden;
  background:#050505 !important;
  color:#fff;
  padding:92px 0 86px !important;
  border-top:1px solid rgba(255,255,255,.08);
  border-bottom:1px solid rgba(255,255,255,.08);
}

.b-section-hember::before{
  content:"";
  position:absolute;
  top:-120px;
  left:50%;
  width:min(860px, 70vw);
  height:min(860px, 70vw);
  transform:translateX(-50%);
  border-radius:999px;
  background:radial-gradient(circle, rgba(230,0,115,.16), rgba(230,0,115,.06) 42%, transparent 70%);
  pointer-events:none;
}

.b-section-hember::after{
  content:"";
  position:absolute;
  top:30px;
  left:50%;
  width:min(1180px, 86vw);
  height:1px;
  transform:translateX(-50%);
  background:rgba(255,255,255,.18);
  pointer-events:none;
}

.b-section-hember .container{
  position:relative;
  z-index:1;
}

.b-heading-wrap{
  max-width:900px;
  margin:0 auto 58px;
  text-align:center;
}

.b-section-hember .b-title{
  margin:0 0 18px !important;
  color:#fff !important;
  font-size:clamp(42px, 4.8vw, 78px) !important;
  line-height:1.02 !important;
  font-weight:500 !important;
  letter-spacing:-2.6px;
  text-transform:none !important;
}

.b-section-hember .b-title span{
  color:#fff;
}

.b-section-hember .b-title em{
  color:#E60073;
  font-family:Georgia, 'Times New Roman', serif;
  font-style:italic;
  font-weight:800;
  letter-spacing:-2px;
}

.b-section-hember .b-sub{
  max-width:760px;
  margin:0 auto !important;
  color:rgba(255,255,255,.92) !important;
  font-size:clamp(18px, 1.55vw, 26px);
  line-height:1.28;
  font-weight:500;
  opacity:1 !important;
}

.b-grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:34px 36px;
  align-items:stretch;
}

.b-benefit-card,
a.b-benefit-card{
  position:relative;
  min-height:176px;
  height:auto !important;
  width:auto !important;
  flex:none !important;
  display:flex !important;
  align-items:center;
  justify-content:center;
  padding:42px 34px 36px;
  border-radius:0 !important;
  overflow:visible !important;
  background:#E60073 !important;
  border:1px solid rgba(255,255,255,.82);
  box-shadow:0 24px 70px rgba(0,0,0,.26);
  color:#fff;
  text-decoration:none;
  isolation:isolate;
  transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}

.b-benefit-card.has-image{
  background:#050505 !important;
  overflow:hidden !important;
}

.b-benefit-card.has-image::before,
.b-benefit-card.no-image::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  background:linear-gradient(135deg, rgba(230,0,115,.92), rgba(230,0,115,.72));
  z-index:-2;
}

.b-benefit-card.has-image::before{
  background:linear-gradient(135deg, rgba(0,0,0,.20), rgba(230,0,115,.58));
  z-index:1;
}

.b-benefit-card:hover,
.b-benefit-card:focus-visible{
  transform:translateY(-5px);
  border-color:#fff;
  box-shadow:0 30px 80px rgba(230,0,115,.28);
}

.b-benefit-card .b-bg{
  position:absolute;
  inset:0;
  z-index:0;
  background-size:cover;
  background-position:center;
  filter:saturate(1.05) contrast(1.03);
  transform:scale(1.02);
}

.b-benefit-card .b-overlay{
  position:absolute;
  inset:0;
  z-index:1;
  background:linear-gradient(180deg, rgba(0,0,0,.22), rgba(0,0,0,.50));
  opacity:1;
}

.b-benefit-card.no-image .b-overlay{
  display:none;
}

.b-benefit-card .b-tiktok-seal{
  position:absolute;
  top:-25px;
  left:50%;
  z-index:3;
  width:56px;
  height:56px;
  transform:translateX(-50%);
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  background:#fff;
  border:1px solid rgba(255,255,255,.92);
  box-shadow:0 12px 34px rgba(0,0,0,.26);
}

.b-benefit-card .b-tiktok-seal img{
  display:block;
  width:31px;
  height:31px;
  object-fit:contain;
  filter:brightness(0) saturate(100%) invert(15%) sepia(100%) saturate(5607%) hue-rotate(318deg) brightness(91%) contrast(103%);
}

.b-benefit-card .b-content{
  position:relative !important;
  inset:auto !important;
  z-index:2;
  padding:0 !important;
  display:flex !important;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:10px;
  min-height:auto;
  text-align:center;
}

.b-benefit-card .b-badge{
  display:block !important;
  margin:0;
  padding:0 !important;
  background:transparent !important;
  color:#fff !important;
  border-radius:0 !important;
  font-size:clamp(19px, 1.5vw, 25px);
  line-height:1.25;
  font-weight:600;
  letter-spacing:.1px;
  text-align:center;
}

.b-benefit-card .b-text{
  margin:0;
  max-width:88%;
  color:rgba(255,255,255,.88) !important;
  font-size:15px;
  line-height:1.35;
  font-weight:500 !important;
  opacity:1 !important;
  display:-webkit-box;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
  overflow:hidden;
}

.b-benefit-card.no-image .b-text{
  color:rgba(255,255,255,.90) !important;
}

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

@media (max-width:720px){
  .page-home .b-section-hember,
  .b-section-hember{
    padding:64px 0 58px !important;
  }

  .b-heading-wrap{
    margin-bottom:40px;
    text-align:left;
  }

  .b-section-hember .b-title{
    font-size:40px !important;
    letter-spacing:-1.6px;
  }

  .b-section-hember .b-sub{
    font-size:17px;
  }

  .b-grid{
    grid-template-columns:1fr;
    gap:30px;
  }

  .b-benefit-card,
  a.b-benefit-card{
    min-height:170px;
    padding:40px 24px 30px;
  }
}

/* =========================================================
   HEMBER PATCH - Benefícios: fonte padrão e centralização real
   ========================================================= */
.b-section-hember,
.b-section-hember *{
  font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif !important;
}

.b-section-hember .b-title{
  font-weight:900 !important;
  letter-spacing:-2px !important;
  text-align:center !important;
}

.b-section-hember .b-title em{
  font-family:inherit !important;
  font-style:normal !important;
  font-weight:900 !important;
  color:#E60073 !important;
  letter-spacing:inherit !important;
}

.b-benefit-card,
a.b-benefit-card{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:178px !important;
  padding:48px 34px 38px !important;
}

.b-benefit-card .b-content{
  position:relative !important;
  z-index:3 !important;
  width:100% !important;
  max-width:430px !important;
  min-height:100% !important;
  margin:0 auto !important;
  padding:0 !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
  gap:12px !important;
}

.b-benefit-card .b-badge,
.b-benefit-card .b-text{
  width:100% !important;
  margin-left:auto !important;
  margin-right:auto !important;
  text-align:center !important;
}

.b-benefit-card .b-badge{
  font-size:clamp(20px, 1.55vw, 26px) !important;
  line-height:1.18 !important;
  font-weight:900 !important;
}

.b-benefit-card .b-text{
  max-width:360px !important;
  font-size:clamp(14px, .95vw, 16px) !important;
  line-height:1.42 !important;
  font-weight:700 !important;
}

@media (max-width:720px){
  .b-section-hember .b-title{
    text-align:left !important;
  }

  .b-benefit-card,
  a.b-benefit-card{
    min-height:170px !important;
    padding:46px 22px 34px !important;
  }
}

/* =========================================================
   HEMBER PATCH - Benefícios: ornamentos + padrão visual da Home
   ========================================================= */
.page-home .b-section-hember,
.b-section-hember{
  --benefit-pink:#E60073;
  position:relative !important;
  overflow:hidden !important;
  padding:70px 0 76px !important;
  background:
    radial-gradient(circle at 72% 12%, rgba(230,0,115,.13), transparent 34%),
    radial-gradient(circle at 14% 78%, rgba(230,0,115,.08), transparent 34%),
    #050505 !important;
  isolation:isolate;
}

/* frufru externo: aro superior esquerdo */
.b-section-hember .b-heading-wrap::before{
  content:"";
  position:absolute;
  top:-42px;
  left:-145px;
  width:170px;
  height:170px;
  border-radius:50%;
  background:repeating-conic-gradient(from -12deg, var(--benefit-pink) 0deg 8deg, transparent 8deg 15deg);
  -webkit-mask:radial-gradient(circle, transparent 0 47%, #000 48% 100%);
  mask:radial-gradient(circle, transparent 0 47%, #000 48% 100%);
  opacity:.62;
  pointer-events:none;
}

/* frufru externo: pontilhado */
.b-section-hember .b-heading-wrap::after{
  content:"";
  position:absolute;
  top:96px;
  right:-110px;
  width:260px;
  height:150px;
  background-image:radial-gradient(rgba(230,0,115,.34) 2px, transparent 2px);
  background-size:18px 18px;
  opacity:.35;
  pointer-events:none;
}

.b-section-hember .b-heading-wrap{
  position:relative;
  max-width:760px !important;
  margin:0 auto 46px !important;
  text-align:center !important;
}

/* título no mesmo peso/escala das demais seções da front-page */
.b-section-hember .b-title{
  margin:0 0 14px !important;
  color:#fff !important;
  font-size:clamp(44px, 4vw, 56px) !important;
  line-height:.92 !important;
  letter-spacing:-1.2px !important;
  font-weight:950 !important;
  text-transform:uppercase !important;
  text-align:center !important;
}

.b-section-hember .b-title span,
.b-section-hember .b-title em{
  font-family:inherit !important;
  font-style:normal !important;
  font-weight:950 !important;
  letter-spacing:inherit !important;
}

.b-section-hember .b-title span{ color:#fff !important; }
.b-section-hember .b-title em{ color:var(--benefit-pink) !important; }

.b-section-hember .b-sub{
  max-width:720px !important;
  margin:0 auto !important;
  color:rgba(255,255,255,.88) !important;
  font-size:18px !important;
  line-height:1.55 !important;
  font-weight:700 !important;
  text-align:center !important;
}

.b-section-hember .b-grid{
  position:relative;
  z-index:1;
  gap:32px 34px !important;
}

/* frufru externo entre/atrás dos cards */
.b-section-hember .b-grid::before{
  content:"";
  position:absolute;
  right:-88px;
  bottom:-92px;
  width:210px;
  height:210px;
  border-radius:50%;
  background:repeating-conic-gradient(from 15deg, var(--benefit-pink) 0deg 7deg, transparent 7deg 14deg);
  -webkit-mask:radial-gradient(circle, transparent 0 48%, #000 49% 100%);
  mask:radial-gradient(circle, transparent 0 48%, #000 49% 100%);
  opacity:.52;
  pointer-events:none;
  z-index:-1;
}

.b-section-hember .b-grid::after{
  content:"";
  position:absolute;
  left:-92px;
  top:26%;
  width:240px;
  height:240px;
  border-radius:50%;
  background:rgba(230,0,115,.18);
  box-shadow:0 0 90px rgba(230,0,115,.18);
  opacity:.5;
  pointer-events:none;
  z-index:-1;
}

.b-benefit-card,
a.b-benefit-card{
  min-height:174px !important;
  padding:48px 34px 34px !important;
  border:1px solid rgba(255,255,255,.78) !important;
  box-shadow:0 26px 70px rgba(0,0,0,.30) !important;
}

/* frufru dentro da área rosa do card */
.b-benefit-card::after,
a.b-benefit-card::after{
  content:"";
  position:absolute;
  right:18px;
  bottom:16px;
  width:78px;
  height:78px;
  border-radius:50%;
  background:repeating-conic-gradient(from 10deg, rgba(255,255,255,.32) 0deg 8deg, transparent 8deg 15deg);
  -webkit-mask:radial-gradient(circle, transparent 0 46%, #000 47% 100%);
  mask:radial-gradient(circle, transparent 0 46%, #000 47% 100%);
  opacity:.55;
  pointer-events:none;
  z-index:1;
}

.b-benefit-card .b-content::before{
  content:"";
  position:absolute;
  left:-28px;
  top:-16px;
  width:120px;
  height:74px;
  background-image:radial-gradient(rgba(255,255,255,.26) 2px, transparent 2px);
  background-size:15px 15px;
  opacity:.32;
  pointer-events:none;
  z-index:-1;
}

.b-benefit-card.has-image::after{
  opacity:.36;
}

.b-benefit-card .b-tiktok-seal{
  width:54px !important;
  height:54px !important;
  top:-27px !important;
}

.b-benefit-card .b-tiktok-seal img{
  width:30px !important;
  height:30px !important;
}

.b-benefit-card .b-content{
  max-width:410px !important;
  gap:10px !important;
}

.b-benefit-card .b-badge{
  font-size:clamp(20px, 1.45vw, 24px) !important;
  line-height:1.16 !important;
  font-weight:950 !important;
}

.b-benefit-card .b-text{
  max-width:350px !important;
  font-size:15px !important;
  line-height:1.42 !important;
  font-weight:700 !important;
  -webkit-line-clamp:3 !important;
}

@media (max-width:1024px){
  .b-section-hember .b-heading-wrap::before{
    left:-78px;
    top:-38px;
    width:130px;
    height:130px;
  }

  .b-section-hember .b-heading-wrap::after{
    right:-54px;
    opacity:.22;
  }
}

@media (max-width:720px){
  .page-home .b-section-hember,
  .b-section-hember{
    padding:58px 0 54px !important;
  }

  .b-section-hember .b-heading-wrap{
    margin-bottom:38px !important;
    text-align:left !important;
  }

  .b-section-hember .b-title,
  .b-section-hember .b-sub{
    text-align:left !important;
  }

  .b-section-hember .b-title{
    font-size:40px !important;
    letter-spacing:-1px !important;
  }

  .b-section-hember .b-sub{
    font-size:16px !important;
    line-height:1.5 !important;
  }

  .b-section-hember .b-heading-wrap::before,
  .b-section-hember .b-heading-wrap::after,
  .b-section-hember .b-grid::before,
  .b-section-hember .b-grid::after{
    opacity:.22;
  }

  .b-benefit-card,
  a.b-benefit-card{
    min-height:168px !important;
    padding:46px 22px 30px !important;
  }
}

/* =========================================================
   HEMBER PATCH - Depoimentos no molde dos Benefícios
   ========================================================= */
.page-home .t-section-hember,
.t-section-hember{
  --testimonials-bg:#F2F2F2;
  --testimonials-card:#050505;
  --testimonials-soft:#111111;
  position:relative !important;
  overflow:hidden !important;
  padding:80px 0 84px !important;
  background:
    radial-gradient(circle at 12% 78%, rgba(0,0,0,.05), transparent 34%),
    radial-gradient(circle at 78% 16%, rgba(0,0,0,.04), transparent 30%),
    var(--testimonials-bg) !important;
  isolation:isolate;
}

.t-section-hember::before{
  content:"";
  position:absolute;
  left:-74px;
  top:42px;
  width:180px;
  height:180px;
  border-radius:50%;
  background:repeating-conic-gradient(from -14deg, rgba(0,0,0,.18) 0deg 8deg, transparent 8deg 15deg);
  -webkit-mask:radial-gradient(circle, transparent 0 47%, #000 48% 100%);
  mask:radial-gradient(circle, transparent 0 47%, #000 48% 100%);
  pointer-events:none;
}

.t-section-hember::after{
  content:"";
  position:absolute;
  right:-64px;
  bottom:-86px;
  width:230px;
  height:230px;
  border-radius:50%;
  background:repeating-conic-gradient(from 18deg, rgba(0,0,0,.16) 0deg 8deg, transparent 8deg 15deg);
  -webkit-mask:radial-gradient(circle, transparent 0 48%, #000 49% 100%);
  mask:radial-gradient(circle, transparent 0 48%, #000 49% 100%);
  pointer-events:none;
}

.t-section-hember .container{
  position:relative;
  z-index:1;
}

.t-heading-wrap{
  position:relative;
  max-width:760px;
  margin:0 auto 46px !important;
  text-align:center;
}

.t-heading-wrap::before{
  content:"";
  position:absolute;
  left:-150px;
  top:74px;
  width:260px;
  height:150px;
  background-image:radial-gradient(rgba(0,0,0,.16) 2px, transparent 2px);
  background-size:18px 18px;
  opacity:.48;
  pointer-events:none;
}

.t-heading-wrap::after{
  content:"";
  position:absolute;
  right:-158px;
  top:8px;
  width:210px;
  height:210px;
  border-radius:50%;
  background:rgba(0,0,0,.06);
  box-shadow:0 0 90px rgba(0,0,0,.07);
  pointer-events:none;
}

.t-section-hember .t-title{
  margin:0 0 14px !important;
  color:#111 !important;
  font-size:56px !important;
  line-height:.92 !important;
  letter-spacing:-1px !important;
  font-weight:950 !important;
  text-transform:uppercase !important;
  text-align:center !important;
}

.t-section-hember .t-sub{
  max-width:720px !important;
  margin:0 auto !important;
  color:rgba(0,0,0,.78) !important;
  font-size:16px !important;
  line-height:1.75 !important;
  font-weight:650 !important;
  text-align:center !important;
  opacity:1 !important;
}

.t-grid{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:34px 36px;
  align-items:stretch;
}

.t-grid::before{
  content:"";
  position:absolute;
  left:-92px;
  top:32%;
  width:240px;
  height:240px;
  border-radius:50%;
  background:rgba(0,0,0,.06);
  pointer-events:none;
  z-index:-1;
}

.t-grid::after{
  content:"";
  position:absolute;
  right:4%;
  bottom:-72px;
  width:230px;
  height:140px;
  background-image:radial-gradient(rgba(0,0,0,.12) 2px, transparent 2px);
  background-size:18px 18px;
  pointer-events:none;
  z-index:-1;
}

.t-testimonial-card,
a.t-testimonial-card{
  position:relative !important;
  width:auto !important;
  flex:none !important;
  min-height:208px !important;
  height:auto !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:54px 34px 34px !important;
  border-radius:0 !important;
  overflow:visible !important;
  background:#050505 !important;
  border:1px solid rgba(0,0,0,.22) !important;
  box-shadow:0 26px 70px rgba(0,0,0,.14) !important;
  color:#fff !important;
  text-decoration:none !important;
  isolation:isolate;
  transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}

.t-testimonial-card:hover,
a.t-testimonial-card:hover,
.t-testimonial-card:focus-visible,
a.t-testimonial-card:focus-visible{
  transform:translateY(-5px);
  border-color:#000 !important;
  box-shadow:0 30px 80px rgba(0,0,0,.20) !important;
}

.t-testimonial-card::before,
a.t-testimonial-card::before{
  content:"";
  position:absolute;
  left:18px;
  top:38px;
  width:120px;
  height:74px;
  background-image:radial-gradient(rgba(255,255,255,.16) 2px, transparent 2px);
  background-size:15px 15px;
  opacity:.35;
  pointer-events:none;
  z-index:1;
}

.t-testimonial-card::after,
a.t-testimonial-card::after{
  content:"";
  position:absolute;
  right:18px;
  bottom:16px;
  width:78px;
  height:78px;
  border-radius:50%;
  background:repeating-conic-gradient(from 10deg, rgba(255,255,255,.28) 0deg 8deg, transparent 8deg 15deg);
  -webkit-mask:radial-gradient(circle, transparent 0 46%, #000 47% 100%);
  mask:radial-gradient(circle, transparent 0 46%, #000 47% 100%);
  opacity:.52;
  pointer-events:none;
  z-index:1;
}

.t-section-hember .t-avatar{
  position:absolute !important;
  top:-31px !important;
  left:50% !important;
  z-index:3 !important;
  width:62px !important;
  height:62px !important;
  transform:translateX(-50%) !important;
  display:block !important;
  border-radius:999px !important;
  background-color:#111 !important;
  background-size:cover !important;
  background-position:center !important;
  background-repeat:no-repeat !important;
  border:5px solid #F2F2F2 !important;
  box-shadow:0 12px 34px rgba(0,0,0,.28) !important;
}

.t-section-hember .t-content{
  position:relative;
  z-index:2;
  width:100%;
  max-width:410px;
  min-height:100%;
  margin:0 auto;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  gap:10px;
}

.t-section-hember .t-name{
  margin:0;
  color:#fff;
  font-size:clamp(20px, 1.45vw, 24px);
  line-height:1.16;
  font-weight:950;
  text-align:center;
}

.t-section-hember .t-text{
  width:100%;
  max-width:360px;
  margin:0 auto;
  color:rgba(255,255,255,.88) !important;
  font-size:15px !important;
  line-height:1.42 !important;
  font-weight:700 !important;
  opacity:1 !important;
  text-align:center !important;
  display:-webkit-box;
  -webkit-line-clamp:4;
  -webkit-box-orient:vertical;
  overflow:hidden;
}

.t-section-hember .t-user{
  width:auto !important;
  margin:2px 0 0 !important;
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  color:#fff !important;
  opacity:.78 !important;
  font-size:14px !important;
  font-weight:850 !important;
  text-align:center !important;
}

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

  .t-heading-wrap::before,
  .t-heading-wrap::after{
    opacity:.28;
  }
}

@media (max-width:720px){
  .page-home .t-section-hember,
  .t-section-hember{
    padding:58px 0 54px !important;
  }

  .t-heading-wrap{
    margin-bottom:42px !important;
    text-align:left !important;
  }

  .t-section-hember .t-title,
  .t-section-hember .t-sub{
    text-align:left !important;
  }

  .t-section-hember .t-title{
    font-size:44px !important;
    letter-spacing:-1px !important;
  }

  .t-section-hember .t-sub{
    font-size:16px !important;
    line-height:1.55 !important;
  }

  .t-grid{
    grid-template-columns:1fr;
    gap:34px;
  }

  .t-section-hember::before,
  .t-section-hember::after,
  .t-grid::before,
  .t-grid::after,
  .t-heading-wrap::before,
  .t-heading-wrap::after{
    opacity:.18;
  }

  .t-testimonial-card,
  a.t-testimonial-card{
    min-height:190px !important;
    padding:50px 22px 32px !important;
  }
}

/* =========================================================
   HEMBER PATCH - Centralizar última linha de Benefícios e Depoimentos
   ========================================================= */
.b-section-hember .b-grid,
.t-section-hember .t-grid{
  display:flex !important;
  flex-wrap:wrap !important;
  justify-content:center !important;
  align-items:stretch !important;
  gap:34px 36px !important;
}

.b-section-hember .b-benefit-card,
.b-section-hember a.b-benefit-card,
.t-section-hember .t-testimonial-card,
.t-section-hember a.t-testimonial-card{
  width:calc((100% - 72px) / 3) !important;
  max-width:calc((100% - 72px) / 3) !important;
  flex:0 0 calc((100% - 72px) / 3) !important;
}

@media (max-width:1024px){
  .b-section-hember .b-grid,
  .t-section-hember .t-grid{
    gap:34px 30px !important;
  }

  .b-section-hember .b-benefit-card,
  .b-section-hember a.b-benefit-card,
  .t-section-hember .t-testimonial-card,
  .t-section-hember a.t-testimonial-card{
    width:calc((100% - 30px) / 2) !important;
    max-width:calc((100% - 30px) / 2) !important;
    flex-basis:calc((100% - 30px) / 2) !important;
  }
}

@media (max-width:720px){
  .b-section-hember .b-grid,
  .t-section-hember .t-grid{
    gap:34px !important;
  }

  .b-section-hember .b-benefit-card,
  .b-section-hember a.b-benefit-card,
  .t-section-hember .t-testimonial-card,
  .t-section-hember a.t-testimonial-card{
    width:100% !important;
    max-width:100% !important;
    flex-basis:100% !important;
  }
}

/* =========================================================
   HEMBER PATCH - Home: hero sem botões + QS/Live com ornamentos
   ========================================================= */
.hero-static .hero-text{
  position:relative;
  max-width:640px;
  padding:26px 0;
}

.hero-static .hero-text::before{
  content:"";
  position:absolute;
  left:-34px;
  top:4px;
  width:4px;
  height:calc(100% - 8px);
  border-radius:999px;
  background:linear-gradient(180deg, transparent, #E60073 18%, #E60073 82%, transparent);
  box-shadow:0 0 34px rgba(230,0,115,.42);
  opacity:.85;
}

.hero-static .hero-sub{
  max-width:620px;
}

.hero-impact{
  position:relative;
  z-index:2;
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  max-width:650px;
  margin-top:22px;
}

.hero-impact span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:38px;
  padding:0 14px;
  border-radius:999px;
  color:#fff;
  font-size:13px;
  font-weight:900;
  letter-spacing:.2px;
  border:1px solid rgba(230,0,115,.45);
  background:linear-gradient(180deg, rgba(230,0,115,.22), rgba(255,255,255,.035));
  box-shadow:0 16px 38px rgba(0,0,0,.20), inset 0 1px 0 rgba(255,255,255,.08);
}

/* Quem Somos: título/botão centralizados + elementos de dúvida */
.qs-section{
  position:relative;
  overflow:hidden;
  isolation:isolate;
}

.qs-section::before{
  content:"?";
  position:absolute;
  left:4%;
  top:12%;
  color:rgba(230,0,115,.075);
  font-size:230px;
  line-height:1;
  font-weight:950;
  transform:rotate(-12deg);
  pointer-events:none;
  z-index:0;
}

.qs-section::after{
  content:"";
  position:absolute;
  right:7%;
  bottom:8%;
  width:190px;
  height:190px;
  border-radius:50%;
  background:repeating-conic-gradient(from 14deg, rgba(230,0,115,.14) 0deg 8deg, transparent 8deg 15deg);
  -webkit-mask:radial-gradient(circle, transparent 0 48%, #000 49% 100%);
  mask:radial-gradient(circle, transparent 0 48%, #000 49% 100%);
  pointer-events:none;
  z-index:0;
}

.qs-section .qs-grid{
  position:relative;
  z-index:1;
}

.qs-section .qs-grid::before{
  content:"";
  position:absolute;
  left:42%;
  top:4%;
  width:260px;
  height:150px;
  background-image:radial-gradient(rgba(230,0,115,.16) 2px, transparent 2px);
  background-size:18px 18px;
  opacity:.55;
  pointer-events:none;
  z-index:-1;
}

.qs-section .qs-grid::after{
  content:"?";
  position:absolute;
  right:2%;
  top:12%;
  color:rgba(0,0,0,.055);
  font-size:180px;
  line-height:1;
  font-weight:950;
  transform:rotate(10deg);
  pointer-events:none;
  z-index:-1;
}

.page-home .qs-title,
.qs-section .qs-title{
  text-align:center !important;
}

.qs-section .qs-btn{
  display:flex !important;
  width:max-content;
  margin:24px auto 0 !important;
  background:linear-gradient(180deg, #E60073, #C80063) !important;
  color:#fff !important;
  border-color:rgba(230,0,115,.30) !important;
}

/* Livestream: cabeçalho centralizado + ornamentos de Live/TikTok */
.ls-section{
  position:relative;
  overflow:hidden;
  isolation:isolate;
}

.ls-section::before{
  content:"";
  position:absolute;
  left:5%;
  top:18%;
  width:210px;
  height:210px;
  background:#E60073;
  opacity:.055;
  -webkit-mask-image:var(--ls-tiktok-logo);
  mask-image:var(--ls-tiktok-logo);
  -webkit-mask-repeat:no-repeat;
  mask-repeat:no-repeat;
  -webkit-mask-position:center;
  mask-position:center;
  -webkit-mask-size:contain;
  mask-size:contain;
  transform:rotate(-9deg);
  pointer-events:none;
  z-index:0;
}

.ls-section::after{
  content:"LIVE";
  position:absolute;
  right:4%;
  top:6%;
  color:rgba(230,0,115,.055);
  font-size:150px;
  line-height:1;
  font-weight:950;
  letter-spacing:-8px;
  pointer-events:none;
  z-index:0;
}

.ls-section .container{
  position:relative;
  z-index:1;
}

.ls-section .container::before{
  content:"";
  position:absolute;
  left:-42px;
  bottom:28px;
  width:160px;
  height:160px;
  border-radius:50%;
  background:repeating-conic-gradient(from 16deg, rgba(230,0,115,.15) 0deg 8deg, transparent 8deg 15deg);
  -webkit-mask:radial-gradient(circle, transparent 0 48%, #000 49% 100%);
  mask:radial-gradient(circle, transparent 0 48%, #000 49% 100%);
  pointer-events:none;
  z-index:-1;
}

.ls-section .container::after{
  content:"";
  position:absolute;
  right:7%;
  bottom:10px;
  width:260px;
  height:150px;
  background-image:radial-gradient(rgba(230,0,115,.14) 2px, transparent 2px);
  background-size:18px 18px;
  pointer-events:none;
  z-index:-1;
}

.ls-head{
  justify-content:center !important;
  align-items:center !important;
  text-align:center !important;
  margin-bottom:28px !important;
}

.ls-head-center{
  width:100%;
  max-width:820px;
  margin:0 auto;
  text-align:center;
}

.ls-section .ls-title,
.page-home .ls-title{
  text-align:center !important;
}

.ls-section .ls-desc{
  margin:10px auto 0 !important;
  max-width:720px;
  text-align:center !important;
  font-size:17px;
  line-height:1.45;
  font-weight:800;
  color:#222;
  opacity:.9;
}

.ls-grid,
.ls-footer{
  position:relative;
  z-index:1;
}

@media (max-width:720px){
  .hero-static .hero-text::before{
    left:-16px;
  }

  .hero-impact{
    gap:8px;
  }

  .hero-impact span{
    min-height:34px;
    font-size:12px;
    padding:0 11px;
  }

  .qs-section .qs-title,
  .page-home .qs-title,
  .ls-section .ls-title,
  .page-home .ls-title{
    text-align:center !important;
  }

  .qs-section .qs-grid::before,
  .qs-section .qs-grid::after,
  .qs-section::before,
  .qs-section::after,
  .ls-section::before,
  .ls-section::after,
  .ls-section .container::before,
  .ls-section .container::after{
    opacity:.18;
  }
}

/* =========================
   Hember: setas padronizadas com pulso sequencial
   ========================= */
.live-arrows,
.faq-band-arrows,
.grow-strip-right{
  display:flex !important;
  align-items:center !important;
  gap: 12px !important;
  flex-wrap: nowrap !important;
}

.live-arrows span,
.faq-band-arrows span,
.grow-tri{
  width: 0 !important;
  height: 0 !important;
  border-top: 12px solid transparent !important;
  border-bottom: 12px solid transparent !important;
  border-left-width: 20px !important;
  border-left-style: solid !important;
  opacity: .42;
  transform-origin: center;
  animation: hemberArrowTransit 1.35s ease-in-out infinite;
}

.live-arrows span,
.grow-tri{
  border-left-color: var(--gold) !important;
}

.faq-band-arrows span{
  border-left-color: #0b0b0b !important;
}

.live-arrows span:nth-child(1),
.faq-band-arrows span:nth-child(1),
.grow-strip-right .grow-tri:nth-child(1){ animation-delay: 0s; }

.live-arrows span:nth-child(2),
.faq-band-arrows span:nth-child(2),
.grow-strip-right .grow-tri:nth-child(2){ animation-delay: .12s; }

.live-arrows span:nth-child(3),
.faq-band-arrows span:nth-child(3),
.grow-strip-right .grow-tri:nth-child(3){ animation-delay: .24s; }

.live-arrows span:nth-child(4),
.faq-band-arrows span:nth-child(4),
.grow-strip-right .grow-tri:nth-child(4){ animation-delay: .36s; }

.live-arrows span:nth-child(5),
.faq-band-arrows span:nth-child(5),
.grow-strip-right .grow-tri:nth-child(5){ animation-delay: .48s; }

.live-arrows span:nth-child(6),
.faq-band-arrows span:nth-child(6),
.grow-strip-right .grow-tri:nth-child(6){ animation-delay: .60s; }

@keyframes hemberArrowTransit{
  0%, 100%{
    opacity: .35;
    transform: scale(.92);
    filter: brightness(.78);
  }
  44%, 56%{
    opacity: 1;
    transform: scale(1.08);
    filter: brightness(1.2);
  }
}

@media (prefers-reduced-motion: reduce){
  .live-arrows span,
  .faq-band-arrows span,
  .grow-tri{
    animation: none !important;
    opacity: .95;
    transform: none;
  }
}

/* =========================================================
   HEMBER PATCH - Livestream visual + FAQ hover
   Ajustes públicos: frufruzinhos, centralização e hover do FAQ.
========================================================= */
.live-page{
  --live-pink:#E60073;
}

/* Corrige a sacola do hero: remove a máscara/filtro pesado e deixa a arte legível. */
.live-hero-art::before{
  content:"";
  position:absolute;
  inset:8% 0 8% 16%;
  border-radius:999px;
  background:radial-gradient(circle, rgba(230,0,115,.28), rgba(230,0,115,.08) 44%, transparent 72%);
  filter:blur(18px);
  pointer-events:none;
}
.live-hero-money{
  position:relative;
  z-index:1;
  filter:drop-shadow(0 22px 48px rgba(0,0,0,.42)) !important;
  -webkit-filter:drop-shadow(0 22px 48px rgba(0,0,0,.42)) !important;
  opacity:.96 !important;
  mix-blend-mode:normal !important;
}

/* Blocos Livestream / Monetização / Batalhas no padrão visual da home. */
.live-topic{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  padding:82px 0;
}
.live-topic .container{
  position:relative;
  z-index:2;
}
.live-topic::before,
.live-topic::after,
.live-topic .container::before,
.live-topic .container::after{
  content:"";
  position:absolute;
  pointer-events:none;
  z-index:0;
}
.live-topic::before{
  width:230px;
  height:230px;
  border-radius:50%;
  background:repeating-conic-gradient(from 12deg, rgba(230,0,115,.20) 0deg 8deg, transparent 8deg 16deg);
  -webkit-mask:radial-gradient(circle, transparent 0 46%, #000 47% 100%);
  mask:radial-gradient(circle, transparent 0 46%, #000 47% 100%);
  top:34px;
  right:4%;
  opacity:.65;
}
.live-topic::after{
  width:260px;
  height:160px;
  background-image:radial-gradient(rgba(230,0,115,.16) 2px, transparent 2px);
  background-size:18px 18px;
  left:7%;
  bottom:36px;
  opacity:.75;
}
.live-topic .container::before{
  width:260px;
  height:260px;
  border-radius:999px;
  background:rgba(230,0,115,.06);
  left:-90px;
  top:50%;
  transform:translateY(-50%);
}
.live-topic .container::after{
  color:rgba(230,0,115,.065);
  font-size:clamp(92px, 11vw, 190px);
  line-height:1;
  font-weight:950;
  letter-spacing:-.06em;
  right:1%;
  bottom:-34px;
  z-index:-1;
}
.live-topic-stream .container::after{ content:"LIVE"; }
.live-topic-money .container::after{ content:"$"; }
.live-topic-battle .container::after{ content:"VS"; }
.live-topic-money::before{ left:4%; right:auto; top:auto; bottom:28px; }
.live-topic-money::after{ left:auto; right:8%; top:46px; bottom:auto; }
.live-topic-battle::before{ right:auto; left:5%; top:32px; }
.live-topic-battle::after{ left:auto; right:10%; bottom:36px; }

.live-topic .live-block-grid{
  gap:56px;
  align-items:center;
}
.live-topic .live-text{
  max-width:620px;
  margin:0 auto;
  text-align:center;
}
.live-topic .live-h2{
  text-align:center;
  font-size:clamp(42px, 4vw, 64px);
  line-height:.95;
  letter-spacing:-.03em;
  margin-bottom:14px;
  color:var(--live-pink) !important;
}
.live-topic .live-h3{
  text-align:center;
  margin-left:auto;
  margin-right:auto;
}
.live-topic .live-text p{
  max-width:590px;
  margin-left:auto;
  margin-right:auto;
  font-size:16px;
  line-height:1.72;
}
.live-topic .live-media{
  position:relative;
  display:flex;
  justify-content:center;
}
.live-topic .live-media::after{
  content:"";
  position:absolute;
  inset:auto -18px -18px auto;
  width:108px;
  height:108px;
  border-radius:50%;
  background:repeating-conic-gradient(from 8deg, rgba(230,0,115,.32) 0deg 9deg, transparent 9deg 17deg);
  -webkit-mask:radial-gradient(circle, transparent 0 45%, #000 46% 100%);
  mask:radial-gradient(circle, transparent 0 45%, #000 46% 100%);
  z-index:-1;
}
.live-topic .live-media img{
  width:min(100%, 560px);
  aspect-ratio:1.18/1;
  object-fit:cover;
  border-radius:28px;
  box-shadow:0 24px 70px rgba(0,0,0,.12);
}
.live-topic-gray,
.live-topic.live-gray{
  background:#F2F2F2;
}

/* FAQ: hover também ativa a cor antes do clique; aberto continua destacado. */
.faq-page .faq-q{
  transition:background .22s ease, border-color .22s ease, transform .22s ease, box-shadow .22s ease, color .22s ease;
}
.faq-page .faq-q:hover,
.faq-page .faq-q:focus-visible,
.faq-page .faq-item.is-open .faq-q{
  background:linear-gradient(180deg, #E60073, #E60073) !important;
  border-color:rgba(230,0,115,.42) !important;
  box-shadow:0 14px 34px rgba(230,0,115,.16);
}
.faq-page .faq-q:hover,
.faq-page .faq-q:focus-visible{
  transform:translateY(-2px);
}
.faq-page .faq-q:hover .faq-q-title,
.faq-page .faq-q:focus-visible .faq-q-title,
.faq-page .faq-q:hover .faq-arrow,
.faq-page .faq-q:focus-visible .faq-arrow,
.faq-page .faq-item.is-open .faq-q-title,
.faq-page .faq-item.is-open .faq-arrow{
  color:#050505 !important;
}

@media (max-width:980px){
  .live-topic{ padding:64px 0; }
  .live-topic .live-block-grid{ gap:28px; }
  .live-topic::before{ width:150px; height:150px; opacity:.38; }
  .live-topic::after{ opacity:.42; }
  .live-topic .container::after{ opacity:.5; }
}

/* =========================================================
   HEMBER PATCH - Hero da página Livestream: #LIVESTREAM NA HEMBER
   Substitui visual antigo do topo por banner preto com texto à esquerda
   e 3 fotos à direita.
========================================================= */
.live-page .live-join-hero{
  background:#050505 !important;
  color:#fff;
  position:relative;
  overflow:hidden;
  padding:64px 0 68px !important;
  isolation:isolate;
}

.live-page .live-join-hero::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 16% 30%, rgba(230,0,115,.22), transparent 34%),
    radial-gradient(circle at 82% 55%, rgba(230,0,115,.26), transparent 34%),
    linear-gradient(90deg, #050505 0%, #070007 48%, #13000a 100%);
  z-index:-3;
}

.live-page .live-join-hero::after{
  content:"#";
  position:absolute;
  right:-46px;
  top:22px;
  font-size:260px;
  line-height:1;
  font-weight:950;
  color:rgba(230,0,115,.10);
  z-index:-2;
  pointer-events:none;
}

.live-page .live-join-grid{
  min-height:470px;
  display:grid;
  grid-template-columns:minmax(430px, .9fr) minmax(540px, 1.1fr);
  align-items:center;
  gap:44px;
  position:relative;
}

.live-page .live-join-grid::before,
.live-page .live-join-grid::after{
  content:"";
  position:absolute;
  pointer-events:none;
  z-index:-1;
}

.live-page .live-join-grid::before{
  left:-98px;
  top:-18px;
  width:178px;
  height:178px;
  border-radius:50%;
  background:repeating-conic-gradient(from 16deg, rgba(230,0,115,.56) 0deg 8deg, transparent 8deg 15deg);
  -webkit-mask:radial-gradient(circle, transparent 0 48%, #000 49% 100%);
  mask:radial-gradient(circle, transparent 0 48%, #000 49% 100%);
  opacity:.78;
}

.live-page .live-join-grid::after{
  left:45%;
  top:90px;
  width:300px;
  height:165px;
  background-image:radial-gradient(rgba(230,0,115,.18) 2px, transparent 2px);
  background-size:18px 18px;
  opacity:.8;
}

.live-page .live-join-copy{
  position:relative;
  z-index:2;
}

.live-page .live-join-copy::before{
  content:"LIVE";
  position:absolute;
  left:-12px;
  bottom:-78px;
  font-size:118px;
  line-height:1;
  font-weight:950;
  letter-spacing:-.08em;
  color:rgba(230,0,115,.075);
  z-index:-1;
  pointer-events:none;
}

.live-page .live-join-kicker{
  margin:0 0 16px;
  color:rgba(255,255,255,.82);
  font-size:16px;
  font-weight:900;
}

.live-page .live-join-title{
  margin:0;
  text-transform:uppercase;
  line-height:.96;
  letter-spacing:-.035em;
}

.live-page .live-join-hash,
.live-page .live-join-brand{
  display:block;
  font-weight:950;
}

.live-page .live-join-hash{
  color:#E60073;
  font-size:clamp(38px, 4.1vw, 66px);
  white-space:nowrap;
  text-shadow:0 8px 28px rgba(230,0,115,.22);
}

.live-page .live-join-brand{
  margin-top:8px;
  color:#fff;
  font-size:clamp(50px, 5.2vw, 84px);
  text-shadow:
    3px 3px 0 rgba(0,185,255,.75),
    -3px -2px 0 rgba(230,0,115,.58),
    0 24px 48px rgba(0,0,0,.40);
}

.live-page .live-join-text{
  max-width:560px;
  margin:18px 0 0;
  color:rgba(255,255,255,.84);
  font-size:16px;
  line-height:1.48;
  font-weight:750;
}

.live-page .live-join-photos{
  position:relative;
  z-index:2;
  display:flex;
  justify-content:flex-end;
  align-items:center;
  gap:18px;
  min-height:350px;
}

.live-page .live-join-photos::before{
  content:"";
  position:absolute;
  right:-52px;
  bottom:-58px;
  width:180px;
  height:180px;
  border-radius:50%;
  background:repeating-conic-gradient(from 8deg, rgba(230,0,115,.48) 0deg 8deg, transparent 8deg 15deg);
  -webkit-mask:radial-gradient(circle, transparent 0 48%, #000 49% 100%);
  mask:radial-gradient(circle, transparent 0 48%, #000 49% 100%);
  opacity:.78;
  z-index:-1;
}

.live-page .live-join-photos::after{
  content:"";
  position:absolute;
  right:110px;
  top:-48px;
  width:280px;
  height:280px;
  border-radius:44px;
  background:rgba(230,0,115,.16);
  transform:rotate(-10deg);
  z-index:-2;
}

.live-page .live-join-photo{
  flex:0 0 30%;
  max-width:220px;
  min-width:150px;
  height:320px;
  border-radius:28px;
  background:#ddd center/cover no-repeat;
  box-shadow:0 26px 70px rgba(0,0,0,.38);
  position:relative;
  overflow:hidden;
  transform:translateY(0);
}

.live-page .live-join-photo::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg, rgba(230,0,115,.08), rgba(0,0,0,.22));
  pointer-events:none;
}

.live-page .live-join-photo::after{
  content:"";
  position:absolute;
  inset:0;
  border:2px solid rgba(230,0,115,.55);
  border-radius:inherit;
  pointer-events:none;
}

.live-page .live-join-photo-1{ transform:translateY(20px); }
.live-page .live-join-photo-2{ transform:translateY(-14px); }
.live-page .live-join-photo-3{ transform:translateY(20px); }

@media (max-width:1180px){
  .live-page .live-join-grid{
    grid-template-columns:1fr;
    gap:34px;
  }

  .live-page .live-join-photos{
    justify-content:center;
  }
}

@media (max-width:760px){
  .live-page .live-join-hero{
    padding:48px 0 54px !important;
  }

  .live-page .live-join-grid{
    min-height:auto;
  }

  .live-page .live-join-kicker{
    font-size:14px;
  }

  .live-page .live-join-hash{
    white-space:normal;
  }

  .live-page .live-join-brand{
    font-size:clamp(44px, 12vw, 64px);
  }

  .live-page .live-join-text{
    font-size:14px;
  }

  .live-page .live-join-photos{
    gap:12px;
    min-height:260px;
  }

  .live-page .live-join-photo{
    height:235px;
    border-radius:22px;
    min-width:0;
  }

  .live-page .live-join-photo-1,
  .live-page .live-join-photo-3{
    transform:translateY(12px);
  }

  .live-page .live-join-photo-2{
    transform:translateY(-8px);
  }
}

/* =========================================================
   SOBRE A HEMBER — correção pontual e isolada
   Escopo fechado em .about-page para não afetar Home, FAQ,
   Livestream, Backstage ou outras páginas públicas.
========================================================= */
.about-page{
  --about-pink:#E60073;
  --about-black:#050505;
  --about-soft:#F2F2F2;
  overflow-x:hidden;
}

.about-page .about-section{
  position:relative;
  overflow:hidden;
  padding:72px 0 !important;
}

.about-page #fundadora.about-section{ background:#FFFFFF !important; }
.about-page #o-que-fazemos.about-section{ background:#F2F2F2 !important; text-align:center; }
.about-page #diretoria.about-section{ background:#FFFFFF !important; text-align:center; }

.about-page .about-h2{
  font-family:inherit !important;
  font-size:clamp(42px,4.8vw,72px) !important;
  line-height:.95 !important;
  letter-spacing:-1.8px !important;
  font-weight:950 !important;
  color:var(--about-pink) !important;
  text-transform:uppercase !important;
  margin:0 0 16px !important;
}

.about-page #fundadora .about-h2{ text-align:left !important; }
.about-page #o-que-fazemos .about-h2,
.about-page #diretoria .about-h2{ text-align:center !important; }

.about-page .about-lead{
  max-width:760px;
  margin:0 auto 34px !important;
  text-align:center;
  color:#333 !important;
  font-size:18px;
  line-height:1.55;
  font-weight:750;
}

/* Fundadora: mantém a seção limpa e impede imagem estourada */
.about-page .about-founder{
  position:relative;
  z-index:2;
  display:grid !important;
  grid-template-columns:minmax(0,1.05fr) minmax(280px,.95fr) !important;
  gap:42px !important;
  align-items:center !important;
}

.about-page .about-founder-text,
.about-page .about-founder-photo{ position:relative; z-index:2; }

.about-page .about-founder-photo{
  display:flex !important;
  justify-content:center !important;
}

.about-page .about-photo{
  width:min(420px,100%) !important;
  height:420px !important;
  max-width:100% !important;
  display:block !important;
  object-fit:cover !important;
  object-position:center !important;
  border-radius:28px !important;
  box-shadow:0 24px 70px rgba(0,0,0,.14) !important;
}

.about-page #fundadora::before,
.about-page #diretoria::before{
  content:"";
  position:absolute;
  width:190px;
  height:190px;
  border-radius:50%;
  background:repeating-conic-gradient(from 0deg, rgba(230,0,115,.18) 0 8deg, transparent 8deg 16deg);
  opacity:.55;
  pointer-events:none;
  z-index:0;
}

.about-page #fundadora::before{ right:6%; top:36px; }
.about-page #diretoria::before{ left:-42px; bottom:-46px; }

.about-page #fundadora::after,
.about-page #diretoria::after{
  content:"";
  position:absolute;
  width:260px;
  height:160px;
  background-image:radial-gradient(rgba(230,0,115,.15) 2px, transparent 2px);
  background-size:18px 18px;
  pointer-events:none;
  z-index:0;
}

.about-page #fundadora::after{ left:6%; bottom:34px; }
.about-page #diretoria::after{ right:8%; top:44px; }

/* O QUE A HEMBER FAZ: cards no padrão visual de benefícios, mas isolados */
.about-page .about-cards{
  position:relative;
  z-index:2;
  display:flex !important;
  flex-wrap:wrap !important;
  justify-content:center !important;
  gap:22px !important;
  max-width:1320px !important;
  margin:54px auto 0 !important;
}

.about-page .about-card{
  position:relative !important;
  flex:0 1 calc((100% - 44px) / 3) !important;
  min-width:280px !important;
  min-height:220px !important;
  padding:58px 28px 34px !important;
  border-radius:0 !important;
  border:1px solid rgba(230,0,115,.55) !important;
  background:var(--about-black) !important;
  color:#fff !important;
  box-shadow:0 24px 70px rgba(0,0,0,.12) !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  align-items:center !important;
  text-align:center !important;
  overflow:visible !important;
}

.about-page .about-card::before{
  content:"";
  position:absolute;
  left:50%;
  top:-34px;
  width:68px;
  height:68px;
  transform:translateX(-50%);
  border-radius:50%;
  background:#fff var(--about-card-logo) center/70% auto no-repeat;
  box-shadow:0 12px 32px rgba(0,0,0,.18);
  z-index:3;
}

.about-page .about-card::after{
  content:"";
  position:absolute;
  left:18px;
  top:38px;
  width:150px;
  height:90px;
  background-image:radial-gradient(rgba(230,0,115,.22) 2px, transparent 2px);
  background-size:16px 16px;
  opacity:.8;
  pointer-events:none;
}

.about-page .about-card-title{
  position:relative;
  z-index:2;
  color:#fff !important;
  font-size:clamp(20px,1.6vw,28px) !important;
  line-height:1.08 !important;
  font-weight:950 !important;
  margin:0 0 14px !important;
}

.about-page .about-card-text{
  position:relative;
  z-index:2;
  color:rgba(255,255,255,.86) !important;
  font-size:15px !important;
  line-height:1.55 !important;
  font-weight:750 !important;
  max-width:320px;
}

.about-page .about-what-section::before{
  content:"";
  position:absolute;
  left:-78px;
  bottom:-78px;
  width:260px;
  height:260px;
  border-radius:50%;
  background:rgba(230,0,115,.08);
  pointer-events:none;
}

.about-page .about-what-section::after{
  content:"";
  position:absolute;
  right:8%;
  top:40px;
  width:260px;
  height:160px;
  background-image:radial-gradient(rgba(230,0,115,.18) 2px, transparent 2px);
  background-size:18px 18px;
  pointer-events:none;
}

/* Diretoria: 3 por linha, foto presa dentro do card e sem invadir a página */
.about-page .about-directors{
  position:relative;
  z-index:2;
  display:flex !important;
  flex-wrap:wrap !important;
  justify-content:center !important;
  gap:22px !important;
  max-width:1320px !important;
  margin:42px auto 0 !important;
}

.about-page .about-director-card{
  position:relative !important;
  flex:0 1 calc((100% - 44px) / 3) !important;
  min-width:310px !important;
  min-height:205px !important;
  max-width:420px !important;
  display:grid !important;
  grid-template-columns:128px minmax(0,1fr) !important;
  align-items:center !important;
  gap:18px !important;
  padding:18px !important;
  border-radius:26px !important;
  background:#050505 !important;
  border:1px solid rgba(230,0,115,.18) !important;
  box-shadow:0 24px 70px rgba(0,0,0,.12) !important;
  overflow:hidden !important;
  color:#fff !important;
}

.about-page .about-director-card::after{
  content:"";
  position:absolute;
  right:16px;
  bottom:12px;
  width:82px;
  height:82px;
  border-radius:50%;
  background:repeating-conic-gradient(from 0deg, rgba(230,0,115,.18) 0 8deg, transparent 8deg 16deg);
  pointer-events:none;
  opacity:.75;
}

.about-page .about-director-photo{
  width:100% !important;
  height:170px !important;
  min-height:170px !important;
  border:0 !important;
  border-radius:20px !important;
  background:#151515 !important;
  overflow:hidden !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  color:rgba(255,255,255,.55) !important;
  flex:initial !important;
}

.about-page .about-director-photo img{
  width:100% !important;
  height:100% !important;
  max-width:none !important;
  display:block !important;
  object-fit:cover !important;
  object-position:center !important;
}

.about-page .about-director-info{
  position:relative;
  z-index:2;
  min-width:0;
  text-align:left;
}

.about-page .about-director-info h3{
  color:#fff !important;
  font-size:clamp(22px,1.6vw,30px) !important;
  line-height:1.05 !important;
  font-weight:950 !important;
  margin:0 0 8px !important;
}

.about-page .about-director-role{
  color:var(--about-pink) !important;
  font-size:14px !important;
  font-weight:950 !important;
  letter-spacing:.6px !important;
  text-transform:uppercase !important;
  margin:0 0 10px !important;
}

.about-page .about-director-info p{
  color:rgba(255,255,255,.86) !important;
  font-size:14px !important;
  line-height:1.55 !important;
  font-weight:750 !important;
  margin:0 !important;
}

@media (max-width:1080px){
  .about-page .about-card,
  .about-page .about-director-card{
    flex-basis:calc((100% - 22px) / 2) !important;
  }
}

@media (max-width:760px){
  .about-page .about-section{ padding:54px 0 !important; }
  .about-page .about-h2{ font-size:42px !important; text-align:center !important; }
  .about-page .about-founder{ grid-template-columns:1fr !important; }
  .about-page #fundadora .about-h2{ text-align:center !important; }
  .about-page .about-founder-text{ text-align:left; }
  .about-page .about-photo{ height:340px !important; }
  .about-page .about-card,
  .about-page .about-director-card{
    flex-basis:100% !important;
    max-width:420px !important;
  }
  .about-page .about-director-card{
    grid-template-columns:112px minmax(0,1fr) !important;
    min-width:0 !important;
  }
  .about-page .about-director-photo{ height:150px !important; min-height:150px !important; }
}

@media (max-width:520px){
  .about-page .about-director-card{
    grid-template-columns:1fr !important;
    text-align:center !important;
  }
  .about-page .about-director-info{ text-align:center !important; }
  .about-page .about-director-photo{
    height:230px !important;
  }
}

/* =========================================================
   HEMBER PATCH - Topos padronizados: Vagas, Sobre, FAQ e Livestream
   Altura única, frufruzinhos e composição imagem/texto sem afetar outras seções.
========================================================= */
:root{
  --hember-pink:#E60073;
  --hember-black:#050505;
}

.hember-top-hero,
.live-page .live-join-hero{
  position:relative !important;
  overflow:hidden !important;
  min-height:460px !important;
  padding:52px 0 !important;
  display:flex !important;
  align-items:center !important;
  border-bottom:1px solid rgba(255,255,255,.08);
  isolation:isolate;
}

.hember-top-hero--pink{
  background:var(--hember-pink) !important;
  color:#050505 !important;
}

.hember-top-hero--black,
.live-page .live-join-hero{
  background:#050505 !important;
  color:#fff !important;
}

.hember-top-hero::before,
.live-page .live-join-hero::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  pointer-events:none !important;
  z-index:-3 !important;
}

.hember-top-hero--pink::before{
  background:
    radial-gradient(circle at 18% 25%, rgba(255,255,255,.20), transparent 30%),
    radial-gradient(circle at 80% 60%, rgba(0,0,0,.13), transparent 34%),
    linear-gradient(90deg, #E60073 0%, #E60073 100%) !important;
}

.hember-top-hero--black::before,
.live-page .live-join-hero::before{
  background:
    radial-gradient(circle at 20% 34%, rgba(230,0,115,.22), transparent 33%),
    radial-gradient(circle at 80% 56%, rgba(230,0,115,.25), transparent 34%),
    linear-gradient(90deg, #050505 0%, #070007 48%, #16000c 100%) !important;
}

.hember-top-hero::after,
.live-page .live-join-hero::after{
  content:"#" !important;
  position:absolute !important;
  right:-34px !important;
  top:42px !important;
  font-size:230px !important;
  line-height:1 !important;
  font-weight:950 !important;
  color:rgba(0,0,0,.11) !important;
  pointer-events:none !important;
  z-index:-2 !important;
}

.hember-top-hero--black::after,
.live-page .live-join-hero::after{
  color:rgba(230,0,115,.11) !important;
}

.hember-top-hero-grid,
.live-page .live-join-grid{
  width:100%;
  min-height:356px !important;
  display:grid !important;
  grid-template-columns:minmax(420px,.92fr) minmax(520px,1.08fr) !important;
  align-items:center !important;
  gap:42px !important;
  position:relative !important;
}

.hember-top-hero-grid::before,
.hember-top-hero-grid::after,
.live-page .live-join-grid::before,
.live-page .live-join-grid::after{
  content:"" !important;
  position:absolute !important;
  pointer-events:none !important;
  z-index:-1 !important;
}

.hember-top-hero-grid::before,
.live-page .live-join-grid::before{
  left:-98px !important;
  top:-36px !important;
  width:155px !important;
  height:155px !important;
  border-radius:50% !important;
  background:repeating-conic-gradient(from 16deg, rgba(230,0,115,.54) 0deg 8deg, transparent 8deg 15deg) !important;
  -webkit-mask:radial-gradient(circle, transparent 0 48%, #000 49% 100%) !important;
  mask:radial-gradient(circle, transparent 0 48%, #000 49% 100%) !important;
  opacity:.72 !important;
}

.hember-top-hero--pink .hember-top-hero-grid::before{
  background:repeating-conic-gradient(from 16deg, rgba(0,0,0,.20) 0deg 8deg, transparent 8deg 15deg) !important;
}

.hember-top-hero-grid::after,
.live-page .live-join-grid::after{
  right:25% !important;
  top:58px !important;
  width:260px !important;
  height:138px !important;
  background-image:radial-gradient(rgba(230,0,115,.16) 2px, transparent 2px) !important;
  background-size:18px 18px !important;
  opacity:.78 !important;
}

.hember-top-hero--pink .hember-top-hero-grid::after{
  background-image:radial-gradient(rgba(0,0,0,.12) 2px, transparent 2px) !important;
}

.hember-top-hero--images-left .hember-top-hero-photos,
.work-page .work-hero-photos{
  order:1;
}
.hember-top-hero--images-left .hember-top-copy,
.work-page .work-hero-copy{
  order:2;
}
.hember-top-hero--images-right .hember-top-copy,
.live-page .live-join-copy{
  order:1;
}
.hember-top-hero--images-right .hember-top-hero-photos,
.live-page .live-join-photos{
  order:2;
}

.hember-top-copy,
.live-page .live-join-copy,
.work-page .work-hero-copy{
  position:relative !important;
  z-index:2 !important;
  min-width:0 !important;
  text-align:left !important;
}

.hember-top-kicker,
.live-page .live-join-kicker{
  margin:0 0 14px !important;
  color:rgba(255,255,255,.80) !important;
  font-size:15px !important;
  font-weight:900 !important;
}

.hember-top-hero--pink .hember-top-kicker,
.work-page .work-hero-copy::before{
  color:rgba(0,0,0,.72) !important;
}

.hember-top-title,
.live-page .live-join-title{
  margin:0 !important;
  text-transform:uppercase !important;
  line-height:.95 !important;
  letter-spacing:-.035em !important;
}

.hember-top-line-pink,
.hember-top-line-dark,
.hember-top-line-ghost,
.live-page .live-join-hash,
.live-page .live-join-brand{
  display:block !important;
  font-weight:950 !important;
}

.hember-top-line-pink,
.live-page .live-join-hash{
  color:var(--hember-pink) !important;
  font-size:clamp(36px,4.1vw,66px) !important;
  white-space:nowrap !important;
}

.hember-top-line-dark,
.work-page .work-hash{
  color:#050505 !important;
  font-size:clamp(36px,4.1vw,66px) !important;
  white-space:nowrap !important;
  font-weight:950 !important;
  line-height:.95 !important;
  letter-spacing:-.035em !important;
}

.hember-top-line-ghost,
.live-page .live-join-brand,
.work-page .work-brand{
  margin-top:8px !important;
  color:#fff !important;
  font-size:clamp(48px,5.2vw,84px) !important;
  font-weight:950 !important;
  line-height:.95 !important;
  letter-spacing:-.035em !important;
  text-transform:uppercase !important;
  text-shadow:
    3px 3px 0 rgba(0,185,255,.72),
    -3px -2px 0 rgba(230,0,115,.62),
    0 22px 46px rgba(0,0,0,.30) !important;
}

.hember-top-hero--pink .hember-top-line-ghost,
.work-page .work-brand{
  color:#fff !important;
  text-shadow:
    3px 3px 0 rgba(0,185,255,.72),
    -3px -2px 0 rgba(0,0,0,.45),
    0 22px 46px rgba(0,0,0,.20) !important;
}

.hember-top-text,
.live-page .live-join-text{
  max-width:590px !important;
  margin:18px 0 0 !important;
  color:rgba(255,255,255,.84) !important;
  font-size:16px !important;
  line-height:1.48 !important;
  font-weight:750 !important;
}

.hember-top-hero--pink .hember-top-text{
  color:rgba(0,0,0,.78) !important;
}

.hember-top-hero-photos,
.live-page .live-join-photos,
.work-page .work-hero-photos{
  position:relative !important;
  z-index:2 !important;
  display:flex !important;
  justify-content:center !important;
  align-items:center !important;
  gap:18px !important;
  min-height:315px !important;
}

.hember-top-hero-photos::before,
.live-page .live-join-photos::before,
.work-page .work-hero-photos::before{
  content:"" !important;
  position:absolute !important;
  right:-46px !important;
  bottom:-48px !important;
  width:150px !important;
  height:150px !important;
  border-radius:50% !important;
  background:repeating-conic-gradient(from 8deg, rgba(230,0,115,.48) 0deg 8deg, transparent 8deg 15deg) !important;
  -webkit-mask:radial-gradient(circle, transparent 0 48%, #000 49% 100%) !important;
  mask:radial-gradient(circle, transparent 0 48%, #000 49% 100%) !important;
  opacity:.72 !important;
  z-index:-1 !important;
}

.hember-top-hero--pink .hember-top-hero-photos::before,
.work-page .work-hero-photos::before{
  background:repeating-conic-gradient(from 8deg, rgba(0,0,0,.22) 0deg 8deg, transparent 8deg 15deg) !important;
}

.hember-top-hero-photos::after,
.live-page .live-join-photos::after,
.work-page .work-hero-photos::after{
  content:"" !important;
  position:absolute !important;
  right:90px !important;
  top:-32px !important;
  width:240px !important;
  height:240px !important;
  border-radius:40px !important;
  background:rgba(230,0,115,.15) !important;
  transform:rotate(-10deg) !important;
  z-index:-2 !important;
}

.hember-top-hero--pink .hember-top-hero-photos::after,
.work-page .work-hero-photos::after{
  background:rgba(0,0,0,.10) !important;
}

.hember-top-photo,
.live-page .live-join-photo,
.work-page .work-photo{
  flex:0 0 30% !important;
  width:auto !important;
  max-width:210px !important;
  min-width:150px !important;
  height:292px !important;
  border-radius:28px !important;
  background:#e4e4e4 center/cover no-repeat !important;
  box-shadow:0 24px 62px rgba(0,0,0,.28) !important;
  position:relative !important;
  overflow:hidden !important;
  border:2px solid rgba(230,0,115,.55) !important;
}

.hember-top-hero--pink .hember-top-photo,
.work-page .work-photo{
  border-color:rgba(255,255,255,.56) !important;
  box-shadow:0 24px 62px rgba(0,0,0,.16) !important;
}

.hember-top-photo::before,
.live-page .live-join-photo::before,
.work-page .work-photo::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  background:linear-gradient(180deg, rgba(230,0,115,.04), rgba(0,0,0,.16)) !important;
  pointer-events:none !important;
}

.hember-top-photo-1,
.live-page .live-join-photo-1,
.work-page .work-photo:nth-child(1){ transform:translateY(16px) !important; }
.hember-top-photo-2,
.live-page .live-join-photo-2,
.work-page .work-photo:nth-child(2){ transform:translateY(-12px) !important; }
.hember-top-photo-3,
.live-page .live-join-photo-3,
.work-page .work-photo:nth-child(3){ transform:translateY(16px) !important; }

/* Trabalhe na Hember reaproveita a mesma régua do topo padronizado */
.work-page .work-hero-grid{
  width:100%;
  min-height:356px !important;
  display:grid !important;
  grid-template-columns:minmax(520px,1.08fr) minmax(420px,.92fr) !important;
  align-items:center !important;
  gap:42px !important;
  position:relative !important;
}
.work-page .work-hash{ margin:0 !important; }
.work-page .work-bigmark{ display:block !important; color:rgba(0,0,0,.12) !important; }

/* FAQ: ícones no topo como cards visuais sem quebrar os cards sociais inferiores */
.faq-page .hember-top-photo{
  background-size:58% auto !important;
  background-color:#111 !important;
  background-repeat:no-repeat !important;
  background-position:center !important;
}

/* Sobre: fotos/cards no topo */
.about-page .hember-top-photo-2{
  background-size:72% auto !important;
  background-color:#f3f3f3 !important;
  background-repeat:no-repeat !important;
}
.about-page .hember-top-photo-3{
  background-size:58% auto !important;
  background-color:#111 !important;
  background-repeat:no-repeat !important;
}

/* Remove interferência dos estilos antigos dos heros reestruturados */
.about-page .about-hero.hember-top-hero{
  min-height:460px !important;
  height:auto !important;
  padding:52px 0 !important;
}
.about-page .about-hero.hember-top-hero .container{
  position:relative;
  z-index:2;
}
.faq-page .faq-hero.hember-top-hero{
  padding:52px 0 !important;
}

@media (max-width:1180px){
  .hember-top-hero-grid,
  .live-page .live-join-grid,
  .work-page .work-hero-grid{
    grid-template-columns:1fr !important;
    gap:34px !important;
  }
  .hember-top-hero--images-left .hember-top-hero-photos,
  .work-page .work-hero-photos,
  .hember-top-hero--images-right .hember-top-hero-photos,
  .live-page .live-join-photos{
    order:2 !important;
  }
  .hember-top-hero--images-left .hember-top-copy,
  .work-page .work-hero-copy,
  .hember-top-hero--images-right .hember-top-copy,
  .live-page .live-join-copy{
    order:1 !important;
  }
}

@media (max-width:760px){
  .hember-top-hero,
  .live-page .live-join-hero,
  .about-page .about-hero.hember-top-hero{
    min-height:auto !important;
    padding:42px 0 48px !important;
  }
  .hember-top-hero-grid,
  .live-page .live-join-grid,
  .work-page .work-hero-grid{
    min-height:auto !important;
  }
  .hember-top-line-pink,
  .hember-top-line-dark,
  .live-page .live-join-hash,
  .work-page .work-hash{
    font-size:clamp(34px,10vw,52px) !important;
    white-space:normal !important;
  }
  .hember-top-line-ghost,
  .live-page .live-join-brand,
  .work-page .work-brand{
    font-size:clamp(42px,12vw,62px) !important;
  }
  .hember-top-text,
  .live-page .live-join-text{
    font-size:14px !important;
  }
  .hember-top-hero-photos,
  .live-page .live-join-photos,
  .work-page .work-hero-photos{
    gap:12px !important;
    min-height:245px !important;
  }
  .hember-top-photo,
  .live-page .live-join-photo,
  .work-page .work-photo{
    height:220px !important;
    min-width:0 !important;
    border-radius:22px !important;
  }
}

/* =========================================================
   HEMBER PATCH - Sobre: efeitos visuais nos cards
   Escopo fechado em .about-page para não afetar outras páginas.
========================================================= */
.about-page #o-que-fazemos .about-card,
.about-page #diretoria .about-director-card{
  transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease, filter .22s ease !important;
  isolation:isolate !important;
}

.about-page #o-que-fazemos .about-card:hover,
.about-page #o-que-fazemos .about-card:focus-within,
.about-page #diretoria .about-director-card:hover,
.about-page #diretoria .about-director-card:focus-within{
  transform:translateY(-5px) !important;
  border-color:rgba(230,0,115,.95) !important;
  box-shadow:0 34px 90px rgba(0,0,0,.20), 0 0 0 1px rgba(230,0,115,.25) inset !important;
}

/* O QUE A HEMBER FAZ: mesmo “clima” dos cards de Benefícios */
.about-page #o-que-fazemos .about-card{
  background:
    radial-gradient(rgba(230,0,115,.26) 2px, transparent 2px) 20px 46px/16px 16px,
    radial-gradient(circle at 95% 74%, rgba(230,0,115,.16), transparent 34%),
    #050505 !important;
  border-color:rgba(230,0,115,.55) !important;
  overflow:visible !important;
}

.about-page #o-que-fazemos .about-card::after{
  left:auto !important;
  top:auto !important;
  right:18px !important;
  bottom:16px !important;
  width:78px !important;
  height:78px !important;
  border-radius:50% !important;
  background:repeating-conic-gradient(from 10deg, rgba(230,0,115,.34) 0deg 8deg, transparent 8deg 15deg) !important;
  -webkit-mask:radial-gradient(circle, transparent 0 46%, #000 47% 100%) !important;
  mask:radial-gradient(circle, transparent 0 46%, #000 47% 100%) !important;
  opacity:.62 !important;
  pointer-events:none !important;
  z-index:1 !important;
}

.about-page #o-que-fazemos .about-card-title,
.about-page #o-que-fazemos .about-card-text{
  position:relative !important;
  z-index:2 !important;
}

.about-page #o-que-fazemos .about-card::before{
  transition:transform .22s ease, box-shadow .22s ease !important;
}

.about-page #o-que-fazemos .about-card:hover::before,
.about-page #o-que-fazemos .about-card:focus-within::before{
  transform:translateX(-50%) scale(1.05) !important;
  box-shadow:0 16px 42px rgba(0,0,0,.24), 0 0 0 4px rgba(230,0,115,.14) !important;
}

/* DIRETORIA: mesmo padrão de profundidade/ornamentos dos Depoimentos */
.about-page #diretoria .about-director-card{
  background:
    radial-gradient(rgba(230,0,115,.20) 2px, transparent 2px) 18px 36px/15px 15px,
    radial-gradient(circle at 92% 78%, rgba(230,0,115,.13), transparent 34%),
    #050505 !important;
  border-color:rgba(230,0,115,.28) !important;
}

.about-page #diretoria .about-director-card::before{
  content:"";
  position:absolute;
  left:18px;
  top:34px;
  width:124px;
  height:76px;
  background-image:radial-gradient(rgba(230,0,115,.20) 2px, transparent 2px);
  background-size:15px 15px;
  opacity:.48;
  pointer-events:none;
  z-index:1;
}

.about-page #diretoria .about-director-card::after{
  background:repeating-conic-gradient(from 10deg, rgba(230,0,115,.34) 0deg 8deg, transparent 8deg 15deg) !important;
  -webkit-mask:radial-gradient(circle, transparent 0 46%, #000 47% 100%) !important;
  mask:radial-gradient(circle, transparent 0 46%, #000 47% 100%) !important;
  opacity:.58 !important;
  z-index:1 !important;
}

.about-page #diretoria .about-director-photo,
.about-page #diretoria .about-director-info{
  position:relative !important;
  z-index:2 !important;
}

.about-page #diretoria .about-director-photo{
  border:1px solid rgba(230,0,115,.32) !important;
  box-shadow:0 18px 48px rgba(0,0,0,.26) !important;
}

.about-page #diretoria .about-director-photo img{
  transition:transform .28s ease, filter .28s ease !important;
}

.about-page #diretoria .about-director-card:hover .about-director-photo img,
.about-page #diretoria .about-director-card:focus-within .about-director-photo img{
  transform:scale(1.045) !important;
  filter:saturate(1.08) contrast(1.04) !important;
}

.about-page #diretoria .about-director-info h3,
.about-page #diretoria .about-director-role,
.about-page #diretoria .about-director-info p{
  position:relative !important;
  z-index:2 !important;
}

/* =========================
   One Page Hember: ajustes finais
========================= */
.hember-onepage > section{
  scroll-margin-top: 92px;
}

.hember-onepage .hero-actions{
  margin-top: 20px;
}

.hember-onepage .t-section-hember .t-title em,
.hember-onepage .about-h2 em{
  color: var(--accent);
  font-family: Georgia, 'Times New Roman', serif;
  font-style: italic;
  font-weight: 700;
}

.hember-onepage .about-section.about-white{
  color:#111;
}

.hember-onepage .about-section.about-gray{
  color:#111;
}

.hember-onepage .live-join-hero,
.hember-onepage .work-hero,
.hember-onepage .faq-hero{
  scroll-margin-top: 92px;
}

.hember-onepage .live-form-alert,
.hember-onepage .jobs-alert{
  scroll-margin-top: 110px;
}

@media (max-width: 980px){
  .hember-onepage > section,
  .hember-onepage .live-join-hero,
  .hember-onepage .work-hero,
  .hember-onepage .faq-hero{
    scroll-margin-top: 78px;
  }
}


/* =========================================================
   HEMBER PATCH V2 - público one page sem header + ajustes solicitados
========================================================= */
body.home .site-header,
body.front-page .site-header{
  display:none !important;
}

.hember-onepage > section,
.hember-onepage .live-join-hero,
.hember-onepage .work-hero,
.hember-onepage .faq-hero{
  scroll-margin-top:24px !important;
}

.hero-public-logo{
  width:min(190px, 52vw);
  margin:0 0 18px;
  display:flex;
  align-items:center;
  justify-content:flex-start;
}

.hero-public-logo img{
  display:block;
  width:100%;
  height:auto;
  max-height:92px;
  object-fit:contain;
  filter:drop-shadow(0 18px 42px rgba(0,0,0,.38));
}

.hero-static .hero-actions{
  margin-top:28px !important;
}

.hero-static .hero-main-cta,
.hero-static a.hero-main-cta{
  min-height:58px !important;
  padding:0 30px !important;
  border-radius:999px !important;
  font-size:16px !important;
  line-height:1 !important;
  font-weight:950 !important;
  letter-spacing:.04em !important;
  text-transform:uppercase !important;
  box-shadow:0 18px 52px rgba(230,0,115,.32) !important;
}

/* O QUE A HEMBER ENTREGA: volta com foto, frufrus e profundidade */
.hember-onepage #entregas.about-what-section{
  position:relative !important;
  overflow:hidden !important;
  background:
    radial-gradient(circle at 7% 86%, rgba(230,0,115,.10), transparent 28%),
    radial-gradient(circle at 88% 10%, rgba(230,0,115,.08), transparent 30%),
    #f2f2f2 !important;
  isolation:isolate;
}

.hember-onepage #entregas.about-what-section::before{
  content:"";
  position:absolute;
  right:5%;
  top:22px;
  width:260px;
  height:180px;
  background-image:radial-gradient(rgba(230,0,115,.18) 2px, transparent 2px);
  background-size:18px 18px;
  opacity:.65;
  pointer-events:none;
  z-index:0;
}

.hember-onepage #entregas.about-what-section::after{
  content:"";
  position:absolute;
  left:-72px;
  bottom:40px;
  width:210px;
  height:210px;
  border-radius:50%;
  background:repeating-conic-gradient(from -12deg, rgba(230,0,115,.18) 0deg 8deg, transparent 8deg 15deg);
  -webkit-mask:radial-gradient(circle, transparent 0 47%, #000 48% 100%);
  mask:radial-gradient(circle, transparent 0 47%, #000 48% 100%);
  pointer-events:none;
  z-index:0;
}

.hember-onepage #entregas .container{
  position:relative;
  z-index:1;
}

.hember-onepage #entregas .about-cards{
  position:relative;
  z-index:2;
  display:grid !important;
  grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
  gap:30px !important;
  max-width:1320px !important;
  margin:58px auto 0 !important;
}

.hember-onepage #entregas .about-card{
  position:relative !important;
  min-height:285px !important;
  padding:78px 28px 38px !important;
  border-radius:26px !important;
  border:1px solid rgba(230,0,115,.52) !important;
  color:#fff !important;
  background:
    radial-gradient(rgba(230,0,115,.23) 2px, transparent 2px) 24px 50px/16px 16px,
    linear-gradient(180deg, rgba(0,0,0,.38), rgba(0,0,0,.90)),
    var(--about-card-img) center/cover no-repeat,
    #050505 !important;
  box-shadow:0 28px 84px rgba(0,0,0,.20), 0 0 0 1px rgba(255,255,255,.025) inset !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:flex-end !important;
  align-items:flex-start !important;
  text-align:left !important;
  overflow:visible !important;
  isolation:isolate;
  transition:transform .24s ease, box-shadow .24s ease, border-color .24s ease, filter .24s ease !important;
}

.hember-onepage #entregas .about-card:hover,
.hember-onepage #entregas .about-card:focus-within{
  transform:translateY(-6px) !important;
  border-color:rgba(230,0,115,.95) !important;
  box-shadow:0 38px 104px rgba(0,0,0,.28), 0 0 0 1px rgba(230,0,115,.20) inset !important;
  filter:saturate(1.05) contrast(1.02);
}

.hember-onepage #entregas .about-card::before{
  content:"";
  position:absolute;
  left:32px !important;
  top:-34px !important;
  transform:none !important;
  width:72px !important;
  height:72px !important;
  border-radius:50% !important;
  background:#fff var(--about-card-logo) center/70% auto no-repeat !important;
  box-shadow:0 14px 36px rgba(0,0,0,.22) !important;
  z-index:4 !important;
}

.hember-onepage #entregas .about-card::after{
  content:"";
  position:absolute;
  right:22px !important;
  bottom:20px !important;
  width:84px !important;
  height:84px !important;
  border-radius:50% !important;
  background:repeating-conic-gradient(from 10deg, rgba(230,0,115,.54) 0deg 8deg, transparent 8deg 15deg) !important;
  -webkit-mask:radial-gradient(circle, transparent 0 46%, #000 47% 100%) !important;
  mask:radial-gradient(circle, transparent 0 46%, #000 47% 100%) !important;
  opacity:.58 !important;
  pointer-events:none !important;
  z-index:1 !important;
}

.hember-onepage #entregas .about-card-title,
.hember-onepage #entregas .about-card-text{
  position:relative !important;
  z-index:3 !important;
  text-shadow:0 2px 18px rgba(0,0,0,.70);
}

.hember-onepage #entregas .about-card-title{
  margin:0 0 12px !important;
  color:#fff !important;
  font-size:clamp(25px, 2vw, 34px) !important;
  line-height:1.02 !important;
  font-weight:950 !important;
  letter-spacing:-.5px;
}

.hember-onepage #entregas .about-card-text{
  max-width:360px !important;
  color:rgba(255,255,255,.88) !important;
  font-size:16px !important;
  line-height:1.55 !important;
  font-weight:800 !important;
}

/* Formulário único Streamer / Outros */
.application-form-section{
  position:relative;
  overflow:hidden;
  background:#fff;
  color:#111;
  padding:82px 0;
  isolation:isolate;
}

.application-form-section::before{
  content:"";
  position:absolute;
  right:-90px;
  top:34px;
  width:250px;
  height:250px;
  border-radius:50%;
  background:repeating-conic-gradient(from 18deg, rgba(230,0,115,.18) 0deg 8deg, transparent 8deg 15deg);
  -webkit-mask:radial-gradient(circle, transparent 0 48%, #000 49% 100%);
  mask:radial-gradient(circle, transparent 0 48%, #000 49% 100%);
  pointer-events:none;
}

.application-form-section::after{
  content:"";
  position:absolute;
  left:5%;
  bottom:38px;
  width:260px;
  height:150px;
  background-image:radial-gradient(rgba(230,0,115,.16) 2px, transparent 2px);
  background-size:18px 18px;
  opacity:.62;
  pointer-events:none;
}

.application-form-wrap{
  position:relative;
  z-index:1;
  max-width:980px;
  margin:0 auto;
  padding:34px;
  border:1px solid rgba(230,0,115,.18);
  border-radius:32px;
  background:rgba(255,255,255,.92);
  box-shadow:0 30px 90px rgba(0,0,0,.10);
}

.application-form-head{
  text-align:center;
  margin-bottom:24px;
}

.application-form-title{
  margin:0 0 10px;
  color:#E60073;
  font-size:clamp(36px, 5vw, 64px);
  line-height:.92;
  font-weight:950;
  letter-spacing:-1.4px;
  text-transform:uppercase;
}

.application-form-sub{
  margin:0;
  color:rgba(0,0,0,.72);
  font-size:16px;
  line-height:1.55;
  font-weight:700;
}

.application-type-field{
  max-width:420px;
  margin:0 auto 28px;
}

.application-type-field label{
  display:block;
  margin:0 0 8px;
  color:#111;
  font-weight:950;
  text-transform:uppercase;
  font-size:13px;
  letter-spacing:.04em;
}

.application-type-field select{
  width:100%;
  min-height:52px;
  border:1px solid rgba(230,0,115,.34);
  border-radius:16px;
  padding:0 14px;
  color:#111;
  background:#fff;
  font-size:16px;
  font-weight:900;
  outline:none;
}

.application-type-field select:focus{
  border-color:rgba(230,0,115,.85);
  box-shadow:0 0 0 4px rgba(230,0,115,.14);
}

.application-panel[hidden]{
  display:none !important;
}

.application-panel{
  padding:26px;
  border-radius:24px;
  background:#fafafa;
  border:1px solid rgba(0,0,0,.08);
}

.application-panel-title{
  margin:0 0 6px;
  color:#111;
  font-size:26px;
  line-height:1.05;
  font-weight:950;
  text-transform:uppercase;
  text-align:center;
}

.application-panel-sub{
  margin:0 0 22px;
  color:rgba(0,0,0,.64);
  font-weight:750;
  text-align:center;
}

.application-inner-form{
  background:transparent !important;
}

.application-form-section .btn-cta{
  min-height:52px;
  padding:0 24px;
  font-weight:950;
  letter-spacing:.03em;
  text-transform:uppercase;
}

@media (max-width:980px){
  .hero-public-logo{ width:160px; }

  .hember-onepage #entregas .about-cards{
    grid-template-columns:1fr 1fr !important;
  }
}

@media (max-width:720px){
  .hero-public-logo{ width:138px; margin-bottom:14px; }
  .hero-static .hero-main-cta,
  .hero-static a.hero-main-cta{
    min-height:54px !important;
    padding:0 24px !important;
    font-size:14px !important;
    width:100%;
    max-width:330px;
  }
  .hember-onepage #entregas .about-cards{
    grid-template-columns:1fr !important;
    gap:46px !important;
  }
  .hember-onepage #entregas .about-card{
    min-height:250px !important;
    padding:72px 22px 32px !important;
  }
  .application-form-wrap{
    padding:22px;
    border-radius:24px;
  }
  .application-panel{
    padding:18px;
    border-radius:18px;
  }
}

/* =========================================================
   AJUSTES ONE PAGE - DEPOIMENTOS / ENTREGAS / FAQ
========================================================= */
.hember-onepage #depoimentos .t-heading-wrap,
.hember-onepage #depoimentos .t-title,
.hember-onepage #depoimentos .t-sub{
  text-align:center !important;
}

.hember-onepage #depoimentos .t-title{
  color:var(--hember-pink, #E60073) !important;
  font-style:normal !important;
}

.hember-onepage #sobre .qs-title{
  white-space:nowrap !important;
}

.hember-onepage #entregas .about-h2,
.hember-onepage #entregas .about-lead{
  text-align:center !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

.hember-onepage #entregas .about-cards{
  margin-top:64px !important;
}

.hember-onepage #entregas .about-card{
  min-height:275px !important;
  padding:78px 30px 42px !important;
  justify-content:center !important;
  align-items:center !important;
  text-align:center !important;
  background:
    radial-gradient(circle at 86% 72%, rgba(230,0,115,.16), transparent 24%),
    radial-gradient(circle at 18% 22%, rgba(230,0,115,.12), transparent 22%),
    radial-gradient(rgba(230,0,115,.32) 2px, transparent 2px) 22px 28px/17px 17px,
    linear-gradient(135deg, rgba(230,0,115,.12), transparent 42%),
    #050505 !important;
  background-blend-mode:normal, normal, normal, normal, normal !important;
  overflow:hidden !important;
}

.hember-onepage #entregas .about-card::before{
  left:50% !important;
  top:-34px !important;
  transform:translateX(-50%) !important;
}

.hember-onepage #entregas .about-card::after{
  right:24px !important;
  bottom:24px !important;
  opacity:.62 !important;
}

.hember-onepage #entregas .about-card-title,
.hember-onepage #entregas .about-card-text{
  text-align:center !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

.hember-onepage #entregas .about-card-title{
  margin-bottom:14px !important;
}

.hember-onepage #entregas .about-card-text{
  max-width:390px !important;
}

.hember-onepage #requisitos .live-h2,
.hember-onepage #requisitos .live-sub{
  text-align:center !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

.hember-onepage .live-strip-title{
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  gap:0 !important;
  line-height:.88 !important;
}

.hember-onepage .live-strip-title > span{
  display:block !important;
}

.hember-onepage .live-strip-sub{
  margin-top:18px !important;
  line-height:1.25 !important;
  max-width:420px !important;
}

.faq-page .faq-hero .faq-question-marks{
  gap:26px !important;
  min-height:315px !important;
}

.faq-question-mark{
  flex:0 0 30% !important;
  max-width:210px !important;
  min-width:150px !important;
  height:292px !important;
  border-radius:28px !important;
  position:relative !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  color:var(--hember-pink, #E60073) !important;
  font-size:clamp(110px, 8vw, 170px) !important;
  line-height:1 !important;
  font-weight:950 !important;
  background:
    radial-gradient(rgba(230,0,115,.28) 2px, transparent 2px) 16px 18px/18px 18px,
    linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.015)),
    #080808 !important;
  border:2px solid rgba(230,0,115,.58) !important;
  box-shadow:0 24px 62px rgba(0,0,0,.34), 0 0 0 1px rgba(255,255,255,.04) inset !important;
  overflow:hidden !important;
  text-shadow:
    3px 3px 0 rgba(0,185,255,.72),
    -3px -2px 0 rgba(255,255,255,.18),
    0 20px 38px rgba(230,0,115,.28) !important;
  will-change:transform;
}

.faq-question-mark::before{
  content:"" !important;
  position:absolute !important;
  right:-26px !important;
  bottom:-26px !important;
  width:98px !important;
  height:98px !important;
  border-radius:50% !important;
  background:repeating-conic-gradient(from 10deg, rgba(230,0,115,.48) 0deg 8deg, transparent 8deg 15deg) !important;
  -webkit-mask:radial-gradient(circle, transparent 0 46%, #000 47% 100%) !important;
  mask:radial-gradient(circle, transparent 0 46%, #000 47% 100%) !important;
  opacity:.7 !important;
}

.faq-question-mark span{
  position:relative !important;
  z-index:2 !important;
  display:block !important;
}

.faq-question-mark-1{ animation:hemberFaqFloatOne 2.8s ease-in-out infinite !important; }
.faq-question-mark-2{ animation:hemberFaqFloatTwo 3.1s ease-in-out infinite !important; }
.faq-question-mark-3{ animation:hemberFaqFloatThree 2.65s ease-in-out infinite !important; }
.faq-question-mark-2 span{ transform:rotate(180deg) !important; }

@keyframes hemberFaqFloatOne{
  0%,100%{ transform:translateY(16px); }
  50%{ transform:translateY(-6px); }
}

@keyframes hemberFaqFloatTwo{
  0%,100%{ transform:translateY(-12px); }
  50%{ transform:translateY(10px); }
}

@keyframes hemberFaqFloatThree{
  0%,100%{ transform:translateY(16px); }
  50%{ transform:translateY(-4px); }
}

@media (max-width:760px){
  .hember-onepage #sobre .qs-title{
    white-space:normal !important;
  }

  .faq-page .faq-hero .faq-question-marks{
    gap:12px !important;
    min-height:235px !important;
  }

  .faq-question-mark{
    height:220px !important;
    min-width:0 !important;
    border-radius:22px !important;
    font-size:clamp(78px, 22vw, 116px) !important;
  }
}


/* =========================================================
   AJUSTE HEMBER - FAQ COM INTERROGAÇÃO ÚNICA PULSANTE
   ========================================================= */
.faq-page .faq-hero .faq-question-marks.faq-question-marks--single{
  min-height:315px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:0 !important;
}

.faq-question-marks--single .faq-question-mark{
  display:none !important;
}

.faq-question-pulse{
  width:clamp(230px, 25vw, 390px) !important;
  height:clamp(230px, 25vw, 390px) !important;
  border-radius:50% !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  position:relative !important;
  isolation:isolate !important;
  color:var(--hember-pink, #E60073) !important;
  font-size:clamp(150px, 18vw, 300px) !important;
  font-weight:950 !important;
  line-height:1 !important;
  background:
    radial-gradient(rgba(230,0,115,.28) 2px, transparent 2px) 18px 22px/20px 20px,
    linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.015)),
    #080808 !important;
  border:2px solid rgba(230,0,115,.58) !important;
  box-shadow:0 26px 70px rgba(0,0,0,.38), 0 0 0 1px rgba(255,255,255,.05) inset !important;
  text-shadow:
    4px 4px 0 rgba(0,185,255,.72),
    -4px -3px 0 rgba(255,255,255,.18),
    0 20px 38px rgba(230,0,115,.30) !important;
  animation:hemberFaqHeartbeat 1.18s ease-in-out infinite !important;
  will-change:transform;
  overflow:hidden !important;
}

.faq-question-pulse::before{
  content:"" !important;
  position:absolute !important;
  right:-34px !important;
  bottom:-34px !important;
  width:132px !important;
  height:132px !important;
  border-radius:50% !important;
  background:repeating-conic-gradient(from 10deg, rgba(230,0,115,.48) 0deg 8deg, transparent 8deg 15deg) !important;
  -webkit-mask:radial-gradient(circle, transparent 0 46%, #000 47% 100%) !important;
  mask:radial-gradient(circle, transparent 0 46%, #000 47% 100%) !important;
  opacity:.76 !important;
  z-index:-1 !important;
}

.faq-question-pulse::after{
  content:"" !important;
  position:absolute !important;
  inset:-28px !important;
  border-radius:inherit !important;
  border:1px solid rgba(230,0,115,.25) !important;
  opacity:.72 !important;
  animation:hemberFaqHeartbeatRing 1.18s ease-in-out infinite !important;
  z-index:-2 !important;
}

@keyframes hemberFaqHeartbeat{
  0%, 100%{ transform:scale(1); }
  14%{ transform:scale(1.10); }
  28%{ transform:scale(.98); }
  42%{ transform:scale(1.06); }
  70%{ transform:scale(1); }
}

@keyframes hemberFaqHeartbeatRing{
  0%, 100%{ transform:scale(.96); opacity:.28; }
  18%{ transform:scale(1.08); opacity:.58; }
  42%{ transform:scale(1.16); opacity:.22; }
  70%{ transform:scale(1.02); opacity:.34; }
}

@media (max-width:760px){
  .faq-page .faq-hero .faq-question-marks.faq-question-marks--single{
    min-height:245px !important;
  }
  .faq-question-pulse{
    width:clamp(180px, 56vw, 260px) !important;
    height:clamp(180px, 56vw, 260px) !important;
    font-size:clamp(120px, 42vw, 195px) !important;
  }
}

/* =========================================================
   AJUSTE HEMBER - FAQ COM INTERROGAÇÃO ÚNICA SEM CÍRCULO
   ========================================================= */
.faq-page .faq-hero .faq-question-marks.faq-question-marks--single{
  min-height:315px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}

.faq-question-pulse{
  width:auto !important;
  height:auto !important;
  min-width:0 !important;
  min-height:0 !important;
  padding:0 !important;
  margin:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  overflow:visible !important;
  isolation:auto !important;
  display:inline-block !important;
  color:var(--hember-pink, #E60073) !important;
  font-size:clamp(190px, 22vw, 390px) !important;
  font-weight:950 !important;
  line-height:.78 !important;
  letter-spacing:-.08em !important;
  text-shadow:
    7px 7px 0 rgba(0,185,255,.78),
    -4px -4px 0 rgba(255,255,255,.16),
    0 24px 44px rgba(230,0,115,.34) !important;
  animation:hemberFaqHeartbeat 1.18s ease-in-out infinite !important;
  will-change:transform;
}

.faq-question-pulse::before,
.faq-question-pulse::after{
  display:none !important;
  content:none !important;
}

@media (max-width:760px){
  .faq-page .faq-hero .faq-question-marks.faq-question-marks--single{
    min-height:230px !important;
  }
  .faq-question-pulse{
    font-size:clamp(140px, 52vw, 230px) !important;
  }
}


/* =========================================================
   AJUSTE HEMBER - FAQ MAIS COMPACTO + FORMULÁRIO
   ========================================================= */
.hember-onepage.faq-page .faq-hero.hember-top-hero{
  min-height:320px !important;
  padding:30px 0 !important;
}

.hember-onepage.faq-page .faq-hero .hember-top-hero-grid{
  min-height:240px !important;
  align-items:center !important;
  gap:30px !important;
}

.hember-onepage.faq-page .faq-hero .hember-top-copy{
  align-self:center !important;
}

.hember-onepage.faq-page .faq-hero .hember-top-kicker{
  margin-bottom:10px !important;
}

.hember-onepage.faq-page .faq-hero .hember-top-line-pink{
  font-size:clamp(34px,3.6vw,58px) !important;
}

.hember-onepage.faq-page .faq-hero .hember-top-line-ghost{
  font-size:clamp(46px,4.7vw,76px) !important;
  margin-top:4px !important;
}

.hember-onepage.faq-page .faq-hero .hember-top-text{
  margin-top:14px !important;
  max-width:660px !important;
}

.hember-onepage.faq-page .faq-hero .faq-question-marks.faq-question-marks--single,
.hember-onepage.faq-page .faq-hero .hember-top-hero-photos{
  min-height:220px !important;
}

.hember-onepage.faq-page .faq-question-pulse{
  font-size:clamp(155px,17vw,300px) !important;
  line-height:.76 !important;
}

.hember-onepage.faq-page .faq-hero .hember-top-hero-grid::before{
  width:120px !important;
  height:120px !important;
  left:-72px !important;
  top:-18px !important;
}

.hember-onepage.faq-page .faq-hero .hember-top-hero-grid::after{
  top:42px !important;
  height:106px !important;
}

.hember-onepage .application-form-title{
  font-size:clamp(30px,3.9vw,50px) !important;
  line-height:.96 !important;
  letter-spacing:-1px !important;
}

@media (max-width:900px){
  .hember-onepage.faq-page .faq-hero.hember-top-hero{
    min-height:auto !important;
    padding:28px 0 !important;
  }

  .hember-onepage.faq-page .faq-hero .hember-top-hero-grid{
    min-height:auto !important;
    gap:20px !important;
  }

  .hember-onepage.faq-page .faq-hero .faq-question-marks.faq-question-marks--single,
  .hember-onepage.faq-page .faq-hero .hember-top-hero-photos{
    min-height:150px !important;
  }

  .hember-onepage.faq-page .faq-question-pulse{
    font-size:clamp(120px,34vw,190px) !important;
  }
}


/* =========================================================
   HEMBER PATCH 2026-05-07 - entrega: selo/logo sem corte
   ========================================================= */
.hember-onepage #entregas .about-cards{
  padding-top:44px !important;
  overflow:visible !important;
}
.hember-onepage #entregas .about-card{
  overflow:visible !important;
}
.hember-onepage #entregas .about-card::before{
  top:-42px !important;
  width:84px !important;
  height:84px !important;
  z-index:10 !important;
  background-size:68% auto !important;
  box-shadow:0 16px 38px rgba(0,0,0,.22) !important;
}
.hember-onepage #entregas .about-card::after{
  z-index:1 !important;
}
.hember-onepage #entregas .about-card-title,
.hember-onepage #entregas .about-card-text{
  z-index:3 !important;
}

/* =========================================================
   HEMBER PATCH - Entregas: logo/selo completo dentro do card
   ========================================================= */
.hember-onepage #entregas .about-cards{
  padding-top:0 !important;
  overflow:visible !important;
}
.hember-onepage #entregas .about-card{
  overflow:hidden !important;
  padding-top:104px !important;
}
.hember-onepage #entregas .about-card::before{
  top:18px !important;
  left:50% !important;
  transform:translateX(-50%) !important;
  width:76px !important;
  height:76px !important;
  z-index:10 !important;
  background-size:68% auto !important;
  box-shadow:0 14px 34px rgba(0,0,0,.20) !important;
}

/* =========================================================
   HEMBER PATCH - vídeos, logo única, fundos e remoção dos aros redondos
   ========================================================= */
:root{ --hember-official-logo:url('https://athirsonclemerdiasba1778026138000.2402048.meusitehostgator.com.br/wp-content/uploads/2026/06/HA-LOGO-NOVA-2.png'); }

/* Seção inicial em fundo branco */
.hember-onepage .hero-static{
  background:
    radial-gradient(900px 520px at 76% 44%, rgba(230,0,115,.10), transparent 62%),
    linear-gradient(90deg, #fff 0%, #fff 46%, #f8f8f8 100%) !important;
  color:#111 !important;
}
.hember-onepage .hero-static .hero-overlay{ background:transparent !important; }
.hember-onepage .hero-static .hero-title{ color:#E60073 !important; }
.hember-onepage .hero-static .hero-kicker,
.hember-onepage .hero-static .hero-sub{ color:#111 !important; }
.hember-onepage .hero-impact span{
  color:#111 !important;
  background:rgba(255,255,255,.78) !important;
  border-color:rgba(230,0,115,.55) !important;
  box-shadow:0 10px 28px rgba(230,0,115,.08) !important;
}
.hember-onepage .hero-tiktok-watermark{ opacity:.08 !important; }
.hember-onepage .hero-video-card{
  border-color:rgba(230,0,115,.35) !important;
  box-shadow:0 28px 90px rgba(0,0,0,.16) !important;
}

/* Quem Somos e Fundadora em fundo preto */
.hember-onepage #sobre.qs-section,
.hember-onepage #fundadora.about-section{
  background:#050505 !important;
  color:#fff !important;
}
.hember-onepage #sobre .qs-title,
.hember-onepage #sobre .qs-paragraph,
.hember-onepage #fundadora .about-h2,
.hember-onepage #fundadora h3,
.hember-onepage #fundadora p{
  color:#fff !important;
}
.hember-onepage #sobre .qs-paragraph,
.hember-onepage #fundadora p{ opacity:.88 !important; }
.hember-onepage #sobre .qs-media,
.hember-onepage #fundadora .about-founder-photo{
  border-color:rgba(230,0,115,.32) !important;
  box-shadow:0 28px 90px rgba(0,0,0,.34) !important;
}

/* Livestream: 3 vídeos sem som nos espaços da seção */
.live-page .live-join-video-card{
  background:#050505 !important;
  border:1px solid rgba(230,0,115,.55) !important;
}
.live-page .live-join-video{
  display:block !important;
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center !important;
  border:0 !important;
  outline:0 !important;
  background:#050505 !important;
}

/* Remove somente os frufruzinhos redondos/aros segmentados */
.hero-frill-arc,
.hero-frill-burst,
.b-section-hember .b-heading-wrap::before,
.b-section-hember .b-grid::before,
.b-benefit-card::after,
a.b-benefit-card::after,
.t-section-hember::before,
.t-section-hember::after,
.t-testimonial-card::after,
a.t-testimonial-card::after,
.qs-section::before,
.qs-section::after,
.qs-section .qs-grid::before,
.qs-section .qs-grid::after,
.ls-section .container::before,
.live-topic::before,
.live-topic .live-media::after,
.live-page .live-join-grid::before,
.live-page .live-join-photos::before,
.hember-top-hero-grid::before,
.hember-top-hero-photos::before,
.about-page #fundadora::before,
.about-page #diretoria::before,
.about-page .about-director-card::after,
.about-page #diretoria .about-director-card::after,
.about-page #o-que-fazemos .about-card::after,
.hember-onepage #entregas.about-what-section::after,
.hember-onepage #entregas .about-card::after,
.application-form-section::before,
.faq-question-mark::before,
.faq-question-pulse::before,
.faq-question-pulse::after{
  display:none !important;
  content:none !important;
  background:none !important;
  mask:none !important;
  -webkit-mask:none !important;
}

/* Mantém pontilhados e símbolos, removendo apenas os aros. */
.hero-frill-dots,
.hember-top-hero-grid::after,
.live-page .live-join-grid::after,
.ls-section .container::after{
  display:block !important;
}

@media (max-width:980px){
  .hember-onepage .hero-static{ padding:64px 0 48px !important; }
  .hember-onepage #sobre.qs-section,
  .hember-onepage #fundadora.about-section{ padding:64px 0 !important; }
}

/* =========================================================
   HEMBER PATCH - Hero público, Quem Somos e rodapé
   ========================================================= */
.hember-onepage .hero-static{
  background:
    radial-gradient(circle at 18% 26%, rgba(230,0,115,.06), transparent 28%),
    radial-gradient(circle at 76% 46%, rgba(230,0,115,.08), transparent 32%),
    linear-gradient(90deg, #ffffff 0%, #ffffff 55%, #f7f7f7 100%) !important;
  color:#111 !important;
}

.hember-onepage .hero-static::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  display:block !important;
  background-image:radial-gradient(rgba(230,0,115,.16) 2px, transparent 2px) !important;
  background-size:22px 22px !important;
  opacity:.22 !important;
  pointer-events:none !important;
  z-index:0 !important;
  mask:none !important;
  -webkit-mask:none !important;
}

.hember-onepage .hero-static .hero-overlay{
  display:none !important;
  background:transparent !important;
}

.hember-onepage .hero-bg-decor{
  opacity:1 !important;
}

.hember-onepage .hero-tiktok-watermark{
  opacity:.075 !important;
  background:#E60073 !important;
}

.hember-onepage .hero-frill,
.hember-onepage .hero-frill-arc,
.hember-onepage .hero-frill-burst{
  display:none !important;
}

.hember-onepage .hero-frill-dots{
  display:block !important;
  opacity:.32 !important;
}

.hember-onepage .hero-static .hero-text::before{
  display:none !important;
  content:none !important;
}

.hember-onepage .hero-public-logo img{
  filter:none !important;
}

.hember-onepage .hero-badges{
  display:flex !important;
  align-items:center !important;
  flex-wrap:wrap !important;
  gap:0 !important;
  margin:10px 0 18px !important;
}

.hember-onepage .hero-badge{
  min-height:42px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:0 20px !important;
  border-radius:999px !important;
  font-size:clamp(12px,1.08vw,16px) !important;
  line-height:1 !important;
  font-weight:950 !important;
  letter-spacing:.01em !important;
  text-transform:uppercase !important;
  white-space:nowrap !important;
  box-shadow:none !important;
}

.hember-onepage .hero-badge-outline{
  color:#050505 !important;
  background:#fff !important;
  border:2px solid #050505 !important;
  margin-right:-14px !important;
  padding-right:28px !important;
  position:relative !important;
  z-index:1 !important;
}

.hember-onepage .hero-badge-fill{
  color:#fff !important;
  background:#E60073 !important;
  border:2px solid #E60073 !important;
  position:relative !important;
  z-index:2 !important;
}

.hember-onepage .hero-static .hero-title.hero-title-message{
  max-width:720px !important;
  margin:0 !important;
  color:#050505 !important;
  font-size:clamp(28px,4vw,58px) !important;
  line-height:1.02 !important;
  letter-spacing:-1.5px !important;
  text-transform:none !important;
}

.hember-onepage .hero-static .hero-sub,
.hember-onepage .hero-impact{
  display:none !important;
}

.hember-onepage .hero-static .hero-actions{
  margin-top:30px !important;
}

.hember-onepage .hero-video-card{
  box-shadow:none !important;
  filter:none !important;
}

.hember-onepage .hero-video-wrap,
.hember-onepage .hero-video-card,
.hember-onepage .hero-video-card iframe,
.hember-onepage .hero-video-empty{
  filter:none !important;
}

.hember-onepage #sobre .qs-media{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  border-radius:0 !important;
  overflow:visible !important;
  min-height:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:0 !important;
}

.hember-onepage #sobre .qs-img{
  width:min(100%, 760px) !important;
  height:auto !important;
  max-height:360px !important;
  object-fit:contain !important;
  display:block !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  border-radius:0 !important;
}

.footer-bottom{
  background:#ffffff !important;
  border-top:1px solid rgba(0,0,0,.08) !important;
}

.footer-copy{
  color:#050505 !important;
}

.footer-social{
  border-color:#050505 !important;
  background:transparent !important;
}

.footer-social:hover{
  background:rgba(0,0,0,.06) !important;
}

.footer-social img{
  filter:brightness(0) saturate(100%) !important;
  -webkit-filter:brightness(0) saturate(100%) !important;
}

@media (max-width:760px){
  .hember-onepage .hero-badges{
    gap:8px !important;
  }
  .hember-onepage .hero-badge-outline{
    margin-right:0 !important;
    padding-right:20px !important;
  }
  .hember-onepage .hero-badge{
    width:100% !important;
    white-space:normal !important;
    text-align:center !important;
  }
  .hember-onepage .hero-static .hero-title.hero-title-message{
    font-size:clamp(28px,9vw,42px) !important;
  }
}

/* =========================================================
   HEMBER PATCH - hero copy + livestream 16:9 videos
   ========================================================= */
.hember-onepage .hero-static{
  min-height:720px !important;
}

.hember-onepage .hero-tiktok-watermark{
  right:18% !important;
  top:50% !important;
  width:min(60vw, 880px) !important;
  height:118vh !important;
  transform:translateY(-50%) rotate(-8deg) !important;
  opacity:.075 !important;
  -webkit-mask-size:contain !important;
  mask-size:contain !important;
}

.hember-onepage .hero-static .hero-title.hero-title-message{
  max-width:760px !important;
  margin:24px 0 0 !important;
  color:#050505 !important;
  font-size:clamp(46px,5.2vw,84px) !important;
  line-height:.94 !important;
  letter-spacing:-2px !important;
  font-weight:500 !important;
  text-transform:none !important;
}

.hember-onepage .hero-title-message span,
.hember-onepage .hero-title-message em{
  display:block !important;
}

.hember-onepage .hero-title-message span{
  color:#050505 !important;
  font-weight:500 !important;
}

.hember-onepage .hero-title-message em{
  margin-top:2px !important;
  color:#E60073 !important;
  font-family:Georgia, 'Times New Roman', serif !important;
  font-style:italic !important;
  font-weight:800 !important;
  letter-spacing:-2.6px !important;
}

.hember-onepage .hero-lead-message{
  max-width:760px !important;
  margin:22px 0 0 !important;
  color:#050505 !important;
  font-size:clamp(18px,1.55vw,26px) !important;
  line-height:1.22 !important;
  font-weight:500 !important;
}

.hember-onepage .hero-lead-message strong{
  font-weight:950 !important;
}

.hember-onepage .hero-static .hero-actions{
  margin-top:28px !important;
}

.hember-onepage .hero-badge-fill{
  text-transform:none !important;
}

.hember-onepage .hero-badge-fill::first-letter{
  text-transform:uppercase !important;
}

.live-page .live-join-grid{
  grid-template-columns:minmax(420px,.88fr) minmax(680px,1.12fr) !important;
  gap:42px !important;
}

.live-page .live-join-photos{
  display:grid !important;
  grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
  align-items:center !important;
  gap:22px !important;
  min-height:300px !important;
  justify-content:stretch !important;
}

.live-page .live-join-photo{
  width:100% !important;
  max-width:none !important;
  min-width:0 !important;
  height:auto !important;
  aspect-ratio:16/9 !important;
  border-radius:28px !important;
  flex:none !important;
}

.live-page .live-join-video{
  object-fit:cover !important;
  object-position:center center !important;
}

.live-page .live-join-photo-1{
  transform:translateY(20px) !important;
}
.live-page .live-join-photo-2{
  transform:translateY(-26px) !important;
}
.live-page .live-join-photo-3{
  transform:translateY(20px) !important;
}

@media (max-width:1180px){
  .live-page .live-join-grid{
    grid-template-columns:1fr !important;
  }
  .live-page .live-join-photos{
    max-width:980px !important;
    margin:0 auto !important;
  }
}

@media (max-width:760px){
  .hember-onepage .hero-static{
    min-height:auto !important;
  }
  .hember-onepage .hero-static .hero-title.hero-title-message{
    font-size:clamp(40px,12vw,58px) !important;
  }
  .hember-onepage .hero-lead-message{
    font-size:17px !important;
  }
  .hember-onepage .hero-tiktok-watermark{
    right:-36% !important;
    width:120vw !important;
    height:78vh !important;
    opacity:.055 !important;
  }
  .live-page .live-join-photos{
    grid-template-columns:1fr !important;
    max-width:560px !important;
    gap:18px !important;
  }
  .live-page .live-join-photo,
  .live-page .live-join-photo-1,
  .live-page .live-join-photo-2,
  .live-page .live-join-photo-3{
    transform:none !important;
  }
}

.hember-onepage .hero-badges .hero-badge.hero-badge-fill{
  text-transform:none !important;
}

/* =========================================================
   HEMBER PATCH - hero com copy própria + vídeos Livestream sem corte
   Ajuste final: tipografia padrão do site e cards em proporção vertical.
========================================================= */
.hember-onepage .hero-static .hero-title.hero-title-message{
  max-width:650px !important;
  margin:22px 0 0 !important;
  font-family:inherit !important;
  font-size:clamp(38px,4.25vw,66px) !important;
  line-height:.96 !important;
  letter-spacing:-1.8px !important;
  font-weight:950 !important;
  text-transform:none !important;
}

.hember-onepage .hero-title-message span,
.hember-onepage .hero-title-message em{
  display:block !important;
  font-family:inherit !important;
  font-style:normal !important;
  letter-spacing:inherit !important;
}

.hember-onepage .hero-title-message span{
  color:#050505 !important;
  font-weight:950 !important;
}

.hember-onepage .hero-title-message em{
  margin-top:4px !important;
  color:#E60073 !important;
  font-weight:950 !important;
}

.hember-onepage .hero-lead-message{
  max-width:620px !important;
  margin:20px 0 0 !important;
  color:#050505 !important;
  font-family:inherit !important;
  font-size:clamp(16px,1.28vw,21px) !important;
  line-height:1.38 !important;
  font-weight:750 !important;
}

.hember-onepage .hero-badges .hero-badge.hero-badge-fill{
  text-transform:none !important;
}

.live-page .live-join-grid{
  grid-template-columns:minmax(390px,.82fr) minmax(700px,1.18fr) !important;
  gap:44px !important;
}

.live-page .live-join-photos{
  display:grid !important;
  grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
  align-items:center !important;
  justify-content:stretch !important;
  gap:22px !important;
  min-height:450px !important;
}

.live-page .live-join-photo{
  width:100% !important;
  max-width:260px !important;
  min-width:0 !important;
  height:auto !important;
  aspect-ratio:9/16 !important;
  border-radius:30px !important;
  flex:none !important;
  background:#050505 !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

.live-page .live-join-video{
  width:100% !important;
  height:100% !important;
  display:block !important;
  object-fit:contain !important;
  object-position:center center !important;
  background:#050505 !important;
}

.live-page .live-join-photo-1{ transform:translateY(20px) !important; }
.live-page .live-join-photo-2{ transform:translateY(-24px) !important; }
.live-page .live-join-photo-3{ transform:translateY(20px) !important; }

@media (max-width:1180px){
  .live-page .live-join-grid{
    grid-template-columns:1fr !important;
  }
  .live-page .live-join-photos{
    max-width:860px !important;
    margin:0 auto !important;
    min-height:420px !important;
  }
}

@media (max-width:760px){
  .hember-onepage .hero-static .hero-title.hero-title-message{
    font-size:clamp(34px,10vw,48px) !important;
    max-width:100% !important;
  }
  .hember-onepage .hero-lead-message{
    font-size:16px !important;
  }
  .live-page .live-join-photos{
    grid-template-columns:1fr !important;
    max-width:280px !important;
    min-height:auto !important;
    gap:18px !important;
  }
  .live-page .live-join-photo,
  .live-page .live-join-photo-1,
  .live-page .live-join-photo-2,
  .live-page .live-join-photo-3{
    max-width:260px !important;
    transform:none !important;
  }
}

/* =========================================================
   HEMBER PATCH - ajustes finais Livestream + redes sociais mobile
   - Sobe o enquadramento dos vídeos 2 e 3 sem alterar o card.
   - Mantém os 4 cards sociais lado a lado no mobile com tamanho reduzido.
========================================================= */
.live-page .live-join-photo-2,
.live-page .live-join-photo-3{
  overflow:hidden !important;
}

.live-page .live-join-photo-2 .live-join-video{
  object-fit:cover !important;
  object-position:center top !important;
  transform:translateY(-8%) scale(1.14) !important;
  transform-origin:center top !important;
}

.live-page .live-join-photo-3 .live-join-video{
  object-fit:cover !important;
  object-position:center top !important;
  transform:translateY(-9%) scale(1.15) !important;
  transform-origin:center top !important;
}

@media (max-width:760px){
  .faq-social{
    padding:36px 0 44px !important;
  }
  .faq-social-title{
    font-size:clamp(24px, 8vw, 34px) !important;
    line-height:1.02 !important;
  }
  .faq-social-sub{
    font-size:14px !important;
    line-height:1.35 !important;
    max-width:100% !important;
  }
  .faq-social-grid{
    grid-template-columns:repeat(4, minmax(0, 1fr)) !important;
    gap:8px !important;
    margin-top:18px !important;
  }
  .faq-social-card{
    min-height:78px !important;
    padding:10px 4px !important;
    border-radius:14px !important;
    gap:7px !important;
  }
  .faq-social-ico-img{
    width:26px !important;
    height:26px !important;
  }
  .faq-social-label{
    font-size:10px !important;
    line-height:1 !important;
    letter-spacing:0 !important;
    white-space:nowrap !important;
  }
}

@media (max-width:380px){
  .faq-social-grid{
    gap:6px !important;
  }
  .faq-social-card{
    min-height:70px !important;
    padding:8px 2px !important;
    border-radius:12px !important;
  }
  .faq-social-ico-img{
    width:23px !important;
    height:23px !important;
  }
  .faq-social-label{
    font-size:9px !important;
  }
}

/* =========================================================
   HEMBER PATCH - Livestream final + Hero mobile order
   - Ajusta os vídeos 2 e 3 para reduzir o excesso preto superior.
   - No mobile, a hero pública fica: vídeo, logo, badges, texto e botão.
========================================================= */
.live-page .live-join-video-card,
.live-page .live-join-photo{
  overflow:hidden !important;
  background:#050505 !important;
}

.live-page .live-join-video{
  display:block !important;
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  background:#050505 !important;
}

.live-page .live-join-photo-1 .live-join-video{
  object-position:center top !important;
  transform:translateY(-4%) scale(1.10) !important;
  transform-origin:center top !important;
}

.live-page .live-join-photo-2 .live-join-video{
  object-position:center top !important;
  transform:translateY(-20%) scale(1.38) !important;
  transform-origin:center top !important;
}

.live-page .live-join-photo-3 .live-join-video{
  object-position:center top !important;
  transform:translateY(-18%) scale(1.34) !important;
  transform-origin:center top !important;
}

@media (max-width:760px){
  .hember-onepage .hero-static{
    padding:28px 0 44px !important;
    min-height:auto !important;
  }

  .hember-onepage .hero-static-content{
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:20px !important;
    min-height:0 !important;
    text-align:center !important;
  }

  .hember-onepage .hero-video-wrap{
    order:1 !important;
    width:100% !important;
    flex:0 0 auto !important;
    display:flex !important;
    justify-content:center !important;
    align-items:center !important;
  }

  .hember-onepage .hero-video-card{
    width:min(78vw, 320px) !important;
    max-width:320px !important;
    margin:0 auto !important;
  }

  .hember-onepage .hero-text{
    order:2 !important;
    width:100% !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:flex-start !important;
  }

  .hember-onepage .hero-public-logo{
    order:1 !important;
    width:min(190px, 58vw) !important;
    margin:4px auto 10px !important;
    justify-content:center !important;
  }

  .hember-onepage .hero-badges{
    order:2 !important;
    width:100% !important;
    max-width:360px !important;
    display:flex !important;
    flex-direction:row !important;
    flex-wrap:nowrap !important;
    justify-content:center !important;
    align-items:center !important;
    gap:0 !important;
    margin:0 auto 18px !important;
  }

  .hember-onepage .hero-badge{
    width:auto !important;
    min-height:34px !important;
    padding:0 12px !important;
    font-size:clamp(9px, 2.65vw, 12px) !important;
    line-height:1 !important;
    white-space:nowrap !important;
    text-align:center !important;
  }

  .hember-onepage .hero-badge-outline{
    margin-right:-10px !important;
    padding-right:18px !important;
    z-index:1 !important;
  }

  .hember-onepage .hero-badge-fill{
    z-index:2 !important;
  }

  .hember-onepage .hero-static .hero-title.hero-title-message{
    order:3 !important;
    max-width:92vw !important;
    margin:0 auto !important;
    font-size:clamp(30px, 9.2vw, 46px) !important;
    line-height:1.02 !important;
    letter-spacing:-.9px !important;
    text-align:center !important;
  }

  .hember-onepage .hero-lead-message{
    order:4 !important;
    max-width:92vw !important;
    margin:14px auto 0 !important;
    font-size:15px !important;
    line-height:1.35 !important;
    text-align:center !important;
  }

  .hember-onepage .hero-static .hero-actions{
    order:5 !important;
    width:100% !important;
    justify-content:center !important;
    margin-top:20px !important;
  }

  .hember-onepage .hero-static .hero-main-cta,
  .hember-onepage .hero-static a.hero-main-cta{
    width:min(92vw, 320px) !important;
    max-width:320px !important;
  }
}

@media (max-width:390px){
  .hember-onepage .hero-badge{
    font-size:9px !important;
    padding:0 9px !important;
  }
  .hember-onepage .hero-badge-outline{
    padding-right:16px !important;
  }
}

/* =========================================================
   HEMBER PATCH - Diretoria mobile + Enquadramento admin dos vídeos
   - Diretoria no mobile mantém foto à esquerda e texto à direita.
   - Admin pode clicar com botão direito nos vídeos do #Livestream para enquadrar.
========================================================= */
.live-page .live-join-video-card{
  --hv-scale:1;
  --hv-x:0%;
  --hv-y:0%;
  position:relative !important;
}

.live-page .live-join-video-card .live-join-video,
.live-page .live-join-photo-1 .live-join-video,
.live-page .live-join-photo-2 .live-join-video,
.live-page .live-join-photo-3 .live-join-video{
  width:100% !important;
  height:100% !important;
  display:block !important;
  object-fit:cover !important;
  object-position:center top !important;
  transform:translate(var(--hv-x, 0%), var(--hv-y, 0%)) scale(var(--hv-scale, 1)) !important;
  transform-origin:center top !important;
  will-change:transform !important;
  background:#050505 !important;
}

.live-page .live-video-admin-enabled{
  cursor:context-menu !important;
}

.video-frame-admin-hint{
  position:absolute;
  left:12px;
  right:12px;
  bottom:12px;
  z-index:5;
  display:block;
  padding:8px 10px;
  border-radius:999px;
  background:rgba(0,0,0,.72);
  color:#fff;
  font-size:11px;
  line-height:1;
  font-weight:900;
  text-align:center;
  opacity:0;
  transform:translateY(8px);
  transition:opacity .18s ease, transform .18s ease;
  pointer-events:none;
}

.live-video-admin-enabled:hover .video-frame-admin-hint{
  opacity:1;
  transform:translateY(0);
}

.video-frame-modal{
  position:fixed;
  inset:0;
  z-index:999999;
  display:none;
  align-items:center;
  justify-content:center;
  padding:22px;
  background:rgba(0,0,0,.68);
}

.video-frame-modal.is-open{
  display:flex;
}

.video-frame-panel{
  width:min(520px, 100%);
  border-radius:24px;
  border:1px solid rgba(230,0,115,.42);
  background:#090909;
  color:#fff;
  box-shadow:0 30px 110px rgba(0,0,0,.55);
  padding:26px;
  position:relative;
  transform:translate(var(--vf-drag-x, 0px), var(--vf-drag-y, 0px));
  cursor:grab;
  user-select:none;
}

.video-frame-panel.is-dragging{
  cursor:grabbing;
}

.video-frame-panel button,
.video-frame-panel input,
.video-frame-panel label{
  user-select:auto;
}

.video-frame-close{
  position:absolute;
  right:14px;
  top:12px;
  width:38px;
  height:38px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:999px;
  background:#151515;
  color:#fff;
  font-size:24px;
  font-weight:900;
  cursor:pointer;
}

.video-frame-panel h3{
  margin:0 46px 8px 0;
  font-size:24px;
  line-height:1;
  font-weight:950;
  color:#E60073;
}

.video-frame-panel p{
  margin:0 0 20px;
  color:rgba(255,255,255,.72);
  font-size:14px;
  line-height:1.45;
  font-weight:700;
}

.video-frame-fields{
  display:grid;
  gap:16px;
}

.video-frame-fields label{
  display:grid;
  grid-template-columns:140px 1fr 64px;
  gap:12px;
  align-items:center;
  font-size:13px;
  font-weight:900;
  color:#fff;
}

.video-frame-fields input[type="range"]{
  width:100%;
  accent-color:#E60073;
}

.video-frame-fields strong{
  text-align:right;
  color:#E60073;
  font-size:12px;
}

.video-frame-actions{
  display:flex;
  justify-content:flex-end;
  gap:10px;
  margin-top:22px;
}

.video-frame-actions button{
  min-height:44px;
  border-radius:999px;
  border:1px solid rgba(230,0,115,.42);
  padding:0 18px;
  font-weight:950;
  cursor:pointer;
}

.video-frame-actions [data-video-frame-reset]{
  background:#151515;
  color:#fff;
}

.video-frame-actions [data-video-frame-save]{
  background:#E60073;
  color:#050505;
  border-color:#E60073;
}

.video-frame-status{
  min-height:18px;
  margin-top:12px;
  font-size:12px;
  font-weight:850;
  color:#E60073;
  text-align:right;
}

@media (hover:none), (pointer:coarse), (max-width:768px){
  .video-frame-admin-hint,
  .video-frame-modal{
    display:none !important;
  }
}

@media (max-width:520px){
  .about-page #diretoria .about-director-card,
  .about-page .about-director-card{
    display:grid !important;
    grid-template-columns:96px minmax(0,1fr) !important;
    gap:14px !important;
    align-items:center !important;
    text-align:left !important;
    min-height:142px !important;
    padding:14px !important;
    max-width:100% !important;
  }

  .about-page #diretoria .about-director-info,
  .about-page .about-director-info{
    text-align:left !important;
  }

  .about-page #diretoria .about-director-photo,
  .about-page .about-director-photo{
    width:96px !important;
    height:118px !important;
    min-height:118px !important;
    border-radius:18px !important;
  }

  .about-page #diretoria .about-director-info h3,
  .about-page .about-director-info h3{
    font-size:20px !important;
    line-height:1.05 !important;
    margin-bottom:6px !important;
  }

  .about-page #diretoria .about-director-role,
  .about-page .about-director-role{
    font-size:12px !important;
    margin-bottom:6px !important;
  }

  .about-page #diretoria .about-director-info p,
  .about-page .about-director-info p{
    font-size:12px !important;
    line-height:1.35 !important;
  }

  .video-frame-panel{
    padding:22px 16px;
  }

  .video-frame-fields label{
    grid-template-columns:1fr;
    gap:8px;
  }

  .video-frame-fields strong{
    text-align:left;
  }

  .video-frame-actions{
    flex-direction:column;
  }
}

/* =========================================================
   HEMBER PATCH - Livestream mobile: 3 vídeos lado a lado
   Mantém o enquadramento salvo do admin e reduz apenas o tamanho
   dos cards em telas menores.
========================================================= */
@media (max-width:760px){
  .live-page .live-join-grid{
    gap:22px !important;
  }

  .live-page .live-join-copy{
    text-align:left !important;
  }

  .live-page .live-join-photos{
    order:2 !important;
    width:100% !important;
    max-width:100% !important;
    min-height:0 !important;
    margin:8px auto 0 !important;
    display:grid !important;
    grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
    gap:8px !important;
    align-items:start !important;
    justify-items:center !important;
  }

  .live-page .live-join-photo,
  .live-page .live-join-video-card,
  .live-page .live-join-photo-1,
  .live-page .live-join-photo-2,
  .live-page .live-join-photo-3{
    width:100% !important;
    max-width:112px !important;
    min-width:0 !important;
    height:auto !important;
    aspect-ratio:9/16 !important;
    border-radius:18px !important;
    transform:none !important;
    margin:0 auto !important;
    box-shadow:0 14px 36px rgba(0,0,0,.30) !important;
  }

  .live-page .live-join-video-card .live-join-video,
  .live-page .live-join-photo-1 .live-join-video,
  .live-page .live-join-photo-2 .live-join-video,
  .live-page .live-join-photo-3 .live-join-video{
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    object-position:center top !important;
    transform:translate(var(--hv-x, 0%), var(--hv-y, 0%)) scale(var(--hv-scale, 1)) !important;
    transform-origin:center top !important;
  }

  .live-page .live-join-photos::before,
  .live-page .live-join-photos::after{
    display:none !important;
  }
}

@media (max-width:390px){
  .live-page .live-join-photos{
    gap:6px !important;
  }

  .live-page .live-join-photo,
  .live-page .live-join-video-card,
  .live-page .live-join-photo-1,
  .live-page .live-join-photo-2,
  .live-page .live-join-photo-3{
    max-width:98px !important;
    border-radius:16px !important;
  }
}

/* =========================================================
   HEMBER PATCH - candidatura externa + ajustes solicitados
   - Títulos Quem Somos/Fundadora em rosa.
   - Rodapé inferior branco com texto/ícones rosa.
   - Requisitos mobile em 4 cards lado a lado, padrão social.
========================================================= */
.hember-onepage #sobre .qs-title,
.hember-onepage #fundadora .about-h2{
  color:#E60073 !important;
}

.footer-bottom{
  background:#ffffff !important;
  border-top:1px solid rgba(230,0,115,.18) !important;
}
.footer-copy{
  color:#E60073 !important;
}
.footer-social{
  border-color:#E60073 !important;
  color:#E60073 !important;
  background:transparent !important;
}
.footer-social:hover{
  background:rgba(230,0,115,.08) !important;
}
.footer-social img{
  filter:brightness(0) saturate(100%) invert(14%) sepia(94%) saturate(6774%) hue-rotate(322deg) brightness(91%) contrast(107%) !important;
  -webkit-filter:brightness(0) saturate(100%) invert(14%) sepia(94%) saturate(6774%) hue-rotate(322deg) brightness(91%) contrast(107%) !important;
}

@media (max-width:760px){
  .live-req{
    padding:40px 0 44px !important;
  }
  .live-req .container{
    overflow:visible !important;
  }
  .live-req-grid{
    display:grid !important;
    grid-template-columns:repeat(4, minmax(0, 1fr)) !important;
    gap:8px !important;
    align-items:stretch !important;
    margin-top:18px !important;
  }
  .live-req-card{
    min-height:92px !important;
    padding:10px 4px !important;
    border-radius:14px !important;
    gap:7px !important;
    box-shadow:0 12px 26px rgba(0,0,0,.05) !important;
  }
  .live-req-icon-mask,
  .live-req-card img{
    width:28px !important;
    height:28px !important;
    min-width:28px !important;
    min-height:28px !important;
    margin:0 auto !important;
  }
  .live-req-card div{
    font-size:9.5px !important;
    line-height:1.12 !important;
    letter-spacing:-.15px !important;
    font-weight:900 !important;
    text-align:center !important;
    color:#050505 !important;
  }
}

@media (max-width:380px){
  .live-req-grid{
    gap:6px !important;
  }
  .live-req-card{
    min-height:84px !important;
    padding:8px 2px !important;
    border-radius:12px !important;
  }
  .live-req-icon-mask,
  .live-req-card img{
    width:24px !important;
    height:24px !important;
    min-width:24px !important;
    min-height:24px !important;
  }
  .live-req-card div{
    font-size:8.3px !important;
    line-height:1.08 !important;
  }
}

/* Trabalhe na Hember: faixa #VemPraHember no topo */
.work-page .work-top-strip{
  margin-top:0 !important;
  border-top:0 !important;
}
.work-page .work-top-strip .live-arrows span{
  border-left-color:#E60073 !important;
}
.work-page .work-top-strip .live-strip-title{
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  line-height:.88 !important;
}
.work-page .work-top-strip .live-strip-title > span{
  display:block !important;
}
.work-page .work-top-strip .live-strip-sub{
  margin-top:18px !important;
  line-height:1.25 !important;
  max-width:420px !important;
}
@media (max-width:720px){
  .work-page .work-top-strip{ padding:38px 0 !important; }
  .work-page .work-top-strip .live-strip-grid{ align-items:flex-start !important; }
  .work-page .work-top-strip .live-arrows{ gap:7px !important; transform:scale(.78); transform-origin:right center; }
}



/* Correção dos ícones dos números no mobile */
@media (max-width: 720px){
  .stats-grid .stat-icon{
    display:block !important;
    width:34px !important;
    height:34px !important;
    min-width:34px !important;
    min-height:34px !important;
    margin:0 auto 6px !important;
    opacity:1 !important;
    visibility:visible !important;
    background-size:contain !important;
    background-position:center !important;
    background-repeat:no-repeat !important;
    overflow:visible !important;
  }
  .stats-grid .stat-icon img{
    display:block !important;
    width:100% !important;
    height:100% !important;
    object-fit:contain !important;
    opacity:1 !important;
    visibility:visible !important;
  }
  .stats-grid .stat-number{
    font-size: clamp(24px, 7vw, 34px) !important;
    line-height:1 !important;
  }
  .stats-grid .stat-label{
    font-size: 11px !important;
    line-height:1.15 !important;
  }
}

/* =========================================================
   HEMBER PATCH - rodapé, mobile sobre/fundadora, entregas e requisitos
   ========================================================= */
:root{
  --hember-pink-official:#E60073;
  --hember-black-official:#050505;
}

/* Rodapé no padrão preto/rosa com setas e base centralizada */
.site-footer{
  background:#050505 !important;
  color:#fff !important;
  border-top:1px solid rgba(230,0,115,.38) !important;
  margin-top:0 !important;
}
.site-footer .footer-top{
  background:#050505 !important;
  border-top:0 !important;
  border-bottom:1px solid rgba(230,0,115,.28) !important;
}
.site-footer .footer-grid{
  grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
  gap:64px !important;
  padding:54px 0 50px !important;
}
.site-footer .footer-brand-col{
  display:none !important;
}
.site-footer .footer-title{
  color:#E60073 !important;
  font-size:17px !important;
  font-weight:950 !important;
  text-transform:uppercase !important;
  letter-spacing:.02em !important;
  margin-bottom:20px !important;
}
.site-footer .footer-links{
  gap:16px !important;
}
.site-footer .footer-links a{
  position:relative !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:18px !important;
  color:#fff !important;
  font-size:18px !important;
  font-weight:650 !important;
  line-height:1.25 !important;
  text-decoration:none !important;
}
.site-footer .footer-links a::after{
  content:"›" !important;
  color:#E60073 !important;
  font-size:34px !important;
  font-weight:400 !important;
  line-height:1 !important;
  margin-left:auto !important;
  transform:translateY(-1px) !important;
}
.site-footer .footer-links a:hover{
  color:#E60073 !important;
}
.site-footer .footer-contact-row{
  display:flex !important;
  align-items:flex-start !important;
  gap:18px !important;
  margin-bottom:26px !important;
}
.site-footer .footer-contact-text{
  display:flex !important;
  flex-direction:column !important;
  gap:3px !important;
}
.site-footer .footer-contact-icon{
  width:42px !important;
  height:42px !important;
  min-width:42px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  color:#E60073 !important;
}
.site-footer .footer-contact-icon img{
  width:42px !important;
  height:42px !important;
  object-fit:contain !important;
  filter:brightness(0) saturate(100%) invert(14%) sepia(94%) saturate(6774%) hue-rotate(322deg) brightness(91%) contrast(107%) !important;
  -webkit-filter:brightness(0) saturate(100%) invert(14%) sepia(94%) saturate(6774%) hue-rotate(322deg) brightness(91%) contrast(107%) !important;
}
.site-footer .footer-contact-icon-mail::before{
  content:"" !important;
  width:38px !important;
  height:28px !important;
  display:block !important;
  border:4px solid #E60073 !important;
  border-radius:6px !important;
  background:
    linear-gradient(135deg, transparent 46%, #E60073 47% 53%, transparent 54%) left top/50% 100% no-repeat,
    linear-gradient(225deg, transparent 46%, #E60073 47% 53%, transparent 54%) right top/50% 100% no-repeat !important;
}
.site-footer .footer-contact-label{
  display:block !important;
  color:#fff !important;
  font-size:18px !important;
  font-weight:750 !important;
  margin:0 !important;
  line-height:1.25 !important;
}
.site-footer .footer-contact-val{
  color:rgba(255,255,255,.62) !important;
  font-size:18px !important;
  font-weight:500 !important;
  line-height:1.25 !important;
  text-decoration:none !important;
}
.site-footer .footer-contact-val:hover{
  color:#E60073 !important;
}
.site-footer .footer-bottom{
  background:#050505 !important;
  border-top:2px solid #E60073 !important;
  box-shadow:0 -10px 28px rgba(230,0,115,.22) !important;
}
.site-footer .footer-bottom-row{
  min-height:210px !important;
  padding:42px 0 46px !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  gap:20px !important;
  text-align:center !important;
}
.site-footer .footer-bottom-brand{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  line-height:0 !important;
}
.site-footer .footer-bottom-logo{
  width:210px !important;
  height:auto !important;
  max-width:70vw !important;
  display:block !important;
  object-fit:contain !important;
}
.site-footer .footer-copy{
  color:rgba(255,255,255,.72) !important;
  font-size:18px !important;
  font-weight:500 !important;
  line-height:1.45 !important;
}
.site-footer .footer-copy strong,
.site-footer .footer-copy a,
.site-footer .footer-copy em{
  color:#E60073 !important;
}
.site-footer .footer-socials{
  justify-content:center !important;
  gap:20px !important;
}
.site-footer .footer-social{
  width:66px !important;
  height:66px !important;
  border:3px solid #E60073 !important;
  border-radius:999px !important;
  background:rgba(230,0,115,.04) !important;
  box-shadow:0 0 20px rgba(230,0,115,.38) !important;
}
.site-footer .footer-social:hover{
  background:rgba(230,0,115,.14) !important;
  transform:translateY(-3px) scale(1.03) !important;
}
.site-footer .footer-social img{
  width:31px !important;
  height:31px !important;
  filter:brightness(0) saturate(100%) invert(14%) sepia(94%) saturate(6774%) hue-rotate(322deg) brightness(91%) contrast(107%) !important;
  -webkit-filter:brightness(0) saturate(100%) invert(14%) sepia(94%) saturate(6774%) hue-rotate(322deg) brightness(91%) contrast(107%) !important;
}

/* Quem Somos/Fundadora: imagem abaixo do título apenas no mobile */
.qs-media-mobile,
.about-founder-photo-mobile{
  display:none !important;
}
@media (max-width:760px){
  .hember-onepage #sobre .qs-grid{
    display:block !important;
  }
  .hember-onepage #sobre .qs-text{
    text-align:left !important;
  }
  .hember-onepage #sobre .qs-title,
  .hember-onepage #fundadora .about-h2{
    text-align:center !important;
    white-space:normal !important;
    color:#E60073 !important;
  }
  .hember-onepage #sobre .qs-media-mobile{
    display:flex !important;
    width:100% !important;
    max-width:280px !important;
    min-height:0 !important;
    margin:18px auto 26px !important;
    padding:0 !important;
    border:0 !important;
    box-shadow:none !important;
    background:transparent !important;
    border-radius:0 !important;
    overflow:visible !important;
  }
  .hember-onepage #sobre .qs-grid > .qs-media:not(.qs-media-mobile){
    display:none !important;
  }
  .hember-onepage #sobre .qs-media-mobile .qs-img{
    width:100% !important;
    height:auto !important;
    max-height:none !important;
    object-fit:contain !important;
    border:0 !important;
    box-shadow:none !important;
    background:transparent !important;
  }
  .hember-onepage #fundadora .about-founder-photo-mobile{
    display:flex !important;
    justify-content:center !important;
    margin:18px auto 26px !important;
    width:100% !important;
    border:0 !important;
    box-shadow:none !important;
    background:transparent !important;
  }
  .hember-onepage #fundadora .about-founder .about-founder-photo{
    display:none !important;
  }
  .hember-onepage #fundadora .about-founder{
    display:block !important;
    margin-top:0 !important;
  }
  .hember-onepage #fundadora .about-founder-photo-mobile .about-photo{
    width:min(100%, 340px) !important;
    height:auto !important;
    display:block !important;
    border-radius:24px !important;
  }
}

/* Entregas: frase, cards mais baixos e selo meio para fora/meio para dentro */
.hember-onepage #entregas .about-lead{
  font-weight:850 !important;
  color:rgba(0,0,0,.72) !important;
}
.hember-onepage #entregas .about-cards{
  padding-top:36px !important;
  margin-top:38px !important;
  overflow:visible !important;
}
.hember-onepage #entregas .about-card{
  min-height:220px !important;
  padding:56px 24px 30px !important;
  overflow:visible !important;
  border-radius:24px !important;
  justify-content:center !important;
}
.hember-onepage #entregas .about-card::before{
  top:-38px !important;
  left:50% !important;
  transform:translateX(-50%) !important;
  width:76px !important;
  height:76px !important;
  border-radius:999px !important;
  background:#fff var(--about-card-logo) center/68% auto no-repeat !important;
  z-index:12 !important;
  box-shadow:0 14px 36px rgba(0,0,0,.22) !important;
}
.hember-onepage #entregas .about-card-title{
  font-size:clamp(24px, 2.4vw, 34px) !important;
  line-height:1 !important;
  margin-bottom:12px !important;
}
.hember-onepage #entregas .about-card-text{
  font-size:clamp(14px, 1.25vw, 18px) !important;
  line-height:1.42 !important;
}
@media (max-width:760px){
  .hember-onepage #entregas .about-cards{
    grid-template-columns:1fr !important;
    gap:44px !important;
    padding-top:34px !important;
  }
  .hember-onepage #entregas .about-card{
    min-height:190px !important;
    padding:50px 18px 24px !important;
  }
  .hember-onepage #entregas .about-card::before{
    width:68px !important;
    height:68px !important;
    top:-34px !important;
  }
}

/* Requisitos mobile: 2 cards por linha, maiores e legíveis */
@media (max-width:760px){
  .live-req-grid{
    display:grid !important;
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
    gap:12px !important;
    margin-top:18px !important;
  }
  .live-req-card{
    min-height:132px !important;
    padding:16px 10px !important;
    border-radius:18px !important;
    gap:10px !important;
    background:#050505 !important;
    border:1px solid rgba(230,0,115,.48) !important;
    box-shadow:0 18px 40px rgba(0,0,0,.08) !important;
  }
  .live-req-icon-mask,
  .live-req-card img{
    width:42px !important;
    height:42px !important;
    min-width:42px !important;
    min-height:42px !important;
    margin:0 auto !important;
  }
  .live-req-card div{
    color:#fff !important;
    font-size:12px !important;
    line-height:1.18 !important;
    letter-spacing:0 !important;
    font-weight:900 !important;
    text-align:center !important;
  }
}
@media (max-width:380px){
  .live-req-grid{ gap:10px !important; }
  .live-req-card{ min-height:122px !important; padding:14px 8px !important; }
  .live-req-icon-mask,
  .live-req-card img{
    width:38px !important;
    height:38px !important;
    min-width:38px !important;
    min-height:38px !important;
  }
  .live-req-card div{ font-size:11px !important; }
}

@media (max-width:768px){
  .site-footer .footer-grid{
    grid-template-columns:1fr !important;
    gap:32px !important;
    padding:40px 28px 42px !important;
  }
  .site-footer .footer-col{
    padding-bottom:28px !important;
    border-bottom:1px solid rgba(230,0,115,.26) !important;
  }
  .site-footer .footer-col:last-child{
    padding-bottom:0 !important;
    border-bottom:0 !important;
  }
  .site-footer .footer-title{
    font-size:15px !important;
    margin-bottom:18px !important;
  }
  .site-footer .footer-links a{
    font-size:25px !important;
    line-height:1.35 !important;
  }
  .site-footer .footer-links a::after{
    font-size:40px !important;
  }
  .site-footer .footer-contact-label,
  .site-footer .footer-contact-val{
    font-size:22px !important;
  }
  .site-footer .footer-contact-val{
    color:rgba(255,255,255,.64) !important;
  }
  .site-footer .footer-bottom-row{
    min-height:260px !important;
    padding:44px 22px 52px !important;
  }
  .site-footer .footer-bottom-logo{
    width:210px !important;
  }
  .site-footer .footer-copy{
    font-size:17px !important;
  }
  .site-footer .footer-social{
    width:62px !important;
    height:62px !important;
    flex:0 0 62px !important;
  }
}
.site-footer .footer-copy span{ color:#E60073 !important; font-weight:750 !important; }

/* =========================================================
   HEMBER PATCH FINAL - rodapé compacto + mobile imagens sem duplicar
   ========================================================= */
.site-footer{
  background:#050505 !important;
  color:#fff !important;
}
.site-footer .footer-top{
  padding:0 !important;
  border-bottom:1px solid #E60073 !important;
}
.site-footer .footer-grid{
  grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
  gap:42px !important;
  padding:38px 0 34px !important;
}
.site-footer .footer-col{
  margin:0 !important;
}
.site-footer .footer-title{
  color:#E60073 !important;
  font-size:14px !important;
  line-height:1.15 !important;
  margin:0 0 14px !important;
  letter-spacing:.02em !important;
}
.site-footer .footer-links{
  display:flex !important;
  flex-direction:column !important;
  gap:9px !important;
  margin:0 !important;
  padding:0 !important;
}
.site-footer .footer-links li{
  margin:0 !important;
  padding:0 !important;
}
.site-footer .footer-links a,
.site-footer .footer-links a:visited,
.site-footer .footer-links a:active,
.site-footer .footer-links a:focus,
.site-footer .footer-links .current-menu-item > a,
.site-footer .footer-links a[aria-current="page"]{
  color:#fff !important;
  font-size:15px !important;
  line-height:1.16 !important;
  font-weight:750 !important;
  min-height:24px !important;
  padding:0 !important;
  text-decoration:none !important;
  box-shadow:none !important;
  outline:0 !important;
}
.site-footer .footer-links a:hover{
  color:#E60073 !important;
}
.site-footer .footer-links a::after{
  color:#E60073 !important;
  font-size:25px !important;
  line-height:1 !important;
  transform:none !important;
}
.site-footer .footer-contact-row{
  gap:12px !important;
  margin:0 0 16px !important;
  align-items:flex-start !important;
}
.site-footer .footer-contact-icon{
  width:34px !important;
  height:34px !important;
  min-width:34px !important;
}
.site-footer .footer-contact-icon img{
  width:34px !important;
  height:34px !important;
  object-fit:contain !important;
}
.site-footer .footer-contact-icon-mail::before{
  display:none !important;
  content:none !important;
}
.site-footer .footer-contact-icon-mail img{
  display:block !important;
  transform:rotate(180deg) !important;
  transform-origin:center !important;
}
.site-footer .footer-contact-label{
  color:#fff !important;
  font-size:15px !important;
  line-height:1.18 !important;
  font-weight:800 !important;
}
.site-footer .footer-contact-val{
  color:rgba(255,255,255,.68) !important;
  font-size:15px !important;
  line-height:1.18 !important;
  font-weight:550 !important;
}
.site-footer .footer-bottom{
  border-top:1px solid #E60073 !important;
  box-shadow:0 -8px 22px rgba(230,0,115,.18) !important;
}
.site-footer .footer-bottom-row{
  min-height:96px !important;
  padding:22px 0 !important;
  display:grid !important;
  grid-template-columns:minmax(140px,1fr) auto minmax(140px,1fr) !important;
  align-items:center !important;
  justify-content:normal !important;
  gap:22px !important;
  text-align:center !important;
}
.site-footer .footer-bottom-brand{
  justify-self:start !important;
}
.site-footer .footer-bottom-logo{
  width:145px !important;
  max-width:145px !important;
}
.site-footer .footer-copy{
  justify-self:center !important;
  color:rgba(255,255,255,.76) !important;
  font-size:14px !important;
  line-height:1.25 !important;
  font-weight:550 !important;
  white-space:nowrap !important;
}
.site-footer .footer-copy span{
  color:#E60073 !important;
  font-weight:800 !important;
}
.site-footer .footer-socials{
  justify-self:end !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:12px !important;
}
.site-footer .footer-social{
  width:44px !important;
  height:44px !important;
  flex:0 0 44px !important;
  border:2px solid #E60073 !important;
  box-shadow:0 0 14px rgba(230,0,115,.28) !important;
}
.site-footer .footer-social img{
  width:22px !important;
  height:22px !important;
}

/* Mobile: rodapé menor, ainda no mesmo padrão preto/rosa */
@media (max-width:768px){
  .site-footer .footer-grid{
    grid-template-columns:1fr !important;
    gap:18px !important;
    padding:30px 22px 28px !important;
  }
  .site-footer .footer-col{
    padding-bottom:18px !important;
    border-bottom:1px solid rgba(230,0,115,.22) !important;
  }
  .site-footer .footer-col:last-child{
    border-bottom:0 !important;
    padding-bottom:0 !important;
  }
  .site-footer .footer-title{
    font-size:13px !important;
    margin-bottom:12px !important;
  }
  .site-footer .footer-links{
    gap:8px !important;
  }
  .site-footer .footer-links a,
  .site-footer .footer-links a:visited,
  .site-footer .footer-links a:active,
  .site-footer .footer-links a:focus,
  .site-footer .footer-links a[aria-current="page"]{
    font-size:16px !important;
    line-height:1.15 !important;
    min-height:24px !important;
  }
  .site-footer .footer-links a::after{
    font-size:24px !important;
  }
  .site-footer .footer-contact-row{
    gap:10px !important;
    margin-bottom:14px !important;
  }
  .site-footer .footer-contact-icon{
    width:31px !important;
    height:31px !important;
    min-width:31px !important;
  }
  .site-footer .footer-contact-icon img{
    width:31px !important;
    height:31px !important;
  }
  .site-footer .footer-contact-label{
    font-size:16px !important;
  }
  .site-footer .footer-contact-val{
    font-size:15px !important;
  }
  .site-footer .footer-bottom-row{
    min-height:0 !important;
    padding:28px 22px 34px !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    gap:14px !important;
    text-align:center !important;
  }
  .site-footer .footer-bottom-logo{
    width:142px !important;
    max-width:142px !important;
  }
  .site-footer .footer-copy{
    font-size:13px !important;
    line-height:1.35 !important;
    white-space:normal !important;
  }
  .site-footer .footer-socials{
    justify-content:center !important;
    gap:12px !important;
  }
  .site-footer .footer-social{
    width:46px !important;
    height:46px !important;
    flex:0 0 46px !important;
    border-width:2px !important;
  }
  .site-footer .footer-social img{
    width:22px !important;
    height:22px !important;
  }
}

/* Quem Somos e Fundadora: no mobile, imagem fica entre título e texto; sem duplicar visualmente */
.hember-onepage #sobre .qs-media.qs-media-mobile,
.hember-onepage #fundadora .about-founder-photo.about-founder-photo-mobile{
  display:none !important;
}
@media (min-width:761px){
  .hember-onepage #sobre .qs-grid > .qs-media:not(.qs-media-mobile){
    display:flex !important;
  }
  .hember-onepage #fundadora .about-founder .about-founder-photo:not(.about-founder-photo-mobile){
    display:flex !important;
  }
}
@media (max-width:760px){
  .hember-onepage #sobre .qs-grid{
    display:block !important;
  }
  .hember-onepage #sobre .qs-grid > .qs-media:not(.qs-media-mobile){
    display:none !important;
  }
  .hember-onepage #sobre .qs-text{
    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;
  }
  .hember-onepage #sobre .qs-title{
    order:1 !important;
    margin-bottom:0 !important;
  }
  .hember-onepage #sobre .qs-media.qs-media-mobile{
    order:2 !important;
    display:flex !important;
    justify-content:center !important;
    max-width:260px !important;
    width:100% !important;
    margin:16px auto 24px !important;
    padding:0 !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    overflow:visible !important;
  }
  .hember-onepage #sobre .qs-media.qs-media-mobile .qs-img{
    width:100% !important;
    height:auto !important;
    object-fit:contain !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
  }
  .hember-onepage #sobre .qs-paragraph,
  .hember-onepage #sobre .qs-btn{
    order:3 !important;
  }

  .hember-onepage #fundadora .container{
    display:flex !important;
    flex-direction:column !important;
  }
  .hember-onepage #fundadora .about-h2{
    order:1 !important;
    margin-bottom:0 !important;
  }
  .hember-onepage #fundadora .about-founder-photo.about-founder-photo-mobile{
    order:2 !important;
    display:flex !important;
    justify-content:center !important;
    width:100% !important;
    max-width:320px !important;
    margin:16px auto 24px !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    overflow:visible !important;
  }
  .hember-onepage #fundadora .about-founder{
    order:3 !important;
    display:block !important;
    margin-top:0 !important;
  }
  .hember-onepage #fundadora .about-founder .about-founder-photo:not(.about-founder-photo-mobile){
    display:none !important;
  }
  .hember-onepage #fundadora .about-founder-photo-mobile .about-photo{
    width:100% !important;
    height:auto !important;
    object-fit:contain !important;
    border-radius:22px !important;
  }
}


/* =========================================================
   HEMBER PATCH - Hero novo, Quem Somos sem imagem e rodapé e-mail
   ========================================================= */
.hember-onepage .hero-static{
  min-height:720px !important;
  padding:0 !important;
  background:
    radial-gradient(900px 540px at 76% 42%, rgba(230,0,115,.12), transparent 62%),
    linear-gradient(90deg, #ffffff 0%, #ffffff 58%, #f7f7f7 100%) !important;
  color:#050505 !important;
  overflow:hidden !important;
}
.hember-onepage .hero-static::before{
  background-image:radial-gradient(rgba(230,0,115,.12) 2px, transparent 2px) !important;
  background-size:20px 20px !important;
  opacity:.20 !important;
}
.hember-onepage .hero-static-content{
  min-height:720px !important;
  display:grid !important;
  grid-template-columns:minmax(420px, .94fr) minmax(460px, .9fr) !important;
  align-items:center !important;
  gap:54px !important;
  position:relative !important;
  z-index:2 !important;
}
.hember-onepage .hero-text{
  max-width:760px !important;
  position:relative !important;
  z-index:2 !important;
}
.hember-onepage .hero-public-logo img{
  width:min(260px, 40vw) !important;
  height:auto !important;
  display:block !important;
}
.hember-onepage .hero-badges{
  display:flex !important;
  align-items:center !important;
  flex-wrap:nowrap !important;
  gap:10px !important;
  margin:26px 0 26px !important;
}
.hember-onepage .hero-badge{
  min-height:42px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;
  padding:0 18px !important;
  border-radius:999px !important;
  font-size:clamp(11px, .92vw, 15px) !important;
  line-height:1 !important;
  font-weight:950 !important;
  letter-spacing:.01em !important;
  white-space:nowrap !important;
  box-shadow:none !important;
}
.hember-onepage .hero-badge-outline{
  color:#050505 !important;
  background:#ffffff !important;
  border:2px solid #050505 !important;
  margin-right:0 !important;
  padding-right:14px !important;
  text-transform:uppercase !important;
}
.hember-onepage .hero-badge-fill,
.hember-onepage .hero-badges .hero-badge.hero-badge-fill{
  color:#ffffff !important;
  background:#E60073 !important;
  border:2px solid #E60073 !important;
  text-transform:none !important;
  padding-left:22px !important;
  padding-right:22px !important;
}
.hember-onepage .hero-badge-icon{
  width:18px !important;
  height:18px !important;
  object-fit:contain !important;
  filter:brightness(0) saturate(100%) !important;
  -webkit-filter:brightness(0) saturate(100%) !important;
}
.hember-onepage .hero-badge-check{
  width:20px !important;
  height:20px !important;
  border:2px solid #050505 !important;
  border-radius:999px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  color:#050505 !important;
  font-size:12px !important;
  line-height:1 !important;
  font-weight:950 !important;
}
.hember-onepage .hero-static .hero-title.hero-title-message{
  max-width:710px !important;
  margin:0 !important;
  color:#050505 !important;
  font-family:inherit !important;
  font-size:clamp(44px, 4.55vw, 78px) !important;
  line-height:.97 !important;
  letter-spacing:-2.2px !important;
  font-weight:950 !important;
  text-transform:none !important;
}
.hember-onepage .hero-title-message span,
.hember-onepage .hero-title-message em{
  display:block !important;
  font-family:inherit !important;
  font-style:normal !important;
  letter-spacing:inherit !important;
  font-weight:950 !important;
}
.hember-onepage .hero-title-message span{ color:#050505 !important; }
.hember-onepage .hero-title-message em{ color:#E60073 !important; margin-top:4px !important; }
.hember-onepage .hero-lead-message{
  max-width:650px !important;
  margin:26px 0 0 !important;
  color:#202020 !important;
  font-size:clamp(16px, 1.28vw, 22px) !important;
  line-height:1.4 !important;
  font-weight:650 !important;
}
.hember-onepage .hero-static .hero-actions{ margin-top:34px !important; }
.hember-onepage .hero-static .hero-main-cta,
.hember-onepage .hero-static a.hero-main-cta{
  min-height:58px !important;
  padding:0 36px !important;
  border-radius:999px !important;
  background:#E60073 !important;
  color:#ffffff !important;
  border:0 !important;
  font-size:15px !important;
  font-weight:950 !important;
  letter-spacing:.02em !important;
  box-shadow:0 18px 42px rgba(230,0,115,.20) !important;
}
.hember-onepage .hero-benefits{
  margin-top:58px !important;
  display:flex !important;
  align-items:center !important;
  gap:24px !important;
  flex-wrap:wrap !important;
  color:#222 !important;
  font-size:14px !important;
  font-weight:750 !important;
}
.hember-onepage .hero-benefits span{
  position:relative !important;
  display:inline-flex !important;
  align-items:center !important;
  gap:8px !important;
  padding-right:24px !important;
  border-right:1px solid rgba(230,0,115,.36) !important;
}
.hember-onepage .hero-benefits span:last-child{ border-right:0 !important; padding-right:0 !important; }
.hember-onepage .hero-benefits span::before{
  content:"✓" !important;
  width:18px !important;
  height:18px !important;
  border-radius:999px !important;
  border:1px solid #E60073 !important;
  color:#E60073 !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  font-size:11px !important;
  font-weight:950 !important;
}
.hember-onepage .hero-video-wrap,
.hember-onepage .hero-video-card{ display:none !important; }
.hember-onepage .hero-visual-wrap{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-width:0 !important;
}
.hember-onepage .hero-ring-card{
  position:relative !important;
  width:min(100%, 560px) !important;
  aspect-ratio:4/3.8 !important;
  border-radius:36px !important;
  border:1px solid rgba(230,0,115,.55) !important;
  overflow:visible !important;
  box-shadow:0 30px 95px rgba(0,0,0,.14) !important;
}
.hember-onepage .hero-ring-card::before{
  content:"" !important;
  position:absolute !important;
  inset:-1px !important;
  border-radius:36px !important;
  background:linear-gradient(145deg, rgba(230,0,115,.12), transparent 55%) !important;
  pointer-events:none !important;
  z-index:2 !important;
}
.hember-onepage .hero-ring-img{
  width:100% !important;
  height:100% !important;
  display:block !important;
  object-fit:cover !important;
  object-position:center !important;
  border-radius:36px !important;
  filter:saturate(1.06) contrast(1.02) !important;
}
.hember-onepage .hero-ring-logo{
  position:absolute !important;
  left:-72px !important;
  top:78px !important;
  width:144px !important;
  height:144px !important;
  border-radius:999px !important;
  background:#050505 !important;
  border:3px solid rgba(230,0,115,.86) !important;
  box-shadow:0 20px 60px rgba(0,0,0,.28), 0 0 0 6px rgba(230,0,115,.10) !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  z-index:4 !important;
}
.hember-onepage .hero-ring-logo img{
  width:78% !important;
  height:auto !important;
  display:block !important;
}
.hember-onepage .hero-ring-info{
  position:absolute !important;
  left:-32px !important;
  bottom:62px !important;
  width:min(340px, 78%) !important;
  min-height:128px !important;
  padding:24px 28px !important;
  border-radius:20px !important;
  background:linear-gradient(135deg, rgba(5,5,5,.96), rgba(24,12,18,.96)) !important;
  border:1px solid rgba(230,0,115,.45) !important;
  color:#fff !important;
  z-index:5 !important;
  box-shadow:0 22px 60px rgba(0,0,0,.32) !important;
}
.hember-onepage .hero-ring-info strong{
  display:block !important;
  color:#fff !important;
  font-size:clamp(18px, 1.4vw, 24px) !important;
  line-height:1.12 !important;
  font-weight:950 !important;
  margin:0 0 14px !important;
}
.hember-onepage .hero-ring-info > span:not(.hero-ring-chart){
  display:block !important;
  color:rgba(255,255,255,.84) !important;
  font-size:clamp(14px, 1.05vw, 18px) !important;
  line-height:1.3 !important;
  font-weight:650 !important;
}
.hember-onepage .hero-ring-chart{
  position:absolute !important;
  right:24px !important;
  bottom:24px !important;
  color:#E60073 !important;
  font-size:44px !important;
  font-weight:950 !important;
  line-height:1 !important;
  transform:rotate(-8deg) !important;
}
.hember-onepage #sobre .qs-grid{
  display:block !important;
  max-width:880px !important;
  margin:0 auto !important;
  text-align:left !important;
}
.hember-onepage #sobre .qs-text{ max-width:100% !important; }
.hember-onepage #sobre .qs-title{ text-align:center !important; color:#E60073 !important; }
.hember-onepage #sobre .qs-media,
.hember-onepage #sobre .qs-media-mobile,
.hember-onepage #sobre .qs-btn{ display:none !important; }
.site-footer .footer-contact-icon-mail img{
  transform:none !important;
  filter:brightness(0) saturate(100%) invert(14%) sepia(94%) saturate(6774%) hue-rotate(322deg) brightness(91%) contrast(107%) !important;
  -webkit-filter:brightness(0) saturate(100%) invert(14%) sepia(94%) saturate(6774%) hue-rotate(322deg) brightness(91%) contrast(107%) !important;
}
@media (max-width:980px){
  .hember-onepage .hero-static-content{
    grid-template-columns:1fr !important;
    min-height:auto !important;
    gap:28px !important;
    padding:44px 0 52px !important;
  }
  .hember-onepage .hero-visual-wrap{ order:1 !important; }
  .hember-onepage .hero-text{
    order:2 !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    text-align:center !important;
    margin:0 auto !important;
  }
  .hember-onepage .hero-public-logo{ order:1 !important; }
  .hember-onepage .hero-badges{ order:2 !important; margin:18px 0 22px !important; justify-content:center !important; }
  .hember-onepage .hero-title-message{ order:3 !important; }
  .hember-onepage .hero-lead-message{ order:4 !important; }
  .hember-onepage .hero-actions{ order:5 !important; }
  .hember-onepage .hero-benefits{ display:none !important; }
  .hember-onepage .hero-ring-card{
    width:min(100%, 410px) !important;
    aspect-ratio:4/3.9 !important;
  }
  .hember-onepage .hero-ring-logo{
    left:18px !important;
    top:18px !important;
    width:92px !important;
    height:92px !important;
  }
  .hember-onepage .hero-ring-info{
    left:18px !important;
    bottom:18px !important;
    width:calc(100% - 36px) !important;
    min-height:0 !important;
    padding:16px 18px !important;
    text-align:left !important;
  }
  .hember-onepage .hero-ring-chart{ right:18px !important; bottom:18px !important; font-size:34px !important; }
}
@media (max-width:760px){
  .hember-onepage .hero-static{ min-height:auto !important; }
  .hember-onepage .hero-public-logo img{ width:190px !important; margin:0 auto !important; }
  .hember-onepage .hero-badges{
    display:flex !important;
    flex-direction:row !important;
    flex-wrap:nowrap !important;
    width:100% !important;
    max-width:430px !important;
    gap:6px !important;
  }
  .hember-onepage .hero-badge{
    width:auto !important;
    min-height:36px !important;
    padding:0 11px !important;
    font-size:10px !important;
    white-space:nowrap !important;
  }
  .hember-onepage .hero-badge-outline{ flex:1 1 auto !important; padding-right:10px !important; }
  .hember-onepage .hero-badge-fill{ flex:0 0 auto !important; padding-left:13px !important; padding-right:13px !important; }
  .hember-onepage .hero-badge-icon{ width:15px !important; height:15px !important; }
  .hember-onepage .hero-badge-check{ width:16px !important; height:16px !important; font-size:10px !important; }
  .hember-onepage .hero-static .hero-title.hero-title-message{
    font-size:clamp(34px, 10.5vw, 48px) !important;
    line-height:.98 !important;
    letter-spacing:-1.2px !important;
  }
  .hember-onepage .hero-lead-message{ font-size:16px !important; line-height:1.35 !important; }
  .hember-onepage .hero-static .hero-main-cta,
  .hember-onepage .hero-static a.hero-main-cta{
    min-height:52px !important;
    padding:0 24px !important;
    font-size:13px !important;
  }
}
@media (max-width:420px){
  .hember-onepage .hero-badge{ font-size:8.8px !important; padding:0 8px !important; }
  .hember-onepage .hero-badge-fill{ padding-left:10px !important; padding-right:10px !important; }
}


/* =========================================================
   HEMBER PATCH - ajustes finais solicitados
   - Hero preto com textos brancos e gráfico rosa.
   - Depoimentos ocultos via PHP quando não houver posts.
   - Quem Somos centralizado sem imagem/botão.
   - Benefícios da hero sempre em uma linha.
   - Modal de enquadramento/corte reativado com campos de tempo.
========================================================= */
.hember-onepage .hero-static{
  background:
    radial-gradient(circle at 78% 18%, rgba(230,0,115,.18), transparent 34%),
    radial-gradient(circle at 16% 82%, rgba(230,0,115,.09), transparent 34%),
    linear-gradient(110deg, #050505 0%, #090006 56%, #260014 100%) !important;
  color:#fff !important;
}
.hember-onepage .hero-static::before{
  background-image:radial-gradient(rgba(230,0,115,.18) 2px, transparent 2px) !important;
  opacity:.30 !important;
}
.hember-onepage .hero-static .hero-title.hero-title-message,
.hember-onepage .hero-title-message span,
.hember-onepage .hero-lead-message{
  color:#fff !important;
}
.hember-onepage .hero-title-message em,
.hember-onepage .hero-title-message .hero-pink,
.hember-onepage .hero-badge-fill,
.hember-onepage .hero-ring-chart{
  color:#E60073 !important;
}
.hember-onepage .hero-badge-outline{
  background:rgba(0,0,0,.18) !important;
  color:#fff !important;
  border-color:rgba(230,0,115,.9) !important;
}
.hember-onepage .hero-badge-outline .hero-badge-icon{
  filter:brightness(0) invert(1) !important;
}
.hember-onepage .hero-badge-check{
  color:#fff !important;
  border-color:rgba(230,0,115,.9) !important;
}
.hember-onepage .hero-public-logo img{
  filter:none !important;
}
.hember-onepage .hero-tiktok-watermark{
  background:#E60073 !important;
  opacity:.12 !important;
}
.hember-onepage .hero-ring-chart{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:62px !important;
  height:42px !important;
  font-size:0 !important;
}
.hember-onepage .hero-ring-chart svg{
  width:100% !important;
  height:100% !important;
  display:block !important;
  filter:drop-shadow(0 6px 14px rgba(230,0,115,.28)) !important;
}
.hember-onepage .hero-benefits{
  display:grid !important;
  grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
  gap:14px !important;
  align-items:center !important;
  margin-top:34px !important;
  max-width:880px !important;
}
.hember-onepage .hero-benefits span{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;
  min-width:0 !important;
  color:#fff !important;
  font-size:clamp(12px,1vw,15px) !important;
  line-height:1.15 !important;
  text-align:center !important;
  font-weight:850 !important;
}
.hember-onepage .hero-benefits span::before{
  content:'✓' !important;
  flex:0 0 auto !important;
  width:24px !important;
  height:24px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  border:1.5px solid #E60073 !important;
  border-radius:999px !important;
  color:#E60073 !important;
  font-size:13px !important;
  line-height:1 !important;
}
.hember-onepage #sobre.qs-section{
  text-align:center !important;
}
.hember-onepage #sobre .qs-grid{
  display:block !important;
  max-width:980px !important;
  margin:0 auto !important;
}
.hember-onepage #sobre .qs-text{
  width:100% !important;
  max-width:900px !important;
  margin:0 auto !important;
}
.hember-onepage #sobre .qs-title{
  text-align:center !important;
  margin-left:auto !important;
  margin-right:auto !important;
}
.hember-onepage #sobre .qs-paragraph{
  max-width:860px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  text-align:center !important;
}
.video-frame-fields label[data-video-time-field],
.video-frame-fields label:has([data-video-frame-start]),
.video-frame-fields label:has([data-video-frame-end]){
  grid-template-columns:140px 1fr 64px !important;
}
@media (max-width:760px){
  .hember-onepage .hero-static{
    background:
      radial-gradient(circle at 78% 16%, rgba(230,0,115,.18), transparent 36%),
      linear-gradient(180deg, #050505 0%, #090006 100%) !important;
  }
  .hember-onepage .hero-benefits{
    grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
    gap:7px !important;
    margin-top:24px !important;
    width:100% !important;
  }
  .hember-onepage .hero-benefits span{
    font-size:10px !important;
    line-height:1.1 !important;
    gap:4px !important;
  }
  .hember-onepage .hero-benefits span::before{
    width:18px !important;
    height:18px !important;
    font-size:10px !important;
  }
  .hember-onepage .hero-badge-outline .hero-badge-icon{
    width:18px !important;
    height:18px !important;
  }
}
@media (max-width:430px){
  .hember-onepage .hero-benefits span{
    font-size:9px !important;
  }
  .hember-onepage .hero-benefits span::before{
    width:16px !important;
    height:16px !important;
  }
}

/* =========================================================
   PATCH - Hero: benefícios em uma linha, gráfico real e CTA
========================================================= */
.hember-onepage .hero-benefits{
  grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
  align-items:center !important;
  column-gap:18px !important;
  row-gap:8px !important;
}

.hember-onepage .hero-benefits span{
  white-space:nowrap !important;
  flex-wrap:nowrap !important;
  text-align:left !important;
  justify-content:center !important;
  line-height:1 !important;
  min-width:0 !important;
  font-size:clamp(12px, .92vw, 14px) !important;
}

.hember-onepage .hero-benefits span::before{
  flex:0 0 auto !important;
}

.hember-onepage .hero-static .hero-main-cta,
.hember-onepage .hero-static a.hero-main-cta{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:18px !important;
  padding-right:18px !important;
}

.hember-onepage .hero-static .hero-main-cta span,
.hember-onepage .hero-static a.hero-main-cta span{
  width:34px !important;
  height:34px !important;
  min-width:34px !important;
  border-radius:999px !important;
  background:#fff !important;
  color:#E60073 !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  font-size:34px !important;
  line-height:.8 !important;
  font-weight:400 !important;
  margin-left:8px !important;
  transform:translateY(0) !important;
}

.hember-onepage .hero-ring-logo{
  top:118px !important;
}

.hember-onepage .hero-ring-chart{
  display:block !important;
  width:74px !important;
  height:48px !important;
  right:22px !important;
  bottom:24px !important;
  transform:none !important;
  font-size:0 !important;
  color:transparent !important;
}

.hember-onepage .hero-ring-chart img{
  width:100% !important;
  height:100% !important;
  display:block !important;
  object-fit:contain !important;
  filter:drop-shadow(0 6px 14px rgba(230,0,115,.28)) !important;
}

.hember-onepage .hero-ring-chart svg{
  display:none !important;
}

@media (max-width:760px){
  .hember-onepage .hero-benefits{
    grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
    gap:6px !important;
  }

  .hember-onepage .hero-benefits span{
    white-space:nowrap !important;
    font-size:clamp(7px, 2.15vw, 10px) !important;
    gap:4px !important;
    justify-content:center !important;
  }

  .hember-onepage .hero-benefits span::before{
    width:15px !important;
    height:15px !important;
    font-size:9px !important;
  }

  .hember-onepage .hero-static .hero-main-cta,
  .hember-onepage .hero-static a.hero-main-cta{
    gap:10px !important;
    padding-right:14px !important;
  }

  .hember-onepage .hero-static .hero-main-cta span,
  .hember-onepage .hero-static a.hero-main-cta span{
    width:28px !important;
    height:28px !important;
    min-width:28px !important;
    font-size:18px !important;
    margin-left:4px !important;
  }

  .hember-onepage .hero-ring-logo{
    top:96px !important;
  }

  .hember-onepage .hero-ring-chart{
    width:58px !important;
    height:38px !important;
    right:16px !important;
    bottom:18px !important;
  }
}


/* =========================================================
   HEMBER PATCH - CTA seta circular vazada + gráfico maior
   ========================================================= */
.hember-onepage .hero-static .hero-main-cta,
.hember-onepage .hero-static a.hero-main-cta{
  gap:22px !important;
  padding-right:16px !important;
}

.hember-onepage .hero-static .hero-main-cta .hero-cta-arrow,
.hember-onepage .hero-static a.hero-main-cta .hero-cta-arrow,
.hember-onepage .hero-static .hero-main-cta > span,
.hember-onepage .hero-static a.hero-main-cta > span{
  width:34px !important;
  height:34px !important;
  min-width:34px !important;
  border-radius:999px !important;
  border:2px solid #fff !important;
  background:transparent !important;
  color:#fff !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  font-size:34px !important;
  line-height:.8 !important;
  font-weight:400 !important;
  margin-left:8px !important;
  transform:none !important;
  box-shadow:none !important;
}

.hember-onepage .hero-ring-chart{
  width:118px !important;
  height:78px !important;
  right:20px !important;
  bottom:22px !important;
  transform:none !important;
}

.hember-onepage .hero-ring-chart img{
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  filter:drop-shadow(0 10px 22px rgba(230,0,115,.36)) !important;
}

@media (max-width:980px){
  .hember-onepage .hero-ring-chart{
    width:92px !important;
    height:62px !important;
    right:16px !important;
    bottom:16px !important;
  }
}

@media (max-width:760px){
  .hember-onepage .hero-static .hero-main-cta,
  .hember-onepage .hero-static a.hero-main-cta{
    gap:14px !important;
    padding-right:13px !important;
  }
  .hember-onepage .hero-static .hero-main-cta .hero-cta-arrow,
  .hember-onepage .hero-static a.hero-main-cta .hero-cta-arrow,
  .hember-onepage .hero-static .hero-main-cta > span,
  .hember-onepage .hero-static a.hero-main-cta > span{
    width:28px !important;
    height:28px !important;
    min-width:28px !important;
    font-size:28px !important;
    border-width:2px !important;
    margin-left:4px !important;
  }
  .hember-onepage .hero-ring-chart{
    width:78px !important;
    height:52px !important;
    right:14px !important;
    bottom:16px !important;
  }
}

/* =========================================================
   HEMBER PATCH - centralizar seta do CTA da hero
   ========================================================= */
.hember-onepage .hero-static .hero-main-cta .hero-cta-arrow,
.hember-onepage .hero-static a.hero-main-cta .hero-cta-arrow{
  position:relative !important;
  box-sizing:border-box !important;
  font-size:0 !important;
  line-height:1 !important;
  text-indent:-9999px !important;
  overflow:hidden !important;
}

.hember-onepage .hero-static .hero-main-cta .hero-cta-arrow::before,
.hember-onepage .hero-static a.hero-main-cta .hero-cta-arrow::before{
  content:"" !important;
  position:absolute !important;
  top:50% !important;
  left:50% !important;
  width:10px !important;
  height:10px !important;
  border-top:3px solid #fff !important;
  border-right:3px solid #fff !important;
  border-radius:1px !important;
  transform:translate(-62%, -50%) rotate(45deg) !important;
  display:block !important;
}

@media (max-width:760px){
  .hember-onepage .hero-static .hero-main-cta .hero-cta-arrow::before,
  .hember-onepage .hero-static a.hero-main-cta .hero-cta-arrow::before{
    width:8px !important;
    height:8px !important;
    border-top-width:2.5px !important;
    border-right-width:2.5px !important;
    transform:translate(-62%, -50%) rotate(45deg) !important;
  }
}

/* =========================================================
   HEMBER PATCH - tema alternável só na hero + CTA final
========================================================= */
.hember-onepage .hero-static .hero-benefits{
  display:none !important;
}
.hember-onepage .hero-static.hero-theme-dark,
.hember-onepage .hero-static:not(.hero-theme-light){
  background:
    radial-gradient(circle at 78% 18%, rgba(230,0,115,.18), transparent 34%),
    radial-gradient(circle at 16% 82%, rgba(230,0,115,.09), transparent 34%),
    linear-gradient(110deg, #050505 0%, #090006 56%, #260014 100%) !important;
  color:#fff !important;
}
.hember-onepage .hero-static.hero-theme-light{
  background:
    radial-gradient(circle at 80% 20%, rgba(230,0,115,.10), transparent 35%),
    radial-gradient(circle at 18% 84%, rgba(230,0,115,.06), transparent 34%),
    linear-gradient(110deg, #ffffff 0%, #ffffff 58%, #fff2f8 100%) !important;
  color:#050505 !important;
}
.hember-onepage .hero-static.hero-theme-light::before{
  background-image:radial-gradient(rgba(230,0,115,.13) 2px, transparent 2px) !important;
  opacity:.34 !important;
}
.hember-onepage .hero-static.hero-theme-dark::before,
.hember-onepage .hero-static:not(.hero-theme-light)::before{
  background-image:radial-gradient(rgba(230,0,115,.18) 2px, transparent 2px) !important;
  opacity:.30 !important;
}
.hember-onepage .hero-static.hero-theme-light .hero-tiktok-watermark{
  background:#E60073 !important;
  opacity:.07 !important;
}
.hember-onepage .hero-static.hero-theme-dark .hero-title-message span,
.hember-onepage .hero-static.hero-theme-dark .hero-lead-message,
.hember-onepage .hero-static.hero-theme-dark .hero-public-logo,
.hember-onepage .hero-static:not(.hero-theme-light) .hero-title-message span,
.hember-onepage .hero-static:not(.hero-theme-light) .hero-lead-message,
.hember-onepage .hero-static:not(.hero-theme-light) .hero-public-logo{
  color:#fff !important;
}
.hember-onepage .hero-static.hero-theme-light .hero-title-message span,
.hember-onepage .hero-static.hero-theme-light .hero-lead-message,
.hember-onepage .hero-static.hero-theme-light .hero-public-logo{
  color:#050505 !important;
}
.hember-onepage .hero-static.hero-theme-light .hero-title-message em,
.hember-onepage .hero-static.hero-theme-dark .hero-title-message em,
.hember-onepage .hero-static .hero-title-message em{
  color:#E60073 !important;
}
.hember-onepage .hero-static.hero-theme-dark .hero-badge-outline,
.hember-onepage .hero-static:not(.hero-theme-light) .hero-badge-outline{
  background:rgba(5,5,5,.35) !important;
  color:#fff !important;
  border-color:rgba(255,255,255,.72) !important;
}
.hember-onepage .hero-static.hero-theme-dark .hero-badge-outline .hero-badge-icon,
.hember-onepage .hero-static:not(.hero-theme-light) .hero-badge-outline .hero-badge-icon{
  filter:brightness(0) invert(1) !important;
  -webkit-filter:brightness(0) invert(1) !important;
}
.hember-onepage .hero-static.hero-theme-dark .hero-badge-check,
.hember-onepage .hero-static:not(.hero-theme-light) .hero-badge-check{
  color:#fff !important;
  border-color:rgba(255,255,255,.72) !important;
}
.hember-onepage .hero-static.hero-theme-light .hero-badge-outline{
  background:#fff !important;
  color:#050505 !important;
  border-color:#050505 !important;
}
.hember-onepage .hero-static.hero-theme-light .hero-badge-outline .hero-badge-icon{
  filter:brightness(0) saturate(100%) !important;
  -webkit-filter:brightness(0) saturate(100%) !important;
}
.hember-onepage .hero-static.hero-theme-light .hero-badge-check{
  color:#050505 !important;
  border-color:#050505 !important;
}
.hember-onepage .hero-static .hero-main-cta,
.hember-onepage .hero-static a.hero-main-cta{
  text-transform:none !important;
  white-space:nowrap !important;
}
.hember-onepage .hero-static.hero-theme-light .hero-main-cta,
.hember-onepage .hero-static.hero-theme-light a.hero-main-cta{
  color:#050505 !important;
}
.hember-onepage .hero-static.hero-theme-light .hero-main-cta .hero-cta-arrow,
.hember-onepage .hero-static.hero-theme-light a.hero-main-cta .hero-cta-arrow{
  border-color:#050505 !important;
}
.hember-onepage .hero-static.hero-theme-light .hero-main-cta .hero-cta-arrow::before,
.hember-onepage .hero-static.hero-theme-light a.hero-main-cta .hero-cta-arrow::before{
  border-top-color:#050505 !important;
  border-right-color:#050505 !important;
}
.hember-onepage .hero-ring-logo .hero-ring-logo-light{
  display:none !important;
}
.hember-onepage .hero-ring-logo .hero-ring-logo-dark{
  display:block !important;
}
.hember-onepage .hero-static.hero-theme-light .hero-ring-logo{
  background:#fff !important;
  border-color:rgba(230,0,115,.90) !important;
  box-shadow:0 20px 60px rgba(0,0,0,.16), 0 0 0 6px rgba(230,0,115,.08) !important;
}
.hember-onepage .hero-static.hero-theme-light .hero-ring-logo .hero-ring-logo-dark{
  display:none !important;
}
.hember-onepage .hero-static.hero-theme-light .hero-ring-logo .hero-ring-logo-light{
  display:block !important;
}
.hember-onepage .hero-static.hero-theme-light .hero-ring-info{
  background:linear-gradient(135deg, rgba(255,255,255,.96), rgba(255,246,250,.96)) !important;
  color:#050505 !important;
  box-shadow:0 22px 60px rgba(0,0,0,.16) !important;
}
.hember-onepage .hero-static.hero-theme-light .hero-ring-info strong{
  color:#050505 !important;
}
.hember-onepage .hero-static.hero-theme-light .hero-ring-info > span:not(.hero-ring-chart){
  color:#222 !important;
}
.hero-theme-menu{
  position:fixed !important;
  z-index:999999 !important;
  display:none;
  min-width:174px;
  padding:8px;
  border-radius:14px;
  background:#050505;
  border:1px solid rgba(230,0,115,.52);
  box-shadow:0 18px 50px rgba(0,0,0,.32);
}
.hero-theme-menu.is-open{ display:block !important; }
.hero-theme-menu button{
  width:100%;
  min-height:40px;
  border:0;
  border-radius:10px;
  background:transparent;
  color:#fff;
  font-weight:900;
  cursor:pointer;
  text-align:left;
  padding:0 12px;
}
.hero-theme-menu button:hover{
  background:#E60073;
  color:#050505;
}
@media (max-width:760px){
  .hember-onepage .hero-static .hero-main-cta,
  .hember-onepage .hero-static a.hero-main-cta{
    font-size:12.5px !important;
  }
}


/* =========================================================
   HEMBER PATCH - menu de tema da hero + remoção do selo sobre foto
========================================================= */
.hero-theme-menu{
  position:fixed !important;
  z-index:2147483647 !important;
  display:none;
  min-width:174px;
  padding:8px;
  border-radius:14px;
  background:#050505;
  border:1px solid rgba(230,0,115,.52);
  box-shadow:0 18px 50px rgba(0,0,0,.32);
}
.hero-theme-menu.is-open{
  display:block !important;
}
.hero-theme-menu button{
  width:100%;
  min-height:40px;
  border:0;
  border-radius:10px;
  background:transparent;
  color:#fff;
  font-weight:900;
  cursor:pointer;
  text-align:left;
  padding:0 12px;
}
.hero-theme-menu button:hover{
  background:#E60073;
  color:#050505;
}
.hember-onepage .hero-ring-logo{
  display:none !important;
}


/* =========================================================
   HEMBER PATCH FINAL - hero branca fixa + CTA creator + sem menu de tema
   ========================================================= */
.hember-onepage .hero-static,
.hember-onepage .hero-static.hero-theme-light{
  background:
    radial-gradient(circle at 80% 20%, rgba(230,0,115,.10), transparent 35%),
    radial-gradient(circle at 18% 84%, rgba(230,0,115,.06), transparent 34%),
    linear-gradient(110deg, #ffffff 0%, #ffffff 58%, #fff2f8 100%) !important;
  color:#050505 !important;
}
.hember-onepage .hero-static::before,
.hember-onepage .hero-static.hero-theme-light::before{
  background-image:radial-gradient(rgba(230,0,115,.13) 2px, transparent 2px) !important;
  opacity:.34 !important;
}
.hember-onepage .hero-static .hero-title-message span,
.hember-onepage .hero-static .hero-lead-message,
.hember-onepage .hero-static .hero-public-logo,
.hember-onepage .hero-static.hero-theme-light .hero-title-message span,
.hember-onepage .hero-static.hero-theme-light .hero-lead-message,
.hember-onepage .hero-static.hero-theme-light .hero-public-logo{
  color:#050505 !important;
}
.hember-onepage .hero-static .hero-title-message em,
.hember-onepage .hero-static.hero-theme-light .hero-title-message em{
  color:#E60073 !important;
}
.hember-onepage .hero-static .hero-badge-outline,
.hember-onepage .hero-static.hero-theme-light .hero-badge-outline{
  background:#fff !important;
  color:#050505 !important;
  border-color:#050505 !important;
}
.hember-onepage .hero-static .hero-badge-outline .hero-badge-icon,
.hember-onepage .hero-static.hero-theme-light .hero-badge-outline .hero-badge-icon{
  filter:brightness(0) saturate(100%) !important;
  -webkit-filter:brightness(0) saturate(100%) !important;
}
.hember-onepage .hero-static .hero-badge-check,
.hember-onepage .hero-static.hero-theme-light .hero-badge-check{
  color:#050505 !important;
  border-color:#050505 !important;
}
.hember-onepage .hero-static .hero-main-cta,
.hember-onepage .hero-static a.hero-main-cta,
.hember-onepage .hero-static.hero-theme-light .hero-main-cta,
.hember-onepage .hero-static.hero-theme-light a.hero-main-cta{
  color:#fff !important;
  text-transform:uppercase !important;
}
.hember-onepage .hero-static .hero-main-cta .hero-cta-arrow,
.hember-onepage .hero-static a.hero-main-cta .hero-cta-arrow,
.hember-onepage .hero-static.hero-theme-light .hero-main-cta .hero-cta-arrow,
.hember-onepage .hero-static.hero-theme-light a.hero-main-cta .hero-cta-arrow{
  border-color:#fff !important;
}
.hember-onepage .hero-static .hero-main-cta .hero-cta-arrow::before,
.hember-onepage .hero-static a.hero-main-cta .hero-cta-arrow::before,
.hember-onepage .hero-static.hero-theme-light .hero-main-cta .hero-cta-arrow::before,
.hember-onepage .hero-static.hero-theme-light a.hero-main-cta .hero-cta-arrow::before{
  border-top-color:#fff !important;
  border-right-color:#fff !important;
}
.hero-theme-menu{
  display:none !important;
  visibility:hidden !important;
  pointer-events:none !important;
}

/* =========================================================
   HEMBER PATCH - hero fixa, seções, benefícios e lives
   ========================================================= */
:root{
  --hember-pink:#E60073;
  --hember-heading-font:'General Sans', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

/* Hero: texto fixo no código, somente a palavra "dinheiro" em rosa */
.hember-onepage .hero-static .hero-title.hero-title-message.hero-title-fixed{
  max-width:710px !important;
  font-size:clamp(42px,4.35vw,74px) !important;
  line-height:.98 !important;
  letter-spacing:-2px !important;
}
.hember-onepage .hero-title-message.hero-title-fixed span{
  display:block !important;
  color:#050505 !important;
}
.hember-onepage .hero-title-message.hero-title-fixed .hero-word-pink{
  display:inline !important;
  margin:0 !important;
  color:var(--hember-pink) !important;
  font-family:inherit !important;
  font-style:normal !important;
  font-weight:inherit !important;
  letter-spacing:inherit !important;
}
.hember-onepage .hero-public-logo{ width:170px !important; }
.hember-onepage .hero-lead-message{
  max-width:640px !important;
  font-size:clamp(15.5px,1.16vw,20px) !important;
}

/* Stats: fundo rosa e conteúdo branco */
.hember-onepage .stats,
.page-home .stats,
.stats{
  background:var(--hember-pink) !important;
  border:0 !important;
}
.hember-onepage .stats .stat,
.hember-onepage .stats .stat-number,
.hember-onepage .stats .stat-label,
.hember-onepage .stats .plus{
  color:#fff !important;
}
.hember-onepage .stats .stat-icon,
.hember-onepage .stats .stat-icon img{
  filter:brightness(0) invert(1) !important;
  -webkit-filter:brightness(0) invert(1) !important;
}

/* Fonte pedida nos títulos principais */
.hember-onepage #sobre .qs-title,
.hember-onepage #fundadora .about-h2,
.hember-onepage #entregas .about-h2,
.hember-onepage #beneficios .b-title,
.hember-onepage #requisitos .live-h2,
.hember-onepage .faq-social-title,
.hember-onepage .live-topic-combined .live-h2{
  font-family:var(--hember-heading-font) !important;
  font-weight:200 !important;
  letter-spacing:-.04em !important;
}

/* Benefícios */
.hember-onepage #beneficios .b-sub{
  max-width:920px !important;
}
.hember-onepage .b-benefit-card .b-tiktok-seal{
  display:none !important;
}
.hember-onepage .b-benefit-card{
  height:300px !important;
  min-height:300px !important;
}
.hember-onepage .b-benefit-card .b-content{
  padding:22px !important;
}
.hember-onepage .b-benefit-card .b-badge{
  font-size:clamp(18px,1.45vw,28px) !important;
}
.hember-onepage .b-benefit-card .b-text{
  font-size:14px !important;
  line-height:1.45 !important;
}

/* Seção única: lives + monetização */
.hember-onepage .live-topic-combined{
  background:#fff !important;
}
.hember-onepage .live-topic-combined .live-block-grid{
  align-items:center !important;
}
.hember-onepage .live-topic-combined .live-media img{
  aspect-ratio:4/3 !important;
  object-fit:cover !important;
  border-radius:32px !important;
}
.hember-onepage .live-topic-combined .live-text p{
  font-size:clamp(16px,1.08vw,19px) !important;
  line-height:1.65 !important;
}

/* Diretoria fica completamente oculta quando não há post publicado no CPT */
.hember-onepage #diretoria:empty{ display:none !important; }

/* Requisitos: mobile 2 por linha, não quatro espremidos */
@media (max-width:760px){
  .hember-onepage .live-req-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:12px !important;
  }
  .hember-onepage .live-req-card{
    min-height:150px !important;
    padding:16px 10px !important;
  }
  .hember-onepage .live-req-icon-mask,
  .hember-onepage .live-req-card img{
    width:42px !important;
    height:42px !important;
  }
  .hember-onepage .live-req-card div{
    font-size:12.5px !important;
    line-height:1.25 !important;
  }
  .hember-onepage .hero-public-logo{ width:142px !important; }
  .hember-onepage .hero-static .hero-title.hero-title-message.hero-title-fixed{
    font-size:clamp(34px,10vw,48px) !important;
    letter-spacing:-1.2px !important;
  }
  .hember-onepage .b-benefit-card{
    height:248px !important;
    min-height:248px !important;
  }
}


/* =========================================================
   HEMBER PATCH - títulos, benefícios e faixa gratuita
   ========================================================= */
.hember-onepage #livestream .live-join-title,
.hember-onepage #faq .hember-top-title,
.hember-onepage #beneficios .b-title,
.hember-onepage #depoimentos .t-title,
.hember-onepage #diretoria .about-h2,
.hember-onepage #requisitos .live-h2,
.hember-onepage .faq-social-title,
.hember-onepage .faq-band-free-title,
.hember-onepage .live-topic-combined .live-h2,
.hember-onepage #sobre .qs-title,
.hember-onepage #fundadora .about-h2,
.hember-onepage #entregas .about-h2{
  font-family:var(--hember-heading-font) !important;
  font-weight:200 !important;
  letter-spacing:-.045em !important;
}

/* Benefícios: menos altura para conteúdo curto */
.hember-onepage #beneficios .b-grid{
  gap:22px !important;
}
.hember-onepage #beneficios .b-benefit-card,
.hember-onepage #beneficios a.b-benefit-card{
  height:180px !important;
  min-height:180px !important;
  padding:0 !important;
  align-items:center !important;
  justify-content:center !important;
}
.hember-onepage #beneficios .b-benefit-card .b-content{
  min-height:0 !important;
  padding:18px 22px !important;
  justify-content:center !important;
  align-items:center !important;
  text-align:center !important;
}
.hember-onepage #beneficios .b-benefit-card .b-badge{
  font-size:clamp(19px,1.55vw,26px) !important;
  line-height:1.05 !important;
}
.hember-onepage #beneficios .b-benefit-card .b-text{
  margin-top:8px !important;
  font-size:13.5px !important;
  line-height:1.35 !important;
}

/* Faixa rosa: texto único grande */
.hember-onepage .faq-band.faq-band-free{
  background:var(--hember-pink) !important;
  border:0 !important;
  padding:clamp(34px,4vw,72px) 0 !important;
  overflow:hidden !important;
}
.hember-onepage .faq-band-free .container{
  max-width:100% !important;
  padding-inline:24px !important;
}
.hember-onepage .faq-band-free-title{
  color:#fff !important;
  text-align:center !important;
  text-transform:uppercase !important;
  font-size:clamp(34px,5.2vw,96px) !important;
  line-height:.92 !important;
  white-space:nowrap !important;
}

@media (max-width:760px){
  .hember-onepage #beneficios .b-grid{
    gap:14px !important;
  }
  .hember-onepage #beneficios .b-benefit-card,
  .hember-onepage #beneficios a.b-benefit-card{
    height:142px !important;
    min-height:142px !important;
  }
  .hember-onepage #beneficios .b-benefit-card .b-content{
    padding:14px 12px !important;
  }
  .hember-onepage #beneficios .b-benefit-card .b-badge{
    font-size:16px !important;
    line-height:1.05 !important;
  }
  .hember-onepage #beneficios .b-benefit-card .b-text{
    font-size:11.5px !important;
    line-height:1.25 !important;
  }
  .hember-onepage .faq-band.faq-band-free{
    padding:30px 0 !important;
  }
  .hember-onepage .faq-band-free-title{
    font-size:clamp(22px,7.2vw,34px) !important;
    white-space:nowrap !important;
    letter-spacing:-.06em !important;
  }
}


/* =========================================================
   HEMBER PATCH - corrigir faixa rosa e fontes dos títulos
   ========================================================= */
.hember-onepage .stats.stats-free-strip{
  background:#E60073 !important;
  color:#fff !important;
  padding:clamp(34px,4.4vw,76px) 0 !important;
  border:0 !important;
  overflow:hidden !important;
}
.hember-onepage .stats.stats-free-strip .container{
  max-width:100% !important;
  padding-inline:clamp(14px,3vw,48px) !important;
}
.hember-onepage .stats-free-title{
  font-family:'General Sans', system-ui, -apple-system, 'Segoe UI', sans-serif !important;
  font-weight:200 !important;
  color:#fff !important;
  text-align:center !important;
  text-transform:uppercase !important;
  white-space:nowrap !important;
  letter-spacing:-.055em !important;
  line-height:.9 !important;
  font-size:clamp(28px,5.35vw,102px) !important;
}

/* Remove a faixa duplicada que tinha sido alterada no lugar errado */
.hember-onepage .faq-band.faq-band-free{
  display:none !important;
}

/* General Sans Extralight for section titles, including child spans/em that had stronger rules */
.hember-onepage #livestream .live-join-title,
.hember-onepage #livestream .live-join-title *,
.hember-onepage #faq .hember-top-title,
.hember-onepage #faq .hember-top-title *,
.hember-onepage #beneficios .b-title,
.hember-onepage #beneficios .b-title *,
.hember-onepage #depoimentos .t-title,
.hember-onepage #depoimentos .t-title *,
.hember-onepage #diretoria .about-h2,
.hember-onepage #diretoria .about-h2 *,
.hember-onepage #requisitos .live-h2,
.hember-onepage #requisitos .live-h2 *,
.hember-onepage .faq-social-title,
.hember-onepage .faq-social-title *,
.hember-onepage .live-topic-combined .live-h2,
.hember-onepage .live-topic-combined .live-h2 *,
.hember-onepage #sobre .qs-title,
.hember-onepage #sobre .qs-title *,
.hember-onepage #fundadora .about-h2,
.hember-onepage #fundadora .about-h2 *,
.hember-onepage #entregas .about-h2,
.hember-onepage #entregas .about-h2 *{
  font-family:'General Sans', system-ui, -apple-system, 'Segoe UI', sans-serif !important;
  font-weight:200 !important;
  letter-spacing:-.05em !important;
}

@media (max-width:760px){
  .hember-onepage .stats.stats-free-strip{
    padding:28px 0 !important;
  }
  .hember-onepage .stats-free-title{
    font-size:clamp(21px,7.1vw,34px) !important;
    letter-spacing:-.06em !important;
  }
}

/* =========================================================
   HEMBER PATCH - ajustes solicitados 2026-05-10
   ========================================================= */

/* Logos novas: mantém a altura/área visual existente sem distorcer nem cortar. */
.hember-onepage .hero-public-logo img,
.site-footer .footer-brand-img,
.site-footer .footer-bottom-logo,
.footer-brand-logo img,
.hember-backstage-topbar__logo img,
.hember-login-brand-logo img,
.hember-login-logo-img{
  object-fit:contain !important;
  object-position:center !important;
}

/* Faixa rosa antes do bloco "Ficou com dúvida?". */
.hember-onepage .faq-band.faq-band-free{
  display:block !important;
  background:#E60073 !important;
  color:#fff !important;
  border:0 !important;
  padding:clamp(34px,4.4vw,76px) 0 !important;
  overflow:hidden !important;
}
.hember-onepage .faq-band-free .container{
  max-width:100% !important;
  padding-inline:clamp(14px,3vw,48px) !important;
}
.hember-onepage .faq-band-free-title{
  font-family:'General Sans', system-ui, -apple-system, 'Segoe UI', sans-serif !important;
  font-weight:200 !important;
  color:#fff !important;
  text-align:center !important;
  text-transform:uppercase !important;
  white-space:nowrap !important;
  letter-spacing:-.055em !important;
  line-height:.9 !important;
  font-size:clamp(28px,5.35vw,102px) !important;
}

/* Quem Somos: fundo branco, letras pretas e texto maior. */
.hember-onepage #sobre.qs-section{
  background:#ffffff !important;
  color:#050505 !important;
  padding:clamp(64px,7vw,104px) 0 !important;
}
.hember-onepage #sobre .qs-title,
.hember-onepage #sobre .qs-paragraph,
.hember-onepage #sobre .qs-text,
.hember-onepage #sobre .qs-text *{
  color:#050505 !important;
}
.hember-onepage #sobre .qs-paragraph{
  max-width:940px !important;
  font-size:clamp(18px,1.45vw,24px) !important;
  line-height:1.65 !important;
  font-weight:500 !important;
  opacity:1 !important;
}

/* Remove o kicker "Hember Agency" e o sombreado azul/rosa dos títulos solicitados. */
.hember-onepage #livestream .live-join-kicker,
.hember-onepage #faq .hember-top-kicker,
.live-page .live-join-kicker,
.faq-page .faq-hero .hember-top-kicker{
  display:none !important;
}
.hember-onepage #livestream .live-join-brand,
.live-page .live-join-brand,
.hember-onepage #faq .hember-top-line-ghost,
.faq-page .faq-hero .hember-top-line-ghost{
  text-shadow:none !important;
}

@media (max-width:760px){
  .hember-onepage .faq-band.faq-band-free{
    padding:28px 0 !important;
  }
  .hember-onepage .faq-band-free-title{
    font-size:clamp(21px,7.1vw,34px) !important;
    letter-spacing:-.06em !important;
  }
  .hember-onepage #sobre .qs-paragraph{
    font-size:18px !important;
    line-height:1.55 !important;
  }
}


/* =========================================================
   HEMBER PATCH - faixas, logos e rodapé compacto 2026-05-11
   ========================================================= */

/* Logo maior na seção inicial, sem distorcer. */
.hember-onepage .hero-public-logo{
  width:min(300px, 42vw) !important;
  max-width:300px !important;
  margin-bottom:16px !important;
}
.hember-onepage .hero-public-logo img{
  width:100% !important;
  height:auto !important;
  max-width:none !important;
  object-fit:contain !important;
  object-position:center !important;
}

/* Faixa rosa antes do Quem Somos: texto em uma única linha. */
.hember-onepage .faq-band.faq-band-free.hember-free-band{
  display:block !important;
  background:#E60073 !important;
  color:#fff !important;
  border:0 !important;
  padding:clamp(34px,4.2vw,72px) 0 !important;
  overflow:hidden !important;
}
.hember-onepage .hember-free-band .container{
  max-width:100% !important;
  width:100% !important;
  padding-inline:clamp(12px,2.4vw,46px) !important;
}
.hember-onepage .hember-free-band .faq-band-free-title{
  font-family:'General Sans', system-ui, -apple-system, 'Segoe UI', sans-serif !important;
  font-weight:200 !important;
  color:#fff !important;
  text-align:center !important;
  text-transform:uppercase !important;
  white-space:nowrap !important;
  letter-spacing:-.065em !important;
  line-height:.88 !important;
  font-size:clamp(30px,5.2vw,96px) !important;
}

/* Quem Somos: título com o mesmo porte do Fundadora & CEO e texto maior. */
.hember-onepage #sobre .qs-title{
  font-size:clamp(48px,5.1vw,82px) !important;
  line-height:.92 !important;
  margin-bottom:22px !important;
}
.hember-onepage #fundadora .about-h2{
  font-size:clamp(48px,5.1vw,82px) !important;
  line-height:.92 !important;
}
.hember-onepage #sobre .qs-paragraph{
  font-size:clamp(20px,1.6vw,27px) !important;
  line-height:1.55 !important;
}

/* Faixa rosa antes do Ficou com dúvida: texto branco no layout do print. */
.hember-onepage .faq-band.hember-agenciados-band{
  display:block !important;
  background:#E60073 !important;
  color:#fff !important;
  border:0 !important;
  padding:clamp(48px,5.5vw,92px) 0 !important;
  overflow:hidden !important;
}
.hember-onepage .hember-agenciados-band .faq-band-grid{
  width:min(100%, 1800px) !important;
  max-width:none !important;
  padding-inline:clamp(28px,4vw,78px) !important;
  display:grid !important;
  grid-template-columns:minmax(420px,.95fr) minmax(520px,1fr) !important;
  gap:clamp(36px,6vw,110px) !important;
  align-items:center !important;
}
.hember-onepage .hember-agenciados-band .faq-band-title{
  font-family:'General Sans', system-ui, -apple-system, 'Segoe UI', sans-serif !important;
  color:#fff !important;
  font-weight:950 !important;
  letter-spacing:-.035em !important;
  text-transform:uppercase !important;
  font-size:clamp(44px,4.1vw,78px) !important;
  line-height:.94 !important;
}
.hember-onepage .hember-agenciados-band .faq-band-right{
  gap:18px !important;
  align-items:flex-start !important;
}
.hember-onepage .hember-agenciados-band .faq-band-arrows{
  display:flex !important;
  gap:12px !important;
  flex-wrap:nowrap !important;
}
.hember-onepage .hember-agenciados-band .faq-band-arrows span{
  border-top:18px solid transparent !important;
  border-bottom:18px solid transparent !important;
  border-left:30px solid #fff !important;
  opacity:.95 !important;
}
.hember-onepage .hember-agenciados-band .faq-band-note{
  color:#fff !important;
  font-size:clamp(18px,1.35vw,25px) !important;
  line-height:1.28 !important;
  font-weight:900 !important;
  max-width:780px !important;
  opacity:1 !important;
  margin:0 !important;
}

/* Rodapé inferior mais baixo. */
.site-footer .footer-bottom-row{
  min-height:72px !important;
  padding:10px 0 !important;
  gap:16px !important;
}
.site-footer .footer-bottom-logo{
  width:124px !important;
  max-width:124px !important;
}
.site-footer .footer-copy{
  font-size:14px !important;
  line-height:1.2 !important;
}
.site-footer .footer-socials{
  gap:10px !important;
}
.site-footer .footer-social{
  width:40px !important;
  height:40px !important;
  flex:0 0 40px !important;
}
.site-footer .footer-social img{
  width:20px !important;
  height:20px !important;
}

@media (max-width:980px){
  .hember-onepage .hember-agenciados-band .faq-band-grid{
    grid-template-columns:1fr !important;
    gap:24px !important;
  }
}

@media (max-width:760px){
  .hember-onepage .hero-public-logo{
    width:min(220px, 62vw) !important;
    max-width:220px !important;
  }
  .hember-onepage .faq-band.faq-band-free.hember-free-band{
    padding:28px 0 !important;
  }
  .hember-onepage .hember-free-band .faq-band-free-title{
    font-size:clamp(22px,6.6vw,34px) !important;
    letter-spacing:-.055em !important;
  }
  .hember-onepage #sobre .qs-title,
  .hember-onepage #fundadora .about-h2{
    font-size:clamp(42px,11vw,58px) !important;
  }
  .hember-onepage #sobre .qs-paragraph{
    font-size:19px !important;
    line-height:1.5 !important;
  }
  .hember-onepage .faq-band.hember-agenciados-band{
    padding:36px 0 !important;
  }
  .hember-onepage .hember-agenciados-band .faq-band-grid{
    padding-inline:22px !important;
  }
  .hember-onepage .hember-agenciados-band .faq-band-title{
    font-size:clamp(34px,12vw,54px) !important;
  }
  .hember-onepage .hember-agenciados-band .faq-band-note{
    font-size:16px !important;
  }
  .hember-onepage .hember-agenciados-band .faq-band-arrows{
    gap:7px !important;
  }
  .hember-onepage .hember-agenciados-band .faq-band-arrows span{
    border-top-width:12px !important;
    border-bottom-width:12px !important;
    border-left-width:20px !important;
  }
  .site-footer .footer-bottom-row{
    padding:16px 16px 20px !important;
    gap:9px !important;
  }
  .site-footer .footer-bottom-logo{
    width:118px !important;
    max-width:118px !important;
  }
  .site-footer .footer-social{
    width:38px !important;
    height:38px !important;
    flex-basis:38px !important;
  }
}

/* =========================================================
   HEMBER PATCH 2026-05-11 - ajuste fino logo hero e faixas
   ========================================================= */

/* Hero: logo bem mais visível e alinhada à esquerda do bloco textual. */
.hember-onepage .hero-static.hero-theme-light .hero-public-logo,
.hember-onepage .hero-public-logo{
  width:min(440px, 38vw) !important;
  max-width:440px !important;
  margin:0 auto 22px 0 !important;
  align-self:flex-start !important;
  justify-content:flex-start !important;
  overflow:visible !important;
}
.hember-onepage .hero-public-logo img{
  width:100% !important;
  height:auto !important;
  max-width:none !important;
  display:block !important;
  object-fit:contain !important;
  object-position:left center !important;
  transform:scale(1.18) !important;
  transform-origin:left center !important;
}

/* Faixa rosa 100% gratuito: menor, centralizada e sem puxar para a direita. */
.hember-onepage .faq-band.faq-band-free.hember-free-band{
  padding:clamp(30px,3.8vw,64px) 0 !important;
  overflow:hidden !important;
}
.hember-onepage .hember-free-band .container{
  width:100% !important;
  max-width:100% !important;
  padding-inline:24px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
  overflow:visible !important;
}
.hember-onepage .hember-free-band .faq-band-free-title{
  width:auto !important;
  max-width:100% !important;
  margin:0 auto !important;
  display:block !important;
  text-align:center !important;
  white-space:nowrap !important;
  font-size:clamp(28px,4.05vw,76px) !important;
  letter-spacing:-.058em !important;
  line-height:.92 !important;
}

/* Faixa antes do Ficou com dúvida: mantém o print, agora mais controlada e branca. */
.hember-onepage .faq-band.hember-agenciados-band{
  padding:clamp(42px,4.8vw,78px) 0 !important;
}
.hember-onepage .hember-agenciados-band .faq-band-title,
.hember-onepage .hember-agenciados-band .faq-band-note{
  color:#fff !important;
}
.hember-onepage .hember-agenciados-band .faq-band-grid{
  margin-inline:auto !important;
}

@media (max-width:980px){
  .hember-onepage .hero-static.hero-theme-light .hero-public-logo,
  .hember-onepage .hero-public-logo{
    width:min(340px, 58vw) !important;
    max-width:340px !important;
  }
  .hember-onepage .hember-free-band .faq-band-free-title{
    font-size:clamp(25px,6vw,48px) !important;
    letter-spacing:-.055em !important;
  }
}

@media (max-width:760px){
  .hember-onepage .hero-static.hero-theme-light .hero-public-logo,
  .hember-onepage .hero-public-logo{
    width:min(260px, 70vw) !important;
    max-width:260px !important;
    margin-bottom:18px !important;
  }
  .hember-onepage .hero-public-logo img{
    transform:scale(1.08) !important;
  }
  .hember-onepage .faq-band.faq-band-free.hember-free-band{
    padding:26px 0 !important;
  }
  .hember-onepage .hember-free-band .container{
    padding-inline:14px !important;
  }
  .hember-onepage .hember-free-band .faq-band-free-title{
    font-size:clamp(20px,5.7vw,31px) !important;
    letter-spacing:-.052em !important;
  }
}

/* =========================================================
   HEMBER PATCH 2026-05-11 - problema x solução, fundadora e hero logo
   ========================================================= */

/* Hero inicial: aumenta somente a logo da home. */
.hember-onepage .hero-static.hero-theme-light .hero-public-logo,
.hember-onepage .hero-public-logo{
  width:min(760px, 56vw) !important;
  max-width:760px !important;
  margin:0 auto clamp(58px,5.8vw,96px) 0 !important;
  align-self:flex-start !important;
  justify-content:flex-start !important;
  overflow:visible !important;
}
.hember-onepage .hero-public-logo img{
  width:100% !important;
  height:auto !important;
  max-width:none !important;
  display:block !important;
  object-fit:contain !important;
  object-position:left center !important;
  transform:scale(2.95) !important;
  transform-origin:left center !important;
}

/* Fundadora: remove nome duplicado do topo e destaca o nome no texto. */
.hember-onepage #fundadora .founder-name-highlight{
  color:#E60073 !important;
  font-weight:900 !important;
}

/* Seção "Ficou com dúvida?" ocultada totalmente na home. */
.hember-onepage .faq-social{
  display:none !important;
}

/* Problema vs Solução */
.hember-onepage #problema-solucao.ps-section{
  position:relative !important;
  overflow:hidden !important;
  background:#FFFFFF !important;
  color:#050505 !important;
  padding:clamp(72px,7vw,116px) 0 !important;
}
.hember-onepage #problema-solucao .container{
  position:relative !important;
  z-index:2 !important;
}
.hember-onepage #problema-solucao .ps-heading-wrap{
  max-width:1280px !important;
  margin:0 auto clamp(34px,4vw,58px) !important;
  text-align:center !important;
}
.hember-onepage #problema-solucao .ps-title,
.hember-onepage #problema-solucao .ps-title *{
  font-family:'General Sans', system-ui, -apple-system, 'Segoe UI', sans-serif !important;
  font-weight:200 !important;
  letter-spacing:-.05em !important;
}
.hember-onepage #problema-solucao .ps-title{
  margin:0 0 18px !important;
  font-size:clamp(38px,4.6vw,78px) !important;
  line-height:.98 !important;
  white-space:nowrap !important;
  text-transform:none !important;
}
.hember-onepage #problema-solucao .ps-title-dark{
  color:#050505 !important;
}
.hember-onepage #problema-solucao .ps-title-pink{
  color:#E60073 !important;
}
.hember-onepage #problema-solucao .ps-sub{
  max-width:760px !important;
  margin:0 auto !important;
  color:rgba(5,5,5,.78) !important;
  font-size:clamp(18px, 1.55vw, 26px) !important;
  line-height:1.28 !important;
  font-weight:500 !important;
  opacity:1 !important;
}
.hember-onepage #problema-solucao .ps-grid{
  width:min(100%, 1120px) !important;
  margin:0 auto !important;
  display:grid !important;
  grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  gap:clamp(18px,2.4vw,32px) !important;
  align-items:stretch !important;
}
.hember-onepage #problema-solucao .ps-card{
  border:1px solid rgba(230,0,115,.18) !important;
  border-radius:26px !important;
  overflow:hidden !important;
  min-height:360px !important;
  box-shadow:0 24px 70px rgba(0,0,0,.10) !important;
}
.hember-onepage #problema-solucao .ps-card-problem{
  background:#111111 !important;
  color:#FFFFFF !important;
}
.hember-onepage #problema-solucao .ps-card-solution{
  background:#FFFFFF !important;
  color:#050505 !important;
}
.hember-onepage #problema-solucao .ps-card-head{
  min-height:72px !important;
  padding:22px 28px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
  font-size:clamp(22px,1.8vw,30px) !important;
  line-height:1.05 !important;
  font-weight:950 !important;
}
.hember-onepage #problema-solucao .ps-card-problem .ps-card-head{
  background:#050505 !important;
  color:#FFFFFF !important;
  border-bottom:1px solid rgba(255,255,255,.12) !important;
}
.hember-onepage #problema-solucao .ps-card-solution .ps-card-head{
  background:#E60073 !important;
  color:#FFFFFF !important;
}
.hember-onepage #problema-solucao .ps-card-body{
  padding:clamp(24px,3vw,42px) !important;
}
.hember-onepage #problema-solucao .ps-row{
  display:flex !important;
  align-items:flex-start !important;
  gap:14px !important;
  padding:20px 0 !important;
  border-bottom:1px solid currentColor !important;
  font-size:clamp(17px,1.25vw,21px) !important;
  line-height:1.3 !important;
  font-weight:700 !important;
}
.hember-onepage #problema-solucao .ps-card-problem .ps-row{
  border-bottom-color:rgba(255,255,255,.11) !important;
}
.hember-onepage #problema-solucao .ps-card-solution .ps-row{
  border-bottom-color:rgba(5,5,5,.12) !important;
}
.hember-onepage #problema-solucao .ps-row:last-child{
  border-bottom:0 !important;
}
.hember-onepage #problema-solucao .ps-mark{
  flex:0 0 auto !important;
  width:24px !important;
  line-height:1 !important;
  font-size:30px !important;
  font-weight:300 !important;
  margin-top:-3px !important;
  text-align:center !important;
}
.hember-onepage #problema-solucao .ps-mark-x,
.hember-onepage #problema-solucao .ps-mark-check{
  color:#E60073 !important;
}

/* Frufru alinhado à identidade atual: pontos e brilho rosa, sem elementos verdes/externos. */
.hember-onepage #problema-solucao .ps-decor{
  position:absolute !important;
  pointer-events:none !important;
  z-index:1 !important;
}
.hember-onepage #problema-solucao .ps-decor-dots{
  right:-40px !important;
  top:34px !important;
  width:320px !important;
  height:320px !important;
  opacity:.32 !important;
  background-image:radial-gradient(rgba(230,0,115,.28) 2px, transparent 2.5px) !important;
  background-size:24px 24px !important;
  border-radius:50% !important;
}
.hember-onepage #problema-solucao .ps-decor-orb{
  left:-120px !important;
  bottom:-130px !important;
  width:360px !important;
  height:360px !important;
  border-radius:999px !important;
  background:radial-gradient(circle, rgba(230,0,115,.18) 0%, rgba(230,0,115,.07) 38%, transparent 70%) !important;
}

@media (max-width:1100px){
  .hember-onepage #problema-solucao .ps-title{
    font-size:clamp(32px,5vw,56px) !important;
    letter-spacing:-.055em !important;
  }
}

@media (max-width:860px){
  .hember-onepage .hero-static.hero-theme-light .hero-public-logo,
  .hember-onepage .hero-public-logo{
    width:min(440px, 74vw) !important;
    max-width:440px !important;
    margin-bottom:46px !important;
  }
  .hember-onepage .hero-public-logo img{
    transform:scale(1.85) !important;
  }
  .hember-onepage #problema-solucao .ps-grid{
    grid-template-columns:1fr !important;
  }
  .hember-onepage #problema-solucao .ps-card{
    min-height:0 !important;
  }
}

@media (max-width:760px){
  .hember-onepage #problema-solucao.ps-section{
    padding:58px 0 !important;
  }
  .hember-onepage #problema-solucao .ps-title{
    font-size:clamp(23px,6.2vw,34px) !important;
    white-space:nowrap !important;
    letter-spacing:-.055em !important;
  }
  .hember-onepage #problema-solucao .ps-sub{
    font-size:18px !important;
    line-height:1.35 !important;
  }
  .hember-onepage #problema-solucao .ps-card-head{
    min-height:62px !important;
    padding:18px 20px !important;
  }
  .hember-onepage #problema-solucao .ps-card-body{
    padding:18px 22px !important;
  }
  .hember-onepage #problema-solucao .ps-row{
    font-size:16px !important;
    padding:16px 0 !important;
  }
}

/* =========================================================
   HEMBER PATCH 2026-05-11 - ajustes seção problema, hero e textos
   ========================================================= */

/* Hero inicial: título um pouco menor e descrição mais forte. */
.hember-onepage .hero-static .hero-title.hero-title-message.hero-title-fixed{
  font-size:clamp(36px,3.95vw,64px) !important;
  line-height:1 !important;
  letter-spacing:-1.7px !important;
  max-width:680px !important;
}
.hember-onepage .hero-lead-message{
  font-size:clamp(18px,1.35vw,24px) !important;
  line-height:1.42 !important;
  max-width:700px !important;
  font-weight:800 !important;
}

/* Fundadora: conteúdo com o mesmo porte do texto de Quem Somos. */
.hember-onepage #fundadora .about-founder-text p{
  font-size:clamp(20px,1.6vw,27px) !important;
  line-height:1.55 !important;
  font-weight:650 !important;
}

/* Livestream: descrição no mesmo porte da faixa rosa de agenciados. */
.hember-onepage .live-page .live-join-text,
.hember-onepage .live-join-text,
.live-page .live-join-text{
  font-size:clamp(18px,1.35vw,25px) !important;
  line-height:1.34 !important;
  font-weight:900 !important;
  max-width:780px !important;
}

/* Problema vs Solução: visual menor, minimalista e sem exagero nos ornamentos. */
.hember-onepage #problema-solucao.ps-section{
  padding:clamp(54px,5.4vw,86px) 0 !important;
  background:#FFFFFF !important;
  overflow:hidden !important;
}
.hember-onepage #problema-solucao .ps-heading-wrap{
  max-width:1100px !important;
  margin:0 auto clamp(26px,3vw,42px) !important;
  padding-inline:16px !important;
}
.hember-onepage #problema-solucao .ps-title,
.hember-onepage #problema-solucao .ps-title *{
  font-family:'General Sans', system-ui, -apple-system, 'Segoe UI', sans-serif !important;
  font-weight:950 !important;
  letter-spacing:-.035em !important;
}
.hember-onepage #problema-solucao .ps-title{
  font-size:clamp(32px,3.15vw,54px) !important;
  line-height:1.02 !important;
  margin:0 0 12px !important;
  white-space:nowrap !important;
  text-align:center !important;
}
.hember-onepage #problema-solucao .ps-title-dark{
  color:#050505 !important;
}
.hember-onepage #problema-solucao .ps-title-pink{
  color:#E60073 !important;
}
.hember-onepage #problema-solucao .ps-sub{
  font-size:18px !important;
  line-height:1.55 !important;
  font-weight:700 !important;
  color:rgba(5,5,5,.74) !important;
  max-width:760px !important;
}
.hember-onepage #problema-solucao .ps-grid{
  width:min(100%, 980px) !important;
  gap:clamp(16px,2vw,24px) !important;
}
.hember-onepage #problema-solucao .ps-card{
  border-radius:18px !important;
  min-height:0 !important;
  box-shadow:0 14px 38px rgba(0,0,0,.07) !important;
  border:1px solid rgba(5,5,5,.08) !important;
}
.hember-onepage #problema-solucao .ps-card-head{
  min-height:56px !important;
  padding:15px 22px !important;
  font-size:clamp(19px,1.35vw,25px) !important;
  line-height:1.08 !important;
  font-weight:950 !important;
}
.hember-onepage #problema-solucao .ps-card-problem{
  background:#F2F2F2 !important;
  color:#050505 !important;
}
.hember-onepage #problema-solucao .ps-card-problem .ps-card-head{
  background:#050505 !important;
  color:#FFFFFF !important;
  border-bottom:0 !important;
}
.hember-onepage #problema-solucao .ps-card-problem .ps-card-body{
  background:#F2F2F2 !important;
  color:#050505 !important;
}
.hember-onepage #problema-solucao .ps-card-solution{
  background:#FFFFFF !important;
  color:#050505 !important;
}
.hember-onepage #problema-solucao .ps-card-solution .ps-card-head{
  background:#E60073 !important;
  color:#FFFFFF !important;
}
.hember-onepage #problema-solucao .ps-card-body{
  padding:clamp(18px,2.2vw,30px) !important;
}
.hember-onepage #problema-solucao .ps-row{
  padding:14px 0 !important;
  gap:12px !important;
  font-size:clamp(15.5px,1.05vw,18px) !important;
  line-height:1.35 !important;
  font-weight:800 !important;
  border-bottom:1px solid rgba(5,5,5,.10) !important;
}
.hember-onepage #problema-solucao .ps-card-problem .ps-row,
.hember-onepage #problema-solucao .ps-card-solution .ps-row{
  border-bottom-color:rgba(5,5,5,.10) !important;
}
.hember-onepage #problema-solucao .ps-row:last-child{
  border-bottom:0 !important;
}
.hember-onepage #problema-solucao .ps-mark{
  width:18px !important;
  font-size:23px !important;
  margin-top:-2px !important;
}
.hember-onepage #problema-solucao .ps-mark-x,
.hember-onepage #problema-solucao .ps-mark-check{
  color:#E60073 !important;
}
.hember-onepage #problema-solucao .ps-decor-dots{
  right:-80px !important;
  top:24px !important;
  width:210px !important;
  height:210px !important;
  opacity:.14 !important;
  background-size:20px 20px !important;
}
.hember-onepage #problema-solucao .ps-decor-orb{
  left:-120px !important;
  bottom:-150px !important;
  width:280px !important;
  height:280px !important;
  opacity:.55 !important;
}

@media (max-width:860px){
  .hember-onepage #problema-solucao .ps-title{
    white-space:normal !important;
    font-size:clamp(28px,7vw,42px) !important;
  }
  .hember-onepage #problema-solucao .ps-grid{
    width:min(100%, 540px) !important;
  }
}

@media (max-width:760px){
  .hember-onepage .hero-static .hero-title.hero-title-message.hero-title-fixed{
    font-size:clamp(32px,9.8vw,48px) !important;
    letter-spacing:-1.1px !important;
  }
  .hember-onepage .hero-lead-message{
    font-size:17px !important;
    line-height:1.42 !important;
  }
  .hember-onepage #fundadora .about-founder-text p{
    font-size:19px !important;
  }
  .hember-onepage .live-join-text,
  .live-page .live-join-text{
    font-size:18px !important;
  }
  .hember-onepage #problema-solucao.ps-section{
    padding:48px 0 !important;
  }
  .hember-onepage #problema-solucao .ps-sub{
    font-size:16px !important;
  }
}

/* =========================================================
   HEMBER PATCH 2026-05-11 - tipografia seções home
   ========================================================= */

/* Problema VS Solução: mesma fonte e porte do título Benefícios Hember. */
.hember-onepage #problema-solucao .ps-title,
.hember-onepage #problema-solucao .ps-title *{
  font-family:var(--hember-heading-font, 'General Sans', system-ui, -apple-system, 'Segoe UI', sans-serif) !important;
  font-weight:200 !important;
  letter-spacing:-.045em !important;
}
.hember-onepage #problema-solucao .ps-title{
  font-size:clamp(44px,4vw,56px) !important;
  line-height:.92 !important;
  margin:0 0 14px !important;
  white-space:nowrap !important;
  text-transform:none !important;
  text-align:center !important;
}
.hember-onepage #problema-solucao .ps-title-dark{
  color:#050505 !important;
}
.hember-onepage #problema-solucao .ps-title-pink{
  color:#E60073 !important;
}
.hember-onepage #problema-solucao .ps-sub{
  font-size:18px !important;
  line-height:1.55 !important;
  font-weight:700 !important;
}

/* O que são as Lives + Requisitos: títulos no mesmo tamanho de Quem Somos. */
.hember-onepage #o-que-e-live .live-h2,
.hember-onepage #requisitos .live-h2{
  font-family:var(--hember-heading-font, 'General Sans', system-ui, -apple-system, 'Segoe UI', sans-serif) !important;
  font-size:clamp(48px,5.1vw,82px) !important;
  line-height:.92 !important;
  font-weight:200 !important;
  letter-spacing:-.045em !important;
  text-transform:uppercase !important;
}

/* Textos dessas seções no mesmo porte do conteúdo de Quem Somos. */
.hember-onepage #o-que-e-live .live-text p,
.hember-onepage #requisitos .live-sub{
  font-size:clamp(20px,1.6vw,27px) !important;
  line-height:1.55 !important;
  font-weight:500 !important;
  color:rgba(5,5,5,.88) !important;
}

/* Texto do topo do FAQ no mesmo porte da descrição da seção Livestream. */
.hember-onepage #faq .hember-top-text,
.hember-onepage.faq-page .faq-hero .hember-top-text,
.faq-page .faq-hero .hember-top-text{
  font-size:clamp(18px,1.35vw,25px) !important;
  line-height:1.34 !important;
  font-weight:900 !important;
  max-width:780px !important;
}

@media (max-width:860px){
  .hember-onepage #problema-solucao .ps-title{
    font-size:clamp(30px,7vw,44px) !important;
    white-space:normal !important;
  }
}

@media (max-width:760px){
  .hember-onepage #o-que-e-live .live-h2,
  .hember-onepage #requisitos .live-h2{
    font-size:clamp(40px,12vw,58px) !important;
  }
  .hember-onepage #o-que-e-live .live-text p,
  .hember-onepage #requisitos .live-sub{
    font-size:19px !important;
    line-height:1.55 !important;
  }
  .hember-onepage #faq .hember-top-text,
  .hember-onepage.faq-page .faq-hero .hember-top-text,
  .faq-page .faq-hero .hember-top-text{
    font-size:18px !important;
    line-height:1.38 !important;
  }
}


/* =========================================================
   HEMBER PATCH 2026-05-11 - rodapé enxuto + FAQ padrão
   ========================================================= */

/* Oculta o bloco superior do rodapé sem excluir o HTML. */
.site-footer .footer-top{
  display:none !important;
}

.site-footer .footer-bottom{
  background:#050505 !important;
  border-top:1px solid #E60073 !important;
  box-shadow:none !important;
}

.site-footer .footer-bottom-row{
  min-height:92px !important;
  padding:14px 0 !important;
  display:grid !important;
  grid-template-columns:minmax(120px,1fr) auto minmax(170px,1fr) !important;
  align-items:center !important;
  gap:20px !important;
  text-align:center !important;
}

.site-footer .footer-bottom-brand{
  justify-self:start !important;
}

.site-footer .footer-bottom-logo{
  width:124px !important;
  max-width:124px !important;
  height:auto !important;
  object-fit:contain !important;
}

.site-footer .footer-copy{
  justify-self:center !important;
  color:rgba(255,255,255,.72) !important;
  font-size:14px !important;
  line-height:1.2 !important;
  font-weight:550 !important;
  white-space:nowrap !important;
}

.site-footer .footer-copy span{
  color:#E60073 !important;
  font-weight:800 !important;
}

.site-footer .footer-right-actions{
  justify-self:end !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-end !important;
  justify-content:center !important;
  gap:9px !important;
}

.site-footer .footer-backtop{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:9px !important;
  color:#E60073 !important;
  font-size:13px !important;
  line-height:1 !important;
  font-weight:900 !important;
  text-transform:uppercase !important;
  text-decoration:none !important;
  letter-spacing:.01em !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  padding:0 !important;
}

.site-footer .footer-backtop:hover,
.site-footer .footer-backtop:focus-visible{
  color:#ff2d9b !important;
  text-decoration:none !important;
}

.site-footer .footer-backtop-icon{
  width:30px !important;
  height:30px !important;
  min-width:30px !important;
  border:2px solid #E60073 !important;
  border-radius:999px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  position:relative !important;
  box-sizing:border-box !important;
}

.site-footer .footer-backtop-icon::before{
  content:"" !important;
  width:8px !important;
  height:8px !important;
  border-top:2.5px solid #E60073 !important;
  border-left:2.5px solid #E60073 !important;
  border-radius:1px !important;
  transform:translateY(2px) rotate(45deg) !important;
  display:block !important;
}

.site-footer .footer-socials{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:10px !important;
  width:auto !important;
}

.site-footer .footer-social{
  width:40px !important;
  height:40px !important;
  flex:0 0 40px !important;
  border:2px solid #E60073 !important;
  border-radius:999px !important;
  background:transparent !important;
  box-shadow:none !important;
}

.site-footer .footer-social:hover,
.site-footer .footer-social:focus-visible{
  background:rgba(230,0,115,.10) !important;
  transform:translateY(-2px) !important;
}

.site-footer .footer-social img{
  width:20px !important;
  height:20px !important;
  object-fit:contain !important;
  filter:brightness(0) saturate(100%) invert(14%) sepia(94%) saturate(6774%) hue-rotate(322deg) brightness(91%) contrast(107%) !important;
  -webkit-filter:brightness(0) saturate(100%) invert(14%) sepia(94%) saturate(6774%) hue-rotate(322deg) brightness(91%) contrast(107%) !important;
}

.faq-page .faq-inline-link,
.hember-onepage .faq-inline-link{
  color:#E60073 !important;
  font-weight:900 !important;
  text-decoration:none !important;
}

.faq-page .faq-inline-link:hover,
.hember-onepage .faq-inline-link:hover{
  text-decoration:underline !important;
}

@media (max-width:768px){
  .site-footer .footer-bottom-row{
    min-height:0 !important;
    padding:18px 18px 22px !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    gap:12px !important;
    text-align:center !important;
  }

  .site-footer .footer-bottom-brand,
  .site-footer .footer-copy,
  .site-footer .footer-right-actions{
    justify-self:center !important;
  }

  .site-footer .footer-copy{
    white-space:normal !important;
    font-size:13px !important;
  }

  .site-footer .footer-right-actions{
    align-items:center !important;
  }

  .site-footer .footer-backtop{
    justify-content:center !important;
    font-size:12px !important;
  }

  .site-footer .footer-socials{
    justify-content:center !important;
  }
}

/* =========================================================
   HEMBER PATCH 2026-05-11 - rodapé rosa + ícones brancos
   ========================================================= */
.site-footer,
.site-footer .footer-bottom{
  background:#E60073 !important;
  color:#fff !important;
  border-top:0 !important;
  box-shadow:none !important;
}

.site-footer .footer-bottom-row{
  min-height:98px !important;
  padding:16px 0 18px !important;
}

.site-footer .footer-bottom-logo{
  filter:brightness(0) invert(1) !important;
  -webkit-filter:brightness(0) invert(1) !important;
}

.site-footer .footer-copy{
  color:#fff !important;
  font-weight:500 !important;
}

.site-footer .footer-copy span{
  color:#050505 !important;
  font-weight:850 !important;
}

.site-footer .footer-right-actions{
  gap:18px !important;
}

.site-footer .footer-backtop{
  color:#fff !important;
  font-family:'General Sans', system-ui, -apple-system, 'Segoe UI', sans-serif !important;
  font-size:12px !important;
  font-weight:500 !important;
  letter-spacing:.035em !important;
  margin-bottom:4px !important;
}

.site-footer .footer-backtop:hover,
.site-footer .footer-backtop:focus-visible{
  color:#fff !important;
  opacity:.82 !important;
}

.site-footer .footer-backtop-icon{
  border-color:#fff !important;
}

.site-footer .footer-backtop-icon::before{
  border-top-color:#fff !important;
  border-left-color:#fff !important;
}

.site-footer .footer-social{
  border-color:#fff !important;
  background:transparent !important;
  box-shadow:none !important;
}

.site-footer .footer-social:hover,
.site-footer .footer-social:focus-visible{
  background:rgba(255,255,255,.16) !important;
  transform:translateY(-2px) !important;
}

.site-footer .footer-social img{
  filter:brightness(0) invert(1) !important;
  -webkit-filter:brightness(0) invert(1) !important;
  opacity:1 !important;
}

@media (max-width:768px){
  .site-footer .footer-bottom-row{
    padding:20px 18px 24px !important;
  }
  .site-footer .footer-right-actions{
    gap:16px !important;
  }
  .site-footer .footer-backtop{
    font-size:12px !important;
    font-weight:500 !important;
  }
}

/* =========================================================
   HEMBER PATCH 2026-05-11 - fonte Cormorant Garamond na chamada hero
   ========================================================= */
.hember-onepage .hero-lead-message{
  font-family:'Cormorant Garamond', serif !important;
  font-style:italic !important;
  font-weight:700 !important;
  letter-spacing:.01em !important;
}

/* =========================================================
   HEMBER PATCH 2026-05-11 - hero subtítulo maior e preto
   ========================================================= */
.hember-onepage .hero-static .hero-lead-message,
.hember-onepage .hero-lead-message{
  font-family:'Cormorant Garamond', serif !important;
  font-style:italic !important;
  font-weight:700 !important;
  font-size:clamp(28px,2.15vw,40px) !important;
  line-height:1.16 !important;
  color:#050505 !important;
  max-width:960px !important;
  letter-spacing:.005em !important;
}

@media (max-width:768px){
  .hember-onepage .hero-static .hero-lead-message,
  .hember-onepage .hero-lead-message{
    font-size:clamp(23px,7vw,32px) !important;
    line-height:1.18 !important;
    max-width:100% !important;
  }
}


/* =========================================================
   HEMBER PATCH 2026-05-11 - Montserrat Light na descrição hero
   ========================================================= */
.hember-onepage .hero-static .hero-lead-message,
.hember-onepage .hero-lead-message{
  font-family:'Montserrat', system-ui, -apple-system, 'Segoe UI', sans-serif !important;
  font-style:normal !important;
  font-weight:300 !important;
  letter-spacing:-.015em !important;
}

/* =========================================================
   HEMBER PATCH 2026-05-11 - Montserrat nos textos de conteúdo
   ========================================================= */
:root{
  --hember-content-font:'Montserrat', system-ui, -apple-system, 'Segoe UI', sans-serif;
}

/* Textos de conteúdo das seções públicas: mantém os títulos das seções fora desta regra. */
.hember-onepage :where(
  .hero-lead-message,
  .t-section-hember .t-sub,
  .t-section-hember .t-text,
  .qs-paragraph,
  #fundadora .about-founder-text p,
  .about-what-section .about-lead,
  .about-what-section .about-card-text,
  .about-director-card p,
  .about-director-card .about-director-role,
  .about-director-card .about-director-bio,
  .b-section-hember .b-sub,
  .b-section-hember .b-text,
  #problema-solucao .ps-sub,
  #problema-solucao .ps-row,
  .live-join-text,
  #o-que-e-live .live-text p,
  #requisitos .live-sub,
  #requisitos .live-req-card,
  #requisitos .live-req-card div,
  #faq .hember-top-text,
  .faq-section .faq-a,
  .faq-section .faq-a-inner,
  .faq-section .faq-a-inner p,
  .faq-section .faq-a-inner li,
  .faq-section .faq-empty
),
.about-page :where(
  .about-lead,
  .about-card-text,
  .about-founder-text p,
  .about-director-card p,
  .about-director-role,
  .about-director-bio
),
.live-page :where(
  .live-join-text,
  .live-text p,
  .live-sub,
  .live-req-card,
  .live-req-card div
),
.work-page :where(
  p,
  li,
  .work-text,
  .work-desc,
  .work-card-text,
  .work-hero-text,
  .work-hero-copy p
),
.faq-page :where(
  .hember-top-text,
  .faq-a,
  .faq-a-inner,
  .faq-a-inner p,
  .faq-a-inner li,
  .faq-empty
),
.legal-page :where(
  p,
  li,
  .legal-content,
  .legal-content p,
  .legal-content li
){
  font-family:var(--hember-content-font) !important;
  font-weight:300 !important;
}

/* Títulos dos cards de “O que a Hember entrega/faz”. */
.hember-onepage .about-what-section .about-card-title,
.about-page .about-what-section .about-card-title,
.about-delivery-cards .about-card-title{
  font-family:var(--hember-content-font) !important;
  font-weight:500 !important;
}

/* Cards de Benefícios: título em Medium 500; descrição em Light 300. */
.hember-onepage .b-section-hember .b-benefit-card .b-badge,
.hember-onepage .b-section-hember a.b-benefit-card .b-badge,
.b-section-hember .b-benefit-card .b-badge,
.b-section-hember a.b-benefit-card .b-badge{
  font-family:var(--hember-content-font) !important;
  font-weight:500 !important;
}

.hember-onepage .b-section-hember .b-benefit-card .b-text,
.hember-onepage .b-section-hember a.b-benefit-card .b-text,
.b-section-hember .b-benefit-card .b-text,
.b-section-hember a.b-benefit-card .b-text{
  font-family:var(--hember-content-font) !important;
  font-weight:300 !important;
}


/* =========================================================
   HEMBER PATCH 2026-05-11 - Quem Somos com foto + seção Lives/Monetização
   ========================================================= */
.hember-onepage #sobre .qs-grid.qs-founder-layout{
  display:grid !important;
  grid-template-columns:minmax(250px, .82fr) minmax(0, 1.18fr) !important;
  gap:clamp(32px,4.6vw,74px) !important;
  align-items:start !important;
  max-width:1180px !important;
  margin:0 auto !important;
  text-align:left !important;
}

.hember-onepage #sobre .qs-grid.qs-founder-layout .qs-media,
.hember-onepage #sobre .qs-founder-photo{
  display:flex !important;
  width:100% !important;
  min-height:0 !important;
  max-width:none !important;
  margin:0 !important;
  padding:0 !important;
  justify-content:flex-start !important;
  align-items:flex-start !important;
  background:transparent !important;
  border:0 !important;
  border-radius:24px !important;
  box-shadow:none !important;
  overflow:hidden !important;
}

.hember-onepage #sobre .qs-founder-photo .qs-img{
  display:block !important;
  width:100% !important;
  max-width:420px !important;
  height:auto !important;
  aspect-ratio:4/5 !important;
  object-fit:cover !important;
  object-position:center top !important;
  border-radius:24px !important;
  border:1px solid rgba(230,0,115,.18) !important;
  box-shadow:0 22px 70px rgba(0,0,0,.10) !important;
}

.hember-onepage #sobre .qs-grid.qs-founder-layout .qs-text{
  width:100% !important;
  max-width:720px !important;
  margin:0 !important;
  text-align:left !important;
}

.hember-onepage #sobre .qs-grid.qs-founder-layout .qs-title{
  text-align:left !important;
  margin:0 0 22px !important;
}

.hember-onepage #sobre .qs-grid.qs-founder-layout .qs-paragraph{
  max-width:720px !important;
  margin:0 0 22px !important;
  padding:0 !important;
  text-align:left !important;
}

.hember-onepage #o-que-e-live .live-mini-title,
.live-page .live-topic-combined .live-mini-title{
  margin:clamp(22px,2.8vw,34px) 0 10px !important;
  font-family:var(--hember-heading-font, 'General Sans', system-ui, -apple-system, 'Segoe UI', sans-serif) !important;
  font-size:clamp(26px,2vw,38px) !important;
  line-height:1 !important;
  font-weight:200 !important;
  letter-spacing:-.035em !important;
  color:#E60073 !important;
  text-transform:uppercase !important;
}

.hember-onepage #o-que-e-live .live-text p,
.live-page .live-topic-combined .live-text p{
  font-family:var(--hember-content-font, 'Montserrat', system-ui, -apple-system, 'Segoe UI', sans-serif) !important;
  font-weight:300 !important;
}

@media (max-width:860px){
  .hember-onepage #sobre .qs-grid.qs-founder-layout{
    grid-template-columns:1fr !important;
    gap:24px !important;
    max-width:760px !important;
  }
  .hember-onepage #sobre .qs-grid.qs-founder-layout .qs-media,
  .hember-onepage #sobre .qs-founder-photo{
    justify-content:center !important;
  }
  .hember-onepage #sobre .qs-founder-photo .qs-img{
    max-width:360px !important;
  }
  .hember-onepage #sobre .qs-grid.qs-founder-layout .qs-title,
  .hember-onepage #sobre .qs-grid.qs-founder-layout .qs-text,
  .hember-onepage #sobre .qs-grid.qs-founder-layout .qs-paragraph{
    text-align:left !important;
  }
}

@media (max-width:520px){
  .hember-onepage #sobre .qs-founder-photo .qs-img{
    max-width:100% !important;
    border-radius:20px !important;
  }
}


/* =========================================================
   HEMBER PATCH 2026-05-11 - Lives texto robusto + gerente no Quem Somos
   ========================================================= */
.hember-onepage #o-que-e-live.live-topic,
.live-page .live-topic-combined{
  background:#fff !important;
}

.hember-onepage #o-que-e-live .live-copy-wrap,
.live-page .live-topic-combined .live-copy-wrap{
  max-width:1120px !important;
}

.hember-onepage #o-que-e-live .live-text.live-text-full,
.live-page .live-topic-combined .live-text.live-text-full{
  max-width:980px !important;
  margin:0 !important;
  text-align:left !important;
}

.hember-onepage #o-que-e-live .live-h2,
.live-page .live-topic-combined .live-h2,
.hember-onepage #o-que-e-live .live-mini-title,
.live-page .live-topic-combined .live-mini-title,
.hember-onepage #o-que-e-live .live-text p,
.live-page .live-topic-combined .live-text p{
  text-align:left !important;
  margin-left:0 !important;
  margin-right:0 !important;
}

.hember-onepage #o-que-e-live .live-h2,
.live-page .live-topic-combined .live-h2{
  max-width:100% !important;
  margin-bottom:22px !important;
}

.hember-onepage #o-que-e-live .live-text p,
.live-page .live-topic-combined .live-text p{
  max-width:920px !important;
  font-size:clamp(17px, 1.35vw, 21px) !important;
  line-height:1.75 !important;
  color:#111 !important;
}

.hember-onepage #o-que-e-live .live-intro,
.live-page .live-topic-combined .live-intro{
  font-size:clamp(18px, 1.55vw, 23px) !important;
  line-height:1.65 !important;
}

.hember-onepage #o-que-e-live .live-bullet-block,
.live-page .live-topic-combined .live-bullet-block{
  margin-top:clamp(26px, 3vw, 42px) !important;
}

.hember-onepage #o-que-e-live .live-mini-title,
.live-page .live-topic-combined .live-mini-title{
  margin:0 0 16px !important;
  max-width:100% !important;
  font-size:clamp(24px, 2.1vw, 36px) !important;
  line-height:1.05 !important;
  color:#E60073 !important;
}

.hember-onepage #o-que-e-live .live-pink-list,
.live-page .live-topic-combined .live-pink-list{
  list-style:none !important;
  padding:0 !important;
  margin:16px 0 0 !important;
  display:grid !important;
  gap:14px !important;
  max-width:940px !important;
}

.hember-onepage #o-que-e-live .live-pink-list li,
.live-page .live-topic-combined .live-pink-list li{
  position:relative !important;
  padding-left:30px !important;
  color:#111 !important;
  font-family:var(--hember-content-font, 'Montserrat', system-ui, -apple-system, 'Segoe UI', sans-serif) !important;
  font-weight:300 !important;
  font-size:clamp(17px, 1.25vw, 20px) !important;
  line-height:1.55 !important;
}

.hember-onepage #o-que-e-live .live-pink-list li::before,
.live-page .live-topic-combined .live-pink-list li::before{
  content:"" !important;
  position:absolute !important;
  left:0 !important;
  top:.66em !important;
  width:10px !important;
  height:10px !important;
  border-radius:999px !important;
  background:#E60073 !important;
  box-shadow:0 0 0 6px rgba(230,0,115,.10) !important;
}

.hember-onepage #o-que-e-live .live-pink-list strong,
.live-page .live-topic-combined .live-pink-list strong{
  font-weight:500 !important;
  color:#E60073 !important;
}

.hember-onepage #sobre .qs-manager-photo{
  flex-direction:column !important;
  align-items:center !important;
  justify-content:flex-start !important;
  overflow:visible !important;
}

.hember-onepage #sobre .qs-manager-photo .qs-img{
  display:block !important;
  width:auto !important;
  max-width:100% !important;
  max-height:clamp(360px, 46vw, 560px) !important;
  height:auto !important;
  aspect-ratio:auto !important;
  object-fit:contain !important;
  object-position:center center !important;
  border-radius:24px !important;
  border:1px solid rgba(230,0,115,.18) !important;
  box-shadow:0 22px 70px rgba(0,0,0,.10) !important;
  background:#fff !important;
}

.hember-onepage #sobre .qs-caption{
  width:100% !important;
  max-width:420px !important;
  margin:14px auto 0 !important;
  text-align:center !important;
  color:#111 !important;
  font-family:var(--hember-content-font, 'Montserrat', system-ui, -apple-system, 'Segoe UI', sans-serif) !important;
  font-size:clamp(13px, .95vw, 15px) !important;
  line-height:1.35 !important;
}

.hember-onepage #sobre .qs-caption strong,
.hember-onepage #sobre .qs-caption span{
  display:block !important;
}

.hember-onepage #sobre .qs-caption strong{
  font-weight:500 !important;
  color:#111 !important;
}

.hember-onepage #sobre .qs-caption span{
  margin-top:3px !important;
  font-weight:300 !important;
  color:rgba(0,0,0,.72) !important;
}

@media (max-width:860px){
  .hember-onepage #sobre .qs-manager-photo .qs-img{
    max-height:none !important;
    width:100% !important;
    max-width:420px !important;
  }
}

/* =========================================================
   HEMBER PATCH 2026-05-11 - Lives em 2 cards + Quem Somos estrutura Fundadora
   ========================================================= */
.hember-onepage #o-que-e-live .live-founder-structure,
.live-page .live-topic-combined .live-founder-structure{
  max-width:1180px !important;
  margin:0 auto !important;
  text-align:left !important;
}

.hember-onepage #o-que-e-live .live-text.live-text-full,
.live-page .live-topic-combined .live-text.live-text-full{
  width:100% !important;
  max-width:1180px !important;
  margin:0 !important;
  text-align:left !important;
}

.hember-onepage #o-que-e-live .live-h2,
.live-page .live-topic-combined .live-h2{
  text-align:left !important;
  margin:0 0 24px !important;
  max-width:980px !important;
}

.hember-onepage #o-que-e-live .live-intro,
.hember-onepage #o-que-e-live .live-text > p,
.live-page .live-topic-combined .live-intro,
.live-page .live-topic-combined .live-text > p{
  max-width:980px !important;
  text-align:left !important;
  margin-left:0 !important;
  margin-right:0 !important;
}

.hember-onepage #o-que-e-live .live-info-cards,
.live-page .live-topic-combined .live-info-cards{
  display:grid !important;
  grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  gap:clamp(18px,2.5vw,34px) !important;
  align-items:stretch !important;
  margin-top:clamp(28px,3.4vw,46px) !important;
  max-width:1180px !important;
}

.hember-onepage #o-que-e-live .live-info-card,
.live-page .live-topic-combined .live-info-card{
  position:relative !important;
  overflow:hidden !important;
  min-height:0 !important;
  border-radius:24px !important;
  padding:clamp(22px,2.4vw,34px) !important;
  background:#FFFFFF !important;
  border:1px solid rgba(230,0,115,.16) !important;
  box-shadow:0 16px 46px rgba(5,5,5,.06) !important;
}

.hember-onepage #o-que-e-live .live-info-card::before,
.live-page .live-topic-combined .live-info-card::before{
  content:"" !important;
  position:absolute !important;
  inset:0 auto 0 0 !important;
  width:5px !important;
  background:#E60073 !important;
  opacity:.9 !important;
}

.hember-onepage #o-que-e-live .live-info-card-practice,
.live-page .live-topic-combined .live-info-card-practice{
  background:#F7F7F7 !important;
}

.hember-onepage #o-que-e-live .live-info-card .live-mini-title,
.live-page .live-topic-combined .live-info-card .live-mini-title{
  margin:0 0 18px !important;
  color:#050505 !important;
  text-align:left !important;
  font-family:var(--hember-content-font, 'Montserrat', system-ui, -apple-system, 'Segoe UI', sans-serif) !important;
  font-weight:500 !important;
  font-size:clamp(18px,1.45vw,25px) !important;
  line-height:1.12 !important;
  letter-spacing:-.025em !important;
  text-transform:uppercase !important;
}

.hember-onepage #o-que-e-live .live-info-card-money .live-mini-title,
.live-page .live-topic-combined .live-info-card-money .live-mini-title{
  color:#E60073 !important;
}

.hember-onepage #o-que-e-live .live-info-card p,
.live-page .live-topic-combined .live-info-card p{
  max-width:100% !important;
  margin:0 0 18px !important;
  color:#111 !important;
  font-family:var(--hember-content-font, 'Montserrat', system-ui, -apple-system, 'Segoe UI', sans-serif) !important;
  font-weight:300 !important;
  font-size:clamp(14.5px,1.02vw,17px) !important;
  line-height:1.58 !important;
  text-align:left !important;
}

.hember-onepage #o-que-e-live .live-info-card .live-pink-list,
.live-page .live-topic-combined .live-info-card .live-pink-list{
  list-style:none !important;
  padding:0 !important;
  margin:0 !important;
  display:grid !important;
  gap:13px !important;
  max-width:100% !important;
}

.hember-onepage #o-que-e-live .live-info-card .live-pink-list li,
.live-page .live-topic-combined .live-info-card .live-pink-list li{
  position:relative !important;
  padding-left:27px !important;
  color:#111 !important;
  font-family:var(--hember-content-font, 'Montserrat', system-ui, -apple-system, 'Segoe UI', sans-serif) !important;
  font-weight:300 !important;
  font-size:clamp(14.5px,1.02vw,17px) !important;
  line-height:1.48 !important;
  text-align:left !important;
}

.hember-onepage #o-que-e-live .live-info-card .live-pink-list li::before,
.live-page .live-topic-combined .live-info-card .live-pink-list li::before{
  content:"" !important;
  position:absolute !important;
  left:0 !important;
  top:.55em !important;
  width:10px !important;
  height:10px !important;
  border-radius:999px !important;
  background:#E60073 !important;
  border:2px solid #E60073 !important;
  box-shadow:0 0 0 0 rgba(230,0,115,.32) !important;
  animation:hemberMarkerPulse 1.45s ease-in-out infinite !important;
}

.hember-onepage #o-que-e-live .live-info-card .live-pink-list li:nth-child(2)::before,
.live-page .live-topic-combined .live-info-card .live-pink-list li:nth-child(2)::before{ animation-delay:.18s !important; }
.hember-onepage #o-que-e-live .live-info-card .live-pink-list li:nth-child(3)::before,
.live-page .live-topic-combined .live-info-card .live-pink-list li:nth-child(3)::before{ animation-delay:.36s !important; }
.hember-onepage #o-que-e-live .live-info-card .live-pink-list li:nth-child(4)::before,
.live-page .live-topic-combined .live-info-card .live-pink-list li:nth-child(4)::before{ animation-delay:.54s !important; }

@keyframes hemberMarkerPulse{
  0%, 100%{ box-shadow:0 0 0 0 rgba(230,0,115,.34), 0 0 0 0 rgba(230,0,115,.18); transform:scale(1); }
  50%{ box-shadow:0 0 0 6px rgba(230,0,115,.10), 0 0 14px 2px rgba(230,0,115,.34); transform:scale(1.08); }
}

.hember-onepage #o-que-e-live .live-info-card .live-pink-list strong,
.live-page .live-topic-combined .live-info-card .live-pink-list strong{
  font-weight:500 !important;
  color:#E60073 !important;
}

/* Quem Somos no mesmo desenho estrutural da Fundadora: título acima, texto à esquerda e imagem à direita. */
.hember-onepage #sobre .qs-founder-structure{
  max-width:1180px !important;
  margin:0 auto !important;
  text-align:left !important;
}

.hember-onepage #sobre .qs-founder-structure .qs-title{
  display:block !important;
  text-align:left !important;
  margin:0 0 clamp(24px,3vw,42px) !important;
  max-width:100% !important;
}

.hember-onepage #sobre .qs-founder-content{
  display:grid !important;
  grid-template-columns:minmax(0, 1.05fr) minmax(280px, .86fr) !important;
  gap:clamp(34px,5vw,86px) !important;
  align-items:start !important;
  width:100% !important;
}

.hember-onepage #sobre .qs-founder-content .qs-text{
  width:100% !important;
  max-width:760px !important;
  margin:0 !important;
  text-align:left !important;
}

.hember-onepage #sobre .qs-founder-content .qs-paragraph{
  max-width:760px !important;
  margin:0 0 22px !important;
  padding:0 !important;
  text-align:left !important;
}

.hember-onepage #sobre .qs-manager-photo{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:flex-start !important;
  width:100% !important;
  max-width:520px !important;
  margin:0 !important;
  padding:0 !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  overflow:visible !important;
}

.hember-onepage #sobre .qs-manager-photo .qs-img{
  display:block !important;
  width:100% !important;
  max-width:520px !important;
  height:auto !important;
  max-height:clamp(380px,42vw,560px) !important;
  aspect-ratio:auto !important;
  object-fit:contain !important;
  object-position:center center !important;
  border-radius:24px !important;
  border:1px solid rgba(230,0,115,.18) !important;
  box-shadow:0 22px 70px rgba(0,0,0,.10) !important;
  background:#fff !important;
}

.hember-onepage #sobre .qs-caption{
  width:100% !important;
  max-width:520px !important;
  margin:14px auto 0 !important;
  text-align:center !important;
  font-family:var(--hember-content-font, 'Montserrat', system-ui, -apple-system, 'Segoe UI', sans-serif) !important;
  font-size:clamp(12.5px,.9vw,14px) !important;
  line-height:1.35 !important;
}

.hember-onepage #sobre .qs-caption strong,
.hember-onepage #sobre .qs-caption span{
  display:block !important;
}

.hember-onepage #sobre .qs-caption strong{
  font-weight:500 !important;
}

.hember-onepage #sobre .qs-caption span{
  margin-top:3px !important;
  font-weight:300 !important;
  opacity:.72 !important;
}

@media (max-width:900px){
  .hember-onepage #o-que-e-live .live-info-cards,
  .live-page .live-topic-combined .live-info-cards,
  .hember-onepage #sobre .qs-founder-content{
    grid-template-columns:1fr !important;
  }
  .hember-onepage #sobre .qs-manager-photo{
    max-width:420px !important;
  }
  .hember-onepage #sobre .qs-manager-photo .qs-img{
    max-width:420px !important;
    max-height:none !important;
  }
}

@media (prefers-reduced-motion:reduce){
  .hember-onepage #o-que-e-live .live-info-card .live-pink-list li::before,
  .live-page .live-topic-combined .live-info-card .live-pink-list li::before{
    animation:none !important;
  }
}

/* =========================================================
   HEMBER PATCH 2026-05-11 - alinhamento Quem Somos e Lives
   ========================================================= */
.hember-onepage #sobre.qs-section > .container,
.hember-onepage #o-que-e-live.live-topic > .container,
.live-page .live-topic-combined > .container{
  width:100% !important;
  max-width:1760px !important;
  margin:0 auto !important;
  padding-left:clamp(40px, 4vw, 76px) !important;
  padding-right:clamp(40px, 4vw, 76px) !important;
}

.hember-onepage #sobre .qs-founder-structure,
.hember-onepage #o-que-e-live .live-founder-structure,
.live-page .live-topic-combined .live-founder-structure{
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding:0 !important;
  text-align:left !important;
}

.hember-onepage #sobre .qs-founder-structure .qs-title,
.hember-onepage #o-que-e-live .live-h2,
.live-page .live-topic-combined .live-h2{
  text-align:left !important;
  margin-left:0 !important;
  margin-right:0 !important;
}

.hember-onepage #sobre .qs-founder-content{
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  grid-template-columns:minmax(0, 1fr) minmax(340px, .72fr) !important;
  gap:clamp(46px, 7vw, 130px) !important;
  align-items:start !important;
}

.hember-onepage #sobre .qs-founder-content .qs-text{
  max-width:760px !important;
  margin:0 !important;
  text-align:left !important;
}

.hember-onepage #sobre .qs-founder-content .qs-paragraph{
  max-width:760px !important;
  text-align:left !important;
  margin-left:0 !important;
  margin-right:0 !important;
}

.hember-onepage #sobre .qs-manager-photo{
  justify-self:end !important;
  align-self:start !important;
  margin-top:0 !important;
}

.hember-onepage #o-que-e-live .live-text.live-text-full,
.live-page .live-topic-combined .live-text.live-text-full{
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  text-align:left !important;
}

.hember-onepage #o-que-e-live .live-text > p,
.hember-onepage #o-que-e-live .live-intro,
.live-page .live-topic-combined .live-text > p,
.live-page .live-topic-combined .live-intro{
  max-width:1120px !important;
  margin-left:0 !important;
  margin-right:0 !important;
  text-align:left !important;
}

.hember-onepage #o-que-e-live .live-info-cards,
.live-page .live-topic-combined .live-info-cards{
  max-width:1320px !important;
  margin-left:0 !important;
  margin-right:auto !important;
}

@media (max-width:900px){
  .hember-onepage #sobre.qs-section > .container,
  .hember-onepage #o-que-e-live.live-topic > .container,
  .live-page .live-topic-combined > .container{
    padding-left:18px !important;
    padding-right:18px !important;
  }

  .hember-onepage #sobre .qs-founder-content{
    grid-template-columns:1fr !important;
    gap:28px !important;
  }

  .hember-onepage #sobre .qs-manager-photo{
    justify-self:center !important;
  }
}

/* =========================================================
   HEMBER PATCH 2026-05-11 - substitui Problema/Solução por Missão & Visão
   ========================================================= */
.hember-onepage #missao-visao.mv-section{
  position:relative !important;
  overflow:hidden !important;
  background:#FFFFFF !important;
  color:#050505 !important;
  padding:clamp(64px,6vw,104px) 0 !important;
}
.hember-onepage #missao-visao .container{
  position:relative !important;
  z-index:2 !important;
  max-width:1400px !important;
}
.hember-onepage #missao-visao .mv-heading{
  max-width:980px !important;
  margin:0 0 clamp(28px,3.4vw,48px) !important;
  text-align:left !important;
}
.hember-onepage #missao-visao .mv-title,
.hember-onepage #missao-visao .mv-title *{
  font-family:'General Sans', system-ui, -apple-system, 'Segoe UI', sans-serif !important;
  letter-spacing:-.055em !important;
  line-height:.94 !important;
  text-transform:uppercase !important;
}
.hember-onepage #missao-visao .mv-title{
  margin:0 0 20px !important;
  font-size:clamp(56px,6.2vw,112px) !important;
  font-weight:200 !important;
  color:#050505 !important;
  white-space:nowrap !important;
}
.hember-onepage #missao-visao .mv-title strong{
  color:#E60073 !important;
  font-weight:200 !important;
}
.hember-onepage #missao-visao .mv-sub{
  max-width:900px !important;
  margin:0 !important;
  font-family:'Montserrat', system-ui, -apple-system, 'Segoe UI', sans-serif !important;
  font-size:clamp(20px,1.6vw,28px) !important;
  line-height:1.45 !important;
  font-weight:300 !important;
  color:rgba(5,5,5,.82) !important;
}
.hember-onepage #missao-visao .mv-grid{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:clamp(18px,2.4vw,32px) !important;
  align-items:stretch !important;
}
.hember-onepage #missao-visao .mv-card{
  position:relative !important;
  overflow:hidden !important;
  border-radius:28px !important;
  padding:clamp(30px,3vw,46px) !important;
  min-height:300px !important;
  border:1px solid rgba(230,0,115,.18) !important;
  box-shadow:0 26px 80px rgba(0,0,0,.08) !important;
}
.hember-onepage #missao-visao .mv-card::before{
  content:"" !important;
  position:absolute !important;
  inset:0 auto 0 0 !important;
  width:7px !important;
  background:#E60073 !important;
}
.hember-onepage #missao-visao .mv-card-mission{
  background:#050505 !important;
  color:#FFFFFF !important;
}
.hember-onepage #missao-visao .mv-card-vision{
  background:#F7F7F7 !important;
  color:#050505 !important;
}
.hember-onepage #missao-visao .mv-card-kicker{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:48px !important;
  height:48px !important;
  margin:0 0 24px !important;
  border-radius:999px !important;
  border:1px solid currentColor !important;
  color:#E60073 !important;
  font-family:'Montserrat', system-ui, -apple-system, 'Segoe UI', sans-serif !important;
  font-size:14px !important;
  font-weight:500 !important;
  letter-spacing:.06em !important;
}
.hember-onepage #missao-visao .mv-card h3{
  margin:0 0 16px !important;
  font-family:'Montserrat', system-ui, -apple-system, 'Segoe UI', sans-serif !important;
  font-size:clamp(26px,2vw,38px) !important;
  line-height:1.05 !important;
  font-weight:500 !important;
  letter-spacing:-.03em !important;
  text-transform:uppercase !important;
  color:inherit !important;
}
.hember-onepage #missao-visao .mv-card p{
  margin:0 !important;
  font-family:'Montserrat', system-ui, -apple-system, 'Segoe UI', sans-serif !important;
  font-size:clamp(18px,1.35vw,24px) !important;
  line-height:1.55 !important;
  font-weight:300 !important;
  color:inherit !important;
  opacity:.88 !important;
}
.hember-onepage #missao-visao .mv-card-mission p{
  color:rgba(255,255,255,.88) !important;
}
.hember-onepage #missao-visao .mv-card-vision p{
  color:rgba(5,5,5,.82) !important;
}
.hember-onepage #missao-visao .mv-decor{
  position:absolute !important;
  pointer-events:none !important;
  z-index:1 !important;
}
.hember-onepage #missao-visao .mv-decor-dots{
  right:-70px !important;
  top:36px !important;
  width:260px !important;
  height:260px !important;
  opacity:.14 !important;
  background-image:radial-gradient(rgba(230,0,115,.34) 2px, transparent 2.5px) !important;
  background-size:22px 22px !important;
  border-radius:50% !important;
}
.hember-onepage #missao-visao .mv-decor-orb{
  left:-140px !important;
  bottom:-150px !important;
  width:360px !important;
  height:360px !important;
  border-radius:999px !important;
  background:radial-gradient(circle, rgba(230,0,115,.16) 0%, rgba(230,0,115,.07) 42%, transparent 72%) !important;
}
@media (max-width:980px){
  .hember-onepage #missao-visao .mv-title{
    white-space:normal !important;
    font-size:clamp(44px,9vw,76px) !important;
  }
  .hember-onepage #missao-visao .mv-grid{
    grid-template-columns:1fr !important;
  }
  .hember-onepage #missao-visao .mv-card{
    min-height:0 !important;
  }
}
@media (max-width:760px){
  .hember-onepage #missao-visao.mv-section{
    padding:54px 0 !important;
  }
  .hember-onepage #missao-visao .mv-title{
    font-size:clamp(38px,12vw,58px) !important;
  }
  .hember-onepage #missao-visao .mv-sub{
    font-size:18px !important;
  }
  .hember-onepage #missao-visao .mv-card{
    border-radius:22px !important;
    padding:26px 24px !important;
  }
  .hember-onepage #missao-visao .mv-card p{
    font-size:17px !important;
  }
}

/* =========================================================
   HEMBER PATCH 2026-05-11 - ajustes Missão/Visão, Quem Somos e faixa rosa
   ========================================================= */

/* Missão & Visão: card 02 com design inverso do card 01 */
.hember-onepage #missao-visao .mv-grid{
  max-width:1320px !important;
  margin-left:0 !important;
  margin-right:auto !important;
}
.hember-onepage #missao-visao .mv-card-vision{
  background:#E60073 !important;
  color:#FFFFFF !important;
  border-color:#E60073 !important;
}
.hember-onepage #missao-visao .mv-card-vision::before{
  background:#050505 !important;
}
.hember-onepage #missao-visao .mv-card-vision .mv-card-kicker{
  color:#050505 !important;
  border-color:#050505 !important;
}
.hember-onepage #missao-visao .mv-card-vision h3,
.hember-onepage #missao-visao .mv-card-vision p{
  color:#FFFFFF !important;
}
.hember-onepage #missao-visao .mv-card-vision p{
  opacity:.9 !important;
}

/* Quem Somos: foto da Bruna à esquerda, texto no centro e Gabriela à direita. */
.hember-onepage #sobre .qs-founder-content.qs-team-content{
  display:grid !important;
  grid-template-columns:minmax(230px,.62fr) minmax(420px,1fr) minmax(230px,.62fr) !important;
  gap:clamp(30px,4.8vw,76px) !important;
  align-items:start !important;
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
}
.hember-onepage #sobre .qs-founder-content.qs-team-content .qs-text{
  max-width:680px !important;
  justify-self:center !important;
}
.hember-onepage #sobre .qs-person-photo,
.hember-onepage #sobre .qs-manager-photo,
.hember-onepage #sobre .qs-bruna-photo{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:flex-start !important;
  width:100% !important;
  max-width:420px !important;
  margin:0 !important;
  padding:0 !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  overflow:visible !important;
  justify-self:center !important;
}
.hember-onepage #sobre .qs-person-photo .qs-img,
.hember-onepage #sobre .qs-manager-photo .qs-img,
.hember-onepage #sobre .qs-bruna-photo .qs-img{
  display:block !important;
  width:100% !important;
  max-width:420px !important;
  height:auto !important;
  max-height:clamp(360px,36vw,520px) !important;
  object-fit:contain !important;
  object-position:center center !important;
  border-radius:24px !important;
  border:1px solid rgba(230,0,115,.18) !important;
  box-shadow:0 22px 70px rgba(0,0,0,.10) !important;
  background:#fff !important;
}
.hember-onepage #sobre .qs-caption{
  width:100% !important;
  max-width:420px !important;
  margin:16px auto 0 !important;
  text-align:center !important;
  font-family:var(--hember-content-font, 'Montserrat', system-ui, -apple-system, 'Segoe UI', sans-serif) !important;
  font-size:clamp(16px,1.15vw,20px) !important;
  line-height:1.35 !important;
  color:#050505 !important;
}
.hember-onepage #sobre .qs-caption strong,
.hember-onepage #sobre .qs-caption span{
  display:block !important;
}
.hember-onepage #sobre .qs-caption strong{
  font-weight:500 !important;
}
.hember-onepage #sobre .qs-caption span{
  margin-top:4px !important;
  font-size:.9em !important;
  font-weight:300 !important;
  opacity:.72 !important;
}

/* Segunda faixa rosa com a mesma família/pegada tipográfica da primeira faixa. */
.hember-onepage .hember-agenciados-band .faq-band-title,
.hember-onepage .hember-agenciados-band .faq-band-note{
  font-family:'General Sans', system-ui, -apple-system, 'Segoe UI', sans-serif !important;
  font-weight:200 !important;
  letter-spacing:-.058em !important;
}
.hember-onepage .hember-agenciados-band .faq-band-title{
  font-size:clamp(44px,4.8vw,92px) !important;
  line-height:.92 !important;
}
.hember-onepage .hember-agenciados-band .faq-band-note{
  font-size:clamp(26px,2.6vw,52px) !important;
  line-height:1.02 !important;
  max-width:900px !important;
}

@media (max-width:1100px){
  .hember-onepage #sobre .qs-founder-content.qs-team-content{
    grid-template-columns:1fr 1fr !important;
  }
  .hember-onepage #sobre .qs-founder-content.qs-team-content .qs-text{
    grid-column:1 / -1 !important;
    grid-row:1 !important;
    justify-self:start !important;
    max-width:100% !important;
  }
  .hember-onepage #sobre .qs-bruna-photo{
    grid-column:1 !important;
  }
  .hember-onepage #sobre .qs-manager-photo{
    grid-column:2 !important;
  }
}

@media (max-width:760px){
  .hember-onepage #sobre .qs-founder-content.qs-team-content,
  .hember-onepage #missao-visao .mv-grid{
    grid-template-columns:1fr !important;
  }
  .hember-onepage #sobre .qs-bruna-photo,
  .hember-onepage #sobre .qs-manager-photo{
    grid-column:auto !important;
    max-width:360px !important;
  }
  .hember-onepage #sobre .qs-person-photo .qs-img,
  .hember-onepage #sobre .qs-manager-photo .qs-img,
  .hember-onepage #sobre .qs-bruna-photo .qs-img{
    max-width:360px !important;
    max-height:none !important;
  }
  .hember-onepage .hember-agenciados-band .faq-band-title{
    font-size:clamp(34px,12vw,56px) !important;
  }
  .hember-onepage .hember-agenciados-band .faq-band-note{
    font-size:clamp(20px,7vw,34px) !important;
  }
}


/* =========================================================
   HEMBER PATCH 2026-05-11 - ajuste de faixas e cards de benefícios
   ========================================================= */

/* Primeira faixa rosa: mesma pegada, porém em variação mais grossa. */
.hember-onepage .hember-free-band .faq-band-free-title,
.hember-onepage .faq-band-free-title{
  font-family:'General Sans', system-ui, -apple-system, 'Segoe UI', sans-serif !important;
  font-weight:500 !important;
  letter-spacing:-.056em !important;
}

/* Segunda faixa: esquerda volta para a fonte/peso anterior; direita mantém a fonte fina atual. */
.hember-onepage .hember-agenciados-band .faq-band-title{
  font-family:var(--hember-content-font, 'Montserrat', system-ui, -apple-system, 'Segoe UI', sans-serif) !important;
  font-weight:800 !important;
  letter-spacing:-.04em !important;
  font-size:clamp(44px,4.25vw,82px) !important;
  line-height:.94 !important;
}
.hember-onepage .hember-agenciados-band .faq-band-note{
  font-family:'General Sans', system-ui, -apple-system, 'Segoe UI', sans-serif !important;
  font-weight:200 !important;
  letter-spacing:-.058em !important;
  font-size:clamp(26px,2.6vw,52px) !important;
  line-height:1.02 !important;
}

/* Benefícios Hember: cards bem mais baixos e compactos. */
.hember-onepage #beneficios .b-grid{
  gap:16px !important;
}
.hember-onepage #beneficios .b-benefit-card,
.hember-onepage #beneficios a.b-benefit-card{
  height:128px !important;
  min-height:128px !important;
  padding:0 !important;
  align-items:center !important;
  justify-content:center !important;
}
.hember-onepage #beneficios .b-benefit-card .b-content{
  min-height:0 !important;
  padding:12px 18px !important;
  gap:5px !important;
  justify-content:center !important;
  align-items:center !important;
  text-align:center !important;
}
.hember-onepage #beneficios .b-benefit-card .b-badge{
  font-size:clamp(17px,1.2vw,21px) !important;
  line-height:1.05 !important;
}
.hember-onepage #beneficios .b-benefit-card .b-text{
  margin-top:3px !important;
  max-width:330px !important;
  font-size:12.5px !important;
  line-height:1.24 !important;
  -webkit-line-clamp:2 !important;
}

@media (max-width:760px){
  .hember-onepage .hember-free-band .faq-band-free-title,
  .hember-onepage .faq-band-free-title{
    font-weight:500 !important;
  }
  .hember-onepage .hember-agenciados-band .faq-band-title{
    font-size:clamp(32px,10.6vw,52px) !important;
  }
  .hember-onepage .hember-agenciados-band .faq-band-note{
    font-size:clamp(20px,7vw,34px) !important;
  }
  .hember-onepage #beneficios .b-grid{
    gap:12px !important;
  }
  .hember-onepage #beneficios .b-benefit-card,
  .hember-onepage #beneficios a.b-benefit-card{
    height:116px !important;
    min-height:116px !important;
  }
  .hember-onepage #beneficios .b-benefit-card .b-content{
    padding:10px 12px !important;
  }
  .hember-onepage #beneficios .b-benefit-card .b-badge{
    font-size:15.5px !important;
  }
  .hember-onepage #beneficios .b-benefit-card .b-text{
    font-size:11px !important;
    line-height:1.2 !important;
  }
}

/* =========================================================
   HEMBER PATCH 2026-05-11 - padronização de títulos e alinhamento
   ========================================================= */
:root{
  --hember-section-title-size:clamp(48px,5.1vw,82px);
  --hember-section-title-line:.92;
}

/* Títulos das seções a partir de Quem Somos: mesma fonte e mesmo porte do QUEM SOMOS. */
.hember-onepage #sobre .qs-title,
.hember-onepage #sobre .qs-title *,
.hember-onepage #fundadora .about-h2,
.hember-onepage #fundadora .about-h2 *,
.hember-onepage #entregas .about-h2,
.hember-onepage #entregas .about-h2 *,
.hember-onepage #beneficios .b-title,
.hember-onepage #beneficios .b-title *,
.hember-onepage #missao-visao .mv-title,
.hember-onepage #missao-visao .mv-title *,
.hember-onepage #diretoria .about-h2,
.hember-onepage #diretoria .about-h2 *,
.hember-onepage #livestream .live-join-title,
.hember-onepage #livestream .live-join-title *,
.hember-onepage #o-que-e-live .live-h2,
.hember-onepage #o-que-e-live .live-h2 *,
.hember-onepage #requisitos .live-h2,
.hember-onepage #requisitos .live-h2 *,
.hember-onepage #depoimentos .t-title,
.hember-onepage #depoimentos .t-title *,
.hember-onepage #faq .hember-top-title,
.hember-onepage #faq .hember-top-title *{
  font-family:'General Sans', system-ui, -apple-system, 'Segoe UI', sans-serif !important;
  font-size:var(--hember-section-title-size) !important;
  line-height:var(--hember-section-title-line) !important;
  font-weight:200 !important;
  letter-spacing:-.05em !important;
}

/* Mantém as cores próprias dos títulos compostos. */
.hember-onepage #beneficios .b-title span{ color:#fff !important; }
.hember-onepage #beneficios .b-title em{ color:var(--benefit-pink, #E60073) !important; }
.hember-onepage #missao-visao .mv-title{ color:#050505 !important; }
.hember-onepage #missao-visao .mv-title strong{ color:#E60073 !important; }

/* Missão & Visão: mesma lógica visual de Benefícios Hember. */
.hember-onepage #missao-visao .container{
  max-width:1400px !important;
  margin-left:auto !important;
  margin-right:auto !important;
}
.hember-onepage #missao-visao .mv-heading{
  max-width:980px !important;
  margin:0 auto clamp(28px,3.4vw,48px) !important;
  text-align:center !important;
}
.hember-onepage #missao-visao .mv-title{
  margin-left:auto !important;
  margin-right:auto !important;
  text-align:center !important;
  white-space:normal !important;
}
.hember-onepage #missao-visao .mv-sub{
  max-width:920px !important;
  margin:0 auto !important;
  text-align:center !important;
  font-family:var(--hember-content-font, 'Montserrat', system-ui, -apple-system, 'Segoe UI', sans-serif) !important;
  font-size:18px !important;
  line-height:1.55 !important;
  font-weight:300 !important;
  color:rgba(5,5,5,.78) !important;
}
.hember-onepage #missao-visao .mv-grid{
  max-width:1320px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  justify-content:center !important;
}
.hember-onepage #missao-visao .mv-card,
.hember-onepage #missao-visao .mv-card *{
  text-align:left !important;
}

/* O que são Lives no TikTok: estrutura centralizada como Benefícios; conteúdo interno dos cards à esquerda. */
.hember-onepage #o-que-e-live.live-topic > .container,
.live-page .live-topic-combined > .container{
  max-width:1400px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  padding-left:clamp(18px,4vw,76px) !important;
  padding-right:clamp(18px,4vw,76px) !important;
}
.hember-onepage #o-que-e-live .live-founder-structure,
.live-page .live-topic-combined .live-founder-structure{
  max-width:1320px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  text-align:center !important;
}
.hember-onepage #o-que-e-live .live-text.live-text-full,
.live-page .live-topic-combined .live-text.live-text-full{
  max-width:1320px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  text-align:center !important;
}
.hember-onepage #o-que-e-live .live-h2,
.live-page .live-topic-combined .live-h2{
  max-width:100% !important;
  margin-left:auto !important;
  margin-right:auto !important;
  text-align:center !important;
}
.hember-onepage #o-que-e-live .live-intro,
.hember-onepage #o-que-e-live .live-text > p,
.live-page .live-topic-combined .live-intro,
.live-page .live-topic-combined .live-text > p{
  max-width:1120px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  text-align:center !important;
}
.hember-onepage #o-que-e-live .live-info-cards,
.live-page .live-topic-combined .live-info-cards{
  max-width:1320px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  justify-content:center !important;
}
.hember-onepage #o-que-e-live .live-info-card,
.live-page .live-topic-combined .live-info-card,
.hember-onepage #o-que-e-live .live-info-card *,
.live-page .live-topic-combined .live-info-card *{
  text-align:left !important;
}

@media (max-width:760px){
  :root{ --hember-section-title-size:clamp(38px,12vw,58px); }
  .hember-onepage #missao-visao .mv-sub,
  .hember-onepage #beneficios .b-sub{
    font-size:16px !important;
    line-height:1.48 !important;
  }
}

/* =========================================================
   HEMBER PATCH 2026-05-11 - títulos das seções com fonte da 1ª faixa rosa
   ========================================================= */
.hember-onepage #sobre .qs-title,
.hember-onepage #sobre .qs-title *,
.hember-onepage #fundadora .about-h2,
.hember-onepage #fundadora .about-h2 *,
.hember-onepage #entregas .about-h2,
.hember-onepage #entregas .about-h2 *,
.hember-onepage #beneficios .b-title,
.hember-onepage #beneficios .b-title *,
.hember-onepage #missao-visao .mv-title,
.hember-onepage #missao-visao .mv-title *,
.hember-onepage #diretoria .about-h2,
.hember-onepage #diretoria .about-h2 *,
.hember-onepage #livestream .live-join-title,
.hember-onepage #livestream .live-join-title *,
.hember-onepage #o-que-e-live .live-h2,
.hember-onepage #o-que-e-live .live-h2 *,
.hember-onepage #requisitos .live-h2,
.hember-onepage #requisitos .live-h2 *,
.hember-onepage #depoimentos .t-title,
.hember-onepage #depoimentos .t-title *,
.hember-onepage #faq .hember-top-title,
.hember-onepage #faq .hember-top-title *{
  font-family:'General Sans', system-ui, -apple-system, 'Segoe UI', sans-serif !important;
  font-weight:500 !important;
  letter-spacing:-.056em !important;
}

/* =========================================================
   HEMBER PATCH 2026-05-11 - ajuste isolado dos cards de Benefícios
   Alvo exclusivo: seção #beneficios
   ========================================================= */
.hember-onepage #beneficios .b-grid{
  gap:14px !important;
}

.hember-onepage #beneficios .b-benefit-card,
.hember-onepage #beneficios a.b-benefit-card{
  height:96px !important;
  min-height:96px !important;
  padding:0 !important;
}

.hember-onepage #beneficios .b-benefit-card .b-content,
.hember-onepage #beneficios a.b-benefit-card .b-content{
  padding:8px 18px !important;
  min-height:0 !important;
  gap:0 !important;
  justify-content:center !important;
  align-items:center !important;
  text-align:center !important;
}

.hember-onepage #beneficios .b-benefit-card .b-badge,
.hember-onepage #beneficios a.b-benefit-card .b-badge{
  font-size:clamp(24px,1.65vw,31px) !important;
  line-height:1 !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  max-width:100% !important;
}

@media (max-width:760px){
  .hember-onepage #beneficios .b-grid{
    gap:10px !important;
  }

  .hember-onepage #beneficios .b-benefit-card,
  .hember-onepage #beneficios a.b-benefit-card{
    height:82px !important;
    min-height:82px !important;
  }

  .hember-onepage #beneficios .b-benefit-card .b-content,
  .hember-onepage #beneficios a.b-benefit-card .b-content{
    padding:8px 12px !important;
  }

  .hember-onepage #beneficios .b-benefit-card .b-badge,
  .hember-onepage #beneficios a.b-benefit-card .b-badge{
    font-size:clamp(18px,5.1vw,24px) !important;
  }
}


/* =========================================================
   HEMBER PATCH 2026-05-12 - ajustes pontuais solicitados
   Alvos: Quem Somos, imagens/captions e badges da hero
   ========================================================= */

/* O título principal da hero está herdando a pilha system-ui do site,
   com peso forte. Aplicado somente ao título do Quem Somos. */
.hember-onepage #sobre .qs-title,
.hember-onepage #sobre .qs-title *{
  font-family:system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif !important;
  font-weight:950 !important;
  letter-spacing:-.045em !important;
}

/* Quem Somos: imagens em PNG com contorno branco + contorno preto fino. */
.hember-onepage #sobre .qs-person-photo .qs-img,
.hember-onepage #sobre .qs-bruna-photo .qs-img,
.hember-onepage #sobre .qs-manager-photo .qs-img{
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  object-fit:contain !important;
  object-position:center bottom !important;
  filter:
    drop-shadow( 3px  0   0 #ffffff)
    drop-shadow(-3px  0   0 #ffffff)
    drop-shadow( 0    3px 0 #ffffff)
    drop-shadow( 0   -3px 0 #ffffff)
    drop-shadow( 2px  2px 0 #ffffff)
    drop-shadow(-2px  2px 0 #ffffff)
    drop-shadow( 2px -2px 0 #ffffff)
    drop-shadow(-2px -2px 0 #ffffff)
    drop-shadow( 4px  0   0 #050505)
    drop-shadow(-4px  0   0 #050505)
    drop-shadow( 0    4px 0 #050505)
    drop-shadow( 0   -4px 0 #050505);
  -webkit-filter:
    drop-shadow( 3px  0   0 #ffffff)
    drop-shadow(-3px  0   0 #ffffff)
    drop-shadow( 0    3px 0 #ffffff)
    drop-shadow( 0   -3px 0 #ffffff)
    drop-shadow( 2px  2px 0 #ffffff)
    drop-shadow(-2px  2px 0 #ffffff)
    drop-shadow( 2px -2px 0 #ffffff)
    drop-shadow(-2px -2px 0 #ffffff)
    drop-shadow( 4px  0   0 #050505)
    drop-shadow(-4px  0   0 #050505)
    drop-shadow( 0    4px 0 #050505)
    drop-shadow( 0   -4px 0 #050505);
}

.hember-onepage #sobre .qs-caption span{
  color:#E60073 !important;
  opacity:1 !important;
  font-weight:500 !important;
}

/* Hero: badges com a mesma família/peso da primeira faixa rosa. */
.hember-onepage .hero-badges .hero-badge,
.hember-onepage .hero-badges .hero-badge span{
  font-family:'General Sans', system-ui, -apple-system, 'Segoe UI', sans-serif !important;
  font-weight:500 !important;
  letter-spacing:-.018em !important;
}


/* =========================================================
   HEMBER PATCH 2026-05-12 - ajustes pontuais finais
   Escopo fechado nos pontos solicitados.
   ========================================================= */

/* 1) CTA principal: aumenta texto sem aumentar altura do botão. */
.hember-onepage .hero-static .hero-main-cta,
.hember-onepage .hero-static a.hero-main-cta{
  min-height:56px !important;
  height:56px !important;
  padding-top:0 !important;
  padding-bottom:0 !important;
  padding-left:clamp(30px, 2.8vw, 44px) !important;
  padding-right:16px !important;
  font-family:'General Sans', system-ui, -apple-system, 'Segoe UI', sans-serif !important;
  font-size:clamp(18px, 1.25vw, 22px) !important;
  line-height:1 !important;
  font-weight:900 !important;
  letter-spacing:-.035em !important;
  white-space:nowrap !important;
}

/* 2) Logo da hero um pouco mais baixa e mais próxima do bloco textual. */
.hember-onepage .hero-static.hero-theme-light .hero-public-logo,
.hember-onepage .hero-public-logo{
  margin-top:clamp(18px, 2vw, 34px) !important;
  margin-bottom:clamp(38px, 4vw, 70px) !important;
}

/* 3) Rodapé: logo mais visível e textos brancos com fonte fina de conteúdo. */
.site-footer .footer-bottom-row{
  min-height:112px !important;
}
.site-footer .footer-bottom-logo{
  width:clamp(180px, 13vw, 250px) !important;
  max-width:250px !important;
}
.site-footer .footer-copy,
.site-footer .footer-copy span,
.site-footer .footer-backtop,
.site-footer .footer-backtop-text{
  color:#FFFFFF !important;
  font-family:var(--hember-content-font, 'Montserrat', system-ui, -apple-system, 'Segoe UI', sans-serif) !important;
  font-weight:300 !important;
}
.site-footer .footer-copy{
  font-size:clamp(15px, 1vw, 18px) !important;
  letter-spacing:-.015em !important;
}
.site-footer .footer-copy span{
  font-weight:500 !important;
}

/* 4) Quem Somos como quadro: mantém cores atuais, organiza fotos/texto e aumenta Gabriela. */
.hember-onepage #sobre.qs-section{
  background:
    linear-gradient(135deg, transparent 0 58%, rgba(230,0,115,.055) 58% 100%),
    #FFFFFF !important;
  padding-top:clamp(70px, 7vw, 118px) !important;
  padding-bottom:clamp(70px, 7vw, 118px) !important;
}
.hember-onepage #sobre.qs-section::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  background-image:
    linear-gradient(135deg, transparent 0 48%, rgba(230,0,115,.24) 48% 48.4%, transparent 48.4% 100%),
    linear-gradient(45deg, transparent 0 61%, rgba(230,0,115,.18) 61% 61.35%, transparent 61.35% 100%) !important;
  background-size:240px 240px, 320px 320px !important;
  background-position:right 22px top 0, left -80px bottom -70px !important;
  opacity:.42 !important;
  z-index:0 !important;
  pointer-events:none !important;
  transform:none !important;
  color:transparent !important;
}
.hember-onepage #sobre.qs-section::after{
  content:"" !important;
  position:absolute !important;
  right:7% !important;
  top:18% !important;
  width:240px !important;
  height:150px !important;
  background-image:radial-gradient(rgba(230,0,115,.18) 2px, transparent 2px) !important;
  background-size:18px 18px !important;
  opacity:.58 !important;
  z-index:0 !important;
  border-radius:0 !important;
  pointer-events:none !important;
}
.hember-onepage #sobre .qs-founder-structure{
  position:relative !important;
  z-index:1 !important;
  max-width:1500px !important;
}
.hember-onepage #sobre .qs-founder-content.qs-team-content{
  position:relative !important;
  max-width:1380px !important;
  margin:0 auto !important;
  padding:clamp(24px, 3.2vw, 46px) !important;
  display:grid !important;
  grid-template-columns:minmax(260px, .82fr) minmax(390px, 1fr) minmax(260px, .82fr) !important;
  gap:clamp(22px, 3.2vw, 48px) !important;
  align-items:end !important;
  background:#FFFFFF !important;
  border-radius:24px !important;
  border:1px solid rgba(5,5,5,.07) !important;
  box-shadow:0 24px 80px rgba(0,0,0,.12) !important;
  overflow:hidden !important;
}
.hember-onepage #sobre .qs-founder-content.qs-team-content::before{
  content:"" !important;
  position:absolute !important;
  right:-70px !important;
  top:-72px !important;
  width:240px !important;
  height:240px !important;
  border-radius:999px !important;
  background:radial-gradient(circle, rgba(230,0,115,.11), transparent 68%) !important;
  pointer-events:none !important;
}
.hember-onepage #sobre .qs-founder-content.qs-team-content .qs-text{
  align-self:center !important;
  max-width:560px !important;
  justify-self:center !important;
  z-index:2 !important;
}
.hember-onepage #sobre .qs-founder-content.qs-team-content .qs-paragraph{
  font-size:clamp(17px, 1.15vw, 22px) !important;
  line-height:1.38 !important;
}
.hember-onepage #sobre .qs-name-highlight{
  color:#E60073 !important;
  font-weight:700 !important;
}
.hember-onepage #sobre .qs-person-photo,
.hember-onepage #sobre .qs-manager-photo,
.hember-onepage #sobre .qs-bruna-photo{
  max-width:460px !important;
  align-self:end !important;
  z-index:2 !important;
}
.hember-onepage #sobre .qs-person-photo .qs-img,
.hember-onepage #sobre .qs-bruna-photo .qs-img,
.hember-onepage #sobre .qs-manager-photo .qs-img{
  width:100% !important;
  height:clamp(410px, 38vw, 610px) !important;
  max-height:none !important;
  object-fit:contain !important;
  object-position:center bottom !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}
.hember-onepage #sobre .qs-manager-photo{
  max-width:500px !important;
}
.hember-onepage #sobre .qs-manager-photo .qs-img{
  transform:scale(1.18) !important;
  transform-origin:center bottom !important;
}
.hember-onepage #sobre .qs-caption{
  margin-top:18px !important;
  font-size:clamp(20px, 1.35vw, 28px) !important;
  line-height:1.14 !important;
}
.hember-onepage #sobre .qs-caption strong{
  font-weight:800 !important;
}
.hember-onepage #sobre .qs-caption span{
  color:#E60073 !important;
  font-size:.88em !important;
  font-weight:300 !important;
  opacity:1 !important;
}

/* 6) Mesma fonte do título Quem Somos nos títulos das seções abaixo dele. */
.hember-onepage #fundadora .about-h2,
.hember-onepage #fundadora .about-h2 *,
.hember-onepage #entregas .about-h2,
.hember-onepage #entregas .about-h2 *,
.hember-onepage #beneficios .b-title,
.hember-onepage #beneficios .b-title *,
.hember-onepage #missao-visao .mv-title,
.hember-onepage #missao-visao .mv-title *,
.hember-onepage #diretoria .about-h2,
.hember-onepage #diretoria .about-h2 *,
.hember-onepage #livestream .live-join-title,
.hember-onepage #livestream .live-join-title *,
.hember-onepage #o-que-e-live .live-h2,
.hember-onepage #o-que-e-live .live-h2 *,
.hember-onepage #requisitos .live-h2,
.hember-onepage #requisitos .live-h2 *,
.hember-onepage #depoimentos .t-title,
.hember-onepage #depoimentos .t-title *,
.hember-onepage #faq .hember-top-title,
.hember-onepage #faq .hember-top-title *{
  font-family:system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif !important;
  font-weight:950 !important;
  letter-spacing:-.045em !important;
}

/* 7) Missão & Visão: sem números, títulos pesados, textos brancos. */
.hember-onepage #missao-visao .mv-card-kicker{
  display:none !important;
}
.hember-onepage #missao-visao .mv-card h3{
  font-family:'General Sans', system-ui, -apple-system, 'Segoe UI', sans-serif !important;
  font-weight:900 !important;
  letter-spacing:-.045em !important;
  margin-top:0 !important;
}
.hember-onepage #missao-visao .mv-card-mission h3{
  color:#E60073 !important;
}
.hember-onepage #missao-visao .mv-card-vision h3{
  color:#050505 !important;
}
.hember-onepage #missao-visao .mv-card-mission p,
.hember-onepage #missao-visao .mv-card-vision p{
  color:#FFFFFF !important;
  opacity:.92 !important;
}

/* 8) FAQ padrão: link como botão. */
.faq-page .faq-work-btn,
.hember-onepage .faq-work-btn{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:44px !important;
  padding:0 22px !important;
  border-radius:999px !important;
  background:#E60073 !important;
  color:#FFFFFF !important;
  font-family:'General Sans', system-ui, -apple-system, 'Segoe UI', sans-serif !important;
  font-size:14px !important;
  font-weight:900 !important;
  letter-spacing:-.02em !important;
  text-decoration:none !important;
  text-transform:uppercase !important;
}
.faq-page .faq-work-btn:hover,
.hember-onepage .faq-work-btn:hover{
  filter:brightness(1.05) !important;
  text-decoration:none !important;
}

/* Hero: badges e CTA na variação grossa da fonte da faixa rosa. */
.hember-onepage .hero-badges .hero-badge,
.hember-onepage .hero-badges .hero-badge span,
.hember-onepage .hero-main-cta,
.hember-onepage a.hero-main-cta{
  font-family:'General Sans', system-ui, -apple-system, 'Segoe UI', sans-serif !important;
  font-weight:900 !important;
  letter-spacing:-.032em !important;
}

@media (max-width:1100px){
  .hember-onepage #sobre .qs-founder-content.qs-team-content{
    grid-template-columns:1fr !important;
    max-width:820px !important;
    align-items:center !important;
  }
  .hember-onepage #sobre .qs-founder-content.qs-team-content .qs-text{
    grid-row:auto !important;
    justify-self:center !important;
    max-width:680px !important;
  }
  .hember-onepage #sobre .qs-bruna-photo,
  .hember-onepage #sobre .qs-manager-photo{
    grid-column:auto !important;
    max-width:420px !important;
  }
  .hember-onepage #sobre .qs-person-photo .qs-img,
  .hember-onepage #sobre .qs-bruna-photo .qs-img,
  .hember-onepage #sobre .qs-manager-photo .qs-img{
    height:auto !important;
    max-height:520px !important;
  }
  .hember-onepage #sobre .qs-manager-photo .qs-img{
    transform:none !important;
  }
}

@media (max-width:760px){
  .hember-onepage .hero-static .hero-main-cta,
  .hember-onepage .hero-static a.hero-main-cta{
    font-size:clamp(15px, 4vw, 18px) !important;
    min-height:52px !important;
    height:52px !important;
  }
  .site-footer .footer-bottom-logo{
    width:170px !important;
    max-width:170px !important;
  }
  .hember-onepage #sobre .qs-founder-content.qs-team-content{
    padding:24px 18px !important;
  }
  .hember-onepage #sobre .qs-caption{
    font-size:20px !important;
  }
}

/* =========================================================
   HEMBER PATCH 2026-05-12 - ajustes pontuais Quem Somos + rodapé
   Escopo fechado para não afetar outras seções.
   ========================================================= */

/* Quem Somos: título dentro do card e frufruzinhos geométricos como referência. */
.hember-onepage #sobre.qs-section{
  position:relative !important;
  overflow:hidden !important;
  background:#FFFFFF !important;
  padding-top:clamp(54px, 5.4vw, 88px) !important;
  padding-bottom:clamp(54px, 5.4vw, 88px) !important;
}
.hember-onepage #sobre.qs-section::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  display:block !important;
  pointer-events:none !important;
  z-index:0 !important;
  opacity:.46 !important;
  background-image:
    linear-gradient(135deg, transparent 0 45%, rgba(230,0,115,.36) 45.15%, transparent 45.45% 100%),
    linear-gradient(45deg, transparent 0 55%, rgba(230,0,115,.30) 55.15%, transparent 55.45% 100%),
    linear-gradient(125deg, transparent 0 63%, rgba(230,0,115,.28) 63.15%, transparent 63.45% 100%),
    linear-gradient(35deg, transparent 0 72%, rgba(230,0,115,.22) 72.15%, transparent 72.45% 100%) !important;
  background-size:360px 360px, 300px 300px, 420px 420px, 280px 280px !important;
  background-position:right -70px top -74px, right 72px top -18px, left -110px bottom -84px, left 80px bottom -60px !important;
  background-repeat:no-repeat !important;
}
.hember-onepage #sobre.qs-section::after{
  content:"" !important;
  position:absolute !important;
  right:-90px !important;
  top:-50px !important;
  width:min(38vw, 520px) !important;
  height:min(30vw, 420px) !important;
  display:block !important;
  pointer-events:none !important;
  z-index:0 !important;
  opacity:.13 !important;
  background:#E60073 !important;
  clip-path:polygon(54% 0, 100% 0, 100% 44%, 62% 44%, 62% 100%, 26% 100%, 26% 44%, 0 44%, 0 0) !important;
}
.hember-onepage #sobre .qs-founder-content.qs-team-content{
  position:relative !important;
  z-index:1 !important;
  max-width:1320px !important;
  margin:0 auto !important;
  padding:clamp(28px, 3vw, 46px) clamp(30px, 4vw, 62px) clamp(24px, 3vw, 42px) !important;
  display:grid !important;
  grid-template-columns:minmax(260px, .78fr) minmax(420px, 1fr) minmax(260px, .78fr) !important;
  gap:clamp(22px, 3vw, 44px) !important;
  align-items:end !important;
  background:rgba(255,255,255,.96) !important;
  border:1px solid rgba(5,5,5,.08) !important;
  border-radius:24px !important;
  box-shadow:0 24px 70px rgba(0,0,0,.13) !important;
  overflow:hidden !important;
}
.hember-onepage #sobre .qs-founder-content.qs-team-content::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  z-index:0 !important;
  pointer-events:none !important;
  opacity:.28 !important;
  background-image:
    linear-gradient(135deg, transparent 0 58%, rgba(230,0,115,.20) 58.15%, transparent 58.45% 100%),
    linear-gradient(45deg, transparent 0 35%, rgba(230,0,115,.18) 35.15%, transparent 35.45% 100%) !important;
  background-size:260px 260px, 220px 220px !important;
  background-position:right -45px top -40px, left -70px bottom -50px !important;
  background-repeat:no-repeat !important;
}
.hember-onepage #sobre .qs-founder-content.qs-team-content > *{
  position:relative !important;
  z-index:1 !important;
}
.hember-onepage #sobre .qs-title{
  grid-column:1 / -1 !important;
  margin:0 0 clamp(8px, 1vw, 16px) !important;
  color:#050505 !important;
  text-align:left !important;
  justify-self:start !important;
  line-height:.9 !important;
  max-width:none !important;
}
.hember-onepage #sobre .qs-founder-content.qs-team-content .qs-text{
  align-self:center !important;
  justify-self:center !important;
  max-width:560px !important;
}
.hember-onepage #sobre .qs-person-photo,
.hember-onepage #sobre .qs-bruna-photo,
.hember-onepage #sobre .qs-manager-photo{
  align-self:end !important;
  margin:0 !important;
  max-width:430px !important;
}
.hember-onepage #sobre .qs-person-photo .qs-img,
.hember-onepage #sobre .qs-bruna-photo .qs-img,
.hember-onepage #sobre .qs-manager-photo .qs-img{
  height:clamp(390px, 35vw, 560px) !important;
  width:100% !important;
  max-height:none !important;
  object-fit:contain !important;
  object-position:center bottom !important;
}
.hember-onepage #sobre .qs-manager-photo .qs-img{
  transform:scale(1.13) !important;
  transform-origin:center bottom !important;
}

/* Rodapé: mantém rosa, mas reduz bastante a altura da faixa. */
.site-footer .footer-bottom-row{
  min-height:76px !important;
  padding:8px 0 9px !important;
  align-items:center !important;
}
.site-footer .footer-bottom-logo{
  width:clamp(150px, 10vw, 190px) !important;
  max-width:190px !important;
}
.site-footer .footer-copy{
  font-size:clamp(13px, .88vw, 16px) !important;
  line-height:1.1 !important;
}
.site-footer .footer-right-actions{
  gap:7px !important;
}
.site-footer .footer-backtop{
  font-size:11px !important;
  line-height:1 !important;
  margin:0 !important;
}
.site-footer .footer-backtop-icon{
  width:26px !important;
  height:26px !important;
  min-width:26px !important;
  border-width:2px !important;
}
.site-footer .footer-socials{
  gap:8px !important;
}
.site-footer .footer-social{
  width:34px !important;
  height:34px !important;
  flex-basis:34px !important;
  border-width:2px !important;
}
.site-footer .footer-social img{
  width:17px !important;
  height:17px !important;
}

@media (max-width:1100px){
  .hember-onepage #sobre .qs-founder-content.qs-team-content{
    grid-template-columns:1fr !important;
    max-width:820px !important;
  }
  .hember-onepage #sobre .qs-title{
    text-align:center !important;
    justify-self:center !important;
  }
  .hember-onepage #sobre .qs-bruna-photo,
  .hember-onepage #sobre .qs-manager-photo{
    justify-self:center !important;
    max-width:420px !important;
  }
  .hember-onepage #sobre .qs-person-photo .qs-img,
  .hember-onepage #sobre .qs-bruna-photo .qs-img,
  .hember-onepage #sobre .qs-manager-photo .qs-img{
    height:auto !important;
    max-height:520px !important;
  }
  .hember-onepage #sobre .qs-manager-photo .qs-img{
    transform:none !important;
  }
}

@media (max-width:768px){
  .site-footer .footer-bottom-row{
    min-height:0 !important;
    padding:14px 16px 16px !important;
    gap:10px !important;
  }
  .site-footer .footer-bottom-logo{
    width:145px !important;
    max-width:145px !important;
  }
}

/* =========================================================
   HEMBER PATCH 2026-05-12 - ajustes pontuais: Missão, Livestream, Quem Somos e rodapé
   Escopo fechado nos seletores pedidos.
   ========================================================= */

/* Missão & Visão: cards mais baixos e menos espaço antes do Livestream. */
.hember-onepage #missao-visao.mv-section{
  padding-top:clamp(48px, 4.6vw, 78px) !important;
  padding-bottom:clamp(26px, 2.5vw, 42px) !important;
}
.hember-onepage #missao-visao .mv-heading{
  margin-bottom:clamp(18px, 2vw, 28px) !important;
}
.hember-onepage #missao-visao .mv-grid{
  gap:clamp(16px, 2vw, 26px) !important;
}
.hember-onepage #missao-visao .mv-card{
  min-height:205px !important;
  padding:clamp(22px, 2.05vw, 34px) clamp(26px, 2.6vw, 42px) !important;
  border-radius:24px !important;
}
.hember-onepage #missao-visao .mv-card h3{
  margin-bottom:clamp(10px, 1vw, 14px) !important;
}
.hember-onepage #missao-visao .mv-card p{
  font-size:clamp(17px, 1.18vw, 22px) !important;
  line-height:1.42 !important;
}

/* Livestream: reduz somente o título desta seção para não encostar nos vídeos. */
.hember-onepage #livestream.live-join-hero{
  padding-top:clamp(34px, 3.7vw, 58px) !important;
}
.hember-onepage #livestream .live-join-title{
  font-size:clamp(42px, 5.1vw, 88px) !important;
  line-height:.92 !important;
  max-width:690px !important;
  letter-spacing:-.052em !important;
}
.hember-onepage #livestream .live-join-hash,
.hember-onepage #livestream .live-join-brand{
  display:block !important;
  font-size:inherit !important;
  line-height:inherit !important;
  letter-spacing:inherit !important;
}

/* Rodapé: reduz a altura da faixa rosa mantendo conteúdo no tamanho atual. */
.site-footer .footer-bottom-row{
  min-height:0 !important;
  padding-top:6px !important;
  padding-bottom:6px !important;
  gap:6px !important;
}
.site-footer .footer-bottom{
  padding-top:0 !important;
  padding-bottom:0 !important;
}

/* Quem Somos: aproxima bloco visual do título e iguala o texto ao porte da Fundadora & CEO. */
.hember-onepage #sobre .qs-founder-content.qs-team-content{
  row-gap:clamp(8px, 1vw, 14px) !important;
  align-items:start !important;
}
.hember-onepage #sobre .qs-title{
  margin-bottom:clamp(6px, .8vw, 12px) !important;
}
.hember-onepage #sobre .qs-founder-content.qs-team-content .qs-text{
  align-self:start !important;
  margin-top:clamp(6px, .9vw, 14px) !important;
  max-width:680px !important;
}
.hember-onepage #sobre .qs-founder-content.qs-team-content .qs-paragraph{
  font-size:clamp(20px, 1.6vw, 27px) !important;
  line-height:1.55 !important;
  font-weight:650 !important;
}
.hember-onepage #sobre .qs-person-photo,
.hember-onepage #sobre .qs-bruna-photo,
.hember-onepage #sobre .qs-manager-photo{
  align-self:start !important;
  margin-top:0 !important;
}
.hember-onepage #sobre .qs-person-photo .qs-img,
.hember-onepage #sobre .qs-bruna-photo .qs-img,
.hember-onepage #sobre .qs-manager-photo .qs-img{
  height:clamp(350px, 31vw, 510px) !important;
  object-position:center top !important;
}

@media (max-width:1100px){
  .hember-onepage #missao-visao .mv-card{
    min-height:190px !important;
  }
  .hember-onepage #livestream .live-join-title{
    font-size:clamp(38px, 8.5vw, 70px) !important;
    max-width:100% !important;
  }
}

@media (max-width:760px){
  .hember-onepage #missao-visao.mv-section{
    padding-top:42px !important;
    padding-bottom:26px !important;
  }
  .hember-onepage #missao-visao .mv-card{
    min-height:0 !important;
    padding:24px 22px !important;
  }
  .hember-onepage #sobre .qs-founder-content.qs-team-content .qs-paragraph{
    font-size:18px !important;
    line-height:1.48 !important;
  }
  .site-footer .footer-bottom-row{
    padding-top:10px !important;
    padding-bottom:10px !important;
  }
}

/* =========================================================
   HEMBER PATCH 2026-05-12 - ajustes solicitados: faixas, fotos, missão, rodapé e logo hero
   Escopo: apenas seções citadas pelo usuário.
   ========================================================= */

/* Livestream e FAQ: título com a variação grossa da faixa rosa; descrição com variação fina. */
.hember-onepage #livestream .live-join-title,
.hember-onepage #livestream .live-join-title *,
.live-page .live-join-title,
.live-page .live-join-title *,
.hember-onepage #faq .hember-top-title,
.hember-onepage #faq .hember-top-title *{
  font-family:'General Sans', system-ui, -apple-system, 'Segoe UI', sans-serif !important;
  font-weight:900 !important;
  letter-spacing:-.055em !important;
}

.hember-onepage #livestream .live-join-title,
.live-page .live-join-title{
  font-size:clamp(42px, 4.35vw, 76px) !important;
  line-height:.92 !important;
  max-width:610px !important;
}

.hember-onepage #livestream .live-join-hash,
.hember-onepage #livestream .live-join-brand,
.live-page .live-join-hash,
.live-page .live-join-brand{
  display:block !important;
  font-size:inherit !important;
  line-height:inherit !important;
  letter-spacing:inherit !important;
}

.hember-onepage #livestream .live-join-text,
.live-page .live-join-text,
.hember-onepage #faq .hember-top-text{
  font-family:'General Sans', system-ui, -apple-system, 'Segoe UI', sans-serif !important;
  font-weight:300 !important;
  letter-spacing:-.035em !important;
  line-height:1.18 !important;
}

.hember-onepage #livestream .live-join-text,
.live-page .live-join-text{
  font-size:clamp(20px, 1.65vw, 30px) !important;
  max-width:640px !important;
}

.hember-onepage #faq .hember-top-title{
  font-size:clamp(48px, 5.2vw, 94px) !important;
  line-height:.9 !important;
}

.hember-onepage #faq .hember-top-text{
  font-size:clamp(20px, 1.65vw, 30px) !important;
  max-width:820px !important;
}

/* Quem Somos: mantém as fotos alinhadas no mesmo início/fim visual, ajustando a Gabriela. */
.hember-onepage #sobre .qs-person-photo,
.hember-onepage #sobre .qs-bruna-photo,
.hember-onepage #sobre .qs-manager-photo{
  display:flex !important;
  flex-direction:column !important;
  justify-content:flex-start !important;
  align-items:center !important;
}

.hember-onepage #sobre .qs-bruna-photo .qs-img,
.hember-onepage #sobre .qs-manager-photo .qs-img{
  height:clamp(390px, 34vw, 570px) !important;
  object-fit:contain !important;
  object-position:center bottom !important;
  max-height:none !important;
}

.hember-onepage #sobre .qs-manager-photo{
  max-width:520px !important;
}

.hember-onepage #sobre .qs-manager-photo .qs-img{
  transform:scale(1.34) !important;
  transform-origin:center bottom !important;
}

/* Missão & Visão: título com a mesma fonte/variação do Quem Somos, preservando cores. */
.hember-onepage #missao-visao .mv-title,
.hember-onepage #missao-visao .mv-title *{
  font-family:system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif !important;
  font-weight:950 !important;
  letter-spacing:-.045em !important;
  line-height:.9 !important;
}

.hember-onepage #missao-visao .mv-title span{
  color:#050505 !important;
}

.hember-onepage #missao-visao .mv-title strong{
  color:#E60073 !important;
}

/* Rodapé: encurta ainda mais a faixa, sem reduzir logo/textos/ícones. */
.site-footer .footer-bottom{
  padding-top:0 !important;
  padding-bottom:0 !important;
}

.site-footer .footer-bottom-row{
  min-height:0 !important;
  padding-top:2px !important;
  padding-bottom:2px !important;
  gap:4px !important;
}

.site-footer .footer-right-actions{
  gap:4px !important;
}

.site-footer .footer-backtop{
  margin-bottom:0 !important;
}

/* Hero inicial: desce mais a logo para ficar próxima do bloco de texto. */
.hember-onepage .hero-static.hero-theme-light .hero-public-logo,
.hember-onepage .hero-public-logo{
  margin-top:clamp(42px, 4.6vw, 84px) !important;
  margin-bottom:clamp(18px, 2vw, 34px) !important;
}

/* Nome atualizado da seção de lives: mantém compatibilidade com os seletores existentes. */
.hember-onepage #o-que-e-live .live-h2,
.live-page .live-topic-combined .live-h2{
  text-transform:uppercase !important;
}

@media (max-width:1100px){
  .hember-onepage #livestream .live-join-title,
  .live-page .live-join-title{
    font-size:clamp(38px, 7.6vw, 68px) !important;
    max-width:100% !important;
  }
  .hember-onepage #sobre .qs-manager-photo .qs-img{
    transform:none !important;
  }
}

@media (max-width:760px){
  .hember-onepage #livestream .live-join-title,
  .live-page .live-join-title{
    font-size:clamp(34px, 10vw, 54px) !important;
  }
  .hember-onepage #livestream .live-join-text,
  .live-page .live-join-text,
  .hember-onepage #faq .hember-top-text{
    font-size:18px !important;
    letter-spacing:-.02em !important;
  }
  .site-footer .footer-bottom-row{
    padding-top:8px !important;
    padding-bottom:8px !important;
  }
  .hember-onepage .hero-static.hero-theme-light .hero-public-logo,
  .hember-onepage .hero-public-logo{
    margin-top:20px !important;
    margin-bottom:16px !important;
  }
}

/* =========================================================
   HEMBER PATCH 2026-05-12 - remove Editor Visual + ajustes pontuais
   Escopo: títulos de seção e foto Gabriela no Quem Somos.
   ========================================================= */

/* Títulos das seções: reduzidos globalmente sem mexer nos textos internos. */
.hember-onepage #sobre .qs-title,
.hember-onepage #fundadora .about-h2,
.hember-onepage #entregas .about-h2,
.hember-onepage #beneficios .b-title,
.hember-onepage #missao-visao .mv-title,
.hember-onepage #diretoria .about-h2,
.hember-onepage #o-que-e-live .live-h2,
.hember-onepage #requisitos .live-h2,
.hember-onepage #depoimentos .t-title,
.hember-onepage #faq .hember-top-title{
  font-size:clamp(38px, 4.25vw, 72px) !important;
  line-height:.92 !important;
}

.hember-onepage #sobre .qs-title *,
.hember-onepage #fundadora .about-h2 *,
.hember-onepage #entregas .about-h2 *,
.hember-onepage #beneficios .b-title *,
.hember-onepage #missao-visao .mv-title *,
.hember-onepage #diretoria .about-h2 *,
.hember-onepage #o-que-e-live .live-h2 *,
.hember-onepage #requisitos .live-h2 *,
.hember-onepage #depoimentos .t-title *,
.hember-onepage #faq .hember-top-title *{
  font-size:inherit !important;
  line-height:inherit !important;
}

/* Mantém o #Livestream menor e sem invadir os vídeos. */
.hember-onepage #livestream .live-join-title,
.live-page .live-join-title{
  font-size:clamp(34px, 3.75vw, 62px) !important;
  line-height:.92 !important;
  max-width:560px !important;
}

.hember-onepage #livestream .live-join-title *,
.live-page .live-join-title *{
  font-size:inherit !important;
  line-height:inherit !important;
}

/* Quem Somos: reduz apenas a altura visual da foto da Gabriela para alinhar melhor com a Bruna. */
.hember-onepage #sobre .qs-manager-photo{
  max-width:440px !important;
}

.hember-onepage #sobre .qs-manager-photo .qs-img{
  height:clamp(330px, 29vw, 480px) !important;
  max-height:none !important;
  transform:none !important;
  object-fit:contain !important;
  object-position:center bottom !important;
}

@media (max-width:1100px){
  .hember-onepage #sobre .qs-manager-photo{
    max-width:390px !important;
  }
  .hember-onepage #sobre .qs-manager-photo .qs-img{
    height:auto !important;
    max-height:440px !important;
    transform:none !important;
  }
}

@media (max-width:760px){
  .hember-onepage #sobre .qs-title,
  .hember-onepage #fundadora .about-h2,
  .hember-onepage #entregas .about-h2,
  .hember-onepage #beneficios .b-title,
  .hember-onepage #missao-visao .mv-title,
  .hember-onepage #diretoria .about-h2,
  .hember-onepage #o-que-e-live .live-h2,
  .hember-onepage #requisitos .live-h2,
  .hember-onepage #depoimentos .t-title,
  .hember-onepage #faq .hember-top-title{
    font-size:clamp(32px, 9.6vw, 48px) !important;
  }

  .hember-onepage #livestream .live-join-title,
  .live-page .live-join-title{
    font-size:clamp(30px, 8.8vw, 44px) !important;
    max-width:100% !important;
  }
}


/* =========================================================
   HEMBER PUBLIC PALETTE UPDATE - 2026-05-13
   Paleta pública:
   #E60073 magenta / #0A2463 azul royal / #006FD6 azul médio
   #F5F9FF azul-gelo / #FFFFFF branco
   ========================================================= */
:root{
  --hember-magenta:#E60073;
  --hember-royal:#0A2463;
  --hember-blue:#006FD6;
  --hember-ice:#F5F9FF;
  --hember-white:#FFFFFF;

  --bg:var(--hember-white);
  --panel:var(--hember-ice);
  --text:var(--hember-royal);
  --muted:rgba(10,36,99,.72);
  --gold:var(--hember-magenta);
  --gold2:var(--hember-magenta);
  --accent:var(--hember-magenta);
}

/* Base pública */
body{
  background:var(--hember-white) !important;
  color:var(--hember-royal) !important;
}

body:not(.wp-admin) a{
  color:inherit;
}
body:not(.wp-admin) a:hover{
  color:var(--hember-blue);
}

/* Fundos principais */
.hember-onepage,
.about-page,
.live-page,
.faq-page,
.work-page,
.hero-theme-light,
.qs-section,
.about-section.about-white,
.b-section,
.live-white,
.faq-section,
.live-form-section{
  background:var(--hember-white) !important;
  color:var(--hember-royal) !important;
}

.about-gray,
.section-white,
.live-req,
.hember-onepage #missao-visao.mv-section,
.t-bg-gray{
  background:var(--hember-ice) !important;
  color:var(--hember-royal) !important;
}

/* Títulos, navegação e textos de peso */
.brand,
.brand-name,
.nav-list a,
.hero-title,
.hero-title *,
.qs-title,
.about-h2,
.b-title,
.t-title,
.live-h2,
.live-form-title,
.faq-social-title,
.work-h2,
.about-card-title,
.b-card-title,
.live-mini-title,
.live-req-card div,
.faq-page .faq-q-title,
.hember-onepage #missao-visao .mv-title,
.hember-onepage #missao-visao .mv-title *,
.hember-onepage #missao-visao .mv-card h3{
  color:var(--hember-royal) !important;
}

.hero-word-pink,
.qs-highlight,
.about-director-role,
.qs-caption-role,
.hember-onepage #sobre .qs-highlight,
.faq-page .faq-title,
.faq-page .faq-title *,
.hember-top-line-pink,
.live-join-hash,
.hember-onepage #missao-visao .mv-title .mv-pink,
.hember-onepage #missao-visao .mv-card-mission h3{
  color:var(--hember-magenta) !important;
}

/* Textos corridos */
.hero-lead-message,
.qs-paragraph,
.about-founder-text p,
.about-card-text,
.b-sub,
.b-card-text,
.t-sub,
.live-sub,
.live-intro,
.live-text p,
.live-info-card p,
.live-pink-list li,
.faq-page .faq-lead,
.faq-page .faq-a-inner,
.work-lead{
  color:var(--hember-royal) !important;
}

.hero-lead-message,
.qs-paragraph,
.about-founder-text p,
.live-text p,
.live-info-card p,
.live-pink-list li,
.faq-page .faq-a-inner{
  opacity:.94 !important;
}

/* CTAs e destaques */
.btn-cta,
.btn-gold,
.hero-main-cta,
.hero-badge-fill,
.qs-btn,
.live-req-cta .btn,
.live-form button,
.faq-page .faq-work-link,
.faq-page .faq-item.is-open .faq-q{
  background:var(--hember-magenta) !important;
  color:var(--hember-white) !important;
  border-color:var(--hember-magenta) !important;
}

.btn-cta *,
.btn-gold *,
.hero-main-cta *,
.hero-badge-fill *,
.qs-btn *,
.faq-page .faq-item.is-open .faq-q-title,
.faq-page .faq-item.is-open .faq-arrow{
  color:var(--hember-white) !important;
}

.btn-ghost,
.hero-badge-outline{
  background:var(--hember-white) !important;
  color:var(--hember-royal) !important;
  border-color:var(--hember-royal) !important;
}

.hero-badge-outline .hero-badge-check{
  border-color:var(--hember-royal) !important;
  color:var(--hember-royal) !important;
}

/* Cards e blocos internos */
.about-card,
.b-card,
.t-card,
.live-info-card,
.live-req-card,
.faq-page .faq-q,
.hember-onepage #missao-visao .mv-card{
  background:var(--hember-ice) !important;
  color:var(--hember-royal) !important;
  border-color:rgba(0,111,214,.18) !important;
  box-shadow:0 18px 52px rgba(10,36,99,.08) !important;
}

.b-card::before,
.b-card::after,
.about-card::before,
.about-card::after{
  opacity:.16 !important;
}

.b-card-title,
.b-card-text,
.about-card-title,
.about-card-text,
.t-card *,
.live-req-card div{
  color:var(--hember-royal) !important;
}

.live-info-card{
  border-left-color:var(--hember-magenta) !important;
}

.live-pink-list li::before,
.live-pink-list li::marker{
  color:var(--hember-magenta) !important;
}

.live-pulse-list li::before{
  background:var(--hember-magenta) !important;
  box-shadow:0 0 0 6px rgba(230,0,115,.10) !important;
}

/* Missão & Visão sem preto fora da paleta */
.hember-onepage #missao-visao .mv-card::before{
  background:var(--hember-magenta) !important;
}

.hember-onepage #missao-visao .mv-card-mission,
.hember-onepage #missao-visao .mv-card-vision{
  background:var(--hember-ice) !important;
  color:var(--hember-royal) !important;
}

.hember-onepage #missao-visao .mv-card-mission h3{
  color:var(--hember-magenta) !important;
}

.hember-onepage #missao-visao .mv-card-vision h3{
  color:var(--hember-royal) !important;
}

.hember-onepage #missao-visao .mv-card p,
.hember-onepage #missao-visao .mv-card-mission p,
.hember-onepage #missao-visao .mv-card-vision p{
  color:var(--hember-royal) !important;
  opacity:.9 !important;
}

/* Faixas magenta */
.faq-band,
.hember-free-band,
.hember-agenciados-band,
.hember-onepage .faq-band.hember-agenciados-band{
  background:var(--hember-magenta) !important;
  color:var(--hember-white) !important;
}

.faq-band-title,
.faq-band-note,
.hember-onepage .hember-agenciados-band .faq-band-title,
.hember-onepage .hember-agenciados-band .faq-band-note,
.hember-onepage .hember-free-band .faq-band-free-title{
  color:var(--hember-white) !important;
}

.faq-band-arrows span,
.hember-onepage .hember-agenciados-band .faq-band-arrows span{
  border-left-color:var(--hember-white) !important;
}

/* Heros escuros agora em azul royal */
.hember-top-hero--black,
.live-page .live-join-hero,
.hember-onepage #livestream.live-join-hero,
.hember-onepage #faq.hember-top-hero--black{
  background:var(--hember-royal) !important;
  color:var(--hember-white) !important;
  border-color:rgba(255,255,255,.10) !important;
}

.hember-top-hero--black::before,
.live-page .live-join-hero::before,
.hember-onepage #livestream.live-join-hero::before,
.hember-onepage #faq.hember-top-hero--black::before{
  background:
    radial-gradient(circle at 20% 34%, rgba(230,0,115,.20), transparent 33%),
    radial-gradient(circle at 80% 56%, rgba(0,111,214,.22), transparent 34%),
    linear-gradient(90deg, var(--hember-royal) 0%, #071B4B 52%, var(--hember-royal) 100%) !important;
}

.hember-top-hero--black::after,
.live-page .live-join-hero::after{
  color:rgba(255,255,255,.08) !important;
}

.live-page .live-join-brand,
.hember-top-line-ghost{
  color:var(--hember-white) !important;
}

.live-page .live-join-text,
.hember-top-text{
  color:rgba(255,255,255,.88) !important;
}

/* Hero inicial */
.hero-theme-light{
  background:
    radial-gradient(circle at 16% 14%, rgba(230,0,115,.07), transparent 28%),
    radial-gradient(circle at 84% 18%, rgba(0,111,214,.08), transparent 30%),
    linear-gradient(180deg, var(--hember-white), var(--hember-ice)) !important;
}

.hero-static .hero-overlay,
.hero-theme-light .hero-overlay{
  background:
    radial-gradient(circle at 72% 40%, rgba(0,111,214,.09), transparent 38%),
    linear-gradient(90deg, rgba(255,255,255,.92), rgba(245,249,255,.70)) !important;
}

.hero-ring-card{
  border-color:rgba(0,111,214,.18) !important;
  box-shadow:0 22px 70px rgba(10,36,99,.12) !important;
}

.hero-ring-info{
  background:rgba(255,255,255,.90) !important;
  color:var(--hember-royal) !important;
  border-color:rgba(0,111,214,.18) !important;
}

.hero-ring-info strong,
.hero-ring-info span{
  color:var(--hember-royal) !important;
}

/* FAQ */
.faq-page .faq-section{
  background:var(--hember-white) !important;
}

.faq-page .faq-q{
  background:var(--hember-ice) !important;
  border-color:rgba(10,36,99,.14) !important;
}

.faq-page .faq-arrow{
  color:var(--hember-royal) !important;
}

.faq-page .faq-item.is-open .faq-q{
  background:var(--hember-magenta) !important;
}

.faq-page .faq-a-inner a,
.live-text a,
.qs-paragraph a{
  color:var(--hember-blue) !important;
}

/* Formulários */
input,
textarea,
select{
  border-color:rgba(10,36,99,.18) !important;
  background:var(--hember-white) !important;
  color:var(--hember-royal) !important;
}

input:focus,
textarea:focus,
select:focus{
  border-color:var(--hember-blue) !important;
  box-shadow:0 0 0 3px rgba(0,111,214,.14) !important;
  outline:none !important;
}

/* Rodapé */
.site-footer,
.site-footer .footer-bottom,
.site-footer .footer-top{
  background:var(--hember-magenta) !important;
  color:var(--hember-white) !important;
  border-color:rgba(255,255,255,.18) !important;
}

.site-footer a,
.site-footer .footer-copy,
.site-footer .footer-title,
.site-footer .footer-links a,
.site-footer .footer-contact-label,
.site-footer .footer-contact-val,
.site-footer .footer-backtop,
.site-footer .footer-backtop-text{
  color:var(--hember-white) !important;
}

.site-footer .footer-copy span{
  color:var(--hember-royal) !important;
}

.site-footer .footer-bottom-logo,
.site-footer .footer-brand-img,
.site-footer .footer-social img{
  filter:brightness(0) invert(1) !important;
}

.site-footer .footer-social,
.site-footer .footer-backtop-icon{
  border-color:var(--hember-white) !important;
  color:var(--hember-white) !important;
}

.site-footer .footer-social:hover,
.site-footer .footer-backtop:hover .footer-backtop-icon{
  background:var(--hember-white) !important;
  color:var(--hember-magenta) !important;
}

/* Elementos decorativos na nova paleta */
.hero-frill-dots,
.hember-onepage #missao-visao .mv-decor-dots,
.live-page .live-join-grid::after,
.hember-top-hero-grid::after{
  background-image:radial-gradient(rgba(0,111,214,.18) 2px, transparent 2.5px) !important;
}

.hero-frill-arc,
.live-page .live-join-grid::before,
.hember-top-hero-grid::before{
  opacity:.42 !important;
}

::selection{
  background:var(--hember-magenta);
  color:var(--hember-white);
}

/* =========================================================
   HEMBER PUBLIC PALETTE FIX - 2026-05-13
   Correção final e escopada da paleta do site público.
   ========================================================= */
:root{
  --hember-magenta:#E60073;
  --hember-royal:#0A2463;
  --hember-blue:#006FD6;
  --hember-ice:#F5F9FF;
  --hember-white:#FFFFFF;
}

/* Base pública: branco como fundo principal */
.hember-onepage,
.about-page,
.live-page,
.faq-page,
.work-page{
  background:var(--hember-white) !important;
  color:var(--hember-royal) !important;
}

/* Header / navegação pública */
.site-header{
  background:rgba(255,255,255,.94) !important;
  border-bottom:1px solid rgba(10,36,99,.10) !important;
}
.site-header .brand,
.site-header .brand-name,
.site-header .nav-list a{
  color:var(--hember-royal) !important;
}
.site-header .nav-list a:hover{
  color:var(--hember-blue) !important;
}

/* Seções principais */
.hember-onepage .hero-theme-light,
.hember-onepage #sobre.qs-section,
.hember-onepage #fundadora.about-section,
.hember-onepage #beneficios.b-section,
.hember-onepage #o-que-e-live.live-block,
.hember-onepage #faq + .faq-section,
.about-page .about-section,
.live-page .live-block,
.faq-page .faq-section,
.work-page .work-section{
  background:var(--hember-white) !important;
  color:var(--hember-royal) !important;
}

.hember-onepage #entregas.about-section,
.hember-onepage #missao-visao.mv-section,
.hember-onepage #requisitos.live-req,
.live-page #requisitos.live-req,
.about-page .about-gray,
.work-page .work-alt,
.live-page .live-form-section{
  background:var(--hember-ice) !important;
  color:var(--hember-royal) !important;
}

/* Títulos e textos fortes em azul royal */
.hember-onepage .hero-title,
.hember-onepage .hero-title *,
.hember-onepage .qs-title,
.hember-onepage .about-h2,
.hember-onepage .b-title,
.hember-onepage .b-title span,
.hember-onepage .mv-title,
.hember-onepage .mv-title span,
.hember-onepage .live-h2,
.hember-onepage .t-title,
.hember-onepage .hember-top-title,
.about-page .about-h2,
.live-page .live-h2,
.faq-page .faq-title,
.work-page .work-h2{
  color:var(--hember-royal) !important;
}

/* Destaques/CTAs em magenta */
.hember-onepage .hero-word-pink,
.hember-onepage .qs-highlight,
.hember-onepage .b-title em,
.hember-onepage .mv-title strong,
.hember-onepage .hember-top-line-pink,
.hember-onepage .live-join-hash,
.hember-onepage .about-director-role,
.hember-onepage .qs-caption-role,
.about-page .about-director-role,
.faq-page .faq-title em,
.work-page .work-highlight{
  color:var(--hember-magenta) !important;
}

/* Textos corridos */
.hember-onepage .hero-lead-message,
.hember-onepage .qs-paragraph,
.hember-onepage .about-founder-text p,
.hember-onepage .b-sub,
.hember-onepage .mv-sub,
.hember-onepage .live-intro,
.hember-onepage .live-text p,
.hember-onepage .hember-top-text,
.about-page p,
.live-page p,
.faq-page .faq-lead,
.faq-page .faq-a-inner,
.work-page p{
  color:rgba(10,36,99,.86) !important;
}

/* Todos os cards públicos em azul-gelo */
.hember-onepage #entregas .about-card,
.hember-onepage #beneficios .b-card,
.hember-onepage #beneficios .b-benefit-card,
.hember-onepage #beneficios a.b-benefit-card,
.hember-onepage #missao-visao .mv-card,
.hember-onepage #o-que-e-live .live-info-card,
.hember-onepage #o-que-e-live .live-monetization-simple,
.hember-onepage #requisitos .live-req-card,
.hember-onepage #faq .faq-q,
.hember-onepage .t-card,
.about-page .about-card,
.live-page .live-info-card,
.live-page .live-monetization-simple,
.live-page .live-req-card,
.faq-page .faq-q,
.faq-page .faq-social-card,
.work-page .work-card,
.work-page .work-form-card{
  background:var(--hember-ice) !important;
  background-color:var(--hember-ice) !important;
  background-image:none !important;
  color:var(--hember-royal) !important;
  border:1px solid rgba(0,111,214,.18) !important;
  box-shadow:0 18px 44px rgba(10,36,99,.08) !important;
}

/* Remove overlays escuros/imagens de cards que impediam a nova cor de aparecer */
.hember-onepage #beneficios .b-benefit-card .b-bg,
.hember-onepage #beneficios .b-benefit-card .b-overlay,
.hember-onepage #entregas .about-card::before,
.hember-onepage #entregas .about-card::after,
.about-page .about-card::before,
.about-page .about-card::after,
.hember-onepage .t-card::before,
.hember-onepage .t-card::after{
  opacity:0 !important;
  display:none !important;
}

/* Conteúdo dos cards */
.hember-onepage #entregas .about-card-title,
.hember-onepage #beneficios .b-badge,
.hember-onepage #missao-visao .mv-card h3,
.hember-onepage #o-que-e-live .live-mini-title,
.hember-onepage #requisitos .live-req-card div,
.hember-onepage #faq .faq-q-title,
.hember-onepage .t-card h3,
.about-page .about-card-title,
.live-page .live-mini-title,
.live-page .live-req-card div,
.faq-page .faq-q-title,
.faq-page .faq-social-label,
.work-page .work-card-title{
  color:var(--hember-royal) !important;
}

.hember-onepage #entregas .about-card-text,
.hember-onepage #beneficios .b-text,
.hember-onepage #missao-visao .mv-card p,
.hember-onepage #o-que-e-live .live-monetization-simple p,
.hember-onepage #o-que-e-live .live-info-card p,
.hember-onepage #requisitos .live-req-card p,
.hember-onepage .t-card p,
.about-page .about-card-text,
.live-page .live-info-card p,
.live-page .live-monetization-simple p,
.faq-page .faq-a-inner,
.work-page .work-card-text{
  color:rgba(10,36,99,.82) !important;
}

/* Acentos de cards e listas */
.hember-onepage #missao-visao .mv-card::before,
.hember-onepage #o-que-e-live .live-info-card::before,
.hember-onepage #o-que-e-live .live-monetization-simple::before{
  background:var(--hember-magenta) !important;
}
.hember-onepage .live-pink-list li::before,
.live-page .live-pink-list li::before,
.hember-onepage .live-pulse-list li::before,
.live-page .live-pulse-list li::before{
  background:var(--hember-magenta) !important;
  color:var(--hember-magenta) !important;
  box-shadow:0 0 0 6px rgba(230,0,115,.10) !important;
}
.hember-onepage .live-pink-list strong,
.live-page .live-pink-list strong,
.faq-page .faq-a-inner a,
.hember-onepage .faq-a-inner a,
.live-page a,
.work-page a{
  color:var(--hember-blue) !important;
}

/* Missão & Visão dentro da paleta */
.hember-onepage #missao-visao .mv-card-mission h3,
.hember-onepage #missao-visao .mv-card-vision h3{
  color:var(--hember-royal) !important;
}
.hember-onepage #missao-visao .mv-card-mission h3::first-letter,
.hember-onepage #missao-visao .mv-card-vision h3::first-letter{
  color:inherit !important;
}

/* FAQ fechado também em azul-gelo; aberto em magenta */
.hember-onepage #faq .faq-q,
.faq-page .faq-q{
  background:var(--hember-ice) !important;
  color:var(--hember-royal) !important;
}
.hember-onepage #faq .faq-item.is-open .faq-q,
.faq-page .faq-item.is-open .faq-q{
  background:var(--hember-magenta) !important;
  border-color:var(--hember-magenta) !important;
}
.hember-onepage #faq .faq-item.is-open .faq-q-title,
.hember-onepage #faq .faq-item.is-open .faq-arrow,
.faq-page .faq-item.is-open .faq-q-title,
.faq-page .faq-item.is-open .faq-arrow{
  color:var(--hember-white) !important;
}

/* Badges e botões */
.hember-onepage .hero-badge-fill,
.hember-onepage .hero-main-cta,
.hember-onepage .qs-btn,
.hember-onepage .btn-cta,
.live-page .btn-cta,
.work-page .btn-cta,
.faq-page .faq-work-btn,
.faq-page .faq-work-link{
  background:var(--hember-magenta) !important;
  color:var(--hember-white) !important;
  border-color:var(--hember-magenta) !important;
}
.hember-onepage .hero-badge-outline,
.hember-onepage .btn-ghost{
  background:var(--hember-white) !important;
  color:var(--hember-royal) !important;
  border-color:var(--hember-royal) !important;
}
.hember-onepage .hero-badge-outline *,
.hember-onepage .btn-ghost *{
  color:var(--hember-royal) !important;
}

/* Faixas e heros de destaque */
.hember-onepage .faq-band,
.faq-page .faq-band{
  background:var(--hember-magenta) !important;
  color:var(--hember-white) !important;
}
.hember-onepage .faq-band *,
.faq-page .faq-band *{
  color:var(--hember-white) !important;
}
.hember-onepage #livestream.live-join-hero,
.hember-onepage #faq.hember-top-hero--black,
.live-page .live-join-hero,
.faq-page .hember-top-hero--black{
  background:var(--hember-royal) !important;
  color:var(--hember-white) !important;
}
.hember-onepage #livestream.live-join-hero::before,
.hember-onepage #faq.hember-top-hero--black::before,
.live-page .live-join-hero::before,
.faq-page .hember-top-hero--black::before{
  background:linear-gradient(90deg, var(--hember-royal) 0%, #071B4B 54%, var(--hember-royal) 100%) !important;
}
.hember-onepage #livestream .live-join-title,
.hember-onepage #livestream .live-join-title *,
.hember-onepage #faq .hember-top-title,
.hember-onepage #faq .hember-top-title *,
.live-page .live-join-title,
.faq-page .hember-top-title{
  color:var(--hember-white) !important;
}
.hember-onepage #livestream .live-join-hash,
.hember-onepage #faq .hember-top-line-pink,
.live-page .live-join-hash,
.faq-page .hember-top-line-pink{
  color:var(--hember-magenta) !important;
}
.hember-onepage #livestream .live-join-text,
.hember-onepage #faq .hember-top-text,
.live-page .live-join-text,
.faq-page .hember-top-text{
  color:rgba(255,255,255,.90) !important;
}

/* Formulários públicos */
.hember-onepage input,
.hember-onepage textarea,
.hember-onepage select,
.live-page input,
.live-page textarea,
.live-page select,
.work-page input,
.work-page textarea,
.work-page select{
  background:var(--hember-white) !important;
  color:var(--hember-royal) !important;
  border-color:rgba(0,111,214,.22) !important;
}
.hember-onepage input:focus,
.hember-onepage textarea:focus,
.hember-onepage select:focus,
.live-page input:focus,
.live-page textarea:focus,
.live-page select:focus,
.work-page input:focus,
.work-page textarea:focus,
.work-page select:focus{
  border-color:var(--hember-blue) !important;
  box-shadow:0 0 0 3px rgba(0,111,214,.14) !important;
}

/* Rodapé público */
.site-footer,
.site-footer .footer-top,
.site-footer .footer-bottom{
  background:var(--hember-magenta) !important;
  color:var(--hember-white) !important;
}
.site-footer *,
.site-footer a,
.site-footer .footer-copy,
.site-footer .footer-title,
.site-footer .footer-links a,
.site-footer .footer-contact-val,
.site-footer .footer-backtop-text{
  color:var(--hember-white) !important;
}
.site-footer .footer-copy span{
  color:var(--hember-royal) !important;
}
.site-footer .footer-social,
.site-footer .footer-backtop-icon{
  border-color:var(--hember-white) !important;
  color:var(--hember-white) !important;
}

/* Decorações usando azul médio em vez de preto */
.hember-onepage .hero-frill-dots,
.hember-onepage #missao-visao .mv-decor-dots,
.hember-onepage .hember-top-hero-grid::after,
.live-page .live-join-grid::after{
  background-image:radial-gradient(rgba(0,111,214,.18) 2px, transparent 2.5px) !important;
}


/* =========================================================
   HEMBER PATCH 2026-05-13 - correção de contraste + fotos QS
   Escopo: site público, sem mexer em backstage/login.
   ========================================================= */

/* 1) Garante contraste correto após aplicação da nova paleta */
.hember-onepage,
.hember-onepage section{
  color:#0A2463;
}

.hember-onepage :where(
  .qs-title,
  .about-h2,
  .b-title,
  .b-title span,
  .mv-title,
  .mv-title span,
  .live-h2,
  .t-title,
  .faq-social-title,
  .live-mini-title,
  .about-card-title,
  .b-badge,
  .live-req-card div,
  .faq-q-title
){
  color:#0A2463 !important;
}

.hember-onepage :where(
  .hero-word-pink,
  .qs-name-highlight,
  .qs-caption span,
  .b-title em,
  .mv-title .mv-pink,
  .hember-top-line-pink,
  .live-join-hash,
  .live-pink-list strong
){
  color:#E60073 !important;
}

.hember-onepage :where(
  .hero-lead-message,
  .qs-paragraph,
  .about-lead,
  .about-founder-text p,
  .about-card-text,
  .b-sub,
  .b-text,
  .mv-sub,
  .mv-card p,
  .live-intro,
  .live-text p,
  .live-monetization-simple p,
  .live-sub,
  .live-req-card p,
  .faq-a-inner,
  .faq-a-inner p,
  .faq-a-inner li
){
  color:rgba(10,36,99,.92) !important;
  opacity:1 !important;
}

/* 2) Cards públicos na cor correta, sem sumir texto */
.hember-onepage :where(
  #entregas .about-card,
  #beneficios .b-benefit-card,
  #missao-visao .mv-card,
  #o-que-e-live .live-monetization-simple,
  #requisitos .live-req-card,
  .faq-section .faq-q
){
  background:#F5F9FF !important;
  background-color:#F5F9FF !important;
  background-image:none !important;
  color:#0A2463 !important;
  border-color:rgba(0,111,214,.18) !important;
}

.hember-onepage #beneficios .b-benefit-card::before,
.hember-onepage #beneficios .b-benefit-card::after,
.hember-onepage #beneficios .b-bg,
.hember-onepage #beneficios .b-overlay{
  display:none !important;
  opacity:0 !important;
}

.hember-onepage #beneficios .b-benefit-card *,
.hember-onepage #entregas .about-card *,
.hember-onepage #missao-visao .mv-card *,
.hember-onepage #o-que-e-live .live-monetization-simple *,
.hember-onepage #requisitos .live-req-card *,
.hember-onepage .faq-section .faq-q *{
  color:#0A2463 !important;
  opacity:1 !important;
}

/* 3) Faixas escuras/azuis continuam com textos visíveis */
.hember-onepage :where(
  #livestream.live-join-hero,
  #faq.hember-top-hero--black
){
  background:#0A2463 !important;
  color:#FFFFFF !important;
}

.hember-onepage :where(
  #livestream .live-join-title,
  #livestream .live-join-title *,
  #livestream .live-join-text,
  #faq .hember-top-title,
  #faq .hember-top-title *,
  #faq .hember-top-text
){
  color:#FFFFFF !important;
  opacity:1 !important;
}

.hember-onepage :where(
  #livestream .live-join-hash,
  #faq .hember-top-line-pink
){
  color:#E60073 !important;
}

/* 4) Faixas magenta com texto branco */
.hember-onepage :where(
  .hember-free-band,
  .hember-agenciados-band,
  .faq-band
){
  background:#E60073 !important;
  color:#FFFFFF !important;
}

.hember-onepage :where(
  .hember-free-band *,
  .hember-agenciados-band *,
  .faq-band *
){
  color:#FFFFFF !important;
}

/* 5) FAQ: fechado legível em azul-gelo; aberto magenta com texto branco */
.hember-onepage .faq-section .faq-item:not(.is-open) .faq-q{
  background:#F5F9FF !important;
  color:#0A2463 !important;
  border-color:rgba(0,111,214,.18) !important;
}

.hember-onepage .faq-section .faq-item:not(.is-open) .faq-q-title,
.hember-onepage .faq-section .faq-item:not(.is-open) .faq-arrow{
  color:#0A2463 !important;
}

.hember-onepage .faq-section .faq-item.is-open .faq-q{
  background:#E60073 !important;
  color:#FFFFFF !important;
  border-color:#E60073 !important;
}

.hember-onepage .faq-section .faq-item.is-open .faq-q-title,
.hember-onepage .faq-section .faq-item.is-open .faq-arrow{
  color:#FFFFFF !important;
}

/* 6) Quem Somos: Bruna e Gabriela com a mesma caixa de altura visual */
.hember-onepage #sobre .qs-person-photo,
.hember-onepage #sobre .qs-bruna-photo,
.hember-onepage #sobre .qs-manager-photo{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:flex-end !important;
  overflow:visible !important;
}

.hember-onepage #sobre .qs-bruna-photo .qs-img,
.hember-onepage #sobre .qs-manager-photo .qs-img{
  width:100% !important;
  height:clamp(330px, 30vw, 500px) !important;
  max-height:none !important;
  object-fit:contain !important;
  object-position:center bottom !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}

.hember-onepage #sobre .qs-bruna-photo{
  max-width:430px !important;
}

.hember-onepage #sobre .qs-manager-photo{
  max-width:430px !important;
}

.hember-onepage #sobre .qs-manager-photo .qs-img{
  transform:scale(1.28) !important;
  transform-origin:center bottom !important;
}

.hember-onepage #sobre .qs-caption{
  color:#0A2463 !important;
}

.hember-onepage #sobre .qs-caption strong{
  color:#0A2463 !important;
}

.hember-onepage #sobre .qs-caption span{
  color:#E60073 !important;
}

/* 7) Responsivo: não escala a Gabriela no celular para evitar corte */
@media (max-width: 900px){
  .hember-onepage #sobre .qs-bruna-photo,
  .hember-onepage #sobre .qs-manager-photo{
    max-width:min(360px, 82vw) !important;
  }

  .hember-onepage #sobre .qs-bruna-photo .qs-img,
  .hember-onepage #sobre .qs-manager-photo .qs-img{
    height:auto !important;
    max-height:430px !important;
  }

  .hember-onepage #sobre .qs-manager-photo .qs-img{
    transform:none !important;
  }
}

/* =========================================================
   HEMBER PATCH 2026-05-19 - correção pública de paleta, cards e Fundadora
   Escopo: somente visual público da home/seções públicas.
   ========================================================= */
:root{
  --hember-magenta:#E60073;
  --hember-royal:#0A2463;
  --hember-blue:#006FD6;
  --hember-ice:#F5F9FF;
  --hember-white:#FFFFFF;
  --hember-navy-bar:#061B49;
}

/* Fundo público principal */
body:not(.wp-admin) .hember-onepage,
body:not(.wp-admin) .about-page,
body:not(.wp-admin) .live-page,
body:not(.wp-admin) .faq-page,
body:not(.wp-admin) .work-page{
  background:var(--hember-white) !important;
  color:var(--hember-royal) !important;
}

/* Títulos claros do site público: azul royal, mantendo destaques magenta. */
.hember-onepage #sobre .qs-title,
.hember-onepage #fundadora .about-h2,
.hember-onepage #entregas .about-h2,
.hember-onepage #beneficios .b-title span,
.hember-onepage #missao-visao .mv-title span,
.hember-onepage #o-que-e-live .live-h2,
.hember-onepage #requisitos .live-h2,
.hember-onepage #depoimentos .t-title,
.about-page .about-h2,
.live-page .live-h2,
.work-page .work-h2{
  color:var(--hember-royal) !important;
}

.hember-onepage #beneficios .b-title em,
.hember-onepage #missao-visao .mv-title strong,
.hember-onepage .hero-word-pink,
.hember-onepage .qs-name-highlight,
.hember-onepage .founder-name-highlight{
  color:var(--hember-magenta) !important;
}

/* Faixa imediatamente abaixo da hero: azul da barra de referência. */
.hember-onepage .hember-free-band,
.hember-onepage .faq-band.hember-free-band{
  background:var(--hember-navy-bar) !important;
  color:var(--hember-white) !important;
}
.hember-onepage .hember-free-band *,
.hember-onepage .faq-band.hember-free-band *{
  color:var(--hember-white) !important;
}

/* Fundadora & CEO: corrige texto invisível, distribuição e imagem sem estourar. */
.hember-onepage #fundadora.about-section{
  background:var(--hember-white) !important;
  color:var(--hember-royal) !important;
  padding:clamp(56px, 5.4vw, 92px) 0 !important;
}
.hember-onepage #fundadora .about-h2{
  color:var(--hember-royal) !important;
  margin-bottom:clamp(24px, 3vw, 44px) !important;
}
.hember-onepage #fundadora .about-founder{
  display:grid !important;
  grid-template-columns:minmax(0, .95fr) minmax(320px, .82fr) !important;
  gap:clamp(28px, 5vw, 88px) !important;
  align-items:center !important;
  margin-top:0 !important;
}
.hember-onepage #fundadora .about-founder-text{
  display:block !important;
  max-width:760px !important;
  opacity:1 !important;
  visibility:visible !important;
}
.hember-onepage #fundadora .about-founder-text p{
  display:block !important;
  color:rgba(10,36,99,.92) !important;
  opacity:1 !important;
  visibility:visible !important;
  font-size:clamp(18px, 1.25vw, 23px) !important;
  line-height:1.55 !important;
  font-weight:500 !important;
  margin:0 0 18px !important;
}
.hember-onepage #fundadora .about-founder-text strong,
.hember-onepage #fundadora .about-founder-text .founder-name-highlight{
  color:var(--hember-magenta) !important;
  font-weight:800 !important;
}
.hember-onepage #fundadora .about-founder-photo:not(.about-founder-photo-mobile){
  display:flex !important;
  justify-content:center !important;
  align-items:center !important;
  background:var(--hember-white) !important;
  border:0 !important;
  box-shadow:0 24px 70px rgba(10,36,99,.12) !important;
  padding:clamp(18px, 2vw, 32px) !important;
  overflow:visible !important;
}
.hember-onepage #fundadora .about-photo{
  width:min(100%, 520px) !important;
  height:clamp(360px, 33vw, 540px) !important;
  max-width:100% !important;
  object-fit:cover !important;
  object-position:center !important;
  border-radius:24px !important;
  display:block !important;
}

/* Cards públicos com a cor padrão correta. */
.hember-onepage #entregas .about-card,
.hember-onepage #beneficios .b-benefit-card,
.hember-onepage #beneficios a.b-benefit-card{
  background:var(--hember-ice) !important;
  background-color:var(--hember-ice) !important;
  background-image:none !important;
  border:1px solid rgba(0,111,214,.18) !important;
  color:var(--hember-royal) !important;
  box-shadow:0 16px 42px rgba(10,36,99,.08) !important;
}
.hember-onepage #entregas .about-card::before,
.hember-onepage #entregas .about-card::after,
.hember-onepage #beneficios .b-benefit-card::before,
.hember-onepage #beneficios .b-benefit-card::after,
.hember-onepage #beneficios .b-bg,
.hember-onepage #beneficios .b-overlay{
  display:none !important;
  opacity:0 !important;
}
.hember-onepage #entregas .about-card-title,
.hember-onepage #beneficios .b-badge{
  color:var(--hember-royal) !important;
  opacity:1 !important;
}
.hember-onepage #entregas .about-card-text,
.hember-onepage #beneficios .b-text{
  color:rgba(10,36,99,.82) !important;
  opacity:1 !important;
}

/* Benefícios: palavra BENEFÍCIOS na cor padrão dos demais títulos; HEMBER segue destaque. */
.hember-onepage #beneficios .b-title span{
  color:var(--hember-royal) !important;
}
.hember-onepage #beneficios .b-title em{
  color:var(--hember-magenta) !important;
}

/* Garante contraste de textos corridos em seções claras sem mexer nas áreas escuras. */
.hember-onepage #sobre .qs-paragraph,
.hember-onepage #entregas .about-lead,
.hember-onepage #beneficios .b-sub,
.hember-onepage #missao-visao .mv-sub,
.hember-onepage #o-que-e-live .live-intro,
.hember-onepage #o-que-e-live .live-text p,
.hember-onepage #requisitos .live-sub{
  color:rgba(10,36,99,.90) !important;
  opacity:1 !important;
}

@media (max-width:900px){
  .hember-onepage #fundadora .about-founder{
    grid-template-columns:1fr !important;
    gap:24px !important;
  }
  .hember-onepage #fundadora .about-h2{
    text-align:center !important;
  }
  .hember-onepage #fundadora .about-founder-photo:not(.about-founder-photo-mobile){
    max-width:520px !important;
    margin:0 auto !important;
  }
  .hember-onepage #fundadora .about-photo{
    height:auto !important;
    max-height:520px !important;
  }
}

/* =========================================================
   HEMBER PATCH 2026-05-19 - faixa gratuita no azul da referência
   Escopo: somente visual público da home.
   Paleta extraída da barra de referência:
   #02103D, #041040, #04144F, #041660, #051C88, #071F9B,
   #2B0C45, #66085C, #B10372, #E60073, #F3F5FF, #FFFFFF.
   ========================================================= */
:root{
  --hember-ref-blue-950:#02103D;
  --hember-ref-blue-925:#041040;
  --hember-ref-blue-900:#04144F;
  --hember-ref-blue-850:#041660;
  --hember-ref-blue-700:#051C88;
  --hember-ref-blue-650:#071F9B;
  --hember-ref-purple-900:#2B0C45;
  --hember-ref-purple-700:#66085C;
  --hember-ref-magenta-700:#B10372;
  --hember-ref-magenta:#E60073;
  --hember-ref-white-soft:#F3F5FF;
  --hember-ref-white:#FFFFFF;
}

.hember-onepage .faq-band.faq-band-free.hember-free-band,
.hember-onepage .hember-free-band{
  position:relative !important;
  isolation:isolate !important;
  display:block !important;
  overflow:hidden !important;
  color:var(--hember-ref-white) !important;
  border:0 !important;
  background:
    radial-gradient(circle at -1% 50%, rgba(230,0,115,.92) 0%, rgba(177,3,114,.78) 8%, rgba(102,8,92,.54) 18%, rgba(43,12,69,.36) 27%, rgba(4,16,64,0) 39%),
    linear-gradient(90deg, var(--hember-ref-blue-950) 0%, var(--hember-ref-blue-925) 28%, var(--hember-ref-blue-900) 52%, var(--hember-ref-blue-850) 72%, var(--hember-ref-blue-700) 90%, var(--hember-ref-blue-650) 100%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.14),
    inset 0 -1px 0 rgba(255,255,255,.18) !important;
}

.hember-onepage .faq-band.faq-band-free.hember-free-band::before,
.hember-onepage .hember-free-band::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  z-index:-1 !important;
  pointer-events:none !important;
  background:
    radial-gradient(circle at 9% 50%, rgba(230,0,115,.36) 0%, rgba(230,0,115,.18) 15%, transparent 34%),
    linear-gradient(180deg, rgba(255,255,255,.07) 0%, transparent 28%, transparent 72%, rgba(0,0,0,.18) 100%) !important;
}

.hember-onepage .faq-band.faq-band-free.hember-free-band::after,
.hember-onepage .hember-free-band::after{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  z-index:-1 !important;
  pointer-events:none !important;
  background:
    linear-gradient(90deg, transparent 0 25%, rgba(63,75,133,.55) 25.05%, transparent 25.35% 48%, rgba(68,75,143,.50) 48.05%, transparent 48.35% 72%, rgba(66,80,155,.50) 72.05%, transparent 72.35% 100%) !important;
  opacity:.7 !important;
}

.hember-onepage .hember-free-band .container{
  position:relative !important;
  z-index:1 !important;
}

.hember-onepage .hember-free-band .faq-band-free-title,
.hember-onepage .faq-band-free-title{
  color:var(--hember-ref-white) !important;
  text-shadow:0 2px 18px rgba(0,0,0,.24) !important;
}

/* =========================================================
   HEMBER PATCH 2026-05-19 - Fundadora + cards invertidos
   Escopo: somente visual público; não altera Backstage/acesso restrito.
   ========================================================= */

/* Fundadora & CEO: texto com a mesma fonte, peso e escala do texto de Quem Somos. */
.hember-onepage #fundadora .about-founder-text p,
.about-page #fundadora .about-founder-text p{
  font-family:var(--hember-content-font, 'Montserrat', system-ui, -apple-system, 'Segoe UI', sans-serif) !important;
  font-size:clamp(20px, 1.6vw, 27px) !important;
  line-height:1.55 !important;
  font-weight:650 !important;
  letter-spacing:normal !important;
  color:rgba(10,36,99,.92) !important;
  opacity:1 !important;
  margin:0 0 22px !important;
  max-width:680px !important;
}

.hember-onepage #fundadora .about-founder-text strong,
.hember-onepage #fundadora .about-founder-text .founder-name-highlight,
.about-page #fundadora .about-founder-text strong,
.about-page #fundadora .about-founder-text .founder-name-highlight{
  font-family:var(--hember-content-font, 'Montserrat', system-ui, -apple-system, 'Segoe UI', sans-serif) !important;
  font-weight:700 !important;
  color:var(--hember-magenta, #E60073) !important;
}

@media (max-width:760px){
  .hember-onepage #fundadora .about-founder-text p,
  .about-page #fundadora .about-founder-text p{
    font-size:18px !important;
    line-height:1.48 !important;
  }
}

/* O que a Hember Faz/Entrega: mesma estrutura visual dos cards de Benefícios Hember. */
.hember-onepage #entregas .about-cards,
.about-page #o-que-fazemos .about-cards,
.about-page .about-what-section .about-cards{
  display:flex !important;
  flex-wrap:wrap !important;
  justify-content:center !important;
  align-items:stretch !important;
  gap:34px 36px !important;
  margin-top:34px !important;
}

.hember-onepage #entregas .about-card,
.about-page #o-que-fazemos .about-card,
.about-page .about-what-section .about-card,
.hember-onepage #beneficios .b-benefit-card,
.hember-onepage #beneficios a.b-benefit-card{
  position:relative !important;
  width:calc((100% - 72px) / 3) !important;
  max-width:calc((100% - 72px) / 3) !important;
  flex:0 0 calc((100% - 72px) / 3) !important;
  min-height:174px !important;
  height:auto !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:48px 34px 34px !important;
  border-radius:0 !important;
  overflow:hidden !important;
  background:var(--hember-royal, #0A2463) !important;
  background-color:var(--hember-royal, #0A2463) !important;
  background-image:none !important;
  border:1px solid rgba(245,249,255,.78) !important;
  box-shadow:0 26px 70px rgba(10,36,99,.18) !important;
  color:var(--hember-ice, #F5F9FF) !important;
  text-decoration:none !important;
  isolation:isolate !important;
  transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease !important;
}

.hember-onepage #entregas .about-card:hover,
.about-page #o-que-fazemos .about-card:hover,
.about-page .about-what-section .about-card:hover,
.hember-onepage #beneficios .b-benefit-card:hover,
.hember-onepage #beneficios a.b-benefit-card:hover,
.hember-onepage #beneficios .b-benefit-card:focus-visible,
.hember-onepage #beneficios a.b-benefit-card:focus-visible{
  transform:translateY(-5px) !important;
  border-color:var(--hember-ice, #F5F9FF) !important;
  box-shadow:0 30px 80px rgba(10,36,99,.26) !important;
}

/* Remove imagens/overlays anteriores para a inversão de cores ficar limpa. */
.hember-onepage #entregas .about-card::before,
.hember-onepage #entregas .about-card::after,
.about-page #o-que-fazemos .about-card::before,
.about-page #o-que-fazemos .about-card::after,
.about-page .about-what-section .about-card::before,
.about-page .about-what-section .about-card::after,
.hember-onepage #beneficios .b-benefit-card::before,
.hember-onepage #beneficios .b-benefit-card::after,
.hember-onepage #beneficios .b-bg,
.hember-onepage #beneficios .b-overlay{
  display:none !important;
  opacity:0 !important;
}

.hember-onepage #entregas .about-card-title,
.about-page #o-que-fazemos .about-card-title,
.about-page .about-what-section .about-card-title,
.hember-onepage #beneficios .b-badge{
  width:100% !important;
  margin:0 !important;
  padding:0 !important;
  background:transparent !important;
  color:var(--hember-ice, #F5F9FF) !important;
  font-family:var(--hember-content-font, 'Montserrat', system-ui, -apple-system, 'Segoe UI', sans-serif) !important;
  font-size:clamp(20px, 1.45vw, 24px) !important;
  line-height:1.16 !important;
  font-weight:500 !important;
  text-align:center !important;
  opacity:1 !important;
}

.hember-onepage #entregas .about-card-text,
.about-page #o-que-fazemos .about-card-text,
.about-page .about-what-section .about-card-text,
.hember-onepage #beneficios .b-text{
  width:100% !important;
  max-width:350px !important;
  margin:10px auto 0 !important;
  color:rgba(245,249,255,.88) !important;
  font-family:var(--hember-content-font, 'Montserrat', system-ui, -apple-system, 'Segoe UI', sans-serif) !important;
  font-size:15px !important;
  line-height:1.42 !important;
  font-weight:300 !important;
  text-align:center !important;
  opacity:1 !important;
}

.hember-onepage #entregas .about-card > *,
.about-page #o-que-fazemos .about-card > *,
.about-page .about-what-section .about-card > *{
  position:relative !important;
  z-index:2 !important;
}

.hember-onepage #beneficios .b-benefit-card .b-content,
.hember-onepage #beneficios a.b-benefit-card .b-content{
  position:relative !important;
  z-index:2 !important;
  width:100% !important;
  max-width:410px !important;
  min-height:auto !important;
  margin:0 auto !important;
  padding:0 !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
  gap:0 !important;
}

@media (max-width:1024px){
  .hember-onepage #entregas .about-card,
  .about-page #o-que-fazemos .about-card,
  .about-page .about-what-section .about-card,
  .hember-onepage #beneficios .b-benefit-card,
  .hember-onepage #beneficios a.b-benefit-card{
    width:calc((100% - 30px) / 2) !important;
    max-width:calc((100% - 30px) / 2) !important;
    flex-basis:calc((100% - 30px) / 2) !important;
  }
}

@media (max-width:720px){
  .hember-onepage #entregas .about-cards,
  .about-page #o-que-fazemos .about-cards,
  .about-page .about-what-section .about-cards{
    gap:34px !important;
  }

  .hember-onepage #entregas .about-card,
  .about-page #o-que-fazemos .about-card,
  .about-page .about-what-section .about-card,
  .hember-onepage #beneficios .b-benefit-card,
  .hember-onepage #beneficios a.b-benefit-card{
    width:100% !important;
    max-width:100% !important;
    flex-basis:100% !important;
    min-height:168px !important;
    padding:46px 22px 30px !important;
  }
}

/* =========================================================
   HEMBER PATCH 2026-05-19 - correção limpa Quem Somos/Fundadora
   Escopo: somente página pública. Sem lazy via JS e sem mexer em acesso restrito.
   ========================================================= */

/* Fundadora & CEO: remove a moldura/fundo branco extra do container da foto. */
.hember-onepage #fundadora .about-founder-photo:not(.about-founder-photo-mobile),
.about-page #fundadora .about-founder-photo:not(.about-founder-photo-mobile){
  background:transparent !important;
  background-color:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  padding:0 !important;
  overflow:visible !important;
}

.hember-onepage #fundadora .about-photo,
.about-page #fundadora .about-photo{
  display:block !important;
  background:transparent !important;
  box-shadow:0 22px 62px rgba(10,36,99,.12) !important;
}

/* Quem Somos: card mais largo e texto com mais respiro lateral, preservando a altura visual das fotos. */
.hember-onepage #sobre.qs-section > .container{
  width:100% !important;
  max-width:1840px !important;
  padding-left:clamp(28px, 3.2vw, 64px) !important;
  padding-right:clamp(28px, 3.2vw, 64px) !important;
}

.hember-onepage #sobre .qs-founder-content.qs-team-content{
  width:100% !important;
  max-width:1680px !important;
  grid-template-columns:minmax(260px, .72fr) minmax(560px, 1.22fr) minmax(260px, .72fr) !important;
  gap:clamp(24px, 2.6vw, 48px) !important;
  padding-left:clamp(30px, 3.4vw, 70px) !important;
  padding-right:clamp(30px, 3.4vw, 70px) !important;
}

.hember-onepage #sobre .qs-founder-content.qs-team-content .qs-text{
  width:100% !important;
  max-width:820px !important;
  justify-self:center !important;
}

.hember-onepage #sobre .qs-founder-content.qs-team-content .qs-paragraph{
  max-width:820px !important;
}

.hember-onepage #sobre .qs-bruna-photo,
.hember-onepage #sobre .qs-manager-photo{
  max-width:430px !important;
}

.hember-onepage #sobre .qs-bruna-photo .qs-img,
.hember-onepage #sobre .qs-manager-photo .qs-img{
  height:clamp(390px, 34vw, 570px) !important;
  max-height:none !important;
  width:100% !important;
  object-fit:contain !important;
  object-position:center bottom !important;
  background:transparent !important;
}

/* Mantém o carregamento leve usando lazy nativo/srcset do WordPress, sem esconder a imagem por classe ou placeholder. */
.hember-onepage #sobre .qs-img{
  content-visibility:visible !important;
}

@media (max-width:1280px){
  .hember-onepage #sobre .qs-founder-content.qs-team-content{
    grid-template-columns:minmax(230px, .7fr) minmax(500px, 1.18fr) minmax(230px, .7fr) !important;
    max-width:1480px !important;
  }

  .hember-onepage #sobre .qs-founder-content.qs-team-content .qs-text,
  .hember-onepage #sobre .qs-founder-content.qs-team-content .qs-paragraph{
    max-width:760px !important;
  }
}

@media (max-width:1100px){
  .hember-onepage #sobre.qs-section > .container{
    padding-left:18px !important;
    padding-right:18px !important;
  }

  .hember-onepage #sobre .qs-founder-content.qs-team-content{
    max-width:860px !important;
    grid-template-columns:1fr !important;
    padding-left:clamp(18px, 5vw, 38px) !important;
    padding-right:clamp(18px, 5vw, 38px) !important;
  }

  .hember-onepage #sobre .qs-founder-content.qs-team-content .qs-text,
  .hember-onepage #sobre .qs-founder-content.qs-team-content .qs-paragraph{
    max-width:720px !important;
  }

  .hember-onepage #sobre .qs-bruna-photo,
  .hember-onepage #sobre .qs-manager-photo{
    max-width:420px !important;
  }

  .hember-onepage #sobre .qs-bruna-photo .qs-img,
  .hember-onepage #sobre .qs-manager-photo .qs-img{
    height:auto !important;
    max-height:520px !important;
  }
}

@media (max-width:760px){
  .hember-onepage #sobre .qs-founder-content.qs-team-content{
    border-radius:20px !important;
    padding:22px 18px !important;
  }

  .hember-onepage #sobre .qs-founder-content.qs-team-content .qs-text,
  .hember-onepage #sobre .qs-founder-content.qs-team-content .qs-paragraph{
    max-width:100% !important;
  }

  .hember-onepage #fundadora .about-photo,
  .about-page #fundadora .about-photo{
    box-shadow:0 16px 42px rgba(10,36,99,.10) !important;
  }
}

/* =========================================================
   HEMBER PATCH 2026-05-19 - Quem Somos: ajuste fino de fotos e cards menores
   Escopo: somente área pública.
   ========================================================= */

/* Quem Somos: abre espaço real para o texto e aproxima as fotos à direita. */
.hember-onepage #sobre .qs-founder-content.qs-team-content{
  grid-template-columns:minmax(520px, 1.18fr) minmax(330px, .78fr) minmax(340px, .78fr) !important;
  gap:clamp(14px, 1.45vw, 28px) !important;
  max-width:1720px !important;
  padding-left:clamp(34px, 3.6vw, 76px) !important;
  padding-right:clamp(34px, 3.6vw, 76px) !important;
  overflow:visible !important;
}

.hember-onepage #sobre .qs-founder-content.qs-team-content .qs-text{
  max-width:760px !important;
  justify-self:start !important;
}

.hember-onepage #sobre .qs-founder-content.qs-team-content .qs-paragraph{
  max-width:760px !important;
}

.hember-onepage #sobre .qs-bruna-photo{
  justify-self:end !important;
  max-width:455px !important;
  transform:translateX(clamp(16px, 1.8vw, 38px)) !important;
  z-index:3 !important;
}

.hember-onepage #sobre .qs-manager-photo{
  justify-self:start !important;
  max-width:470px !important;
  z-index:2 !important;
}

.hember-onepage #sobre .qs-bruna-photo .qs-img,
.hember-onepage #sobre .qs-manager-photo .qs-img{
  height:clamp(430px, 34vw, 600px) !important;
  max-height:none !important;
  width:100% !important;
  object-fit:contain !important;
  object-position:center bottom !important;
}

.hember-onepage #sobre .qs-manager-photo .qs-img{
  transform:scale(1.20) !important;
  transform-origin:center bottom !important;
}

.hember-onepage #sobre .qs-bruna-photo .qs-caption{
  transform:none !important;
}

/* Cards de O que a Hember Faz/Entrega e Benefícios: menor altura, sem espaço morto. */
.hember-onepage #entregas .about-cards,
.about-page #o-que-fazemos .about-cards,
.about-page .about-what-section .about-cards{
  gap:22px 26px !important;
  margin-top:28px !important;
}

.hember-onepage #entregas .about-card,
.about-page #o-que-fazemos .about-card,
.about-page .about-what-section .about-card,
.hember-onepage #beneficios .b-benefit-card,
.hember-onepage #beneficios a.b-benefit-card{
  min-height:132px !important;
  height:auto !important;
  padding:26px 24px !important;
  align-items:center !important;
  justify-content:center !important;
}

.hember-onepage #beneficios .b-benefit-card .b-content,
.hember-onepage #beneficios a.b-benefit-card .b-content{
  padding:0 !important;
  min-height:0 !important;
}

.hember-onepage #entregas .about-card-title,
.about-page #o-que-fazemos .about-card-title,
.about-page .about-what-section .about-card-title,
.hember-onepage #beneficios .b-badge{
  font-size:clamp(18px, 1.25vw, 22px) !important;
  line-height:1.12 !important;
}

.hember-onepage #entregas .about-card-text,
.about-page #o-que-fazemos .about-card-text,
.about-page .about-what-section .about-card-text,
.hember-onepage #beneficios .b-text{
  margin-top:7px !important;
  font-size:13.5px !important;
  line-height:1.32 !important;
  max-width:330px !important;
}

@media (max-width:1280px){
  .hember-onepage #sobre .qs-founder-content.qs-team-content{
    grid-template-columns:minmax(430px, 1.08fr) minmax(290px, .78fr) minmax(290px, .78fr) !important;
    gap:18px !important;
  }

  .hember-onepage #sobre .qs-founder-content.qs-team-content .qs-text,
  .hember-onepage #sobre .qs-founder-content.qs-team-content .qs-paragraph{
    max-width:680px !important;
  }

  .hember-onepage #sobre .qs-bruna-photo{
    transform:translateX(18px) !important;
  }
}

@media (max-width:1100px){
  .hember-onepage #sobre .qs-founder-content.qs-team-content{
    grid-template-columns:1fr !important;
    max-width:860px !important;
    gap:28px !important;
    overflow:hidden !important;
  }

  .hember-onepage #sobre .qs-founder-content.qs-team-content .qs-text,
  .hember-onepage #sobre .qs-founder-content.qs-team-content .qs-paragraph{
    max-width:720px !important;
    justify-self:center !important;
  }

  .hember-onepage #sobre .qs-bruna-photo,
  .hember-onepage #sobre .qs-manager-photo{
    justify-self:center !important;
    max-width:420px !important;
    transform:none !important;
  }

  .hember-onepage #sobre .qs-manager-photo .qs-img{
    transform:none !important;
  }
}

@media (max-width:720px){
  .hember-onepage #entregas .about-cards,
  .about-page #o-que-fazemos .about-cards,
  .about-page .about-what-section .about-cards{
    gap:18px !important;
  }

  .hember-onepage #entregas .about-card,
  .about-page #o-que-fazemos .about-card,
  .about-page .about-what-section .about-card,
  .hember-onepage #beneficios .b-benefit-card,
  .hember-onepage #beneficios a.b-benefit-card{
    min-height:124px !important;
    padding:22px 18px !important;
  }
}

/* =========================================================
   HEMBER PATCH 2026-05-26 - Quem Somos modelo institucional
   ========================================================= */
.hember-onepage #sobre.hember-about-story{
  position:relative !important;
  overflow:hidden !important;
  margin:0 !important;
  padding:0 !important;
  background:#F5F1FA !important;
  color:#0A0B31 !important;
}

.hember-onepage #sobre.hember-about-story::before,
.hember-onepage #sobre.hember-about-story::after{
  content:none !important;
}

.hember-onepage #sobre .hember-about-shell{
  width:100% !important;
  max-width:1920px !important;
  margin:0 auto !important;
  background:#F5F1FA !important;
}

.hember-onepage #sobre .hember-about-strip{
  display:grid !important;
  grid-template-columns:minmax(320px, 36%) 1fr !important;
  min-height:100px !important;
  align-items:stretch !important;
  border-top:4px solid #0A0B31 !important;
  background:#0A0B31 !important;
}

.hember-onepage #sobre .hember-about-strip-title{
  display:flex !important;
  align-items:center !important;
  margin:0 !important;
  padding:22px clamp(26px,3.8vw,58px) !important;
  background:#E60073 !important;
  color:#FFFFFF !important;
  font-family:'General Sans', system-ui, -apple-system, 'Segoe UI', sans-serif !important;
  font-size:clamp(44px,5vw,78px) !important;
  line-height:.88 !important;
  font-weight:700 !important;
  letter-spacing:.045em !important;
  text-transform:uppercase !important;
  white-space:nowrap !important;
}

.hember-onepage #sobre .hember-about-strip-subtitle{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  margin:0 !important;
  padding:22px clamp(22px,3vw,46px) !important;
  color:rgba(255,255,255,.82) !important;
  font-family:'Montserrat', system-ui, -apple-system, 'Segoe UI', sans-serif !important;
  font-size:clamp(18px,1.65vw,28px) !important;
  line-height:1.25 !important;
  font-weight:300 !important;
  text-align:center !important;
}

.hember-onepage #sobre .hember-about-body{
  display:grid !important;
  grid-template-columns:minmax(480px, 1.35fr) minmax(420px, .95fr) !important;
  gap:clamp(28px,3.3vw,64px) !important;
  align-items:stretch !important;
  width:100% !important;
  max-width:1680px !important;
  margin:0 auto !important;
  padding:clamp(34px,4.2vw,58px) clamp(32px,4vw,70px) !important;
}

.hember-onepage #sobre .hember-about-people{
  display:grid !important;
  grid-template-columns:repeat(2, minmax(0,1fr)) !important;
  gap:clamp(24px,2.2vw,42px) !important;
  align-items:stretch !important;
}

.hember-onepage #sobre .hember-about-person{
  display:grid !important;
  grid-template-rows:minmax(360px, 1fr) auto !important;
  min-height:0 !important;
  margin:0 !important;
  padding:0 !important;
  overflow:hidden !important;
  background:#0A0B31 !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:0 18px 42px rgba(10,11,49,.13) !important;
}

.hember-onepage #sobre .hember-about-photo-wrap{
  position:relative !important;
  display:flex !important;
  align-items:flex-end !important;
  justify-content:center !important;
  min-height:360px !important;
  padding:0 clamp(18px,2vw,34px) !important;
  background:#0A0B31 !important;
  overflow:hidden !important;
}

.hember-onepage #sobre .hember-about-photo-wrap::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  background:radial-gradient(circle at 50% 25%, rgba(230,0,115,.10), transparent 46%) !important;
  pointer-events:none !important;
}

.hember-onepage #sobre .hember-about-photo{
  position:relative !important;
  z-index:2 !important;
  display:block !important;
  width:100% !important;
  height:clamp(360px, 30vw, 520px) !important;
  max-width:100% !important;
  max-height:none !important;
  object-fit:contain !important;
  object-position:center bottom !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  background:transparent !important;
  filter:grayscale(1) contrast(1.03) !important;
}

.hember-onepage #sobre .hember-about-person-gabriela .hember-about-photo{
  transform:scale(1.13) !important;
  transform-origin:center bottom !important;
}

.hember-onepage #sobre .hember-about-person-caption{
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  min-height:96px !important;
  padding:18px 18px 20px !important;
  background:#E60073 !important;
  color:#FFFFFF !important;
  text-align:center !important;
  font-family:'Montserrat', system-ui, -apple-system, 'Segoe UI', sans-serif !important;
  line-height:1.18 !important;
}

.hember-onepage #sobre .hember-about-person-caption strong{
  display:block !important;
  margin:0 !important;
  color:#FFFFFF !important;
  font-size:clamp(22px,1.65vw,30px) !important;
  font-weight:500 !important;
  letter-spacing:-.03em !important;
}

.hember-onepage #sobre .hember-about-person-caption span{
  display:block !important;
  margin:6px 0 0 !important;
  color:#FFFFFF !important;
  font-size:clamp(18px,1.4vw,26px) !important;
  font-weight:300 !important;
  letter-spacing:-.03em !important;
  opacity:1 !important;
}

.hember-onepage #sobre .hember-about-copy{
  display:grid !important;
  grid-template-columns:12px minmax(0,1fr) !important;
  gap:clamp(22px,2vw,32px) !important;
  align-items:start !important;
  min-width:0 !important;
}

.hember-onepage #sobre .hember-about-copy-line{
  display:block !important;
  width:12px !important;
  min-height:100% !important;
  background:#E60073 !important;
}

.hember-onepage #sobre .hember-about-copy-inner{
  min-width:0 !important;
  max-width:660px !important;
  padding:0 !important;
}

.hember-onepage #sobre .hember-about-copy h3{
  margin:0 0 22px !important;
  color:#0A0B31 !important;
  font-family:'General Sans', system-ui, -apple-system, 'Segoe UI', sans-serif !important;
  font-size:clamp(48px,4.1vw,76px) !important;
  line-height:.94 !important;
  font-weight:700 !important;
  letter-spacing:-.055em !important;
}

.hember-onepage #sobre .hember-about-copy p{
  max-width:none !important;
  margin:0 0 20px !important;
  padding:0 !important;
  color:#0A0B31 !important;
  font-family:'Montserrat', system-ui, -apple-system, 'Segoe UI', sans-serif !important;
  font-size:clamp(16px,1.15vw,21px) !important;
  line-height:1.72 !important;
  font-weight:300 !important;
  letter-spacing:.01em !important;
  text-align:justify !important;
}

.hember-onepage #sobre .hember-about-copy p strong{
  color:#0A0B31 !important;
  font-weight:500 !important;
}

.hember-onepage #sobre .hember-about-stats{
  display:grid !important;
  grid-template-columns:repeat(2, minmax(150px, 1fr)) !important;
  gap:18px !important;
  max-width:440px !important;
  margin:28px 0 0 !important;
}

.hember-onepage #sobre .hember-about-stat{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:80px !important;
  padding:14px 18px !important;
  border-radius:14px !important;
  box-shadow:0 14px 26px rgba(10,11,49,.16) !important;
  text-align:center !important;
  font-family:'Montserrat', system-ui, -apple-system, 'Segoe UI', sans-serif !important;
}

.hember-onepage #sobre .hember-about-stat-pink{
  background:#E60073 !important;
  color:#FFFFFF !important;
}

.hember-onepage #sobre .hember-about-stat-dark{
  background:#0A0B31 !important;
  color:#FFFFFF !important;
}

.hember-onepage #sobre .hember-about-stat strong{
  display:block !important;
  margin:0 !important;
  color:#FFFFFF !important;
  font-size:clamp(22px,1.75vw,34px) !important;
  line-height:1 !important;
  font-weight:500 !important;
  letter-spacing:-.04em !important;
}

.hember-onepage #sobre .hember-about-stat span{
  display:block !important;
  margin:4px 0 0 !important;
  color:#FFFFFF !important;
  font-size:clamp(11px,.8vw,14px) !important;
  line-height:1.1 !important;
  font-weight:300 !important;
}

@media (max-width:1220px){
  .hember-onepage #sobre .hember-about-body{
    grid-template-columns:1fr !important;
  }

  .hember-onepage #sobre .hember-about-copy-inner{
    max-width:none !important;
  }

  .hember-onepage #sobre .hember-about-copy-line{
    min-height:100% !important;
  }
}

@media (max-width:900px){
  .hember-onepage #sobre .hember-about-strip{
    grid-template-columns:1fr !important;
  }

  .hember-onepage #sobre .hember-about-strip-title{
    justify-content:center !important;
    text-align:center !important;
    white-space:normal !important;
  }

  .hember-onepage #sobre .hember-about-strip-subtitle{
    min-height:72px !important;
  }

  .hember-onepage #sobre .hember-about-body{
    padding:34px 18px 44px !important;
  }

  .hember-onepage #sobre .hember-about-people{
    gap:18px !important;
  }

  .hember-onepage #sobre .hember-about-person{
    grid-template-rows:minmax(300px,1fr) auto !important;
  }

  .hember-onepage #sobre .hember-about-photo-wrap{
    min-height:300px !important;
    padding:0 14px !important;
  }

  .hember-onepage #sobre .hember-about-photo{
    height:clamp(300px, 52vw, 430px) !important;
  }

  .hember-onepage #sobre .hember-about-copy{
    grid-template-columns:8px minmax(0,1fr) !important;
    gap:18px !important;
  }

  .hember-onepage #sobre .hember-about-copy-line{
    width:8px !important;
  }

  .hember-onepage #sobre .hember-about-copy p{
    text-align:left !important;
  }
}

@media (max-width:680px){
  .hember-onepage #sobre .hember-about-people,
  .hember-onepage #sobre .hember-about-stats{
    grid-template-columns:1fr !important;
  }

  .hember-onepage #sobre .hember-about-person{
    max-width:390px !important;
    width:100% !important;
    margin:0 auto !important;
  }

  .hember-onepage #sobre .hember-about-photo-wrap{
    min-height:340px !important;
  }

  .hember-onepage #sobre .hember-about-photo{
    height:360px !important;
  }

  .hember-onepage #sobre .hember-about-copy{
    grid-template-columns:1fr !important;
  }

  .hember-onepage #sobre .hember-about-copy-line{
    width:86px !important;
    height:7px !important;
    min-height:7px !important;
  }

  .hember-onepage #sobre .hember-about-stats{
    max-width:none !important;
  }
}

/* =========================================================
   HEMBER PATCH 2026-05-26 - reajuste fino Quem Somos referência
   Escopo: somente página pública.
   ========================================================= */
.hember-onepage #sobre .hember-about-strip{
  grid-template-columns:max-content minmax(0,1fr) !important;
}

.hember-onepage #sobre .hember-about-strip-title{
  width:auto !important;
  max-width:none !important;
  overflow:visible !important;
}

.hember-onepage #sobre .hember-about-body{
  align-items:start !important;
}

.hember-onepage #sobre .hember-about-person{
  grid-template-rows:auto auto !important;
  overflow:visible !important;
}

.hember-onepage #sobre .hember-about-photo-wrap{
  height:clamp(360px,25.2vw,470px) !important;
  min-height:0 !important;
  overflow:visible !important;
}

.hember-onepage #sobre .hember-about-photo{
  height:clamp(395px,28.8vw,540px) !important;
  transform-origin:center bottom !important;
}

.hember-onepage #sobre .hember-about-person-bruna .hember-about-photo{
  transform:scale(1.15) translateY(0px) !important;
}

.hember-onepage #sobre .hember-about-person-gabriela .hember-about-photo{
   transform:scale(2.00) translateY(90px) !important;
}

.hember-onepage #sobre .hember-about-person-gabriela .hember-about-person-caption{
  background:#0A0B31 !important;
}

.hember-onepage #sobre .hember-about-copy{
  --hember-about-line-w:12px;
  --hember-about-copy-gap:clamp(22px,2vw,32px);
  display:block !important;
}

.hember-onepage #sobre .hember-about-copy-top{
  display:grid !important;
  grid-template-columns:var(--hember-about-line-w) minmax(0,1fr) !important;
  gap:var(--hember-about-copy-gap) !important;
  align-items:stretch !important;
}

.hember-onepage #sobre .hember-about-copy-line{
  width:var(--hember-about-line-w) !important;
  height:100% !important;
  min-height:0 !important;
  align-self:stretch !important;
}

.hember-onepage #sobre .hember-about-copy-inner{
  max-width:660px !important;
}

.hember-onepage #sobre .hember-about-stats{
  margin:28px 0 0 calc(var(--hember-about-line-w) + var(--hember-about-copy-gap)) !important;
}

@media (max-width:1180px){
  .hember-onepage #sobre .hember-about-strip{
    grid-template-columns:1fr !important;
  }

  .hember-onepage #sobre .hember-about-strip-title{
    justify-content:center !important;
    text-align:center !important;
    white-space:normal !important;
  }
}

@media (max-width:900px){
  .hember-onepage #sobre .hember-about-person{
    overflow:hidden !important;
  }

  .hember-onepage #sobre .hember-about-photo-wrap{
    height:auto !important;
    min-height:300px !important;
    overflow:hidden !important;
  }

  .hember-onepage #sobre .hember-about-photo{
    height:clamp(300px,52vw,430px) !important;
    transform:none !important;
  }

  .hember-onepage #sobre .hember-about-person-gabriela .hember-about-photo{
    transform:scale(1.04) !important;
  }

  .hember-onepage #sobre .hember-about-copy{
    --hember-about-line-w:8px;
    --hember-about-copy-gap:18px;
  }
}

@media (max-width:680px){
  .hember-onepage #sobre .hember-about-copy-top{
    grid-template-columns:1fr !important;
  }

  .hember-onepage #sobre .hember-about-copy-line{
    width:86px !important;
    height:7px !important;
    min-height:7px !important;
  }

  .hember-onepage #sobre .hember-about-stats{
    margin:24px 0 0 !important;
  }
}

/* =========================================================
   HEMBER PATCH 2026-05-27 - desktop consistente + cache visual
   Mantém a seção Quem Somos com altura fixa em desktops para evitar
   variação grande entre monitores por causa de vw/clamp.
   ========================================================= */
@media (min-width:1181px){
  .hember-onepage #sobre .hember-about-photo-wrap{
    height:470px !important;
    min-height:470px !important;
    overflow:visible !important;
    clip-path:inset(-90px 0 0 0) !important;
  }

  .hember-onepage #sobre .hember-about-photo{
    width:auto !important;
    max-width:none !important;
    height:540px !important;
  }

  .hember-onepage #sobre .hember-about-person-caption{
    position:relative !important;
    z-index:6 !important;
  }
}


/* =========================================================
   HEMBER PATCH 2026-05-27 - estabilização final Quem Somos
   Corrige escala excessiva da imagem da Gabriela após cache/viewport.
   Desktop usa dimensões fixas; imagens só podem vazar para cima.
   ========================================================= */
@media (min-width:1221px){
  .hember-onepage #sobre .hember-about-body{
    grid-template-columns:minmax(720px, 1.22fr) minmax(460px, .88fr) !important;
    gap:clamp(34px,3vw,58px) !important;
    align-items:start !important;
    overflow:visible !important;
  }

  .hember-onepage #sobre .hember-about-people{
    align-items:start !important;
    overflow:visible !important;
  }

  .hember-onepage #sobre .hember-about-person{
    position:relative !important;
    display:grid !important;
    grid-template-rows:470px 108px !important;
    min-height:578px !important;
    height:578px !important;
    max-height:578px !important;
    overflow:visible !important;
    isolation:isolate !important;
  }

  .hember-onepage #sobre .hember-about-photo-wrap{
    position:relative !important;
    height:470px !important;
    min-height:470px !important;
    max-height:470px !important;
    padding:0 clamp(16px,1.35vw,28px) !important;
    display:flex !important;
    align-items:flex-end !important;
    justify-content:center !important;
    overflow:visible !important;
    clip-path:inset(-74px 0 0 0) !important;
    z-index:1 !important;
  }

  .hember-onepage #sobre .hember-about-photo{
    position:relative !important;
    z-index:2 !important;
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    height:540px !important;
    max-height:none !important;
    object-fit:contain !important;
    object-position:center bottom !important;
    margin:0 auto !important;
    border:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;
    background:transparent !important;
  }

  .hember-onepage #sobre .hember-about-person-bruna .hember-about-photo{
    height:540px !important;
    transform:scale(1.08) translateY(0) !important;
    transform-origin:center bottom !important;
  }

  .hember-onepage #sobre .hember-about-person-gabriela .hember-about-photo{
    height:540px !important;
    transform:scale(1.24) translateY(0) !important;
    transform-origin:center bottom !important;
  }

  .hember-onepage #sobre .hember-about-person-caption{
    position:relative !important;
    z-index:20 !important;
    min-height:108px !important;
    height:108px !important;
    margin:0 !important;
    padding:16px 18px 18px !important;
  }

  .hember-onepage #sobre .hember-about-person-gabriela .hember-about-person-caption{
    background:#0A0B31 !important;
  }
}

@media (min-width:901px) and (max-width:1220px){
  .hember-onepage #sobre .hember-about-person-gabriela .hember-about-photo{
    transform:scale(1.12) translateY(0) !important;
    transform-origin:center bottom !important;
  }
}


/* =========================================================
   HEMBER PATCH 2026-05-27 - altura menor + controles das fotos Quem Somos
   Escopo: somente seção pública "Quem Somos".
   Objetivo: reduzir os retângulos das fotos e deixar controles claros
   para altura/tamanho e posição Y de Bruna e Gabriela.
   ========================================================= */
@media (min-width:901px){
  .hember-onepage #sobre .hember-about-person{
    --hember-about-photo-box-height:390px;
    --hember-about-caption-height:108px;
    position:relative !important;
    display:grid !important;
    grid-template-rows:var(--hember-about-photo-box-height) var(--hember-about-caption-height) !important;
    min-height:calc(var(--hember-about-photo-box-height) + var(--hember-about-caption-height)) !important;
    height:calc(var(--hember-about-photo-box-height) + var(--hember-about-caption-height)) !important;
    max-height:calc(var(--hember-about-photo-box-height) + var(--hember-about-caption-height)) !important;
    overflow:visible !important;
    isolation:isolate !important;
  }

  .hember-onepage #sobre .hember-about-photo-wrap{
    position:relative !important;
    height:var(--hember-about-photo-box-height) !important;
    min-height:var(--hember-about-photo-box-height) !important;
    max-height:var(--hember-about-photo-box-height) !important;
    padding:0 clamp(16px,1.35vw,28px) !important;
    display:flex !important;
    align-items:flex-end !important;
    justify-content:center !important;
    overflow:visible !important;
    /* permite vazar só para cima; corta laterais e parte de baixo */
    clip-path:inset(-120px 0 0 0) !important;
    z-index:1 !important;
  }

  .hember-onepage #sobre .hember-about-photo{
    position:relative !important;
    z-index:2 !important;
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    max-height:none !important;
    object-fit:contain !important;
    object-position:center bottom !important;
    margin:0 auto !important;
    transform-origin:center bottom !important;
    border:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;
    background:transparent !important;
  }

  /* Mexer na foto da Bruna
     height = altura da imagem; scale = zoom; translateY negativo sobe / positivo desce. */
  .hember-onepage #sobre .hember-about-person-bruna .hember-about-photo{
    height:500px !important;
    transform:scale(1.10) translateY(0px) !important;
  }

  /* Mexer na foto da Gabriela
     height = altura da imagem; scale = zoom; translateY negativo sobe / positivo desce. */
  .hember-onepage #sobre .hember-about-person-gabriela .hember-about-photo{
    height:700px !important;
    transform:scale(1.80) translateY(85px) !important;
  }

  .hember-onepage #sobre .hember-about-person-caption{
    position:relative !important;
    z-index:20 !important;
    min-height:var(--hember-about-caption-height) !important;
    height:var(--hember-about-caption-height) !important;
    margin:0 !important;
    padding:16px 18px 18px !important;
  }

  .hember-onepage #sobre .hember-about-person-gabriela .hember-about-person-caption{
    background:#0A0B31 !important;
  }
}

@media (min-width:901px) and (max-width:1220px){
  .hember-onepage #sobre .hember-about-person{
    --hember-about-photo-box-height:360px;
    --hember-about-caption-height:104px;
  }

  /* Mexer na foto da Bruna em notebooks/telas médias */
  .hember-onepage #sobre .hember-about-person-bruna .hember-about-photo{
    height:460px !important;
    transform:scale(1.04) translateY(0px) !important;
  }

  /* Mexer na foto da Gabriela em notebooks/telas médias */
  .hember-onepage #sobre .hember-about-person-gabriela .hember-about-photo{
    height:460px !important;
    transform:scale(1.12) translateY(0px) !important;
  }
}


/* =========================================================
   HEMBER PATCH 2026-05-27 - FAQ botão branco + voltar ao topo sem círculo
   Escopo: site público.
   ========================================================= */
.hember-onepage #faq .faq-work-btn,
.hember-onepage #faq a.faq-work-btn,
.hember-onepage .faq-work-btn,
.hember-onepage a.faq-work-btn,
.faq-page .faq-work-btn,
.faq-page a.faq-work-btn,
.faq-page .faq-work-link,
.faq-page a.faq-work-link{
  color:#FFFFFF !important;
  -webkit-text-fill-color:#FFFFFF !important;
}

.hember-onepage #faq .faq-work-btn *,
.hember-onepage .faq-work-btn *,
.faq-page .faq-work-btn *,
.faq-page .faq-work-link *{
  color:#FFFFFF !important;
  -webkit-text-fill-color:#FFFFFF !important;
}

.hember-onepage #faq .faq-work-btn:visited,
.hember-onepage #faq .faq-work-btn:hover,
.hember-onepage #faq .faq-work-btn:focus,
.hember-onepage #faq .faq-work-btn:active,
.faq-page .faq-work-btn:visited,
.faq-page .faq-work-btn:hover,
.faq-page .faq-work-btn:focus,
.faq-page .faq-work-btn:active{
  color:#FFFFFF !important;
  -webkit-text-fill-color:#FFFFFF !important;
}

.site-footer .footer-backtop{
  margin-top:-14px !important;
  margin-bottom:2px !important;
}

.site-footer .footer-backtop-icon{
  width:18px !important;
  height:18px !important;
  min-width:18px !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}

.site-footer .footer-backtop-icon::before{
  width:9px !important;
  height:9px !important;
  border-top:2.5px solid #FFFFFF !important;
  border-left:2.5px solid #FFFFFF !important;
  transform:translateY(3px) rotate(45deg) !important;
}

.site-footer .footer-backtop:hover .footer-backtop-icon,
.site-footer .footer-backtop:focus-visible .footer-backtop-icon{
  background:transparent !important;
  box-shadow:none !important;
}


/* =========================================================
   HEMBER PATCH 2026-06-09 - Livestream sem textos + 4 vídeos
   Escopo: faixa #Livestream da home pública.
   ========================================================= */
.hember-onepage #livestream.live-join-hero,
.live-page #livestream.live-join-hero{
  padding:54px 0 !important;
  min-height:0 !important;
  background:#0A2463 !important;
  color:#FFFFFF !important;
  overflow:hidden !important;
}

.hember-onepage #livestream.live-join-hero::after,
.live-page #livestream.live-join-hero::after,
.hember-onepage #livestream .live-join-copy,
.live-page #livestream .live-join-copy,
.hember-onepage #livestream .live-join-title,
.live-page #livestream .live-join-title,
.hember-onepage #livestream .live-join-text,
.live-page #livestream .live-join-text{
  display:none !important;
  content:none !important;
}

.hember-onepage #livestream .live-join-grid,
.live-page #livestream .live-join-grid{
  display:block !important;
  width:100% !important;
  max-width:1400px !important;
  min-height:0 !important;
  height:auto !important;
  margin:0 auto !important;
  position:relative !important;
}

.hember-onepage #livestream .live-join-grid::before,
.live-page #livestream .live-join-grid::before{
  left:-40px !important;
  top:50% !important;
  transform:translateY(-50%) !important;
  opacity:.35 !important;
}

.hember-onepage #livestream .live-join-grid::after,
.live-page #livestream .live-join-grid::after{
  left:auto !important;
  right:8% !important;
  top:22px !important;
  opacity:.55 !important;
}

.hember-onepage #livestream .live-join-photos,
.live-page #livestream .live-join-photos{
  width:100% !important;
  max-width:1240px !important;
  min-height:0 !important;
  height:auto !important;
  margin:0 auto !important;
  display:grid !important;
  grid-template-columns:repeat(4, minmax(150px, 1fr)) !important;
  align-items:center !important;
  justify-items:center !important;
  justify-content:center !important;
  gap:clamp(18px,2.2vw,32px) !important;
}

.hember-onepage #livestream .live-join-photos::before,
.live-page #livestream .live-join-photos::before{
  right:-46px !important;
  bottom:-44px !important;
  opacity:.42 !important;
}

.hember-onepage #livestream .live-join-photos::after,
.live-page #livestream .live-join-photos::after{
  right:10% !important;
  top:-26px !important;
  opacity:.45 !important;
}

.hember-onepage #livestream .live-join-photo,
.hember-onepage #livestream .live-join-video-card,
.live-page #livestream .live-join-photo,
.live-page #livestream .live-join-video-card{
  width:100% !important;
  max-width:260px !important;
  min-width:0 !important;
  height:auto !important;
  aspect-ratio:9 / 16 !important;
  flex:none !important;
  transform:none !important;
  border-radius:28px !important;
  background:#050818 !important;
  border:2px solid rgba(230,0,115,.72) !important;
  box-shadow:0 24px 64px rgba(0,0,0,.30) !important;
  overflow:hidden !important;
}

.hember-onepage #livestream .live-join-photo-1,
.hember-onepage #livestream .live-join-photo-2,
.hember-onepage #livestream .live-join-photo-3,
.hember-onepage #livestream .live-join-photo-4,
.live-page #livestream .live-join-photo-1,
.live-page #livestream .live-join-photo-2,
.live-page #livestream .live-join-photo-3,
.live-page #livestream .live-join-photo-4{
  transform:none !important;
}

.hember-onepage #livestream .live-join-video-card .live-join-video,
.hember-onepage #livestream .live-join-photo-1 .live-join-video,
.hember-onepage #livestream .live-join-photo-2 .live-join-video,
.hember-onepage #livestream .live-join-photo-3 .live-join-video,
.hember-onepage #livestream .live-join-photo-4 .live-join-video,
.live-page #livestream .live-join-video-card .live-join-video,
.live-page #livestream .live-join-photo-1 .live-join-video,
.live-page #livestream .live-join-photo-2 .live-join-video,
.live-page #livestream .live-join-photo-3 .live-join-video,
.live-page #livestream .live-join-photo-4 .live-join-video{
  width:100% !important;
  height:100% !important;
  display:block !important;
  object-fit:cover !important;
  object-position:center top !important;
  transform:translate(var(--hv-x, 0%), var(--hv-y, 0%)) scale(var(--hv-scale, 1)) !important;
  transform-origin:center top !important;
}

@media (max-width:980px){
  .hember-onepage #livestream .live-join-photos,
  .live-page #livestream .live-join-photos{
    grid-template-columns:repeat(2, minmax(140px, 1fr)) !important;
    max-width:640px !important;
  }
}

@media (max-width:560px){
  .hember-onepage #livestream.live-join-hero,
  .live-page #livestream.live-join-hero{
    padding:38px 0 !important;
  }

  .hember-onepage #livestream .live-join-photos,
  .live-page #livestream .live-join-photos{
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
    gap:12px !important;
  }

  .hember-onepage #livestream .live-join-photo,
  .hember-onepage #livestream .live-join-video-card,
  .live-page #livestream .live-join-photo,
  .live-page #livestream .live-join-video-card{
    border-radius:20px !important;
  }
}


/* =========================================================
   HEMBER PATCH 2026-06-09 - Hero sem visual lateral + bloco Lives premium
   Escopo: home pública.
   ========================================================= */
.hember-onepage .hero-static-content.hero-static-content-no-visual{
  grid-template-columns:minmax(0, 840px) !important;
  justify-content:flex-start !important;
  gap:0 !important;
}

.hember-onepage .hero-static-content.hero-static-content-no-visual .hero-text{
  max-width:840px !important;
}

.hember-onepage .hero-static-content.hero-static-content-no-visual .hero-visual-wrap{
  display:none !important;
}

.hember-onepage #o-que-e-live.live-premium-topic,
.live-page #o-que-e-live.live-premium-topic{
  position:relative !important;
  isolation:isolate !important;
  padding:clamp(72px,7vw,118px) 0 !important;
  overflow:hidden !important;
  background:
    radial-gradient(520px 520px at -4% 42%, rgba(230,0,115,.08), transparent 56%),
    radial-gradient(620px 420px at 96% 86%, rgba(10,36,99,.08), transparent 62%),
    linear-gradient(180deg, #FFFFFF 0%, #F7F3FB 100%) !important;
  color:#0A2463 !important;
}

.hember-onepage #o-que-e-live.live-premium-topic::before,
.live-page #o-que-e-live.live-premium-topic::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  z-index:-2 !important;
  background-image:radial-gradient(rgba(230,0,115,.14) 1.4px, transparent 1.4px) !important;
  background-size:18px 18px !important;
  opacity:.18 !important;
  pointer-events:none !important;
}

.hember-onepage #o-que-e-live.live-premium-topic::after,
.live-page #o-que-e-live.live-premium-topic::after{
  content:"LIVE" !important;
  position:absolute !important;
  right:4vw !important;
  bottom:-.20em !important;
  z-index:-1 !important;
  font-family:var(--hember-heading-font, inherit) !important;
  font-size:clamp(110px,18vw,280px) !important;
  line-height:1 !important;
  font-weight:950 !important;
  letter-spacing:-.08em !important;
  color:rgba(230,0,115,.045) !important;
  pointer-events:none !important;
}

.hember-onepage #o-que-e-live .live-premium-wrap,
.live-page #o-que-e-live .live-premium-wrap{
  max-width:1320px !important;
  position:relative !important;
  z-index:2 !important;
}

.hember-onepage #o-que-e-live .live-premium-wrap::before,
.live-page #o-que-e-live .live-premium-wrap::before,
.hember-onepage #o-que-e-live .live-premium-wrap::after,
.live-page #o-que-e-live .live-premium-wrap::after{
  display:none !important;
  content:none !important;
}

.hember-onepage #o-que-e-live .live-premium-heading,
.live-page #o-que-e-live .live-premium-heading{
  max-width:1080px !important;
  margin:0 auto clamp(28px,3.3vw,48px) !important;
  text-align:center !important;
}

.hember-onepage #o-que-e-live .live-premium-kicker,
.live-page #o-que-e-live .live-premium-kicker{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:34px !important;
  margin:0 0 14px !important;
  padding:0 18px !important;
  border-radius:999px !important;
  background:#E60073 !important;
  color:#FFFFFF !important;
  font-family:var(--hember-content-font, inherit) !important;
  font-size:12px !important;
  font-weight:950 !important;
  letter-spacing:.18em !important;
  text-transform:uppercase !important;
  box-shadow:0 16px 38px rgba(230,0,115,.20) !important;
}

.hember-onepage #o-que-e-live .live-h2,
.hember-onepage #o-que-e-live .live-h2 *,
.live-page #o-que-e-live .live-h2,
.live-page #o-que-e-live .live-h2 *{
  color:#0A2463 !important;
  text-align:center !important;
}

.hember-onepage #o-que-e-live .live-h2,
.live-page #o-que-e-live .live-h2{
  max-width:100% !important;
  margin:0 !important;
  font-size:clamp(44px,5.3vw,86px) !important;
  line-height:.94 !important;
  letter-spacing:-.055em !important;
  font-weight:950 !important;
}

.hember-onepage #o-que-e-live .live-premium-grid,
.live-page #o-que-e-live .live-premium-grid{
  width:100% !important;
  max-width:1180px !important;
  margin:0 auto !important;
  display:grid !important;
  grid-template-columns:minmax(0, 1.16fr) minmax(330px, .84fr) !important;
  align-items:stretch !important;
  gap:clamp(22px,2.6vw,34px) !important;
  text-align:left !important;
}

.hember-onepage #o-que-e-live .live-premium-card,
.live-page #o-que-e-live .live-premium-card{
  position:relative !important;
  overflow:hidden !important;
  border-radius:32px !important;
  min-height:100% !important;
  box-shadow:0 28px 70px rgba(10,36,99,.12) !important;
}

.hember-onepage #o-que-e-live .live-premium-copy-card,
.live-page #o-que-e-live .live-premium-copy-card{
  padding:clamp(30px,3.1vw,48px) !important;
  background:rgba(255,255,255,.86) !important;
  border:1px solid rgba(10,36,99,.10) !important;
  color:#0A2463 !important;
  backdrop-filter:blur(14px) !important;
}

.hember-onepage #o-que-e-live .live-premium-copy-card::before,
.live-page #o-que-e-live .live-premium-copy-card::before{
  content:"" !important;
  position:absolute !important;
  left:0 !important;
  top:0 !important;
  bottom:0 !important;
  width:9px !important;
  background:linear-gradient(180deg, #E60073 0%, #0A2463 100%) !important;
}

.hember-onepage #o-que-e-live .live-premium-copy-card::after,
.live-page #o-que-e-live .live-premium-copy-card::after{
  content:"" !important;
  position:absolute !important;
  right:-70px !important;
  top:-70px !important;
  width:220px !important;
  height:220px !important;
  border-radius:999px !important;
  background:rgba(230,0,115,.075) !important;
}

.hember-onepage #o-que-e-live .live-premium-copy-card p,
.hember-onepage #o-que-e-live .live-premium-copy-card .live-intro,
.live-page #o-que-e-live .live-premium-copy-card p,
.live-page #o-que-e-live .live-premium-copy-card .live-intro{
  position:relative !important;
  z-index:2 !important;
  max-width:100% !important;
  margin:0 0 20px !important;
  color:rgba(10,36,99,.86) !important;
  text-align:left !important;
  font-size:clamp(18px,1.25vw,22px) !important;
  line-height:1.62 !important;
  font-weight:420 !important;
  letter-spacing:.01em !important;
}

.hember-onepage #o-que-e-live .live-premium-copy-card p:last-of-type,
.live-page #o-que-e-live .live-premium-copy-card p:last-of-type{
  margin-bottom:0 !important;
}

.hember-onepage #o-que-e-live .live-premium-tags,
.live-page #o-que-e-live .live-premium-tags{
  position:relative !important;
  z-index:2 !important;
  display:flex !important;
  flex-wrap:wrap !important;
  gap:10px !important;
  margin-top:28px !important;
}

.hember-onepage #o-que-e-live .live-premium-tags span,
.live-page #o-que-e-live .live-premium-tags span{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:34px !important;
  padding:0 14px !important;
  border-radius:999px !important;
  background:rgba(230,0,115,.08) !important;
  color:#0A2463 !important;
  border:1px solid rgba(230,0,115,.18) !important;
  font-size:13px !important;
  font-weight:850 !important;
  letter-spacing:.02em !important;
}

.hember-onepage #o-que-e-live .live-premium-monetization,
.live-page #o-que-e-live .live-premium-monetization{
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  gap:16px !important;
  padding:clamp(30px,3vw,44px) !important;
  background:
    radial-gradient(240px 240px at 92% 8%, rgba(230,0,115,.38), transparent 64%),
    linear-gradient(145deg, #071548 0%, #07072C 100%) !important;
  background-color:#07072C !important;
  border:1px solid rgba(230,0,115,.28) !important;
  color:#FFFFFF !important;
}

.hember-onepage #o-que-e-live .live-premium-monetization::before,
.live-page #o-que-e-live .live-premium-monetization::before{
  content:"" !important;
  position:absolute !important;
  inset:0 auto 0 0 !important;
  width:8px !important;
  background:#E60073 !important;
}

.hember-onepage #o-que-e-live .live-premium-card-label,
.live-page #o-que-e-live .live-premium-card-label{
  width:max-content !important;
  max-width:100% !important;
  display:inline-flex !important;
  align-items:center !important;
  min-height:32px !important;
  padding:0 14px !important;
  border-radius:999px !important;
  background:rgba(230,0,115,.18) !important;
  color:#FFFFFF !important;
  font-size:12px !important;
  font-weight:950 !important;
  letter-spacing:.14em !important;
  text-transform:uppercase !important;
}

.hember-onepage #o-que-e-live .live-premium-monetization .live-mini-title,
.hember-onepage #o-que-e-live .live-premium-monetization .live-mini-title *,
.live-page #o-que-e-live .live-premium-monetization .live-mini-title,
.live-page #o-que-e-live .live-premium-monetization .live-mini-title *{
  color:#FFFFFF !important;
  text-align:left !important;
}

.hember-onepage #o-que-e-live .live-premium-monetization .live-mini-title,
.live-page #o-que-e-live .live-premium-monetization .live-mini-title{
  margin:0 !important;
  font-size:clamp(30px,2.55vw,44px) !important;
  line-height:1.02 !important;
  letter-spacing:-.04em !important;
  font-weight:950 !important;
}

.hember-onepage #o-que-e-live .live-premium-monetization p,
.live-page #o-que-e-live .live-premium-monetization p{
  margin:0 !important;
  max-width:100% !important;
  color:rgba(255,255,255,.82) !important;
  text-align:left !important;
  font-size:clamp(16px,1.05vw,19px) !important;
  line-height:1.62 !important;
  font-weight:420 !important;
}

@media (max-width:980px){
  .hember-onepage .hero-static-content.hero-static-content-no-visual{
    grid-template-columns:1fr !important;
  }

  .hember-onepage #o-que-e-live .live-premium-grid,
  .live-page #o-que-e-live .live-premium-grid{
    grid-template-columns:1fr !important;
  }
}

@media (max-width:620px){
  .hember-onepage #o-que-e-live.live-premium-topic,
  .live-page #o-que-e-live.live-premium-topic{
    padding:56px 0 !important;
  }

  .hember-onepage #o-que-e-live .live-h2,
  .live-page #o-que-e-live .live-h2{
    font-size:clamp(36px,12vw,54px) !important;
  }

  .hember-onepage #o-que-e-live .live-premium-copy-card,
  .hember-onepage #o-que-e-live .live-premium-monetization,
  .live-page #o-que-e-live .live-premium-copy-card,
  .live-page #o-que-e-live .live-premium-monetization{
    border-radius:24px !important;
    padding:26px 22px !important;
  }
}

/* =========================================================
   HEMBER PATCH 2026-06-09.03 - Hero inicial no modelo premium da referência
   Escopo: home pública / seção inicial.
   ========================================================= */
.hember-onepage #inicio.hero-reference-2026{
  min-height:clamp(620px, 47vw, 760px) !important;
  padding:0 !important;
  overflow:hidden !important;
  background:
    radial-gradient(520px 420px at 55% 72%, rgba(230,0,115,.055), transparent 64%),
    linear-gradient(105deg, #FFFFFF 0%, #FFFFFF 52%, #FFF2F8 52.2%, #FFF2F8 100%) !important;
  color:#050505 !important;
}

.hember-onepage #inicio.hero-reference-2026::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  z-index:0 !important;
  background-image:radial-gradient(rgba(230,0,115,.16) 1.25px, transparent 1.25px) !important;
  background-size:16px 16px !important;
  opacity:.18 !important;
  pointer-events:none !important;
}

.hember-onepage #inicio.hero-reference-2026 .hero-overlay{
  display:none !important;
}

.hember-onepage #inicio.hero-reference-2026 .hero-bg-decor{
  display:block !important;
  opacity:1 !important;
}

.hember-onepage #inicio.hero-reference-2026 .hero-tiktok-watermark{
  width:min(44vw, 720px) !important;
  height:min(44vw, 720px) !important;
  right:18vw !important;
  top:16% !important;
  background:#E60073 !important;
  opacity:.055 !important;
}

.hember-onepage #inicio.hero-reference-2026 .hero-frill,
.hember-onepage #inicio.hero-reference-2026 .hero-frill-arc,
.hember-onepage #inicio.hero-reference-2026 .hero-frill-burst,
.hember-onepage #inicio.hero-reference-2026 .hero-frill-dots{
  display:none !important;
}

.hember-onepage #inicio.hero-reference-2026 .hero-static-content-reference{
  position:relative !important;
  z-index:2 !important;
  min-height:clamp(620px, 47vw, 760px) !important;
  display:grid !important;
  grid-template-columns:minmax(470px, .92fr) minmax(560px, 1.08fr) !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:clamp(42px, 5vw, 86px) !important;
}

.hember-onepage #inicio.hero-reference-2026 .hero-text{
  max-width:760px !important;
  padding:clamp(34px, 4vw, 58px) 0 !important;
  color:#050505 !important;
}

.hember-onepage #inicio.hero-reference-2026 .hero-public-logo{
  width:min(410px, 36vw) !important;
  margin:0 0 clamp(30px, 3.6vw, 48px) !important;
}

.hember-onepage #inicio.hero-reference-2026 .hero-public-logo img{
  width:100% !important;
  max-width:none !important;
  height:auto !important;
  display:block !important;
  object-fit:contain !important;
}

.hember-onepage #inicio.hero-reference-2026 .hero-badges{
  display:flex !important;
  flex-wrap:wrap !important;
  align-items:center !important;
  gap:12px !important;
  margin:0 0 clamp(34px, 3.5vw, 48px) !important;
}

.hember-onepage #inicio.hero-reference-2026 .hero-badge{
  min-height:44px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;
  border-radius:12px !important;
  padding:0 16px !important;
  font-size:clamp(11px, .82vw, 13px) !important;
  line-height:1 !important;
  font-weight:950 !important;
  letter-spacing:-.01em !important;
  box-shadow:0 14px 38px rgba(10,36,99,.09) !important;
}

.hember-onepage #inicio.hero-reference-2026 .hero-badge-outline{
  background:rgba(255,255,255,.86) !important;
  color:#050505 !important;
  border:1px solid rgba(10,36,99,.10) !important;
  text-transform:uppercase !important;
}

.hember-onepage #inicio.hero-reference-2026 .hero-badge-fill,
.hember-onepage #inicio.hero-reference-2026 .hero-badges .hero-badge.hero-badge-fill{
  background:#E60073 !important;
  color:#FFFFFF !important;
  border:0 !important;
  border-radius:999px !important;
  padding:0 18px !important;
  text-transform:none !important;
}

.hember-onepage #inicio.hero-reference-2026 .hero-badge-icon{
  width:19px !important;
  height:19px !important;
  object-fit:contain !important;
  filter:none !important;
  -webkit-filter:none !important;
}

.hember-onepage #inicio.hero-reference-2026 .hero-badge-check{
  width:19px !important;
  height:19px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:999px !important;
  background:#0A2463 !important;
  border:0 !important;
  color:#FFFFFF !important;
  font-size:12px !important;
  font-weight:950 !important;
  line-height:1 !important;
}

.hember-onepage #inicio.hero-reference-2026 .hero-static .hero-title.hero-title-message,
.hember-onepage #inicio.hero-reference-2026 .hero-title.hero-title-message{
  max-width:820px !important;
  margin:0 !important;
  font-size:clamp(40px, 4.05vw, 70px) !important;
  line-height:.97 !important;
  letter-spacing:-.055em !important;
  font-weight:950 !important;
  color:#050505 !important;
  text-transform:none !important;
}

.hember-onepage #inicio.hero-reference-2026 .hero-title-message span,
.hember-onepage #inicio.hero-reference-2026 .hero-title-message em{
  display:inline !important;
  font-style:normal !important;
  font-weight:950 !important;
  letter-spacing:inherit !important;
  color:#050505 !important;
}

.hember-onepage #inicio.hero-reference-2026 .hero-title-message em{
  color:#E60073 !important;
}

.hember-onepage #inicio.hero-reference-2026 .hero-lead-message{
  max-width:720px !important;
  margin:clamp(18px, 2vw, 28px) 0 0 !important;
  color:rgba(5,5,5,.78) !important;
  font-size:clamp(20px, 1.65vw, 29px) !important;
  line-height:1.22 !important;
  font-weight:430 !important;
  letter-spacing:-.035em !important;
}

.hember-onepage #inicio.hero-reference-2026 .hero-actions{
  margin-top:clamp(28px, 3vw, 42px) !important;
}

.hember-onepage #inicio.hero-reference-2026 .hero-main-cta,
.hember-onepage #inicio.hero-reference-2026 a.hero-main-cta{
  min-height:58px !important;
  padding:0 18px 0 30px !important;
  border-radius:999px !important;
  background:#E60073 !important;
  color:#FFFFFF !important;
  border:0 !important;
  font-size:clamp(13px, .9vw, 16px) !important;
  font-weight:950 !important;
  letter-spacing:.01em !important;
  text-transform:uppercase !important;
  box-shadow:0 18px 46px rgba(230,0,115,.25) !important;
}

.hember-onepage #inicio.hero-reference-2026 .hero-main-cta .hero-cta-arrow,
.hember-onepage #inicio.hero-reference-2026 a.hero-main-cta .hero-cta-arrow{
  width:40px !important;
  height:40px !important;
  margin-left:12px !important;
  border:2px solid rgba(255,255,255,.92) !important;
  border-radius:999px !important;
  color:transparent !important;
  position:relative !important;
  flex:0 0 auto !important;
}

.hember-onepage #inicio.hero-reference-2026 .hero-main-cta .hero-cta-arrow::before,
.hember-onepage #inicio.hero-reference-2026 a.hero-main-cta .hero-cta-arrow::before{
  content:"" !important;
  position:absolute !important;
  left:48% !important;
  top:50% !important;
  width:9px !important;
  height:9px !important;
  border-top:2.5px solid #FFFFFF !important;
  border-right:2.5px solid #FFFFFF !important;
  transform:translate(-62%, -50%) rotate(45deg) !important;
}

.hember-onepage #inicio.hero-reference-2026 .hero-reference-visual{
  position:relative !important;
  display:block !important;
  width:100% !important;
  min-height:clamp(500px, 38vw, 650px) !important;
  align-self:stretch !important;
  overflow:visible !important;
}

.hember-onepage #inicio.hero-reference-2026 .hero-reference-tiktok-mark{
  position:absolute !important;
  right:6% !important;
  top:2% !important;
  width:min(44vw, 650px) !important;
  height:min(44vw, 650px) !important;
  opacity:.08 !important;
  background:#E60073 !important;
  -webkit-mask-image:var(--hero-tiktok-logo) !important;
  mask-image:var(--hero-tiktok-logo) !important;
  -webkit-mask-repeat:no-repeat !important;
  mask-repeat:no-repeat !important;
  -webkit-mask-position:center !important;
  mask-position:center !important;
  -webkit-mask-size:contain !important;
  mask-size:contain !important;
  pointer-events:none !important;
}

.hember-onepage #inicio.hero-reference-2026 .hero-reference-live-pill{
  position:absolute !important;
  top:9.5% !important;
  right:3.5% !important;
  z-index:5 !important;
  min-height:54px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:10px !important;
  padding:0 22px !important;
  border-radius:999px !important;
  background:linear-gradient(90deg, rgba(230,0,115,.16), #E60073) !important;
  color:#FFFFFF !important;
  font-size:clamp(22px, 1.9vw, 34px) !important;
  line-height:1 !important;
  font-weight:950 !important;
  letter-spacing:.01em !important;
  box-shadow:0 18px 45px rgba(230,0,115,.18) !important;
}

.hember-onepage #inicio.hero-reference-2026 .hero-reference-live-pill i{
  width:17px !important;
  height:17px !important;
  border-radius:999px !important;
  background:#E60073 !important;
  box-shadow:0 0 0 8px rgba(255,255,255,.32) !important;
}

.hember-onepage #inicio.hero-reference-2026 .hero-reference-card{
  position:absolute !important;
  z-index:3 !important;
  margin:0 !important;
  border-radius:34px !important;
  overflow:hidden !important;
  background:#FFFFFF !important;
  border:0 !important;
  box-shadow:0 24px 70px rgba(10,36,99,.14) !important;
}

.hember-onepage #inicio.hero-reference-2026 .hero-reference-card::after{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  border-radius:inherit !important;
  border:1px solid rgba(230,0,115,.10) !important;
  pointer-events:none !important;
}

.hember-onepage #inicio.hero-reference-2026 .hero-reference-card img{
  width:100% !important;
  height:100% !important;
  display:block !important;
  object-fit:cover !important;
  object-position:center !important;
}

.hember-onepage #inicio.hero-reference-2026 .hero-reference-card-top{
  width:clamp(210px, 17vw, 292px) !important;
  aspect-ratio:1.72 / 1 !important;
  top:20% !important;
  right:22% !important;
}

.hember-onepage #inicio.hero-reference-2026 .hero-reference-card-middle{
  width:clamp(220px, 18vw, 310px) !important;
  aspect-ratio:1.65 / 1 !important;
  top:40% !important;
  right:3.5% !important;
}

.hember-onepage #inicio.hero-reference-2026 .hero-reference-card-bottom{
  width:clamp(216px, 17vw, 298px) !important;
  aspect-ratio:1.72 / 1 !important;
  top:62% !important;
  right:28% !important;
}

@media (max-width:1180px){
  .hember-onepage #inicio.hero-reference-2026 .hero-static-content-reference{
    grid-template-columns:minmax(390px, .98fr) minmax(420px, .92fr) !important;
    gap:34px !important;
  }
  .hember-onepage #inicio.hero-reference-2026 .hero-public-logo{
    width:min(330px, 34vw) !important;
  }
  .hember-onepage #inicio.hero-reference-2026 .hero-reference-card-top{
    right:18% !important;
  }
  .hember-onepage #inicio.hero-reference-2026 .hero-reference-card-bottom{
    right:22% !important;
  }
}

@media (max-width:900px){
  .hember-onepage #inicio.hero-reference-2026{
    min-height:0 !important;
    background:
      radial-gradient(420px 320px at 86% 54%, rgba(230,0,115,.10), transparent 64%),
      linear-gradient(180deg, #FFFFFF 0%, #FFF2F8 100%) !important;
  }
  .hember-onepage #inicio.hero-reference-2026 .hero-static-content-reference{
    min-height:0 !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:flex-start !important;
    gap:24px !important;
    padding-top:44px !important;
    padding-bottom:50px !important;
  }
  .hember-onepage #inicio.hero-reference-2026 .hero-text{
    width:100% !important;
    padding:0 !important;
  }
  .hember-onepage #inicio.hero-reference-2026 .hero-public-logo{
    width:min(280px, 72vw) !important;
    margin-bottom:24px !important;
  }
  .hember-onepage #inicio.hero-reference-2026 .hero-badges{
    margin-bottom:24px !important;
  }
  .hember-onepage #inicio.hero-reference-2026 .hero-reference-visual{
    width:100% !important;
    min-height:360px !important;
    align-self:center !important;
  }
  .hember-onepage #inicio.hero-reference-2026 .hero-reference-live-pill{
    top:0 !important;
    right:0 !important;
    min-height:42px !important;
    font-size:22px !important;
  }
  .hember-onepage #inicio.hero-reference-2026 .hero-reference-card-top{
    width:42% !important;
    top:54px !important;
    left:3% !important;
    right:auto !important;
  }
  .hember-onepage #inicio.hero-reference-2026 .hero-reference-card-middle{
    width:45% !important;
    top:132px !important;
    right:2% !important;
  }
  .hember-onepage #inicio.hero-reference-2026 .hero-reference-card-bottom{
    width:43% !important;
    top:224px !important;
    left:22% !important;
    right:auto !important;
  }
}

@media (max-width:540px){
  .hember-onepage #inicio.hero-reference-2026 .hero-title.hero-title-message{
    font-size:clamp(35px, 11vw, 50px) !important;
  }
  .hember-onepage #inicio.hero-reference-2026 .hero-lead-message{
    font-size:19px !important;
  }
  .hember-onepage #inicio.hero-reference-2026 .hero-badges{
    gap:8px !important;
  }
  .hember-onepage #inicio.hero-reference-2026 .hero-badge{
    min-height:36px !important;
    font-size:9.8px !important;
    padding:0 10px !important;
    border-radius:10px !important;
  }
  .hember-onepage #inicio.hero-reference-2026 .hero-badge-fill,
  .hember-onepage #inicio.hero-reference-2026 .hero-badges .hero-badge.hero-badge-fill{
    border-radius:999px !important;
    padding:0 12px !important;
  }
  .hember-onepage #inicio.hero-reference-2026 .hero-reference-visual{
    min-height:310px !important;
  }
}


/* =========================================================
   HEMBER PATCH 2026-06-09.04 - Hero inicial: badges e imagens sem moldura branca
   Escopo: seção inicial pública.
   ========================================================= */
.hember-onepage #inicio.hero-reference-2026 .hero-badge.hero-badge-official-tiktok{
  min-height:52px !important;
  padding:0 13px 0 15px !important;
  gap:9px !important;
  border-radius:12px !important;
  background:#D9DBD8 !important;
  border:0 !important;
  color:#042045 !important;
  box-shadow:0 12px 30px rgba(4,32,69,.10) !important;
}

.hember-onepage #inicio.hero-reference-2026 .hero-badge.hero-badge-official-tiktok .hero-badge-icon{
  width:22px !important;
  height:22px !important;
  flex:0 0 auto !important;
  object-fit:contain !important;
  filter:brightness(0) saturate(100%) invert(12%) sepia(57%) saturate(1505%) hue-rotate(189deg) brightness(84%) contrast(105%) !important;
}

.hember-onepage #inicio.hero-reference-2026 .hero-badge-official-copy{
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  justify-content:center !important;
  gap:1px !important;
  color:#042045 !important;
  line-height:.92 !important;
  text-transform:uppercase !important;
  letter-spacing:-.035em !important;
}

.hember-onepage #inicio.hero-reference-2026 .hero-badge-official-copy span{
  display:block !important;
  color:#042045 !important;
  font-size:10px !important;
  font-weight:900 !important;
  line-height:1 !important;
}

.hember-onepage #inicio.hero-reference-2026 .hero-badge-official-copy strong{
  display:block !important;
  color:#042045 !important;
  font-size:14px !important;
  font-weight:950 !important;
  line-height:1 !important;
  letter-spacing:-.045em !important;
}

.hember-onepage #inicio.hero-reference-2026 .hero-badge.hero-badge-official-tiktok .hero-badge-check{
  width:20px !important;
  height:20px !important;
  color:#FFFFFF !important;
  background:#042045 !important;
  font-size:12px !important;
  box-shadow:none !important;
}

.hember-onepage #inicio.hero-reference-2026 .hero-reference-live-pill{
  min-height:56px !important;
  padding:0 24px 0 18px !important;
  gap:12px !important;
  border-radius:999px !important;
  background:linear-gradient(90deg, rgba(230,0,115,.20) 0 32%, #E60073 32% 100%) !important;
  color:#FFFFFF !important;
  border:0 !important;
  box-shadow:0 16px 40px rgba(230,0,115,.17) !important;
}

.hember-onepage #inicio.hero-reference-2026 .hero-reference-live-pill i{
  width:20px !important;
  height:20px !important;
  background:#E60073 !important;
  box-shadow:0 0 0 9px rgba(255,255,255,.34) !important;
}

.hember-onepage #inicio.hero-reference-2026 .hero-reference-card{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  overflow:hidden !important;
}

.hember-onepage #inicio.hero-reference-2026 .hero-reference-card::after{
  display:none !important;
}

.hember-onepage #inicio.hero-reference-2026 .hero-reference-card img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center !important;
  background:transparent !important;
  transform:scale(1.58) !important;
  transform-origin:center center !important;
}

.hember-onepage #inicio.hero-reference-2026 .hero-reference-card-top img{
  transform:scale(1.70) !important;
}

.hember-onepage #inicio.hero-reference-2026 .hero-reference-card-middle img{
  transform:scale(1.62) !important;
}

.hember-onepage #inicio.hero-reference-2026 .hero-reference-card-bottom img{
  transform:scale(1.66) !important;
}

.hember-onepage #inicio.hero-reference-2026 .hero-reference-card-top{
  border-radius:32px !important;
}

.hember-onepage #inicio.hero-reference-2026 .hero-reference-card-middle{
  border-radius:34px !important;
}

.hember-onepage #inicio.hero-reference-2026 .hero-reference-card-bottom{
  border-radius:32px !important;
}

@media (max-width:900px){
  .hember-onepage #inicio.hero-reference-2026 .hero-badge.hero-badge-official-tiktok{
    min-height:46px !important;
    padding:0 11px !important;
  }
  .hember-onepage #inicio.hero-reference-2026 .hero-badge-official-copy span{
    font-size:9px !important;
  }
  .hember-onepage #inicio.hero-reference-2026 .hero-badge-official-copy strong{
    font-size:12px !important;
  }
  .hember-onepage #inicio.hero-reference-2026 .hero-reference-card img{
    transform:scale(1.48) !important;
  }
}

/* =========================================================
   HEMBER PATCH 2026-06-09.05 - Hero inicial: imagens maiores e alinhamento vertical
   Escopo: seção inicial pública.
   ========================================================= */
@media (min-width:901px){
  .hember-onepage #inicio.hero-reference-2026 .hero-reference-visual{
    min-height:clamp(520px, 39vw, 680px) !important;
  }

  .hember-onepage #inicio.hero-reference-2026 .hero-reference-card-top,
  .hember-onepage #inicio.hero-reference-2026 .hero-reference-card-bottom{
    width:clamp(270px, 21vw, 380px) !important;
    aspect-ratio:1.72 / 1 !important;
    right:23% !important;
  }

  .hember-onepage #inicio.hero-reference-2026 .hero-reference-card-top{
    top:20% !important;
  }

  .hember-onepage #inicio.hero-reference-2026 .hero-reference-card-middle{
    width:clamp(285px, 22vw, 400px) !important;
    aspect-ratio:1.66 / 1 !important;
    top:40.5% !important;
    right:5.5% !important;
  }

  .hember-onepage #inicio.hero-reference-2026 .hero-reference-card-bottom{
    top:58% !important;
  }

  .hember-onepage #inicio.hero-reference-2026 .hero-reference-card img{
    transform-origin:center center !important;
  }

  .hember-onepage #inicio.hero-reference-2026 .hero-reference-card-top img{
    transform:scale(1.78) !important;
  }

  .hember-onepage #inicio.hero-reference-2026 .hero-reference-card-middle img{
    transform:scale(1.70) !important;
  }

  .hember-onepage #inicio.hero-reference-2026 .hero-reference-card-bottom img{
    transform:scale(1.74) !important;
  }
}

@media (min-width:901px) and (max-width:1180px){
  .hember-onepage #inicio.hero-reference-2026 .hero-reference-card-top,
  .hember-onepage #inicio.hero-reference-2026 .hero-reference-card-bottom{
    width:clamp(230px, 23vw, 310px) !important;
    right:22% !important;
  }

  .hember-onepage #inicio.hero-reference-2026 .hero-reference-card-middle{
    width:clamp(245px, 24vw, 330px) !important;
    right:4% !important;
  }
}


/* =========================================================
   HEMBER PATCH 2026-06-09.06 - Hero: imagens laterais maiores, espaçamento uniforme e badges
   Escopo: seção inicial pública.
   ========================================================= */
.hember-onepage #inicio.hero-reference-2026 .hero-reference-tiktok-mark{
  display:none !important;
}

.hember-onepage #inicio.hero-reference-2026 .hero-badge-fill,
.hember-onepage #inicio.hero-reference-2026 .hero-badges .hero-badge.hero-badge-fill{
  min-height:36px !important;
  height:36px !important;
  padding:0 18px !important;
  align-self:center !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  line-height:1 !important;
}

@media (min-width:901px){
  .hember-onepage #inicio.hero-reference-2026 .hero-reference-visual{
    --hember-hero-side-card-w:clamp(310px, 24vw, 440px);
    --hember-hero-side-card-h:clamp(180px, 13.95vw, 256px);
    --hember-hero-mid-card-w:clamp(325px, 25vw, 460px);
    --hember-hero-mid-card-h:clamp(194px, 15vw, 276px);
    --hember-hero-card-gap:clamp(18px, 1.45vw, 28px);
    --hember-hero-card-start-y:clamp(118px, 10.6vw, 170px);
    min-height:clamp(560px, 42vw, 720px) !important;
  }

  .hember-onepage #inicio.hero-reference-2026 .hero-reference-card{
    border-radius:46px !important;
  }

  .hember-onepage #inicio.hero-reference-2026 .hero-reference-card-top,
  .hember-onepage #inicio.hero-reference-2026 .hero-reference-card-bottom{
    width:var(--hember-hero-side-card-w) !important;
    height:var(--hember-hero-side-card-h) !important;
    aspect-ratio:auto !important;
    right:23% !important;
    border-radius:46px !important;
  }

  .hember-onepage #inicio.hero-reference-2026 .hero-reference-card-top{
    top:var(--hember-hero-card-start-y) !important;
  }

  .hember-onepage #inicio.hero-reference-2026 .hero-reference-card-middle{
    width:var(--hember-hero-mid-card-w) !important;
    height:var(--hember-hero-mid-card-h) !important;
    aspect-ratio:auto !important;
    top:calc(var(--hember-hero-card-start-y) + var(--hember-hero-side-card-h) + var(--hember-hero-card-gap)) !important;
    right:5.2% !important;
    border-radius:48px !important;
  }

  .hember-onepage #inicio.hero-reference-2026 .hero-reference-card-bottom{
    top:calc(var(--hember-hero-card-start-y) + var(--hember-hero-side-card-h) + var(--hember-hero-card-gap) + var(--hember-hero-mid-card-h) + var(--hember-hero-card-gap)) !important;
  }

  .hember-onepage #inicio.hero-reference-2026 .hero-reference-card-top img{
    transform:scale(1.84) !important;
  }

  .hember-onepage #inicio.hero-reference-2026 .hero-reference-card-middle img{
    transform:scale(1.76) !important;
  }

  .hember-onepage #inicio.hero-reference-2026 .hero-reference-card-bottom img{
    transform:scale(1.80) !important;
  }
}

@media (min-width:901px) and (max-width:1180px){
  .hember-onepage #inicio.hero-reference-2026 .hero-reference-visual{
    --hember-hero-side-card-w:clamp(250px, 27vw, 330px);
    --hember-hero-side-card-h:clamp(146px, 15.7vw, 192px);
    --hember-hero-mid-card-w:clamp(265px, 29vw, 350px);
    --hember-hero-mid-card-h:clamp(158px, 17.3vw, 209px);
    --hember-hero-card-gap:clamp(14px, 1.35vw, 20px);
    --hember-hero-card-start-y:clamp(104px, 11vw, 138px);
  }

  .hember-onepage #inicio.hero-reference-2026 .hero-reference-card-top,
  .hember-onepage #inicio.hero-reference-2026 .hero-reference-card-bottom{
    right:22% !important;
  }

  .hember-onepage #inicio.hero-reference-2026 .hero-reference-card-middle{
    right:4% !important;
  }
}

@media (max-width:900px){
  .hember-onepage #inicio.hero-reference-2026 .hero-badge-fill,
  .hember-onepage #inicio.hero-reference-2026 .hero-badges .hero-badge.hero-badge-fill{
    min-height:32px !important;
    height:32px !important;
  }

  .hember-onepage #inicio.hero-reference-2026 .hero-reference-tiktok-mark{
    display:none !important;
  }

  .hember-onepage #inicio.hero-reference-2026 .hero-reference-card{
    border-radius:30px !important;
  }
}

/* =========================================================
   HEMBER PATCH 2026-06-10.01 - Hero inicial: logo maior, fotos maiores e arredondamento premium
   Escopo: seção inicial pública.
   ========================================================= */
.hember-onepage #inicio.hero-reference-2026 .hero-reference-tiktok-mark{
  display:none !important;
}

.hember-onepage #inicio.hero-reference-2026 .hero-reference-card{
  overflow:hidden !important;
  border-radius:999px !important;
  background:transparent !important;
  box-shadow:none !important;
}

.hember-onepage #inicio.hero-reference-2026 .hero-reference-card img{
  width:100% !important;
  height:100% !important;
  display:block !important;
  object-fit:cover !important;
  object-position:center center !important;
  border-radius:inherit !important;
}

@media (min-width:901px){
  .hember-onepage #inicio.hero-reference-2026,
  .hember-onepage #inicio.hero-reference-2026 .hero-static-content-reference{
    min-height:clamp(720px, 48vw, 840px) !important;
  }

  .hember-onepage #inicio.hero-reference-2026 .hero-public-logo{
    width:clamp(390px, 28vw, 560px) !important;
    max-width:560px !important;
    margin-bottom:clamp(38px, 3.8vw, 58px) !important;
  }

  .hember-onepage #inicio.hero-reference-2026 .hero-reference-visual{
    --hember-hero-side-card-w:clamp(340px, 24.8vw, 455px);
    --hember-hero-side-card-h:clamp(196px, 14.25vw, 262px);
    --hember-hero-mid-card-w:clamp(360px, 26.4vw, 485px);
    --hember-hero-mid-card-h:clamp(208px, 15.25vw, 280px);
    --hember-hero-card-gap:clamp(8px, .68vw, 13px);
    --hember-hero-card-start-y:clamp(66px, 5.8vw, 98px);
    min-height:calc(var(--hember-hero-card-start-y) + var(--hember-hero-side-card-h) + var(--hember-hero-card-gap) + var(--hember-hero-mid-card-h) + var(--hember-hero-card-gap) + var(--hember-hero-side-card-h) + 36px) !important;
  }

  .hember-onepage #inicio.hero-reference-2026 .hero-reference-card-top,
  .hember-onepage #inicio.hero-reference-2026 .hero-reference-card-bottom{
    width:var(--hember-hero-side-card-w) !important;
    height:var(--hember-hero-side-card-h) !important;
    aspect-ratio:auto !important;
    right:23.5% !important;
    border-radius:999px !important;
  }

  .hember-onepage #inicio.hero-reference-2026 .hero-reference-card-top{
    top:var(--hember-hero-card-start-y) !important;
  }

  .hember-onepage #inicio.hero-reference-2026 .hero-reference-card-middle{
    width:var(--hember-hero-mid-card-w) !important;
    height:var(--hember-hero-mid-card-h) !important;
    aspect-ratio:auto !important;
    top:calc(var(--hember-hero-card-start-y) + var(--hember-hero-side-card-h) + var(--hember-hero-card-gap)) !important;
    right:4.4% !important;
    border-radius:999px !important;
  }

  .hember-onepage #inicio.hero-reference-2026 .hero-reference-card-bottom{
    top:calc(var(--hember-hero-card-start-y) + var(--hember-hero-side-card-h) + var(--hember-hero-card-gap) + var(--hember-hero-mid-card-h) + var(--hember-hero-card-gap)) !important;
  }

  .hember-onepage #inicio.hero-reference-2026 .hero-reference-card-top img{
    transform:scale(1.86) !important;
    transform-origin:center center !important;
  }

  .hember-onepage #inicio.hero-reference-2026 .hero-reference-card-middle img{
    transform:scale(1.78) !important;
    transform-origin:center center !important;
  }

  .hember-onepage #inicio.hero-reference-2026 .hero-reference-card-bottom img{
    transform:scale(1.82) !important;
    transform-origin:center center !important;
  }
}

@media (min-width:901px) and (max-width:1180px){
  .hember-onepage #inicio.hero-reference-2026,
  .hember-onepage #inicio.hero-reference-2026 .hero-static-content-reference{
    min-height:clamp(660px, 59vw, 760px) !important;
  }

  .hember-onepage #inicio.hero-reference-2026 .hero-public-logo{
    width:clamp(320px, 33vw, 430px) !important;
  }

  .hember-onepage #inicio.hero-reference-2026 .hero-reference-visual{
    --hember-hero-side-card-w:clamp(255px, 28vw, 340px);
    --hember-hero-side-card-h:clamp(148px, 16.3vw, 198px);
    --hember-hero-mid-card-w:clamp(270px, 30vw, 360px);
    --hember-hero-mid-card-h:clamp(156px, 17.4vw, 210px);
    --hember-hero-card-gap:clamp(7px, .85vw, 11px);
    --hember-hero-card-start-y:clamp(60px, 6.8vw, 84px);
  }

  .hember-onepage #inicio.hero-reference-2026 .hero-reference-card-top,
  .hember-onepage #inicio.hero-reference-2026 .hero-reference-card-bottom{
    right:23% !important;
  }

  .hember-onepage #inicio.hero-reference-2026 .hero-reference-card-middle{
    right:3.2% !important;
  }
}

@media (max-width:900px){
  .hember-onepage #inicio.hero-reference-2026 .hero-public-logo{
    width:min(340px, 78vw) !important;
  }

  .hember-onepage #inicio.hero-reference-2026 .hero-reference-card{
    border-radius:999px !important;
  }
}

/* =========================================================
   HEMBER PATCH 2026-06-10.02 - Hero inicial: sobe conteúdo e reposiciona marca TikTok
   Escopo: seção inicial pública.
   ========================================================= */
@media (min-width:901px){
  .hember-onepage #inicio.hero-reference-2026 .hero-static-content-reference{
    transform:translateY(clamp(-74px, -4.2vw, -48px)) !important;
    transform-origin:center top !important;
  }

  .hember-onepage #inicio.hero-reference-2026 .hero-tiktok-watermark{
    top:22% !important;
  }
}

@media (min-width:901px) and (max-width:1180px){
  .hember-onepage #inicio.hero-reference-2026 .hero-static-content-reference{
    transform:translateY(clamp(-50px, -4vw, -34px)) !important;
  }

  .hember-onepage #inicio.hero-reference-2026 .hero-tiktok-watermark{
    top:24% !important;
  }
}

@media (max-width:900px){
  .hember-onepage #inicio.hero-reference-2026 .hero-static-content-reference{
    transform:none !important;
  }
}

/* =========================================================
   HEMBER PATCH 2026-06-15.01 - Hero inicial com 5 imagens,
   marca TikTok reposicionada e indicador LIVE pulsante
   Escopo: home pública / seção inicial.
   ========================================================= */
.hember-onepage #inicio.hero-reference-2026 .hero-tiktok-watermark{
  top:clamp(220px, 15vw, 280px) !important;
  transform:rotate(-8deg) !important;
  transform-origin:center center !important;
}

.hember-onepage #inicio.hero-reference-2026 .hero-reference-live-pill i{
  position:relative !important;
  z-index:1 !important;
  flex:0 0 auto !important;
  animation:hember-live-dot-pulse 1.35s ease-in-out infinite !important;
  will-change:transform, box-shadow !important;
}

.hember-onepage #inicio.hero-reference-2026 .hero-reference-live-pill i::after{
  content:"" !important;
  position:absolute !important;
  inset:-8px !important;
  z-index:-1 !important;
  border:2px solid rgba(230,0,115,.72) !important;
  border-radius:999px !important;
  opacity:0 !important;
  animation:hember-live-ring-pulse 1.35s ease-out infinite !important;
  will-change:transform, opacity !important;
}

@keyframes hember-live-dot-pulse{
  0%, 100%{
    transform:scale(.90);
    box-shadow:0 0 0 7px rgba(255,255,255,.28), 0 0 0 0 rgba(230,0,115,.42);
  }
  50%{
    transform:scale(1.08);
    box-shadow:0 0 0 8px rgba(255,255,255,.38), 0 0 18px 7px rgba(230,0,115,.24);
  }
}

@keyframes hember-live-ring-pulse{
  0%{
    opacity:.78;
    transform:scale(.48);
  }
  72%, 100%{
    opacity:0;
    transform:scale(1.62);
  }
}

@media (min-width:1181px){
  .hember-onepage #inicio.hero-reference-2026,
  .hember-onepage #inicio.hero-reference-2026 .hero-static-content-reference{
    min-height:clamp(960px, 59vw, 1080px) !important;
  }

  .hember-onepage #inicio.hero-reference-2026 .hero-reference-visual{
    --hember-hero-five-card-w:clamp(300px, 19vw, 360px);
    --hember-hero-five-card-h:clamp(150px, 9.5vw, 180px);
    --hember-hero-five-gap:clamp(5px, .45vw, 8px);
    --hember-hero-five-start:clamp(105px, 7vw, 140px);
    min-height:calc(
      var(--hember-hero-five-start) +
      var(--hember-hero-five-card-h) +
      var(--hember-hero-five-card-h) +
      var(--hember-hero-five-card-h) +
      var(--hember-hero-five-card-h) +
      var(--hember-hero-five-card-h) +
      var(--hember-hero-five-gap) +
      var(--hember-hero-five-gap) +
      var(--hember-hero-five-gap) +
      var(--hember-hero-five-gap) +
      30px
    ) !important;
  }

  .hember-onepage #inicio.hero-reference-2026 .hero-reference-live-pill{
    top:calc(var(--hember-hero-five-start) - 22px) !important;
    right:3.5% !important;
  }

  .hember-onepage #inicio.hero-reference-2026 .hero-reference-card{
    width:var(--hember-hero-five-card-w) !important;
    height:var(--hember-hero-five-card-h) !important;
    aspect-ratio:auto !important;
    border-radius:999px !important;
  }

  .hember-onepage #inicio.hero-reference-2026 .hero-reference-card-left{
    left:auto !important;
    right:23.5% !important;
  }

  .hember-onepage #inicio.hero-reference-2026 .hero-reference-card-right{
    left:auto !important;
    right:2.8% !important;
  }

  .hember-onepage #inicio.hero-reference-2026 .hero-reference-card-1{
    top:var(--hember-hero-five-start) !important;
  }

  .hember-onepage #inicio.hero-reference-2026 .hero-reference-card-2{
    top:calc(var(--hember-hero-five-start) + var(--hember-hero-five-card-h) + var(--hember-hero-five-gap)) !important;
  }

  .hember-onepage #inicio.hero-reference-2026 .hero-reference-card-3{
    top:calc(var(--hember-hero-five-start) + var(--hember-hero-five-card-h) + var(--hember-hero-five-card-h) + var(--hember-hero-five-gap) + var(--hember-hero-five-gap)) !important;
  }

  .hember-onepage #inicio.hero-reference-2026 .hero-reference-card-4{
    top:calc(var(--hember-hero-five-start) + var(--hember-hero-five-card-h) + var(--hember-hero-five-card-h) + var(--hember-hero-five-card-h) + var(--hember-hero-five-gap) + var(--hember-hero-five-gap) + var(--hember-hero-five-gap)) !important;
  }

  .hember-onepage #inicio.hero-reference-2026 .hero-reference-card-5{
    top:calc(var(--hember-hero-five-start) + var(--hember-hero-five-card-h) + var(--hember-hero-five-card-h) + var(--hember-hero-five-card-h) + var(--hember-hero-five-card-h) + var(--hember-hero-five-gap) + var(--hember-hero-five-gap) + var(--hember-hero-five-gap) + var(--hember-hero-five-gap)) !important;
  }

  .hember-onepage #inicio.hero-reference-2026 .hero-reference-card img{
    transform:scale(1.84) !important;
    transform-origin:center center !important;
  }
}

@media (min-width:901px) and (max-width:1180px){
  .hember-onepage #inicio.hero-reference-2026,
  .hember-onepage #inicio.hero-reference-2026 .hero-static-content-reference{
    min-height:clamp(800px, 72vw, 900px) !important;
  }

  .hember-onepage #inicio.hero-reference-2026 .hero-tiktok-watermark{
    top:clamp(190px, 18vw, 225px) !important;
    transform:rotate(-8deg) !important;
  }

  .hember-onepage #inicio.hero-reference-2026 .hero-reference-visual{
    --hember-hero-five-card-w:clamp(240px, 25vw, 290px);
    --hember-hero-five-card-h:clamp(120px, 12.5vw, 145px);
    --hember-hero-five-gap:clamp(5px, .65vw, 8px);
    --hember-hero-five-start:clamp(90px, 8vw, 105px);
    min-height:calc(
      var(--hember-hero-five-start) +
      var(--hember-hero-five-card-h) +
      var(--hember-hero-five-card-h) +
      var(--hember-hero-five-card-h) +
      var(--hember-hero-five-card-h) +
      var(--hember-hero-five-card-h) +
      var(--hember-hero-five-gap) +
      var(--hember-hero-five-gap) +
      var(--hember-hero-five-gap) +
      var(--hember-hero-five-gap) +
      24px
    ) !important;
  }

  .hember-onepage #inicio.hero-reference-2026 .hero-reference-live-pill{
    top:calc(var(--hember-hero-five-start) - 28px) !important;
    right:2% !important;
  }

  .hember-onepage #inicio.hero-reference-2026 .hero-reference-card{
    width:var(--hember-hero-five-card-w) !important;
    height:var(--hember-hero-five-card-h) !important;
    aspect-ratio:auto !important;
    border-radius:999px !important;
  }

  .hember-onepage #inicio.hero-reference-2026 .hero-reference-card-left{
    left:auto !important;
    right:22% !important;
  }

  .hember-onepage #inicio.hero-reference-2026 .hero-reference-card-right{
    left:auto !important;
    right:2% !important;
  }

  .hember-onepage #inicio.hero-reference-2026 .hero-reference-card-1{
    top:var(--hember-hero-five-start) !important;
  }

  .hember-onepage #inicio.hero-reference-2026 .hero-reference-card-2{
    top:calc(var(--hember-hero-five-start) + var(--hember-hero-five-card-h) + var(--hember-hero-five-gap)) !important;
  }

  .hember-onepage #inicio.hero-reference-2026 .hero-reference-card-3{
    top:calc(var(--hember-hero-five-start) + var(--hember-hero-five-card-h) + var(--hember-hero-five-card-h) + var(--hember-hero-five-gap) + var(--hember-hero-five-gap)) !important;
  }

  .hember-onepage #inicio.hero-reference-2026 .hero-reference-card-4{
    top:calc(var(--hember-hero-five-start) + var(--hember-hero-five-card-h) + var(--hember-hero-five-card-h) + var(--hember-hero-five-card-h) + var(--hember-hero-five-gap) + var(--hember-hero-five-gap) + var(--hember-hero-five-gap)) !important;
  }

  .hember-onepage #inicio.hero-reference-2026 .hero-reference-card-5{
    top:calc(var(--hember-hero-five-start) + var(--hember-hero-five-card-h) + var(--hember-hero-five-card-h) + var(--hember-hero-five-card-h) + var(--hember-hero-five-card-h) + var(--hember-hero-five-gap) + var(--hember-hero-five-gap) + var(--hember-hero-five-gap) + var(--hember-hero-five-gap)) !important;
  }

  .hember-onepage #inicio.hero-reference-2026 .hero-reference-card img{
    transform:scale(1.84) !important;
    transform-origin:center center !important;
  }
}

@media (max-width:900px){
  .hember-onepage #inicio.hero-reference-2026 .hero-tiktok-watermark{
    top:54% !important;
    right:-70px !important;
    transform:rotate(-8deg) !important;
  }

  .hember-onepage #inicio.hero-reference-2026 .hero-reference-visual{
    --hember-hero-five-card-w:min(76vw, 360px);
    --hember-hero-five-card-h:min(38vw, 180px);
    --hember-hero-five-gap:8px;
    --hember-hero-five-start:52px;
    min-height:calc(
      var(--hember-hero-five-start) +
      var(--hember-hero-five-card-h) +
      var(--hember-hero-five-card-h) +
      var(--hember-hero-five-card-h) +
      var(--hember-hero-five-card-h) +
      var(--hember-hero-five-card-h) +
      var(--hember-hero-five-gap) +
      var(--hember-hero-five-gap) +
      var(--hember-hero-five-gap) +
      var(--hember-hero-five-gap) +
      24px
    ) !important;
  }

  .hember-onepage #inicio.hero-reference-2026 .hero-reference-live-pill{
    top:0 !important;
    right:0 !important;
  }

  .hember-onepage #inicio.hero-reference-2026 .hero-reference-card{
    width:var(--hember-hero-five-card-w) !important;
    height:var(--hember-hero-five-card-h) !important;
    aspect-ratio:auto !important;
    border-radius:999px !important;
  }

  .hember-onepage #inicio.hero-reference-2026 .hero-reference-card-left{
    left:0 !important;
    right:auto !important;
  }

  .hember-onepage #inicio.hero-reference-2026 .hero-reference-card-right{
    left:auto !important;
    right:0 !important;
  }

  .hember-onepage #inicio.hero-reference-2026 .hero-reference-card-1{
    top:var(--hember-hero-five-start) !important;
  }

  .hember-onepage #inicio.hero-reference-2026 .hero-reference-card-2{
    top:calc(var(--hember-hero-five-start) + var(--hember-hero-five-card-h) + var(--hember-hero-five-gap)) !important;
  }

  .hember-onepage #inicio.hero-reference-2026 .hero-reference-card-3{
    top:calc(var(--hember-hero-five-start) + var(--hember-hero-five-card-h) + var(--hember-hero-five-card-h) + var(--hember-hero-five-gap) + var(--hember-hero-five-gap)) !important;
  }

  .hember-onepage #inicio.hero-reference-2026 .hero-reference-card-4{
    top:calc(var(--hember-hero-five-start) + var(--hember-hero-five-card-h) + var(--hember-hero-five-card-h) + var(--hember-hero-five-card-h) + var(--hember-hero-five-gap) + var(--hember-hero-five-gap) + var(--hember-hero-five-gap)) !important;
  }

  .hember-onepage #inicio.hero-reference-2026 .hero-reference-card-5{
    top:calc(var(--hember-hero-five-start) + var(--hember-hero-five-card-h) + var(--hember-hero-five-card-h) + var(--hember-hero-five-card-h) + var(--hember-hero-five-card-h) + var(--hember-hero-five-gap) + var(--hember-hero-five-gap) + var(--hember-hero-five-gap) + var(--hember-hero-five-gap)) !important;
  }

  .hember-onepage #inicio.hero-reference-2026 .hero-reference-card img{
    transform:scale(1.84) !important;
    transform-origin:center center !important;
  }
}

@media (prefers-reduced-motion:reduce){
  .hember-onepage #inicio.hero-reference-2026 .hero-reference-live-pill i,
  .hember-onepage #inicio.hero-reference-2026 .hero-reference-live-pill i::after{
    animation:none !important;
  }
}

/* =========================================================
   HEMBER PATCH 2026-06-15.02 - Hero com 5 imagens em 3 linhas
   Linha 1: imagens 1 e 2 | Linha 2: imagens 3 e 4 | Linha 3: imagem 5
   Escopo: home pública / seção inicial.
   ========================================================= */
@media (min-width:1181px){
  .hember-onepage #inicio.hero-reference-2026,
  .hember-onepage #inicio.hero-reference-2026 .hero-static-content-reference{
    min-height:clamp(790px, 47vw, 880px) !important;
  }

  .hember-onepage #inicio.hero-reference-2026 .hero-reference-visual{
    --hember-hero-grid-card-w:clamp(245px, 15.2vw, 292px);
    --hember-hero-grid-card-h:clamp(150px, 9.5vw, 182px);
    --hember-hero-grid-col-gap:clamp(14px, 1vw, 22px);
    --hember-hero-grid-row-gap:clamp(12px, .85vw, 18px);
    --hember-hero-grid-start:clamp(165px, 9.7vw, 190px);
    display:grid !important;
    grid-template-columns:repeat(2, var(--hember-hero-grid-card-w)) !important;
    grid-template-rows:repeat(3, var(--hember-hero-grid-card-h)) !important;
    column-gap:var(--hember-hero-grid-col-gap) !important;
    row-gap:var(--hember-hero-grid-row-gap) !important;
    justify-content:center !important;
    align-content:start !important;
    box-sizing:border-box !important;
    padding-top:var(--hember-hero-grid-start) !important;
    min-height:calc(
      var(--hember-hero-grid-start) +
      var(--hember-hero-grid-card-h) +
      var(--hember-hero-grid-card-h) +
      var(--hember-hero-grid-card-h) +
      var(--hember-hero-grid-row-gap) +
      var(--hember-hero-grid-row-gap) +
      30px
    ) !important;
  }

  .hember-onepage #inicio.hero-reference-2026 .hero-reference-live-pill{
    top:clamp(72px, 5.4vw, 102px) !important;
    right:clamp(10px, 3.8%, 40px) !important;
  }

  .hember-onepage #inicio.hero-reference-2026 .hero-reference-card{
    position:relative !important;
    inset:auto !important;
    top:auto !important;
    right:auto !important;
    bottom:auto !important;
    left:auto !important;
    width:100% !important;
    height:100% !important;
    aspect-ratio:auto !important;
    border-radius:clamp(30px, 2.2vw, 40px) !important;
  }

  .hember-onepage #inicio.hero-reference-2026 .hero-reference-card-1{
    grid-column:1 !important;
    grid-row:1 !important;
  }

  .hember-onepage #inicio.hero-reference-2026 .hero-reference-card-2{
    grid-column:2 !important;
    grid-row:1 !important;
  }

  .hember-onepage #inicio.hero-reference-2026 .hero-reference-card-3{
    grid-column:1 !important;
    grid-row:2 !important;
  }

  .hember-onepage #inicio.hero-reference-2026 .hero-reference-card-4{
    grid-column:2 !important;
    grid-row:2 !important;
  }

  .hember-onepage #inicio.hero-reference-2026 .hero-reference-card-5{
    grid-column:1 / -1 !important;
    grid-row:3 !important;
    width:var(--hember-hero-grid-card-w) !important;
    justify-self:center !important;
  }
}

@media (min-width:901px) and (max-width:1180px){
  .hember-onepage #inicio.hero-reference-2026,
  .hember-onepage #inicio.hero-reference-2026 .hero-static-content-reference{
    min-height:clamp(730px, 68vw, 820px) !important;
  }

  .hember-onepage #inicio.hero-reference-2026 .hero-reference-visual{
    --hember-hero-grid-card-h:clamp(122px, 12.6vw, 148px);
    --hember-hero-grid-col-gap:clamp(10px, 1vw, 14px);
    --hember-hero-grid-row-gap:clamp(10px, 1vw, 14px);
    --hember-hero-grid-start:clamp(112px, 10vw, 126px);
    display:grid !important;
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
    grid-template-rows:repeat(3, var(--hember-hero-grid-card-h)) !important;
    column-gap:var(--hember-hero-grid-col-gap) !important;
    row-gap:var(--hember-hero-grid-row-gap) !important;
    align-content:start !important;
    box-sizing:border-box !important;
    padding-top:var(--hember-hero-grid-start) !important;
    min-height:calc(
      var(--hember-hero-grid-start) +
      var(--hember-hero-grid-card-h) +
      var(--hember-hero-grid-card-h) +
      var(--hember-hero-grid-card-h) +
      var(--hember-hero-grid-row-gap) +
      var(--hember-hero-grid-row-gap) +
      24px
    ) !important;
  }

  .hember-onepage #inicio.hero-reference-2026 .hero-reference-live-pill{
    top:clamp(34px, 4vw, 48px) !important;
    right:0 !important;
  }

  .hember-onepage #inicio.hero-reference-2026 .hero-reference-card{
    position:relative !important;
    inset:auto !important;
    top:auto !important;
    right:auto !important;
    bottom:auto !important;
    left:auto !important;
    width:100% !important;
    height:100% !important;
    aspect-ratio:auto !important;
    border-radius:clamp(26px, 2.8vw, 34px) !important;
  }

  .hember-onepage #inicio.hero-reference-2026 .hero-reference-card-1{
    grid-column:1 !important;
    grid-row:1 !important;
  }

  .hember-onepage #inicio.hero-reference-2026 .hero-reference-card-2{
    grid-column:2 !important;
    grid-row:1 !important;
  }

  .hember-onepage #inicio.hero-reference-2026 .hero-reference-card-3{
    grid-column:1 !important;
    grid-row:2 !important;
  }

  .hember-onepage #inicio.hero-reference-2026 .hero-reference-card-4{
    grid-column:2 !important;
    grid-row:2 !important;
  }

  .hember-onepage #inicio.hero-reference-2026 .hero-reference-card-5{
    grid-column:1 / -1 !important;
    grid-row:3 !important;
    width:calc(50% - 7px) !important;
    justify-self:center !important;
  }
}

@media (max-width:900px){
  .hember-onepage #inicio.hero-reference-2026 .hero-reference-visual{
    --hember-hero-grid-card-h:clamp(96px, 27vw, 145px);
    --hember-hero-grid-col-gap:clamp(8px, 2.4vw, 12px);
    --hember-hero-grid-row-gap:clamp(8px, 2.4vw, 12px);
    --hember-hero-grid-start:58px;
    display:grid !important;
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
    grid-template-rows:repeat(3, var(--hember-hero-grid-card-h)) !important;
    column-gap:var(--hember-hero-grid-col-gap) !important;
    row-gap:var(--hember-hero-grid-row-gap) !important;
    align-content:start !important;
    box-sizing:border-box !important;
    padding-top:var(--hember-hero-grid-start) !important;
    min-height:calc(
      var(--hember-hero-grid-start) +
      var(--hember-hero-grid-card-h) +
      var(--hember-hero-grid-card-h) +
      var(--hember-hero-grid-card-h) +
      var(--hember-hero-grid-row-gap) +
      var(--hember-hero-grid-row-gap) +
      18px
    ) !important;
  }

  .hember-onepage #inicio.hero-reference-2026 .hero-reference-live-pill{
    top:0 !important;
    right:0 !important;
  }

  .hember-onepage #inicio.hero-reference-2026 .hero-reference-card{
    position:relative !important;
    inset:auto !important;
    top:auto !important;
    right:auto !important;
    bottom:auto !important;
    left:auto !important;
    width:100% !important;
    height:100% !important;
    aspect-ratio:auto !important;
    border-radius:clamp(20px, 6vw, 30px) !important;
  }

  .hember-onepage #inicio.hero-reference-2026 .hero-reference-card-1{
    grid-column:1 !important;
    grid-row:1 !important;
  }

  .hember-onepage #inicio.hero-reference-2026 .hero-reference-card-2{
    grid-column:2 !important;
    grid-row:1 !important;
  }

  .hember-onepage #inicio.hero-reference-2026 .hero-reference-card-3{
    grid-column:1 !important;
    grid-row:2 !important;
  }

  .hember-onepage #inicio.hero-reference-2026 .hero-reference-card-4{
    grid-column:2 !important;
    grid-row:2 !important;
  }

  .hember-onepage #inicio.hero-reference-2026 .hero-reference-card-5{
    grid-column:1 / -1 !important;
    grid-row:3 !important;
    width:calc(50% - 6px) !important;
    justify-self:center !important;
  }
}

/* =========================================================
   HEMBER PATCH 2026-06-15.03 - Ajuste fino do hero inicial
   Sobe e desloca a marca TikTok para a esquerda e reduz
   o espaço inferior antes da seção seguinte.
   Escopo: home pública / seção inicial.
   ========================================================= */
@media (min-width:1181px){
  .hember-onepage #inicio.hero-reference-2026,
  .hember-onepage #inicio.hero-reference-2026 .hero-static-content-reference{
    min-height:clamp(740px, 42vw, 800px) !important;
  }

  .hember-onepage #inicio.hero-reference-2026 .hero-reference-visual{
    --hember-hero-grid-start:clamp(140px, 8vw, 165px);
    min-height:calc(
      var(--hember-hero-grid-start) +
      var(--hember-hero-grid-card-h) +
      var(--hember-hero-grid-card-h) +
      var(--hember-hero-grid-card-h) +
      var(--hember-hero-grid-row-gap) +
      var(--hember-hero-grid-row-gap) +
      18px
    ) !important;
  }

  .hember-onepage #inicio.hero-reference-2026 .hero-tiktok-watermark{
    top:clamp(70px, 5.5vw, 105px) !important;
    right:23vw !important;
  }
}

@media (min-width:901px) and (max-width:1180px){
  .hember-onepage #inicio.hero-reference-2026,
  .hember-onepage #inicio.hero-reference-2026 .hero-static-content-reference{
    min-height:clamp(670px, 62vw, 740px) !important;
  }

  .hember-onepage #inicio.hero-reference-2026 .hero-reference-visual{
    --hember-hero-grid-start:clamp(104px, 9vw, 118px);
    min-height:calc(
      var(--hember-hero-grid-start) +
      var(--hember-hero-grid-card-h) +
      var(--hember-hero-grid-card-h) +
      var(--hember-hero-grid-card-h) +
      var(--hember-hero-grid-row-gap) +
      var(--hember-hero-grid-row-gap) +
      18px
    ) !important;
  }

  .hember-onepage #inicio.hero-reference-2026 .hero-tiktok-watermark{
    top:clamp(80px, 9vw, 105px) !important;
    right:22vw !important;
  }
}

/* =========================================================
   HEMBER PATCH 2026-06-15.04 - Ajuste vertical final do hero
   Afasta as imagens do indicador LIVE, sobe a marca TikTok e
   reduz a altura total antes da faixa "100% GRATUITO".
   Escopo: home pública / seção inicial.
   ========================================================= */
@media (min-width:1181px){
  .hember-onepage #inicio.hero-reference-2026,
  .hember-onepage #inicio.hero-reference-2026 .hero-static-content-reference{
    min-height:clamp(710px, 39vw, 760px) !important;
  }

  .hember-onepage #inicio.hero-reference-2026 .hero-reference-visual{
    --hember-hero-grid-start:clamp(178px, 9.8vw, 205px);
    min-height:calc(
      var(--hember-hero-grid-start) +
      var(--hember-hero-grid-card-h) +
      var(--hember-hero-grid-card-h) +
      var(--hember-hero-grid-card-h) +
      var(--hember-hero-grid-row-gap) +
      var(--hember-hero-grid-row-gap) +
      12px
    ) !important;
  }

  .hember-onepage #inicio.hero-reference-2026 .hero-tiktok-watermark{
    top:clamp(24px, 3vw, 50px) !important;
  }
}

@media (min-width:901px) and (max-width:1180px){
  .hember-onepage #inicio.hero-reference-2026,
  .hember-onepage #inicio.hero-reference-2026 .hero-static-content-reference{
    min-height:clamp(640px, 56vw, 700px) !important;
  }

  .hember-onepage #inicio.hero-reference-2026 .hero-reference-visual{
    --hember-hero-grid-start:clamp(132px, 12vw, 150px);
    min-height:calc(
      var(--hember-hero-grid-start) +
      var(--hember-hero-grid-card-h) +
      var(--hember-hero-grid-card-h) +
      var(--hember-hero-grid-card-h) +
      var(--hember-hero-grid-row-gap) +
      var(--hember-hero-grid-row-gap) +
      12px
    ) !important;
  }

  .hember-onepage #inicio.hero-reference-2026 .hero-tiktok-watermark{
    top:clamp(42px, 5vw, 64px) !important;
  }
}

@media (max-width:900px){
  .hember-onepage #inicio.hero-reference-2026 .hero-static-content-reference{
    padding-bottom:34px !important;
  }

  .hember-onepage #inicio.hero-reference-2026 .hero-reference-visual{
    --hember-hero-grid-start:70px;
    min-height:calc(
      var(--hember-hero-grid-start) +
      var(--hember-hero-grid-card-h) +
      var(--hember-hero-grid-card-h) +
      var(--hember-hero-grid-card-h) +
      var(--hember-hero-grid-row-gap) +
      var(--hember-hero-grid-row-gap) +
      10px
    ) !important;
  }

  .hember-onepage #inicio.hero-reference-2026 .hero-tiktok-watermark{
    top:46% !important;
  }
}

/* =========================================================
   HEMBER PATCH 2026-07-12 - Hero com imagem única
   Substitui o mosaico de cinco imagens por uma arte principal.
   Escopo: seção inicial da home pública.
   ========================================================= */
.hember-onepage #inicio.hero-reference-2026 .hero-reference-visual-single{
  position:relative !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:100% !important;
  min-height:clamp(520px, 42vw, 720px) !important;
  padding:clamp(30px, 4vw, 58px) 0 !important;
  overflow:visible !important;
  box-sizing:border-box !important;
}

.hember-onepage #inicio.hero-reference-2026 .hero-reference-single-image{
  position:relative !important;
  inset:auto !important;
  width:min(100%, 680px) !important;
  aspect-ratio:1 / 1 !important;
  margin:0 !important;
  overflow:hidden !important;
  border-radius:clamp(30px, 3vw, 48px) !important;
  background:#FFF5FA !important;
  box-shadow:0 28px 74px rgba(10,36,99,.13) !important;
  z-index:3 !important;
}

.hember-onepage #inicio.hero-reference-2026 .hero-reference-single-image img{
  display:block !important;
  width:100% !important;
  height:100% !important;
  max-width:none !important;
  object-fit:cover !important;
  object-position:center !important;
  transform:none !important;
}

@media (min-width:901px) and (max-width:1180px){
  .hember-onepage #inicio.hero-reference-2026 .hero-reference-visual-single{
    min-height:clamp(460px, 49vw, 570px) !important;
    padding:24px 0 !important;
  }

  .hember-onepage #inicio.hero-reference-2026 .hero-reference-single-image{
    width:min(100%, 560px) !important;
    border-radius:clamp(28px, 3vw, 40px) !important;
  }
}

@media (max-width:900px){
  .hember-onepage #inicio.hero-reference-2026 .hero-reference-visual-single{
    width:100% !important;
    min-height:0 !important;
    padding:8px 0 0 !important;
    align-self:center !important;
  }

  .hember-onepage #inicio.hero-reference-2026 .hero-reference-single-image{
    width:min(100%, 600px) !important;
    border-radius:clamp(24px, 6vw, 36px) !important;
    box-shadow:0 20px 54px rgba(10,36,99,.12) !important;
  }
}

@media (max-width:540px){
  .hember-onepage #inicio.hero-reference-2026 .hero-reference-single-image{
    width:100% !important;
    border-radius:22px !important;
  }
}


/* =========================================================
   HEMBER PATCH 2026-07-12 - selo oficial em imagem proporcional
   ========================================================= */
.hember-onepage #inicio.hero-reference-2026 .hero-badge.hero-badge-official-image{
  width:clamp(220px, 17vw, 286px) !important;
  min-width:0 !important;
  min-height:0 !important;
  height:auto !important;
  aspect-ratio:3 / 1 !important;
  padding:0 !important;
  margin:0 !important;
  gap:0 !important;
  overflow:visible !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}
.hember-onepage #inicio.hero-reference-2026 .hero-badge.hero-badge-official-image .hero-official-badge-image{
  display:block !important;
  width:100% !important;
  height:auto !important;
  max-width:none !important;
  aspect-ratio:3 / 1 !important;
  object-fit:contain !important;
  object-position:center !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}
@media (max-width:900px){
  .hember-onepage #inicio.hero-reference-2026 .hero-badge.hero-badge-official-image{
    width:clamp(205px, 42vw, 258px) !important;
  }
}
@media (max-width:540px){
  .hember-onepage #inicio.hero-reference-2026 .hero-badge.hero-badge-official-image{
    width:min(210px, 58vw) !important;
  }
}

/* =========================================================
   HEMBER PATCH 2026-07-12 - reforma visual exclusiva mobile
   Escopo: somente telas de até 900px. O desktop permanece intacto.
   ========================================================= */
@media (max-width:900px){
  /* Evita estouro horizontal causado por elementos decorativos. */
  html,
  body{
    max-width:100% !important;
    overflow-x:hidden !important;
  }

  /* 1. HERO: logo > selos > imagem > título/descrição > CTA. */
  .hember-onepage #inicio.hero-reference-2026 .hero-static-content-reference{
    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;
    justify-content:flex-start !important;
    gap:0 !important;
    width:100% !important;
    min-height:0 !important;
    padding:26px 16px 38px !important;
  }

  .hember-onepage #inicio.hero-reference-2026 .hero-text{
    display:contents !important;
    width:auto !important;
    max-width:none !important;
    padding:0 !important;
  }

  .hember-onepage #inicio.hero-reference-2026 .hero-text::before,
  .hember-onepage #inicio.hero-reference-2026 .hero-text::after{
    content:none !important;
    display:none !important;
  }

  .hember-onepage #inicio.hero-reference-2026 .hero-public-logo{
    order:1 !important;
    align-self:center !important;
    width:min(270px, 76vw) !important;
    margin:0 auto 18px !important;
  }

  .hember-onepage #inicio.hero-reference-2026 .hero-badges{
    order:2 !important;
    width:100% !important;
    margin:0 0 18px !important;
    display:flex !important;
    flex-wrap:nowrap !important;
    align-items:center !important;
    justify-content:center !important;
    gap:8px !important;
  }

  .hember-onepage #inicio.hero-reference-2026 .hero-badge.hero-badge-official-image{
    width:clamp(158px, 54vw, 220px) !important;
    flex:0 1 auto !important;
  }

  .hember-onepage #inicio.hero-reference-2026 .hero-badges .hero-badge.hero-badge-fill{
    flex:0 0 auto !important;
    min-height:clamp(36px, 12vw, 52px) !important;
    padding:0 clamp(10px, 3.2vw, 16px) !important;
    font-size:clamp(9px, 2.75vw, 12px) !important;
    white-space:nowrap !important;
  }

  .hember-onepage #inicio.hero-reference-2026 .hero-reference-visual-single{
    order:3 !important;
    width:100% !important;
    min-height:0 !important;
    margin:0 0 24px !important;
    padding:0 !important;
    align-self:center !important;
  }

  .hember-onepage #inicio.hero-reference-2026 .hero-reference-single-image{
    width:100% !important;
    max-width:620px !important;
    margin:0 auto !important;
    aspect-ratio:1 / 1 !important;
    border-radius:clamp(20px, 6vw, 30px) !important;
  }

  .hember-onepage #inicio.hero-reference-2026 .hero-title.hero-title-message,
  .hember-onepage #inicio.hero-reference-2026 .hero-static .hero-title.hero-title-message{
    order:4 !important;
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    font-size:clamp(32px, 9.8vw, 48px) !important;
    line-height:.98 !important;
    text-align:left !important;
  }

  .hember-onepage #inicio.hero-reference-2026 .hero-lead-message{
    order:5 !important;
    width:100% !important;
    max-width:none !important;
    margin:16px 0 0 !important;
    font-size:clamp(17px, 5.2vw, 23px) !important;
    line-height:1.28 !important;
    text-align:left !important;
  }

  .hember-onepage #inicio.hero-reference-2026 .hero-actions{
    order:6 !important;
    width:100% !important;
    margin:24px 0 0 !important;
    display:flex !important;
    justify-content:flex-start !important;
  }

  .hember-onepage #inicio.hero-reference-2026 .hero-main-cta,
  .hember-onepage #inicio.hero-reference-2026 a.hero-main-cta{
    width:auto !important;
    max-width:100% !important;
    min-height:54px !important;
    padding:0 12px 0 22px !important;
    font-size:clamp(11px, 3.25vw, 14px) !important;
    white-space:nowrap !important;
  }

  .hember-onepage #inicio.hero-reference-2026 .hero-main-cta .hero-cta-arrow,
  .hember-onepage #inicio.hero-reference-2026 a.hero-main-cta .hero-cta-arrow{
    width:36px !important;
    height:36px !important;
    margin-left:10px !important;
  }

  /* 2. Faixa gratuita em uma única linha e com respiro lateral. */
  .hember-onepage .hember-free-band .container,
  .hember-onepage .faq-band-free .container{
    width:100% !important;
    max-width:none !important;
    padding-left:10px !important;
    padding-right:10px !important;
  }

  .hember-onepage .faq-band-free-title{
    width:100% !important;
    margin:0 !important;
    padding:15px 0 !important;
    font-size:clamp(11px, 3.65vw, 20px) !important;
    line-height:1 !important;
    letter-spacing:.01em !important;
    white-space:nowrap !important;
    text-align:center !important;
  }

  /* 3. Faixa QUEM SOMOS em uma única linha. */
  .hember-onepage #sobre .hember-about-strip{
    display:grid !important;
    grid-template-columns:max-content minmax(0,1fr) !important;
    align-items:stretch !important;
    min-height:52px !important;
    border-top-width:2px !important;
  }

  .hember-onepage #sobre .hember-about-strip-title{
    min-width:0 !important;
    padding:12px 10px !important;
    justify-content:center !important;
    font-size:clamp(12px, 3.9vw, 22px) !important;
    line-height:1 !important;
    letter-spacing:.02em !important;
    white-space:nowrap !important;
    text-align:center !important;
  }

  .hember-onepage #sobre .hember-about-strip-subtitle{
    min-width:0 !important;
    min-height:0 !important;
    padding:10px 7px !important;
    justify-content:center !important;
    font-size:clamp(7.3px, 2.42vw, 13px) !important;
    line-height:1.05 !important;
    letter-spacing:-.025em !important;
    white-space:nowrap !important;
    text-align:center !important;
  }

  /* 4. Quem Somos: duas fotos, história e dois números lado a lado. */
  .hember-onepage #sobre .hember-about-body{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:26px !important;
    width:100% !important;
    padding:28px 14px 36px !important;
  }

  .hember-onepage #sobre .hember-about-people{
    display:grid !important;
    grid-template-columns:repeat(2, minmax(0,1fr)) !important;
    gap:10px !important;
    align-items:stretch !important;
    width:100% !important;
  }

  .hember-onepage #sobre .hember-about-person{
    --hember-mobile-photo-h:clamp(176px, 56vw, 270px);
    --hember-mobile-caption-h:clamp(62px, 18vw, 84px);
    display:grid !important;
    grid-template-rows:var(--hember-mobile-photo-h) var(--hember-mobile-caption-h) !important;
    width:100% !important;
    max-width:none !important;
    min-width:0 !important;
    min-height:calc(var(--hember-mobile-photo-h) + var(--hember-mobile-caption-h)) !important;
    height:calc(var(--hember-mobile-photo-h) + var(--hember-mobile-caption-h)) !important;
    max-height:none !important;
    margin:0 !important;
    overflow:hidden !important;
  }

  .hember-onepage #sobre .hember-about-photo-wrap{
    height:var(--hember-mobile-photo-h) !important;
    min-height:var(--hember-mobile-photo-h) !important;
    max-height:var(--hember-mobile-photo-h) !important;
    padding:0 4px !important;
    display:flex !important;
    align-items:flex-end !important;
    justify-content:center !important;
    overflow:hidden !important;
    clip-path:none !important;
  }

  .hember-onepage #sobre .hember-about-photo{
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    height:clamp(210px, 68vw, 328px) !important;
    max-height:none !important;
    margin:0 auto !important;
    object-fit:contain !important;
    object-position:center bottom !important;
    transform-origin:center bottom !important;
  }

  .hember-onepage #sobre .hember-about-person-bruna .hember-about-photo{
    transform:scale(1.04) translateY(0) !important;
  }

  .hember-onepage #sobre .hember-about-person-gabriela .hember-about-photo{
    transform:scale(1.17) translateY(12px) !important;
  }

  .hember-onepage #sobre .hember-about-person-caption,
  .hember-onepage #sobre .hember-about-person-gabriela .hember-about-person-caption{
    min-height:var(--hember-mobile-caption-h) !important;
    height:var(--hember-mobile-caption-h) !important;
    padding:9px 5px 10px !important;
    overflow:hidden !important;
  }

  .hember-onepage #sobre .hember-about-person-caption strong{
    font-size:clamp(13px, 4.2vw, 18px) !important;
    line-height:1.05 !important;
    white-space:nowrap !important;
  }

  .hember-onepage #sobre .hember-about-person-caption span{
    margin-top:4px !important;
    font-size:clamp(9px, 2.85vw, 13px) !important;
    line-height:1.08 !important;
    white-space:nowrap !important;
  }

  .hember-onepage #sobre .hember-about-copy{
    --hember-about-line-w:0px;
    --hember-about-copy-gap:0px;
    display:block !important;
    width:100% !important;
    min-width:0 !important;
  }

  .hember-onepage #sobre .hember-about-copy-top{
    display:block !important;
  }

  .hember-onepage #sobre .hember-about-copy-line{
    display:block !important;
    width:68px !important;
    height:6px !important;
    min-height:6px !important;
    margin:0 0 16px !important;
  }

  .hember-onepage #sobre .hember-about-copy-inner{
    width:100% !important;
    max-width:none !important;
  }

  .hember-onepage #sobre .hember-about-copy h3{
    margin:0 0 14px !important;
    font-size:clamp(34px, 10vw, 48px) !important;
    line-height:.96 !important;
  }

  .hember-onepage #sobre .hember-about-copy p{
    margin:0 0 14px !important;
    font-size:clamp(14px, 4vw, 17px) !important;
    line-height:1.56 !important;
    text-align:left !important;
  }

  .hember-onepage #sobre .hember-about-stats{
    display:grid !important;
    grid-template-columns:repeat(2, minmax(0,1fr)) !important;
    gap:10px !important;
    width:100% !important;
    max-width:none !important;
    margin:20px 0 0 !important;
  }

  .hember-onepage #sobre .hember-about-stat{
    min-width:0 !important;
    min-height:72px !important;
    padding:10px 6px !important;
    border-radius:12px !important;
  }

  .hember-onepage #sobre .hember-about-stat strong{
    font-size:clamp(15px, 4.4vw, 22px) !important;
    line-height:1 !important;
    white-space:nowrap !important;
  }

  .hember-onepage #sobre .hember-about-stat span{
    margin-top:4px !important;
    font-size:clamp(9px, 2.7vw, 12px) !important;
    line-height:1.05 !important;
    white-space:nowrap !important;
  }

  /* 5. Quatro vídeos na mesma linha. */
  .hember-onepage #livestream.live-join-hero{
    padding:30px 0 !important;
  }

  .hember-onepage #livestream .container{
    width:100% !important;
    padding-left:10px !important;
    padding-right:10px !important;
  }

  .hember-onepage #livestream .live-join-photos{
    display:grid !important;
    grid-template-columns:repeat(4, minmax(0,1fr)) !important;
    gap:clamp(5px, 1.8vw, 9px) !important;
    width:100% !important;
    max-width:none !important;
    margin:0 auto !important;
  }

  .hember-onepage #livestream .live-join-photo,
  .hember-onepage #livestream .live-join-video-card{
    width:100% !important;
    max-width:none !important;
    min-width:0 !important;
    aspect-ratio:9 / 16 !important;
    border-width:1px !important;
    border-radius:clamp(9px, 3vw, 15px) !important;
    box-shadow:0 10px 24px rgba(0,0,0,.22) !important;
  }

  /* 6 e 7. Entregas e benefícios: duas colunas. */
  .hember-onepage #entregas .about-cards,
  .hember-onepage #beneficios .b-grid{
    display:grid !important;
    grid-template-columns:repeat(2, minmax(0,1fr)) !important;
    gap:10px !important;
    width:100% !important;
    margin-top:22px !important;
  }

  .hember-onepage #entregas .about-card,
  .hember-onepage #beneficios .b-benefit-card,
  .hember-onepage #beneficios a.b-benefit-card{
    width:100% !important;
    max-width:none !important;
    min-width:0 !important;
    min-height:clamp(146px, 43vw, 190px) !important;
    height:auto !important;
    flex:initial !important;
    flex-basis:auto !important;
    margin:0 !important;
    padding:30px 10px 16px !important;
    border-radius:16px !important;
  }

  .hember-onepage #entregas .about-card-title,
  .hember-onepage #beneficios .b-benefit-card .b-badge,
  .hember-onepage #beneficios a.b-benefit-card .b-badge{
    font-size:clamp(13px, 3.9vw, 17px) !important;
    line-height:1.08 !important;
    text-align:center !important;
  }

  .hember-onepage #entregas .about-card-text,
  .hember-onepage #beneficios .b-benefit-card .b-text,
  .hember-onepage #beneficios a.b-benefit-card .b-text{
    max-width:none !important;
    margin-top:6px !important;
    font-size:clamp(10.5px, 3vw, 13px) !important;
    line-height:1.28 !important;
    text-align:center !important;
  }

  .hember-onepage #beneficios .b-benefit-card .b-content,
  .hember-onepage #beneficios a.b-benefit-card .b-content{
    width:100% !important;
    max-width:none !important;
    min-height:0 !important;
    padding:0 !important;
  }

  /* 8. FAQ: texto à esquerda e interrogação à direita. */
  .hember-onepage #faq.faq-hero{
    min-height:0 !important;
    padding:24px 0 !important;
  }

  .hember-onepage #faq .hember-top-hero-grid{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) auto !important;
    align-items:center !important;
    gap:12px !important;
    min-height:0 !important;
  }

  .hember-onepage #faq .hember-top-copy{
    width:100% !important;
    max-width:none !important;
    min-width:0 !important;
  }

  .hember-onepage #faq .hember-top-title{
    margin:0 !important;
    font-size:clamp(28px, 8.6vw, 44px) !important;
    line-height:.88 !important;
  }

  .hember-onepage #faq .hember-top-title span{
    display:block !important;
  }

  .hember-onepage #faq .hember-top-text{
    max-width:100% !important;
    margin:10px 0 0 !important;
    font-size:clamp(12px, 3.5vw, 15px) !important;
    line-height:1.34 !important;
  }

  .hember-onepage #faq .hember-top-hero-photos,
  .hember-onepage #faq .faq-question-marks{
    position:relative !important;
    inset:auto !important;
    width:clamp(58px, 19vw, 86px) !important;
    min-width:clamp(58px, 19vw, 86px) !important;
    height:clamp(76px, 24vw, 108px) !important;
    min-height:0 !important;
    margin:0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
  }

  .hember-onepage #faq .faq-question-pulse{
    position:static !important;
    width:clamp(54px, 18vw, 80px) !important;
    height:clamp(70px, 23vw, 100px) !important;
    min-width:0 !important;
    min-height:0 !important;
    margin:0 !important;
    font-size:clamp(56px, 19vw, 88px) !important;
    line-height:1 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    transform:none !important;
  }

  /* 9. Rodapé: logo > voltar ao topo > redes > direitos. */
  .site-footer .footer-bottom-row{
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    gap:12px !important;
    min-height:0 !important;
    padding:22px 16px 24px !important;
    text-align:center !important;
  }

  .site-footer .footer-bottom-brand{
    order:1 !important;
    margin:0 !important;
  }

  .site-footer .footer-bottom-logo{
    width:132px !important;
    max-width:132px !important;
    height:auto !important;
  }

  .site-footer .footer-right-actions{
    display:contents !important;
  }

  .site-footer .footer-backtop{
    order:2 !important;
    margin:0 !important;
    justify-content:center !important;
  }

  .site-footer .footer-socials{
    order:3 !important;
    width:100% !important;
    justify-content:center !important;
    margin:0 !important;
  }

  .site-footer .footer-copy{
    order:4 !important;
    width:100% !important;
    margin:2px 0 0 !important;
    font-size:12px !important;
    line-height:1.35 !important;
    white-space:normal !important;
  }
}

@media (max-width:380px){
  .hember-onepage #inicio.hero-reference-2026 .hero-static-content-reference{
    padding-left:12px !important;
    padding-right:12px !important;
  }

  .hember-onepage #inicio.hero-reference-2026 .hero-badges{
    gap:6px !important;
  }

  .hember-onepage #inicio.hero-reference-2026 .hero-badge.hero-badge-official-image{
    width:154px !important;
  }

  .hember-onepage #inicio.hero-reference-2026 .hero-badges .hero-badge.hero-badge-fill{
    min-height:36px !important;
    padding:0 9px !important;
    font-size:8.8px !important;
  }

  .hember-onepage #sobre .hember-about-strip-title{
    padding-left:8px !important;
    padding-right:8px !important;
    font-size:11.5px !important;
  }

  .hember-onepage #sobre .hember-about-strip-subtitle{
    padding-left:5px !important;
    padding-right:5px !important;
    font-size:7px !important;
  }

  .hember-onepage #sobre .hember-about-people,
  .hember-onepage #sobre .hember-about-stats,
  .hember-onepage #entregas .about-cards,
  .hember-onepage #beneficios .b-grid{
    gap:8px !important;
  }

  .hember-onepage #entregas .about-card,
  .hember-onepage #beneficios .b-benefit-card,
  .hember-onepage #beneficios a.b-benefit-card{
    padding-left:8px !important;
    padding-right:8px !important;
  }
}

/* Ajuste fino mobile das fotos do Quem Somos: mantém o recorte e o
   posicionamento vertical usados no desktop, permitindo leve sobra superior. */
@media (max-width:900px){
  .hember-onepage #sobre .hember-about-body{
    padding-top:clamp(42px, 8vw, 58px) !important;
  }

  .hember-onepage #sobre .hember-about-people,
  .hember-onepage #sobre .hember-about-person{
    overflow:visible !important;
  }

  .hember-onepage #sobre .hember-about-photo-wrap{
    overflow:visible !important;
    clip-path:inset(-70px 0 0 0) !important;
  }

  .hember-onepage #sobre .hember-about-person-caption{
    position:relative !important;
    z-index:20 !important;
  }
}