.elementor-566 .elementor-element.elementor-element-17a0839{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-566 .elementor-element.elementor-element-ebe9047{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-566 .elementor-element.elementor-element-a0233d3{padding:60px 0px 0px 0px;}@media(max-width:767px){.elementor-566 .elementor-element.elementor-element-17a0839{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}@media(min-width:768px){.elementor-566 .elementor-element.elementor-element-17a0839{--content-width:1280px;}.elementor-566 .elementor-element.elementor-element-ebe9047{--width:100%;}}/* Start custom CSS for html, class: .elementor-element-a0233d3 *//* =========================================================
PELISSARI — PATCH TIPOGRAFIA GLOBAL (todas páginas .pel-*)
- Títulos (H1/H2/H3): Playfair/DM Serif/Cormorant
- Corpo: system-ui (ou Brevia se existir)
Cole no CSS global do site
========================================================= */

:root{
  --pel-title-font: "Playfair Display","DM Serif Display","Cormorant Garamond",Georgia,"Times New Roman",serif;
  --pel-body-font: "Brevia Regular","Brevia",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
}

/* Base (todas as páginas do pacote) */
.pel,
.pel-oe-page,
.pel-gf-page,
.pel-nav,
.pel-bottomnav{
  font-family: var(--pel-body-font) !important;
}

/* Títulos principais (padrão premium) */
.pel h1, .pel h2, .pel h3,
.pel-oe-h1, .pel-oe-h2, .pel-oe-h3,
.pel-gf-h1, .pel-gf-h2, .pel-gf-h3,
.h1, .h2, .h3{
  font-family: var(--pel-title-font) !important;
  font-weight: 600 !important;
  letter-spacing: -0.01em;
}

/* Textos / parágrafos */
.pel p,
.pel-oe-lead, .pel-oe-sub, .pel-oe-p, .pel-oe-ans,
.pel-gf-lead, .pel-gf-sub, .pel-gf-p, .pel-gf-ans{
  font-family: var(--pel-body-font) !important;
}

/* Botões e chips (mantém legível e consistente) */
.pel-oe-cta, .pel-oe-ghost, .pel-oe-chip, .pel-oe-mini,
.pel-gf-cta, .pel-gf-ghost, .pel-gf-chip, .pel-gf-mini,
.pel-nav__cta, .pel-drawer__cta, .pel-bottomnav__txt{
  font-family: var(--pel-body-font) !important;
  font-weight: 800 !important;
  letter-spacing: .02em;
}

/* Opcional: melhora legibilidade dos títulos no mobile */
@media (max-width: 520px){
  .pel-oe-h1, .pel-gf-h1, .h1{
    letter-spacing: -0.005em;
  }
}/* End custom CSS */
/* Start custom CSS *//* =========================================================
PELISSARI — FUNDO GLOBAL MARROM (ANTI-PÁGINA BRANCA)
Cole no FINAL do CSS
========================================================= */

/* 1) Fundo sempre presente */
html, body{
  background: #12090E !important;
}

/* 2) Canvas premium fixo */
body{
  position: relative;
  min-height: 100dvh;
  min-height: -webkit-fill-available;
  overflow-x: hidden;
}

/* iOS: evita “pulos” */
@supports (height: 100svh){
  body{ min-height: 100svh; }
}

/* 3) Camadas do fundo (sempre atrás) */
body::before{
  content:"";
  position: fixed;
  inset: 0;
  z-index: -3;
  background:
    radial-gradient(1200px 760px at 55% 18%, rgba(201,164,106,.18), transparent 60%),
    radial-gradient(980px 640px at 18% 35%, rgba(230,201,182,.14), transparent 62%),
    radial-gradient(900px 520px at 78% 52%, rgba(199,141,134,.12), transparent 62%),
    linear-gradient(180deg, rgba(18,9,14,1), rgba(10,6,9,1));
}

/* 4) Grain editorial */
body::after{
  content:"";
  position: fixed;
  inset:-20%;
  z-index: -2;
  opacity: .14;
  background-image:
    radial-gradient(circle at 20% 30%, rgba(255,255,255,.10) 0 1px, transparent 1px 100%),
    radial-gradient(circle at 70% 20%, rgba(255,255,255,.08) 0 1px, transparent 1px 100%),
    radial-gradient(circle at 40% 80%, rgba(255,255,255,.07) 0 1px, transparent 1px 100%),
    radial-gradient(circle at 85% 70%, rgba(255,255,255,.06) 0 1px, transparent 1px 100%);
  background-size: 140px 140px, 210px 210px, 180px 180px, 240px 240px;
  mix-blend-mode: overlay;
  filter: contrast(120%);
  animation: pelGrain 6s steps(2) infinite;
  pointer-events: none;
}

@keyframes pelGrain{
  0%{ transform: translate3d(0,0,0); }
  25%{ transform: translate3d(-1%, .6%, 0); }
  50%{ transform: translate3d(.8%, -1.2%, 0); }
  75%{ transform: translate3d(-.6%, -1%, 0); }
  100%{ transform: translate3d(0,0,0); }
}

/* 5) Mata “fundos brancos” comuns do tema/Elementor/Woo */
#page, #content, .site, .site-content,
.elementor, .elementor-section, .elementor-container,
.elementor-section-wrap, .elementor-element,
.woocommerce, .woocommerce-page,
#primary, #main{
  background: transparent !important;
}

/* 6) Alguns temas colocam branco no content area */
.site-main, .content-area, .entry-content{
  background: transparent !important;
}

/* 7) Se alguma página estiver usando template com “boxed white” */
body .e-con, body .e-con-inner{
  background: transparent !important;
}

/* 8) Respeitar suas páginas LIGHT (loja) — não quebra seções claras */
.pel-shop, .pel-shop *{
  /* não força transparente dentro do bloco light */
}/* End custom CSS */