:root{--navy:#041526;--red:#f0002f;--cream:#fff8ec;--ink:#06243a;--muted:#5d7486;--line:#0a2b421c;--gold:#d6a53b}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f3f7fa;color:var(--ink);font-family:Inter,"Segoe UI",Arial,sans-serif}button,a{font:inherit}a{text-decoration:none;color:inherit}header{height:86px;padding:0 5.5vw;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:30;background:#f3f7faf2;border-bottom:1px solid var(--line);backdrop-filter:blur(16px)}.brand{display:flex;align-items:center;gap:12px}.brand>span{width:48px;height:48px;display:grid;place-items:center;border-radius:15px;background:var(--red);color:#fff;font-weight:900}.brand b{font-size:13px;letter-spacing:.16em}.brand small{display:block;color:#627b8f;letter-spacing:0;margin-top:3px}.menu{display:none;border:0;background:none;font-size:25px}nav{display:flex;align-items:center;gap:18px;font-size:11px;font-weight:850}nav a{white-space:nowrap}nav a[aria-current=page]{color:var(--red)}.cart-open{border:0;border-radius:99px;background:var(--red);color:#fff;padding:11px 17px;font-weight:900;cursor:pointer}.cart-open b{background:#fff;color:var(--red);border-radius:50%;padding:2px 7px;margin-left:5px}.hero{min-height:740px;display:grid;grid-template-columns:.92fr 1.08fr;background:var(--navy);color:#fff;overflow:hidden}.hero-copy{padding:125px 6.8vw}.eyebrow{color:#ff6679;font-size:10px;font-weight:900;letter-spacing:.2em}.eyebrow.dark{color:var(--red)}h1,h2{font-family:Georgia,"Times New Roman",serif;font-weight:500;letter-spacing:-.045em;line-height:.98}h1{font-size:clamp(62px,7vw,112px);margin:22px 0}.hero p{max-width:650px;color:#b2c4d2;font-size:18px;line-height:1.7}.btn{display:inline-flex;border:0;border-radius:99px;padding:16px 26px;background:var(--red);color:#fff;font-weight:900;cursor:pointer}.text-button{border:0;background:none;color:#fff;font-weight:850;margin-left:20px;cursor:pointer}.hero-copy small{display:block;color:#7fa0b8;margin-top:32px}.hero-stage{position:relative;display:flex;align-items:center;justify-content:center;perspective:1400px;background:radial-gradient(circle at 55% 42%,#754c19 0,#183954 35%,#041526 72%)}.hero-stage img{position:absolute;width:34%;max-width:300px;border-radius:18px;box-shadow:0 42px 70px #0009;animation:float 5s ease-in-out infinite}.hero-stage img:first-of-type{transform:translate(-68%,10%) rotate(-8deg);animation-delay:-1s}.hero-stage img:nth-of-type(2){z-index:3;transform:translateY(-6%);animation-delay:-2s}.hero-stage img:nth-of-type(3){transform:translate(68%,10%) rotate(8deg);animation-delay:-3s}.halo{width:62%;aspect-ratio:1;border:1px solid #ffffff30;border-radius:50%;transform:rotateX(67deg)}.intro{padding:120px 7vw;display:grid;grid-template-columns:1fr 1fr;gap:9vw;align-items:end}.intro h2,.title h2,.notice h2{font-size:clamp(48px,6vw,90px);margin:18px 0}.intro p{font-size:18px;line-height:1.8;color:var(--muted)}.products{padding:20px 7vw 130px}.title{margin-bottom:48px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.product{background:#fff;border:1px solid var(--line);border-radius:30px;overflow:hidden;box-shadow:0 24px 60px #031b2e14;transition:.3s}.product:hover{transform:translateY(-8px);box-shadow:0 34px 70px #031b2e22}.photo{height:440px;width:100%;border:0;background:linear-gradient(145deg,#fff8ec,#ebdcc2);position:relative;overflow:hidden;cursor:pointer}.photo img{width:100%;height:100%;object-fit:cover;transition:.45s}.product:hover .photo img{transform:scale(1.045)}.photo>span{position:absolute;z-index:2;top:20px;left:20px;color:#fff;background:var(--red);border-radius:99px;padding:8px 10px;font-size:10px;font-weight:900}.photo>i{position:absolute;z-index:2;right:17px;bottom:17px;background:#fff;color:var(--ink);padding:11px 15px;border-radius:99px;font-style:normal;font-size:11px;font-weight:900}.product>div{padding:30px}.product small{color:var(--red);font-weight:900;letter-spacing:.12em;font-size:9px}.product h3{font:500 34px Georgia;margin:14px 0}.product p{color:var(--muted);line-height:1.65;min-height:105px}.product section{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:22px}.product section strong{font-size:25px}.product section button{border:0;border-radius:99px;background:var(--navy);color:#fff;padding:12px 17px;font-weight:850;cursor:pointer}.serving{background:var(--navy);color:#fff;display:grid;grid-template-columns:.8fr 1.2fr;padding:110px 8vw;gap:9vw;align-items:center}.serving-art{min-height:420px;display:grid;place-items:center;position:relative;background:radial-gradient(circle,#b67b22,#142f46 60%,transparent 61%)}.serving-art>span{font:500 clamp(85px,12vw,180px) Georgia;z-index:2}.serving-art small{font-size:.28em}.serving-art i{position:absolute;width:70%;aspect-ratio:1;border:1px solid #ffffff40;border-radius:50%;animation:spin 18s linear infinite}.serving h2{font-size:clamp(50px,6vw,88px);margin:20px 0}.serving p{color:#abc0d0;line-height:1.8}.tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.tags span{border:1px solid #ffffff28;border-radius:99px;padding:10px 14px;font-size:11px}.notice{text-align:center;padding:120px 7vw}.notice p{color:var(--muted);max-width:680px;margin:0 auto 25px;line-height:1.7}footer{padding:55px 7vw;background:#020d17;color:#fff;display:flex;align-items:center;gap:35px}footer p{flex:1;color:#7892a6}footer>a{color:#ff6578;font-weight:850}.whatsapp{position:fixed;right:24px;bottom:24px;width:66px;height:66px;border:5px solid #b8efd7;border-radius:50%;background:#08bd69;z-index:20;display:grid;place-items:center;box-shadow:0 12px 35px #004f3340}.whatsapp svg{width:30px}.whatsapp:after{content:"";position:absolute;inset:-9px;border:2px solid #08bd6955;border-radius:50%;animation:ring 2s infinite}dialog{width:min(620px,calc(100% - 28px));border:0;border-radius:30px;padding:44px;color:var(--ink);box-shadow:0 28px 90px #0007}dialog::backdrop{background:#001728c9;backdrop-filter:blur(8px)}dialog h2{font-size:48px;margin:12px 0 25px}.close{position:absolute;right:22px;top:20px;width:43px;height:43px;border:0;border-radius:50%;background:var(--navy);color:#fff;font-size:24px}.cart-items>article{display:grid;grid-template-columns:64px 1fr auto;gap:15px;align-items:center;padding:15px 0;border-top:1px solid var(--line)}.cart-items img{width:64px;height:64px;object-fit:cover;border-radius:12px}.cart-items span{display:grid;gap:5px}.cart-items small{color:var(--muted)}.cart-items article div{display:flex;align-items:center;gap:9px}.cart-items article button{width:28px;height:28px;border:0;border-radius:50%}.total{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:22px 0;font-size:20px}.order{display:flex;justify-content:center}.order.disabled{opacity:.45;pointer-events:none}dialog>small{display:block;text-align:center;color:var(--muted);margin-top:15px}@keyframes float{50%{margin-top:-15px}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes ring{to{transform:scale(1.28);opacity:0}}@media(max-width:1100px){.menu{display:block}nav{display:none;position:absolute;top:86px;left:0;right:0;padding:22px 5vw;background:#f3f7fa;flex-wrap:wrap;box-shadow:0 20px 40px #001a2d22}header.open nav{display:flex}.hero{grid-template-columns:1fr}.hero-stage{min-height:620px}.grid{grid-template-columns:repeat(2,1fr)}.serving{grid-template-columns:1fr}}@media(max-width:680px){header{height:76px;padding:0 18px}nav{top:76px;flex-direction:column;align-items:stretch}.hero-copy{padding:90px 23px 70px}.hero-stage{min-height:430px}.hero-stage img{width:40%}.intro{padding:85px 23px;grid-template-columns:1fr}.products{padding:10px 20px 85px}.grid{grid-template-columns:1fr}.photo{height:410px}.serving{padding:85px 22px}.serving-art{min-height:300px}.notice{padding:85px 22px}footer{flex-direction:column;align-items:flex-start}dialog{padding:38px 22px}.text-button{margin:18px 0 0;display:block}.product p{min-height:0}}
/* Logotipo oficial do Instituto */
.brand{font-size:0}.brand>span,.brand>b,.brand>strong,.brand>small,.brand>em{display:none!important}
.brand:not(:has(img))::before{content:"";display:block;width:230px;height:64px;flex:0 0 230px;background:url('../../assets/logo-instituto-paulista.jpg') center/contain no-repeat;border-radius:7px}
.brand:not(:has(img))>b:first-child,.brand:not(:has(img))>span:first-child{display:none!important}
@media(max-width:620px){.brand:not(:has(img))::before{width:180px;height:50px;flex-basis:180px}.brand:not(:has(img))>b:last-child{display:none}}