
:root{color-scheme:light}
html[data-theme="dark"]{color-scheme:dark}
html[data-theme="light"]{color-scheme:light}
html{overflow-x:hidden;scroll-behavior:smooth;text-size-adjust:100%;-webkit-text-size-adjust:100%}
body{min-height:100svh;overflow-x:hidden;transition:background-color .2s ease,color .2s ease}
*,*::before,*::after{box-sizing:border-box}
img{display:block;max-width:100%;height:auto!important;aspect-ratio:auto!important}
a,button,input,select,textarea{font:inherit}
a,button{touch-action:manipulation}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #6c8cff;outline-offset:3px}
button,.btn,.button,.reserve,.navcta,.book,.order{min-height:44px}
h1,h2,h3{text-wrap:balance}
p,li{text-wrap:pretty}
p{line-height:1.7}
li{line-height:1.6}
table{max-width:100%}
.hero-img{width:min(100%,520px)!important;max-width:520px!important}
.hero-img img,.hero-grid>img,.hero-card>img,.hero>img{
  width:min(100%,520px)!important;max-width:520px!important;height:auto!important;
  object-fit:contain!important;object-position:center!important;justify-self:center
}
.process-grid>img,.consult-grid>img,.editorial-grid>img,.atendimento-grid>img,
.inspect-grid>img,.scene-grid>img,.ambiance-grid>img,.care-grid>img,
.feature-grid>img,.story-grid>img,.split-grid>img,.evidence>img,
.experience>img,.real img{
  width:min(100%,450px)!important;max-width:450px!important;height:auto!important;
  object-fit:contain!important;object-position:center!important;justify-self:center
}
.product img{
  width:min(100%,300px)!important;max-width:300px!important;height:auto!important;
  object-fit:contain!important;object-position:center!important;margin-inline:auto
}
.brand img,.logo img{
  width:auto!important;height:auto!important;max-width:190px!important;max-height:54px!important;
  object-fit:contain!important
}
@media(min-width:851px){
  .hero{min-height:0!important;padding-top:46px!important;padding-bottom:50px!important}
  .section{padding-top:60px!important;padding-bottom:60px!important}
  .hero-grid,.process-grid,.consult-grid,.editorial-grid,.atendimento-grid,
  .inspect-grid,.scene-grid,.ambiance-grid,.care-grid,.feature-grid,
  .story-grid,.split-grid,.evidence,.experience,.real{align-items:center!important}
}
@media(max-width:980px){
  .wrap,.shell{width:min(100% - 30px,1180px)}
  .hero-grid,.process-grid,.consult-grid,.editorial-grid,.atendimento-grid,
  .inspect-grid,.scene-grid,.ambiance-grid,.care-grid,.feature-grid,
  .story-grid,.split-grid,.evidence,.experience,.real{gap:28px!important}
}
@media(max-width:850px){
  header .top{height:auto!important;min-height:68px!important;display:flex!important;flex-wrap:wrap!important;gap:10px!important;padding:10px 0!important}
  header nav,.nav{display:flex!important;width:100%;order:3;gap:8px!important;overflow-x:auto;padding:6px 0 2px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  header nav::-webkit-scrollbar,.nav::-webkit-scrollbar{display:none}
  header nav a,.nav a{flex:0 0 auto;min-height:40px;display:inline-flex;align-items:center;justify-content:center;padding:9px 12px!important;border-radius:999px;white-space:nowrap}
  .hero-grid,.process-grid,.consult-grid,.editorial-grid,.atendimento-grid,
  .inspect-grid,.scene-grid,.ambiance-grid,.care-grid,.feature-grid,.story-grid,
  .split-grid,.evidence,.experience,.real,.delivery,.rfqbox{grid-template-columns:1fr!important}
  .services,.caps,.menu-grid,.proof,.service,.info,.quick,.servicebar{grid-template-columns:1fr!important}
  .collection,.offers{grid-template-columns:1fr 1fr!important}
  .cats{grid-template-columns:repeat(3,1fr)!important}
  .hero h1,.copy h1{font-size:clamp(2.5rem,11vw,4.3rem)!important}
  h2,.section h2,.copy h2{font-size:clamp(1.9rem,8vw,3rem)!important}
  .copy{padding:34px 22px!important}
  .hero-card{grid-template-columns:1fr!important}
  .hero-copy{padding:30px 22px!important}
  .mini{position:static!important;margin-top:12px!important;max-width:none!important}
  table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}
}
@media(max-width:620px){
  .wrap,.shell{width:min(100% - 22px,1180px)}
  .hero{padding-top:26px!important;padding-bottom:34px!important}
  .section{padding-top:40px!important;padding-bottom:40px!important}
  .collection,.offers,.cats,.proofgrid{grid-template-columns:1fr!important}
  .actions{display:grid!important;grid-template-columns:1fr!important}
  .actions .btn,.actions .button{width:100%;text-align:center}
  .hero-img,.hero-img img,.hero-grid>img,.hero-card>img,.hero>img{width:min(100%,370px)!important;max-width:370px!important}
  .process-grid>img,.consult-grid>img,.editorial-grid>img,.atendimento-grid>img,
  .inspect-grid>img,.scene-grid>img,.ambiance-grid>img,.care-grid>img,
  .feature-grid>img,.story-grid>img,.split-grid>img,.evidence>img,
  .experience>img,.real img{width:min(100%,335px)!important;max-width:335px!important}
  .product img{width:min(100%,285px)!important;max-width:285px!important}
  .brand img,.logo img{max-width:160px!important;max-height:44px!important}
  body{padding-bottom:72px!important}
}
@media(max-width:390px){
  .wrap,.shell{width:calc(100% - 18px)!important}
  .hero-img,.hero-img img,.hero-grid>img,.hero-card>img,.hero>img,
  .process-grid>img,.consult-grid>img,.editorial-grid>img,.atendimento-grid>img,
  .inspect-grid>img,.scene-grid>img,.ambiance-grid>img,.care-grid>img,
  .feature-grid>img,.story-grid>img,.split-grid>img,.evidence>img,
  .experience>img,.real img{max-width:300px!important}
}
.site-theme-tools{
  position:fixed;left:max(10px,env(safe-area-inset-left));bottom:max(10px,env(safe-area-inset-bottom));
  z-index:9997;display:flex;align-items:center;gap:3px;padding:5px;border-radius:14px;
  background:rgba(255,255,255,.96);color:#202126;border:1px solid rgba(0,0,0,.13);
  box-shadow:0 8px 22px rgba(0,0,0,.16);backdrop-filter:blur(12px)
}
.site-theme-tools button{
  appearance:none;border:0;background:transparent;color:inherit;min-height:38px;padding:7px 9px;
  border-radius:10px;display:flex;align-items:center;justify-content:center;gap:5px;
  cursor:pointer;font-size:12px;font-weight:800;line-height:1
}
.site-theme-tools button svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.site-theme-tools button[aria-pressed="true"],.site-theme-tools button.is-active{background:#202126;color:#fff}
html[data-theme="dark"] .site-theme-tools{background:rgba(27,28,32,.96);color:#f4f5f6;border-color:rgba(255,255,255,.14)}
html[data-theme="dark"] .site-theme-tools button[aria-pressed="true"],
html[data-theme="dark"] .site-theme-tools button.is-active{background:#fff;color:#18191c}
.whatsapp-float{
  position:fixed;right:max(10px,env(safe-area-inset-right));bottom:max(10px,env(safe-area-inset-bottom));
  z-index:9998;display:flex;flex-direction:row-reverse;align-items:center;gap:8px;
  padding:0;background:transparent;color:inherit!important;text-decoration:none!important
}
.whatsapp-float img{
  width:52px!important;height:52px!important;flex:0 0 52px!important;border-radius:50%!important;
  border:3px solid #fff!important;background:#25d366!important;box-shadow:0 8px 20px rgba(0,0,0,.24)!important
}
.whatsapp-float .wa-copy{
  display:block;padding:9px 12px;border-radius:11px;background:rgba(255,255,255,.96);
  color:#172019;border:1px solid rgba(0,0,0,.10);box-shadow:0 6px 18px rgba(0,0,0,.13);
  font:800 13px/1.15 Arial,sans-serif;white-space:nowrap
}
.whatsapp-float .wa-copy small{display:none}
.whatsapp-float .wa-copy span{display:block}
html[data-theme="dark"] .whatsapp-float .wa-copy{
  background:rgba(28,29,32,.96);color:#f7f8f8;border-color:rgba(255,255,255,.13)
}
@media(max-width:620px){
  .site-theme-tools{left:7px;bottom:7px;max-width:calc(100vw - 70px);padding:4px;gap:1px}
  .site-theme-tools button{min-width:35px;padding:7px}
  .site-theme-tools button span{display:none}
  .whatsapp-float{right:7px;bottom:7px}
  .whatsapp-float img{width:50px!important;height:50px!important;flex-basis:50px!important}
  .whatsapp-float .wa-copy{display:none}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}
.hero p,.head p,.intro p,.editorial p,.ambiance p,.careplus p,.lead,.lead2{max-width:68ch}
.service h3,.item h3,.cap h3,.dish h3,.product h3{margin-bottom:.45rem}
.service p,.item p,.cap p,.dish p,.product p{margin-top:.35rem}
.services,.caps,.menu-grid,.collection,.offers{row-gap:22px!important}
footer{line-height:1.6}


html[data-theme="light"] body{background:#fbfaff!important;color:#25213f!important}
html[data-theme="light"] header{background:rgba(251,250,255,.96)!important;border-color:#e5e1f1!important}
html[data-theme="light"] .service,html[data-theme="light"] .step,html[data-theme="light"] .quote{background:#fff!important;border-color:#e5e1f1!important}
html[data-theme="light"] .process{background:#f5f3ff!important}
html[data-theme="light"] .consult{background:#fff!important}
html[data-theme="light"] .pillars div{background:#f5f3ff!important;border-color:#e5e1f1!important}
html[data-theme="light"] .mini{background:#fff!important;color:#25213f!important;border-color:#e5e1f1!important}
html[data-theme="dark"] body{background:#12101a!important;color:#f3efff!important}
html[data-theme="dark"] header{background:rgba(18,16,26,.96)!important;border-color:#2b2740!important}
html[data-theme="dark"] .brand small,html[data-theme="dark"] .lead,html[data-theme="dark"] .head p,
html[data-theme="dark"] .service p,html[data-theme="dark"] .lead2,html[data-theme="dark"] .step p{color:#c5bdd7!important}
html[data-theme="dark"] .service,html[data-theme="dark"] .step,html[data-theme="dark"] .quote,
html[data-theme="dark"] .pillars div,html[data-theme="dark"] .mini{background:#1c1827!important;color:#f3efff!important;border-color:#39314d!important}
html[data-theme="dark"] .process{background:#171321!important}
html[data-theme="dark"] .consult{background:#13111b!important}
html[data-theme="dark"] .ghost{background:#1b1825!important;border-color:#493f60!important;color:#f3efff!important}
