/* Jeniffer Lopes Ateliê | estilo base */
:root{
  --branco:#FFFDF9;--perola:#FBF8F3;--creme:#F5EEE4;--creme-2:#EFE5D8;--areia:#E6D6C2;
  --ouro:#B08A4F;--ouro-claro:#D4B783;--ouro-escuro:#8C6A36;
  --zap:#179B4B;--zap-escuro:#117A3A;
  --insta:radial-gradient(circle at 30% 107%,#FDD86E 0%,#F7A23A 18%,#E8473F 45%,#CF2A8E 65%,#7A3BD8 100%);
  --tinta:#1D1A17;--tinta-2:#2A2622;--texto:#4A433C;--suave:#8A7E72;
  --serif:'Bodoni Moda',Didot,'Bodoni 72',Georgia,serif;
  --sans:'Jost',system-ui,-apple-system,sans-serif;
  --larg:1240px;--gutter:clamp(16px,4vw,40px);
  --raio:20px;--sombra:0 24px 60px -36px rgba(74,67,60,.55);
  --topo:78px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:var(--topo)}
body{font-variation-settings:'opsz' 11;background:var(--perola);color:var(--texto);font:400 17px/1.65 var(--sans);overflow-x:hidden;-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%}
a{color:inherit}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
.wrap{max-width:var(--larg);margin:0 auto;padding:0 var(--gutter)}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* tipografia */
.eyebrow{display:inline-block;font:500 12px/1.4 var(--sans);letter-spacing:.26em;text-transform:uppercase;color:var(--ouro)}
/* traço reforçado (opsz baixo) para leitura confortável no celular */
h1,h2,h3,.serif{font-family:var(--serif);font-weight:500;font-variation-settings:'opsz' 11;color:var(--tinta);letter-spacing:-.015em}
h1{font-weight:600}
h1{font-size:clamp(40px,6.2vw,82px);line-height:1.02}
h2{font-size:clamp(32px,4.4vw,56px);line-height:1.06}
h3{font-size:clamp(22px,2.2vw,28px);line-height:1.15}
h1 em,h2 em{font-style:italic;color:var(--ouro-escuro)}
.lead{font-size:clamp(17px,1.5vw,19px);color:var(--texto);max-width:560px}
.titulo-secao{text-align:center;max-width:760px;margin:0 auto clamp(36px,5vw,64px)}
.titulo-secao h2{margin:14px 0 16px}
.titulo-secao p{color:var(--suave);margin:0 auto;max-width:600px}
.fio{width:56px;height:1px;background:var(--ouro);margin:22px auto 0}

/* botões */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:54px;padding:0 30px;border-radius:999px;font:500 14px var(--sans);letter-spacing:.14em;text-transform:uppercase;text-decoration:none;transition:background .25s,color .25s,border-color .25s,transform .25s;white-space:nowrap}
.btn svg{width:18px;height:18px;flex:none}
.btn-tinta{background:var(--tinta);color:var(--branco)}
.btn-tinta:hover{background:var(--ouro-escuro)}
.btn-zap{background:var(--zap);color:#fff}
.btn-zap:hover{background:var(--zap-escuro)}
.btn-insta-txt{background:var(--insta);color:#fff}
.btn-insta-txt:hover{filter:brightness(1.08)}
.btn-linha{border:1px solid var(--tinta);color:var(--tinta)}
.btn-linha:hover{background:var(--tinta);color:var(--branco)}
.btn-claro{border:1px solid rgba(255,253,249,.5);color:var(--branco)}
.btn-claro:hover{background:var(--branco);color:var(--tinta)}
.link-sub{font:500 13px var(--sans);letter-spacing:.18em;text-transform:uppercase;text-decoration:none;color:var(--tinta);border-bottom:1px solid var(--ouro);padding-bottom:4px}
.link-sub:hover{color:var(--ouro-escuro)}

/* topo */
.topo{position:fixed;inset:0 0 auto;z-index:60;height:var(--topo);transition:background .35s,box-shadow .35s,height .35s}
.topo .wrap{height:100%;display:flex;align-items:center;justify-content:space-between;gap:24px;max-width:1400px}
.topo.solido{background:rgba(251,248,243,.92);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 1px 0 var(--areia)}
.marca{display:flex;align-items:center;gap:12px;text-decoration:none}
.marca img{height:46px;width:auto}
.marca span{display:flex;flex-direction:column;line-height:1}
.marca b{font:500 22px var(--serif);color:var(--tinta);letter-spacing:.01em}
.marca small{font:500 9.5px var(--sans);letter-spacing:.34em;text-transform:uppercase;color:var(--ouro);margin-top:5px}
.menu{display:flex;align-items:center;gap:30px}
.menu a{font:400 14px var(--sans);letter-spacing:.06em;text-decoration:none;color:var(--tinta);position:relative;padding:6px 0}
.menu a::after{content:'';position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--ouro);transform:scaleX(0);transition:transform .3s;transform-origin:left}
.menu a:hover::after,.menu a.ativo::after{transform:scaleX(1)}
.topo .btn{height:44px;padding:0 20px;font-size:12px}
.acoes-topo{display:flex;align-items:center;gap:10px}
.insta{width:44px;height:44px;border-radius:50%;background:var(--insta);color:#fff;display:grid;place-items:center;transition:transform .25s}
.insta:hover{transform:scale(1.07)}
.insta svg{width:21px;height:21px}
.abre-menu{display:none;width:44px;height:44px;align-items:center;justify-content:center}
.abre-menu span,.abre-menu span::before,.abre-menu span::after{display:block;width:22px;height:1.5px;background:var(--tinta);position:relative;transition:transform .3s,background .3s}
.abre-menu span::before,.abre-menu span::after{content:'';position:absolute;left:0}
.abre-menu span::before{top:-7px}.abre-menu span::after{top:7px}
body.menu-aberto .abre-menu span{background:transparent}
body.menu-aberto .abre-menu span::before{transform:translateY(7px) rotate(45deg)}
body.menu-aberto .abre-menu span::after{transform:translateY(-7px) rotate(-45deg)}
.gaveta{position:fixed;inset:0;z-index:55;background:var(--perola);display:flex;flex-direction:column;justify-content:center;padding:var(--topo) 32px 40px;gap:6px;opacity:0;pointer-events:none;transition:opacity .35s}
.gaveta a:not(.btn){font:400 34px/1.35 var(--serif);color:var(--tinta);text-decoration:none}
.gaveta .btn{margin-top:22px;align-self:flex-start}
.gaveta .btn+.btn{margin-top:10px}
body.menu-aberto .gaveta{opacity:1;pointer-events:auto}
body.menu-aberto{overflow:hidden}

/* selo da agenda */
.selo{display:inline-flex;align-items:center;gap:10px;padding:8px 16px 8px 12px;border:1px solid var(--areia);border-radius:999px;background:rgba(255,253,249,.7);font-size:13.5px;color:var(--texto)}
.selo i{width:8px;height:8px;border-radius:50%;background:#5E9B6B;box-shadow:0 0 0 4px rgba(94,155,107,.18);animation:pulsa 2.2s infinite}
.selo b{font-weight:500;color:var(--tinta)}
@keyframes pulsa{50%{box-shadow:0 0 0 8px rgba(94,155,107,0)}}

/* secoes */
section{position:relative}
.bloco{padding:clamp(80px,11vw,150px) 0}
.bloco-creme{background:var(--creme)}

/* hero */
.hero{min-height:100svh;display:flex;align-items:center;padding:calc(var(--topo) + 30px) 0 60px;overflow:hidden;background:radial-gradient(120% 80% at 80% 40%,var(--branco) 0%,var(--perola) 45%,var(--creme) 100%)}
.hero .wrap{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:40px;width:100%;max-width:1400px}
.hero h1{margin:22px 0 24px}
.hero .lead{margin-bottom:36px}
.hero .acoes{display:flex;flex-wrap:wrap;gap:14px;align-items:center}
.hero .mais{display:flex;gap:28px;margin-top:44px;padding-top:28px;border-top:1px solid var(--areia);max-width:520px}
.hero .mais div{display:flex;flex-direction:column}
.hero .mais b{font:500 30px/1 var(--serif);color:var(--tinta)}
.hero .mais span{font-size:13px;color:var(--suave);margin-top:6px}
.vitrine{position:relative;aspect-ratio:1/1.08;max-height:78vh;justify-self:center;width:min(100%,640px)}
.vitrine .arco{position:absolute;left:12%;right:12%;top:4%;bottom:6%;border-radius:999px 999px 28px 28px;background:linear-gradient(180deg,var(--creme-2),var(--areia));box-shadow:inset 0 0 0 1px rgba(176,138,79,.18)}
.vitrine .anel{position:absolute;left:6%;right:6%;top:0;aspect-ratio:1;border-radius:50%;border:1px solid rgba(176,138,79,.35)}
.vitrine img{position:absolute;filter:drop-shadow(0 30px 30px rgba(74,60,40,.28));will-change:transform}
.vitrine .v1{width:58%;left:24%;bottom:6%;z-index:3}
.vitrine .v2{width:36%;left:2%;bottom:14%;z-index:2}
.vitrine .v3{width:34%;right:0;bottom:20%;z-index:2}
@keyframes flutua{50%{transform:translateY(-14px) rotate(-1.2deg)}}
.rolar{position:absolute;left:50%;bottom:26px;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:10px;font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:var(--suave);text-decoration:none}
.rolar::after{content:'';width:1px;height:42px;background:linear-gradient(var(--ouro),transparent);animation:desce 2s infinite}
@keyframes desce{0%{transform:scaleY(0);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}51%{transform-origin:bottom}100%{transform:scaleY(0);transform-origin:bottom}}

/* colecoes (carrossel em destaque) */
.colecoes{overflow:hidden}
.trilho{display:flex;gap:clamp(14px,2vw,26px);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:30px calc(50vw - min(170px,34vw)) 50px;-webkit-overflow-scrolling:touch}
.trilho::-webkit-scrollbar{display:none}
.cartao-col{flex:none;width:min(340px,68vw);scroll-snap-align:center;text-decoration:none;transition:transform .5s cubic-bezier(.2,.7,.2,1),opacity .5s;transform:scale(var(--esc,.86));opacity:var(--op,.55)}
.cartao-col .foto{aspect-ratio:3/4;border-radius:var(--raio);overflow:hidden;position:relative;box-shadow:var(--sombra);background:var(--creme-2)}
.cartao-col img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s}
.cartao-col:hover img{transform:scale(1.05)}
.cartao-col .foto::after{content:'';position:absolute;inset:45% 0 0;background:linear-gradient(transparent,rgba(29,26,23,.62))}
.cartao-col .rot{position:absolute;left:0;right:0;bottom:24px;z-index:2;text-align:center;color:var(--branco)}
.cartao-col .rot b{display:block;font:500 30px/1.1 var(--serif)}
.cartao-col .rot span{display:inline-block;margin-top:10px;font-size:11px;letter-spacing:.24em;text-transform:uppercase;border-bottom:1px solid rgba(255,253,249,.6);padding-bottom:3px}
.setas{display:flex;justify-content:center;gap:12px}
.seta{width:52px;height:52px;border-radius:50%;border:1px solid var(--areia);display:grid;place-items:center;transition:background .25s,border-color .25s}
.seta:hover{background:var(--tinta);border-color:var(--tinta);color:var(--branco)}
.seta svg{width:18px;height:18px}

/* bolsas voando */
.voo{height:330vh;background:var(--branco)}
.voo-palco{position:sticky;top:0;height:100vh;overflow:hidden;display:grid;place-items:center}
.voo-texto{position:relative;z-index:2;text-align:center;max-width:720px;padding:0 var(--gutter)}
.voo-texto h2{margin:16px 0 22px}
.voo-texto p{color:var(--texto);margin:0 auto 12px;max-width:600px}
.voo-texto .btn{margin-top:26px}
.voo .bolsa{position:absolute;left:50%;top:50%;width:clamp(170px,26vw,380px);z-index:3;filter:drop-shadow(0 40px 40px rgba(60,48,30,.3));will-change:transform;pointer-events:none}
.voo .bolsa.atras{z-index:1;filter:drop-shadow(0 30px 30px rgba(60,48,30,.2)) saturate(.9);opacity:.95}
.sem-voo .voo{height:auto}
.sem-voo .voo-palco{position:relative;height:auto;padding:clamp(90px,11vw,150px) 0}
.sem-voo .voo .bolsa{display:none}

/* kits */
.kits{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,2.4vw,32px)}
.kit{background:var(--branco);border-radius:var(--raio);overflow:hidden;display:flex;flex-direction:column;box-shadow:0 1px 0 rgba(29,26,23,.04);transition:transform .4s,box-shadow .4s}
.kit:hover{transform:translateY(-6px);box-shadow:var(--sombra)}
.kit .foto{aspect-ratio:4/3;overflow:hidden;background:var(--creme-2)}
.kit .foto img{width:100%;height:100%;object-fit:cover}
.kit .corpo{padding:28px 28px 30px;display:flex;flex-direction:column;flex:1}
.kit h3{margin-bottom:8px}
.kit .frase{color:var(--suave);font-size:15px;margin-bottom:18px}
.kit ul{list-style:none;margin-bottom:24px;flex:1}
.kit li{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid var(--creme-2);font-size:15px}
.kit li span:last-child{color:var(--suave);white-space:nowrap}
.kit .preco{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:20px}
.kit .preco small{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--suave)}
.kit .preco b{font:500 32px var(--serif);color:var(--tinta)}
.kit .pix{font-size:13px;color:var(--ouro-escuro);margin:-12px 0 20px}
.kit .btn{width:100%}

/* reels do atelie */
.reels{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:6px var(--gutter) 10px;margin:0 calc(var(--gutter) * -1)}
.reels::-webkit-scrollbar{display:none}
.reel{flex:none;width:min(280px,64vw);aspect-ratio:9/16;border-radius:var(--raio);overflow:hidden;position:relative;scroll-snap-align:start;text-decoration:none;color:var(--branco);background:var(--tinta)}
.reel img{width:100%;height:100%;object-fit:cover;animation:kenburns 14s ease-in-out infinite alternate}
.reel:nth-child(2n) img{animation-delay:-5s}
@keyframes kenburns{from{transform:scale(1.02)}to{transform:scale(1.14) translate(-2%,-2%)}}
.reel::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(29,26,23,.15),transparent 30%,transparent 55%,rgba(29,26,23,.75))}
.reel .play{position:absolute;top:16px;right:16px;z-index:2;width:38px;height:38px;border-radius:50%;background:rgba(255,253,249,.22);backdrop-filter:blur(6px);display:grid;place-items:center}
.reel .play svg{width:14px;height:14px;margin-left:2px}
.reel .leg{position:absolute;left:18px;right:18px;bottom:18px;z-index:2}
.reel .leg b{display:block;font:500 22px/1.15 var(--serif)}
.reel .leg span{font-size:13px;opacity:.85}

/* desenhos (faixa escura) */
.faixa-escura{background:var(--tinta);color:var(--creme);overflow:hidden}
.faixa-escura h2{color:var(--branco)}
.faixa-escura h2 em{color:var(--ouro-claro)}
.faixa-escura .eyebrow{color:var(--ouro-claro)}
.desenhos-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:clamp(30px,6vw,90px);align-items:center}
.desenhos-grid p{color:rgba(245,238,228,.78);margin:18px 0 30px;max-width:480px}
.numero-grande{font:500 clamp(70px,10vw,140px)/.9 var(--serif);color:var(--ouro-claro)}
.mosaico{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;transform:rotate(-4deg)}
.mosaico a{aspect-ratio:1;border-radius:50%;overflow:hidden;background:var(--branco);border:3px solid rgba(212,183,131,.4);transition:transform .4s,border-color .4s}
.mosaico a:nth-child(2n){transform:translateY(24px)}
.mosaico a:hover{border-color:var(--ouro-claro);transform:scale(1.06)}
.mosaico img{width:100%;height:100%;object-fit:cover}
.etiquetas{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:30px}
.etiquetas a{padding:8px 16px;border:1px solid rgba(245,238,228,.25);border-radius:999px;font-size:14px;text-decoration:none;color:var(--creme);transition:background .25s,color .25s}
.etiquetas a:hover{background:var(--creme);color:var(--tinta)}

/* pix parcelado */
.pix-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,6vw,90px);align-items:center}
.pix-lista{list-style:none;margin:26px 0 0}
.pix-lista li{display:flex;gap:14px;padding:12px 0;border-bottom:1px solid var(--areia)}
.pix-lista li::before{content:'';flex:none;width:7px;height:7px;margin-top:10px;border-radius:50%;background:var(--ouro)}
.simulador{background:var(--branco);border-radius:28px;padding:clamp(28px,4vw,48px);box-shadow:var(--sombra)}
.simulador label{display:block;font-size:14px;color:var(--suave);margin-bottom:10px}
.simulador .semanas{font:500 56px/1 var(--serif);color:var(--tinta)}
.simulador .semanas small{font:400 18px var(--sans);color:var(--suave);margin-left:8px}
.simulador input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:6px;margin:30px 0 14px;border-radius:6px;cursor:pointer;background:linear-gradient(90deg,var(--ouro-claro),var(--ouro)) 0/var(--p,25%) 100% no-repeat,var(--creme-2)}
.simulador input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:26px;height:26px;border-radius:50%;background:var(--branco);border:2px solid var(--ouro);box-shadow:0 4px 12px -4px rgba(74,60,40,.5)}
.simulador input[type=range]::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:var(--branco);border:2px solid var(--ouro)}
.marcos{display:flex;justify-content:space-between;font-size:12px;color:var(--suave)}
.resultado{margin-top:28px;padding-top:24px;border-top:1px solid var(--creme-2);display:flex;justify-content:space-between;align-items:flex-end;gap:16px}
.resultado b{font:500 44px/1 var(--serif);color:var(--tinta)}
.resultado span{font-size:14px;color:var(--suave)}
.simulador .nota{font-size:13px;color:var(--suave);margin-top:18px}

/* quem faz */
.sobre-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:clamp(30px,6vw,96px);align-items:center}
.sobre-foto{position:relative}
.sobre-foto img{border-radius:240px 240px var(--raio) var(--raio);width:100%;aspect-ratio:4/5;object-fit:cover;box-shadow:var(--sombra)}
.sobre-foto .assinatura{position:absolute;right:-20px;bottom:40px;background:var(--branco);padding:18px 24px;border-radius:16px;box-shadow:var(--sombra);font:italic 400 22px var(--serif);color:var(--tinta)}
.sobre-foto .assinatura small{display:block;font:500 11px var(--sans);letter-spacing:.22em;text-transform:uppercase;color:var(--ouro);margin-top:4px;font-style:normal}
.sobre-texto p{margin:0 0 16px}
.numeros{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:40px;padding-top:32px;border-top:1px solid var(--areia)}
.numeros b{display:block;font:500 clamp(30px,3.4vw,44px)/1 var(--serif);color:var(--tinta)}
.numeros span{font-size:13px;color:var(--suave)}

/* depoimentos */
.depo-trilho{display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:10px var(--gutter) 20px;margin:0 calc(var(--gutter) * -1)}
.depo-trilho::-webkit-scrollbar{display:none}
.depo{flex:none;width:min(520px,84vw);scroll-snap-align:center;background:var(--branco);border-radius:var(--raio);padding:clamp(28px,4vw,48px);display:flex;flex-direction:column}
.depo .estrelas{color:var(--ouro);letter-spacing:4px;font-size:15px}
.depo blockquote{font:500 clamp(20px,2vw,26px)/1.35 var(--serif);color:var(--tinta);margin:20px 0 26px;flex:1}
.depo cite{font-style:normal;font-weight:500;color:var(--tinta)}
.depo cite span{display:block;font-weight:400;font-size:14px;color:var(--suave)}

/* como encomendar */
.passos{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(16px,2.4vw,30px);counter-reset:passo}
.passo{padding:30px 0 0;border-top:1px solid var(--tinta)}
.passo b{display:block;font:500 54px/1 var(--serif);color:var(--ouro);margin-bottom:18px}
.passo h3{font-size:22px;margin-bottom:10px}
.passo p{font-size:15px;color:var(--suave)}
.politicas{margin-top:56px;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.politicas div{background:var(--branco);border-radius:16px;padding:24px 26px;font-size:15px}
.politicas b{display:block;font:500 20px var(--serif);color:var(--tinta);margin-bottom:6px}

/* duvidas */
.faq{max-width:860px;margin:0 auto}
.faq details{border-bottom:1px solid var(--areia)}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px 0;font:500 clamp(19px,1.8vw,23px)/1.3 var(--serif);color:var(--tinta)}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:'';flex:none;width:14px;height:14px;background:linear-gradient(var(--ouro),var(--ouro)) center/100% 1.5px no-repeat,linear-gradient(var(--ouro),var(--ouro)) center/1.5px 100% no-repeat;transition:transform .3s}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq details p{padding:0 0 24px;color:var(--texto);max-width:720px}

/* chamada final */
.chamada{text-align:center}
.chamada h2{max-width:820px;margin:16px auto 22px}
.chamada p{color:var(--suave);max-width:560px;margin:0 auto 34px}

/* rodape */
.rodape{background:var(--tinta);color:rgba(245,238,228,.75);padding:80px 0 34px;font-size:15px}
.rodape .grade-rod{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:36px}
.rodape img{height:110px;width:auto;margin-bottom:18px}
.rodape h4{font:500 12px var(--sans);letter-spacing:.24em;text-transform:uppercase;color:var(--ouro-claro);margin-bottom:16px}
.rodape a{display:block;text-decoration:none;padding:4px 0;color:rgba(245,238,228,.75)}
.rodape a:hover{color:var(--branco)}
.rodape .rod-zap,.rodape .rod-ig{display:flex;align-items:center;gap:10px}
.rodape .rod-zap svg,.rodape .rod-ig svg{width:18px;height:18px;flex:none}
.rodape .rod-zap svg{color:#3DD07A}
.rodape .rod-ig svg{color:#F28CC0}
.rodape .base{margin-top:56px;padding-top:24px;border-top:1px solid rgba(245,238,228,.12);display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:13px;color:rgba(245,238,228,.5)}

/* botao flutuante */
.zap-flutua{position:fixed;right:22px;bottom:22px;z-index:50;width:60px;height:60px;border-radius:50%;background:var(--zap);color:var(--branco);display:grid;place-items:center;box-shadow:0 14px 30px -10px rgba(0,0,0,.45);transition:transform .3s,background .3s}
.zap-flutua:hover{transform:scale(1.06);background:var(--zap-escuro)}
.zap-flutua svg{width:28px;height:28px}

/* animacao de entrada */
/* o conteúdo nasce visível; só o que está abaixo da primeira tela ganha a classe .pre e sobe ao aparecer */
.revela{transition:opacity .9s cubic-bezier(.2,.7,.2,1),transform .9s cubic-bezier(.2,.7,.2,1)}
.revela.pre{opacity:.3;transform:translateY(28px)}
.revela.d1{transition-delay:.1s}.revela.d2{transition-delay:.2s}.revela.d3{transition-delay:.3s}

/* paginas internas */
.cabeca-interna{padding:calc(var(--topo) + 70px) 0 50px;text-align:center;background:linear-gradient(180deg,var(--creme),var(--perola))}
.cabeca-interna h1{font-size:clamp(40px,5.6vw,70px);margin:14px 0 16px}
.cabeca-interna p{color:var(--suave);max-width:620px;margin:0 auto}

@media (max-width:1020px){
  .menu{display:none}
  .abre-menu{display:flex}
  .topo .btn{display:none}
  .hero .wrap{grid-template-columns:1fr;text-align:left}
  .vitrine{width:min(100%,460px);margin-top:10px}
  .kits{grid-template-columns:1fr;max-width:520px;margin:0 auto}
  .desenhos-grid,.pix-grid,.sobre-grid{grid-template-columns:1fr}
  .mosaico{max-width:520px}
  .passos{grid-template-columns:1fr 1fr}
  .politicas{grid-template-columns:1fr}
  .rodape .grade-rod{grid-template-columns:1fr 1fr}
  .sobre-foto{max-width:480px}
}
@media (max-width:640px){
  :root{--topo:68px}
  body{font-size:16px}
  .marca img{height:38px}
  .marca b{font-size:19px}
  .hero{padding-top:calc(var(--topo) + 20px)}
  .hero .mais{gap:18px}
  .hero .mais b{font-size:24px}
  .btn{height:50px;padding:0 22px;font-size:12.5px}
  .hero .acoes .btn{flex:1}
  .numeros{grid-template-columns:1fr 1fr}
  .passos{grid-template-columns:1fr}
  .rodape .grade-rod{grid-template-columns:1fr}
  .sobre-foto .assinatura{right:10px;bottom:20px}
  .rolar{display:none}
  .zap-flutua{right:16px;bottom:16px;width:56px;height:56px}
  .voo .bolsa{width:118px}
  .voo .bolsa.atras{opacity:.55}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important}
  .revela.pre{opacity:1;transform:none}
}

/* ===== catálogo ===== */
.chips-cat{position:sticky;top:var(--topo);z-index:30;background:rgba(251,248,243,.94);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--areia)}
.chips-cat .wrap{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding-top:14px;padding-bottom:14px}
.chips-cat .wrap::-webkit-scrollbar{display:none}
.chips-cat a{flex:none;padding:9px 18px;border-radius:999px;border:1px solid var(--areia);font-size:14px;text-decoration:none;background:var(--branco);transition:background .25s,color .25s,border-color .25s}
.chips-cat a.on,.chips-cat a:hover{background:var(--tinta);border-color:var(--tinta);color:var(--branco)}
.grupo{padding:70px 0 10px;scroll-margin-top:calc(var(--topo) + 64px)}
.grupo-topo{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:28px;padding-bottom:18px;border-bottom:1px solid var(--areia)}
.grupo-topo h2{font-size:clamp(30px,3.6vw,44px)}
.grupo-topo span{color:var(--suave);font-size:14px}
.produtos{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:clamp(18px,2.4vw,30px)}
.produto{background:var(--branco);border-radius:var(--raio);overflow:hidden;display:flex;flex-direction:column}
.galeria{position:relative;aspect-ratio:4/5;background:var(--creme-2)}
.galeria .fotos{display:flex;height:100%;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
.galeria .fotos::-webkit-scrollbar{display:none}
.galeria img{flex:none;width:100%;height:100%;object-fit:cover;scroll-snap-align:center}
.galeria .pontos{position:absolute;left:0;right:0;bottom:14px;display:flex;justify-content:center;gap:6px}
.galeria .pontos i{width:6px;height:6px;border-radius:50%;background:rgba(255,253,249,.55);transition:background .3s,width .3s}
.galeria .pontos i.on{background:var(--branco);width:18px;border-radius:6px}
.galeria .nav{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:50%;background:rgba(255,253,249,.88);display:grid;place-items:center;opacity:0;transition:opacity .3s}
.galeria:hover .nav{opacity:1}
.galeria .nav.ant{left:12px}.galeria .nav.prox{right:12px}
.galeria .nav svg{width:16px;height:16px}
.produto .corpo{padding:24px 24px 26px;display:flex;flex-direction:column;flex:1}
.produto h3{font-size:26px;margin:6px 0 10px}
.produto p{font-size:15px;color:var(--suave);flex:1}
.produto .linha-preco{display:flex;align-items:baseline;justify-content:space-between;margin:20px 0 18px;padding-top:18px;border-top:1px solid var(--creme-2)}
.produto .linha-preco b{font:500 28px var(--serif);color:var(--tinta)}
.produto .linha-preco small{font-size:13px;color:var(--suave)}
.produto .acoes{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.produto .btn{height:48px;padding:0 12px;font-size:11.5px;letter-spacing:.12em}
.btn.no-kit{background:var(--creme);border-color:var(--ouro);color:var(--ouro-escuro)}
.barra-kit{position:fixed;left:50%;bottom:20px;z-index:45;transform:translate(-50%,160%);transition:transform .45s cubic-bezier(.2,.7,.2,1);background:var(--tinta);color:var(--creme);border-radius:999px;padding:8px 8px 8px 24px;display:flex;align-items:center;gap:18px;box-shadow:0 20px 40px -16px rgba(0,0,0,.55);max-width:calc(100% - 32px);width:max-content}
.barra-kit.vis{transform:translate(-50%,0)}
.barra-kit span{font-size:14.5px;white-space:nowrap}
.barra-kit b{color:var(--ouro-claro);font-weight:500}
.barra-kit .btn{height:46px;padding:0 22px;font-size:12px;background:var(--creme);color:var(--tinta)}
.barra-kit .btn:hover{background:var(--ouro-claro)}
body.tem-kit .zap-flutua{bottom:96px}

/* ===== monte seu kit ===== */
.atalhos{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:30px}
.atalhos button{padding:11px 20px;border-radius:999px;border:1px solid var(--areia);background:var(--branco);font-size:14.5px;transition:all .25s}
.atalhos button:hover,.atalhos button.on{background:var(--tinta);color:var(--branco);border-color:var(--tinta)}
.montador{display:grid;grid-template-columns:1.35fr 1fr;gap:clamp(24px,4vw,56px);align-items:start;padding:50px 0 120px}
.lista-pecas h2{font-size:28px;margin:34px 0 14px}
.lista-pecas h2:first-child{margin-top:0}
.peca{display:grid;grid-template-columns:76px 1fr auto;gap:18px;align-items:center;padding:14px;border-radius:16px;background:var(--branco);margin-bottom:10px;border:1px solid transparent;transition:border-color .25s}
.peca.sel{border-color:var(--ouro-claro)}
.peca img{width:76px;height:76px;border-radius:12px;object-fit:cover}
.peca b{display:block;font:500 20px/1.2 var(--serif);color:var(--tinta)}
.peca span{font-size:14px;color:var(--suave)}
.qtd{display:flex;align-items:center;gap:4px;border:1px solid var(--areia);border-radius:999px;padding:3px}
.qtd button{width:34px;height:34px;border-radius:50%;font-size:18px;line-height:1;color:var(--tinta)}
.qtd button:hover{background:var(--creme)}
.qtd output{min-width:22px;text-align:center;font-weight:500}
.resumo-kit{position:sticky;top:calc(var(--topo) + 24px);background:var(--branco);border-radius:24px;padding:clamp(24px,3vw,36px);box-shadow:var(--sombra)}
.resumo-kit h2{font-size:30px;margin-bottom:6px}
.resumo-kit .vazio{color:var(--suave);font-size:15px;padding:18px 0}
.resumo-kit ul{list-style:none;margin:16px 0}
.resumo-kit li{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid var(--creme-2);font-size:15px}
.resumo-kit .total{display:flex;justify-content:space-between;align-items:baseline;margin:16px 0 6px}
.resumo-kit .total b{font:500 36px var(--serif);color:var(--tinta)}
.resumo-kit .aviso-pix{font-size:13.5px;padding:10px 14px;border-radius:12px;background:var(--creme);color:var(--ouro-escuro);margin-bottom:20px}
.campo{display:block;margin-bottom:14px}
.campo span{display:block;font-size:13px;color:var(--suave);margin-bottom:6px;letter-spacing:.02em}
.campo input,.campo select{width:100%;height:48px;border:1px solid var(--areia);border-radius:12px;padding:0 14px;font:inherit;font-size:15px;color:var(--tinta);background:var(--perola)}
.campo input:focus,.campo select:focus{outline:none;border-color:var(--ouro);box-shadow:0 0 0 3px rgba(212,183,131,.25)}
.dois{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.desenhos-esc{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:6px}
.desenhos-esc .d{display:flex;align-items:center;gap:8px;padding:4px 8px 4px 4px;border-radius:999px;background:var(--creme);font-size:13px}
.desenhos-esc .d img{width:30px;height:30px;border-radius:50%;object-fit:cover;background:#fff}
.desenhos-esc .d button{font-size:16px;color:var(--suave);padding:0 2px}
.desenhos-esc a{font-size:13.5px;color:var(--ouro-escuro)}
.resumo-kit .btn{width:100%;margin-top:8px}
.resumo-kit .obs{font-size:12.5px;color:var(--suave);margin-top:14px;text-align:center}

@media (max-width:1020px){
  .montador{grid-template-columns:1fr}
  .resumo-kit{position:relative;top:0}
}
@media (max-width:640px){
  .produtos{grid-template-columns:1fr}
  .peca{grid-template-columns:60px 1fr;gap:12px}
  .peca img{width:60px;height:60px}
  .peca .qtd{grid-column:1/-1;justify-self:end}
  .barra-kit{padding-left:18px;gap:10px}
  .barra-kit span{font-size:13px}
  body.tem-kit .zap-flutua{bottom:88px}
}
@media (min-width:1021px){.so-celular{display:none}}

/* ===== ajustes de experiência (23/10) ===== */
/* ritmo mais compacto entre seções */
.bloco{padding:clamp(60px,7.5vw,108px) 0}
.titulo-secao{margin-bottom:clamp(26px,3.6vw,46px)}
.btn{height:50px;padding:0 26px}
.btn-pequeno{height:42px;padding:0 18px;font-size:12px}

/* carrossel de coleções: primeiro cartão centralizado, setas nas laterais do cartão do meio */
.carrossel{position:relative}
.trilho{padding:20px calc(50% - min(170px,34vw)) 30px;cursor:grab}
.trilho.arrastando{cursor:grabbing;scroll-snap-type:none}
.trilho.arrastando a{pointer-events:none}
.cartao-col img{-webkit-user-drag:none;user-select:none}
.seta-lado{position:absolute;top:calc(50% - 6px);transform:translateY(-50%);z-index:4;background:rgba(255,253,249,.94);border-color:var(--areia);box-shadow:0 10px 24px -14px rgba(74,60,40,.55)}
.seta-lado.ant{left:calc(50% - min(170px,34vw) - 78px)}
.seta-lado.prox{right:calc(50% - min(170px,34vw) - 78px)}
.pontos-car{display:flex;justify-content:center;gap:8px}
.pontos-car button{width:8px;height:8px;border-radius:999px;background:var(--areia);transition:width .3s,background .3s}
.pontos-car button.on{width:24px;background:var(--ouro)}
.setas{display:none}

/* seção "Elegância" mais enxuta */
.sem-voo .voo-palco{padding:clamp(56px,7vw,96px) 0}
.voo-texto{max-width:600px}
.voo-texto h2{font-size:clamp(28px,3.3vw,42px);margin:12px 0 16px}
.voo-texto p{font-size:16px;color:var(--suave)}
.voo-texto .link-sub{display:inline-block;margin-top:14px}

/* painel que abre por cima (produto e desenhos) */
body.painel-aberto{overflow:hidden}
.painel{position:fixed;inset:0;z-index:90;display:flex;align-items:center;justify-content:center;padding:24px}
.painel-fundo{position:absolute;inset:0;background:rgba(29,26,23,.55);backdrop-filter:blur(4px);opacity:0;transition:opacity .28s}
.painel-caixa{position:relative;background:var(--branco);border-radius:24px;width:min(1080px,100%);max-height:calc(100vh - 48px);overflow:auto;box-shadow:0 40px 90px -40px rgba(0,0,0,.55);transform:translateY(24px);opacity:0;transition:transform .32s cubic-bezier(.2,.7,.2,1),opacity .28s}
.painel.aberto .painel-fundo{opacity:1}
.painel.aberto .painel-caixa{transform:none;opacity:1}
.painel-x{position:absolute;top:14px;right:14px;z-index:5;width:42px;height:42px;border-radius:50%;background:var(--creme);display:grid;place-items:center}
.painel-x svg{width:18px;height:18px}
.painel-x:hover{background:var(--areia)}

/* página do produto */
.pp{display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(20px,3vw,40px);padding:clamp(18px,2.6vw,32px)}
.pp-principal{position:relative;aspect-ratio:4/5;border-radius:18px;overflow:hidden;background:var(--creme-2)}
.pp-principal img{width:100%;height:100%;object-fit:cover}
.pp-nav{position:absolute;top:50%;transform:translateY(-50%);width:42px;height:42px;border-radius:50%;background:rgba(255,253,249,.92);display:grid;place-items:center;box-shadow:0 6px 18px -10px rgba(0,0,0,.4)}
.pp-nav svg{width:16px;height:16px}.pp-nav.ant{left:12px}.pp-nav.prox{right:12px}
.pp-miniaturas{display:flex;gap:8px;margin-top:10px;overflow-x:auto}
.pp-miniaturas button{flex:none;width:68px;height:84px;border-radius:10px;overflow:hidden;border:2px solid transparent;opacity:.7;transition:opacity .2s,border-color .2s}
.pp-miniaturas button.on,.pp-miniaturas button:hover{border-color:var(--ouro);opacity:1}
.pp-miniaturas img{width:100%;height:100%;object-fit:cover}
.pp-info{padding-top:8px;display:flex;flex-direction:column;gap:14px;min-width:0}
.pp-info h2{font-size:clamp(28px,3vw,38px);margin-top:-4px}
.pp-preco{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}
.pp-preco b{font:500 32px var(--serif);font-variation-settings:'opsz' 11;color:var(--tinta)}
.pp-preco span{font-size:13.5px;color:var(--suave)}
.pp-desc{color:var(--texto);font-size:15.5px}
.pp-compra{display:flex;gap:10px;align-items:stretch}
.pp-compra .qtd{padding:5px}
.pp-compra .btn{flex:1}
.btn-zap-linha{border:1px solid var(--zap);color:var(--zap-escuro);background:transparent;height:auto;min-height:48px;padding:10px 18px;white-space:normal;text-align:center;font-size:11.5px;letter-spacing:.08em;line-height:1.4}
.btn-zap-linha:hover{background:var(--zap);color:#fff}
.selos{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:14px 0;border-top:1px solid var(--creme-2);border-bottom:1px solid var(--creme-2)}
.selos li{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;font-size:12px;color:var(--suave);line-height:1.35}
.selos svg{width:24px;height:24px;color:var(--ouro)}
.selos b{display:block;color:var(--tinta);font-weight:500;font-size:12.5px}
.sanfona{border-bottom:1px solid var(--creme-2)}
.sanfona summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;padding:12px 0;font:500 18px var(--serif);font-variation-settings:'opsz' 11;color:var(--tinta)}
.sanfona summary::-webkit-details-marker{display:none}
.sanfona summary::after{content:'+';color:var(--ouro);font:300 22px var(--sans)}
.sanfona[open] summary::after{content:'−'}
.sanfona p{font-size:14.5px;color:var(--texto);padding-bottom:12px}
.sanfona .link-sub{margin-bottom:16px;background:none}
.cep-linha{padding-bottom:14px;display:flex;flex-direction:column;gap:8px}
.cep-linha input,.campo textarea{width:100%;height:46px;border:1px solid var(--areia);border-radius:12px;padding:0 14px;font:inherit;font-size:15px;background:var(--perola);color:var(--tinta)}
.campo textarea{height:auto;padding:12px 14px;resize:vertical}
.cep-linha input:focus,.campo textarea:focus{outline:none;border-color:var(--ouro);box-shadow:0 0 0 3px rgba(212,183,131,.25)}
.cep-res{font-size:13.5px;color:var(--suave);line-height:1.5}
.cep-res b{color:var(--tinta);font-weight:500}

/* seletor de desenhos */
.painel-desenhos .painel-caixa{height:calc(100vh - 48px);overflow:hidden;display:flex}
.pd{display:flex;flex-direction:column;width:100%;min-height:0}
.pd-topo{padding:24px 24px 12px;border-bottom:1px solid var(--creme-2)}
.pd-topo h2{font-size:30px;margin:6px 0 14px}
.pd-busca{display:flex;align-items:center;gap:8px;height:46px;padding:0 16px;border:1px solid var(--areia);border-radius:999px;background:var(--perola);max-width:520px}
.pd-busca input{flex:1;border:0;background:none;font:inherit;outline:0;min-width:0}
.pd-temas{display:flex;gap:8px;overflow-x:auto;padding:12px 0 2px;scrollbar-width:none}
.pd-temas::-webkit-scrollbar{display:none}
.pd-temas button{flex:none;padding:8px 14px;border-radius:999px;border:1px solid var(--areia);font-size:13.5px;background:var(--branco)}
.pd-temas button.on{background:var(--tinta);color:var(--branco);border-color:var(--tinta)}
.pd-grade{flex:1;min-height:0;overflow-y:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:12px;padding:16px 24px;align-content:start}
.pd-carregando{grid-column:1/-1;color:var(--suave);padding:30px 0;text-align:center}
.pd-item{position:relative;display:flex;flex-direction:column;gap:6px;text-align:left}
.pd-item i{display:block;aspect-ratio:1;border-radius:14px;border:2px solid var(--creme-2);background-color:#fff;transition:border-color .2s,transform .2s}
.pd-item span{font-size:11.5px;color:var(--suave);letter-spacing:.04em}
.pd-item:hover i{transform:translateY(-2px)}
.pd-item.on i{border-color:var(--ouro);box-shadow:0 0 0 2px var(--ouro)}
.pd-item.on::after{content:'✓';position:absolute;top:8px;right:8px;width:26px;height:26px;border-radius:50%;background:var(--ouro);color:#fff;display:grid;place-items:center;font-size:14px}
.pd-rodape{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 24px;border-top:1px solid var(--creme-2);background:var(--branco)}
.pd-cont{font-size:14px;color:var(--texto)}

/* aviso rápido */
.aviso-loja{position:fixed;left:50%;bottom:24px;z-index:95;transform:translate(-50%,150%);background:var(--tinta);color:var(--creme);padding:12px 12px 12px 20px;border-radius:999px;display:flex;align-items:center;gap:16px;box-shadow:0 18px 40px -16px rgba(0,0,0,.55);transition:transform .4s cubic-bezier(.2,.7,.2,1);max-width:calc(100% - 32px);font-size:14.5px}
.aviso-loja.vis{transform:translate(-50%,0)}
.aviso-loja a{background:var(--creme);color:var(--tinta);text-decoration:none;padding:8px 16px;border-radius:999px;font-size:13px;font-weight:500;white-space:nowrap}

/* catálogo */
.titulo-produto{font:inherit;color:inherit;text-align:left;cursor:pointer}
.titulo-produto:hover{color:var(--ouro-escuro)}
.ver-detalhes{align-self:flex-start;margin:10px 0 4px;font-size:11.5px}
.produto .galeria img{cursor:zoom-in}

/* monte seu kit em 3 passos */
.montador{padding-top:36px}
.passos-kit{display:flex;flex-direction:column;gap:18px;min-width:0}
.etapa{background:var(--branco);border-radius:22px;padding:clamp(18px,2.6vw,30px)}
.etapa-topo{display:flex;gap:14px;align-items:flex-start;margin-bottom:18px}
.etapa-topo b{flex:none;width:36px;height:36px;border-radius:50%;background:var(--tinta);color:var(--branco);display:grid;place-items:center;font:500 16px var(--serif)}
.etapa-topo h2{font-size:26px;margin:2px 0 4px}
.etapa-topo p{font-size:14.5px;color:var(--suave)}
.lista-pecas h3{font-size:19px;margin:20px 0 10px;color:var(--suave);font-family:var(--sans);font-weight:500;letter-spacing:.14em;text-transform:uppercase;font-size:12px}
.lista-pecas h3:first-child{margin-top:0}
.lista-pecas .peca{background:var(--perola)}
.peca-foto{border-radius:12px;overflow:hidden}
.peca-ver{display:block;font-size:12.5px;color:var(--ouro-escuro);text-decoration:underline;text-underline-offset:3px;margin-top:2px}
.opcoes-entrega{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px}
.opcoes-entrega label{position:relative;cursor:pointer}
.opcoes-entrega input{position:absolute;opacity:0}
.opcoes-entrega span{display:block;height:100%;padding:14px;border:1px solid var(--areia);border-radius:14px;font-size:13px;color:var(--suave);transition:border-color .2s,box-shadow .2s;background:var(--perola)}
.opcoes-entrega b{display:block;color:var(--tinta);font-weight:500;font-size:14.5px;margin-bottom:2px}
.opcoes-entrega input:checked+span{border-color:var(--ouro);box-shadow:0 0 0 2px var(--ouro);background:var(--branco)}
.opcoes-entrega input:focus-visible+span{outline:2px solid var(--ouro);outline-offset:2px}
.endereco[hidden]{display:none}
#cepRes{margin:-4px 0 14px}
.desenhos-esc{margin-bottom:10px}
.desenhos-esc .d i{display:block;width:30px;height:30px;border-radius:50%;background-color:#fff}
.resumo-kit li img{width:40px;height:40px;border-radius:8px;object-fit:cover;flex:none}
.resumo-kit #itens li{align-items:center;gap:10px}
.resumo-kit #itens li span:first-of-type{flex:1}
.resumo-detalhes{list-style:none;margin:0 0 16px;font-size:13.5px}
.resumo-detalhes li{display:flex;justify-content:space-between;gap:12px;padding:6px 0;border-bottom:1px dashed var(--creme-2)}
.resumo-detalhes span{color:var(--suave)}
.resumo-detalhes b{font-weight:500;color:var(--tinta);text-align:right}

@media (max-width:820px){
  .pp{grid-template-columns:1fr}
  .opcoes-entrega{grid-template-columns:1fr}
}
@media (max-width:640px){
  .painel{padding:0;align-items:flex-end}
  .painel-caixa{border-radius:22px 22px 0 0;max-height:94vh;transform:translateY(40px)}
  .painel-desenhos .painel-caixa{height:94vh}
  .pd-topo{padding:20px 16px 10px}.pd-grade{padding:12px 16px;grid-template-columns:repeat(3,1fr)}.pd-rodape{padding:12px 16px calc(12px + env(safe-area-inset-bottom))}
  .seta-lado{width:42px;height:42px}
  .seta-lado.ant{left:6px}.seta-lado.prox{right:6px}
  .selos li{font-size:11px}
}

/* carrossel de vídeos do ateliê */
.trilho-reels{padding:16px calc(50% - min(140px,32vw)) 26px}
.trilho-reels .reel{flex:none;width:min(280px,64vw);aspect-ratio:9/16;scroll-snap-align:center;transform:scale(var(--esc,.86));opacity:var(--op,.55);transition:transform .5s cubic-bezier(.2,.7,.2,1),opacity .5s;cursor:pointer;padding:0;border-radius:var(--raio);overflow:hidden;position:relative;background:var(--tinta);box-shadow:var(--sombra)}
.reel video{width:100%;height:100%;object-fit:cover;display:block}
.trilho-reels .reel::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(29,26,23,.12),transparent 30%,transparent 55%,rgba(29,26,23,.78));pointer-events:none}
.trilho-reels .reel .leg{text-align:left;color:var(--branco)}
.carrossel-reels .seta-lado.ant{left:calc(50% - min(140px,32vw) - 76px)}
.carrossel-reels .seta-lado.prox{right:calc(50% - min(140px,32vw) - 76px)}
.painel-video .painel-caixa{width:min(860px,100%)}
.pv{display:grid;grid-template-columns:minmax(0,360px) 1fr;gap:28px;padding:24px;align-items:center}
.pv video{width:100%;aspect-ratio:9/16;border-radius:16px;background:var(--tinta);object-fit:cover}
.pv-info{display:flex;flex-direction:column;gap:14px;align-items:flex-start}
.pv-info h2{font-size:clamp(26px,3vw,36px)}
.pv-info p{color:var(--suave)}
@media (max-width:700px){
  .pv{grid-template-columns:1fr;padding:16px}
  .pv video{max-height:62vh;width:auto;margin:0 auto}
  .carrossel-reels .seta-lado.ant{left:6px}.carrossel-reels .seta-lado.prox{right:6px}
}

/* topo com a foto da Jeniffer no ateliê (no lugar das bolsas) */
.retrato-hero{position:relative;justify-self:center;width:min(100%,520px);margin:0}
.retrato-hero img{position:relative;z-index:1;width:100%;aspect-ratio:4/5;object-fit:cover;object-position:50% 35%;border-radius:999px 999px 26px 26px;box-shadow:0 40px 80px -40px rgba(74,60,40,.55)}
.retrato-hero .anel{position:absolute;left:-5%;right:-5%;top:-3%;aspect-ratio:1;border-radius:50%;border:1px solid rgba(176,138,79,.38)}
.retrato-hero figcaption{position:absolute;z-index:2;left:-28px;bottom:42px;background:var(--branco);padding:14px 20px;border-radius:16px;box-shadow:var(--sombra);max-width:250px}
.retrato-hero figcaption b{display:block;font:italic 500 21px var(--serif);font-variation-settings:'opsz' 11;color:var(--tinta)}
.retrato-hero figcaption span{display:block;font-size:12.5px;line-height:1.4;color:var(--suave);margin-top:3px}
@media (max-width:1020px){.retrato-hero{width:min(100%,420px);margin-top:10px}.retrato-hero figcaption{left:12px;bottom:18px}}
@media (max-width:640px){.retrato-hero img{max-height:62vh}}
@media (max-width:1020px){
  .hero .wrap{gap:22px}
  .retrato-hero{order:-1;width:100%;max-width:420px;margin:0 auto}
  .retrato-hero img{aspect-ratio:5/4;border-radius:200px 200px 22px 22px;max-height:none}
  .retrato-hero .anel{display:none}
  .hero h1{margin-top:4px}
}
@media (max-width:1020px){
  .retrato-hero img{object-position:50% 42%}
  .retrato-hero figcaption{left:12px;bottom:12px;padding:7px 14px;border-radius:999px;max-width:none}
  .retrato-hero figcaption b{font-size:16px}
  .retrato-hero figcaption span{display:none}
}

/* setas dos carrosséis alinhadas às bordas do conteúdo, fora do meio dos cartões */
.carrossel .seta-lado,.carrossel-reels .seta-lado{width:54px;height:54px;background:var(--branco);border:1px solid var(--areia)}
.carrossel .seta-lado.ant,.carrossel-reels .seta-lado.ant{left:max(16px,calc(50% - 600px))}
.carrossel .seta-lado.prox,.carrossel-reels .seta-lado.prox{right:max(16px,calc(50% - 600px))}
.carrossel .seta-lado:hover{background:var(--tinta);color:var(--branco);border-color:var(--tinta)}
.carrossel::before,.carrossel::after{content:'';position:absolute;top:0;bottom:0;width:min(14vw,180px);z-index:3;pointer-events:none}
.carrossel::before{left:0;background:linear-gradient(90deg,var(--perola),transparent)}
.carrossel::after{right:0;background:linear-gradient(270deg,var(--perola),transparent)}
.cartao-col{cursor:pointer}
@media (max-width:640px){.carrossel::before,.carrossel::after{width:28px}}

/* monte seu kit: resumo cabe na tela e o botão de enviar fica sempre visível */
@media (min-width:1021px){
  .resumo-kit{max-height:calc(100vh - var(--topo) - 40px);overflow-y:auto;overscroll-behavior:contain;padding-bottom:0;scrollbar-width:thin}
  .resumo-kit #enviar{position:sticky;bottom:0;z-index:2;margin-top:8px;box-shadow:0 -18px 18px -4px var(--branco)}
  .resumo-kit .obs{padding-bottom:22px}
  .lista-pecas{display:grid;grid-template-columns:1fr 1fr;gap:10px}
  .lista-pecas h3{grid-column:1/-1;margin:14px 0 0}
  .lista-pecas .peca{margin:0;grid-template-columns:64px 1fr;gap:12px}
  .lista-pecas .peca img{width:64px;height:64px}
  .lista-pecas .peca .qtd{grid-column:1/-1;justify-self:start}
}
.resumo-kit #itens li img{width:36px;height:36px}
.peca-info{min-width:0}
.peca-info small{display:block;font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--ouro);margin-bottom:2px}
.peca-info b{font-size:18px}
.peca-info span{font-size:13.5px}
.peca-ver{display:inline;margin:0;font-size:inherit}
@media (min-width:1021px){
  .lista-pecas .peca{grid-template-columns:60px minmax(0,1fr) auto;align-items:center;padding:12px}
  .lista-pecas .peca img{width:60px;height:60px}
  .lista-pecas .peca .qtd{grid-column:auto;justify-self:end;flex-direction:column;border-radius:16px;padding:2px}
  .lista-pecas .peca .qtd button{width:30px;height:28px}
}
@media (max-width:1020px){
  .lista-pecas .peca{grid-template-columns:56px minmax(0,1fr) auto;align-items:center;padding:10px;gap:10px}
  .lista-pecas .peca img{width:56px;height:56px}
  .lista-pecas .peca .qtd{grid-column:auto;justify-self:end;flex-direction:column;border-radius:16px;padding:2px}
  .lista-pecas .peca .qtd button{width:32px;height:30px}
  .peca-info b{font-size:17px}
}

/* políticas */
.politicas-pagina{display:grid;grid-template-columns:220px minmax(0,1fr);gap:clamp(24px,5vw,72px);padding-top:40px;padding-bottom:110px}
.politicas-indice{position:sticky;top:calc(var(--topo) + 24px);align-self:start;display:flex;flex-direction:column;gap:4px;border-left:1px solid var(--areia);padding-left:18px}
.politicas-indice a{font-size:14px;color:var(--suave);text-decoration:none;padding:6px 0}
.politicas-indice a:hover{color:var(--tinta)}
.politicas-texto{max-width:720px}
.politicas-texto section{padding-bottom:40px;margin-bottom:40px;border-bottom:1px solid var(--creme-2)}
.politicas-texto h2{font-size:clamp(26px,3vw,34px);margin-bottom:16px}
.politicas-texto h3{font-size:19px;margin:22px 0 8px}
.politicas-texto p,.politicas-texto li{font-size:16px;line-height:1.7;color:var(--texto)}
.politicas-texto ul{padding-left:20px;display:flex;flex-direction:column;gap:10px}
.politicas-texto li::marker{color:var(--ouro)}
.politicas-data{font-size:13px;color:var(--suave);margin-top:18px}
@media (max-width:820px){.politicas-pagina{grid-template-columns:1fr}.politicas-indice{position:static;flex-direction:row;flex-wrap:wrap;gap:8px 16px;border-left:0;padding-left:0}}

/* veja o nome bordado */
.bordado{padding:clamp(64px,8vw,112px) 0;background:var(--branco)}
.bordado-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:clamp(30px,5vw,80px);align-items:center}
.bordado-texto h2{margin:12px 0 14px}
.bordado-texto>p{color:var(--suave);max-width:470px}
.bordado-campo{margin:24px 0 18px;max-width:420px}
.bordado-campo input{width:100%;height:56px;border:1px solid var(--areia);border-radius:14px;padding:0 18px;font:500 22px var(--serif);font-variation-settings:'opsz' 11;color:var(--tinta);background:var(--perola)}
.bordado-campo input:focus{outline:none;border-color:var(--ouro);box-shadow:0 0 0 3px rgba(212,183,131,.25)}
.bordado-opcoes{display:flex;flex-wrap:wrap;gap:22px 34px;margin-bottom:26px}
.rotulo{display:block;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--suave);margin-bottom:10px}
.chips-bordado{display:flex;gap:8px;flex-wrap:wrap}
.chips-bordado button{padding:6px 16px;border-radius:999px;border:1px solid var(--areia);font-size:22px;line-height:1.2;color:var(--tinta);background:var(--perola)}
.chips-bordado button.on{border-color:var(--tinta);background:var(--tinta);color:var(--branco)}
.cores-linha{display:flex;gap:10px}
.cores-linha button{width:34px;height:34px;border-radius:50%;background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.55),transparent 45%),var(--c);box-shadow:inset 0 -3px 6px rgba(0,0,0,.18);outline:2px solid transparent;outline-offset:3px;transition:outline-color .2s,transform .2s}
.cores-linha button:hover{transform:scale(1.08)}
.cores-linha button.on{outline-color:var(--tinta)}
.bordado-acoes{display:flex;flex-wrap:wrap;align-items:center;gap:22px}
.bordado-dica{font-size:12.5px;color:var(--suave);margin-top:16px}
/* bastidor: aro de madeira com tecido de linho */
.bastidor{display:flex;flex-direction:column;align-items:center;gap:16px}
.bastidor .aro{width:min(100%,520px);aspect-ratio:1;border-radius:50%;padding:16px;background:conic-gradient(from 20deg,#C9A27A,#E2C29C,#B88F64,#DDBB92,#C49A6E,#E2C29C,#C9A27A);box-shadow:0 34px 70px -34px rgba(74,60,40,.6),inset 0 0 0 2px rgba(255,255,255,.25);position:relative}
.bastidor .aro::after{content:'';position:absolute;top:-14px;left:50%;width:46px;height:26px;transform:translateX(-50%);border-radius:6px;background:linear-gradient(#D7B48A,#B88F64);box-shadow:0 4px 8px -4px rgba(0,0,0,.4)}
.bastidor .tecido{position:relative;width:100%;height:100%;border-radius:50%;overflow:hidden;display:grid;place-items:center;
  background:
    repeating-linear-gradient(0deg,rgba(176,138,79,.07) 0 1px,transparent 1px 3px),
    repeating-linear-gradient(90deg,rgba(176,138,79,.06) 0 1px,transparent 1px 3px),
    radial-gradient(circle at 50% 40%,#FFFDF8,#F3EADD 75%);
  box-shadow:inset 0 0 0 4px #EADCC7,inset 0 10px 30px -10px rgba(74,60,40,.35)}
.bastidor svg{width:92%;height:auto;overflow:visible}
.bastidor text{font-family:'Great Vibes',cursive;font-size:150px}
.bastidor .fio{fill:url(#bFio);filter:drop-shadow(0 1.5px 0 rgba(0,0,0,.18)) drop-shadow(0 -1px 0 rgba(255,255,255,.5))}
.bastidor .pontos{fill:none;stroke:#B8893E;stroke-width:1.1;stroke-dasharray:4 3;opacity:.55}
.bastidor .agulha{position:absolute;left:10%;top:50%;width:3px;height:64px;border-radius:2px;background:linear-gradient(#f5f5f5,#9a9a9a);transform:translate(-50%,-80%) rotate(18deg);opacity:0;transition:opacity .3s;box-shadow:0 2px 4px rgba(0,0,0,.25)}
.bastidor .agulha.ativa{opacity:1}
.bastidor-legenda{font-size:13px;color:var(--suave)}
.bastidor-legenda b{font-weight:500;color:var(--tinta)}
@media (max-width:1020px){.bordado-grid{grid-template-columns:1fr}.bastidor{order:-1}.bastidor .aro{width:min(100%,380px)}}
/* aviso acima da barra do kit quando as duas aparecem */
body.tem-kit .aviso-loja{bottom:96px}
@media (max-width:640px){body.tem-kit .aviso-loja{bottom:88px}}
/* desenho ainda carregando */
.pd-item i{background-color:var(--creme)!important}
.aviso-loja{width:max-content;max-width:calc(100vw - 32px)}
.aviso-loja span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
/* pesponto: assinatura de ateliê sob os títulos de seção */
.titulo-secao h2::after{content:'';display:block;width:84px;height:2px;margin:18px auto 0;background:repeating-linear-gradient(90deg,var(--ouro) 0 7px,transparent 7px 12px);opacity:.75}
.faixa-escura .titulo-secao h2::after{background:repeating-linear-gradient(90deg,var(--ouro-claro) 0 7px,transparent 7px 12px)}
.etapa{border:1px dashed transparent;background-clip:padding-box;box-shadow:inset 0 0 0 6px var(--branco),inset 0 0 0 7px rgba(176,138,79,.22)}
.etapa{border:0}
/* logo completo (com círculo) um pouco maior */
.marca img{height:56px}
@media (max-width:640px){.marca img{height:46px}}
/* no Monte seu kit o resumo já tem o botão do WhatsApp */
@media (min-width:1021px){body[data-pagina="kit"] .zap-flutua{display:none}}
.cores-linha{flex-wrap:wrap;max-width:330px}
.cores-linha button{width:30px;height:30px}

/* opções de tamanho ou modelo (catálogo, página do produto e monte seu kit) */
.opcoes{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:16px 0 0}
.opcoes small{flex-basis:100%;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--suave)}
.opcoes button{position:relative;display:inline-flex;flex-direction:column;align-items:center;min-width:64px;padding:7px 12px 6px;border:1px solid var(--areia);border-radius:12px;background:var(--branco);color:var(--texto);font:inherit;line-height:1.15;cursor:pointer;transition:border-color .2s,background .2s,color .2s}
.opcoes button b{font:500 15px var(--sans);color:var(--tinta)}
.opcoes button span{font-size:12px;color:var(--suave)}
.opcoes button:hover{border-color:var(--ouro-claro)}
.opcoes button[aria-checked=true]{border-color:var(--tinta);background:var(--tinta);color:var(--branco)}
.opcoes button[aria-checked=true] b,.opcoes button[aria-checked=true] span{color:var(--branco)}
.opcoes button[data-n]::after{content:attr(data-n);position:absolute;top:-7px;right:-7px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:var(--ouro);color:#fff;font-size:11px;line-height:18px;text-align:center}
.produto .opcoes{margin-top:14px}
.pp .opcoes{margin:18px 0 4px}
.peca-info .opcoes{margin-top:8px;gap:6px}
.peca-info .opcoes small{display:none}
.peca-info .opcoes button{min-width:0;padding:4px 9px 3px;border-radius:9px}
.peca-info .opcoes button b{font-size:13px}
.peca-info .opcoes button span{display:none}
.peca-preco{font-style:normal}
.peca-info .opcoes button[data-n]::after{top:-6px;right:-6px;min-width:15px;height:15px;padding:0 4px;font-size:10px;line-height:15px}

/* faixa de vantagens dentro do topo fixo (a altura do topo já conta com ela) */
:root{--faixa:30px;--topo:108px}
@media (max-width:640px){:root{--topo:98px}}
.topo .wrap{height:calc(100% - var(--faixa))}
.faixa-vantagens{height:var(--faixa);overflow:hidden;background:var(--tinta);color:var(--creme);display:flex;align-items:center}
.faixa-trilho{display:flex;width:max-content;animation:faixa 46s linear infinite}
.faixa-trilho span{display:flex}
.faixa-trilho i{font:400 11px var(--sans);font-style:normal;letter-spacing:.16em;text-transform:uppercase;white-space:nowrap;padding:0 28px;position:relative}
.faixa-trilho i::after{content:'';position:absolute;right:-2px;top:50%;width:4px;height:4px;border-radius:50%;background:var(--ouro-claro);transform:translateY(-50%)}
@keyframes faixa{to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.faixa-trilho{animation:none}}

/* submenu de Coleções */
.menu-item{position:relative;display:flex}
.submenu{position:absolute;top:100%;left:-28px;padding-top:16px;opacity:0;pointer-events:none;transform:translateY(6px);transition:opacity .25s,transform .25s;z-index:70}
.tem-sub:hover .submenu,.tem-sub:focus-within .submenu{opacity:1;pointer-events:auto;transform:none}
.submenu-caixa{display:grid;grid-template-columns:1fr 1fr;gap:2px 10px;min-width:440px;padding:14px;border-radius:18px;background:var(--branco);box-shadow:var(--sombra),0 0 0 1px var(--creme-2)}
.menu .submenu a{padding:9px 12px;border-radius:10px;font-size:14px;letter-spacing:.02em;white-space:nowrap}
.menu .submenu a::after{display:none}
.menu .submenu a:hover{background:var(--creme)}
.menu .submenu a.submenu-todas{grid-column:1/-1;margin-top:6px;border-top:1px solid var(--creme-2);border-radius:0 0 10px 10px;color:var(--ouro-escuro);font-size:12px;letter-spacing:.14em;text-transform:uppercase}

/* gaveta do celular com as categorias */
.gaveta{justify-content:flex-start;overflow-y:auto;padding-top:calc(var(--topo) + 28px)}
.gaveta .gaveta-cats{display:flex;flex-wrap:wrap;gap:6px;margin:4px 0 10px}
.gaveta .gaveta-cats a{font:400 14px/1 var(--sans);padding:9px 13px;border:1px solid var(--areia);border-radius:999px;background:var(--branco)}

/* tamanhos à vista */
.selo-opcoes{align-self:flex-start;display:inline-block;margin:8px 0 2px;padding:5px 12px;border-radius:999px;background:var(--creme);color:var(--ouro-escuro);font-size:13px;letter-spacing:.02em}
.produto .opcoes{margin:12px 0 14px}
.produto .opcoes small{display:none}
.pp .selo-opcoes{margin:2px 0 12px}
.pp-medidas{margin:10px 0 0;font-size:13.5px;color:var(--suave)}

/* página do produto: combina com */
.pp-combina{margin-top:28px}
.pp-combina h3{font:500 21px var(--serif);margin:0 0 12px}
.pp-combina>div{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.pp-combina button{display:grid;grid-template-columns:56px 1fr;grid-template-rows:auto auto;gap:2px 10px;align-items:center;text-align:left;padding:8px;border:1px solid var(--creme-2);border-radius:14px;background:var(--perola);font:inherit;cursor:pointer;transition:border-color .2s}
.pp-combina button:hover{border-color:var(--ouro-claro)}
.pp-combina img{grid-row:1/3;width:56px;height:56px;border-radius:10px;object-fit:cover}
.pp-combina span{font-size:13.5px;line-height:1.25;color:var(--tinta);align-self:end}
.pp-combina small{font-size:12.5px;color:var(--suave);align-self:start}

/* menu do celular mais encorpado */
.gaveta > a:not(.btn){font-weight:600;font-variation-settings:'opsz' 11;font-size:32px;letter-spacing:-.005em}
.gaveta .gaveta-cats a{font-weight:500;color:var(--tinta);border-color:var(--ouro-claro)}

/* opções no Monte seu kit: rótulo à vista e botões maiores para o dedo */
.peca-info .opcoes{margin-top:10px;gap:6px}
.peca-info .opcoes small{display:inline;flex-basis:auto;margin-right:2px;font-size:10.5px;letter-spacing:.14em;color:var(--suave)}
.peca-info .opcoes button{min-width:38px;min-height:34px;padding:6px 11px;border-radius:10px}
.peca-info .opcoes button b{font-size:14px}

/* monte seu kit: botão Adicionar que vira contador depois do primeiro toque */
.peca-add{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;width:76px;padding:9px 6px 8px;border-radius:14px;background:var(--tinta);color:var(--branco);font:inherit;cursor:pointer;transition:background .2s,transform .15s}
.peca-add:hover{background:var(--tinta-2)}
.peca-add:active{transform:scale(.96)}
.peca-add i{font-style:normal;font-size:22px;line-height:1}
.peca-add span{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--branco)}
.peca.zero .qtd,.peca:not(.zero) .peca-add{display:none}
.lista-pecas .peca .peca-add{justify-self:end}
@media (min-width:1021px) and (max-width:1100px){.peca-add{width:68px}}
@keyframes pulso{0%{box-shadow:0 0 0 0 rgba(176,138,79,.45)}100%{box-shadow:0 0 0 12px rgba(176,138,79,0)}}
.peca.pulso{animation:pulso .6s ease-out}
.destaque-add{font-weight:500;color:var(--tinta)}
@media (min-width:1021px){
  .peca-add{width:64px;padding:8px 4px 7px}
  .peca-add span{font-size:9px;letter-spacing:.1em}
  .peca-info .opcoes small{flex-basis:100%;margin:0}
  .peca-info .opcoes button{min-width:34px;min-height:32px;padding:5px 9px}
}

/* números do ateliê: cada um na sua largura, com o mesmo espaço entre eles */
.numeros{grid-template-columns:repeat(4,auto);justify-content:space-between;gap:20px}
.numeros b{font-size:clamp(30px,2.9vw,40px);white-space:nowrap;margin-bottom:6px}
.numeros span{display:block;white-space:nowrap}
@media (max-width:640px){.numeros{grid-template-columns:auto auto;justify-content:start;column-gap:56px;row-gap:24px}}

/* variação de cor: bolinhas, com o nome da cor marcada no rótulo */
.opcoes.cores{align-items:center}
.opcoes.cores small{letter-spacing:.14em}
.cor-nome{color:var(--tinta);text-transform:none;letter-spacing:.02em;font-size:13px}
.opcoes.cores button{min-width:0;width:36px;height:36px;padding:3px;border-radius:50%;border:1px solid var(--areia);background:var(--branco)}
.opcoes.cores button i{display:block;width:100%;height:100%;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(29,26,23,.1)}
.opcoes.cores button[aria-checked=true]{background:var(--branco);border:2px solid var(--tinta);padding:2px}
.cores-nota{flex-basis:100%;font-style:normal;font-size:12px;color:var(--suave)}
.produto .opcoes.cores small{display:block}
.produto .opcoes + .opcoes{margin-top:0}
.peca-info .opcoes.cores button{min-width:0;min-height:0;width:30px;height:30px;padding:3px;border-radius:50%}
.peca-info .opcoes.cores button[aria-checked=true]{padding:2px}
.peca-info .opcoes.cores small{display:block;flex-basis:100%}
.peca-info .cores-nota{display:none}
.galeria [hidden],.pp-nav[hidden]{display:none!important}

/* desenhos escolhidos dentro da página do produto */
.pp-escolhidos:not(:empty){margin-top:14px;padding:12px 14px;border-radius:14px;background:var(--perola);border:1px solid var(--creme-2)}
.pp-escolhidos small{display:block;margin-bottom:8px;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--ouro-escuro)}
.pp-escolhidos .desenhos-esc{margin:0}
.pp-escolhidos .d i{width:42px;height:42px;background-size:cover}