.elementor-587 .elementor-element.elementor-element-b7a03fe{--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-587 .elementor-element.elementor-element-b7a03fe.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-587 .elementor-element.elementor-element-072a60b{--spacer-size:100px;}.elementor-587 .elementor-element.elementor-element-9593463{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:14px 0px 0px 0px;}@media(min-width:768px){.elementor-587 .elementor-element.elementor-element-b7a03fe{--width:83.734%;}}/* Start custom CSS for html, class: .elementor-element-9593463 *//* =========================================================
PERFIS DE PELE
========================================================= */
.pel-dm2-skinLayout{
  margin-top: 18px;
  display: grid;
  grid-template-columns: .95fr 1.05fr;
  gap: 16px;
  align-items: stretch;
}
@media (max-width: 980px){
  .pel-dm2-skinLayout{
    grid-template-columns: 1fr;
  }
}

.pel-dm2-skinHero{
  position: relative;
  overflow: hidden;
  border-radius: 24px;
  border: 1px solid rgba(161,121,15,.24);
  background:
    radial-gradient(420px 260px at 24% 20%, rgba(161,121,15,.16), transparent 62%),
    radial-gradient(380px 260px at 82% 28%, rgba(188,166,150,.10), transparent 68%),
    linear-gradient(180deg, rgba(55,46,39,.58), rgba(55,46,39,.20));
  box-shadow: 0 18px 56px rgba(0,0,0,.22);
  min-height: 100%;
}
.pel-dm2-skinHero::before{
  content:"";
  position:absolute; inset:0;
  background:
    repeating-linear-gradient(0deg, rgba(255,255,255,.012) 0, rgba(255,255,255,.012) 1px, transparent 1px, transparent 10px),
    repeating-linear-gradient(90deg, rgba(0,0,0,.012) 0, rgba(0,0,0,.012) 1px, transparent 1px, transparent 12px);
  mix-blend-mode: overlay;
  opacity:.24;
  pointer-events:none;
}
.pel-dm2-skinHero__glow{
  position:absolute;
  width: 320px;
  height: 320px;
  right: -40px;
  top: -50px;
  border-radius: 999px;
  background: radial-gradient(circle at center, rgba(188,166,150,.12), rgba(188,166,150,0));
  pointer-events:none;
}
.pel-dm2-skinHero__inner{
  position:relative;
  z-index:2;
  padding: clamp(18px, 2vw, 26px);
}

.pel-dm2-skinPoints{
  margin-top: 16px;
  display: grid;
  gap: 10px;
}
.pel-dm2-skinPoint{
  border-radius: 16px;
  border: 1px solid rgba(161,121,15,.20);
  background: linear-gradient(180deg, rgba(188,166,150,.10), rgba(147,88,38,.08));
  padding: 12px 14px;
}
.pel-dm2-skinPoint b{
  display:block;
  color: rgba(188,166,150,.98);
}
.pel-dm2-skinPoint span{
  display:block;
  margin-top: 5px;
  color: rgba(188,166,150,.78);
  font-size: 13.5px;
  line-height: 1.45;
}

.pel-dm2-skinGrid{
  display:grid;
  grid-template-columns: 1fr;
  gap: 12px;
}

.pel-dm2-skinCard{
  border-radius: 22px;
  border: 1px solid rgba(161,121,15,.24);
  background: linear-gradient(180deg, rgba(55,46,39,.56), rgba(55,46,39,.18));
  box-shadow: 0 16px 52px rgba(0,0,0,.20);
  padding: clamp(16px, 1.8vw, 22px);
  position: relative;
  overflow: hidden;
}
.pel-dm2-skinCard::after{
  content:"";
  position:absolute;
  inset:auto -40px -80px auto;
  width: 180px;
  height: 180px;
  border-radius: 999px;
  background: radial-gradient(circle at center, rgba(161,121,15,.10), rgba(161,121,15,0));
  pointer-events:none;
}

.pel-dm2-skinCard__tag{
  display:inline-flex;
  align-items:center;
  padding: 7px 11px;
  margin-bottom: 12px;
  border-radius: 999px;
  border: 1px solid rgba(161,121,15,.28);
  background: rgba(0,0,0,.12);
  color: rgba(188,166,150,.92);
  font-size: 12px;
  font-weight: 950;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.pel-dm2-skinMiniList{
  margin-top: 14px;
  display:flex;
  flex-wrap:wrap;
  gap: 8px;
}
.pel-dm2-skinMiniList span{
  display:inline-flex;
  align-items:center;
  padding: 8px 10px;
  border-radius: 999px;
  border: 1px solid rgba(188,166,150,.14);
  background: rgba(188,166,150,.06);
  color: rgba(188,166,150,.80);
  font-size: 12.5px;
  line-height: 1.2;
}/* 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 */