.elementor-159 .elementor-element.elementor-element-e895fa8{--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;--align-items:center;--padding-top:180px;--padding-bottom:110px;--padding-left:0px;--padding-right:0px;--z-index:2;}.elementor-159 .elementor-element.elementor-element-e895fa8:not(.elementor-motion-effects-element-type-background), .elementor-159 .elementor-element.elementor-element-e895fa8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://marcenariacasagrande.com.br/wp-content/uploads/2026/05/bg-hero-01.avif");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-159 .elementor-element.elementor-element-e1a0456{--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;--align-items:center;--gap:24px 24px;--row-gap:24px;--column-gap:24px;}.elementor-159 .elementor-element.elementor-element-b43c3eb{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;border-style:none;--border-style:none;--border-radius:0px 0px 0px 0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-159 .elementor-element.elementor-element-6cbc864{text-align:center;}.elementor-159 .elementor-element.elementor-element-6cbc864 .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:18px;font-weight:500;line-height:1.2em;color:#C0C0C0;}.elementor-159 .elementor-element.elementor-element-4a35686{--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;--align-items:center;--gap:16px 16px;--row-gap:16px;--column-gap:16px;}.elementor-159 .elementor-element.elementor-element-1bb02e6{text-align:center;}.elementor-159 .elementor-element.elementor-element-1bb02e6 .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:50px;font-weight:500;line-height:1.2em;letter-spacing:-0.015em;color:#FFFFFF;}.elementor-159 .elementor-element.elementor-element-828d0ba{--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:48px 48px;--row-gap:48px;--column-gap:48px;--padding-top:40px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;--z-index:4;}.elementor-159 .elementor-element.elementor-element-828d0ba:not(.elementor-motion-effects-element-type-background), .elementor-159 .elementor-element.elementor-element-828d0ba > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FAF8F4;}.elementor-159 .elementor-element.elementor-element-c62c8d2{--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;--align-items:center;--gap:60px 60px;--row-gap:60px;--column-gap:60px;--border-radius:24px 24px 24px 24px;--padding-top:56px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-159 .elementor-element.elementor-element-c62c8d2:not(.elementor-motion-effects-element-type-background), .elementor-159 .elementor-element.elementor-element-c62c8d2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FAF8F4;}.elementor-widget-loop-grid .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-159 .elementor-element.elementor-element-b104446{--grid-columns:3;}@media(max-width:1024px){.elementor-159 .elementor-element.elementor-element-b104446{--grid-columns:2;}}@media(max-width:767px){.elementor-159 .elementor-element.elementor-element-e895fa8{--padding-top:120px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}.elementor-159 .elementor-element.elementor-element-e1a0456{--gap:12px 12px;--row-gap:12px;--column-gap:12px;--padding-top:0px;--padding-bottom:0px;--padding-left:16px;--padding-right:16px;}.elementor-159 .elementor-element.elementor-element-6cbc864 .elementor-heading-title{font-size:18px;}.elementor-159 .elementor-element.elementor-element-1bb02e6 .elementor-heading-title{font-size:32px;}.elementor-159 .elementor-element.elementor-element-828d0ba{--gap:32px 32px;--row-gap:32px;--column-gap:32px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-159 .elementor-element.elementor-element-c62c8d2{--gap:32px 32px;--row-gap:32px;--column-gap:32px;--padding-top:40px;--padding-bottom:40px;--padding-left:16px;--padding-right:16px;}.elementor-159 .elementor-element.elementor-element-b104446{--grid-columns:1;--grid-row-gap:20px;--grid-column-gap:20px;}}@media(min-width:768px){.elementor-159 .elementor-element.elementor-element-e1a0456{--width:100%;}}/* Start custom CSS for heading, class: .elementor-element-6cbc864 */.elementor-159 .elementor-element.elementor-element-6cbc864 ul, 
.elementor-159 .elementor-element.elementor-element-6cbc864 li {
    list-style-type: none !important;
    list-style: none !important;
}

/* Garante a remoção forçada do marker se o navegador insistir */
.elementor-159 .elementor-element.elementor-element-6cbc864 ::marker {
    content: none !important;
    display: none !important;
}

.elementor-159 .elementor-element.elementor-element-6cbc864 .elementor-post-info{
    padding: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b43c3eb */.elementor-159 .elementor-element.elementor-element-b43c3eb {
    width: fit-content;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e1a0456 */.elementor-159 .elementor-element.elementor-element-e1a0456 {
    max-width: 800px;
}/* End custom CSS */
/* Start custom CSS *//* =========================================================
   CASA GRANDE MARCENARIA — CSS COMPLETO
   WordPress + Elementor + Elementor Pro
========================================================= */


/* =========================================================
   1. TOKENS / VARIÁVEIS
========================================================= */

:root,
.cg-theme-casa {
  /* Backgrounds claros */
  --cg-bg: #FAF8F4;
  --cg-surface: #F0EAE0;
  --cg-surface-2: #E8DDD0;

  /* Backgrounds escuros */
  --cg-dark: #17120E;
  --cg-dark-2: #211A14;
  --cg-dark-3: #2B241D;
  --cg-dark-4: #3C3733;

  /* Textos */
  --cg-text: #1C1208;
  --cg-white: #FFFFFF;
  --cg-offwhite: #F8F4EE;
  --cg-cream: #F1E6D6;
  --cg-muted: #7A6A52;
  --cg-muted-light: #D6CABB;

  /* Cores antigas compatíveis */
  --cg-primary: #3C3733;
  --cg-accent: #D8C8AE;
  --cg-accent-2: #84766B;

  /* Dourados */
  --cg-gold-light: #E3C994;
  --cg-gold: #C8A96D;
  --cg-gold-mid: #A98759;
  --cg-gold-dark: #765D3C;

  /* Bordas */
  --cg-border: #D9CEBF;
  --cg-border-dark: #B8A898;
  --cg-border-gold: rgba(213, 184, 119, .72);

  /* Raios */
  --cg-radius-sm: 6px;
  --cg-radius: 14px;
  --cg-radius-lg: 24px;
  --cg-radius-pill: 999px;

  /* Fontes */
  --cg-font-title: "Manrope", "Inter", Arial, sans-serif;
  --cg-font-body: "Manrope", "Inter", Arial, sans-serif;

  /* Sombras */
  --cg-shadow-soft: 0 16px 48px rgba(46, 26, 14, .10);
  --cg-shadow-dark: 0 24px 60px rgba(0, 0, 0, .38);
  --cg-shadow-button:
    0 18px 36px rgba(0, 0, 0, .38),
    inset 0 1px 0 rgba(255, 255, 255, .38),
    inset 0 -10px 18px rgba(67, 43, 22, .22);
}


/* =========================================================
   2. BASE GERAL
========================================================= */

body, html {
    overflow-x: hidden;
}

.cg-theme-casa {
  font-family: var(--cg-font-body);
  color: var(--cg-text);
}

.cg-site {
  background: var(--cg-bg);
  color: var(--cg-text);
}

.primary,
.cg-text-gold {
  color: var(--cg-gold-light) !important;
}

.cg-text-muted {
  color: var(--cg-muted) !important;
}

.cg-text-white {
  color: var(--cg-white) !important;
}

.cg-text-cream {
  color: var(--cg-cream) !important;
}


/* =========================================================
   3. SEÇÕES / BACKGROUNDS
========================================================= */

.cg-section--cream {
  background: var(--cg-bg);
}

.cg-section--surface {
  background: var(--cg-surface);
}

.cg-section--dark {
  background:
    linear-gradient(135deg, var(--cg-dark-2) 0%, var(--cg-dark) 100%);
  color: var(--cg-white);
}

.cg-hero-dark,
.cg-section--hero-dark {
  position: relative;
  overflow: hidden;
  background:
    linear-gradient(90deg, rgba(22, 17, 13, .96) 0%, rgba(32, 25, 19, .95) 100%),
    linear-gradient(135deg, #211A14 0%, #33281F 48%, #17120E 100%);
  color: var(--cg-white);
}

.cg-hero-dark::after,
.cg-section--hero-dark::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  opacity: .20;
  pointer-events: none;
  background:
    linear-gradient(90deg, rgba(255, 255, 255, .025), transparent 20%),
    repeating-linear-gradient(
      90deg,
      rgba(255, 255, 255, .018) 0px,
      rgba(255, 255, 255, .018) 1px,
      transparent 1px,
      transparent 5px
    );
}

.cg-hero-dark > *,
.cg-section--hero-dark > * {
  position: relative;
  z-index: 1;
}



/* =========================================================
   4. HEADER / NAVBAR ELEMENTOR PRO
========================================================= */

.cg-header,
.cg-header-floating {
  border-radius: 14px;
  background:
    linear-gradient(
      180deg,
      rgba(64, 55, 46, .96) 0%,
      rgba(31, 25, 20, .98) 100%
    );
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  box-shadow:
    0 20px 45px rgba(0, 0, 0, .38),
    inset 0 1px 0 rgba(255, 255, 255, .08);
}

/* Widget Nav Menu */
.cg-nav .elementor-nav-menu--main .elementor-item,
.cg-nav a {
  font-family: var(--cg-font-body) !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  color: var(--cg-offwhite) !important;
  line-height: 1.1 !important;
  transition: color .25s ease, opacity .25s ease;
}

.cg-nav .elementor-nav-menu--main .elementor-item:hover,
.cg-nav .elementor-nav-menu--main .elementor-item.elementor-item-active,
.cg-nav a:hover,
.cg-nav .elementor-item-active {
  color: var(--cg-gold-light) !important;
}

.cg-nav .elementor-nav-menu--main .elementor-item::after,
.cg-nav .elementor-nav-menu--main .elementor-item::before {
  background-color: var(--cg-gold-light) !important;
}

/* Menu mobile */
.cg-nav .elementor-menu-toggle {
  color: var(--cg-gold-light) !important;
  background: rgba(23, 18, 14, .42) !important;
  border: 1px solid rgba(213, 184, 119, .45);
  border-radius: 10px;
}

.cg-nav .elementor-nav-menu--dropdown {
  background:
    linear-gradient(
      180deg,
      rgba(64, 55, 46, .98) 0%,
      rgba(31, 25, 20, .98) 100%
    ) !important;
  border: 1px solid rgba(255, 255, 255, .08);
  border-radius: 14px;
  box-shadow: 0 20px 45px rgba(0, 0, 0, .38);
}

.cg-nav .elementor-nav-menu--dropdown .elementor-item {
  color: var(--cg-offwhite) !important;
}

.cg-nav .elementor-nav-menu--dropdown .elementor-item:hover,
.cg-nav .elementor-nav-menu--dropdown .elementor-item.elementor-item-active {
  color: var(--cg-gold-light) !important;
  background: rgba(200, 169, 109, .10) !important;
}

/* Botão do header: aplique cg-nav-cta no widget do botão */
.cg-nav-cta .elementor-button {
  padding: 12px 20px !important;
  border-radius: 10px !important;
  border: 1px solid var(--cg-border-gold) !important;
  color: var(--cg-cream) !important;
  background: rgba(23, 18, 14, .32) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .08),
    0 8px 18px rgba(0, 0, 0, .22);
  font-family: var(--cg-font-body) !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  transition: transform .25s ease, background .25s ease, border-color .25s ease;
}

.cg-nav-cta .elementor-button:hover {
  transform: translateY(-1px);
  background: rgba(200, 169, 109, .12) !important;
  border-color: var(--cg-gold-light) !important;
}

.cg-nav-cta .elementor-button-text {
  color: var(--cg-cream) !important;
}

.cg-nav-cta .elementor-button-icon svg {
  fill: var(--cg-gold-light) !important;
}


/* =========================================================
   5. TIPOGRAFIA / HEADINGS ELEMENTOR
========================================================= */

.cg-title-premium .elementor-heading-title,
.cg-title-premium h1,
.cg-title-premium h2 {
  font-family: var(--cg-font-title) !important;
  font-size: clamp(56px, 5vw, 86px) !important;
  font-weight: 400 !important;
  line-height: .96 !important;
  letter-spacing: -.035em !important;
  color: var(--cg-white) !important;
}

.cg-title-premium-gold .elementor-heading-title,
.cg-title-premium-gold h1,
.cg-title-premium-gold h2 {
  font-family: var(--cg-font-title) !important;
  font-size: clamp(56px, 5vw, 86px) !important;
  font-weight: 400 !important;
  line-height: .96 !important;
  letter-spacing: -.035em !important;
  background: linear-gradient(180deg, #E8D2A4 0%, #C6A66C 58%, #967346 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;
}

.cg-heading--on-dark .elementor-heading-title,
.cg-heading--on-dark h1,
.cg-heading--on-dark h2,
.cg-heading--on-dark h3 {
  color: var(--cg-white) !important;
}

.cg-copy--on-dark,
.cg-copy--on-dark p,
.cg-copy--on-dark .elementor-widget-container {
  color: var(--cg-cream) !important;
}

.cg-copy-premium .elementor-widget-container,
.cg-copy-premium p {
  font-family: var(--cg-font-title) !important;
  font-size: clamp(21px, 1.6vw, 27px) !important;
  font-weight: 400 !important;
  line-height: 1.35 !important;
  color: var(--cg-cream) !important;
}

/* Label antigo */
.cg-label p,
.cg-label .elementor-heading-title {
  font-size: .7rem !important;
  font-weight: 700 !important;
  letter-spacing: .12em !important;
  text-transform: uppercase !important;
  color: var(--cg-muted) !important;
}

.cg-label--on-dark .elementor-heading-title,
.cg-label--on-dark p {
  color: var(--cg-accent) !important;
}

/* Linha dourada */
.cg-title-line {
  width: 62px;
  height: 2px;
  background: linear-gradient(90deg, var(--cg-gold-light), var(--cg-gold-mid));
}


/* =========================================================
   6. BADGE / SELO
   Aplique cg-badge em Heading, Texto ou Container
========================================================= */

/* Container Principal */
.cg-badge .elementor-heading-title {
  width: fit-content;
  display: inline-flex;
  align-items: center;
  gap: 14px;
  min-height: 40px;
  padding: 0 18px;
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  border-radius: var(--cg-radius-pill);
  border: 1px solid rgba(200, 169, 109, .55);
  background: rgba(30, 24, 18, .48);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .06),
    0 12px 26px rgba(0, 0, 0, .22);
  font-family: var(--cg-font-body) !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 1 !important;
  color: var(--cg-white) !important;
  position: relative; /* Necessário para o posicionamento da onda */
  overflow: visible;   /* Garante que a onda possa expandir para fora do badge se desejar */
}

/* O Núcleo (Bolinha Fixa) */
.cg-badge .elementor-heading-title::before {
  content: "";
  width: 11px;
  height: 11px;
  min-width: 11px;
  border-radius: 50%;
  background: var(--cg-gold);
  z-index: 2; /* Fica acima da onda */
  box-shadow: 0 0 10px rgba(200, 169, 109, .4);
}
/* A Onda do Radar - Ajustada */
.cg-badge .elementor-heading-title::after {
  content: "";
  position: absolute;
  left: 23px; 
  top: 50%;
  transform: translate(-50%, -50%) scale(1);
  
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: var(--cg-gold);
  z-index: 1;
  animation: radar-wave 2.5s infinite cubic-bezier(0.25, 0, 0.3, 1);
  pointer-events: none; /* Garante que a onda não atrapalhe cliques */
}

/* Animação com Transform Combinado */
@keyframes radar-wave {
  0% {
    /* Mantemos o translate(-50%, -50%) fixo para não perder o centro */
    transform: translate(-50%, -50%) scale(1);
    opacity: 0.8;
  }
  80%, 100% {
    transform: translate(-50%, -50%) scale(3);
    opacity: 0;
  }
}
/* =========================================================
   7. BOTÕES ELEMENTOR
   Aplique cg-btn no widget Button
========================================================= */


.cg-btn .elementor-button {
  isolation: isolate;
  padding: 18px 22px 18px 22px !important;
  border-radius: 13px !important;
  border: 1px solid rgba(238, 210, 154, .58) !important;
  background: linear-gradient(180deg, #B99A67 0%, #927246 100%) !important;
  box-shadow:
    0 18px 36px rgba(0, 0, 0, .38),
    inset 0 1px 0 rgba(255, 255, 255, .38),
    inset 0 -10px 18px rgba(67, 43, 22, .22) !important;
  color: var(--cg-white) !important;
  font-family: var(--cg-font-body) !important;
  font-size: 18px !important;
  font-weight: 600 !important;
  transition:
    transform .25s ease,
    box-shadow .25s ease,
    background .25s ease,
    border-color .25s ease !important;
}

.cg-btn .elementor-button:hover {
  transform: translateY(-2px);
  background: linear-gradient(180deg, #C6A86F 0%, #9B794B 100%) !important;
  border-color: var(--cg-gold-light) !important;
  box-shadow:
    0 24px 46px rgba(0, 0, 0, .46),
    inset 0 1px 0 rgba(255, 255, 255, .42),
    inset 0 -10px 18px rgba(67, 43, 22, .20) !important;
}

.cg-btn .elementor-button:active {
  transform: translateY(0);
}

.cg-btn .elementor-button-text {
  color: var(--cg-white) !important;
}

/* Ícone circular interno do botão */


.cg-btn .elementor-button-icon svg {
  fill: currentColor !important;
}

/* Botão secundário */
.cg-btn.cg-btn--outline .elementor-button {
  color: var(--cg-white) !important;
  border: 1px solid rgba(245, 236, 221, .78) !important;
  background:
    linear-gradient(180deg, rgba(36, 30, 24, .88) 0%, rgba(22, 18, 14, .92) 100%) !important;
  box-shadow:
    0 16px 34px rgba(0, 0, 0, .34),
    inset 0 1px 0 rgba(255, 255, 255, .08),
    inset 0 -8px 18px rgba(0, 0, 0, .18) !important;
}

.cg-btn.cg-btn--outline .elementor-button:hover {
  border-color: var(--cg-border-gold) !important;
  background:
    linear-gradient(180deg, rgba(46, 38, 30, .92) 0%, rgba(24, 19, 15, .96) 100%) !important;
}


/* =========================================================
   8. ÍCONES
========================================================= */

.cg-icon-gold .elementor-icon,
.cg-icon-gold .elementor-icon svg {
  color: var(--cg-gold-light) !important;
  fill: var(--cg-gold-light) !important;
}

.cg-icon-circle .elementor-icon {
  width: 54px;
  height: 54px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background:
    radial-gradient(circle at 32% 25%, #FFFFFF 0%, #F2EADF 46%, #DED0BE 100%);
  color: var(--cg-gold-dark) !important;
  box-shadow:
    0 8px 18px rgba(0, 0, 0, .22),
    inset 0 1px 0 rgba(255, 255, 255, .8);
}


/* =========================================================
   9. STATS
========================================================= */

.cg-stats-grid {
  overflow: hidden;
}

.cg-stat-card {
  background: var(--cg-bg);
  border: 1px solid var(--cg-border);
  border-radius: var(--cg-radius);
  box-shadow: 0 10px 30px rgba(46, 26, 14, .06);
  transition: box-shadow .25s ease, transform .25s ease;
}

.cg-stat-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 16px 48px rgba(46, 26, 14, .10);
}

.cg-stat-card__number .elementor-heading-title,
.cg-stat-card__number p {
  color: var(--cg-primary) !important;
}

.cg-stat-card__label .elementor-heading-title,
.cg-stat-card__label p,
.cg-stat-card__desc,
.cg-stat-card__desc p {
  color: var(--cg-muted) !important;
}


/* =========================================================
   10. CARDS / PROJETOS
========================================================= */

.cg-card-premium,
.cg-work-card {
  background: var(--cg-bg);
  border: 1px solid var(--cg-border);
  border-radius: var(--cg-radius-lg);
  overflow: hidden;
  box-shadow: 0 10px 30px rgba(46, 26, 14, .06);
  transition: transform .25s ease, box-shadow .25s ease;
}

.cg-card-premium:hover,
.cg-work-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 16px 48px rgba(46, 26, 14, .12);
}

.cg-card-dark {
  border-radius: var(--cg-radius);
  border: 1px solid rgba(255, 255, 255, .12);
  background: rgba(255, 255, 255, .06);
  box-shadow:
    0 22px 48px rgba(0, 0, 0, .22),
    inset 0 1px 0 rgba(255, 255, 255, .08);
}

.cg-tag .elementor-heading-title,
.cg-tag p {
  background: var(--cg-surface);
  border: 1px solid var(--cg-border);
  border-radius: 100px;
  color: var(--cg-muted) !important;
  display: inline-flex;
  padding: 4px 12px;
}


/* =========================================================
   11. IMAGE STACK
========================================================= */

.cg-image-stack {
  display: grid !important;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr;
  overflow: hidden;
  border-radius: var(--cg-radius-lg);
}

.cg-image-stack .elementor-widget-image {
  grid-column: 1 / 2;
  grid-row: 1 / 2;
  opacity: 0;
  z-index: 0;
  pointer-events: none;
  transition: opacity .5s ease-in-out, transform .8s ease-out;
  transform: scale(1.05);
}

.cg-image-stack .elementor-widget-image.imagem-ativa {
  opacity: 1;
  z-index: 2;
  transform: scale(1);
}

.cg-img-rounded img {
  border-radius: var(--cg-radius-lg);
}

.cg-img-shadow img {
  box-shadow: 0 24px 60px rgba(0, 0, 0, .28);
}

.cg-img-cover img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}


/* =========================================================
   12. DEPOIMENTOS
========================================================= */

.cg-testimonial-card {
  background: rgba(255, 255, 255, .05) !important;
  border: 1px solid rgba(255, 255, 255, .12) !important;
  border-radius: var(--cg-radius) !important;
  box-shadow:
    0 22px 48px rgba(0, 0, 0, .22),
    inset 0 1px 0 rgba(255, 255, 255, .08);
  transition: background .25s ease, transform .25s ease;
    backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}

.cg-testimonial-card:hover {
  background: rgba(255, 255, 255, .10) !important;
  transform: translateY(-3px);
}

.cg-testimonial-light,
.cg-testimonial-card--light {
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, .55);
  background:
    linear-gradient(135deg, #F7F1E9 0%, #EFE7DC 100%);
  color: #332D27;
  box-shadow:
    0 26px 58px rgba(0, 0, 0, .28),
    inset 0 1px 0 rgba(255, 255, 255, .76);
}

.cg-testimonial-light .elementor-heading-title,
.cg-testimonial-light p,
.cg-testimonial-card--light .elementor-heading-title,
.cg-testimonial-card--light p {
  color: #332D27 !important;
}

.cg-testimonial-light em,
.cg-testimonial-light i,
.cg-testimonial-card--light em,
.cg-testimonial-card--light i {
  font-style: italic;
  color: #332D27 !important;
}

.cg-stars .elementor-icon,
.cg-stars svg,
.cg-stars i {
  color: var(--cg-gold-mid) !important;
  fill: var(--cg-gold-mid) !important;
}


/* =========================================================
   13. ACCORDIONS ELEMENTOR
========================================================= */

.cg-accordion {
  --cg-accordion-icon-size: 40px;
}

.cg-accordion .e-n-accordion-item {
  border-color: var(--cg-border);
}

.cg-accordion .e-n-accordion-item-title {
  border-bottom: 1px solid var(--cg-border);
  color: var(--cg-primary);
  transition: border-color .2s ease, color .2s ease;
}

.cg-accordion .e-n-accordion-item-title:hover {
  color: var(--cg-gold-mid);
}

.cg-accordion .e-n-accordion-item[open] .e-n-accordion-item-title {
  border-bottom-color: transparent !important;
}

.cg-accordion .e-n-accordion-item-content {
  border-bottom: 1px solid transparent;
}

.cg-accordion .e-n-accordion-item[open] .e-n-accordion-item-content {
  border-bottom-color: var(--cg-border) !important;
  padding-bottom: 25px;
}

.cg-services-accordion .e-n-accordion-item-icon {
  display: none !important;
}

.cg-services-accordion .e-n-accordion-item-title-header {
  display: flex !important;
  align-items: center;
  gap: 20px;
  width: 100%;
}

.cg-services-accordion .e-n-accordion-item-title-text {
  flex-grow: 1;
}

.cg-accordion-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--cg-accordion-icon-size);
  height: var(--cg-accordion-icon-size);
  min-width: var(--cg-accordion-icon-size);
}

.cg-accordion-icon svg {
  display: block;
  width: 100%;
  height: auto;
  fill: var(--cg-primary);
  transition: fill .3s ease;
}

.cg-services-accordion details[open] .cg-accordion-icon svg {
  fill: var(--cg-gold-mid);
}

.cg-faq-accordion .e-n-accordion-item {
  background: var(--cg-bg);
  border-radius: var(--cg-radius);
}


/* =========================================================
   14. FORMULÁRIOS ELEMENTOR PRO
========================================================= */

.cg-form .elementor-field-group label {
  font-family: var(--cg-font-body);
  color: var(--cg-text);
  font-weight: 600;
}

.cg-form .elementor-field {
  min-height: 52px;
  border-radius: 12px !important;
  border: 1px solid var(--cg-border) !important;
  background: var(--cg-bg) !important;
  color: var(--cg-text) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .55);
}

.cg-form .elementor-field:focus {
  border-color: var(--cg-gold-mid) !important;
  box-shadow:
    0 0 0 3px rgba(200, 169, 109, .16),
    inset 0 1px 0 rgba(255, 255, 255, .55);
}

.cg-form .elementor-button {
  border-radius: 13px !important;
  background:
    linear-gradient(180deg, #B99A67 0%, #927246 100%) !important;
  border: 1px solid rgba(238, 210, 154, .58) !important;
  box-shadow:
    0 18px 36px rgba(0, 0, 0, .28),
    inset 0 1px 0 rgba(255, 255, 255, .38),
    inset 0 -10px 18px rgba(67, 43, 22, .22) !important;
}

.cg-form .elementor-button:hover {
  background:
    linear-gradient(180deg, #C6A86F 0%, #9B794B 100%) !important;
}


/* =========================================================
   15. UTILITÁRIOS
========================================================= */

.cg-glass-dark {
  background: rgba(30, 24, 18, .72);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: 1px solid rgba(255, 255, 255, .06);
  box-shadow: var(--cg-shadow-dark);
}

.cg-border-gold {
  border: 1px solid var(--cg-border-gold);
}

.cg-shadow-soft {
  box-shadow: var(--cg-shadow-soft);
}

.cg-shadow-dark {
  box-shadow: var(--cg-shadow-dark);
}

.cg-rounded-sm {
  border-radius: var(--cg-radius-sm);
}

.cg-rounded {
  border-radius: var(--cg-radius);
}

.cg-rounded-lg {
  border-radius: var(--cg-radius-lg);
}

.cg-rounded-pill {
  border-radius: var(--cg-radius-pill);
}


/* =========================================================
   16. RESPONSIVO
========================================================= */

@media (max-width: 1024px) {
  .cg-header,
  .cg-header-floating {
    border-radius: 12px;
  }

  .cg-title-premium .elementor-heading-title,
  .cg-title-premium h1,
  .cg-title-premium h2,
  .cg-title-premium-gold .elementor-heading-title,
  .cg-title-premium-gold h1,
  .cg-title-premium-gold h2 {
    font-size: clamp(48px, 8vw, 72px) !important;
  }

  .cg-copy-premium .elementor-widget-container,
  .cg-copy-premium p {
    font-size: 23px !important;
  }

  .cg-ripado-dark::after {
    width: 140px;
    opacity: .35;
  }
}

@media (max-width: 767px) {
  .cg-nav .elementor-nav-menu--main .elementor-item,
  .cg-nav a {
    font-size: 16px !important;
  }

  .cg-title-premium .elementor-heading-title,
  .cg-title-premium h1,
  .cg-title-premium h2,
  .cg-title-premium-gold .elementor-heading-title,
  .cg-title-premium-gold h1,
  .cg-title-premium-gold h2 {
    font-size: 46px !important;
    line-height: .98 !important;
  }

  .cg-copy-premium .elementor-widget-container,
  .cg-copy-premium p {
    font-size: 20px !important;
  }

  .cg-badge .elementor-heading-title {
    font-size: 13px !important;
    padding: 0 18px 0 15px;
  }

  .cg-btn .elementor-button-wrapper {
    width: 100%;
  }

  .cg-btn .elementor-button {
    width: 100%;
    padding: 16px 20px 16px 26px !important;
    font-size: 16px !important;
  }



  .cg-ripado-dark::after {
    display: none;
  }
}/* End custom CSS */