.elementor-614 .elementor-element.elementor-element-6de339f{--display:flex;}.elementor-614 .elementor-element.elementor-element-a391791{--spacer-size:100px;}.elementor-614 .elementor-element.elementor-element-7d5b393{--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:15px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}@media(min-width:768px){.elementor-614 .elementor-element.elementor-element-7d5b393{--content-width:1280px;}}/* Start custom CSS for html, class: .elementor-element-1e4ea8d *//* PELISSARI — PATCH FOTO (olhos centralizados) */
.pel-oe-photo > .pel-oe-photo__img{
  background-position: 50% 42% !important; /* ajusta o foco nos olhos */
  background-size: cover !important;
}
.pel-oe-cardMini__image {
  width: 100%;
  margin-bottom: 18px;
  border-radius: 22px;
  overflow: hidden;
  aspect-ratio: 16 / 10;
  background: rgba(255,255,255,0.04);
}

.pel-oe-cardMini__image img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

.pel-oe-cardMini {
  overflow: hidden;
}/* 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 */