.elementor-8 .elementor-element.elementor-element-1b5c8c6{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8 .elementor-element.elementor-element-1b5c8c6.e-con{--align-self:center;--flex-grow:1;--flex-shrink:0;}.elementor-8 .elementor-element.elementor-element-d159279{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-8 .elementor-element.elementor-element-d159279.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-8 .elementor-element.elementor-element-88c9d0b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8 .elementor-element.elementor-element-1eee9ad{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-8 .elementor-element.elementor-element-3f6492c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:-6px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8 .elementor-element.elementor-element-988166a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8 .elementor-element.elementor-element-90d6baa{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8 .elementor-element.elementor-element-7091047{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8 .elementor-element.elementor-element-1839d76{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8 .elementor-element.elementor-element-27b5a98{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}@media(max-width:767px){.elementor-8 .elementor-element.elementor-element-3f6492c{--margin-top:-25px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-8 .elementor-element.elementor-element-1839d76{--width:100%;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8 .elementor-element.elementor-element-5e54edc{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}}@media(min-width:768px){.elementor-8 .elementor-element.elementor-element-3f6492c{--width:100%;}.elementor-8 .elementor-element.elementor-element-90d6baa{--width:100%;}}/* Start custom CSS for html, class: .elementor-element-d159279 */:root{
  --banner-w: 1920px;

  /* DESKTOP (original) */
  --vsl-x: 9.375%;
  --vsl-y: 34.4872%;
  --vsl-w: 40.1042%;
  --vsl-h: 55.5128%;
}

/* Blindagem geral */
.lp-hero-canvas,
.lp-hero-canvas *{
  box-sizing: border-box;
}

/* Section segura (nunca gera overflow) */
.lp-hero-canvas{
  width: 100%;
  max-width: 100%;
  margin: 0;
  padding: 0;

  display: flex;
  justify-content: center;

  overflow-x: clip;
}
@supports not (overflow: clip){
  .lp-hero-canvas{ overflow-x: hidden; }
}

/* Inner centralizado e escalável */
.lp-hero-canvas__inner{
  position: relative; /* CONTEXTO DO ABSOLUTE */
  width: 100%;
  max-width: var(--banner-w);
  margin: 0 auto;
}

/* picture wrapper */
.lp-hero-canvas__bgPic{
  display:block;
  width:100%;
}

/* Banner */
.lp-hero-canvas__bg{
  display: block;
  width: 100%;
  height: auto;

  position: relative;
  z-index: 1;
}

/* VSL (desktop e mobile usam a mesma regra; só muda as variáveis) */
.lp-hero-canvas__vsl{
  position: absolute;
  left: var(--vsl-x);
  top:  var(--vsl-y);

  width:  var(--vsl-w);
  height: var(--vsl-h);

  z-index: 2;
}

/* Player */
.lp-vslBox{
  position: relative;
  width: 100%;
  height: 100%;

  background: #000;
  border-radius: 18px;
  overflow: hidden;

  border: 1px solid #4e543d;
}

/* Vídeo */
.lp-vslBox__video{
  position: absolute;
  inset: 0;

  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Botão som */
.lp-vslBox__sound{
  position: absolute;
  right: 14px;
  bottom: 14px;

  height: 44px;
  padding: 0 18px;
  border-radius: 999px;

  background: #444b2f;
  color: #fff;

  border: none;
  cursor: pointer;

  font-size: 14px;
  font-weight: 600;
  white-space: nowrap;

  z-index: 3;
}

/* =========================================================
   MOBILE (SOMENTE VARIÁVEIS — NÃO QUEBRA DESKTOP)
   - banner mobile: 390px base
   - VSL: 372x210 (encaixe no quadro preto)
   - sem scroll lateral
   ========================================================= */
@media (max-width: 767px){

  /* trava o canvas para não “sobrar faixa” e evita overflow do tema */
  .lp-hero-canvas__inner{
    max-width: 100%;
    overflow: hidden; /* corta qualquer pixel fora e mata scroll lateral */
  }

  /* VSL em px (372x210) usando variáveis */
  :root{
    /* centraliza horizontalmente e posiciona por TOP (ajuste fino aqui) */
    --vsl-x: 9px;          /*  (390 - 372)/2 = 9px */
    --vsl-y: 590px;        /* ajuste fino: é o topo do quadro preto */
    --vsl-w: 372px;
    --vsl-h: 210px;
  }

  .lp-vslBox{ border-radius: 16px; }

  .lp-vslBox__sound{
    height: 42px;
    font-size: 13px;
    right: 12px;
    bottom: 12px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1eee9ad */:root{
  --lp-font: "Helvetica Neue", Helvetica, Arial, sans-serif;

  /* DESKTOP/TABLET (original) */
  --bg-url: url("/wp-content/uploads/2026/02/fundo-claro3-1920-800-50.webp");

  --ink: #3c3c38;
  --accent: #8a4a2f;

  --stage-w: 1920px;
  --stage-h: 760px;

  --work-w: 1240px;

  --pt-40: 35pt;
  --pt-50: 45pt;

  --pad-top: 60px;
  --pad-bottom: 60px;

  /* AUMENTO GLOBAL DA IMAGEM (todas as telas) */
  --family-w: 760px;
  --family-h: 447px;
  --family-left: 40px;

  --right-right: 90px;
  --right-top-offset: 10px;
}

/* Blindagens contra tema/Elementor */
.lp-s2, .lp-s2 *{
  box-sizing: border-box !important;
}

/* Trava overflow-x só nesta seção */
.lp-s2{
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  font-family: var(--lp-font) !important;
  color: var(--ink) !important;
  overflow-x: clip;
}
@supports not (overflow: clip){
  .lp-s2{ overflow-x: hidden; }
}

/*
  WRAP:
  - não usa aspect-ratio em telas > 1920 (isso gerava altura extra e “gap”)
  - usa container query pela largura real do wrap
*/
.lp-s2__wrap{
  width: 100%;
  position: relative;
  overflow: hidden;

  /* altura proporcional até 1920 e travada em 760 acima disso */
  height: clamp(0px, calc(100cqw * 760 / 1920), var(--stage-h));

  /* background saiu do wrap e foi para o STAGE (porque o stage é o que escala) */
  background: none;

  container-type: inline-size;
}

/*
  STAGE (1920x760):
  - escala usa 100cqw (largura do container), NÃO 100vw
  - quando >= 1920, escala = 1 (não cresce)
*/
.lp-s2__stage{
  position: absolute;
  top: 0;
  left: 50%;

  width: var(--stage-w);
  height: var(--stage-h);

  /* background no stage para escalar junto */
  background-image: var(--bg-url);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: var(--stage-w) var(--stage-h);

  --s: min(1, calc(100cqw / var(--stage-w)));

  transform: translateX(-50%) scale(var(--s));
  transform-origin: top center;

  will-change: transform;
}

/* WORK 1240 centralizada dentro do palco */
.lp-s2__work{
  position: absolute;
  top: 0;
  left: 50%;

  width: var(--work-w);
  height: var(--stage-h);

  transform: translateX(-50%);
}

/* Texto esquerda */
.lp-s2__top{
  position: absolute;
  left: 0;
  top: var(--pad-top);
  width: var(--work-w);
  text-align: left !important;
}

/* Linhas fixas */
.lp-s2__line{
  white-space: nowrap;
}

/* 40pt */
.lp-s2__t40{
  font-size: var(--pt-40) !important;
  font-weight: 300 !important;
  line-height: 1.10 !important;
  letter-spacing: 0.3px !important;
  margin: 0 !important;
  padding: 0 !important;
  color: var(--ink) !important;
}

/* 50pt */
.lp-s2__t50{
  font-size: var(--pt-50) !important;
  font-weight: 300 !important;
  line-height: 0.98 !important;
  letter-spacing: 0.35px !important;
  margin: 0 !important;
  padding: 0 !important;
  color: var(--accent) !important;
}

.lp-s2__accent{
  color: var(--accent) !important;
  font-weight: 300 !important;
}

.lp-s2__gap{
  height: 22px;
}

/* Imagem */
.lp-s2__family{
  position: absolute;
  left: var(--family-left);
  bottom: var(--pad-bottom);

  width: var(--family-w);
  height: var(--family-h);

  display: block;
  max-width: none;
}

/* Headline direita alinhada ao topo da foto */
.lp-s2__right{
  position: absolute;
  right: var(--right-right);

  top: calc(var(--stage-h) - var(--pad-bottom) - var(--family-h) + var(--right-top-offset));

  text-align: left;
  white-space: nowrap;
  color: var(--accent) !important;
}

/* Ajustes finos para tablet (sem mudar layout, só micro-escala interna) */
@media (max-width: 1024px){
  :root{
    --pad-top: 54px;
    --pad-bottom: 46px;

    --family-w: 700px;
    --family-h: 412px;
    --family-left: 40px;

    --right-right: 70px;
    --right-top-offset: 8px;

    --pt-40: 32pt;
    --pt-50: 42pt;
  }
}

/* =========================================================
   MOBILE/TABLET RESPONSIVO (BASE 932px) — SEM QUEBRAR DESKTOP
   - Mantém desktop intacto (todas regras acima continuam valendo fora do @media)
   - Usa o mesmo HTML (top, family, right)
   - Reflow em coluna única
   - Corrige “fundo não pega” via override de --bg-url no escopo da seção
   - Evita faixa branca/lateral: zera qualquer “boxed” do tema no wrap
   ========================================================= */
@media (max-width: 932px){

  /* 1) Blindagem de largura real (mata faixa lateral gerada por container do tema) */
  .lp-s2{
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow-x: clip;
  }
  @supports not (overflow: clip){
    .lp-s2{ overflow-x: hidden; }
  }

  .lp-s2__wrap{
    width: 100% !important;
    max-width: none !important;
    overflow: hidden !important;
    container-type: inline-size;
  }

  /* 2) Canvas base 932 (você deve ajustar o H conforme seu fundo vertical real) */
  .lp-s2__wrap{
    height: clamp(0px, calc(100cqw * var(--m-stage-h) / var(--m-stage-w)), var(--m-stage-h));
  }

  .lp-s2__stage{
    width: var(--m-stage-w);
    height: var(--m-stage-h);

    /* Fundo mobile: se você não tiver outro arquivo, deixe como o desktop.
       Se tiver, troque o caminho abaixo. */
    background-image: var(--m-bg-url);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: var(--m-stage-w) var(--m-stage-h);

    --s: min(1, calc(100cqw / var(--m-stage-w)));
    transform: translateX(-50%) scale(var(--s));
    transform-origin: top center;
  }

  .lp-s2__work{
    width: var(--m-work-w);
    height: var(--m-stage-h);
    transform: translateX(-50%);
  }

  /* 3) Variáveis mobile (escopo apenas no mobile) */
  .lp-s2{
    /* BASE */
    --m-stage-w: 932px;
    --m-stage-h: 1600px; /* AJUSTE: altura real do seu fundo vertical */
    --m-work-w: 880px;

    /* Fundo mobile (AJUSTE o arquivo se existir) */
    --m-bg-url: var(--bg-url); /* padrão: reutiliza o desktop */
    /* Exemplo se existir:
       --m-bg-url: url("/wp-content/uploads/2026/02/fundo-s2-mobile-932.webp");
    */

    /* Tipos */
    --m-t40: 60px;
    --m-t50: 88px;

    /* Espaçamentos e posições (AJUSTE FINO AQUI) */
    --m-top-y: 100px;
    --m-family-y: 590px;      /* sobe/desce a foto */
    --m-right-bottom: 140px;  /* sobe/desce "QUEREM GOVERNAR" */

    /* Foto */
    --m-family-w: 880px;
    --m-family-h: 518px;
  }

  /* 4) Tipografia mobile em px */
  .lp-s2__t40{
    font-size: var(--m-t40) !important;
    line-height: 1.08 !important;
    letter-spacing: 0.2px !important;
  }
  .lp-s2__t50{
    font-size: var(--m-t50) !important;
    line-height: 0.95 !important;
    letter-spacing: 0.3px !important;
  }

  /* 5) Permite quebra no mobile (desktop permanece nowrap) */
  .lp-s2__line{
    white-space: normal;
  }

  /* 6) Reflow coluna única */
  .lp-s2__top{
    left: 18px;
    top: var(--m-top-y);
    width: var(--m-work-w);
    text-align: left !important;
  }

  .lp-s2__gap{
    height: 50px;
  }

  .lp-s2__family{
    left: 50%;
    bottom: auto;
    top: var(--m-family-y);

    width: var(--m-family-w);
    height: var(--m-family-h);

    transform: translateX(-50%);
    max-width: none;

    border-radius: 18px;
    overflow: hidden;
  }

  .lp-s2__right{
    right: auto;
    top: auto;

    left: 50%;
    bottom: var(--m-right-bottom);

    width: var(--m-work-w);
    transform: translateX(-50%);

    text-align: center;
    white-space: normal;
    color: var(--accent) !important;
  }
}

/* Fallback para browsers sem cqw (raro) */
@supports not (width: 1cqw){
  @media (max-width: 932px){
    .lp-s2__wrap{
      height: clamp(0px, calc(100vw * var(--m-stage-h) / var(--m-stage-w)), var(--m-stage-h));
    }
    .lp-s2__stage{
      --s: min(1, calc(100vw / var(--m-stage-w)));
      transform: translateX(-50%) scale(var(--s));
    }
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-65b87d5 *//* =========================================================
   CASA REAL — SESSÃO 3 — CANVAS LOCK (1920x780)
   - >=1920: trava 1920x780 centralizado
   - <1920 : escala down sem cortar (usa container width real)
   - cards: 309x208, #d4cebc @ 80%
   - fontes e cores conforme solicitado
   ========================================================= */

.CR_S3_CANVAS,
.CR_S3_CANVAS *{
  box-sizing: border-box !important;
}

/* Isolamento forte contra tema/Elementor */
.CR_S3_CANVAS{
  --W: 1920px;
  --H: 730px;
  --WORK: 1240px;

  --INK: #444b2f;
  --ACC: #8a4a2f;

  /* #d4cebc com 80% */
  --CARD_BG: rgba(212, 206, 188, 0.80);

  --CARD_W: 350px;
  --CARD_H: 170px;
  --CARD_R: 24px;

  --GAP_X: 46px;
  --GAP_Y: 34px;

  --BAR_W: 1160px;
  --BAR_H: 66px;

  /* ajuste fino para o “gap” entre sessões (se o Elementor estiver empurrando) */
  --OFFSET_Y: 0px;

  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;

  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  color: var(--INK);
  line-height: 1;

  position: relative;
  isolation: isolate;
  transform: translateY(var(--OFFSET_Y));
}

/* zera margens colapsáveis */
.CR_S3_CANVAS h1,
.CR_S3_CANVAS h2,
.CR_S3_CANVAS h3,
.CR_S3_CANVAS p{
  margin: 0 !important;
  padding: 0 !important;
}

.CR_S3_CANVAS img{
  max-width: none !important;
  display: block;
  border: 0;
}

/* wrap vira container query (usa largura real do bloco, não 100vw) */
.CR_S3_CANVAS__wrap{
  width: 100%;
  margin: 0 !important;
  padding: 0 !important;

  display: flex;
  justify-content: center;
  align-items: flex-start;

  overflow: hidden;
  container-type: inline-size;
}

/* stage: canvas fixo */
.CR_S3_CANVAS__stage{
  width: var(--W);
  height: var(--H);

  background-image: url("/wp-content/uploads/2026/02/fundo-ver-claro-1-1920x800px.webp");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: var(--W) var(--H);

  transform-origin: top center;
  will-change: transform;
}

/* work: container interno 1240 */
.CR_S3_CANVAS__work{
  width: var(--WORK);
  height: var(--H);
  margin: 0 auto;

  display: flex;
  flex-direction: column;

  padding-top: 50px;
  padding-bottom: 26px;
}

/* Títulos conforme solicitado */
.CR_S3_CANVAS__head{
  padding-left: 40px;
}

.CR_S3_CANVAS__t1{
  font-size: 30pt;
  font-weight: 300;
  line-height: 1.05;
  letter-spacing: 0.3px;
  white-space: nowrap;
  text-transform: uppercase;
  color: var(--INK);
}

.CR_S3_CANVAS__t2{
  margin-top: 10px !important;
  font-size: 28pt;
  font-weight: 300;
  line-height: 1.05;
  letter-spacing: 0.2px;
  white-space: nowrap;
  text-transform: uppercase;
  color: var(--INK);
}

.CR_S3_CANVAS__acc{
  color: var(--ACC);
  font-weight: 300;
}

/* Grid 3x2 */
.CR_S3_CANVAS__grid{
  margin-top: 44px !important;

  display: grid;
  grid-template-columns: repeat(3, var(--CARD_W));
  grid-auto-rows: var(--CARD_H);
  column-gap: var(--GAP_X);
  row-gap: var(--GAP_Y);

  justify-content: center;
}

/* Cards: 309x208, #d4cebc com 80% */
.CR_S3_CANVAS__card{
  width: var(--CARD_W);
  height: var(--CARD_H);
  border-radius: var(--CARD_R);

  background: var(--CARD_BG);

  /* contorno sutil + sombra suave (print-like) */
  border: 1px solid rgba(68, 75, 47, 0.18);
  box-shadow:
    0 12px 18px rgba(0,0,0,0.18),
    inset 0 0 0 1px rgba(255,255,255,0.45);

  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;

  padding: 18px 16px 16px;
}

/* Ícones */
.CR_S3_CANVAS__icon{
  height: 90px !important;
  transform: scale(0.92);
  transform-origin: center top;
}

.CR_S3_CANVAS__txt{
  margin-top: 10px !important;
  width: 92%;

  font-size: 10pt;
  font-weight: 400;
  line-height: 1.18;
  letter-spacing: 0.15px;
  text-align: center;
  text-transform: uppercase;

  color: var(--INK);
}

/* Barra inferior */
.CR_S3_CANVAS__bar{
  margin-top: 40px !important;

  width: var(--BAR_W);
  height: var(--BAR_H);

  border-radius: 18px;

  background: var(--CARD_BG);
  border: 1px solid rgba(68, 75, 47, 0.18);

  box-shadow:
    0 10px 16px rgba(0,0,0,0.16),
    inset 0 0 0 1px rgba(255,255,255,0.45);

  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;

  font-size: 18pt;
  font-weight: 300;
  letter-spacing: 0.2px;
  text-transform: uppercase;
  white-space: nowrap;

  margin-left: auto !important;
  margin-right: auto !important;
}

.CR_S3_CANVAS__barInk{ color: var(--INK); font-weight: 400; }
.CR_S3_CANVAS__barAcc{ color: var(--ACC); font-weight: 400; }

/* =========================================================
   TRAVA EM >=1920 (nada cresce)
   ========================================================= */
@container (min-width: 1920px){
  .CR_S3_CANVAS__wrap{ height: var(--H); }
  .CR_S3_CANVAS__stage{ transform: none; }
}

/* =========================================================
   SCALE DOWN EM <1920 (sem cortar; usa 100cqw do container real)
   ========================================================= */
@container (max-width: 1919px){
  .CR_S3_CANVAS__wrap{
    height: calc(100cqw * 780 / 1920);
  }
  .CR_S3_CANVAS__stage{
    transform: scale(calc(100cqw / 1920));
  }
}

/* =========================================================
   MOBILE OVERRIDES — BASE 932px (SEM QUEBRAR DESKTOP)
   - Fundo “obedece” largura máxima 932px
   - <932: scale down proporcional, sem cortar
   - 1 coluna
   - Cards: 360x190
   - Texto card: 17pt (2 linhas)
   - Ícones: 106x99 (contain)
   - Título: 32pt e cores conforme layout oficial
   - Barra inferior com quebra e cores
   ========================================================= */

@media (max-width: 932px){

  .CR_S3_CANVAS{
    --WM: 932px;
    --HM: 3460px;

    --WORKM: 932px;

    --CARD_W_M: 730px;
    --CARD_H_M: 384px;
    --CARD_R_M: 26px;

    --GAP_Y_M: 26px;

    --ICON_W_M: 230px;
    --ICON_H_M: 160px;

    --TIT_PT_M: 50pt;
    --CARD_TXT_PT_M: 25pt;

    --HEAD_PAD_TOP_M: 120px;
    --HEAD_PAD_LEFT_M: 50px;

    --GRID_TOP_M: 80px;

    /* Barra maior */
    --BAR_W_M: 860px;
    --BAR_H_M: 220px;
    --BAR_PAD_X_M: 70px;
    --BAR_PAD_Y_M: 70px;

    --MOBILE_OFFSET_Y: 0px;
  }

  .CR_S3_CANVAS__wrap{
    overflow: hidden;
    justify-content: center;
    align-items: flex-start;
    container-type: inline-size;

    height: clamp(0px, calc(100cqw * var(--HM) / var(--WM)), var(--HM));
  }

  .CR_S3_CANVAS__stage{
    width: var(--WM);
    height: var(--HM);

    background-size: var(--WM) var(--HM);
    background-position: center top;

    --s: min(1, calc(100cqw / var(--WM)));
    transform: translateY(var(--MOBILE_OFFSET_Y)) scale(var(--s));
    transform-origin: top center;
  }

  .CR_S3_CANVAS__work{
    width: var(--WORKM);
    height: var(--HM);
    padding-top: 0;
    padding-bottom: 0;
  }

  .CR_S3_CANVAS__head{
    padding-left: var(--HEAD_PAD_LEFT_M);
    padding-top: var(--HEAD_PAD_TOP_M);
  }

  .CR_S3_CANVAS__t1{
    font-size: var(--TIT_PT_M);
    white-space: normal;
    line-height: 1.04;
    letter-spacing: 0.2px;
  }

  /* mais espaço entre T1 e T2 */
  .CR_S3_CANVAS__t2{
    font-size: var(--TIT_PT_M);
    white-space: normal;
    line-height: 1.04;
    letter-spacing: 0.2px;
    margin-top: 28px !important;
  }

  .CR_S3_CANVAS__grid{
    margin-top: var(--GRID_TOP_M) !important;

    grid-template-columns: 1fr;
    grid-auto-rows: var(--CARD_H_M);

    row-gap: calc(var(--GAP_Y_M) + 10px);
    column-gap: 0;

    justify-content: center;
    justify-items: center;

    /* MAIS CENTRALIZADO (antes estava puxando demais) */
    transform: translateX(12px);
  }

  .CR_S3_CANVAS__card{
    width: var(--CARD_W_M);
    height: var(--CARD_H_M);
    border-radius: var(--CARD_R_M);

    padding: 18px 18px 18px;

    background: var(--CARD_BG);

    justify-content: center;
    gap: 12px;
  }

  .CR_S3_CANVAS__icon{
    width: var(--ICON_W_M) !important;
    height: var(--ICON_H_M) !important;
    transform: none !important;
    object-fit: contain;
  }

  .CR_S3_CANVAS__txt{
    margin-top: 0 !important;
    width: 620px;
    max-width: 620px;

    font-size: var(--CARD_TXT_PT_M);
    line-height: 1.12;
    letter-spacing: 0.15px;
    text-transform: uppercase;
  }

  /* =========================================================
     BARRA: mantém seu material, mas garante “OU AO VIVO.” na mesma linha
     - não pode ser flex-column, senão cada span vira “linha”
     - aqui usamos GRID interno (não altera HTML)
     ========================================================= */
  .CR_S3_CANVAS__bar{
    width: var(--BAR_W_M);
    min-height: var(--BAR_H_M); /* garante altura maior */
    height: 440px;              /* permite crescer para baixo */

    margin-top: 100px !important;

    padding: var(--BAR_PAD_Y_M) var(--BAR_PAD_X_M);

    display: grid;
    grid-template-columns: 1fr;
    grid-auto-rows: min-content;
    row-gap: 12px;

    align-items: start;
    justify-items: start;

    white-space: normal;
    border-radius: 26px 0px;

    background: var(--CARD_BG);

    /* mais vazamento à direita */
    transform: translateX(90px);
  }

  /* Linha 1 */
  .CR_S3_CANVAS__bar > span:nth-child(1){
    display: block;
  }

  /* Linha 2 */
  .CR_S3_CANVAS__bar > span:nth-child(2){
    display: block;
  }

  /* Linha 3: “OU” + “AO VIVO.” juntos */
  .CR_S3_CANVAS__bar > span:nth-child(3),
  .CR_S3_CANVAS__bar > span:nth-child(4){
    display: inline;
    white-space: nowrap;
  }

  .CR_S3_CANVAS__bar > span:nth-child(3){
    margin-right: 12px;
  }

  .CR_S3_CANVAS__barInk{
    font-size: 40pt;
    letter-spacing: 0.2px;
    line-height: 1.02;
    font-weight: 400;
  }

  .CR_S3_CANVAS__barAcc{
    font-size: 40pt;
    letter-spacing: 0.2px;
    line-height: 1.02;
    font-weight: 400;
  }

  .CR_S3_CANVAS__bar > .CR_S3_CANVAS__barInk:nth-child(3){
    font-size: 40pt;
    opacity: 0.95;
  }
}

/* Fallback para browsers sem cqw */
@supports not (width: 1cqw){
  @media (max-width: 932px){
    .CR_S3_CANVAS__wrap{
      height: clamp(0px, calc(100vw * var(--HM) / var(--WM)), var(--HM));
    }
    .CR_S3_CANVAS__stage{
      --s: min(1, calc(100vw / var(--WM)));
      transform: translateY(var(--MOBILE_OFFSET_Y)) scale(var(--s));
    }
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3715354 *//* =========================================================
   CASA REAL — SESSÃO 4 — CANVAS LOCK (1920x760)
   - >=1920: trava 1920x760 centralizado
   - <1920 : escala down sem cortar (usa container width real)
   - fundo exato 1920x760 (sem cover)
   ========================================================= */

.CR_S4_CANVAS,
.CR_S4_CANVAS *{
  box-sizing: border-box !important;
}

.CR_S4_CANVAS{
  --W: 1920px;
  --H: 760px;
  --WORK: 1240px;

  --INK: rgba(44, 48, 35, 0.92);
  --TITLE: rgba(212, 206, 188, 0.92);
  --QUOTE: rgba(212, 206, 188, 0.90);

  /* pills */
  --PILL_W: 1140px;
  --PILL_H: 50px;
  --PILL_GAP: 12px;
  --PILL_R: 999px;

  --TITLE_PT: 32pt;
  --QUOTE_PT: 22pt;

  /* FULL BLEED real dentro de container do tema */
  position: relative;
  left: 50%;
  right: 50%;
  width: 100vw !important;
  margin-left: -50vw !important;
  margin-right: -50vw !important;

  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding: 0 !important;

  overflow-x: clip;
  isolation: isolate;

  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}
@supports not (overflow: clip){
  .CR_S4_CANVAS{ overflow-x: hidden; }
}

.CR_S4_CANVAS__wrap{
  width: 100%;
  display: flex;
  justify-content: center;

  overflow: hidden;
  container-type: inline-size;
}

/* STAGE 1920x760 com fundo travado e exato */
.CR_S4_CANVAS__stage{
  width: var(--W);
  height: var(--H);

  background-image: url("/wp-content/uploads/2026/02/fundo-verde-escuro-1920x760-1.webp");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: var(--W) var(--H);

  transform-origin: top center;
  will-change: transform;

  display: flex;
  justify-content: center;
}

.CR_S4_CANVAS__work{
  width: var(--WORK);
  height: var(--H);

  display: flex;
  flex-direction: column;
  align-items: center;

  padding-top: 44px;
  padding-bottom: 22px;
}

/* Título */
.CR_S4_CANVAS__title{
  font-size: var(--TITLE_PT);
  font-weight: 300;
  letter-spacing: 0.3px;
  text-transform: uppercase;
  white-space: nowrap;
  color: var(--TITLE);
  text-align: center;
}

/* Lista */
.CR_S4_CANVAS__list{
  margin-top: 15px !important;
  width: var(--PILL_W);

  display: flex;
  flex-direction: column;
  gap: var(--PILL_GAP);
}

/* Pill (agora suporta 1 ou 2 linhas naturalmente) */
.CR_S4_CANVAS__pill{
  width: 100%;
  min-height: var(--PILL_H);

  border-radius: var(--PILL_R);
  background: rgba(212, 206, 188, 0.55);

  border: 1px solid rgba(255,255,255,0.30);
  box-shadow:
    0 12px 18px rgba(0,0,0,0.22),
    inset 0 0 0 1px rgba(255,255,255,0.16);

  display: flex;
  align-items: center;          /* baseline */
  gap: 14px;

  padding: 2px 22px;           /* FIX: permite altura crescer sem hack */
}

/* Check */
.CR_S4_CANVAS__check{
  width: 34px;
  height: 34px;
  flex: 0 0 34px;

  border-radius: 999px;
  background: rgba(212,206,188,0.85);

  display: grid;
  place-items: center;

  color: #2f3425;
  font-weight: 700;
  font-size: 16px;
}

/* Texto (quebra natural garantida) */
.CR_S4_CANVAS__pillText{
  font-size: 12pt;
  font-weight: 400;
  letter-spacing: 0.2px;
  text-transform: uppercase;
  color: var(--INK);

  line-height: 1.22;
  max-width: calc(var(--PILL_W) - 34px - 14px - 44px); /* check + gap + paddings */
  white-space: normal;          /* permite quebrar */
  overflow-wrap: anywhere;
}

/* Quote final */
.CR_S4_CANVAS__quote{
  margin-top: auto !important;

  font-size: var(--QUOTE_PT);
  font-weight: 300;
  letter-spacing: 0.2px;
  text-transform: uppercase;
  color: var(--QUOTE);

  text-align: center;
  white-space: nowrap;
}

/* =============== LOCK >=1920 =============== */
@container (min-width: 1920px){
  .CR_S4_CANVAS__wrap{ height: var(--H); }
  .CR_S4_CANVAS__stage{ transform: none; }
}

/* =============== SCALE DOWN <1920 =============== */
@container (max-width: 1919px){
  .CR_S4_CANVAS__wrap{
    height: calc(100cqw * var(--H) / 1920);
  }
  .CR_S4_CANVAS__stage{
    transform: scale(calc(100cqw / 1920));
  }
}

/* Fallback sem container queries */
@supports not (container-type: inline-size){
  .CR_S4_CANVAS__wrap{
    height: clamp(0px, calc(100vw * var(--H) / 1920), var(--H));
  }
  .CR_S4_CANVAS__stage{
    transform: scale(min(1, calc(100vw / 1920)));
  }
}

.CR_S4_CANVAS__stage{
  position: relative;
}

.CR_S4_CANVAS__stage::after{
  content: "";
  position: absolute;

  width: 640px;
  height: 560px;

  right: -140px;
  top: 110px;

  background: url("/wp-content/uploads/2026/02/traco-organico-bege-640px.webp")
    no-repeat center / 640px 560px;

  opacity: 0.50 !important; /* 70% transparente */
  pointer-events: none;
  z-index: 1;
}

/* =========================================================
   CASA REAL — SESSÃO 4 — MOBILE OVERRIDES (BASE 932x1920)
   OBJETIVO: reproduzir quebras do print (932x1920) via:
   - largura do pill
   - largura útil do texto (max-width)
   - tipografia (size/line-height/spacing)
   ========================================================= */

@media (max-width: 932px){

  .CR_S4_CANVAS{
    --WM: 932px;
    --HM: 1920px;

    /* IMPORTANTE: no mobile, não usar o full-bleed 100vw */
    left: auto !important;
    right: auto !important;
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;

    /* ====== CONTROLES DO LAYOUT (932) ====== */
    --WORKM: 932px;

    /* Título */
    --TITLE_FS: 70px;        /* equivalente visual do print */
    --TITLE_LH: 1.04;
    --TITLE_ML: 80px;        /* recuo esquerdo como no print */
    --TITLE_MT: 80px;       /* distância do topo */

    /* Pills (cards) */
    --PILL_W_M: 820px;       /* largura do pill como no print (não 100%) */
    --PILL_MINH_M: 54px;     /* base; cresce quando vira 2 linhas */
    --PILL_GAP_M: 20px;      /* espaçamento vertical do print */
    --PILL_PAD_X: 30px;
    --PILL_PAD_Y: 20px;
    --PILL_R: 999px;

    /* Check */
    --CHECK_S: 50px;
    --CHECK_GAP: 16px;

    /* Texto do pill (aqui mora a quebra “igual print”) */
    --PILL_TXT_FS: 32px;     /* tamanho realista do print 932 */
    --PILL_TXT_LH: 1.20;     /* compacto como no print */
    --PILL_TXT_LS: 0.2px;
    --PILL_TXT_MAX: 700px;   /* CHAVE: força as mesmas quebras do layout */

    /* Quote */
    --QUOTE_FS: 60px;
    --QUOTE_LH: 1.14;
    --QUOTE_W: 820px;
    --QUOTE_MB: 110px;
  }

  /* Canvas lock mobile 932x1920 */
  .CR_S4_CANVAS__wrap{
    overflow: hidden;
    container-type: inline-size;
    height: clamp(0px, calc(100cqw * var(--HM) / var(--WM)), var(--HM));
    display: flex;
    justify-content: center;
  }

  .CR_S4_CANVAS__stage{
    width: var(--WM);
    height: var(--HM);

    background-size: var(--WM) var(--HM);
    background-position: center top;
    background-repeat: no-repeat;

    --s: min(1, calc(100cqw / var(--WM)));
    transform: scale(var(--s));
    transform-origin: top center;

    display: flex;
    justify-content: center;
    position: relative;
  }

  .CR_S4_CANVAS__work{
    width: var(--WORKM);
    height: var(--HM);

    padding: 0 !important;
    display: flex;
    flex-direction: column;
    align-items: flex-start; /* como no print */
  }

  /* TÍTULO */
  .CR_S4_CANVAS__title{
    margin: 0 !important;
    margin-top: var(--TITLE_MT) !important;
    margin-left: var(--TITLE_ML) !important;

    font-size: var(--TITLE_FS) !important;
    line-height: var(--TITLE_LH) !important;
    letter-spacing: 0.3px !important;

    text-align: left !important;
    white-space: normal !important;
  }

  /* LISTA */
  .CR_S4_CANVAS__list{
    margin: 0 auto !important;
    margin-top: 70px !important;

    width: var(--PILL_W_M) !important;
    display: flex;
    flex-direction: column;
    gap: var(--PILL_GAP_M) !important;
  }

  /* PILL */
  .CR_S4_CANVAS__pill{
    width: 100% !important;
    min-height: var(--PILL_MINH_M) !important;

    border-radius: var(--PILL_R) !important;

    padding: var(--PILL_PAD_Y) var(--PILL_PAD_X) !important;
    gap: var(--CHECK_GAP) !important;

    display: flex !important;
    align-items: flex-start !important; /* garante que multi-linha fique como no print */
  }

  /* CHECK */
  .CR_S4_CANVAS__check{
    width: var(--CHECK_S) !important;
    height: var(--CHECK_S) !important;
    flex: 0 0 var(--CHECK_S) !important;

    font-size: 16px !important;
    margin-top: 20px !important; /* encaixe vertical do print */
  }

  /* TEXTO DO PILL (QUEBRAS IGUAIS AO PRINT) */
  .CR_S4_CANVAS__pillText{
    font-size: var(--PILL_TXT_FS) !important;
    line-height: var(--PILL_TXT_LH) !important;
    letter-spacing: var(--PILL_TXT_LS) !important;

    white-space: normal !important;
    overflow-wrap: anywhere !important;

    /* CHAVE: largura útil do texto */
    max-width: var(--PILL_TXT_MAX) !important;
  }

  /* QUOTE */
  .CR_S4_CANVAS__quote{
    width: var(--QUOTE_W) !important;

    margin: 0 auto !important;
    margin-top: 60px !important;
    margin-bottom: var(--QUOTE_MB) !important;

    font-size: var(--QUOTE_FS) !important;
    line-height: var(--QUOTE_LH) !important;

    text-align: left !important;   /* igual ao print */
    white-space: normal !important;/* permite quebrar */
  }

  /* Traço orgânico: reposiciona para 932x1920 */
  .CR_S4_CANVAS__stage::after{
    width: 720px;
    height: 520px;

    right: -60px;
    top: 0px;

    background-size: 600px 600px;
    opacity: 0.50 !important;
  }
}

/* Fallback sem cqw */
@supports not (width: 1cqw){
  @media (max-width: 932px){
    .CR_S4_CANVAS__wrap{
      height: clamp(0px, calc(100vw * var(--HM) / var(--WM)), var(--HM));
    }
    .CR_S4_CANVAS__stage{
      transform: scale(min(1, calc(100vw / var(--WM))));
      transform-origin: top center;
    }
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8042994 *//* =========================================================
   CASA REAL — SESSÃO 5 — CANVAS LOCK (1920x1000)
   - SEM traço/borda nos cards e SEM sombras (conforme seu layout)
   - work interno: 1100px
   - painel PRESENCIAL: fundo marrom-claro
   - painel ONLINE: fundo verde-claro
   - cards e tipografia ajustados por px para aproximar do print
   ========================================================= */

.CR_S5_CANVAS,
.CR_S5_CANVAS *{ box-sizing: border-box !important; }

.CR_S5_CANVAS{
  --W: 1920px;
  --H: 800px;
  --WORK: 1100px;

  --INK: #3f4a34;
  --ACC: #8a4a2f;

  --GREEN: #3b4a2e;
  --ORANGE: #9a4f32;

  /* FUNDOS CORRETOS DOS PAINÉIS */
  --PRES_BG: rgba(154, 79, 50, 0.16);  /* marrom-claro do Presencial */
  --ONLINE_BG: rgba(63, 74, 52, 0.16); /* verde-claro do Online */

  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;

  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  line-height: 1;

  overflow-x: clip;
  position: relative;
  isolation: isolate;
}
@supports not (overflow: clip){ .CR_S5_CANVAS{ overflow-x: hidden; } }

.CR_S5_CANVAS h1, .CR_S5_CANVAS h2, .CR_S5_CANVAS h3, .CR_S5_CANVAS p{
  margin: 0 !important;
  padding: 0 !important;
}

.CR_S5_CANVAS__wrap{
  width: 100%;
  display: flex;
  justify-content: center;
  overflow: hidden;
  container-type: inline-size;
}

.CR_S5_CANVAS__stage{
  width: var(--W);
  height: var(--H);
  position: relative;

  background-image: url("/wp-content/uploads/2026/02/fundo-claro-1920-1000-50.webp");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: var(--W) var(--H);

  transform-origin: top center;
  will-change: transform;

  display: flex;
  justify-content: center;
}

.CR_S5_CANVAS__work{
  width: var(--WORK);
  height: var(--H);
  padding-top: 56px;
  padding-bottom: 34px;

  display: flex;
  flex-direction: column;
  align-items: center;
}

/* =========================================================
   TÍTULO
   ========================================================= */
.CR_S5_CANVAS__head{ width: 100%; text-align: center; }

.CR_S5_CANVAS__h1{
  font-size: 30pt;
  font-weight: 300;
  letter-spacing: 0.3px;
  text-transform: uppercase;
  color: var(--INK);
  white-space: nowrap;
}
.CR_S5_CANVAS__acc{ color: var(--ACC); font-weight: 500; }

/* =========================================================
   PAINÉIS (sem borda/traço e sem sombra)
   ========================================================= */
.CR_S5_CANVAS__panel{
  width: 100%;
  border-radius: 18px;
  border: 0;
  box-shadow: none;
}

.CR_S5_CANVAS__panel--pres{
  margin-top: 30px;
  padding: 18px 18px 16px;
  background: var(--PRES_BG);
}

.CR_S5_CANVAS__panel--online{
  margin-top:20px;
  padding: 14px 16px 14px;
  border-radius: 14px;
  background: var(--ONLINE_BG);
}

.CR_S5_CANVAS__panelTitle{
  width: 100%;
  display: flex;
  align-items: baseline;
  gap: 10px;

  padding-left: 10px;
  margin-bottom: 12px;

  font-size: 16pt;
  font-weight: 400;
  letter-spacing: 0.2px;
  text-transform: uppercase;
  color: var(--INK);
}
.CR_S5_CANVAS__panelTitle--online{ margin-bottom: 10px; }

.CR_S5_CANVAS__panelInk{ color: var(--INK); }
.CR_S5_CANVAS__panelAcc{ color: var(--ACC); font-weight: 600; }
.CR_S5_CANVAS__sep{ color: var(--ACC); opacity: 0.9; }

/* =========================================================
   GRID 2x2
   ========================================================= */
.CR_S5_CANVAS__grid{
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 34px;
  row-gap: 22px;
}

/* =========================================================
   TICKETS PRESENCIAL
   ========================================================= */
.CR_S5_CANVAS__ticket{
  position: relative;
  padding: 0;
  background: transparent;
  border-radius: 0;
  min-height: 150px;
}

.CR_S5_CANVAS__ticketBox{
  width: 412px;
  height: 132px;
  border-radius: 12px;
  background: var(--GREEN);
  color: #f3f1ea;

  padding: 20px 20px;

  margin: 0 auto;
  box-shadow: none;
  border: 0;
}

.CR_S5_CANVAS__ticketLabel{
  font-size: 15px;
  letter-spacing: 0.4px;
  text-transform: uppercase;
  opacity: 0.95;
}

.CR_S5_CANVAS__ticketPrice{
  margin-top: 15px;
  display: flex;
  align-items: baseline;
  gap: 8px;
  white-space: nowrap;
}

.CR_S5_CANVAS__rs{
  font-size: 30px;
  font-weight: 300;
  opacity: 0.95;
}

.CR_S5_CANVAS__val{
  font-size: 30px;
  font-weight: 300;
  letter-spacing: 0.2px;
}

.CR_S5_CANVAS__vista{
  font-size: 10px;
  font-weight: 300;
  letter-spacing: 0.3px;
  text-transform: uppercase;
  opacity: 0.90;
}

.CR_S5_CANVAS__ticketSub{
  margin-top: 6px;
  font-size: 12px;
  letter-spacing: 0.2px;
  text-transform: uppercase;
  opacity: 0.85;
}

/* =========================================================
   BOTÕES
   ========================================================= */
.CR_S5_CANVAS__buy{
  display: inline-flex;
  align-items: center;
  justify-content: center;

  height: 60px;
  min-width: 230px;
  padding: 0 18px;

  border-radius: 12px;
  text-decoration: none;

  font-size: 22px;
  font-weight: 400;
  letter-spacing: 0.25px;
  text-transform: uppercase;

  /* traço (borda) solicitado */
  border: 1px solid #d4cebc;

  box-shadow: none;
  cursor: pointer;

  transition: color .18s ease, filter .18s ease;
}

/* estado normal (trava cor do texto contra tema) */
.CR_S5_CANVAS a.CR_S5_CANVAS__buy,
.CR_S5_CANVAS a.CR_S5_CANVAS__buy:link,
.CR_S5_CANVAS a.CR_S5_CANVAS__buy:visited{
  color: #f3f1ea !important;
  text-decoration: none !important;
}

/* Hover do TEXTO conforme solicitado (fundo não muda) */
.CR_S5_CANVAS a.CR_S5_CANVAS__buy--orange:hover,
.CR_S5_CANVAS a.CR_S5_CANVAS__buy--orange:focus,
.CR_S5_CANVAS a.CR_S5_CANVAS__buy--orange:focus-visible{
  color: #3b4a2e !important;
  filter: contrast(1.08) saturate(1.06);
}

.CR_S5_CANVAS a.CR_S5_CANVAS__buy--green:hover,
.CR_S5_CANVAS a.CR_S5_CANVAS__buy--green:focus,
.CR_S5_CANVAS a.CR_S5_CANVAS__buy--green:focus-visible{
  color: #9a4f32 !important;
  filter: contrast(1.08) saturate(1.06);
}

.CR_S5_CANVAS__buy--orange{
  background: var(--ORANGE);
  color: #f3f1ea;

  position: absolute;
  left: 75%;
  top: 84px;
  transform: translateX(-50%);
  z-index: 3;
}

.CR_S5_CANVAS__panelFoot{
  margin-top: 20px;
  text-align: center;

  font-size: 15pt;
  font-weight: 400;
  letter-spacing: 0.25px;
  text-transform: uppercase;

  color: var(--INK);
  opacity: 0.95;
}

/* =========================================================
   ONLINE
   ========================================================= */
.CR_S5_CANVAS__onlineRow{
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}

.CR_S5_CANVAS__onlineCard{
  position: relative;
  background: transparent;
  padding: 0;
  border-radius: 0;

  display: flex;
  align-items: center;
  min-height: 85px;
}

.CR_S5_CANVAS__onlineBox{
  width: 360px;
  height: 72px;
  border-radius: 12px;
  background: var(--ORANGE);
  padding: 13px 20px;
  color: #f3f1ea;

  box-shadow: none;
  border: 0;
}

.CR_S5_CANVAS__onlineTag{
  font-size: 15px;
  letter-spacing: 0.25px;
  text-transform: uppercase;
  opacity: 0.92;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.CR_S5_CANVAS__onlinePrice{
  margin-top: 6px;
  display: flex;
  align-items: baseline;
  gap: 8px;
  white-space: nowrap;
}

.CR_S5_CANVAS__buy--green{
  background: var(--GREEN);
  color: #f3f1ea;
}

.CR_S5_CANVAS__buy--online{
  position: absolute;
  left: 300px;
  top: 50%;
  transform: translateY(-50%);
  min-width: 160px;
  height: 50px;
  border-radius: 12px;
  font-size: 18px;
  z-index: 3;
}

/* =========================================================
   TRAVA >=1920 (não cresce)
   ========================================================= */
@container (min-width: 1920px){
  .CR_S5_CANVAS__wrap{ height: var(--H); }
  .CR_S5_CANVAS__stage{ transform: none; }
}

/* =========================================================
   SCALE DOWN <1920
   ========================================================= */
@container (max-width: 1919px){
  .CR_S5_CANVAS__wrap{
    height: calc(100cqw * var(--H) / 1920);
  }
  .CR_S5_CANVAS__stage{
    transform: scale(calc(100cqw / 1920));
  }
}

/* fallback sem container queries */
@supports not (container-type: inline-size){
  .CR_S5_CANVAS__wrap{
    height: clamp(0px, calc(100vw * var(--H) / 1920), var(--H));
  }
  .CR_S5_CANVAS__stage{
    transform: scale(min(1, calc(100vw / 1920)));
  }
}


/* =========================================================
   CASA REAL — SESSÃO 5 — MOBILE OVERRIDES (BASE 932x2630)
   - NÃO altera o Desktop (apenas override abaixo)
   - Base fixa: 932x2630 (não cresce acima)
   - <932: scale down proporcional, sem cortar
   - Presencial: 1 coluna + botão abaixo do ticket (DESLOCADO À DIREITA)
   - Online: 1 coluna + faixa laranja com botão verde à direita
   ========================================================= */

@media (max-width: 932px){

  .CR_S5_CANVAS{
    --WM: 932px;
    --HM: 2040px;

    /* Ajuste de “coluna” do conteúdo no mobile */
    --WORKM: 932px;

    /* Painéis (largura útil) */
    --PANEL_W_M: 860px;

    /* Espaçamentos verticais gerais */
    --S5_PAD_TOP_M: 90px;
    --S5_PAD_BOTTOM_M: 90px;

    /* Título */
    --H1_FS_M: 54px;
    --H1_LH_M: 1.04;

    /* Título dos painéis */
    --PANEL_T_FS_M: 50px;

    /* Ticket (caixa verde) */
    --TICKET_BOX_W_M: 650px;
    --TICKET_BOX_H_M: 170px;
    --TICKET_BOX_R_M: 20px;

    /* Botão */
    --BUY_W_M: 320px;
    --BUY_H_M: 100px;
    --BUY_FS_M: 30px;

    /* Online (faixa laranja) — AJUSTES SOLICITADOS */
    --ONLINE_BOX_W_M: 640px;   /* era 560px -> faixa laranja maior */
    --ONLINE_BOX_H_M: 118px;   /* era 90px  -> faixa laranja mais alta */
    --ONLINE_GAP_M: 10px;      /* era 16px  -> aproxima botão da faixa */

    /* Reset de qualquer herança de full-bleed problemática no mobile */
    width: 100% !important;
  }

  /* Wrap como container query do mobile */
  .CR_S5_CANVAS__wrap{
    overflow: hidden;
    container-type: inline-size;

    display: flex;
    justify-content: center;

    /* altura proporcional até 932 e travada no HM acima disso */
    height: clamp(0px, calc(100cqw * var(--HM) / var(--WM)), var(--HM));
  }

  /* Stage = canvas dedicado 932x2630, com scale-down abaixo */
  .CR_S5_CANVAS__stage{
    width: var(--WM);
    height: var(--HM);

    background-repeat: no-repeat;
    background-position: center top;

    /* mantém o mesmo fundo do desktop; se houver fundo mobile, troque aqui */
    background-image: url("/wp-content/uploads/2026/02/fundo-claro-1920-1000-50.webp");
    background-size: var(--WM) var(--HM);

    --s: min(1, calc(100cqw / var(--WM)));
    transform: scale(var(--s));
    transform-origin: top center;

    display: flex;
    justify-content: center;
  }

  /* Work = coluna 932 */
  .CR_S5_CANVAS__work{
    width: var(--WORKM);
    height: var(--HM);

    padding-top: var(--S5_PAD_TOP_M);
    padding-bottom: var(--S5_PAD_BOTTOM_M);

    display: flex;
    flex-direction: column;
    align-items: center;
  }

  /* Título principal */
  .CR_S5_CANVAS__head{ width: 100%; text-align: center; }

  .CR_S5_CANVAS__h1{
    font-size: var(--H1_FS_M) !important;
    line-height: var(--H1_LH_M) !important;
    white-space: normal !important;
  }

  /* Painéis centralizados na coluna (como no print) */
  .CR_S5_CANVAS__panel{
    width: var(--PANEL_W_M) !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .CR_S5_CANVAS__panel--pres{
    margin-top: 44px !important;
    padding: 26px 22px 26px !important;
    border-radius: 18px !important;
  }

  /* CARD VERDE (ONLINE) — AJUSTE SOLICITADO: maior */
  .CR_S5_CANVAS__panel--online{
    margin-top: 34px !important;

    /* era 22/22/22 -> aumenta área verde */
    padding: 30px 26px 30px !important;

    border-radius: 18px !important;
  }

  /* Título dos painéis */
  .CR_S5_CANVAS__panelTitle{
    font-size: var(--PANEL_T_FS_M) !important;
    padding-left: 10px !important;
    margin-bottom: 18px !important;
    white-space: normal !important;
  }

  /* =========================================================
     PRESENCIAL: grid vira 1 coluna
     ========================================================= */
  .CR_S5_CANVAS__grid{
    grid-template-columns: 1fr !important;
    column-gap: 0 !important;
    row-gap: 40px !important;
    width: 100% !important;
  }

  .CR_S5_CANVAS__ticket{
    min-height: auto !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    position: relative !important;
  }

  .CR_S5_CANVAS__ticketBox{
    width: var(--TICKET_BOX_W_M) !important;
    height: var(--TICKET_BOX_H_M) !important;
    border-radius: var(--TICKET_BOX_R_M) !important;

    padding: 22px 22px !important;
    margin: 0 auto !important;
  }

  /* Tipos internos do ticket (ajustes finos para o print) */
  .CR_S5_CANVAS__ticketLabel{
    font-size: 32px !important;
    letter-spacing: 0.35px !important;
  }

  .CR_S5_CANVAS__ticketPrice{
    margin-top: 16px !important;
  }

  .CR_S5_CANVAS__rs,
  .CR_S5_CANVAS__val{
    font-size: 50px !important;
  }

  .CR_S5_CANVAS__vista{
    font-size: 24px !important;
  }

  .CR_S5_CANVAS__ticketSub{
    font-size: 24px !important;
    margin-top: 10px !important;
  }

  /* =========================================================
     BOTÃO PRESENCIAL (LARANJA)
     - remove posicionamento absoluto do desktop e coloca abaixo
     - AJUSTE: desloca o botão para a direita
     ========================================================= */
  .CR_S5_CANVAS__buy--orange{
    position: static !important;
    left: auto !important;
    top: auto !important;
    transform: none !important;

    margin-top: -60px !important;

    width: var(--BUY_W_M) !important;
    min-width: var(--BUY_W_M) !important;
    height: var(--BUY_H_M) !important;

    font-size: var(--BUY_FS_M) !important;
    border-radius: 14px !important;

    /* AJUSTE (solicitado): botão mais à direita */
    align-self: flex-end !important;
    margin-right: 60px !important; /* ajuste fino: 40–90px conforme o print */
  }

  /* Rodapé do painel presencial (3 linhas no print) */
  .CR_S5_CANVAS__panelFoot{
    margin-top: 36px !important;
    margin-bottom: 36px !important;
    font-size: 40px !important;
    line-height: 1.18 !important;
    white-space: normal !important;
    text-align: center !important;
  }

  /* =========================================================
     ONLINE: 1 coluna, faixa laranja + botão verde à direita
     ========================================================= */
  .CR_S5_CANVAS__onlineRow{
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    width: 100% !important;
  }

  .CR_S5_CANVAS__onlineCard{
    min-height: 160px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    position: relative !important;
    gap: var(--ONLINE_GAP_M) !important;
  }

  /* Faixa laranja — AJUSTE SOLICITADO: maior */
  .CR_S5_CANVAS__onlineBox{
    width: var(--ONLINE_BOX_W_M) !important;
    height: var(--ONLINE_BOX_H_M) !important;
    border-radius: 20px !important;

    padding: 18px 22px !important; /* mais corpo */
  }

  /* Tag do online: NÃO truncar no mobile */
  .CR_S5_CANVAS__onlineTag{
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;

    font-size: 28px !important;
    line-height: 1.12 !important; /* leve ajuste para caber melhor no novo box */
  }

  .CR_S5_CANVAS__onlinePrice{
    margin-top: 10px !important;
  }

  /* Botão verde do online — AJUSTE SOLICITADO: maior e “entra” no laranja */
  .CR_S5_CANVAS__buy--online{
    position: static !important;
    left: auto !important;
    top: auto !important;
    transform: none !important;

    min-width: 250px !important; /* era 210px */
    width: 250px !important;
    height: 90px !important;     /* era 64px */

    border-radius: 20px !important;
    font-size: 30px !important;  /* era 28px */

    /* ENTRAR no card laranja */
    margin-left: -116px !important; /* ajuste fino: -16 a -44 */
    position: relative !important;
    z-index: 5 !important;
  }
}

/* =========================================================
   FALLBACK (sem cqw)
   ========================================================= */
@supports not (width: 1cqw){
  @media (max-width: 932px){
    .CR_S5_CANVAS__wrap{
      height: clamp(0px, calc(100vw * var(--HM) / var(--WM)), var(--HM));
    }
    .CR_S5_CANVAS__stage{
      --s: min(1, calc(100vw / var(--WM)));
      transform: scale(var(--s));
      transform-origin: top center;
    }
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f675c14 *//* =========================================================
   CASA REAL — SESSÃO 6 — CANVAS LOCK (1920x760)
   - >=1920: trava 1920x760 (não cresce)
   - <1920 : scale down sem cortar (container queries)
   - cards: sem borda/traço e sem sombra
   - cards: menos transparência + +5px altura
   - título: "NÃO É UM PALCO" verde escuro | "É UMA MESA" marrom e mais grosso
   - traço orgânico verde à esquerda, vazando sem scroll
   - CTA laranja (âncora interna para Sessão 5) + movimento no hover
   ========================================================= */

.CR_S6_CANVAS,
.CR_S6_CANVAS *{ box-sizing: border-box !important; }

.CR_S6_CANVAS{
  --W: 1920px;
  --H: 760px;

  --WORK: 1240px;

  /* CORES */
  --INK: #e6e0cf;          /* texto claro nos cards */
  --TITLE_GREEN: #3b4a2e;  /* "NÃO É UM PALCO" */
  --ACC: #9a4f32;          /* "É UMA MESA" + CTA */

  /* cards/barras (verde escuro com menos transparência) */
  --PANEL: rgba(59, 74, 46, 0.72);

  /* FUNDO */
  --BG_URL: url("/wp-content/uploads/2026/02/fundo-ver-claro-1-1920x800px.webp");

  /* traço orgânico */
  --TRACE_URL: url("/wp-content/uploads/2026/02/traco-organico-verde-640px.webp");
  --TRACE_W: 640px;
  --TRACE_H: 560px;
  --TRACE_OP: 0.38;

  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;

  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  line-height: 1;
  color: var(--INK);

  overflow-x: clip;
  position: relative;
  isolation: isolate;
}
@supports not (overflow: clip){ .CR_S6_CANVAS{ overflow-x: hidden; } }

.CR_S6_CANVAS h1, .CR_S6_CANVAS h2, .CR_S6_CANVAS h3, .CR_S6_CANVAS p{
  margin: 0 !important;
  padding: 0 !important;
}

.CR_S6_CANVAS img{
  max-width: none !important;
  display: block;
  border: 0;
}

/* wrap usa largura real do container (Elementor-safe) */
.CR_S6_CANVAS__wrap{
  width: 100%;
  margin: 0 !important;
  padding: 0 !important;

  display: flex;
  justify-content: center;
  align-items: flex-start;

  overflow: hidden;
  container-type: inline-size;
}

/* stage: canvas fixo */
.CR_S6_CANVAS__stage{
  width: var(--W);
  height: var(--H);
  position: relative;

  background-image: var(--BG_URL);
  background-repeat: no-repeat;
  background-position: center top;

  /* mantém proporção do canvas (sem cover) */
  background-size: var(--W) var(--H);

  transform-origin: top center;
  will-change: transform;
}

/* traço orgânico (atrás, vazando sem scroll) */
.CR_S6_CANVAS__stage::before{
  content: "";
  position: absolute;

  width: var(--TRACE_W);
  height: var(--TRACE_H);

  left: -240px;
  bottom: -86px;

  background: var(--TRACE_URL) no-repeat center / var(--TRACE_W) var(--TRACE_H);
  opacity: var(--TRACE_OP);

  pointer-events: none;
  z-index: 1;
}

/* work: área de conteúdo */
.CR_S6_CANVAS__work{
  width: var(--WORK);
  height: var(--H);
  margin: 0 auto;

  position: relative;
  z-index: 2;

  display: flex;
  flex-direction: column;
  align-items: flex-start;

  padding-top: 60px;
}

/* títulos */
.CR_S6_CANVAS__head{
  width: 100%;
  padding-left: 18px;
}

.CR_S6_CANVAS__h1{
  font-size: 36pt;
  font-weight: 300;
  letter-spacing: 0.3px;
  text-transform: uppercase;
  color: var(--TITLE_GREEN);
  opacity: 0.92;
  white-space: nowrap;
}

.CR_S6_CANVAS__h2{
  margin-top: 10px !important;
  font-size: 40pt;
  font-weight: 600; /* mais grosso como no print */
  letter-spacing: 0.3px;
  text-transform: uppercase;
  color: var(--ACC); /* "É UMA" também marrom */
  white-space: nowrap;
}

.CR_S6_CANVAS__acc{
  color: var(--ACC);
  font-weight: 700; /* "MESA" mais forte */
}

/* cards: 3 colunas */
.CR_S6_CANVAS__cards{
  margin-top: 72px !important;
  width: 100%;

  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;

  padding-left: 18px;
  padding-right: 18px;
}

/* card: sem borda/traço e sem sombra | +5px altura | menos transparência */
.CR_S6_CANVAS__card{
  height: 180px; /* +5px */
  border-radius: 14px;

  background: var(--PANEL);

  border: 0;
  box-shadow: none;

  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;

  padding: 22px 18px 16px;
}

.CR_S6_CANVAS__icon{
  height: 52px !important;
  width: auto !important;
  opacity: 0.92;
  margin-top: 2px;
}

/* título e descrição dentro do card */
.CR_S6_CANVAS__cardTitle{
  margin-top: 14px !important;

  font-size: 18pt;
  font-weight: 400;
  letter-spacing: 0.25px;
  text-transform: uppercase;
  color: var(--INK);
  opacity: 0.95;

  white-space: nowrap;
}

.CR_S6_CANVAS__cardDesc{
  margin-top: 10px !important;

  font-size: 11pt;
  font-weight: 300;
  letter-spacing: 0.2px;
  text-transform: uppercase;
  text-align: center;

  color: var(--INK);
  opacity: 0.86;

  width: 92%;
  line-height: 1.2;
}

/* barra inferior */
.CR_S6_CANVAS__bar{
  margin-top: 58px !important;

  width: calc(100% - 36px);
  margin-left: 18px !important;
  margin-right: 18px !important;

  height: 82px;
  border-radius: 14px;

  background: var(--PANEL);

  border: 0;
  box-shadow: none;

  display: flex;
  align-items: center;
  justify-content: center;

  padding: 0 26px;

  font-size: 18pt;
  font-weight: 400;
  letter-spacing: 0.25px;
  text-transform: uppercase;
  text-align: center;

  color: var(--INK);
  opacity: 0.92;

  white-space: nowrap;
}

/* =========================================================
   CTA (âncora interna para Sessão 5)
   - movimento no hover (sem alterar layout)
   ========================================================= */
.CR_S6_CANVAS__cta{
  position: absolute;
  left: 50%;
  bottom: 40px;
  transform: translateX(-50%);

  width: 800px;
  height: 100px;

  border-radius: 18px;

  background: var(--ACC);
  border: 0;
  box-shadow: none;

  display: flex;
  align-items: center;
  justify-content: center;

  text-decoration: none;
  cursor: pointer;

  font-size: 18pt;
  font-weight: 600;
  letter-spacing: 0.35px;
  text-transform: uppercase;

  color: var(--INK);

  /* MOVIMENTO (micro-interação) */
  transition:
    transform 180ms ease,
    filter 180ms ease,
    color 180ms ease;
  will-change: transform, filter;
}

.CR_S6_CANVAS__cta:link,
.CR_S6_CANVAS__cta:visited{ color: var(--INK); }

.CR_S6_CANVAS__cta:hover{
  /* mantém a mesma base, só aumenta contraste e move */
  transform: translateX(-50%) translateY(-4px);
  filter: brightness(1.08) saturate(1.03);
  color: #f3f1ea; /* proibido preto */
}

.CR_S6_CANVAS__cta:active{
  /* efeito "pressionar" */
  transform: translateX(-50%) translateY(-1px);
  filter: brightness(1.03) saturate(1.02);
}

/* foco acessível sem ficar preto */
.CR_S6_CANVAS__cta:focus-visible{
  outline: 2px solid rgba(230, 224, 207, 0.9);
  outline-offset: 4px;
}

/* =========================================================
   TRAVA >=1920 (não cresce)
   ========================================================= */
@container (min-width: 1920px){
  .CR_S6_CANVAS__wrap{ height: var(--H); }
  .CR_S6_CANVAS__stage{ transform: none; }
}

/* =========================================================
   SCALE DOWN <1920
   ========================================================= */
@container (max-width: 1919px){
  .CR_S6_CANVAS__wrap{
    height: calc(100cqw * var(--H) / 1920);
  }
  .CR_S6_CANVAS__stage{
    transform: scale(calc(100cqw / 1920));
  }
}

/* fallback sem container queries */
@supports not (container-type: inline-size){
  .CR_S6_CANVAS__wrap{
    height: clamp(0px, calc(100vw * var(--H) / 1920), var(--H));
  }
  .CR_S6_CANVAS__stage{
    transform: scale(min(1, calc(100vw / 1920)));
  }
}

/* =========================================================
   CASA REAL — SESSÃO 6 — CANVAS LOCK (1920x760)
   - >=1920: trava 1920x760 (não cresce)
   - <1920 : scale down sem cortar (container queries)
   - cards: sem borda/traço e sem sombra
   - cards: menos transparência + +5px altura
   - título: "NÃO É UM PALCO" verde escuro | "É UMA MESA" marrom e mais grosso
   - traço orgânico verde à esquerda, vazando sem scroll
   - CTA laranja (âncora interna para Sessão 5) + movimento no hover
   ========================================================= */

.CR_S6_CANVAS,
.CR_S6_CANVAS *{ box-sizing: border-box !important; }

.CR_S6_CANVAS{
  --W: 1920px;
  --H: 760px;

  --WORK: 1240px;

  /* CORES */
  --INK: #e6e0cf;          /* texto claro nos cards */
  --TITLE_GREEN: #3b4a2e;  /* "NÃO É UM PALCO" */
  --ACC: #9a4f32;          /* "É UMA MESA" + CTA */

  /* cards/barras (verde escuro com menos transparência) */
  --PANEL: rgba(59, 74, 46, 0.72);

  /* FUNDO */
  --BG_URL: url("/wp-content/uploads/2026/02/fundo-ver-claro-1-1920x800px.webp");

  /* traço orgânico */
  --TRACE_URL: url("/wp-content/uploads/2026/02/traco-organico-verde-640px.webp");
  --TRACE_W: 640px;
  --TRACE_H: 560px;
  --TRACE_OP: 0.38;

  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;

  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  line-height: 1;
  color: var(--INK);

  overflow-x: clip;
  position: relative;
  isolation: isolate;
}
@supports not (overflow: clip){ .CR_S6_CANVAS{ overflow-x: hidden; } }

.CR_S6_CANVAS h1, .CR_S6_CANVAS h2, .CR_S6_CANVAS h3, .CR_S6_CANVAS p{
  margin: 0 !important;
  padding: 0 !important;
}

.CR_S6_CANVAS img{
  max-width: none !important;
  display: block;
  border: 0;
}

/* wrap usa largura real do container (Elementor-safe) */
.CR_S6_CANVAS__wrap{
  width: 100%;
  margin: 0 !important;
  padding: 0 !important;

  display: flex;
  justify-content: center;
  align-items: flex-start;

  overflow: hidden;
  container-type: inline-size;
}

/* stage: canvas fixo */
.CR_S6_CANVAS__stage{
  width: var(--W);
  height: var(--H);
  position: relative;

  background-image: var(--BG_URL);
  background-repeat: no-repeat;
  background-position: center top;

  /* mantém proporção do canvas (sem cover) */
  background-size: var(--W) var(--H);

  transform-origin: top center;
  will-change: transform;
}

/* traço orgânico (atrás, vazando sem scroll) */
.CR_S6_CANVAS__stage::before{
  content: "";
  position: absolute;

  width: var(--TRACE_W);
  height: var(--TRACE_H);

  left: -240px;
  bottom: -86px;

  background: var(--TRACE_URL) no-repeat center / var(--TRACE_W) var(--TRACE_H);
  opacity: var(--TRACE_OP);

  pointer-events: none;
  z-index: 1;
}

/* work: área de conteúdo */
.CR_S6_CANVAS__work{
  width: var(--WORK);
  height: var(--H);
  margin: 0 auto;

  position: relative;
  z-index: 2;

  display: flex;
  flex-direction: column;
  align-items: flex-start;

  padding-top: 60px;
}

/* títulos */
.CR_S6_CANVAS__head{
  width: 100%;
  padding-left: 18px;
}

.CR_S6_CANVAS__h1{
  font-size: 36pt;
  font-weight: 300;
  letter-spacing: 0.3px;
  text-transform: uppercase;
  color: var(--TITLE_GREEN);
  opacity: 0.92;
  white-space: nowrap;
}

.CR_S6_CANVAS__h2{
  margin-top: 10px !important;
  font-size: 40pt;
  font-weight: 600; /* mais grosso como no print */
  letter-spacing: 0.3px;
  text-transform: uppercase;
  color: var(--ACC); /* "É UMA" também marrom */
  white-space: nowrap;
}

.CR_S6_CANVAS__acc{
  color: var(--ACC);
  font-weight: 700; /* "MESA" mais forte */
}

/* cards: 3 colunas */
.CR_S6_CANVAS__cards{
  margin-top: 72px !important;
  width: 100%;

  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;

  padding-left: 18px;
  padding-right: 18px;
}

/* card: sem borda/traço e sem sombra | +5px altura | menos transparência */
.CR_S6_CANVAS__card{
  height: 180px; /* +5px */
  border-radius: 14px;

  background: var(--PANEL);

  border: 0;
  box-shadow: none;

  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;

  padding: 22px 18px 16px;
}

.CR_S6_CANVAS__icon{
  height: 52px !important;
  width: auto !important;
  opacity: 0.92;
  margin-top: 2px;
}

/* título e descrição dentro do card */
.CR_S6_CANVAS__cardTitle{
  margin-top: 14px !important;

  font-size: 18pt;
  font-weight: 400;
  letter-spacing: 0.25px;
  text-transform: uppercase;
  color: var(--INK);
  opacity: 0.95;

  white-space: nowrap;
}

.CR_S6_CANVAS__cardDesc{
  margin-top: 10px !important;

  font-size: 11pt;
  font-weight: 300;
  letter-spacing: 0.2px;
  text-transform: uppercase;
  text-align: center;

  color: var(--INK);
  opacity: 0.86;

  width: 92%;
  line-height: 1.2;
}

/* barra inferior */
.CR_S6_CANVAS__bar{
  margin-top: 58px !important;

  width: calc(100% - 36px);
  margin-left: 18px !important;
  margin-right: 18px !important;

  height: 82px;
  border-radius: 14px;

  background: var(--PANEL);

  border: 0;
  box-shadow: none;

  display: flex;
  align-items: center;
  justify-content: center;

  padding: 0 26px;

  font-size: 18pt;
  font-weight: 400;
  letter-spacing: 0.25px;
  text-transform: uppercase;
  text-align: center;

  color: var(--INK);
  opacity: 0.92;

  white-space: nowrap;
}

/* =========================================================
   CTA (âncora interna para Sessão 5)
   - movimento no hover (sem alterar layout)
   ========================================================= */
.CR_S6_CANVAS__cta{
  position: absolute;
  left: 50%;
  bottom: 40px;
  transform: translateX(-50%);

  width: 800px;
  height: 100px;

  border-radius: 18px;

  background: var(--ACC);
  border: 0;
  box-shadow: none;

  display: flex;
  align-items: center;
  justify-content: center;

  text-decoration: none;
  cursor: pointer;

  font-size: 18pt;
  font-weight: 600;
  letter-spacing: 0.35px;
  text-transform: uppercase;

  color: var(--INK);

  /* MOVIMENTO (micro-interação) */
  transition:
    transform 180ms ease,
    filter 180ms ease,
    color 180ms ease;
  will-change: transform, filter;
}

.CR_S6_CANVAS__cta:link,
.CR_S6_CANVAS__cta:visited{ color: var(--INK); }

.CR_S6_CANVAS__cta:hover{
  /* mantém a mesma base, só aumenta contraste e move */
  transform: translateX(-50%) translateY(-4px);
  filter: brightness(1.08) saturate(1.03);
  color: #f3f1ea; /* proibido preto */
}

.CR_S6_CANVAS__cta:active{
  /* efeito "pressionar" */
  transform: translateX(-50%) translateY(-1px);
  filter: brightness(1.03) saturate(1.02);
}

/* foco acessível sem ficar preto */
.CR_S6_CANVAS__cta:focus-visible{
  outline: 2px solid rgba(230, 224, 207, 0.9);
  outline-offset: 4px;
}

/* =========================================================
   TRAVA >=1920 (não cresce)
   ========================================================= */
@container (min-width: 1920px){
  .CR_S6_CANVAS__wrap{ height: var(--H); }
  .CR_S6_CANVAS__stage{ transform: none; }
}

/* =========================================================
   SCALE DOWN <1920
   ========================================================= */
@container (max-width: 1919px){
  .CR_S6_CANVAS__wrap{
    height: calc(100cqw * var(--H) / 1920);
  }
  .CR_S6_CANVAS__stage{
    transform: scale(calc(100cqw / 1920));
  }
}

/* fallback sem container queries */
@supports not (container-type: inline-size){
  .CR_S6_CANVAS__wrap{
    height: clamp(0px, calc(100vw * var(--H) / 1920), var(--H));
  }
  .CR_S6_CANVAS__stage{
    transform: scale(min(1, calc(100vw / 1920)));
  }
}

/* =========================================================
   CASA REAL — SESSÃO 6 — MOBILE OVERRIDES (BASE 932x1920)
   OBJETIVO: reproduzir o print (932x1920) SEM mexer no desktop
   - canvas mobile dedicado (932x1920)
   - títulos em 2 linhas, alinhados à esquerda
   - cards em 1 coluna, 3 itens, tamanhos/espacamentos do print
   - remover o card verde do texto final e mostrar o TEXTO solto (com quebras e cores)
   - adicionar o botão laranja (CTA) no mobile e deixar mais “grosso”
   ========================================================= */

@media (max-width: 932px){

  .CR_S6_CANVAS{
    --WM: 932px;
    --HM: 1920px;

    --WORKM: 932px;

    /* Títulos (print) */
    --H1_FS_M: 70px;
    --H2_FS_M: 70px;

    --HEAD_ML_M: 70px;
    --HEAD_MT_M: 78px;
    --H2_MT_M: 14px;

    /* Cards (print) */
    --CARD_W_M: 760px;
    --CARD_H_M: 320px;
    --CARD_R_M: 20px;
    --CARDS_GAP_M: 44px;
    --CARDS_MT_M: 64px;

    /* Ícones e textos (print) */
    --ICON_H_M: 78px;

    --CARD_T_FS_M: 50px;
    --CARD_T_MT_M: 20px;

    /* AJUSTE SOLICITADO: AUMENTA A FONTE DA DESCRIÇÃO (ABAIXO DO TÍTULO) */
    --CARD_D_FS_M: 26px; /* era 22px */

    --CARD_D_MT_M: 20px;
    --CARD_D_W_M: 640px;

    /* ===== TEXTO SOLTO (substitui o card verde) ===== */
    --FREE_TXT_W: 760px;
    --FREE_TXT_FS: 54px;
    --FREE_TXT_LH: 1.06;
    --FREE_TXT_MT: 120px; /* distância após os 3 cards (ajuste fino) */

    /* ===== CTA LARANJA (mobile) ===== */
    --CTA_W_M: 760px;
    --CTA_H_M: 160px;     /* “mais grosso” */
    --CTA_R_M: 22px;
    --CTA_FS_M: 34px;
    --CTA_LH_M: 1.4;
    --CTA_MT_M: 50px;     /* espaço entre o texto solto e o botão */

    /* Oculta full-bleed do desktop, mantém 932 */
    width: 100% !important;
  }

  .CR_S6_CANVAS__wrap{
    overflow: hidden;
    container-type: inline-size;

    display: flex;
    justify-content: center;
    align-items: flex-start;

    height: clamp(0px, calc(100cqw * var(--HM) / var(--WM)), var(--HM));
  }

  .CR_S6_CANVAS__stage{
    width: var(--WM);
    height: var(--HM);

    background-size: var(--WM) var(--HM);
    background-position: center top;
    background-repeat: no-repeat;

    --s: min(1, calc(100cqw / var(--WM)));
    transform: scale(var(--s));
    transform-origin: top center;

    position: relative;
  }

  /* Traço orgânico reposicionado (print: canto inferior esquerdo) */
  .CR_S6_CANVAS__stage::before{
    width: 760px;
    height: 650px;

    left: -280px;
    bottom: 240px;

    background-size: 760px 620px;
    opacity: 0.28;
  }

  .CR_S6_CANVAS__work{
    width: var(--WORKM);
    height: var(--HM);

    padding-top: 0 !important;
    margin: 0 auto;

    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }

  /* HEAD */
  .CR_S6_CANVAS__head{
    width: 100%;
    padding-left: 0 !important;

    margin-top: var(--HEAD_MT_M) !important;
    margin-left: var(--HEAD_ML_M) !important;
  }

  .CR_S6_CANVAS__h1{
    font-size: var(--H1_FS_M) !important;
    white-space: normal !important;
    line-height: 1.05 !important;
    opacity: 0.92;
  }

  .CR_S6_CANVAS__h2{
    margin-top: var(--H2_MT_M) !important;
    font-size: var(--H2_FS_M) !important;

    white-space: normal !important;
    line-height: 1.04 !important;

    font-weight: 700 !important; /* mais forte no print */
  }

  /* CARDS: 1 coluna */
  .CR_S6_CANVAS__cards{
    margin-top: var(--CARDS_MT_M) !important;

    width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;

    display: grid !important;
    grid-template-columns: 1fr !important;
    justify-items: center !important;

    gap: var(--CARDS_GAP_M) !important;
  }

  .CR_S6_CANVAS__card{
    width: var(--CARD_W_M) !important;
    height: var(--CARD_H_M) !important;
    border-radius: var(--CARD_R_M) !important;

    padding: 34px 26px 24px !important;

    justify-content: flex-start !important;
    align-items: center !important;
  }

  .CR_S6_CANVAS__icon{
    height: var(--ICON_H_M) !important;
    margin-top: 0 !important;
    opacity: 0.92 !important;
  }

  .CR_S6_CANVAS__cardTitle{
    margin-top: var(--CARD_T_MT_M) !important;
    font-size: var(--CARD_T_FS_M) !important;

    font-weight: 500 !important;
    letter-spacing: 0.2px !important;

    white-space: normal !important;
    text-align: center !important;
  }

  .CR_S6_CANVAS__cardDesc{
    margin-top: var(--CARD_D_MT_M) !important;

    font-size: var(--CARD_D_FS_M) !important;
    line-height: 1.22 !important;

    width: var(--CARD_D_W_M) !important;
    max-width: var(--CARD_D_W_M) !important;

    opacity: 0.84 !important;

    white-space: normal !important;
  }

  /* =========================================================
     REMOVER O CARD VERDE DO TEXTO FINAL
     (era .CR_S6_CANVAS__bar) — some no mobile
     ========================================================= */
  .CR_S6_CANVAS__bar{
    display: none !important;
  }

  /* =========================================================
     TEXTO SOLTO (IGUAL AO PRINT 2)
     - quebras fixas
     - alternância de cor por linha via gradient no texto
     ========================================================= */
  .CR_S6_CANVAS__stage::after{
    content:
      "UMA CONVOCAÇÃO\A"
      "PARA QUEM CRÊ\A"
      "QUE O REINO COMEÇA\A"
      "DENTRO DE CASA.";
    white-space: pre;

    position: absolute;
    left: 50%;
    transform: translateX(-50%);

    /* posicionamento: abaixo dos 3 cards, acima do CTA */
    top: calc(var(--HEAD_MT_M) + 90px + var(--CARDS_MT_M) + (3 * var(--CARD_H_M)) + (2 * var(--CARDS_GAP_M)) + var(--FREE_TXT_MT));

    width: var(--FREE_TXT_W);
    text-align: center;

    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    font-size: var(--FREE_TXT_FS);
    line-height: var(--FREE_TXT_LH);
    letter-spacing: 0.5px;
    text-transform: uppercase;

    /* alternância de cor por linha (laranja/verde/laranja/verde) */
    color: transparent;
    background:
      linear-gradient(
        to bottom,
        var(--ACC) 0%,
        var(--ACC) 25%,
        var(--TITLE_GREEN) 25%,
        var(--TITLE_GREEN) 50%,
        var(--ACC) 50%,
        var(--ACC) 75%,
        var(--TITLE_GREEN) 75%,
        var(--TITLE_GREEN) 100%
      );
    -webkit-background-clip: text;
    background-clip: text;

    opacity: 0.96;
    pointer-events: none;
    z-index: 3;
  }

  /* =========================================================
     CTA LARANJA NO MOBILE (o botão)
     - volta a aparecer
     - mais grosso
     - mantém micro-interação sem “pular” layout
     ========================================================= */
  .CR_S6_CANVAS__cta{
    display: flex !important;

    position: absolute !important;
    left: 50% !important;

    /* fica logo abaixo do texto solto */
    top: calc(
      var(--HEAD_MT_M) + 100px + var(--CARDS_MT_M) + (3 * var(--CARD_H_M)) + (2 * var(--CARDS_GAP_M)) + var(--FREE_TXT_MT) + (4 * var(--FREE_TXT_FS) * var(--FREE_TXT_LH)) + var(--CTA_MT_M)
    );

    transform: translateX(-50%) !important;

    width: var(--CTA_W_M) !important;
    height: var(--CTA_H_M) !important;
    border-radius: var(--CTA_R_M) !important;

    font-size: var(--CTA_FS_M) !important;
    line-height: var(--CTA_LH_M) !important;

    padding: 0 44px !important;
    text-align: center !important;

    /* mantém comportamento de link */
    text-decoration: none !important;
    white-space: normal !important;
  }

  .CR_S6_CANVAS__cta:hover{
    transform: translateX(-50%) translateY(-4px) !important;
  }

  .CR_S6_CANVAS__cta:active{
    transform: translateX(-50%) translateY(-1px) !important;
  }
}

/* Fallback sem cqw (mobile) */
@supports not (width: 1cqw){
  @media (max-width: 932px){
    .CR_S6_CANVAS__wrap{
      height: clamp(0px, calc(100vw * var(--HM) / var(--WM)), var(--HM));
    }
    .CR_S6_CANVAS__stage{
      --s: min(1, calc(100vw / var(--WM)));
      transform: scale(var(--s));
      transform-origin: top center;
    }
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5e54edc *//* =========================================================
   CASA REAL — SESSÃO 7 — CANVAS LOCK (1920x760)
   NOVA ARTE:
   - foto: 623x641  /wp-content/uploads/2026/02/foto-pr.jucelio-3.webp
   - fundo:         /wp-content/uploads/2026/02/fundo-verde-escuro-1920x760-1.webp

   REGRAS:
   - WORK 1240px centralizado: TODO conteúdo dentro
   - grid: imagem esquerda + textos direita
   - imagem colada no bottom (sem atrapalhar texto)
   - >=1920 trava
   - <1920 scale-down geral (não reorganiza, apenas reduz)
   ========================================================= */

.CR_S7_CANVAS,
.CR_S7_CANVAS *{ box-sizing: border-box !important; }

.CR_S7_CANVAS{
  --W: 1920px;
  --H: 760px;

  --WORK: 1240px;

  --BG_URL: url("/wp-content/uploads/2026/02/fundo-verde-escuro-1920x760-1.webp");

  --MAN_W: 623px;
  --MAN_H: 641px;

  /* Layout do WORK */
  --GAP: 64px;           /* espaço entre imagem e textos */
  --LEFT_COL: 560px;     /* largura da coluna esquerda (imagem + respiro) */

  /* Cores */
  --INK: #d4cebc;
  --INK_88: rgba(212,206,188,.88);
  --INK_72: rgba(212,206,188,.72);
  --INK_62: rgba(212,206,188,.62);

  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;

  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  color: var(--INK);
  line-height: 1;

  overflow-x: clip;
  position: relative;
  isolation: isolate;
}
@supports not (overflow: clip){ .CR_S7_CANVAS{ overflow-x: hidden; } }

.CR_S7_CANVAS h1, .CR_S7_CANVAS h2, .CR_S7_CANVAS h3, .CR_S7_CANVAS p{
  margin: 0 !important;
  padding: 0 !important;
}

.CR_S7_CANVAS img{
  max-width: none !important;
  display: block;
  border: 0;
}

/* =========================================================
   WRAP (Elementor-safe)
   ========================================================= */
.CR_S7_CANVAS__wrap{
  width: 100%;
  margin: 0 !important;
  padding: 0 !important;

  display: flex;
  justify-content: center;
  align-items: flex-start;

  overflow: hidden;
  container-type: inline-size;
}

/* =========================================================
   STAGE (canvas fixo)
   ========================================================= */
.CR_S7_CANVAS__stage{
  width: var(--W);
  height: var(--H);
  position: relative;

  background-image: var(--BG_URL);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: var(--W) var(--H);

  transform-origin: top center;
  will-change: transform;
}

/* =========================================================
   WORK 1240 centralizado
   ========================================================= */
.CR_S7_CANVAS__work{
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);

  width: var(--WORK);
  height: var(--H);

  z-index: 3;

  display: grid;
  grid-template-rows: auto 1fr;
}

/* =========================================================
   Título principal (centralizado no WORK)
   ========================================================= */
.CR_S7_CANVAS__top{
  width: 100%;
  text-align: center;

  padding-top: 46px;

  font-size: 28pt;
  font-weight: 600;
  letter-spacing: 0.35px;
  text-transform: uppercase;

  color: var(--INK);
  opacity: 0.88;

  line-height: 1.08;
  white-space: nowrap;
}

/* =========================================================
   Grid interno (imagem esquerda + textos direita)
   ========================================================= */
.CR_S7_CANVAS__grid{
  width: 100%;
  height: 100%;

  display: grid;
  grid-template-columns: var(--LEFT_COL) 1fr;
  column-gap: var(--GAP);

  align-items: end; /* garante “colar no bottom” */
  padding-bottom: 0;
}

/* Coluna esquerda: imagem colada no bottom */
.CR_S7_CANVAS__left{
  height: 100%;
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
  position: relative;
}

.CR_S7_CANVAS__man{
  width: var(--MAN_W);
  height: var(--MAN_H);
  object-fit: contain;
  object-position: left bottom;

  /* cola no bottom visualmente */
  margin-bottom: 0;

  pointer-events: none;
  user-select: none;
}

/* Coluna direita: textos */
.CR_S7_CANVAS__right{
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;

  /* posicionamento vertical equivalente ao print */
  padding-top: 140px;
}

/* Kicker */
.CR_S7_CANVAS__kicker{
  font-size: 18pt;
  font-weight: 400;
  letter-spacing: 0.28px;
  text-transform: uppercase;
  color: var(--INK_72);
}

/* Nome */
.CR_S7_CANVAS__name{
  margin-top: 18px;
  font-size: 30pt;
  font-weight: 500;
  letter-spacing: 0.30px;
  text-transform: uppercase;
  color: var(--INK);
  opacity: 0.90;
}

/* Bio */
.CR_S7_CANVAS__bio{
  margin-top: 30px;

  font-size: 12pt;
  font-weight: 400;
  letter-spacing: 0.12px;
  text-transform: uppercase;
    margin-top: 40px !important;       /* evita dupla margem */
  line-height: 1.85 !important;   /* dá “ar” entre linhas */

  color: rgb(214, 206, 188) !important; 
  opacity: 1 !important;
}

/* Quote */
.CR_S7_CANVAS__quote{
  margin-top: 42px;

  font-size: 26pt;
  font-weight: 500;
  letter-spacing: 0.30px;
  text-transform: uppercase;

  color: var(--INK);
  opacity: 0.78;
  line-height: 1.18;
}

/* =========================================================
   TRAVA >=1920 (não cresce)
   ========================================================= */
@container (min-width: 1920px){
  .CR_S7_CANVAS__wrap{ height: var(--H); }
  .CR_S7_CANVAS__stage{ transform: none; }
}

/* =========================================================
   SCALE DOWN <1920 (tudo reduz junto)
   ========================================================= */
@container (max-width: 1919px){
  .CR_S7_CANVAS__wrap{
    height: calc(100cqw * var(--H) / 1920);
  }
  .CR_S7_CANVAS__stage{
    transform: scale(calc(100cqw / 1920));
  }
}

/* Fallback sem container queries */
@supports not (container-type: inline-size){
  .CR_S7_CANVAS__wrap{
    height: clamp(0px, calc(100vw * var(--H) / 1920), var(--H));
  }
  .CR_S7_CANVAS__stage{
    transform: scale(min(1, calc(100vw / 1920)));
  }
}


/* =========================================================
   CASA REAL — SESSÃO 7 — MOBILE TUNING (IGUAL À IMAGEM 2)
   Base: 932x2330 | scale: 100cqw/932 (padrão S6)
   Corrige:
   - posições e tamanhos dos textos
   - título inferior em 3 linhas (sem hífens)
   - foto central SEM corte lateral
   - mantém traços orgânicos sem clip lateral
   ========================================================= */

@media (max-width: 932px){

  .CR_S7_CANVAS{
    --WM: 932px;
    --HM: 2330px;

    /* margem lateral do print (área útil) */
    --MX: 70px;

    /* Foto: no print ela NÃO ocupa 866px; ela fica menor com margem */
    --IMG_W: 760px;                 /* largura do print (aprox) */
    --IMG_AR_W: 866;
    --IMG_AR_H: 908;                /* troque para 928 se a sua foto for 866x928 */
    --IMG_R: 26px;

    /* Espaçamentos do print */
    --TOP_PAD: 86px;                /* distância topo até o kicker */
    --GAP_NAME: 30px;
    --GAP_BIO: 80px;
    --GAP_QUOTE: 80px;
    --GAP_TO_IMG: 80px;             /* quote -> foto */
    --GAP_IMG_TO_BOTTOM: 110px;     /* foto -> título inferior */

    /* Tipografia (print) */
    --K_FS: 56px;
    --N_FS: 50px;
    --B_FS: 34px;
    --Q_FS: 48px;
    --BOT_FS: 64px;

    --BG_M_URL: var(--BG_URL);
    --MAN_M_URL: url("/wp-content/uploads/2026/02/foto-pr.jucelio-mobile.webp");
  }

  /* Motor de escala (padrão S6) */
  .CR_S7_CANVAS__wrap{
    overflow: hidden;
    container-type: inline-size;

    display: flex;
    justify-content: center;
    align-items: flex-start;

    height: clamp(0px, calc(100cqw * var(--HM) / var(--WM)), var(--HM));
  }

  .CR_S7_CANVAS__stage{
    width: var(--WM);
    height: var(--HM);

    background-image: var(--BG_M_URL);
    background-size: var(--WM) var(--HM);
    background-position: center top;
    background-repeat: no-repeat;

    --s: min(1, calc(100cqw / var(--WM)));
    transform: scale(var(--s));
    transform-origin: top center;

    position: relative;
  }

  /* WORK: SEM padding lateral (evita cortar foto/traços) */
  .CR_S7_CANVAS__work{
    width: var(--WM);
    height: var(--HM);

    position: relative;
    margin: 0 auto;

    display: flex;
    flex-direction: column;
    align-items: stretch;

    padding: 0 !important;          /* crítico para não clipar */
    box-sizing: border-box;
  }

  /* Ordem global: grid (topo+foto) primeiro, título inferior por último */
  .CR_S7_CANVAS__grid{ order: 1 !important; }
  .CR_S7_CANVAS__top { order: 2 !important; }

  /* Grid vira coluna */
  .CR_S7_CANVAS__grid{
    width: 100% !important;
    height: auto !important;

    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;

    padding: 0 !important;
    margin: 0 !important;
  }

  /* Dentro do grid: textos acima da foto */
  .CR_S7_CANVAS__right{ order: 1 !important; }
  .CR_S7_CANVAS__left { order: 2 !important; }

  /* Textos (topo) com margem lateral do print */
  .CR_S7_CANVAS__right{
    padding-top: var(--TOP_PAD) !important;
    padding-left: var(--MX) !important;
    padding-right: var(--MX) !important;

    display: flex;
    flex-direction: column;
    align-items: flex-start;

    text-align: left;
  }

  .CR_S7_CANVAS__kicker{
    font-size: var(--K_FS) !important;
    font-weight: 500 !important;
    letter-spacing: 0.2px !important;
    text-transform: uppercase !important;
    color: var(--INK_72) !important;
  }

  .CR_S7_CANVAS__name{
    margin-top: var(--GAP_NAME) !important;
    font-size: var(--N_FS) !important;
    font-weight: 500 !important;
    letter-spacing: 0.2px !important;
    text-transform: uppercase !important;
    color: var(--INK) !important;
    opacity: 0.90 !important;
  }

  .CR_S7_CANVAS__bio{
    margin-top: var(--GAP_BIO) !important;
    font-size: var(--B_FS) !important;
    line-height: 1.9 !important;
    letter-spacing: 0.08px !important;
    text-transform: uppercase !important;
    color: var(--INK) !important;
    opacity: 0.72 !important;
  }

  .CR_S7_CANVAS__quote{
    margin-top: var(--GAP_QUOTE) !important;
    font-size: var(--Q_FS) !important;
    font-weight: 500 !important;
    line-height: 1.16 !important;
    letter-spacing: 0.2px !important;
    text-transform: uppercase !important;
    color: var(--INK) !important;
    opacity: 0.78 !important;
  }

  /* Foto central: com espaçamento e SEM corte */
  .CR_S7_CANVAS__left{
    margin-top: var(--GAP_TO_IMG) !important;

    width: 100% !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;

    overflow: visible !important; /* garante que nada clipa */
  }

  /* Não usar o img do desktop no mobile */
  .CR_S7_CANVAS__man{
    display: none !important;
  }

  /* Foto mobile como bloco central com largura do print */
  .CR_S7_CANVAS__left::before{
    content: "";

    width: var(--IMG_W);
    height: auto;
    aspect-ratio: var(--IMG_AR_W) / var(--IMG_AR_H);

    background-image: var(--MAN_M_URL);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% 100%;

    border-radius: var(--IMG_R);
    display: block;
  }

  /* Título inferior: 3 linhas (sem hífens), abaixo da foto */
  .CR_S7_CANVAS__top{
    margin-top: var(--GAP_IMG_TO_BOTTOM) !important;

    padding-left: var(--MX) !important;
    padding-right: var(--MX) !important;

    text-align: left !important;

    font-size: var(--BOT_FS) !important;
    font-weight: 700 !important;
    line-height: 1.52 !important;
    letter-spacing: 0.2px !important;

    color: var(--INK) !important;
    opacity: 0.80 !important;

    /* mata a versão com hífens e injeta as quebras do print */
    position: relative !important;
    white-space: normal !important;
    text-transform: uppercase !important;

    color: transparent !important; /* oculta o texto original do HTML */
  }
  .CR_S7_CANVAS__top::before{
    content: "SEJA POSICIONADO\A SEJA INSTRUÍDO\A SEJA ATIVADO";
    white-space: pre;

    display: block;
    color: var(--INK);
    opacity: 0.80;
  }
}

/* Fallback sem cqw (igual S6) */
@supports not (width: 1cqw){
  @media (max-width: 932px){
    .CR_S7_CANVAS__wrap{
      height: clamp(0px, calc(100vw * var(--HM) / var(--WM)), var(--HM));
    }
    .CR_S7_CANVAS__stage{
      --s: min(1, calc(100vw / var(--WM)));
      transform: scale(var(--s));
      transform-origin: top center;
    }
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-75edb9c *//* =========================================================
   CASA REAL — SESSÃO 8 — CANVAS LOCK (1920x760)
   - >=1920: trava 1920x760 (não cresce)
   - <1920 : scale down sem cortar (container queries)
   - Layout 100% igual ao print:
     topo esquerdo + destaque "GOVERNAR" marrom
     bloco "NÃO PROMETEMOS..." (1ª linha marrom, demais verde)
     chamada central + botão marrom
     linha horizontal + "CASA REAL" no rodapé
   ========================================================= */

.CR_S8_CANVAS,
.CR_S8_CANVAS *{ box-sizing: border-box !important; }

.CR_S8_CANVAS{
  --W: 1920px;
  --H: 760px;

  --WORK: 1240px;

  /* CORES (print) */
  --GREEN: #444b2f;        /* texto verde-oliva */
  --ACC:   #9a4f32;        /* marrom (destaque + botão) */
  --BTN_TX:#e6e0cf;        /* texto claro no botão */
  --HR:    rgba(68, 75, 47, 0.35);

  /* FUNDO (aponte para o mesmo do print) */
  --BG_URL: url("/wp-content/uploads/2026/02/fundo-claro3-1920-800-50.webp");

  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;

  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  line-height: 1;
  color: var(--GREEN);

  overflow-x: clip;
  position: relative;
  isolation: isolate;
}
@supports not (overflow: clip){ .CR_S8_CANVAS{ overflow-x: hidden; } }

.CR_S8_CANVAS h1, .CR_S8_CANVAS h2, .CR_S8_CANVAS h3, .CR_S8_CANVAS p{
  margin: 0 !important;
  padding: 0 !important;
}

/* wrap usa largura real do container (Elementor-safe) */
.CR_S8_CANVAS__wrap{
  width: 100%;
  margin: 0 !important;
  padding: 0 !important;

  display: flex;
  justify-content: center;
  align-items: flex-start;

  overflow: hidden;
  container-type: inline-size;
}

/* stage: canvas fixo */
.CR_S8_CANVAS__stage{
  width: var(--W);
  height: var(--H);
  position: relative;

  background-image: var(--BG_URL);
  background-repeat: no-repeat;
  background-position: center top;

  /* mantém proporção do canvas (sem cover) */
  background-size: var(--W) var(--H);

  transform-origin: top center;
  will-change: transform;
}

/* work: área de conteúdo (1240) */
.CR_S8_CANVAS__work{
  width: var(--WORK);
  height: var(--H);
  margin: 0 auto;

  position: relative;
  z-index: 2;

  display: flex;
  flex-direction: column;

  /* controla o “respiro” do print */
  padding-top: 58px;
  padding-bottom: 26px;
}

/* =========================================================
   TOPO (esquerda)
   ========================================================= */
.CR_S8_CANVAS__top{
  width: 90%;
  padding-left: 18px;
}

.CR_S8_CANVAS__headline{
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.CR_S8_CANVAS__hLine{
  display: block;
  font-size: 28pt;
  font-weight: 400;
  letter-spacing: 0.2px;
  text-transform: uppercase;
  color: var(--GREEN);
}

.CR_S8_CANVAS__acc{
  color: var(--ACC);
  font-weight: 400;
}

.CR_S8_CANVAS__promise{
  margin-top: 46px !important;
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.CR_S8_CANVAS__pLine{
  font-size: 22pt;
  font-weight: 300;
  letter-spacing: 0.2px;
  text-transform: uppercase;
  color: var(--GREEN);
}

.CR_S8_CANVAS__pLine--acc{
  color: var(--ACC);
}

/* =========================================================
   MEIO (central)
   ========================================================= */
.CR_S8_CANVAS__mid{
  margin-top: 76px !important;

  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.CR_S8_CANVAS__midTitle{
  font-size: 28pt;
  font-weight: 300;
  letter-spacing: 0.2px;
  text-transform: uppercase;
  color: var(--GREEN);

  text-align: center;
  white-space: nowrap;
}

/* CTA (botão marrom central) */
.CR_S8_CANVAS__cta{
  margin-top: 50px !important;

  width: 750px;
  height: 90px;
  border-radius: 18px;

  background: var(--ACC);
  border: 0;
  box-shadow: none;

  display: flex;
  align-items: center;
  justify-content: center;

  text-decoration: none;
  cursor: pointer;

  font-size: 18pt;
  font-weight: 500;
  letter-spacing: 0.3px;
  text-transform: uppercase;

  color: var(--BTN_TX);

  transition:
    transform 180ms ease,
    filter 180ms ease,
    color 180ms ease;
  will-change: transform, filter;
}

.CR_S8_CANVAS__cta:link,
.CR_S8_CANVAS__cta:visited{ color: var(--BTN_TX); }

.CR_S8_CANVAS__cta:hover{
  transform: translateY(-3px);
  filter: brightness(1.08) saturate(1.03);
  color: #f3f1ea;
}

.CR_S8_CANVAS__cta:active{
  transform: translateY(-1px);
  filter: brightness(1.03) saturate(1.02);
}

.CR_S8_CANVAS__cta:focus-visible{
  outline: 2px solid rgba(68, 75, 47, 0.35);
  outline-offset: 4px;
}

/* =========================================================
   RODAPÉ (linha + CASA REAL)
   ========================================================= */
.CR_S8_CANVAS__foot{
  margin-top: auto;

  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;

  padding-top: 22px;
}

.CR_S8_CANVAS__hr{
  width: 100%;
  height: 1px;
  background: var(--HR);
  opacity: 1;
}

.CR_S8_CANVAS__brand{
  margin-top: 28px !important;

  font-size: 14pt;
  font-weight: 400;
  letter-spacing: 0.6px;
  text-transform: uppercase;

  color: var(--GREEN);
  opacity: 0.9;
}

/* =========================================================
   TRAVA >=1920 (não cresce)
   ========================================================= */
@container (min-width: 1920px){
  .CR_S8_CANVAS__wrap{ height: var(--H); }
  .CR_S8_CANVAS__stage{ transform: none; }
}

/* =========================================================
   SCALE DOWN <1920
   ========================================================= */
@container (max-width: 1919px){
  .CR_S8_CANVAS__wrap{
    height: calc(100cqw * var(--H) / 1920);
  }
  .CR_S8_CANVAS__stage{
    transform: scale(calc(100cqw / 1920));
  }
}

/* fallback sem container queries */
@supports not (container-type: inline-size){
  .CR_S8_CANVAS__wrap{
    height: clamp(0px, calc(100vw * var(--H) / 1920), var(--H));
  }
  .CR_S8_CANVAS__stage{
    transform: scale(min(1, calc(100vw / 1920)));
  }
}/* End custom CSS */