:root{--pi-ink:#1d1d1f;--pi-muted:#414b5a;--pi-dark:linear-gradient(160deg,#52545a 0%,#26272c 38%,#101318 100%)}
html{scroll-padding-top:130px;overflow-anchor:none}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.site-header{position:sticky;top:0;z-index:50}
.site-header-inner{max-width:1024px;margin:auto;padding:4px 20px;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:0 28px}
.site-header > header > div { column-gap: 0 !important; }
.site-brand {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  height: 44px;
  min-height: 0 !important;
  max-height: 44px;
  max-width: 228px;
  margin-inline-end: 24px;
  overflow: hidden;
  white-space: nowrap;
  color: var(--pi-ink);
  text-decoration: none !important;
  transition: max-height .26s cubic-bezier(.22,.75,.22,1),
    max-width .26s cubic-bezier(.22,.75,.22,1), margin-inline-end .26s cubic-bezier(.22,.75,.22,1),
    opacity .16s ease, transform .26s cubic-bezier(.22,.75,.22,1), visibility 0s;
}
.site-brand img { flex: none; }
.header-compact .site-brand:not(:focus-visible) {
  max-height: 0;
  max-width: 0;
  margin-inline-end: 0;
  opacity: 0;
  visibility: hidden;
  transform: translateY(-5px);
  pointer-events: none;
  transition-delay: 0s, 0s, 0s, 0s, 0s, .26s;
}
.site-offer{margin:0;background:var(--pi-dark);box-shadow:inset 0 1px 0 #ffffff26;color:#fff;padding:11px 16px;font-size:13px;line-height:1.45;display:flex;flex-wrap:wrap;gap:0 5px;align-items:center;justify-content:center}
.site-offer strong{font-weight:600;white-space:nowrap}
.site-header nav a,.site-header nav button{min-height:44px;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center}
.site-header nav[aria-label=Principal]{gap:0 16px!important;flex-wrap:nowrap!important}
.pi-hero{padding:0 20px 32px;text-align:center;overflow:hidden}
.pi-hero-panel{max-width:1240px;margin:auto;padding-top:36px}
.pi-hero-panel[hidden]{display:none}
.pi-hero-kicker{font-size:15px;font-weight:600;color:#64666d;margin:0 0 10px;letter-spacing:-.02em}
.pi-hero h1,.pi-hero h2{font-size:clamp(42px,5.7vw,76px);line-height:1.03;letter-spacing:-.055em;font-weight:700;margin:0 auto;max-width:1000px}
.pi-hero h1 span,.pi-hero h2 span{display:block}
.pi-hero h1 span:last-child,.pi-hero h2 span:last-child{background:linear-gradient(180deg,#70737b 0,#34363c 50%,#11141a 100%);color:transparent;background-clip:text;-webkit-background-clip:text}
.pi-hero-copy{font-size:clamp(17px,1.8vw,21px);line-height:1.4;color:#6e6e73;max-width:580px;margin:15px auto 0;text-wrap:pretty;min-height:2.8em}
.pi-hero-actions{display:flex;align-items:center;justify-content:center;gap:24px;margin:22px 0 0;min-height:46px}
.pi-primary{display:inline-flex;align-items:center;justify-content:center;min-height:46px;box-sizing:border-box;padding:12px 24px;border-radius:999px;color:#fff!important;background:var(--pi-dark);box-shadow:inset 0 1px 0 #ffffff4d,0 4px 10px #161a2314;font-size:16px;font-weight:500;text-decoration:none!important;transition:transform .2s,box-shadow .2s}
.pi-primary:hover{transform:translateY(-1px);box-shadow:inset 0 1px 0 #ffffff4d,0 8px 18px #161a2326}
.pi-primary:active{transform:scale(.98)}
.pi-text-link{font-size:16px;text-decoration:none;color:#34363b;min-height:44px;display:inline-flex;align-items:center}
.pi-hero-art{margin:8px auto 0;width:min(100%,960px);height:clamp(300px,31vw,425px);display:flex;align-items:center;justify-content:center;touch-action:pan-y}
.pi-hero-art img{display:block;max-width:100%;width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;border-radius:20px}
.pi-hero-controls{display:flex;align-items:center;justify-content:center;gap:14px;margin:10px auto 0}
.pi-hero-tabs{display:flex;gap:4px;padding:5px;border:1px solid #ffffffef;border-radius:999px;background:linear-gradient(145deg,#ffffffd9,#eceef1ba);box-shadow:inset 0 1px 0 #fff,0 6px 20px #1b202b0c;backdrop-filter:blur(20px)}
.pi-hero-tabs button{font:inherit;font-size:13px;min-height:38px;padding:8px 20px;border:0;border-radius:999px;background:transparent;color:#60636a;cursor:pointer;white-space:nowrap;transition:background .2s,color .2s,box-shadow .2s}
.pi-hero-tabs button[aria-selected=true]{background:var(--pi-dark);color:#fff;box-shadow:inset 0 1px 0 #ffffff4d,0 2px 4px #1b202b20}
.pi-hero-arrow{border:1px solid #e2e3e7;background:linear-gradient(145deg,#fff,#f1f2f5);color:#4a4e56;width:42px;height:42px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 1px 0 #fff}
.pi-hero-arrow svg{width:17px;height:17px}
.pi-hero button:focus-visible,.pi-hero a:focus-visible{outline:2px solid #1d1d1f;outline-offset:4px}
.product-benefits{grid-template-columns:repeat(4,minmax(0,1fr))!important}
.product-benefits>div{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;background:var(--pi-glass)!important;box-shadow:inset 0 1px 0 #fff,0 0 0 1px #e5e7ec80}
.product-benefits>div>p:last-child{max-width:190px}
.pi-format-icon{filter:drop-shadow(0 2px 3px #171b2426);object-fit:contain}
[aria-label="Quantidade de placas deste modelo"]{grid-template-columns:repeat(4,minmax(0,1fr))!important}
.pd-tier[aria-pressed=true]{background:var(--pi-dark)!important;color:#fff;border-color:transparent!important;box-shadow:inset 0 1px 0 #ffffff4d,0 6px 16px #171a2326!important}
.pd-tier[aria-pressed=true]>span:last-child{color:#dedfe5!important}
#duvidas .pi-faq-answers{border-top:0}
#duvidas .pi-faq-answer{padding:0;margin:0 0 12px;border:1px solid #e6e7ec;border-radius:20px;background:linear-gradient(145deg,#ffffff,#f3f4f7a6);box-shadow:inset 0 1px 0 #fff,0 5px 18px #242a3607;overflow:hidden}
#duvidas .pi-faq-answer summary{display:flex;align-items:center;gap:13px;padding:19px 20px;list-style:none;cursor:pointer;text-align:left}
#duvidas .pi-faq-answer summary::-webkit-details-marker{display:none}
#duvidas .pi-faq-answer summary img{width:52px;height:52px;object-fit:contain;flex:none}
#duvidas .pi-faq-question-text{flex:1;font-size:17px;font-weight:600;line-height:1.3;letter-spacing:-.02em}
#duvidas .pi-faq-answer summary:after{content:'+';display:flex;align-items:center;justify-content:center;width:28px;height:28px;flex:none;border-radius:50%;background:linear-gradient(145deg,#fff,#e9ebef);border:1px solid #e2e4e9;box-shadow:inset 0 1px 0 #fff;font-size:21px;font-weight:400;color:#484c55}
#duvidas .pi-faq-answer[open] summary:after{content:'−'}
#duvidas .pi-faq-answer summary:focus-visible{outline:2px solid #1d1d1f;outline-offset:-4px;border-radius:20px}
#duvidas .pi-faq-answer p{padding:0 24px 24px;text-align:left;max-width:none}
@media(max-width:700px){
  .site-header-inner{gap:0 20px;padding:0 16px}
  .site-brand{flex-basis:100%;max-width:100%;margin-inline-end:0}
  .header-compact .site-brand:not(:focus-visible){max-width:100%}
  .pi-hero{padding:0 14px 26px}
  .pi-hero-panel{padding-top:27px}
  .pi-hero-kicker{font-size:14px;margin-bottom:10px}
  .pi-hero h1,.pi-hero h2{font-size:clamp(37px,9.6vw,57px);line-height:1.06;letter-spacing:-.045em}
  .pi-hero-copy{font-size:17px;max-width:335px;margin-top:14px;min-height:4.2em}
  .pi-hero-actions{gap:20px;margin-top:15px}
  .pi-hero-art{width:calc(100% + 12px);max-width:600px;height:clamp(225px,67vw,335px);margin:6px -6px 0}
  .pi-hero-controls{gap:7px;margin-top:6px}
  .pi-hero-tabs{padding:4px;gap:2px}
  .pi-hero-tabs button{font-size:12px;padding:8px 12px;min-height:37px}
  .pi-hero-arrow{display:none}
  .product-benefits{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  [aria-label="Quantidade de placas deste modelo"]{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  #simulador .pi-calc-breakdown{grid-template-columns:1fr;gap:13px}
  #simulador .pi-calc-breakdown>div{text-align:center}
  #simulador .pi-calc-breakdown>div+div{padding-left:0;border-left:0;border-top:1px solid #ffffff1a;padding-top:13px}
  #simulador .pi-calc-breakdown dt{margin:0 0 5px}
}
@media(max-width:360px){.site-offer{font-size:12px}.pi-hero-tabs button{padding:8px 9px;font-size:11px}.pi-hero-controls{gap:5px}.pi-hero-copy{font-size:16px}.pi-hero h1,.pi-hero h2{font-size:30px}.pi-hero-actions{gap:12px}.pi-hero-actions a{font-size:14px;white-space:nowrap}.pi-primary{padding:12px 18px}}
@media(prefers-reduced-motion:reduce){.site-brand,.header-compact .site-brand:not(:focus-visible),.pi-primary,.pi-hero-tabs button{transition:none}.pi-primary:hover,.pi-primary:active{transform:none}}

/* Glass surfaces share the silver and graphite materials of the PI mark. */
.pi-hero-art {
  position: relative;
  box-sizing: border-box;
  width: min(100%, 600px);
  height: auto;
  aspect-ratio: 3 / 2;
  margin: 12px auto 0;
  overflow: hidden;
  border: 1px solid var(--pi-glass-edge);
  border-radius: 30px;
  background: var(--pi-glass);
  box-shadow: var(--pi-glass-shadow);
  backdrop-filter: blur(22px) saturate(125%);
  -webkit-backdrop-filter: blur(22px) saturate(125%);
}
.pi-hero-art:after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;box-shadow:inset 1px 1px 0 #ffffffd9,inset -1px -1px 0 #cbd3e34d}
.pi-hero-art img{object-fit:contain;mix-blend-mode:normal;border-radius:22px}
.pi-hero-controls{margin-top:18px}
.pi-hero-tabs{border-color:#fff;background:linear-gradient(135deg,#ffffffba,#e1e5ed99);box-shadow:inset 0 1px 1px #fff,inset 0 -1px 0 #b4bdce66,0 8px 24px #29334d14;backdrop-filter:blur(26px) saturate(130%);-webkit-backdrop-filter:blur(26px) saturate(130%)}
.pi-stats{padding:24px 20px 52px}
.pi-stats dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-width:920px;margin:0 auto;padding:28px 16px;border:1px solid #ffffffed;border-radius:26px;background:linear-gradient(145deg,#ffffffc9,#e7ebf58c);box-shadow:inset 0 1px 0 #fff,inset 0 -1px 0 #cbd1df66,0 12px 32px #24304b0c;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
.pi-stats dt{font-size:14px;color:#646975;margin:0 0 6px}
.pi-stats dd{font-size:clamp(24px,4vw,42px);font-weight:650;line-height:1.15;letter-spacing:-.045em;margin:0;white-space:nowrap;background:linear-gradient(#585e6c,#11151d);background-clip:text;-webkit-background-clip:text;color:transparent}
#simulador .pi-calculator{background:linear-gradient(135deg,#ffffffbd,#dce2ed80);border-color:#ffffffed;box-shadow:inset 0 1px 0 #fff,inset 0 -1px 0 #bac4d666,0 20px 55px #26344d16;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}
#simulador .pi-calc-choice:not([aria-pressed=true]){background:linear-gradient(145deg,#ffffffc4,#ffffff57);border-color:#ffffffed;box-shadow:inset 0 1px 0 #fff,inset 0 -1px 0 #c7cedb80,0 4px 12px #28334b0a;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
#passos .pi-flow{gap:0;padding:16px;border:1px solid #fff;border-radius:30px;background:linear-gradient(145deg,#ffffffaa,#ffffff3d);box-shadow:inset 0 1px 0 #fff,0 14px 36px #22314d0c}
#passos .pi-flow:before{display:none}
#passos .pi-flow li{padding:22px 18px 28px}
#passos .pi-flow-art{height:230px;max-width:290px;margin-bottom:16px}
#passos .pi-flow-art:before{display:none}
#passos .pi-flow-art img{width:230px;height:230px;mix-blend-mode:multiply}
#duvidas .pi-faq-answer{background:linear-gradient(140deg,#ffffffbd,#ffffff4a);border-color:#ffffffed;box-shadow:inset 0 1px 0 #fff,inset 0 -1px 0 #c5cedd66,0 7px 24px #26314b0c;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}
@media(min-width:1100px){
 .pi-hero-panel{padding-top:26px}
 .pi-hero h2{font-size:56px;max-width:1230px;line-height:1.08}
 .pi-hero-copy{max-width:650px;font-size:19px;min-height:2.8em}
 .pi-hero-actions{margin-top:16px}
}
@media(max-width:700px){
 .pi-hero-art{border-radius:25px}
 .pi-hero-art img{border-radius:19px}
 .pi-hero-controls{margin-top:16px}
 .pi-stats{padding:20px 14px 38px}
 .pi-stats dl{padding:22px 8px;gap:5px;border-radius:22px}
 .pi-stats dt{font-size:11px;margin-bottom:7px}
 .pi-stats dd{font-size:clamp(20px,6vw,29px)}
 #passos .pi-flow{padding:8px;gap:0}
 #passos .pi-flow li{padding:18px 12px 30px}
 #passos .pi-flow li+li{border-top:1px solid #d2d9e57a}
 #passos .pi-flow-art{height:235px;margin-bottom:10px}
 #passos .pi-flow-art img{width:245px;height:245px}
}

.pi-discount-progress{padding:2px 0 0;text-align:center}
.pi-discount-progress .pi-discount-badge{display:inline-flex;align-items:center;justify-content:center;gap:7px;box-sizing:border-box;min-height:34px;padding:7px 14px;border:1px solid #bce8cf;border-radius:999px;background:linear-gradient(145deg,#eafff1,#d8f5e4);box-shadow:inset 0 1px 0 #ffffffed,0 3px 10px #0c7b4a0a;color:#075b36;font-size:14px;font-weight:600;line-height:1.25}
.pi-discount-progress .pi-discount-caption{margin:10px 0 0;color:#415c4e;font-size:15px;font-weight:500;line-height:1.4}
.pi-discount-progress .pi-discount-track{height:10px;max-width:340px;margin:14px auto 0;overflow:hidden;border-radius:999px;background:linear-gradient(180deg,#e3e9e5,#eef2ef);box-shadow:inset 0 1px 2px #1d3d2c14,0 1px 0 #fff}
.pi-discount-progress .pi-discount-fill{position:relative;display:block;width:100%;height:100%;overflow:hidden;border-radius:inherit;background:linear-gradient(90deg,#0c7b4a 0%,#22b96b 68%,#68dfa1 100%);box-shadow:0 0 14px #22b96b40;transform-origin:left center;transition:transform .5s cubic-bezier(.22,1,.36,1)}
.pi-discount-progress .pi-discount-fill:after{content:'';position:absolute;inset:0;border-radius:inherit;background:linear-gradient(180deg,#ffffff54,transparent 55%);pointer-events:none}
.pi-discount-progress .pi-discount-fill:before{content:'';position:absolute;inset:0;background:linear-gradient(105deg,transparent 24%,#ffffff66 48%,transparent 72%);animation:pi-discount-sheen .8s ease-out both;pointer-events:none}
.pi-discount-progress[data-discount="0%"] .pi-discount-badge{color:#626a65;background:linear-gradient(145deg,#f7f9f7,#edf1ee);border-color:#dde5df}
.pi-discount-progress[data-discount="0%"] .pi-discount-badge svg{display:none}
.pi-discount-toast.is-reward{animation:pi-discount-toast-in .28s cubic-bezier(.22,1,.36,1) both}
.pi-discount-toast.is-reward .pi-discount-toast-icon{background:linear-gradient(145deg,#22b96b,#0c7b4a)!important;box-shadow:inset 0 1px 0 #ffffff5c,0 3px 10px #0c7b4a29}
@keyframes pi-discount-sheen{from{opacity:0;transform:translateX(-100%)}35%{opacity:.6}to{opacity:0;transform:translateX(100%)}}
@keyframes pi-discount-toast-in{from{opacity:0;transform:translate(-50%,10px) scale(.98)}to{opacity:1;transform:translate(-50%,0) scale(1)}}
@media(prefers-reduced-motion:reduce){.pi-discount-progress .pi-discount-fill{transition:none}.pi-discount-progress .pi-discount-fill:before,.pi-discount-toast.is-reward{animation:none}}

#modelos,#precos{overflow:hidden}

[aria-label="Quantidade de placas deste modelo"]{grid-template-columns:repeat(3,minmax(0,1fr))!important}@media(max-width:700px){[aria-label="Quantidade de placas deste modelo"]{grid-template-columns:repeat(2,minmax(0,1fr))!important}}

/* Silver backdrop and glass surfaces shared by both pages. */
:root {
  --pi-glass: linear-gradient(135deg,#ffffffe0,#f1f3f88c 56%,#dce1eb82);
  --pi-glass-edge: #ffffffed;
  --pi-glass-shadow: inset 0 1px 0 #fff,inset 0 -1px 0 #acb5c46b,0 14px 34px -20px #25344b63;
  --pi-glass-action: linear-gradient(150deg,#565b66,#292e38 65%,#191f29);
}

body { background: #cbd1da !important; }

.pi-home, .pi-catalog {
  background:
    radial-gradient(ellipse 76% 55% at 12% 46%, #ffffffa8, transparent 82%) center top / 100% 840px repeat-y,
    radial-gradient(ellipse 51% 41% at 68% 62%, #ffffff4d, transparent 85%) center top / 100% 840px repeat-y,
    linear-gradient(90deg, #f5f6f9 0%, #e7e9ee 31%, #d0d4dd 65%, #b5bbc5 100%) !important;
}

.pi-home > section, .pi-catalog section { background: transparent !important; }

.site-header > header, :is(.pi-home,.pi-catalog) > footer {
  background: var(--pi-glass) !important;
  border-color: var(--pi-glass-edge) !important;
  box-shadow: inset 0 1px 0 #fff9,0 3px 15px #23324b0a;
}

.pi-primary, .pi-hero-tabs button[aria-selected=true] { background: var(--pi-glass-action); }
.pd-tier[aria-pressed=true] { background: var(--pi-glass-action) !important; }

.pi-hero-arrow, .pi-stats dl {
  background: var(--pi-glass);
  border-color: var(--pi-glass-edge);
  box-shadow: var(--pi-glass-shadow);
}

#hero-digital .pi-hero-embastel-scene {
  position: absolute;
  inset: 2.4% 6% 4.6%;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  gap: clamp(5px, 1.5vw, 18px);
}

#hero-digital .pi-hero-embastel-plaque {
  flex: none;
  width: auto;
  max-width: 62%;
  height: 100%;
  object-fit: contain;
  object-position: center bottom;
  border-radius: 0;
}

#hero-digital .pi-hero-embastel-device {
  position: relative;
  flex: none;
  height: 80%;
  aspect-ratio: 0.48;
  /* A margem transparente da placa desloca o seu ponto de apoio para cima. */
  transform: translateY(-8%);
}

#hero-digital .pi-hero-embastel-device::before {
  content: "";
  position: absolute;
  inset: auto -5% 0;
  height: 6%;
  border-radius: 5px 5px 4px 4px;
  background: linear-gradient(#606873, #242933 62%, #171c24);
  box-shadow: 0 3px 6px #20283443;
}

#hero-digital .pi-hero-embastel-phone {
  position: relative;
  box-sizing: border-box;
  height: 97%;
  padding: clamp(2px, .36vw, 4px);
  border: 1px solid #50555d;
  border-radius: clamp(13px, 2.2vw, 25px);
  background: linear-gradient(120deg, #d3d5da, #282c35 26%, #a8afb7 83%, #353943);
  box-shadow: inset 0 0 0 1px #ffffff57;
}

#hero-digital .pi-hero-embastel-phone::after {
  content: "";
  position: absolute;
  inset: 3.3% auto auto 50%;
  width: 25%;
  height: 2.5%;
  border-radius: 100px;
  background: #141619;
  transform: translateX(-50%);
}

#hero-digital .pi-hero-embastel-screen {
  box-sizing: border-box;
  height: 100%;
  padding-top: 8%;
  overflow: hidden;
  border: 1px solid #111317;
  border-radius: clamp(10px, 1.85vw, 21px);
  background: #827b73;
}

#hero-digital .pi-hero-embastel-screen img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center top;
  border-radius: 0;
}

.pi-search-entry {
  box-sizing: border-box;
  max-width: 760px;
  margin: clamp(24px, 8vw, 80px) auto;
  padding: clamp(24px, 6vw, 54px);
  border: 1px solid var(--pi-glass-edge);
  border-radius: 28px;
  background: var(--pi-glass);
  box-shadow: var(--pi-glass-shadow);
  color: var(--pi-ink);
  font-family: -apple-system, BlinkMacSystemFont, Inter, sans-serif;
  line-height: 1.6;
}
.pi-search-entry h1 { margin-top: 0; line-height: 1.15; }
.pi-search-entry nav { display: flex; gap: 8px 18px; flex-wrap: wrap; }