/* ============================================================
   CAMALEONE — camada de marca
   Aplica o Brand Book 1.0 e o Chromatic Transformation System
   sobre o tema base. Carregado por último: sobrescreve o tema.
   ============================================================ */

@font-face {
  font-family: 'Another Flight';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('fonts/AnotherFlight.otf') format('opentype'),
       url('../../Another Flight.otf') format('opentype');
}

@font-face {
  font-family: 'Six Caps';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('fonts/SixCaps-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


:root {
  /* Núcleo institucional */
  --cml-wine:        #531E1C;
  --cml-coral:       #F37A65;
  --cml-graphite:    #221F20;
  --cml-warm-ivory:  #F7F0E7;
  --cml-pure-white:  #FFFFFF;

  /* Paleta de transformação */
  --cml-deep-violet: #5B2A86;
  --cml-magenta:     #D63384;
  --cml-navy:        #0D1B2A;
  --cml-cyan:        #00B4D8;
  --cml-forest:      #15402C;
  --cml-lime:        #8EB730;
  --cml-terracotta:  #B43A28;
  --cml-amber:       #F59821;

  /* Estados cromáticos (gradientes sugeridos) */
  --cml-origin: linear-gradient(45deg, var(--cml-wine),        var(--cml-coral));
  --cml-create: linear-gradient(45deg, var(--cml-deep-violet), var(--cml-magenta));
  --cml-evolve: linear-gradient(45deg, var(--cml-navy),        var(--cml-cyan));
  --cml-grow:   linear-gradient(45deg, var(--cml-forest),      var(--cml-lime));
  --cml-move:   linear-gradient(45deg, var(--cml-terracotta),  var(--cml-amber));

  /* Tipografia: Another Flight para o logo/hero, substitutas web para o restante */
  --cml-another-flight: "Another Flight", "Barlow Condensed", sans-serif;
  --cml-display: "Barlow Condensed", "Arial Narrow", Impact, sans-serif;
  --cml-body:    "Barlow", system-ui, -apple-system, "Segoe UI", sans-serif;

  /* Tokens do tema, remapeados para a marca */
  --e-global-color-primary:   var(--cml-coral);
  --e-global-color-secondary: var(--cml-graphite);
  --e-global-color-e3439a3:   var(--cml-coral);
}

/* ------------------------------------------------------------------ base */

html { scroll-behavior: smooth; }
html, body { overflow-x: clip; max-width: 100%; }

body.cml {
  background-color: var(--cml-graphite);
  font-family: var(--cml-body);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

body.cml ::selection { background: var(--cml-coral); color: var(--cml-wine); }

/* Âncoras não ficam sob o cabeçalho fixo */
body.cml [id] { scroll-margin-top: 96px; }

/* ------------------------------------------------------- acessibilidade */

.cml-skip {
  position: absolute;
  left: -9999px;
  top: 0;
  z-index: 10000;
  padding: 12px 20px;
  background: var(--cml-coral);
  color: var(--cml-wine);
  font: 600 16px/1 var(--cml-body);
  border-radius: 0 0 8px 0;
}
.cml-skip:focus { left: 0; }

body.cml a:focus-visible,
body.cml button:focus-visible,
body.cml [role="button"]:focus-visible {
  outline: 2px solid var(--cml-coral);
  outline-offset: 3px;
  border-radius: 2px;
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  body.cml *,
  body.cml *::before,
  body.cml *::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
  }
  /* Sem animação de entrada, o conteúdo precisa nascer visível.
     Restrito ao título: `.tc-anim-lines` também embrulha a lista revelada
     no hover dos cartões do método, que deve continuar escondida. */
  body.cml .elementor-invisible {
    visibility: visible !important;
    opacity: 1 !important;
  }
  /* O GSAP embrulha cada linha do titulo num <div> sem classe e a anima a partir
     de opacity:0 + rotateX(-80deg). Se o ScrollTrigger nao dispara, o titulo some.
     `> *` alcanca esses embrulhos; as pilulas do hover sao netas e ficam intactas. */
  body.cml .tc-anim-lines,
  body.cml .tc-anim-lines > * {
    opacity: 1 !important;
    transform: none !important;
  }
  body.cml .loader-wrap { display: none !important; }
}

/* -------------------------------------------------------- display type
   O tema foi desenhado para "Six Caps" (ultracondensada).
   "Barlow Condensed" é ~2x mais larga por caractere, então os tamanhos
   de display precisam ser recalibrados para não estourar a viewport.   */

/* O tema usa seletores do tipo `.elementor-6 .elementor-element.elementor-element-XXX .y`
   (4 classes). As regras abaixo repetem `.elementor-element` para empatar em
   especificidade e vencer pela ordem de carregamento — sem recorrer a !important. */

body.cml .elementor-heading-title,
body.cml .tcgelements-heading,
body.cml .tcg-dynamic-post-meta-text,
body.cml .card-item .title,
body.cml h1, body.cml h2, body.cml h3 {
  font-family: var(--cml-display);
}

body.cml p,
body.cml .elementor-text-editor,
body.cml .card-item .description,
body.cml .txt,
body.cml .quote-text,
body.cml .author-position { font-family: var(--cml-body); }

/* Imagens do Hero (Design & Tecnologia) */
body.cml #inicio .elementor-widget-image {
  height: 100%;
}
body.cml #inicio .elementor-widget-image img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
  display: block !important;
}


/* Palavra gigante do hero: "CAMALEONE" com a fonte original Another Flight */
body.cml .elementor-element.elementor-element-98226b0 .elementor-heading-title {
  font-family: var(--cml-another-flight) !important;
  font-size: clamp(3.5rem, 21vw, 22rem);
  font-weight: 400;
  letter-spacing: normal;
  line-height: .9;
  color: var(--cml-warm-ivory);
  white-space: nowrap;
}

/* Linha descritiva do hero (H2) */
body.cml .elementor-element.elementor-element-ac02184 .elementor-heading-title {
  font-family: var(--cml-body);
  font-size: clamp(1.05rem, 2.1vw, 1.6rem);
  font-weight: 300;
  letter-spacing: 0;
  line-height: 1.4;
  max-width: 48ch;
  margin-inline: auto;
  color: var(--cml-warm-ivory);
}

/* Palavra gigante do rodapé: "Contact Us" */
body.cml .elementor-element.elementor-element-0971114 .elementor-heading-title {
  font-family: 'Six Caps', "Barlow Condensed", Impact, sans-serif !important;
  font-size: clamp(4.5rem, 21vw, 24rem) !important;
  font-weight: 400 !important;
  letter-spacing: 0.01em !important;
  line-height: .85 !important;
  white-space: nowrap !important;
  color: #FFFFFF !important;
  text-transform: none !important;
}
body.cml .elementor-element.elementor-element-0971114 .elementor-heading-title a {
  color: #FFFFFF !important;
  text-decoration: none !important;
  transition: color 0.3s ease;
}
body.cml .elementor-element.elementor-element-0971114 .elementor-heading-title a:hover {
  color: var(--cml-coral) !important;
}

/* CAMALEONE e Contact Us são palavras/títulos de impacto contidos: */
@supports (font-size: 1cqw) {
  body.cml .elementor-element.elementor-element-98226b0 > .elementor-widget-container,
  body.cml .elementor-element.elementor-element-0971114 > .elementor-widget-container {
    container-type: inline-size;
  }
  /* "CAMALEONE": 9 caracteres */
  body.cml .elementor-element.elementor-element-98226b0 .elementor-heading-title {
    font-family: var(--cml-another-flight) !important;
    font-size: min(21vw, 22cqw);
  }
  /* "Contact Us": 10 caracteres em Six Caps */
  body.cml .elementor-element.elementor-element-0971114 .elementor-heading-title {
    font-family: 'Six Caps', "Barlow Condensed", Impact, sans-serif !important;
    font-size: min(21vw, 24cqw) !important;
  }
}

/* Números da seção "A essência" */
body.cml .elementor-element.elementor-element-8359880 .tcgelements-heading,
body.cml .elementor-element.elementor-element-34d0f94 .tcgelements-heading,
body.cml .elementor-element.elementor-element-7ca7485 .tcgelements-heading {
  font-family: var(--cml-display);
  font-size: clamp(4.5rem, 9vw, 8.75rem);
  font-weight: 600;
  line-height: .9;
  color: var(--cml-coral);
}
body.cml .elementor-element.elementor-element-8359880 .tcgelements-heading span,
body.cml .elementor-element.elementor-element-34d0f94 .tcgelements-heading span,
body.cml .elementor-element.elementor-element-7ca7485 .tcgelements-heading span {
  font-family: var(--cml-body);
  font-size: .95rem;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--cml-warm-ivory);
}

/* Cartões dos territórios: fundo opaco, recorte limpo e isolamento de camadas para o scroll */
body.cml #territorios {
  margin-bottom: 60px !important;
  padding-bottom: 60px !important;
  position: relative !important;
}
body.cml #territorios .tcg-dynamic-query-item,
body.cml #territorios .tcg-dynamic-query,
body.cml #territorios .elementor-widget-tcg-dynamic-query {
  position: relative !important;
  background-color: var(--cml-graphite) !important;
  border-radius: 16px !important;
}
body.cml #territorios .elementor-68 .elementor-element-ce1e4d6,
body.cml #territorios .elementor-689 .elementor-element-1e85b64,
body.cml #territorios .elementor-692 .elementor-element-8f94011,
body.cml #territorios .tcg-post-image-wrapper {
  position: relative !important;
  overflow: hidden !important;
  border-radius: 16px !important;
  background-color: var(--cml-graphite) !important;
}

/* Nome do território sobre o painel cromático (CREATE, EVOLVE, GROW, MOVE) - No cantinho inferior direito com a fonte Another Flight */
body.cml #territorios .tcg-meta-type-title,
body.cml #territorios .elementor-element.elementor-element-129c79a,
body.cml #territorios .elementor-element.elementor-element-602fa49,
body.cml #territorios .elementor-element.elementor-element-4234417,
body:not(.rtl).cml #territorios .elementor-element.elementor-element-129c79a,
body:not(.rtl).cml #territorios .elementor-element.elementor-element-602fa49,
body:not(.rtl).cml #territorios .elementor-element.elementor-element-4234417 {
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  top: auto !important;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  transform: none !important;
  --e-transform-translateY: 0 !important;
  display: flex !important;
  justify-content: flex-end !important;
  align-items: flex-end !important;
  padding: 0 48px 28px 0 !important;
  margin: 0 !important;
  box-sizing: border-box !important;
  z-index: 10 !important;
  pointer-events: none !important;
}
body.cml #territorios .elementor-element-129c79a > .elementor-widget-container,
body.cml #territorios .elementor-element-602fa49 > .elementor-widget-container,
body.cml #territorios .elementor-element-4234417 > .elementor-widget-container,
body.cml #territorios .tcg-meta-type-title > .elementor-widget-container {
  padding: 0 !important;
  margin: 0 !important;
  transform: none !important;
  --e-transform-translateY: 0 !important;
  text-align: right !important;
  width: auto !important;
  overflow: visible !important;
  pointer-events: none !important;
}
body.cml #territorios .tcg-meta-type-title h2,
body.cml #territorios .tcg-meta-type-title .tcg-dynamic-post-meta-text,
body.cml #territorios .elementor-element-129c79a .tcg-dynamic-post-meta-text,
body.cml #territorios .elementor-element-602fa49 .tcg-dynamic-post-meta-text,
body.cml #territorios .elementor-element-4234417 .tcg-dynamic-post-meta-text,
body.cml #territorios .elementor-element-129c79a h2,
body.cml #territorios .elementor-element-602fa49 h2,
body.cml #territorios .elementor-element-4234417 h2 {
  font-family: 'Another Flight', "Barlow Condensed", sans-serif !important;
  font-size: clamp(2.2rem, 5vw, 4.2rem) !important;
  font-weight: 400 !important;
  letter-spacing: 0.02em !important;
  line-height: 1 !important;
  margin: 0 !important;
  padding: 0 !important;
  display: block !important;
  text-align: right !important;
  white-space: nowrap !important;
  overflow: visible !important;
  pointer-events: auto !important;
}
body.cml #territorios .tcg-meta-type-title a,
body.cml #territorios .elementor-element-129c79a a,
body.cml #territorios .elementor-element-602fa49 a,
body.cml #territorios .elementor-element-4234417 a {
  font-family: 'Another Flight', "Barlow Condensed", sans-serif !important;
  font-size: inherit !important;
  font-weight: inherit !important;
  line-height: inherit !important;
  letter-spacing: inherit !important;
  color: var(--cml-warm-ivory) !important;
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  min-height: auto !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  display: inline-block !important;
  text-align: right !important;
  white-space: nowrap !important;
  pointer-events: auto !important;
  text-shadow: 0 4px 20px rgba(0, 0, 0, 0.4) !important;
}

/* Remover botão 'Conhecer os territórios' */
body.cml .elementor-element.elementor-element-d1f2d85,
body.cml .elementor-element.elementor-element-e91c185,
body.cml a[href="#territorios"].tcgelements-button {
  display: none !important;
}

/* Títulos de seção "↳ ..." */
body.cml .elementor-element.elementor-element-54734e9 .elementor-heading-title,
body.cml .elementor-element.elementor-element-0b85ec9 .elementor-heading-title,
body.cml .elementor-element.elementor-element-feb5792 .elementor-heading-title,
body.cml .elementor-element.elementor-element-e8bf9cb .elementor-heading-title {
  font-family: var(--cml-display);
  font-size: clamp(1.5rem, 3.2vw, 2.5rem);
  font-weight: 600;
  letter-spacing: .02em;
  color: var(--cml-coral);
}
/* "↳ O método" fica sobre superfície clara: usa WINE */
body.cml .elementor-element.elementor-element-0b85ec9 .elementor-heading-title {
  color: var(--cml-wine);
}

/* A seta dos títulos de seção.
   O caractere ↳ (U+21B3) não existe no subset latino da Barlow e caía para uma
   fonte de sistema, quebrando o desenho. Aqui vira máscara SVG e herda a cor. */
.cml-arrow {
  display: inline-block;
  width: .58em;
  height: .58em;
  margin-right: .3em;
  vertical-align: baseline;
  background-color: currentColor;
  -webkit-mask: var(--cml-arrow-src) no-repeat center / contain;
  mask: var(--cml-arrow-src) no-repeat center / contain;
}
:root {
  --cml-arrow-src: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 3v12h13'/%3E%3Cpath d='M13 10l5 5-5 5'/%3E%3C/svg%3E");
}

/* As pílulas do método são revelação por hover — nunca visíveis em repouso.
   Reafirmado aqui porque o bloco de movimento reduzido acima usa !important. */
body.cml .tcgelements-service-card .check-list li { opacity: 0; }
body.cml .tcgelements-service-card:hover .check-list li,
body.cml .tcgelements-service-card:focus-visible .check-list li { opacity: 1; }

/* Símbolo na coluna vazia de "A essência" */
body.cml .cml-essencia-simbolo {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex: 0 0 auto;
  padding: 6px 24px 0 0;
}
body.cml .cml-essencia-simbolo img {
  width: clamp(96px, 13vw, 200px);
  height: auto;
}
/* Ao quebrar a linha, o símbolo sobe para cima do texto — alinhado à esquerda,
   e não jogado à direita pelo `justify-content: flex-end` do container. */
@media (max-width: 991px) {
  body.cml .cml-essencia-simbolo {
    width: 100%;
    justify-content: flex-start;
    padding: 0 0 24px 15px;
  }
}

/* Superfície clara do método: WARM IVORY, não branco puro.
   O tema pinta essa faixa com o token de texto (#FFF); aqui a especificidade
   precisa igualar o seletor original, que inclui um :not(). */
body.cml .elementor-element.elementor-element-237b0bf:not(.elementor-motion-effects-element-type-background) {
  background-color: var(--cml-warm-ivory);
}

/* ------------------------------------------------- territórios / painéis */

body.cml #territorios .tcg-post-image img,
body.cml #territorios .elementor-widget-tcg-post-featured-image img,
body.cml #territorios .elementor-element-c3401f7 img,
body.cml #territorios .elementor-element-03a5c4e img,
body.cml #territorios .elementor-element-a36dbaf img {
  width: 100% !important;
  height: 520px !important;
  max-height: 520px !important;
  object-fit: cover !important;
  object-position: center center !important;
  background: var(--cml-wine) !important;
  border-radius: 16px !important;
}

/* A área clicável do cartão precisa cobrir o painel inteiro, não só a linha de texto */
body.cml #territorios .tcg-post-image-wrapper {
  display: block !important;
  height: 520px !important;
  max-height: 520px !important;
  border-radius: 16px !important;
  overflow: hidden !important;
}

/* --------------------------------------------- sistema cromático (cards) */

body.cml #sistema .card-item .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
body.cml #sistema .card-item .title {
  font-family: var(--cml-display);
  letter-spacing: .06em;
}
body.cml #sistema .card-item .description {
  font-family: var(--cml-body);
  letter-spacing: .01em;
}

/* --------------------------------------------------- manifesto (quotes) */

body.cml #manifesto .quote-text,
body.cml #manifesto .quote-text div {
  font-family: var(--cml-body);
  font-weight: 300;
}
body.cml #manifesto .author-name {
  font-family: var(--cml-display);
  letter-spacing: .08em;
}
body.cml #manifesto .author-image img {
  object-fit: cover;
  background: var(--cml-wine);
}

/* O Swiper mede o slide na inicialização e grava a altura em style inline.
   Com a Barlow as citações ocupam uma linha a mais do que ocupavam no tema,
   e o bloco do autor ficava cortado pelo overflow:hidden do carrossel.
   Deixar a altura automática faz o slider acompanhar o conteúdo. */
body.cml #manifesto .tcgelements-testimonials-slider .swiper-container,
body.cml #manifesto .tcgelements-testimonials-slider .swiper-wrapper,
body.cml #manifesto .tcgelements-testimonials-slider .swiper-slide {
  height: auto !important;
}
body.cml #manifesto .tcgelements-testimonials-slider .swiper-wrapper {
  align-items: stretch;
}

/* O selo circular ("Transformar é da nossa natureza") e as aspas decorativas
   por cima dele usam o esquema clássico do Elementor para centralizar um
   elemento absoluto (position:absolute + translate(-50%,-50%)), configurado
   em data-settings do widget — mas a regra CSS correspondente nunca foi
   gerada no export estático (o <style> do post não tem nada para 875630f).
   Sem ela, as aspas ficam no fluxo normal, ~90px abaixo do círculo em vez
   de centralizadas dentro dele. Aqui a regra é reconstruída manualmente,
   e os wrappers intermediários viram `display:contents` para a ancoragem
   resolver contra o container do selo (180×180), não contra uma caixa
   colapsada no meio do caminho.

   O !important sozinho não bastou: por um bug estrutural, #manifesto está
   aninhado dentro de #territorios no HTML real (confirmado via
   el.closest('#territorios') — não deveria estar). Isso faz a regra
   `#territorios [class*="elementor-"] { position: relative !important; }`
   (linha ~850) atropelar qualquer elemento aqui dentro, aspas incluído —
   e como ela usa um seletor com #ID, empata em !important mas vence em
   especificidade contra um seletor só de classes. Por isso os seletores
   abaixo também levam #manifesto: mesmo peso de ID, mais classes = vence. */
#manifesto.elementor-element.elementor-element-0fadad6,
#manifesto.elementor-element.elementor-element-0fadad6 > .elementor-widget-container,
body.cml #manifesto .elementor-element.elementor-element-0fadad6,
body.cml #manifesto .elementor-element.elementor-element-0fadad6 > .elementor-widget-container {
  display: contents !important;
}
body.cml #manifesto .elementor-element.elementor-element-875630f > .elementor-widget-container {
  display: contents !important;
}
body.cml #manifesto .elementor-element.elementor-element-f0509a8 {
  position: relative !important;
}
body.cml #manifesto .elementor-element.elementor-element-875630f {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  width: auto !important;
  z-index: 1 !important;
}
body.cml #manifesto .elementor-element.elementor-element-875630f img {
  width: clamp(72px, 24vw, 104px);
  height: auto;
}

/* -------------------------------------------------- marquee dos estados */

body.cml .cml-marquee-symbol {
  width: auto;
  height: clamp(40px, 6vw, 62px);
  opacity: 1;
  filter: none;
}

/* --------------------------------------------------------------- ícones */

/* Os ícones do método vêm com fill="none"; a marca os pinta de coral. */
body.cml .tcgelements-service-card .icon img { filter: none; }

/* ------------------------------------------------------------- rodapé */

body.cml .cml-cred {
  display: inline-block;
  margin-left: .5em;
  color: var(--cml-coral);
  font-style: normal;
}

/* ------------------------------------------------------------- WhatsApp */

/* Telefone do rodapé: ícone + número na mesma linha */
body.cml .cml-tel a {
  display: inline-flex;
  align-items: center;
  gap: .5em;
  color: var(--cml-coral);
}
body.cml .cml-tel a:hover { color: var(--cml-warm-ivory); }
body.cml .cml-tel svg { width: 1.1em; height: 1.1em; flex: 0 0 auto; }

/* Botão flutuante. Fica acima do "voltar ao topo" do tema (44px + 30px do fundo). */
.cml-whatsapp {
  position: fixed;
  right: 30px;
  bottom: 88px;
  z-index: 101;
  display: inline-flex;
  align-items: center;
  gap: 0;
  height: 56px;
  padding: 0 16px;
  border-radius: 28px;
  background: var(--cml-coral);
  color: var(--cml-wine);
  box-shadow: 0 6px 24px rgba(0, 0, 0, .35);
  text-decoration: none;
  overflow: hidden;
  transition: gap .25s ease, background-color .25s ease, transform .25s ease;
}
.cml-whatsapp svg { width: 26px; height: 26px; flex: 0 0 auto; }
.cml-whatsapp-texto {
  font: 600 15px/1 var(--cml-body);
  letter-spacing: .01em;
  white-space: nowrap;
  max-width: 0;
  opacity: 0;
  transition: max-width .28s ease, opacity .2s ease;
}
.cml-whatsapp:hover,
.cml-whatsapp:focus-visible {
  gap: 10px;
  background: var(--cml-warm-ivory);
  transform: translateY(-2px);
}
.cml-whatsapp:hover .cml-whatsapp-texto,
.cml-whatsapp:focus-visible .cml-whatsapp-texto {
  max-width: 180px;
  opacity: 1;
}
/* No toque não existe hover: o rótulo fica sempre recolhido, só o ícone. */
@media (hover: none) {
  .cml-whatsapp { right: 20px; bottom: 84px; }
  .cml-whatsapp-texto { display: none; }
}
@media (prefers-reduced-motion: reduce) {
  .cml-whatsapp,
  .cml-whatsapp-texto { transition: none; }
  .cml-whatsapp:hover { transform: none; }
}

/* Ícone de WhatsApp dentro dos botões do tema herda a cor do texto do botão */
body.cml .cml-btn-wa .tcgelements-button-icon svg { color: inherit; }

/* Links do rodapé e o e-mail com área de toque confortável.
   O título gigante "TRANSFORMAR" fica de fora — já é enorme. */
body.cml #contato p.elementor-heading-title a {
  display: inline-block;
  padding: 12px 0;
  min-height: 44px;
  line-height: 20px;
}
body.cml #contato a[href^="mailto:"] { color: var(--cml-coral); }
body.cml #contato a[href^="mailto:"]:hover { color: var(--cml-warm-ivory); }

/* ------------------------------------------------------- navegação móvel */

@media (max-width: 991px) {
  /* Alvos de toque com no mínimo 44px (WCAG 2.5.8) */
  body.cml .fat-nav__wrapper .menu-item > a,
  body.cml .mob-nav .menu-item > a,
  body.cml .navbar-nav > li > a,
  body.cml .navbar-nav .sub-menu > li > a {
    display: block;
    min-height: 44px;
    line-height: 1.35;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  body.cml .hamburger {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 44px;
    min-height: 44px;
  }

  body.cml .elementor-social-icons-wrapper .elementor-social-icon,
  body.cml .tcg-offcanvas .offcanvas-toggle {
    min-width: 44px;
    min-height: 44px;
  }

  /* O botão do cabeçalho nasce com 35px de altura no tema */
  body.cml .site-header .tcgelements-button {
    min-height: 44px;
    display: inline-flex;
    align-items: center;
  }

  /* E-mail e WhatsApp dentro do painel lateral */
  body.cml .tcg-offcanvas .tcgelements-heading a,
  body.cml .tcg-offcanvas .tcgelements-heading-text a {
    display: inline-block;
    min-height: 44px;
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 24px;
  }

  body.cml .top-logo a {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
  }

  /* Cabeçalho não pode encostar nas bordas em telas estreitas */
  body.cml .site-header .e-con-inner { padding-inline: 16px; }

  /* Cabeçalho fixo no mobile.
     O tema só liga o comportamento fixo acima de 991px (há um `if (width > 991)`
     em container.js), então no celular o menu subia com a página e, numa página
     de ~12 telas, ficava inalcançável sem rolar tudo de volta. */
  body.cml .elementor-element.elementor-element-7bee4e2c {
    --position: fixed;
    top: 0;
    padding-block: 8px;
    background-color: rgba(34, 31, 32, .92);
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
    border-bottom: 1px solid rgba(247, 240, 231, .08);
  }
  /* O container de fundo do tema é transparente por padrão e venceria a regra acima */
  body.cml .elementor-element.elementor-element-7bee4e2c:not(.elementor-motion-effects-element-type-background) {
    background-color: rgba(34, 31, 32, .92);
  }
  /* Logo e menu numa linha só. Sem isto a barra quebra em duas (105px de altura)
     e come 15% da tela. O CTA sai daqui — o botão flutuante já cobre essa ação. */
  body.cml .elementor-element.elementor-element-3de904fd {
    --flex-wrap-mobile: nowrap;
    flex-wrap: nowrap;
  }
  body.cml .elementor-element.elementor-element-42fbd611 { display: none; }

  /* Logotipo legível no mobile sem dominar a barra */
  body.cml .site-header .logo1 { height: 34px; width: auto; }

  /* Cabeçalho fixo tem 78px: a âncora precisa parar abaixo dele */
  body.cml [id] { scroll-margin-top: 90px; }

  /* Etiquetas dos territórios chegavam a 42px */
  body.cml #territorios .tcg-dynamic-post-meta-text a {
    min-height: 44px;
    display: inline-flex;
    align-items: center;
  }

  /* Bolinhas do carrossel tinham 8x8 de área de toque.
     O ::before amplia o alvo sem mudar o desenho. */
  body.cml .swiper-pagination-bullet {
    position: relative;
  }
  body.cml .swiper-pagination-bullet::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 44px;
    height: 44px;
    transform: translate(-50%, -50%);
  }
}

@media (max-width: 575px) {
  body.cml .elementor-element-ac02184 .elementor-heading-title { max-width: 30ch; }
  body.cml .site-header .logo1 { height: 30px; }
  /* Cartões do método ocupam a largura toda e respiram */
  body.cml .tcgelements-service-card { padding-inline: 18px; }
}

/* Celular deitado: a altura é o recurso escasso, então a barra encolhe.
   Continua fixa — perder o menu seria pior do que perder 20px de conteúdo. */
@media (max-width: 991px) and (max-height: 480px) {
  body.cml .elementor-element.elementor-element-7bee4e2c { padding-block: 2px; }
  body.cml .elementor-element.elementor-element-514e9107 {
    padding-top: 2px;
    padding-bottom: 2px;
  }
  body.cml .site-header .logo1 { height: 26px; }
  body.cml [id] { scroll-margin-top: 70px; }
}

/* Suporte a telas com recorte (notch) */
@supports (padding: max(0px)) {
  body.cml .site-header .e-con-inner,
  body.cml footer .e-con-inner {
    padding-left: max(16px, env(safe-area-inset-left));
    padding-right: max(16px, env(safe-area-inset-right));
  }
}

/* ------------------------------------------------------- imagens fluidas */

body.cml img,
body.cml svg { max-width: 100%; }
body.cml .cml-marquee-symbol { height: clamp(40px, 6vw, 62px); }

/* --------------------------------- linhas "divisor + título + botão" ---
   As três linhas "↳ Título ─── Botão" (A essência / O método / O time)
   têm 3 filhos flex: o traço decorativo, o título e o botão. Em telas por
   volta de ~400-430px, a soma dos tamanhos "naturais" dos 3 estoura a
   largura disponível e o flexbox reparte o encolhimento de um jeito que
   espreme o TÍTULO até quebrar palavra a palavra (ex.: "A essênc" / "ia"),
   em vez de encolher o traço — que é só decoração e pode sumir sem perda.
   Confirmado em produção num Android real de 412px, ausente nos testes
   anteriores porque nunca cobriram essa largura específica. */
@media (max-width: 991px) {
  body.cml .elementor-element-7c46978,
  body.cml .elementor-element-f67a522,
  body.cml .elementor-element-9a016e9 {
    flex-wrap: wrap;
    row-gap: 10px;
    /* O traço decorativo tem flex-grow:1 e engolia TODO o espaço sobrando,
       deixando 0px entre o título e o botão quando os dois cabiam na mesma
       linha — ficavam colados. column-gap garante uma folga mínima sempre,
       mesmo quando o traço absorve o resto. */
    column-gap: 14px;
  }
  body.cml .elementor-element-23b1a66,
  body.cml .elementor-element-b4f5e4b,
  body.cml .elementor-element-f20c6c5 {
    flex: 1 1 32px;
    min-width: 0;
    order: 3;
    width: 100%;
  }
  body.cml .elementor-element-54734e9,
  body.cml .elementor-element-0b85ec9,
  body.cml .elementor-element-feb5792,
  body.cml .elementor-element-02684bf,
  body.cml .elementor-element-9ad7824,
  body.cml .elementor-element-bb00496 {
    flex: 0 0 auto;
    min-width: max-content;
  }
}

/* -------------------------------- botão do cabeçalho (linha do topo) ---
   O tema duplica o cabeçalho inteiro para o estado "colado ao rolar"
   (mesma marca, dois DOMs: 7bee4e2c/42fbd611 no topo, 382d9f5d/14b4cfd1
   no sticky). Só o primeiro botão "Iniciar projeto" tinha sido escondido
   no mobile — o gêmeo do cabeçalho fixo continuava aparecendo depois de
   rolar, espremido ao lado da logo e do menu, sem espaço pra ficar legível.
   O botão flutuante de WhatsApp já cobre essa ação nas duas situações. */
@media (max-width: 991px) {
  body.cml .elementor-element.elementor-element-14b4cfd1 {
    display: none;
  }
}

/* ============================================================
   AJUSTES FINOS DE RESPONSIVIDADE E MOBILE (ZERO SOBREPOSIÇÃO)
   ============================================================ */

/* 1. SEÇÃO MÉTODO (Lista 01, 02, 03, 04): Alinhamento horizontal perfeito */
body.cml .tcgelements-service-card {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 24px 10px !important;
  gap: 16px !important;
  border-bottom: 1px solid rgba(83, 30, 28, 0.18) !important;
  text-decoration: none !important;
  position: relative !important;
}
body.cml .tcgelements-service-card .num {
  font-family: var(--cml-body) !important;
  font-size: 1.1rem !important;
  font-weight: 600 !important;
  color: var(--cml-wine) !important;
  flex: 0 0 36px !important;
  width: 36px !important;
  order: 1 !important;
  margin: 0 !important;
  padding: 0 !important;
}
body.cml .tcgelements-service-card .inf {
  flex: 1 1 auto !important;
  width: auto !important;
  max-width: calc(100% - 110px) !important;
  text-align: left !important;
  order: 2 !important;
  padding: 0 !important;
  margin: 0 !important;
  position: relative !important;
}
body.cml .tcgelements-service-card .inf .title {
  font-family: var(--cml-display) !important;
  font-size: clamp(1.35rem, 4.8vw, 2.2rem) !important;
  font-weight: 600 !important;
  letter-spacing: 0.01em !important;
  line-height: 1.15 !important;
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: break-word !important;
  color: var(--cml-wine) !important;
  text-align: left !important;
  margin: 0 !important;
  padding: 0 !important;
}
body.cml .tcgelements-service-card .icon {
  flex: 0 0 48px !important;
  width: 48px !important;
  height: 48px !important;
  border-radius: 50% !important;
  border: 1px solid rgba(83, 30, 28, 0.22) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  order: 3 !important;
  margin: 0 !important;
}
body.cml .tcgelements-service-card .icon img {
  width: 22px !important;
  height: 22px !important;
  object-fit: contain !important;
  margin: auto !important;
}

/* 2. BOTÕES FLUTUANTES (WHATSAPP À DIREITA, VOLTAR AO TOPO À ESQUERDA) */
.cml-whatsapp {
  position: fixed !important;
  right: 24px !important;
  bottom: 24px !important;
  z-index: 999 !important;
  height: 56px !important;
  min-width: 56px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.to-top {
  z-index: 998 !important;
}
.to-top.fixed {
  position: fixed !important;
  left: 24px !important;
  right: auto !important;
  bottom: 24px !important;
}

/* 3. REGRAS GERAIS PARA TELAS TABLET E MOBILE (< 992px) */
@media (max-width: 991px) {
  /* Hero section */
  body.cml .elementor-element.elementor-element-ea83c6b {
    --margin-top: -100px !important;
    margin-top: -100px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    position: relative !important;
    z-index: 10 !important;
    padding-inline: 16px !important;
  }
  body.cml .elementor-element.elementor-element-98226b0 {
    position: relative !important;
    width: 100% !important;
    margin: 0 0 16px 0 !important;
    text-align: center !important;
    z-index: 2 !important;
    display: block !important;
  }
  body.cml .elementor-element.elementor-element-98226b0 .elementor-heading-title {
    font-family: var(--cml-another-flight) !important;
    font-size: clamp(2.8rem, 16vw, 6rem) !important;
    line-height: 0.95 !important;
    white-space: normal !important;
    letter-spacing: normal !important;
    margin: 0 !important;
    display: block !important;
    text-align: center !important;
  }
  body.cml .elementor-element.elementor-element-ac02184 {
    position: relative !important;
    width: 100% !important;
    margin: 0 auto !important;
    clear: both !important;
    z-index: 2 !important;
    display: block !important;
  }
  body.cml .elementor-element.elementor-element-ac02184 > .elementor-widget-container {
    margin: 0 auto !important;
    padding: 0 !important;
  }
  body.cml .elementor-element.elementor-element-ac02184 .elementor-heading-title {
    font-size: clamp(1rem, 4.2vw, 1.35rem) !important;
    line-height: 1.4 !important;
    max-width: 34ch !important;
    margin: 0 auto !important;
    text-align: center !important;
  }

  /* Cartões dos Territórios (CREATE, GROW, MOVE, EVOLVE) - Universal para todos os templates */
  body.cml #territorios .tcg-dynamic-query-item,
  body.cml #territorios [class*="elementor-"] {
    position: relative !important;
  }
  body.cml #territorios .tcg-dynamic-query-item .e-con-parent,
  body.cml #territorios .elementor-68 .elementor-element-ce1e4d6,
  body.cml #territorios .elementor-689 .elementor-element-c23fef6,
  body.cml #territorios .elementor-692 .elementor-element-8f94011 {
    position: relative !important;
    min-height: 380px !important;
    margin-bottom: 24px !important;
  }
  body.cml #territorios .tcg-post-image img,
  body.cml #territorios .elementor-widget-tcg-post-featured-image img,
  body.cml #territorios .elementor-element-c3401f7 img,
  body.cml #territorios .elementor-element-03a5c4e img,
  body.cml #territorios .elementor-element-a36dbaf img {
    height: 380px !important;
    min-height: 380px !important;
    max-height: 380px !important;
    object-fit: cover !important;
    border-radius: 16px !important;
    display: block !important;
    width: 100% !important;
  }
  body.cml #territorios .tcg-post-image-wrapper {
    height: 380px !important;
    max-height: 380px !important;
  }
  /* Tags (Bullets: Design, Branding, etc.) no topo à direita */
  body.cml #territorios .elementor-widget-tcg-dynamic-post-meta:has(.tcg-meta-type-categories),
  body.cml #territorios .elementor-widget-tcg-dynamic-post-meta:has(.tcg-meta-type-tags),
  body.cml #territorios .elementor-element-048318c,
  body.cml #territorios .elementor-element-283d346,
  body.cml #territorios .elementor-element-22eef03,
  body.cml #territorios .elementor-element-597824e,
  body.cml #territorios .tcg-meta-type-categories,
  body.cml #territorios .tcg-meta-type-tags {
    position: absolute !important;
    top: 18px !important;
    right: 18px !important;
    left: auto !important;
    width: auto !important;
    max-width: calc(100% - 36px) !important;
    display: flex !important;
    justify-content: flex-end !important;
    z-index: 10 !important;
  }
  body.cml #territorios .tcg-meta-type-categories .tcg-dynamic-post-meta-text,
  body.cml #territorios .tcg-meta-type-tags .tcg-dynamic-post-meta-text {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: flex-end !important;
    align-items: center !important;
    gap: 6px !important;
    width: 100% !important;
    text-align: right !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  body.cml #territorios .tcg-meta-type-categories a,
  body.cml #territorios .tcg-meta-type-tags a {
    white-space: nowrap !important;
    word-break: keep-all !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
    padding: 5px 12px !important;
    font-size: 11.5px !important;
    line-height: 1 !important;
    min-height: 28px !important;
    margin: 0 !important;
    background: rgba(34, 31, 32, 0.6) !important;
    backdrop-filter: blur(8px) !important;
    -webkit-backdrop-filter: blur(8px) !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    border-radius: 20px !important;
    color: var(--cml-warm-ivory) !important;
  }

  /* Títulos dos Cartões (CREATE, EVOLVE, GROW, MOVE) - No cantinho inferior direito */
  body.cml #territorios .tcg-meta-type-title,
  body.cml #territorios .elementor-element.elementor-element-129c79a,
  body.cml #territorios .elementor-element.elementor-element-602fa49,
  body.cml #territorios .elementor-element.elementor-element-4234417,
  body:not(.rtl).cml #territorios .elementor-element.elementor-element-129c79a,
  body:not(.rtl).cml #territorios .elementor-element.elementor-element-602fa49,
  body:not(.rtl).cml #territorios .elementor-element.elementor-element-4234417 {
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    top: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    transform: none !important;
    --e-transform-translateY: 0 !important;
    display: flex !important;
    justify-content: flex-end !important;
    align-items: flex-end !important;
    padding: 0 28px 24px 0 !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    z-index: 10 !important;
    pointer-events: none !important;
  }
  body.cml #territorios .elementor-element-129c79a > .elementor-widget-container,
  body.cml #territorios .elementor-element-602fa49 > .elementor-widget-container,
  body.cml #territorios .elementor-element-4234417 > .elementor-widget-container,
  body.cml #territorios .tcg-meta-type-title > .elementor-widget-container {
    padding: 0 !important;
    margin: 0 !important;
    transform: none !important;
    --e-transform-translateY: 0 !important;
    text-align: right !important;
    width: auto !important;
    overflow: visible !important;
    pointer-events: none !important;
  }
  body.cml #territorios .tcg-meta-type-title h2,
  body.cml #territorios .tcg-meta-type-title .tcg-dynamic-post-meta-text,
  body.cml #territorios .elementor-element-129c79a .tcg-dynamic-post-meta-text,
  body.cml #territorios .elementor-element-602fa49 .tcg-dynamic-post-meta-text,
  body.cml #territorios .elementor-element-4234417 .tcg-dynamic-post-meta-text,
  body.cml #territorios .elementor-element-129c79a h2,
  body.cml #territorios .elementor-element-602fa49 h2,
  body.cml #territorios .elementor-element-4234417 h2 {
    font-family: 'Another Flight', "Barlow Condensed", sans-serif !important;
    font-size: clamp(2rem, 7vw, 3rem) !important;
    font-weight: 400 !important;
    line-height: 1 !important;
    letter-spacing: 0.02em !important;
    text-align: right !important;
    display: block !important;
    width: auto !important;
    white-space: nowrap !important;
    overflow: visible !important;
    pointer-events: auto !important;
  }
  body.cml #territorios .tcg-meta-type-title a,
  body.cml #territorios .elementor-element-129c79a a,
  body.cml #territorios .elementor-element-602fa49 a,
  body.cml #territorios .elementor-element-4234417 a {
    font-family: 'Another Flight', "Barlow Condensed", sans-serif !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
    letter-spacing: inherit !important;
    color: var(--cml-warm-ivory) !important;
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    min-height: auto !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    display: inline-block !important;
    text-align: right !important;
    white-space: nowrap !important;
    pointer-events: auto !important;
    text-shadow: 0 4px 20px rgba(0, 0, 0, 0.4) !important;
  }


  /* Cabeçalho mobile */
  body.cml .site-header .elementor-element-42fbd611 {
    display: none !important;
  }
  body.cml .elementor-element.elementor-element-514e9107 {
    padding: 6px 12px !important;
  }
  body.cml .site-header .logo1 {
    height: 30px !important;
    width: auto !important;
  }
  .cml-whatsapp {
    right: 18px !important;
    bottom: 18px !important;
  }
  .to-top.fixed {
    left: 18px !important;
    bottom: 18px !important;
  }
}

/* 4. REGRAS PARA SMARTPHONES MENORES (< 576px) */
@media (max-width: 575px) {
  body.cml .elementor-element.elementor-element-ea83c6b {
    --margin-top: -65px !important;
    margin-top: -65px !important;
  }
  body.cml .elementor-element.elementor-element-98226b0 .elementor-heading-title {
    font-family: var(--cml-another-flight) !important;
    font-size: clamp(2.4rem, 17vw, 4.2rem) !important;
  }
  body.cml .elementor-element.elementor-element-ac02184 .elementor-heading-title {
    font-size: 1.05rem !important;
    line-height: 1.35 !important;
    max-width: 28ch !important;
  }
  body.cml .site-header .logo1 {
    height: 26px !important;
  }
}

/* ==========================================================================
   SISTEMA CROMÁTICO / PERSONALIDADE - 3 CARDS QUADRADOS CENTRALIZADOS (SEM ROLAGEM LATERAL)
   ========================================================================== */
body.cml .tcgelements-cards,
body.cml .tcgelements-cards.scroll-animation {
  width: 100% !important;
  max-width: 1320px !important;
  margin: 0 auto !important;
  padding-top: 60px !important;
  padding-bottom: 60px !important;
  padding-left: 20px !important;
  padding-right: 20px !important;
  display: flex !important;
  flex-direction: row !important;
  justify-content: center !important;
  align-items: flex-start !important;
  gap: 24px !important;
  box-sizing: border-box !important;
}

body.cml .tcgelements-cards .panel,
body.cml .tcgelements-cards.scroll-animation .panel {
  display: flex !important;
  flex: 1 1 0 !important;
  max-width: 420px !important;
  justify-content: center !important;
  align-items: flex-start !important;
  padding: 0 !important;
  transform: none !important;
}

body.cml .tcgelements-cards .panel .card-item,
body.cml .tcgelements-cards.scroll-animation .panel .card-item,
body.cml .tcgelements-cards.scroll-animation .panel:nth-of-type(even) .card-item {
  width: 100% !important;
  max-width: 100% !important;
  transform: none !important;
  margin: 0 !important;
}

body.cml .tcgelements-cards .panel .card-item .img,
body.cml .tcgelements-cards.scroll-animation .panel .card-item .img {
  width: 100% !important;
  aspect-ratio: 1 / 1 !important;
  border-radius: 8px !important;
  overflow: hidden !important;
  filter: grayscale(100%) !important;
  transition: filter 0.5s ease, transform 0.5s ease !important;
}

body.cml .tcgelements-cards .panel .card-item:hover .img,
body.cml .tcgelements-cards.scroll-animation .panel .card-item:hover .img {
  filter: grayscale(0%) !important;
}

body.cml .tcgelements-cards .panel .card-item .img img,
body.cml .tcgelements-cards.scroll-animation .panel .card-item .img img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
  transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

body.cml .tcgelements-cards .panel .card-item:hover .img img,
body.cml .tcgelements-cards.scroll-animation .panel .card-item:hover .img img {
  transform: scale(1.04) !important;
}

body.cml .tcgelements-cards .panel .card-item .cont,
body.cml .tcgelements-cards.scroll-animation .panel .card-item .cont {
  margin-top: 20px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  width: 100% !important;
}

body.cml .tcgelements-cards .panel .card-item .description,
body.cml .tcgelements-cards .card-item .description {
  font-size: 15px !important;
  font-weight: 300 !important;
  line-height: 1.4em !important;
  margin: 0px 0px 0px 38% !important;
  color: var(--e-global-color-text) !important;
  opacity: 0.75 !important;
}

@media (max-width: 992px) {
  body.cml .tcgelements-cards,
  body.cml .tcgelements-cards.scroll-animation {
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 30px !important;
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }
  body.cml .tcgelements-cards .panel,
  body.cml .tcgelements-cards.scroll-animation .panel {
    display: flex !important;
    width: 100% !important;
    max-width: 380px !important;
    padding: 0 !important;
  }
  body.cml .tcgelements-cards .panel .card-item,
  body.cml .tcgelements-cards.scroll-animation .panel .card-item,
  body.cml .tcgelements-cards.scroll-animation .panel:nth-of-type(even) .card-item {
    width: 100% !important;
    max-width: 380px !important;
    margin: 0 auto !important;
    transform: none !important;
  }
  body.cml .tcgelements-cards .panel .card-item .description,
  body.cml .tcgelements-cards .card-item .description {
    margin: 10px 0 0 0 !important;
  }
}