/* BeeCreative Growth AI — Landing Studio 2.4.5
   Identidade: preto, cinza e branco. Sem amarelo. */

:root{
  --bc-black:#0b0b0b;
  --bc-charcoal:#202020;
  --bc-gray:#6b6b6b;
  --bc-line:#d9d9d9;
  --bc-soft:#f2f2f2;
  --bc-white:#fff;
}

/*
 * A landing deve usar exatamente a tipografia já carregada pelo tema/Elementor.
 * Não escolhemos aqui uma família "Primary": no site BeeCreative essa variável
 * não corresponde necessariamente à tipografia visual usada no menu e serviços.
 * Herdar preserva a fonte real do tema e evita fallbacks serif ou Arial/Helvetica.
 */
.bcgai-commercial-v2{
  font-family:inherit!important;
}
.bcgai-commercial-v2 h1,
.bcgai-commercial-v2 h2,
.bcgai-commercial-v2 h3,
.bcgai-commercial-v2 h4,
.bcgai-commercial-v2 h5,
.bcgai-commercial-v2 h6,
.bcgai-commercial-v2 p,
.bcgai-commercial-v2 a,
.bcgai-commercial-v2 span,
.bcgai-commercial-v2 strong,
.bcgai-commercial-v2 summary,
.bcgai-commercial-v2 button,
.bcgai-commercial-v2 li{
  font-family:inherit!important;
}

/* A landing comercial expande-se para além do content wrapper estreito do tema. */
.bcgai-commercial-v2{
  box-sizing:border-box;
  width:100vw;
  max-width:none;
  position:relative;
  left:50%;
  right:50%;
  margin-left:-50vw;
  margin-right:-50vw;
  padding:clamp(34px,5vw,72px) max(22px,calc((100vw - 1260px)/2)) clamp(70px,8vw,110px);
  color:var(--bc-black);
  background:var(--bc-white);
}
.bcgai-commercial-v2 *{box-sizing:border-box}
.bcgai-commercial-v2 h1,
.bcgai-commercial-v2 h2,
.bcgai-commercial-v2 h3,
.bcgai-commercial-v2 p{color:inherit}

/* Oculta o cabeçalho de página/breadcrumb do tema apenas nas landings do Studio. */
body.bcgai-landing-active .page-title,
body.bcgai-landing-active .page-header,
body.bcgai-landing-active .page-title-wrap,
body.bcgai-landing-active .page-title-wrapper,
body.bcgai-landing-active .breadcrumb,
body.bcgai-landing-active .breadcrumbs,
body.bcgai-landing-active .breadcrumb-wrap,
body.bcgai-landing-active .entry-header:not(.bcgai-commercial-v2 *){
  display:none!important;
}
/* Rey Theme: seletor específico do Page Cover; não esconde wrappers genéricos. */
body.bcgai-landing-active .rey-pageCover,
body.bcgai-landing-active .rey-pageCover-wrapper{display:none!important;}

.bcgai-commercial-section{margin:0 0 clamp(54px,7vw,92px)}
.bcgai-commercial-section>h2{
  font-size:clamp(1.7rem,2.6vw,2.65rem);
  line-height:1.05;
  letter-spacing:-.035em;
  margin:0 0 28px;
}

/* Hero */
.bcgai-commercial-hero{
  margin:0 0 clamp(56px,7vw,92px);
  padding:clamp(34px,5vw,72px);
  background:var(--bc-black);
  color:var(--bc-white);
  border-radius:22px;
  overflow:hidden;
}
.bcgai-commercial-hero h1,
.bcgai-commercial-hero p{color:var(--bc-white)}
.bcgai-eyebrow-front{
  font-size:.72rem;
  letter-spacing:.17em;
  font-weight:700;
  text-transform:uppercase;
  margin:0 0 1.2rem;
  opacity:.68;
}
.bcgai-commercial-title{
  font-size:clamp(3.1rem,7.2vw,7rem);
  line-height:.88;
  letter-spacing:-.055em;
  max-width:1060px;
  margin:0 0 1.7rem;
}
.bcgai-commercial-lead{
  font-size:clamp(1.05rem,1.8vw,1.45rem);
  line-height:1.45;
  max-width:820px;
  margin:0 0 2rem;
  opacity:.84;
}
.bcgai-trust-line{
  margin:1.55rem 0 0;
  font-size:.72rem;
  letter-spacing:.11em;
  text-transform:uppercase;
  font-weight:700;
  opacity:.55;
}
.bcgai-commercial-cta .wp-block-button__link{
  border-radius:999px!important;
  padding:.9rem 1.45rem!important;
  font-weight:800!important;
  font-size:.78rem!important;
  letter-spacing:.055em!important;
  text-transform:uppercase;
  box-shadow:none!important;
  transition:background .18s ease,color .18s ease,border-color .18s ease,transform .18s ease;
}
.bcgai-commercial-hero .bcgai-commercial-cta .wp-block-button__link{
  background:var(--bc-white)!important;
  color:var(--bc-black)!important;
  border:1px solid var(--bc-white)!important;
}
.bcgai-commercial-hero .bcgai-commercial-cta .wp-block-button__link:hover{
  background:#d9d9d9!important;
  border-color:#d9d9d9!important;
  transform:translateY(-1px);
}

/* Processo — quatro cards compactos no desktop */
.bcgai-process{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:14px!important;
  margin:0!important;
}
.bcgai-process>.wp-block-column{margin:0!important;min-width:0!important}
.bcgai-step{
  min-height:190px;
  height:100%;
  padding:24px;
  border:1px solid var(--bc-line);
  border-radius:16px;
  background:var(--bc-white);
  transition:background .18s ease,border-color .18s ease,transform .18s ease;
}
.bcgai-step:hover{background:var(--bc-soft);border-color:#bdbdbd;transform:translateY(-2px)}
.bcgai-step>span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:34px;
  height:34px;
  border-radius:50%;
  background:var(--bc-black);
  color:var(--bc-white);
  font-size:.72rem;
  font-weight:800;
  margin-bottom:1.3rem;
}
.bcgai-step h3{font-size:1.03rem;line-height:1.2;margin:0 0 .7rem}
.bcgai-step p{font-size:.91rem;line-height:1.55;margin:0;color:#595959}

/* Três argumentos comerciais */
.bcgai-service-copy{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
}
.bcgai-copy-block{
  padding:28px;
  border-top:2px solid var(--bc-black);
  background:var(--bc-soft);
  min-height:210px;
}
.bcgai-copy-block h2{font-size:1.35rem;line-height:1.1;margin:0 0 1rem;letter-spacing:-.025em}
.bcgai-copy-block p{font-size:.96rem;line-height:1.62;margin:0;color:#545454}

/* Projetos */
.bcgai-project-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:24px 18px;
  margin:0;
}
.bcgai-project-card{display:block;color:inherit;text-decoration:none!important}
.bcgai-project-media{
  display:block;
  aspect-ratio:4/3;
  background:#e8e8e8;
  border-radius:16px;
  overflow:hidden;
  margin-bottom:11px;
}
.bcgai-project-media img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .28s ease,filter .28s ease}
.bcgai-project-card:hover img{transform:scale(1.022);filter:contrast(1.03)}
.bcgai-project-card strong{display:block;font-size:.9rem;line-height:1.35;font-weight:650;max-width:92%}
.bcgai-project-placeholder{display:flex;width:100%;height:100%;align-items:center;justify-content:center;font-weight:800;letter-spacing:.08em;font-size:.8rem;color:#666}

/* FAQ acordeão nativo */
.bcgai-faq{max-width:980px}
.bcgai-faq-item{border-top:1px solid var(--bc-line);margin:0;padding:0}
.bcgai-faq-item:last-child{border-bottom:1px solid var(--bc-line)}
.bcgai-faq-item summary{
  list-style:none;
  cursor:pointer;
  position:relative;
  padding:21px 46px 21px 0;
  font-weight:700;
  font-size:1.02rem;
}
.bcgai-faq-item summary::-webkit-details-marker{display:none}
.bcgai-faq-item summary:after{
  content:'+';
  position:absolute;
  right:4px;
  top:50%;
  transform:translateY(-50%);
  width:28px;
  height:28px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid var(--bc-line);
  border-radius:50%;
  font-size:1rem;
  font-weight:500;
}
.bcgai-faq-item[open] summary:after{content:'–';background:var(--bc-black);color:var(--bc-white);border-color:var(--bc-black)}
.bcgai-faq-item p{margin:-3px 0 22px;max-width:800px;color:#585858;font-size:.96rem;line-height:1.62}

/* CTA final — preto/cinza, sem acentos cromáticos */
.bcgai-quote-box{
  margin:clamp(54px,7vw,92px) 0 0;
  padding:clamp(34px,5vw,62px);
  border-radius:20px;
  background:var(--bc-charcoal);
  color:var(--bc-white);
}
.bcgai-quote-box h2{font-size:clamp(2rem,3.2vw,3.4rem);letter-spacing:-.04em;margin:0 0 1rem;color:var(--bc-white)}
.bcgai-quote-box p{max-width:760px;color:#d1d1d1;line-height:1.6;margin:0 0 1.6rem}
.bcgai-quote-box .wp-block-buttons{display:flex;gap:10px;flex-wrap:wrap}
.bcgai-quote-box .wp-block-button__link{
  background:var(--bc-white)!important;
  color:var(--bc-black)!important;
  border:1px solid var(--bc-white)!important;
}
.bcgai-quote-box .is-style-outline .wp-block-button__link{
  background:transparent!important;
  color:var(--bc-white)!important;
  border:1px solid #777!important;
}
.bcgai-quote-box .wp-block-button__link:hover{background:#d7d7d7!important;border-color:#d7d7d7!important;color:var(--bc-black)!important}
.bcgai-quote-box .is-style-outline .wp-block-button__link:hover{background:#333!important;border-color:#999!important;color:var(--bc-white)!important}

@media(max-width:980px){
  .bcgai-process{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .bcgai-service-copy{grid-template-columns:1fr}
  .bcgai-copy-block{min-height:0}
}
@media(max-width:720px){
  .bcgai-commercial-v2{padding:24px 18px 64px}
  .bcgai-commercial-hero{border-radius:16px;padding:30px 22px;margin-bottom:52px}
  .bcgai-commercial-title{font-size:clamp(2.65rem,14vw,4.3rem)}
  .bcgai-commercial-lead{font-size:1rem}
  .bcgai-process{grid-template-columns:1fr!important}
  .bcgai-step{min-height:0}
  .bcgai-project-grid{grid-template-columns:1fr;gap:22px}
  .bcgai-project-media{border-radius:13px}
  .bcgai-quote-box{border-radius:16px}
  .bcgai-quote-box .wp-block-buttons{display:grid;grid-template-columns:1fr}
  .bcgai-quote-box .wp-block-button{width:100%}
  .bcgai-quote-box .wp-block-button__link{display:block;text-align:center;width:100%}
}

/* 2.2.1 — acabamento visual desktop/mobile */

/* Mais presença no desktop, mantendo respiro lateral. */
@media (min-width:1200px){
  .bcgai-commercial-v2{
    padding-left:max(34px,calc((100vw - 1480px)/2));
    padding-right:max(34px,calc((100vw - 1480px)/2));
  }
}

/* 2.2.2 — Rey Page Cover: seletores deliberadamente restritos.
   Nunca usamos correspondências parciais nem escondemos wrappers genéricos,
   porque algumas versões do Rey reutilizam esses wrappers no conteúdo principal. */
body.bcgai-landing-active .rey-pageCover,
body.bcgai-landing-active .rey-breadcrumbs,
body.bcgai-landing-active .bcgai-hide-theme-cover{
  display:none!important;
}

/* Processo com leitura ligeiramente maior e menos aspeto de caixa vazia. */
.bcgai-step{
  min-height:176px;
  padding:26px;
}
.bcgai-step h3{
  font-size:1.12rem;
  margin-bottom:.75rem;
}
.bcgai-step p{
  font-size:1rem;
  line-height:1.58;
}

/* Argumentos comerciais mais legíveis. */
.bcgai-copy-block{
  padding:30px;
  min-height:196px;
}
.bcgai-copy-block h2{
  font-size:1.5rem;
  margin-bottom:1.05rem;
}
.bcgai-copy-block p{
  font-size:1.03rem;
  line-height:1.64;
}

/* Galeria: títulos claros, sem ocupar demasiado espaço. */
.bcgai-project-grid{
  gap:30px 22px;
}
.bcgai-project-media{
  margin-bottom:14px;
}
.bcgai-project-card strong{
  font-size:1.02rem;
  line-height:1.38;
  font-weight:650;
  max-width:96%;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  overflow:hidden;
}

/* FAQ ligeiramente mais confortável. */
.bcgai-faq-item summary{
  font-size:1.08rem;
  padding-top:23px;
  padding-bottom:23px;
}
.bcgai-faq-item p{
  font-size:1rem;
}

/* CTAs com presença suficiente sem fugir à identidade preto/cinza. */
.bcgai-commercial-cta .wp-block-button__link,
.bcgai-quote-box .wp-block-button__link{
  padding:1.02rem 1.7rem!important;
  font-size:.88rem!important;
  letter-spacing:.045em!important;
}
.bcgai-quote-box p{
  font-size:1.02rem;
}

@media(max-width:720px){
  .bcgai-commercial-v2{padding-left:20px;padding-right:20px}
  .bcgai-commercial-section{margin-bottom:52px}
  .bcgai-commercial-section>h2{font-size:1.85rem}
  .bcgai-step{padding:23px;min-height:0}
  .bcgai-step h3{font-size:1.08rem}
  .bcgai-step p{font-size:.98rem}
  .bcgai-copy-block{padding:24px}
  .bcgai-copy-block h2{font-size:1.32rem}
  .bcgai-copy-block p{font-size:.98rem}
  .bcgai-project-card strong{font-size:.98rem}
}