*{box-sizing:border-box}body{margin:0;background:#fffcf7;color:#433d37;font:16px/1.6 system-ui,sans-serif}.top{text-align:center;background:#e9eee5;padding:7px;font-size:12px;letter-spacing:1px}header,main,footer{max-width:1180px;margin:auto}header{display:flex;justify-content:space-between;align-items:center;padding:24px}.brand{font:30px Georgia,serif;text-decoration:none;color:#776a51}.brand span{display:block;font:9px system-ui;letter-spacing:4px;text-align:center}button,.button{cursor:pointer;border:1px solid #b7b5a0;border-radius:8px;background:#fefcf6;padding:12px 18px;color:#433d37;font:inherit;text-decoration:none}button:hover,.button:hover{background:#e9eee5}button:disabled{opacity:.55;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #8a5943;outline-offset:3px}main{padding:0 24px}.hero{display:grid;grid-template-columns:1.3fr 1fr;gap:40px;align-items:center;padding:40px 0 70px}.eyebrow{font-size:10px;letter-spacing:2px;color:#756b55}h1{font:clamp(34px,4.1vw,55px)/1.15 Georgia,serif;margin:18px 0}h2{font:32px Georgia,serif}.hero p{color:#756c61;margin-bottom:30px}.button{display:inline-block;background:#65755d;color:white;border:0}.button:hover{background:#4c6045}.art{background:#efe2d3;border-radius:48% 48% 12px 12px;min-height:350px;text-align:center;padding:18px;color:#857654}.art span{font-size:50px}.art strong{display:block;font:45px/1.1 Georgia}.art small{font-size:40px}.art i{color:#b66f5e}.heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.heading h2{margin:8px 0}.filters{display:flex;gap:16px;margin:25px 0}label{display:flex;flex-direction:column;font-size:13px;gap:6px;flex:1}input,select{font:inherit;padding:12px;border:1px solid #d7d3c6;border-radius:6px;background:white;color:#433d37;min-width:0}#grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.card{border:1px solid #e7dfd2;border-radius:12px;overflow:hidden;background:white}.card img{width:100%;aspect-ratio:4/5;object-fit:cover;background:#eee8dd}.card .info{padding:16px}.card h3{font:20px Georgia;margin:5px 0}.card p{font-size:13px;color:#70695d}.card strong{display:block;margin:12px 0}.card button{width:100%}.empty{grid-column:1/-1;text-align:center;padding:50px 20px;background:#f4f1e9;border-radius:12px}.how{margin:70px 0 40px;padding:25px;text-align:center;background:#edf0e8;border-radius:16px}.how p{font-size:14px}footer{padding:24px;border-top:1px solid #ded8ce;display:flex;justify-content:space-between;font-size:13px}dialog{width:min(560px,94vw);max-height:90vh;border:0;border-radius:16px;padding:25px;color:#433d37}dialog::backdrop{background:#29251c88}.bagrow{padding:16px 0;border-bottom:1px solid #ddd}.bagrow button{padding:6px 12px;margin:6px}#notice{color:#845c45}#total{font-size:22px;font-weight:600}@media(max-width:800px){#grid{grid-template-columns:repeat(2,1fr)}.hero{gap:20px}.art strong{font-size:32px}.art{min-height:280px}}@media(max-width:540px){.hero{grid-template-columns:1fr;padding-top:15px}.art{display:none}header{padding:18px}.brand{font-size:24px}.filters{flex-wrap:wrap}.filters label:first-child{flex-basis:100%}#grid{gap:12px}.card .info{padding:12px}.heading{flex-wrap:wrap}footer{display:block}footer span{display:block}.how{margin-top:40px}}
/* Identidade visual baseada na marca fornecida pela loja. */
:root{--pink:#d62979;--purple:#8053ad;--ink:#503d5c;--blue:#1586a0}body{background:#fffafd;color:var(--ink);font-family:'Trebuchet MS',Arial,sans-serif}.top{background:#ffe4ef;color:#884264;font-size:11px;font-weight:700;letter-spacing:3px;padding:9px}.top span{color:#dd3c89;padding:0 15px}header{max-width:1240px;padding:18px 30px}.brand{display:flex;align-items:center;gap:12px;color:var(--pink)}.brand img{width:72px;height:72px;object-fit:contain;border-radius:50%}.brand strong{font:bold 27px/1.1 'Trebuchet MS',sans-serif;letter-spacing:-1.2px}.brand strong em{font-style:normal;color:var(--purple);font-size:20px}.brand strong span{display:inline;color:#11849a;font:inherit;letter-spacing:inherit}.brand small{display:block;text-align:center;letter-spacing:4px;font-size:9px;color:#7e5f7d;margin-top:6px}button{border:1px solid #e8c8d9;border-radius:24px;background:white;color:#784d72;font-weight:600}button:hover{background:#fff0f6}#openBag{border-color:#ecc2d6;padding:11px 20px}#count{display:inline-grid;place-items:center;min-width:25px;height:25px;background:var(--pink);color:white;border-radius:50%;margin-left:8px}main{max-width:1240px;padding:0 30px}.hero{position:relative;grid-template-columns:1.08fr 1fr;gap:20px;padding:38px 36px 44px;background:radial-gradient(ellipse at 80% 50%,#fff0dc 0%,#fff2f8 45%,#fff8fc 75%);border:1px solid #f7deea;border-radius:32px;overflow:hidden}.eyebrow{color:#90517b;letter-spacing:2px;font-size:10px;font-weight:700}h1{font:800 clamp(35px,4.3vw,57px)/1.16 'Trebuchet MS',sans-serif;letter-spacing:-2px;color:#68427a;margin:22px 0}h1 span{color:#cf2674}h1 em{color:#13899e;font-style:normal}.hero p{color:#79627d;font-size:16px;line-height:1.8;margin:0 0 27px}.button{border-radius:26px;background:var(--pink);color:white;font-weight:700;padding:14px 26px;box-shadow:0 6px 16px #d6297920}.button:hover{background:#b92269}.button span{font-size:23px;margin-left:14px;vertical-align:middle}.brand-values{display:flex;gap:14px;align-items:center;margin-top:28px;font-size:12px;letter-spacing:1px;font-weight:700;color:#8a637c}.brand-values b{color:#e95b9e;font-size:15px}.brand-values b:nth-of-type(2){color:#26a9c6}.brand-showcase{position:relative;text-align:center;padding:4px 0 15px}.hero-logo{display:block;width:100%;max-width:460px;aspect-ratio:1;object-fit:contain;margin:auto;border-radius:50%;filter:drop-shadow(0 15px 20px #ae6b8c18)}.logo-caption{display:inline-block;font-size:12px;letter-spacing:1px;color:#94607e;margin-top:15px}.floating-heart{position:absolute;z-index:1;color:#ee7ca9;transform:rotate(-18deg);font-size:28px}.heart-one{top:4%;left:0}.heart-two{right:0;bottom:12%;color:#a984d2;font-size:37px;transform:rotate(15deg)}.rainbow-line{height:6px;margin:32px 10px 42px;border-radius:10px;background:linear-gradient(90deg,#f584ba 0 17%,#ffcc68 17% 34%,#8cd7b2 34% 51%,#74d5e8 51% 68%,#be9be7 68% 84%,#f8a1d7 84%)}h2{font:700 30px/1.2 'Trebuchet MS',sans-serif;color:#714982;letter-spacing:-.6px}.filters{background:#fff0f7;padding:18px;border-radius:18px;gap:18px}input,select{border:1px solid #ead7e5;border-radius:12px;color:#634b6d}.card{border-color:#efdfeb;border-radius:18px;box-shadow:0 4px 14px #9c609308}.card h3{font:700 18px/1.35 'Trebuchet MS',sans-serif;color:#654375}.card .info{padding:18px}.card strong{color:#c92975;font-size:20px}.card button{border-color:#f0c3d9;background:#fff4f9;color:#b82369}.card p{color:#7b687d}.empty{background:#fff0f7;color:#855b78;border:1px dashed #e7abc9;border-radius:18px}.how{background:#f2edfa;border:1px solid #e8dcf5;border-radius:24px}.how p{color:#775e83}footer{border-color:#efdfeb;color:#926680;max-width:1180px}dialog{border-radius:25px;background:#fffbfd}.bagrow{border-color:#efdfeb}#notice{color:#935c7a;font-size:14px}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline-color:#a0498d}
@media(max-width:800px){.hero{padding:28px 24px;gap:10px}h1{font-size:39px}.brand strong{font-size:24px}.hero p{font-size:14px}.brand-values{gap:10px}.brand-showcase{padding:0}.heart-one{left:0}.floating-heart{display:none}}
@media(max-width:540px){header{padding:14px 18px}.brand{gap:7px}.brand img{width:49px;height:49px}.brand strong{font-size:19px;letter-spacing:-.9px}.brand strong em{font-size:15px}.brand small{font-size:7px;letter-spacing:2.7px}#openBag{font-size:12px;padding:8px 11px}#count{min-width:21px;height:21px;margin-left:4px}main{padding:0 16px}.hero{display:flex;flex-direction:column-reverse;gap:14px;padding:20px 22px 29px;border-radius:25px}.hero-logo{max-width:260px}.brand-showcase{width:100%;padding:0}.logo-caption{display:none}.hero-copy{width:100%;text-align:center}.eyebrow{font-size:9px;letter-spacing:1.5px}h1{font-size:36px;letter-spacing:-1.3px;margin:14px 0 17px}.hero p{font-size:14px;line-height:1.65}.brand-values{justify-content:center;margin-top:22px}.button{padding:12px 23px}.rainbow-line{margin:23px 5px 30px;height:5px}h2{font-size:25px}.filters{padding:13px;gap:12px}.card .info{padding:12px}.card h3{font-size:16px}.card strong{font-size:18px}.card button{font-size:12px;padding:10px 8px}.how{padding:22px 16px}}


/* Apresentação da marca v3 */
.brand-title{margin:18px 0 5px;line-height:1;letter-spacing:-3px;font-family:"Arial Rounded MT Bold","Trebuchet MS",sans-serif;font-size:clamp(62px,6.8vw,86px);font-weight:900}.brand-title .name-pingo{display:block;color:#da2f83}.brand-title small{font-size:.48em;color:#8551b2;letter-spacing:-2px}.name-encanto{display:block;margin-top:3px}.name-encanto i{font-style:normal;display:inline-block}.name-encanto i:nth-child(1){color:#149bb5}.name-encanto i:nth-child(2){color:#259c77}.name-encanto i:nth-child(3){color:#cf8c19}.name-encanto i:nth-child(4){color:#8651b5}.name-encanto i:nth-child(5){color:#aa58ae}.name-encanto i:nth-child(6){color:#df337c}.name-encanto i:nth-child(7){color:#da4489}.hero-subtitle{letter-spacing:6px;font-size:13px;font-weight:700;color:#786079;margin:16px 0 23px}.hero-tagline{font-size:23px;line-height:1.35;color:#774b83;letter-spacing:-.4px;margin:0 0 18px}.hero-copy p{font-size:15px}.hero-logo{max-width:490px}.hero{padding-top:30px;padding-bottom:35px}.hero-copy .brand-values{margin-top:24px}@media(max-width:540px){.brand-title{font-size:58px;letter-spacing:-3px;margin-top:14px}.hero-subtitle{font-size:10px;letter-spacing:5px;margin:13px 0 18px}.hero-tagline{font-size:20px}.hero-logo{max-width:270px}.hero{padding-top:16px}.hero-copy p{font-size:14px}}