/* UX Motion Premium V1 - evolucao controlada, sem rebrand radical. */

:root{
  --ux-radius-sm:10px;
  --ux-radius-md:14px;
  --ux-radius-lg:18px;
  --ux-shadow-soft:0 16px 42px rgba(28,13,8,.12);
  --ux-shadow-strong:0 26px 70px rgba(14,6,4,.28);
  --ux-focus:0 0 0 3px rgba(212,170,56,.34);
  --ux-ease:cubic-bezier(.2,.8,.2,1);
}

html{scrollbar-gutter:stable}
body{text-rendering:optimizeLegibility}

header,.page-header{
  transition:background-color .22s var(--ux-ease),box-shadow .22s var(--ux-ease),border-color .22s var(--ux-ease),backdrop-filter .22s var(--ux-ease);
}
header.is-scrolled,.page-header.is-scrolled{
  background:rgba(20,8,6,.92);
  border-bottom-color:rgba(245,237,224,.13);
  box-shadow:0 16px 40px rgba(0,0,0,.26);
  backdrop-filter:blur(14px);
}
header nav,.page-nav{transition:padding .22s var(--ux-ease)}
header.is-scrolled nav,.page-header.is-scrolled .page-nav{padding-block:7px}
.nav-links a,.page-nav-links a{min-height:36px;display:inline-flex;align-items:center}
.nav-links a:focus-visible,.page-nav-links a:focus-visible,.mob a:focus-visible,.mob-x:focus-visible,.ham:focus-visible{outline:2px solid var(--gol);outline-offset:4px}
.mob{background:radial-gradient(circle at 20% 16%,rgba(196,154,40,.16),transparent 34%),linear-gradient(180deg,#1C0D08,#0E0604)}
.mob a{width:min(360px,92vw);min-height:50px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(245,237,224,.1);background:rgba(255,255,255,.035);border-radius:var(--ux-radius-md)}
.mob a.btn{border-color:transparent}

.btn,.acor-color-btn,.wide-color-actions a,.product-actions .btn,.product-detail-actions .btn,.page-actions .btn,.page-nav .btn,.nac .btn,.article-filter a,.article-filter button,.acor-color-seg,.acor-color-mood,.acor-color-jbtn,.acor-color-card-actions a,.acor-color-card-actions button,.calc-btn{
  border-radius:var(--ux-radius-sm);
  letter-spacing:.045em;
  transition:transform .18s var(--ux-ease),box-shadow .18s var(--ux-ease),border-color .18s var(--ux-ease),background-color .18s var(--ux-ease),color .18s var(--ux-ease),opacity .18s var(--ux-ease);
}
.btn{min-height:46px;padding:12px 22px;box-shadow:none}
.btn:hover,.acor-color-btn:hover,.wide-color-actions a:hover,.product-actions .btn:hover,.product-detail-actions .btn:hover,.page-actions .btn:hover,.calc-btn:hover{transform:translateY(-2px)}
.btn:active,.acor-color-btn:active,.wide-color-actions a:active,.product-actions .btn:active,.product-detail-actions .btn:active,.page-actions .btn:active,.calc-btn:active{transform:translateY(0)}
.btn:focus-visible,.acor-color-btn:focus-visible,.wide-color-actions a:focus-visible,.product-actions .btn:focus-visible,.product-detail-actions .btn:focus-visible,.page-actions .btn:focus-visible,.calc-btn:focus-visible,.acor-color-type-tab:focus-visible,.acor-color-fam:focus-visible,.acor-color-env:focus-visible,.acor-color-seg:focus-visible,.acor-color-mood:focus-visible,.acor-color-jbtn:focus-visible{outline:none;box-shadow:var(--ux-focus)}
.bg,.acor-color-btn-primary,.product-action-primary{background:linear-gradient(135deg,var(--gold),#D9B247);color:#120704;box-shadow:0 12px 24px rgba(196,154,40,.22)}
.bg:hover,.acor-color-btn-primary:hover,.product-action-primary:hover{background:linear-gradient(135deg,#DDB94E,var(--gold));color:#120704;box-shadow:0 18px 34px rgba(196,154,40,.28)}
.bw,.bwl,.acor-color-btn-wpp,.product-action-whatsapp{background:linear-gradient(135deg,#25D366,#1DA851);color:#06160B;box-shadow:0 12px 28px rgba(37,211,102,.22)}
.bw:hover,.bwl:hover,.acor-color-btn-wpp:hover,.product-action-whatsapp:hover{color:#06160B;box-shadow:0 18px 34px rgba(37,211,102,.28)}
.bgc,.bgi,.product-action-tech,.product-action-colors{background:rgba(255,255,255,.025);border:1px solid rgba(245,237,224,.22)}
.bgi,.product-action-tech{color:#1C0D08;background:#FFFDF8;border-color:rgba(28,13,8,.18)}
.bgi:hover,.product-action-tech:hover{color:#1C0D08;background:#F5EDE0;border-color:rgba(196,154,40,.42)}
.product-action-colors{background:linear-gradient(135deg,#1E7090,#17607A);color:#fff;border-color:rgba(30,112,144,.45)}
.product-action-colors:hover{background:linear-gradient(135deg,#237E9F,#1E7090)}
.product-actions .btn:nth-child(1){background:#FFFDF8;color:#1C0D08;border:1px solid rgba(28,13,8,.18);box-shadow:none}
.product-actions .btn:nth-child(2){background:linear-gradient(135deg,var(--gold),#D9B247);color:#120704;border-color:transparent;box-shadow:0 12px 24px rgba(196,154,40,.2)}
.product-actions .btn:nth-child(3){background:linear-gradient(135deg,#25D366,#1DA851);color:#06160B;border-color:transparent;box-shadow:0 12px 28px rgba(37,211,102,.22)}
.product-actions .btn:nth-child(4){background:linear-gradient(135deg,#1E7090,#17607A);color:#fff;border-color:transparent}
.product-detail-actions .btn:nth-child(1){background:linear-gradient(135deg,#25D366,#1DA851);color:#06160B;border-color:transparent}
.product-detail-actions .btn:nth-child(2){background:linear-gradient(135deg,#1E7090,#17607A);color:#fff;border-color:transparent}
.product-detail-actions .btn:nth-child(3){background:linear-gradient(135deg,var(--gold),#D9B247);color:#120704;border-color:transparent}
.nac .btn{min-height:40px;padding:9px 15px !important;border-radius:999px}

.hero{isolation:isolate;min-height:min(88vh,880px)}
.hero::before{
  content:'';
  position:absolute;
  inset:-20%;
  z-index:0;
  pointer-events:none;
  background:radial-gradient(circle at 18% 20%,rgba(196,154,40,.18),transparent 22%),radial-gradient(circle at 82% 16%,rgba(30,112,144,.16),transparent 24%),radial-gradient(circle at 65% 76%,rgba(180,64,32,.16),transparent 28%);
  filter:blur(8px);
  animation:uxHeroDrift 18s ease-in-out infinite alternate;
}
.hgr,.hgw,.hero .ct{position:relative;z-index:1}
.hgr{opacity:.06}.hgw{opacity:.95}
.hh{text-wrap:balance}
.hsu{color:rgba(245,237,224,.76);font-size:clamp(.98rem,1.2vw,1.08rem)}
.hcard{border-radius:var(--ux-radius-lg);box-shadow:var(--ux-shadow-strong);transform:translateZ(0);transition:transform .28s var(--ux-ease),box-shadow .28s var(--ux-ease),border-color .28s var(--ux-ease)}
.hcard:hover{transform:translateY(-5px);border-color:rgba(196,154,40,.32);box-shadow:0 34px 86px rgba(0,0,0,.42)}
.hero-color-lab-track i{position:relative;overflow:hidden}
.hero-color-lab-track i::after{content:'';position:absolute;inset:0;background:linear-gradient(100deg,transparent,rgba(255,255,255,.22),transparent);transform:translateX(-120%);animation:uxSwatchSweep 4.8s ease-in-out infinite}

.home-color-paths,.hero-tools-bar,.journey-section,.journey-card,.product-showcase-card,.page-card,.contact-panel,.product-spec-card,.tool-shortcut,.article-card,.wide-color-card{border-radius:var(--ux-radius-md)}
.home-color-paths{box-shadow:0 22px 54px rgba(0,0,0,.22)}
.home-color-path-grid a{border-radius:var(--ux-radius-sm)}
.hero-tools-bar{border-color:rgba(245,237,224,.18)}

.journey-section{background:radial-gradient(circle at 12% 0,rgba(196,154,40,.22),transparent 28%),linear-gradient(180deg,#F7F0E5 0%,#EFE2CE 100%);color:#1C0D08}
.journey-head{align-items:center}
.journey-kicker{color:#8A351E}
.journey-title{color:#1C0D08;text-shadow:none}
.journey-sub{color:rgba(28,13,8,.78);font-weight:500}
.journey-grid{gap:10px;background:transparent;border:0}
.journey-card{background:#150806;border:1px solid rgba(28,13,8,.12);box-shadow:0 18px 44px rgba(28,13,8,.12)}
.journey-card h3{color:#F5EDE0}
.journey-card p{color:rgba(245,237,224,.72)}
.journey-card:hover,.journey-card:focus-visible{background:#1C0D08;box-shadow:0 24px 58px rgba(28,13,8,.24)}
.journey-action{color:#D4AA38}

.acor-color-type-slot,.acor-color-bottom-tabs,.acor-color-filters,.wide-color-filters{max-width:1180px;margin-inline:auto}
.acor-color-type-tabs{align-items:stretch}
.acor-color-type-tab{border-radius:var(--ux-radius-md);min-height:142px;box-shadow:0 12px 26px rgba(0,0,0,.16)}
.acor-color-type-tab.is-active{box-shadow:0 20px 48px rgba(0,0,0,.28),inset 0 0 0 1px rgba(245,237,224,.08)}
.acor-color-bottom-tabs{left:50%;transform:translateX(-50%);border-radius:999px;border:1px solid rgba(245,237,224,.14);box-shadow:0 18px 48px rgba(0,0,0,.34);backdrop-filter:blur(12px)}
.acor-color-bottom-tab{border-radius:999px;min-height:40px}
.acor-color-journey,.acor-color-fgroup.is-highlight,.wide-color-toolbar,.wide-color-notice{border-radius:var(--ux-radius-md)}

.product-showcase-card,.page-card,.contact-panel,.product-spec-card,.tool-shortcut,.article-card,.wide-color-card{transition:transform .2s var(--ux-ease),box-shadow .2s var(--ux-ease),border-color .2s var(--ux-ease),background-color .2s var(--ux-ease)}
.product-showcase-card:hover,.page-card:hover,.contact-panel:hover,.product-spec-card:hover,.tool-shortcut:hover,.article-card:hover,.wide-color-card:hover{transform:translateY(-3px);box-shadow:var(--ux-shadow-soft);border-color:rgba(196,154,40,.24)}
.product-showcase-card{overflow:hidden}
.product-actions,.product-detail-actions,.page-actions{align-items:center}
.product-actions .btn{min-height:42px;padding:10px 14px}
.product-hero,.page-hero{border-radius:var(--ux-radius-lg)}
.product-hero-card,.product-final-cta,.product-detail-dialog{border-radius:var(--ux-radius-lg)}
.product-spec-card{box-shadow:0 12px 30px rgba(28,13,8,.06)}
.wide-color-card{overflow:hidden}
.wide-color-actions a{min-height:42px}
.wf{right:max(18px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom))}
.wfab{transition:transform .2s var(--ux-ease),box-shadow .2s var(--ux-ease),filter .2s var(--ux-ease)}
.wfab:hover{transform:translateY(-2px) scale(1.03);filter:saturate(1.05)}

.ux-motion-ready .ux-reveal{opacity:1;transform:translateY(10px);transition:transform .42s var(--ux-ease)}
.ux-motion-ready .ux-reveal.ux-revealed{opacity:1;transform:none}

@keyframes uxHeroDrift{from{transform:translate3d(-1.5%,0,0) scale(1)}to{transform:translate3d(1.5%,1%,0) scale(1.04)}}
@keyframes uxSwatchSweep{0%,52%{transform:translateX(-120%)}80%,100%{transform:translateX(120%)}}

@media(max-width:1040px){
  .hero{min-height:auto}
  .hin{gap:38px}
  .journey-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:760px){
  .ct{width:min(100% - 28px,1180px)}
  .hero{padding-top:0}
  .hin{padding:42px 0 34px;gap:26px}
  .hh{font-size:clamp(2.35rem,13vw,3.15rem);line-height:.96}
  .hsu{font-size:1rem;line-height:1.68;margin-bottom:22px}
  .hbt{display:grid;grid-template-columns:1fr;gap:9px;margin-bottom:28px}
  .hbt .btn,.page-actions .btn,.product-actions .btn,.product-detail-actions .btn,.wide-color-actions a,.acor-color-inline-actions .acor-color-btn{width:100%;min-height:48px;white-space:normal;padding-inline:16px}
  .hero-color-lab{grid-template-columns:1fr;padding:13px}
  .hero-color-lab-track{height:48px}
  .journey-head{gap:12px;margin-bottom:18px}
  .journey-title{font-size:clamp(2rem,10vw,2.65rem)}
  .journey-sub{font-size:.95rem}
  .journey-grid{grid-template-columns:1fr;gap:10px}
  .journey-card{min-height:0;padding:20px 18px}
  .journey-num{margin-bottom:12px}
  .acor-color-type-tabs{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 2px 12px;margin-inline:-2px}
  .acor-color-type-tab{flex:0 0 min(82vw,320px);scroll-snap-align:start;min-height:136px}
  .acor-color-bottom-tabs{position:static;width:100%;transform:none;margin:18px auto 26px;padding:6px;overflow-x:auto;justify-content:flex-start;border-radius:var(--ux-radius-md)}
  .acor-color-bottom-tab{flex:0 0 auto;white-space:nowrap}
  .product-actions,.product-detail-actions,.page-actions{display:grid;grid-template-columns:1fr;gap:8px}
  .product-showcase-card:hover,.page-card:hover,.contact-panel:hover,.product-spec-card:hover,.tool-shortcut:hover,.article-card:hover,.wide-color-card:hover{transform:none}
  .wf{right:max(12px,env(safe-area-inset-right));bottom:max(12px,env(safe-area-inset-bottom))}
  .wfab{width:56px;height:56px}
}

@media(max-width:420px){
  .ct{width:min(100% - 22px,1180px)}
  .btn{font-size:.76rem;min-height:46px}
  .nac .btn:first-child{display:none}
  .hh{font-size:clamp(2.15rem,12vw,2.9rem)}
  .home-color-paths{padding:16px}
  .home-color-path-grid a{padding:15px}
  .journey-section{padding:28px 0 38px}
  .page-hero,.color-page .page-hero{padding:20px 16px}
  .product-card-body{padding:17px}
}

@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none !important;transition-duration:.01ms !important;scroll-behavior:auto !important}
  .ux-motion-ready .ux-reveal{opacity:1;transform:none}
}