.elementor-kit-7{--e-global-color-primary:#131211;--e-global-color-secondary:#895E30;--e-global-color-text:#373736;--e-global-color-accent:#895E30;--e-global-color-csmblck:#060606;--e-global-color-csmgold:#DBAE6B;--e-global-color-csmgldl:#E8BC7A;--e-global-color-csmgldm:#B88A50;--e-global-color-csmgldd:#9C6F3C;--e-global-color-csmbrnz:#895E30;--e-global-color-csmcrem:#F9F0DA;--e-global-color-csmink0:#131211;--e-global-color-csmgrph:#373736;--e-global-typography-primary-font-family:"Cormorant Garamond";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"DM Sans";--e-global-typography-secondary-font-weight:600;--e-global-typography-text-font-family:"DM Sans";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"DM Sans";--e-global-typography-accent-font-weight:600;}.elementor-kit-7 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//* Artigos do blog: o tema limita o conteudo a 645px (content-size).
   Solta o wrapper do Elementor ate a wide-size para o artigo usar o desktop. */
.single-post .entry-content > .elementor{max-width:var(--wp--style--global--wide-size,1340px)}

/* ===== SISTEMA VISUAL CS MINERALS (copiado da home em 01/10/2026) =====
   Classes csmh-* usadas na home, About e demais paginas/modelos. A home e a About tem a propria copia no CSS da pagina. */
/* HOME CS Minerals - visual da home nova (30/09/2026)
   Paleta da marca: preto #060606, dourados #DBAE6B #E8BC7A #9C6F3C #895E30, creme #F9F0DA, cinza #373736.
   Textos, fotos, fontes, cores, espacos e botoes se editam direto no Elementor.
   Este bloco cuida so das grades (colunas) e dos detalhes visuais.
   Classes usadas (Avancado > Classes CSS): csmh-dark, csmh-center, csmh-head, csmh-txt,
   csmh-hero-grid, csmh-hero-img, csmh-hero-car, csmh-trust, csmh-grid, csmh-card, csmh-card-img,
   csmh-steps, csmh-step, csmh-num, csmh-pay, csmh-about-grid, csmh-video, csmh-vip-box, csmh-seal */

/* titulos: palavra em italico em dourado */
.elementor .csmh-h .elementor-heading-title{text-wrap:balance}
.elementor .csmh-h em{font-style:italic;font-weight:500;color:#9C6F3C}
.elementor .csmh-dark .csmh-h em{color:#DBAE6B}
.elementor .csmh-h1 em{display:table}

/* DOURADO PADRAO de todas as palavras de destaque (um tom so, no claro e no escuro):
   degrade metalico com os dourados da paleta. Para mudar o dourado do site todo, muda so a linha do --csm-ouro. */
.elementor{--csm-ouro:linear-gradient(120deg,#D0A15F 0%,#AE814A 38%,#DBAE6B 68%,#B88A50 100%)}
/* 1) enquanto o Elementor ainda nao liberou os fundos da secao (lazy load dele), o destaque fica em dourado liso,
      sempre visivel; 2) com a secao liberada (classe e-lazyloaded), entra o degrade metalico */
.elementor .csmh-h em,
.elementor .csmh-eyebrow .elementor-heading-title,
.elementor .csmh-num .elementor-heading-title,
.elementor .csmh-ftit .elementor-heading-title,
.elementor .csmh-igtit .elementor-heading-title,
.elementor .csmh-blog .elementor-post__read-more,
.elementor .csmh-blog .elementor-post__meta-data,
.elementor .csmh-card .elementor-heading-title a:hover,
.elementor .csmh-txt a:hover,
.elementor #cs-wholesale-faq a:hover,
.elementor .csmh-card > .csmh-card-p strong,
.elementor #cs-wholesale-faq summary::after{color:#B88A50;-webkit-text-fill-color:#B88A50}
.elementor .e-lazyloaded .csmh-h em,
.elementor .e-lazyloaded .csmh-eyebrow .elementor-heading-title,
.elementor .e-lazyloaded .csmh-num .elementor-heading-title,
.elementor .e-lazyloaded .csmh-ftit .elementor-heading-title,
.elementor .e-lazyloaded .csmh-igtit .elementor-heading-title,
.elementor .e-lazyloaded.csmh-blog .elementor-post__read-more,
.elementor .e-lazyloaded.csmh-blog .elementor-post__meta-data,
.elementor .e-lazyloaded .csmh-card .elementor-heading-title a:hover,
.elementor .e-lazyloaded .csmh-txt a:hover,
.elementor .e-lazyloaded #cs-wholesale-faq a:hover,
.elementor .e-lazyloaded .csmh-card > .csmh-card-p strong,
.elementor .e-lazyloaded #cs-wholesale-faq summary::after,
.elementor .elementor-element-a42a2c4 .elementor-nav-menu--main .elementor-item:hover,
.elementor .elementor-element-a42a2c4 .elementor-nav-menu--main .elementor-item:focus{background-image:var(--csm-ouro);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}
.elementor .csmh-eyebrow .elementor-heading-title,.elementor .csmh-ftit .elementor-heading-title,.elementor .csmh-igtit .elementor-heading-title{display:inline-block}
.elementor .csmh-igtit .elementor-heading-title a{-webkit-text-fill-color:inherit}

/* revelar ao rolar (mesmo efeito do catalogo): so liga quando o script do rodape roda */
.csmh-rv-on .elementor .csmh-rise{opacity:0;transform:translateY(24px);transition:opacity .7s cubic-bezier(.22,.61,.36,1),transform .7s cubic-bezier(.22,.61,.36,1)}
.csmh-rv-on .elementor .csmh-rise.csm-in{opacity:1;transform:none}
.elementor .csmh-js{display:none!important}

/* FAQ na fonte do site (o widget HTML herdava a fonte do tema) */
.elementor #cs-wholesale-faq{font-family:"DM Sans",system-ui,sans-serif}

/* textos */
.elementor .csmh-txt p{margin:0 0 14px}
.elementor .csmh-txt p:last-child{margin-bottom:0}
.elementor .csmh-txt strong{font-weight:600;color:#131211}
.elementor .csmh-dark .csmh-txt strong{color:#F9F0DA}
.elementor .csmh-txt a{color:inherit;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}
.elementor .csmh-txt a:hover{color:#895E30}
.elementor .csmh-dark .csmh-txt a:hover{color:#DBAE6B}
.elementor .csmh-lead{max-width:640px}
.elementor .csmh-head{max-width:780px}
.elementor .csmh-center{margin-inline:auto!important}
.elementor .csmh-center .csmh-lead{margin-inline:auto}

/* botoes */
.elementor .csmh-btn .elementor-button{transition:transform .2s ease,background-color .2s ease,color .2s ease,border-color .2s ease}
.elementor .csmh-btn .elementor-button:hover{transform:translateY(-1px)}
/* botoes dourados: degrade metalico com os dourados da paleta; no hover o brilho desliza */
.elementor .csmh-btn-ouro .elementor-button{background-color:#DBAE6B!important;background-image:linear-gradient(120deg,#F4D49C 0%,#DBAE6B 28%,#B88A50 55%,#DBAE6B 78%,#F4D49C 100%)!important;background-size:220% 100%!important;background-position:0% 50%!important;border-color:rgba(184,138,80,.55)!important;color:#060606!important;box-shadow:0 8px 24px rgba(137,94,48,.28);transition:background-position .6s ease,transform .2s ease,box-shadow .2s ease}
.elementor .csmh-btn-ouro .elementor-button:hover{background-position:100% 50%!important;box-shadow:0 10px 30px rgba(137,94,48,.4)}

/* hero */
.elementor .csmh-hero-grid{display:grid!important;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);align-items:center}
.elementor .csmh-hero-img img{display:block;width:100%;max-width:560px;margin-inline:auto;aspect-ratio:1/1;object-fit:cover;-webkit-mask-image:radial-gradient(ellipse at center,#000 48%,transparent 71%);mask-image:radial-gradient(ellipse at center,#000 48%,transparent 71%)}
.elementor .csmh-trust{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))}
.elementor .csmh-trust-num .elementor-heading-title{font-variant-numeric:lining-nums}

/* carrossel do hero: setas redondas e bolinhas douradas */
.elementor .csmh-hero-car .elementor-swiper-button{width:46px;height:46px;border-radius:50%;background:rgba(6,6,6,.55);border:1px solid rgba(219,174,107,.4);display:flex;align-items:center;justify-content:center;transition:background-color .2s ease,border-color .2s ease}
.elementor .csmh-hero-car .elementor-swiper-button:hover{background:rgba(219,174,107,.16);border-color:#DBAE6B}
.elementor .csmh-hero-car .swiper-pagination-bullet{background:rgba(219,174,107,.35);opacity:1}
.elementor .csmh-hero-car .swiper-pagination-bullet-active{background:#DBAE6B}

/* categorias */
.elementor .csmh-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))}
.elementor .csmh-card-img{overflow:hidden;border-radius:16px}
.elementor .csmh-card-img img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover;transition:transform .6s cubic-bezier(.22,.61,.36,1)}
.elementor .csmh-card:hover .csmh-card-img img{transform:scale(1.04)}
.elementor .csmh-card .elementor-heading-title a:hover{color:#DBAE6B}
/* no computador a descricao aparece dentro da foto ao passar o mouse; no celular fica embaixo, sempre visivel */
@media (hover:hover) and (pointer:fine){
}

/* celular e tablet: sem hover, a mesma arte fica SEMPRE visivel.
   Nao revelo no toque porque a imagem e o titulo sao link para o catalogo:
   engolir o primeiro toque faria o card precisar de dois toques para abrir. */
@media (hover:none),(pointer:coarse){
}

/* how to buy: 5 passos numa linha */
.elementor .csmh-steps{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr));position:relative}
.elementor .csmh-steps::before{content:"";display:block;position:absolute;top:33px;bottom:auto;left:10%;right:10%;width:auto;height:2px;border:0;border-radius:0;opacity:1;mix-blend-mode:normal;background:var(--csm-ouro)}
.elementor .csmh-step{position:relative;z-index:1}
.elementor .csmh-num{width:66px!important;height:66px;border-radius:50%;background:#FFFFFF;box-shadow:0 10px 28px rgba(93,60,26,.14),0 0 0 1px rgba(137,94,48,.25);display:flex!important;align-items:center;justify-content:center;margin-inline:auto!important}
.elementor .csmh-pay{width:max-content!important;max-width:100%;margin-inline:auto!important}
.elementor .csmh-pay img{display:block;width:auto!important;filter:brightness(0) invert(1)}

/* about */
.elementor .csmh-about-grid{display:grid!important;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:center}
.elementor .csmh-video{border-radius:20px;overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,.55),0 0 0 1px rgba(219,174,107,.2)}
.elementor .csmh-video video{display:block;width:100%;height:auto;aspect-ratio:9/16;object-fit:cover}

/* vip */
.elementor .csmh-vip-box{width:100%}
.elementor .csmh-vip-txt{flex:1 1 auto;min-width:0}
.elementor .csmh-vip-btns{width:auto!important;flex:0 0 auto}
.elementor .csmh-seal img{display:block;width:128px;height:auto;animation:csmh-gira 24s linear infinite}
@keyframes csmh-gira{to{transform:rotate(360deg)}}

/* faq (o conteudo fica no widget HTML do FAQ; aqui so o visual) */
.elementor #cs-wholesale-faq{color:#131211}
.elementor #cs-wholesale-faq .csm-faq-g{display:grid;grid-template-columns:minmax(0,320px) minmax(0,1fr);column-gap:64px;padding:34px 0;border-top:1px solid rgba(137,94,48,.22)}
.elementor #cs-wholesale-faq .csm-faq-g:first-child{border-top:0;padding-top:0}
.elementor #cs-wholesale-faq h3{font-family:"Cormorant Garamond",Georgia,serif;font-weight:600;font-size:30px;line-height:1.15;margin:14px 0 0;color:#131211;align-self:start;position:sticky;top:32px}
.elementor #cs-wholesale-faq details{border-bottom:1px solid rgba(137,94,48,.22);padding:22px 0}
.elementor #cs-wholesale-faq .csm-faq-q details:first-child{padding-top:14px}
.elementor #cs-wholesale-faq .csm-faq-q details:last-child{border-bottom:0}
.elementor #cs-wholesale-faq .csm-faq-more{max-width:none;margin:0;padding:26px 0 0 384px;border-top:1px solid rgba(137,94,48,.22)}
.elementor #cs-wholesale-faq summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:24px;font-size:19px;line-height:1.4;font-weight:600;color:#131211}
.elementor #cs-wholesale-faq summary::-webkit-details-marker{display:none}
.elementor #cs-wholesale-faq summary::after{content:"+";flex:none;font-size:28px;line-height:1;font-weight:400;color:#9C6F3C;transition:transform .2s ease}
.elementor #cs-wholesale-faq details[open]>summary::after{transform:rotate(45deg)}
.elementor #cs-wholesale-faq p{font-size:16.5px;line-height:1.7;color:#373736;max-width:820px}
.elementor #cs-wholesale-faq a{color:#131211;text-underline-offset:3px}
.elementor #cs-wholesale-faq a:hover{color:#895E30}

/* mapa */
.elementor .csmh-map-w{border-radius:20px;overflow:hidden;box-shadow:0 24px 60px rgba(6,6,6,.12),0 0 0 1px rgba(137,94,48,.2)}
.elementor .csmh-map-w iframe{display:block;width:100%;height:480px;border:0}

/* selo "ao vivo" da chamada da live */
.elementor .csmh-live .elementor-heading-title a{display:inline-flex;align-items:center;gap:10px;padding:9px 18px;border:1px solid rgba(219,174,107,.45);border-radius:999px;background:rgba(6,6,6,.66);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#F9F0DA;transition:background-color .2s ease,border-color .2s ease}
.elementor .csmh-live .elementor-heading-title a:hover{background:rgba(219,174,107,.16);border-color:#DBAE6B}
.elementor .csmh-live .elementor-heading-title a::before{content:"";flex:none;width:9px;height:9px;border-radius:50%;background:#E8BC7A;animation:csmh-pulso 1.8s ease-out infinite}
@keyframes csmh-pulso{0%{box-shadow:0 0 0 0 rgba(232,188,122,.7)}70%{box-shadow:0 0 0 10px rgba(232,188,122,0)}100%{box-shadow:0 0 0 0 rgba(232,188,122,0)}}

/* grade do Instagram na secao da live (plugin Smash Balloon, feed 1).
   Some sozinha enquanto a conta nao estiver conectada (sem posts = escondida). Mostra os 3 mais recentes. */
.elementor .csmh-ig:not(:has(.sbi_item)){display:none!important}
.elementor .csmh-ig{width:100%;max-width:900px;margin-inline:auto!important}
.elementor .csmh-igtit .elementor-heading-title a{color:#DBAE6B}
.elementor .csmh-ig #sb_instagram{width:100%!important;padding:0!important}
.elementor .csmh-ig #sb_instagram #sbi_images{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px!important;padding:0!important;width:100%!important}
.elementor .csmh-ig #sb_instagram .sbi_item{width:100%!important;padding:0!important;margin:0!important}
.elementor .csmh-ig #sb_instagram .sbi_item:nth-child(n+4){display:none!important}
.elementor .csmh-ig .sbi_photo_wrap,.elementor .csmh-ig .sbi_photo{border-radius:14px;overflow:hidden}
.elementor .csmh-ig .sbi_photo img{transition:transform .5s ease}
.elementor .csmh-ig .sbi_item:hover .sbi_photo img{transform:scale(1.04)}
.elementor .csmh-ig .sb_instagram_header,.elementor .csmh-ig #sbi_load{display:none!important}

/* rodape */
.elementor .csmh-fgrid{display:grid!important;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) minmax(0,1.1fr) minmax(0,1.1fr)}
.elementor .csmh-flogo img{display:block;height:auto}
.elementor .csmh-fdesc{max-width:340px}
.elementor .csmh-flinks p{margin:0 0 10px}
.elementor .csmh-flinks p:last-child{margin-bottom:0}
.elementor .csmh-flinks a{color:rgba(249,240,218,.82);text-decoration:none;transition:color .2s ease}
.elementor .csmh-fpriv a{color:rgba(249,240,218,.5)}
.elementor .csmh-fright{width:auto!important;flex:0 0 auto}
.elementor .csmh-topo .elementor-button{width:44px;height:44px;padding:0!important;display:inline-flex;align-items:center;justify-content:center}

/* tablet */
@media (max-width:1024px){
  .elementor .csmh-hero-grid,.elementor .csmh-about-grid{grid-template-columns:minmax(0,1fr)}
  .elementor .csmh-hero-img img{max-width:440px}
  .elementor .csmh-trust,.elementor .csmh-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .elementor .csmh-steps{grid-template-columns:minmax(0,1fr);max-width:560px;margin-inline:auto!important}
  .elementor .csmh-steps::before{display:none}
  .elementor .csmh-step:not(:last-child)::before{content:"";display:block;position:absolute;top:33px;bottom:-65px;left:32px;right:auto;width:2px;height:auto;border:0;border-radius:0;opacity:1;mix-blend-mode:normal;background:var(--csm-ouro)}
  .elementor .csmh-step > .csmh-num{position:relative;z-index:1}
  .elementor .csmh-vip-box{text-align:center}
  .elementor .csmh-step{display:grid!important;grid-template-columns:66px minmax(0,1fr);column-gap:22px!important;align-items:start}
  .elementor .csmh-step > .csmh-num{grid-row:1 / span 2}
  .elementor .csmh-num{margin-inline:0!important}
  .elementor .csmh-pay{border-radius:22px!important}
  .elementor #cs-wholesale-faq .csm-faq-g{grid-template-columns:minmax(0,1fr);padding:28px 0}
  .elementor #cs-wholesale-faq h3{position:static;margin:0 0 4px}
  .elementor #cs-wholesale-faq .csm-faq-more{padding-left:0}
  .elementor .csmh-fgrid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
/* celular */
@media (max-width:767px){
  .elementor .csmh-grid{grid-template-columns:minmax(0,1fr)}
  .elementor .csmh-hero-img img{max-width:340px}
  .elementor .csmh-hero-car .elementor-swiper-button{width:38px;height:38px}
  .elementor .csmh-seal img{width:104px}
  .elementor #cs-wholesale-faq summary{font-size:17.5px}
  .elementor #cs-wholesale-faq h3{font-size:25px}
  .elementor .csmh-map-w iframe{height:360px}
  /* rodape no celular: os 4 blocos empilham, entao ganham fio de separacao
     e respiro menor, e os links viram 2 colunas. Sem isso vira 1.300px de
     lista corrida sem ritmo. */
  .elementor .csmh-fgrid{grid-template-columns:minmax(0,1fr);row-gap:0}
  .elementor .csmh-fgrid > .csmh-fcol + .csmh-fcol{border-top:1px solid rgba(219,174,107,.16);padding-top:28px;margin-top:28px}
  .elementor .csmh-fcol .csmh-flinks{columns:2;column-gap:20px}
  .elementor .csmh-fcol .csmh-flinks p{break-inside:avoid}
  .elementor .csmh-fbar{flex-direction:column;align-items:center;justify-content:center;gap:16px;text-align:center}
  .elementor .csmh-fbar .csmh-fcopy{text-align:center}
  .elementor .csmh-fright{justify-content:center}
  /* VISIT & HOURS: endereco e horario lado a lado. Sao dois <p>, entao
     uma grade de 2 colunas separa certinho sem cortar no meio. */
  .elementor .csmh-fvisit{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:12px}
  .elementor .csmh-fvisit,.elementor .csmh-fvisit p{font-size:13px;line-height:1.5;margin:0}
}
@media (prefers-reduced-motion:reduce){
  .elementor .csmh-seal img,.elementor .csmh-live .elementor-heading-title a::before{animation:none}
  .elementor .csmh-card-img img,.elementor .csmh-btn .elementor-button{transition:none}
}

/* ---- cards de categoria: foto de fundo, titulo SEMPRE dentro dela ----
   A foto sai do fluxo e o h3 e o paragrafo (que ja sao irmaos) empilham no
   rodape do card. O titulo aparece sempre, em qualquer tela; o que muda e a
   descricao: no desktop ela abre no hover, no toque fica sempre visivel. */
.elementor .csmh-card{position:relative;display:flex;flex-direction:column;justify-content:flex-end;aspect-ratio:1/1;border-radius:16px;overflow:hidden;padding:22px 20px}
.elementor .csmh-card > .csmh-card-img{position:absolute;inset:0;z-index:0;border-radius:16px;margin:0}
.elementor .csmh-card > .csmh-card-img img{width:100%;height:100%;aspect-ratio:auto;object-fit:cover}
.elementor .csmh-card > .csmh-card-img::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,6,6,0) 0%,rgba(6,6,6,.5) 48%,rgba(6,6,6,.88) 100%);transition:background .35s ease}
.elementor .csmh-card:hover > .csmh-card-img::after{background:linear-gradient(180deg,rgba(6,6,6,.15) 0%,rgba(6,6,6,.72) 38%,rgba(6,6,6,.95) 100%)}
.elementor .csmh-card > .csmh-h,.elementor .csmh-card > .csmh-card-p{position:relative;z-index:2}
.elementor .csmh-card > .csmh-h{margin:0}
.elementor .csmh-card > .csmh-h .elementor-heading-title,.elementor .csmh-card > .csmh-h .elementor-heading-title a{color:#F9F0DA}
.elementor .csmh-card > .csmh-card-p{width:auto!important;aspect-ratio:auto;padding:0;margin:0!important;background:none;border-radius:0;display:block;pointer-events:none}
.elementor .csmh-card > .csmh-card-p,.elementor .csmh-card > .csmh-card-p p{color:rgba(249,240,218,.9)!important}
.elementor .csmh-card > .csmh-card-p p{margin:0}

@media (hover:hover) and (pointer:fine){
  /* com mouse: descricao abre no hover, empurrando o titulo para cima */
  .elementor .csmh-card > .csmh-card-p{opacity:0;max-height:0;overflow:hidden;transition:opacity .3s ease,max-height .4s cubic-bezier(.22,.61,.36,1),margin-top .4s cubic-bezier(.22,.61,.36,1)}
  .elementor .csmh-card:hover > .csmh-card-p{opacity:1;max-height:220px;margin-top:10px!important}
}
@media (hover:none),(pointer:coarse){
  /* sem hover nao ha como revelar: descricao fica sempre visivel */
  .elementor .csmh-card{padding:18px 16px}
  .elementor .csmh-card > .csmh-card-p{margin-top:8px!important}
  .elementor .csmh-card > .csmh-card-p,.elementor .csmh-card > .csmh-card-p p{font-size:13px;line-height:1.4}
  .elementor .csmh-card > .csmh-h .elementor-heading-title,.elementor .csmh-card > .csmh-h .elementor-heading-title a{font-size:21px;line-height:1.15}
}

/* ---- selo "LIVE" sobre o carrossel do hero ----
   Pilula vermelha de transmissao, canto superior esquerdo da foto, levando
   direto ao Instagram. O ponto pulsa com um keyframe proprio porque o
   csmh-pulso existente usa halo dourado. */
.elementor .csmh-hero-side{position:relative}
.elementor .csmh-btn-live{position:absolute;top:16px;left:16px;z-index:5;width:auto!important}
.elementor .csmh-btn-live .elementor-button{display:inline-flex!important;align-items:center;gap:9px;background:#E8302A!important;border:0!important;border-radius:999px!important;padding:9px 18px 9px 14px!important;box-shadow:0 6px 18px rgba(232,48,42,.32);transition:background-color .2s ease,transform .2s ease}
.elementor .csmh-btn-live .elementor-button:hover{background:#C8241F!important;transform:translateY(-1px)}
.elementor .csmh-btn-live .elementor-button::before{content:"";flex:none;width:10px;height:10px;border-radius:50%;background:#fff;animation:csmh-pulso-live 1.8s ease-out infinite}
.elementor .csmh-btn-live .elementor-button-text{font-family:"DM Sans",sans-serif;font-size:13.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#fff}
@keyframes csmh-pulso-live{0%{box-shadow:0 0 0 0 rgba(255,255,255,.75)}70%{box-shadow:0 0 0 9px rgba(255,255,255,0)}100%{box-shadow:0 0 0 0 rgba(255,255,255,0)}}
@media (max-width:767px){
  .elementor .csmh-btn-live{top:10px;left:10px}
  .elementor .csmh-btn-live .elementor-button{padding:7px 14px 7px 11px!important}
  .elementor .csmh-btn-live .elementor-button-text{font-size:12px}
}
@media (prefers-reduced-motion:reduce){
  .elementor .csmh-btn-live .elementor-button::before{animation:none}
}


/* ---- formulario inline da home (secao csmh-form, fundo escuro) ----
   O Elementor gera estilo por elemento (.elementor-element-XXXX ...), que
   vence este arquivo na especificidade. Dai o !important nas propriedades
   que precisam mesmo mudar. */
.elementor .csmh-form .csmh-formw{width:100%;max-width:820px!important;margin-inline:auto}
.elementor .csmh-form .elementor-form-fields-wrapper{row-gap:20px}
.elementor .csmh-form .elementor-field-group{margin-bottom:0}
.elementor .csmh-form .elementor-field-label{color:rgba(249,240,218,.78)!important;font-size:13px!important;letter-spacing:.04em;margin-bottom:8px!important}
.elementor .csmh-form .elementor-field-textual{width:100%;background-color:rgba(255,255,255,.05)!important;border:1px solid rgba(219,174,107,.32)!important;border-radius:10px!important;color:#F9F0DA!important;padding:14px 16px!important;font-size:15px!important;height:auto!important;transition:border-color .2s ease,background-color .2s ease}
.elementor .csmh-form .elementor-field-textual::placeholder{color:rgba(249,240,218,.42)!important}
.elementor .csmh-form .elementor-field-textual:focus{border-color:#DBAE6B!important;background-color:rgba(255,255,255,.08)!important;outline:none;box-shadow:none}
.elementor .csmh-form .elementor-field-type-acceptance label,.elementor .csmh-form .elementor-field-type-acceptance{color:rgba(249,240,218,.7)!important;font-size:13px!important;line-height:1.5}
.elementor .csmh-form .elementor-field-type-acceptance a{color:#DBAE6B!important}
.elementor .csmh-form .elementor-field-type-acceptance input[type=checkbox]{accent-color:#DBAE6B;width:16px;height:16px}
.elementor .csmh-form .elementor-button[type="submit"]{background-color:#DBAE6B!important;color:#060606!important;border:0!important;border-radius:999px!important;padding:16px 34px!important;font-family:"DM Sans",sans-serif;font-size:15px!important;font-weight:600!important;letter-spacing:.2px;transition:background-color .2s ease,transform .2s ease}
.elementor .csmh-form .elementor-button[type="submit"]:hover{background-color:#E8BC7A!important;transform:translateY(-1px)}
.elementor .csmh-form .elementor-field-group-field_submit{justify-content:center}
.elementor .csmh-form .e-form__buttons,.elementor .csmh-form .elementor-field-type-submit{justify-content:center}
.elementor .csmh-form .elementor-button[type="submit"]{width:auto!important;flex:0 0 auto}
.elementor .csmh-form .elementor-message,.elementor .csmh-form .elementor-message.elementor-message-danger{color:#F9F0DA!important}
@media (max-width:767px){
  .elementor .csmh-form .elementor-field-textual{padding:13px 14px!important;font-size:14px!important}
  .elementor .csmh-form .elementor-button[type="submit"]{width:100%;justify-content:center}
}
/* formulario da home na fonte do site (rotulos e campos vinham em Roboto, padrao do Elementor) */
.elementor .csmh-form .elementor-field-label,.elementor .csmh-form .elementor-field-textual,.elementor .csmh-form .elementor-field-type-acceptance label,.elementor .csmh-form .elementor-field-type-acceptance{font-family:"DM Sans",system-ui,sans-serif!important}/* End custom CSS */