.elementor-532 .elementor-element.elementor-element-d8dd1b0{--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;}.elementor-532 .elementor-element.elementor-element-d8dd1b0.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-532 .elementor-element.elementor-element-7d9cb8f{--spacer-size:100px;}@media(min-width:768px){.elementor-532 .elementor-element.elementor-element-d8dd1b0{--width:86.753%;}}/* Start custom CSS for html, class: .elementor-element-74ec88b *//* =========================================================
   PELISSARI — PATCH TIPOGRAFIA (padrão premium)
   Títulos: Playfair/Cormorant/DM Serif
   Texto: system-ui (limpo) ou Brevia se existir no site
========================================================= */

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

/* Base */
body{
  font-family: var(--pel-body-font) !important;
  font-weight: 500;
  letter-spacing: .005em;
}

/* Títulos */
h1,h2,h3,
.brand .name{
  font-family: var(--pel-title-font) !important;
  font-weight: 600;
  letter-spacing: -.01em;
}

/* Ajustes finos por nível */
h1{
  font-weight: 600;
  letter-spacing: -.015em;
}

h2{
  font-weight: 600;
  letter-spacing: -.01em;
}

.card h3{
  font-family: var(--pel-title-font) !important;
  font-weight: 600;
  letter-spacing: -.01em;
}

/* Texto corrido */
.lead,
.sublead,
.card p,
.badge,
.ans,
.ajaxContent{
  font-family: var(--pel-body-font) !important;
  font-weight: 500;
  letter-spacing: .005em;
}

/* Micro-nav e botões com fonte mais “tech” e legível */
.chip,
.cta,
.ghost,
.btnMini,
.brand .name small,
.ajaxHeader .meta{
  font-family: var(--pel-body-font) !important;
  letter-spacing: .12em;
}

/* Evita que o texto fique "magro" demais em alguns iPhones */
@supports (-webkit-touch-callout: none){
  body{ -webkit-text-size-adjust: 100%; }
}
.tech-panel{
  position: relative;
  overflow: hidden;
  border-radius: 32px;
}

.tech-canvas{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.tech-photo{
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
}

.tech-photo img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center top;
  opacity: .36;
  filter: brightness(.68) contrast(1.05) saturate(.88);
}

.caption{
  position: absolute;
  left: 32px;
  right: 32px;
  bottom: 32px;
  z-index: 3;
}/* 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 */