.elementor-438 .elementor-element.elementor-element-a040466{--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;--overlay-opacity:1;}.elementor-438 .elementor-element.elementor-element-a040466::before, .elementor-438 .elementor-element.elementor-element-a040466 > .elementor-background-video-container::before, .elementor-438 .elementor-element.elementor-element-a040466 > .e-con-inner > .elementor-background-video-container::before, .elementor-438 .elementor-element.elementor-element-a040466 > .elementor-background-slideshow::before, .elementor-438 .elementor-element.elementor-element-a040466 > .e-con-inner > .elementor-background-slideshow::before, .elementor-438 .elementor-element.elementor-element-a040466 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, var( --e-global-color-2122e30 ) 20%, #111213 91%);}.elementor-438 .elementor-element.elementor-element-a173eb5{--spacer-size:100px;}.elementor-438 .elementor-element.elementor-element-3604a13{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-438 .elementor-element.elementor-element-6ab6977{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}html{height:100vh;margin:0;overflow:hidden;}body{height:100vh;overflow:auto;scroll-snap-type:y mandatory;scroll-padding:32px;}.elementor-section:not(.elementor-inner-section), .elementor-location-header, .elementor-location-footer, .page-header, .site-header, .elementor-add-section, .e-con:not(.e-child){scroll-snap-align:end;scroll-snap-stop:always;}@media(max-width:1024px){.elementor-section:not(.elementor-inner-section), .elementor-location-header, .elementor-location-footer, .page-header, .site-header, .elementor-add-section, .e-con:not(.e-child){scroll-snap-align:start;scroll-snap-stop:normal;}}@media(min-width:768px){.elementor-438 .elementor-element.elementor-element-a040466{--content-width:1282px;}}@media(max-width:767px){.elementor-438 .elementor-element.elementor-element-6ab6977{background-image:url("https://pelissariestetica.com.br/wp-content/uploads/2026/03/JRS06513-1-scaled.jpg");margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-section:not(.elementor-inner-section), .elementor-location-header, .elementor-location-footer, .page-header, .site-header, .elementor-add-section, .e-con:not(.e-child){scroll-snap-align:start;scroll-snap-stop:normal;}}/* Start custom CSS for html, class: .elementor-element-6ab6977 *//* ================================
PELISSARI — PATCH TIPOGRAFIA GLOBAL
Títulos: Playfair (premium legível)
Texto: system-ui / Inter-like (limpo)
================================ */

/* 1) Variáveis de fonte (opcional, mas ajuda) */
:root{
  --pel-title-font: "Playfair Display", "Cormorant Garamond", "DM Serif Display", Georgia, "Times New Roman", serif;
  --pel-body-font: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
}

/* 2) Corpo geral */
body{
  font-family: var(--pel-body-font) !important;
}

/* 3) Títulos gerais (WordPress/Elementor) */
h1,h2,h3,
.elementor-heading-title{
  font-family: var(--pel-title-font) !important;
  font-weight: 600 !important;
  letter-spacing: -0.01em;
}

/* 4) Texto geral (parágrafos/listas) */
p, li,
.elementor-widget-text-editor,
.elementor-widget-text-editor *{
  font-family: var(--pel-body-font) !important;
}

/* 5) Seus componentes “Pel-” (todas as páginas que criamos) */
[class*="pel-"]{
  font-family: var(--pel-body-font) !important;
}
[class*="pel-"] h1,
[class*="pel-"] h2,
[class*="pel-"] h3,
.pel-oe-h1,.pel-oe-h2,.pel-oe-h3,
.pel-gf-h1,.pel-gf-h2,.pel-gf-h3,
.pel-h2,.pel-h3{
  font-family: var(--pel-title-font) !important;
  font-weight: 600 !important;
}

/* 6) Menus / chips / botões ficarem mais “app” e limpos */
.pel-nav__links a,
.pel-bottomnav__txt,
.pel-oe-chip, .pel-gf-chip,
.pel-oe-cta, .pel-gf-cta,
.pel-oe-mini, .pel-gf-mini{
  font-family: var(--pel-body-font) !important;
  letter-spacing: .12em;
  text-transform: uppercase;
}

/* 7) Melhorias de legibilidade (opcional, mas recomendado) */
.pel-oe-lead, .pel-gf-lead, .pel-sublead, .pel-oe-sub, .pel-gf-sub{
  line-height: 1.72;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a040466 */<style>
/* =========================================================
PELISSARI — PATCH READABILITY (sem mudar identidade)
Cole no FINAL do seu CSS atual
========================================================= */

/* 1) Texto com mais presença (sem perder estética) */
.pel-h1, .pel-h2, .pel-h3{
  text-shadow: 0 2px 18px rgba(0,0,0,.35);
}

.pel-p{
  opacity: 1 !important;            /* remove o “apagado” */
  color: rgba(188,166,150,.96);     /* mesmo nude, só mais firme */
  text-shadow: 0 1px 12px rgba(0,0,0,.28);
}

.pel-muted{
  opacity: 1 !important;
  color: rgba(188,166,150,.86) !important;
}

/* 2) Reduz intensidade do overlay que está “lavando” tudo */
.pel-surface::before{
  opacity: .28 !important;          /* era ~.55 */
}

.pel-surface::after{
  opacity: .55 !important;          /* era ~.9 */
}

/* 3) Ajusta o LUXE para não “matar” o texto */
.pel-luxe{
  background:
    radial-gradient(900px 420px at 20% 18%, rgba(161,121,15,.10), transparent 62%),
    radial-gradient(900px 520px at 85% 30%, rgba(61,10,8,.14), transparent 64%),
    linear-gradient(180deg, rgba(188,166,150,.20), rgba(147,88,38,.12)) !important;
  border: 1px solid rgba(188,166,150,.24) !important;
}

/* 4) Melhor contraste dentro dos cards (sem virar “claro demais”) */
.pel-card{
  background: linear-gradient(180deg, rgba(55,46,39,.58), rgba(55,46,39,.26)) !important;
  border-color: rgba(161,121,15,.34) !important;
}

.pel-card--luxe{
  background: linear-gradient(180deg, rgba(188,166,150,.22), rgba(147,88,38,.12)) !important;
  border-color: rgba(161,121,15,.30) !important;
}

/* 5) Classe extra para “forçar leitura” (use quando precisar) */
.pel-readable .pel-h1,
.pel-readable .pel-h2,
.pel-readable .pel-h3{
  color: rgba(188,166,150,.98) !important;
}

.pel-readable .pel-p{
  color: rgba(188,166,150,.94) !important;
}

.pel-readable .pel-kicker{
  color: rgba(188,166,150,.82) !important;
}

/* 6) Botões: texto mais legível */
.pel-btn--ghost{
  background: rgba(0,0,0,.12) !important;
  border-color: rgba(188,166,150,.52) !important;
  color: rgba(188,166,150,.96) !important;
}

/* 7) No mobile, aumenta ainda mais legibilidade */
@media (max-width: 980px){
  .pel-p{
    text-shadow: 0 1px 14px rgba(0,0,0,.34);
  }
}
</style>/* End custom CSS */