/* Programa de closers: identidade atual do site, isolada da pagina de venda. */
body.closers-premium {
  --max: 1260px;
  --radius: 6px;
  --closers-teal: #75b9bb;
  background: #060909;
  color: #f5f2ec;
}

.closers-premium header.nav {
  background: rgba(4, 6, 6, .96);
  border-bottom-color: rgba(214, 168, 75, .22);
}
.closers-premium .brand-logo-official {
  width: 78px;
  max-width: 78px;
  height: 64px;
  object-fit: contain;
}
.closers-premium .menu { gap: 18px; }
.closers-premium .menu a { letter-spacing: 0; }
.closers-premium .nav-cta > .btn { border-radius: 6px; letter-spacing: 0; }
.closers-premium .btn { border-radius: 6px; }
.closers-premium .btn-outline-gold { color: #f0c875; border-color: rgba(240, 200, 117, .7); }
.closers-premium .btn-outline-gold:hover { color: #15120b; }

body.closers-premium main > section.closers-hero {
  position: relative;
  overflow: hidden;
  min-height: min(650px, calc(100svh - 140px));
  padding: 0;
  background-color: #071011;
  background-image: none;
  border-bottom: 1px solid rgba(117, 185, 187, .27);
}
.closers-premium .closers-hero::before {
  content: '';
  position: absolute;
  inset: 0 0 0 auto;
  width: min(38vw, 540px);
  background: url('/assets/desiree-avatar-hero-v1.jpg') center 28% / cover no-repeat;
  -webkit-mask-image: linear-gradient(90deg, transparent, #000 27%);
  mask-image: linear-gradient(90deg, transparent, #000 27%);
}
.closers-premium .closers-hero::after { display: none; }
.closers-premium .closers-hero .container {
  display: flex;
  align-items: center;
  max-width: 1320px;
  min-height: inherit;
  padding: 68px 30px 64px;
}
.closers-hero-copy { position: relative; z-index: 1; width: min(680px, 100%); }
.closers-premium .closers-hero .eyebrow {
  display: inline-block;
  color: var(--closers-teal);
  font-size: .73rem;
  letter-spacing: 0;
}
.closers-premium .closers-hero h1 {
  max-width: 660px;
  margin: 16px 0 19px;
  color: #faf8f2;
  font: 750 4rem/1.07 Inter, system-ui, sans-serif;
  letter-spacing: 0;
}
.closers-premium .closers-hero h1 span { color: #e7bb65; }
.closers-premium .hero-statement {
  max-width: 600px;
  color: #faf8f2;
  font-size: 1.24rem;
  font-weight: 600;
  line-height: 1.4;
}
.closers-premium .closers-hero p.lead {
  max-width: 570px;
  margin-top: 14px;
  color: #c7d0cd;
  font-size: .98rem;
  line-height: 1.7;
}
.closers-premium .closers-hero p.lead b { color: #f4d493; }
.closers-premium .closers-hero .actions { margin-top: 27px; gap: 12px; }
.closers-premium .closers-hero .actions .btn { justify-content: center; min-height: 47px; }
.closers-premium .closers-hero .micro-proof {
  gap: 9px 22px;
  margin-top: 28px;
  padding-top: 17px;
  border-top: 1px solid rgba(214, 168, 75, .31);
}
.closers-premium .closers-hero .micro-proof span {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: #d1d7d3;
  font-size: .75rem;
  font-weight: 600;
}
.closers-premium .closers-hero .micro-proof span::before {
  content: '';
  width: 5px;
  height: 5px;
  flex: 0 0 5px;
  background: var(--closers-teal);
}

.closers-premium main > section:not(.closers-hero) {
  padding: 78px 0;
  background: #070a0a;
  border-bottom: 1px solid rgba(214, 168, 75, .12);
}
.closers-premium main > section#como-funciona { padding-top: 40px; }
.closers-premium #ganhos,
.closers-premium #catalogo,
.closers-premium #faq { background: #0c1010; }
.closers-premium #perfil { background: #0b1b1c; }
.closers-premium .sec-head {
  max-width: 780px;
  margin: 0 0 32px;
  text-align: left;
}
.closers-premium .sec-head .eyebrow {
  color: var(--closers-teal);
  letter-spacing: 0;
}
.closers-premium .sec-head h2 {
  margin: 8px 0 11px;
  color: #f7f3ec;
  font-size: 2.2rem;
  line-height: 1.2;
  letter-spacing: 0;
}
.closers-premium .sec-head p { color: #b1b9b5; font-size: .95rem; }
.closers-premium .card h3 { color: #f5f1ea; letter-spacing: 0; }
.closers-premium .card p { color: #aeb8b3; }
.closers-premium .tag {
  padding: 0;
  border: 0;
  border-radius: 0;
  background: none;
  color: var(--closers-teal);
  font-size: .73rem;
}
.closers-premium ul.feat li { color: #b8c0bc; }
.closers-premium ul.feat li b { color: #f0d39a; }

.closers-premium .audience-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 22px; }
.closers-premium .audience-card,
.closers-premium #plataforma .grid .card {
  min-width: 0;
  padding: 21px 8px 6px 0;
  border: 0;
  border-top: 1px solid rgba(117, 185, 187, .48);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  transform: none;
}
.closers-premium .audience-card .number {
  color: #e1b969;
  font: 700 1rem/1 Inter, system-ui, sans-serif;
  opacity: 1;
  margin-bottom: 21px;
}
.closers-premium .audience-card h3,
.closers-premium #plataforma .grid .card h3 { font-size: 1.08rem; line-height: 1.35; }
.closers-premium .audience-card p,
.closers-premium #plataforma .grid .card p { font-size: .85rem; line-height: 1.65; }

.closers-premium #ganhos .grid { gap: 16px; }
.closers-premium #ganhos .grid > .card,
.closers-premium #catalogo .compact-product {
  min-width: 0;
  padding: 25px;
  border: 1px solid rgba(214, 168, 75, .22);
  border-radius: 6px;
  background: #111717;
  box-shadow: none;
}
.closers-premium #ganhos .grid > .card:hover,
.closers-premium #catalogo .compact-product:hover {
  border-color: rgba(117, 185, 187, .65);
  box-shadow: none;
}
.closers-premium #ganhos .grid > .card h3 { font-size: 1.22rem; }
.closers-premium #ganhos .grid > .card p,
.closers-premium #ganhos .grid > .card li { font-size: .86rem; }
.closers-premium #ganhos > .container > .card {
  border: 0;
  border-left: 3px solid #d6a84b;
  border-radius: 0;
  background: #112021;
  box-shadow: none;
  transform: none;
}
.closers-premium #ganhos > .container > .card .prod { grid-template-columns: minmax(0, 1fr); }
.closers-premium #ganhos > .container > .card .badge { height: 68px; border-radius: 4px; }
.closers-premium .commercial-note { color: #aeb8b3; }

.closers-premium #plataforma .grid { gap: 22px 28px; }
.closers-panel-link { margin-top: 29px; color: #aab7b2; font-size: .85rem; }
.closers-panel-link a { margin-left: 5px; color: #f0c875; font-weight: 700; text-decoration: underline; text-underline-offset: 4px; }
.closers-premium #catalogo .compact-products { gap: 16px; }
.closers-premium #catalogo .compact-product .badge {
  width: 49px;
  height: 43px;
  border-radius: 4px;
  background: #17373a;
  color: #a8dbd7;
  font-family: Inter, system-ui, sans-serif;
}
.closers-premium #catalogo .compact-product .btn { padding: 10px 15px; font-size: .78rem; }
.closers-premium #perfil .evidence-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 25px; }
.closers-premium #perfil .evidence { border-left-color: #d6a84b; }
.closers-premium #perfil .evidence p { color: #b3bfba; }

.closers-premium .closer-jobs { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
.closers-premium .closer-job { display: flex; flex-direction: column; align-items: flex-start; gap: 11px; min-width: 0; padding: 24px; border: 1px solid rgba(117,185,187,.38); border-radius: 6px; background: #101717; }
.closers-premium .closer-job h3 { margin: 0; color: #f5f1ea; font-size: 1.2rem; }
.closers-premium .closer-job p { margin: 0; color: #b8c2bd; white-space: pre-line; line-height: 1.6; }
.closers-premium .closer-job .closer-job-requirements { font-size: .88rem; }
.closers-premium .closer-job small { color: #81bec0; }
.closers-premium .closer-job .btn { margin-top: auto; }
.closers-premium #vagas, .closers-premium #candidatura { scroll-margin-top: 90px; }

.closers-premium #candidatura .contact { grid-template-columns: minmax(0, .8fr) minmax(0, 1fr); gap: 70px; align-items: start; }
.closers-premium #candidatura .info h3 { font-size: 1.2rem; }
.closers-premium #candidatura .info p { display: block; line-height: 1.7; }
.closers-premium #candidatura .form {
  border: 1px solid rgba(117, 185, 187, .36);
  border-radius: 6px;
  background: #101717;
  box-shadow: none;
}
.closers-premium #candidatura .form:hover { transform: none; }
.closers-premium #candidatura .form input,
.closers-premium #candidatura .form select,
.closers-premium #candidatura .form textarea {
  border-color: rgba(181, 195, 186, .28);
  border-radius: 4px;
  background: #080c0c;
  color: #f4f1e9;
}
.closers-premium #candidatura .form input:focus,
.closers-premium #candidatura .form select:focus,
.closers-premium #candidatura .form textarea:focus { border-color: var(--closers-teal); }
.closers-premium #candidatura .consent { color: #b9c2bc; }
.closers-premium #candidatura .consent a { color: #f0c875; }
.closers-premium #candidatura .closer-field-label { display: block; color: #f3ede1; font-size: .84rem; font-weight: 600; }
.closers-premium #candidatura .form input[type="file"] { padding: 10px; font-size: .82rem; }
.closers-premium #candidatura .form input[type="file"]::file-selector-button { margin-right: 12px; padding: 8px 12px; border: 1px solid #b99140; border-radius: 4px; background: #1c1911; color: #f0c875; cursor: pointer; }
.closers-premium #candidatura .form .closer-honeypot { display: none; }

.closers-premium #faq details.card {
  padding: 17px 0 !important;
  border: 0;
  border-bottom: 1px solid rgba(214, 168, 75, .2);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  transform: none;
}
.closers-premium #faq summary { color: #f4f0e8; font-size: .96rem; }
.closers-premium #faq details p { color: #b2bbb5; font-size: .87rem; line-height: 1.7; }
.closers-premium footer { background: #040606; border-top: 1px solid rgba(214, 168, 75, .15); }
.closers-premium .labs-footer-logo { width: 88px; height: 73px; object-fit: contain; }

@media (max-width: 1180px) {
  .closers-premium .menu { gap: 0; }
}
@media (max-width: 900px) {
  .closers-premium .audience-grid,
  .closers-premium #perfil .evidence-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .closers-premium #ganhos .grid,
  .closers-premium #plataforma .grid,
  .closers-premium #catalogo .compact-products { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .closers-premium #candidatura .contact { grid-template-columns: 1fr 1fr; gap: 30px; }
}
@media (max-width: 680px) {
  .closers-premium .closer-jobs { grid-template-columns: 1fr; }
  .closers-premium .brand-logo-official { width: 64px; max-width: 64px; height: 55px; }
  body.closers-premium main > section.closers-hero {
    min-height: min(620px, calc(100svh - 112px));
    background-image:
      linear-gradient(90deg, rgba(3, 8, 9, .9), rgba(3, 8, 9, .7)),
      url('/assets/desiree-avatar-hero-v1.jpg');
    background-size: cover, auto 100%;
    background-position: center, 66% center;
  }
  .closers-premium .closers-hero::before { display: none; }
  body.closers-premium[data-product] .closers-hero .container { padding: 47px 20px 45px; }
  body.closers-premium[data-product] .closers-hero h1 { font-size: 2.65rem; line-height: 1.08; }
  .closers-premium .hero-statement { font-size: 1.08rem; }
  body.closers-premium[data-product] .closers-hero p.lead { font-size: .9rem; line-height: 1.6; }
  .closers-premium .closers-hero .micro-proof { gap: 8px 15px; margin-top: 22px; }
  .closers-premium main > section:not(.closers-hero) { padding: 56px 0; }
  .closers-premium .sec-head h2 { font-size: 1.75rem; }
  .closers-premium .audience-grid,
  .closers-premium #ganhos .grid,
  .closers-premium #plataforma .grid,
  .closers-premium #catalogo .compact-products,
  .closers-premium #perfil .evidence-grid,
  .closers-premium #candidatura .contact { grid-template-columns: 1fr; }
  .closers-premium .audience-grid,
  .closers-premium #plataforma .grid { gap: 18px; }
  .closers-premium .audience-card .number { margin-bottom: 11px; }
  .closers-premium #candidatura .contact { gap: 30px; }
  .closers-premium #ganhos > .container > .card .prod { grid-template-columns: 1fr; }
  .closers-premium #ganhos > .container > .card .badge { width: 70px; }
}

@media (max-width: 360px) {
  body.closers-premium[data-product] .closers-hero .container { padding: 28px 20px 24px; }
  body.closers-premium[data-product] .closers-hero h1 {
    margin: 11px 0 13px;
    font-size: 2.3rem;
  }
  .closers-premium .hero-statement { font-size: 1rem; }
  body.closers-premium[data-product] .closers-hero p.lead {
    margin-top: 10px;
    font-size: .84rem;
    line-height: 1.5;
  }
  .closers-premium .closers-hero .actions { margin-top: 18px; }
  .closers-premium .closers-hero .micro-proof { display: none; }
  .closers-premium main > section#como-funciona { padding-top: 20px; }
}