/* Peça Tech v108 — Professional UI layer
   Isolated visual system loaded after legacy styles so business rules stay untouched. */

:root{
  --ui-primary:var(--brand-primary,#08213f);
  --ui-accent:var(--brand-accent,#0b66c3);
  --ui-primary-rgb:8,33,63;
  --ui-bg:#f3f6fa;
  --ui-surface:#ffffff;
  --ui-surface-2:#f8fafc;
  --ui-surface-3:#eef3f8;
  --ui-text:#142033;
  --ui-muted:#66758a;
  --ui-line:#e3e9f1;
  --ui-line-strong:#d5dde8;
  --ui-success:#087a55;
  --ui-warning:#a65b08;
  --ui-danger:#b42318;
  --ui-info:#1769aa;
  --ui-radius-sm:10px;
  --ui-radius:16px;
  --ui-radius-lg:24px;
  --ui-shadow-sm:0 4px 18px rgba(8,33,63,.06);
  --ui-shadow:0 14px 40px rgba(8,33,63,.09);
  --ui-shadow-lg:0 28px 80px rgba(8,33,63,.16);
  --ui-ease:cubic-bezier(.22,.61,.36,1);
  --sidebar-w:288px;
  --topbar-h:76px;
}

html{scroll-behavior:smooth;background:var(--ui-bg)}
body{color:var(--ui-text);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
body::selection{background:color-mix(in srgb,var(--ui-accent) 22%,white);color:var(--ui-primary)}
img{height:auto}
a{transition:color .18s ease,background-color .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease}
button,input,select,textarea{font:inherit}
button,a{-webkit-tap-highlight-color:transparent}
:focus-visible{outline:3px solid color-mix(in srgb,var(--ui-accent) 45%,transparent);outline-offset:2px}

.skip-link{position:fixed;left:16px;top:-80px;z-index:10000;background:#fff;color:var(--ui-primary);border:1px solid var(--ui-line);border-radius:12px;padding:.75rem 1rem;font-weight:800;box-shadow:var(--ui-shadow);transition:top .2s ease}
.skip-link:focus{top:16px}
.page-progress{position:fixed;left:0;top:0;height:3px;width:100%;z-index:9999;pointer-events:none}
.page-progress>span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--ui-accent),color-mix(in srgb,var(--ui-accent) 55%,#67e8f9));box-shadow:0 0 18px color-mix(in srgb,var(--ui-accent) 48%,transparent);transition:width .08s linear}

/* ---------- Shared components ---------- */
.btn,button.btn,input[type="submit"].btn{
  min-height:42px;border-radius:12px!important;border:1px solid transparent!important;padding:.66rem 1rem!important;font-weight:800!important;letter-spacing:-.01em;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;text-decoration:none;cursor:pointer;transition:transform .18s var(--ui-ease),box-shadow .18s ease,background-color .18s ease,border-color .18s ease,color .18s ease
}
.btn:not(.ghost):not(.danger){background:linear-gradient(135deg,var(--ui-primary),color-mix(in srgb,var(--ui-primary) 76%,var(--ui-accent)))!important;color:#fff!important;box-shadow:0 8px 22px color-mix(in srgb,var(--ui-primary) 18%,transparent)}
.btn:not(.ghost):not(.danger):hover{transform:translateY(-1px);box-shadow:0 12px 28px color-mix(in srgb,var(--ui-primary) 24%,transparent)}
.btn.ghost{background:var(--ui-surface)!important;color:var(--ui-primary)!important;border-color:var(--ui-line-strong)!important;box-shadow:none!important}
.btn.ghost:hover{background:var(--ui-surface-2)!important;border-color:color-mix(in srgb,var(--ui-accent) 35%,var(--ui-line))!important;transform:translateY(-1px)}
.btn.danger{background:#fff1f0!important;color:var(--ui-danger)!important;border-color:#fecaca!important}
.btn.small{min-height:36px;padding:.5rem .78rem!important;border-radius:10px!important;font-size:.84rem}
.btn.wide{width:100%}
.btn.is-loading{position:relative;cursor:wait!important;opacity:.82;pointer-events:none}
.btn.is-loading::after{content:"";width:15px;height:15px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:uiSpin .7s linear infinite}
@keyframes uiSpin{to{transform:rotate(360deg)}}

.panel,.card,.settings-box,.kpi-card,.summary-card,.email-card{
  border:1px solid var(--ui-line)!important;background:var(--ui-surface)!important;border-radius:var(--ui-radius)!important;box-shadow:var(--ui-shadow-sm)!important
}
.panel{padding:1.2rem!important}
.panel:hover{border-color:color-mix(in srgb,var(--ui-accent) 14%,var(--ui-line))!important}

.alert,.notice{border-radius:13px!important;border:1px solid var(--ui-line)!important;box-shadow:0 8px 24px rgba(8,33,63,.05);line-height:1.55}
.alert.sucesso,.notice.success{background:#ecfdf5!important;border-color:#a7f3d0!important;color:#065f46!important}
.alert.erro,.notice.error{background:#fff1f2!important;border-color:#fecdd3!important;color:#9f1239!important}
.notice.warning,.alert.warning{background:#fffbeb!important;border-color:#fde68a!important;color:#92400e!important}
.notice.info{background:#eff6ff!important;border-color:#bfdbfe!important;color:#1e4f86!important}
.badge{border-radius:999px!important;font-weight:800!important;letter-spacing:.01em}

input:not([type="checkbox"]):not([type="radio"]),select,textarea{
  border:1px solid var(--ui-line-strong)!important;background:#fff!important;color:var(--ui-text)!important;border-radius:11px!important;box-shadow:0 1px 2px rgba(8,33,63,.02);transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease
}
input:not([type="checkbox"]):not([type="radio"]):hover,select:hover,textarea:hover{border-color:#b9c5d4!important}
input:not([type="checkbox"]):not([type="radio"]):focus,select:focus,textarea:focus{outline:none!important;border-color:color-mix(in srgb,var(--ui-accent) 65%,#fff)!important;box-shadow:0 0 0 4px color-mix(in srgb,var(--ui-accent) 12%,transparent)!important}
label{font-weight:700;color:#344054}
.form-help,small,.muted{color:var(--ui-muted)}

.table-wrap{border:1px solid var(--ui-line);border-radius:14px;background:#fff;box-shadow:var(--ui-shadow-sm);overflow:auto!important;scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent}
table{border-collapse:separate!important;border-spacing:0!important;background:#fff}
table th{position:sticky;top:0;z-index:2;background:#f7f9fc!important;color:#475467!important;text-transform:uppercase;letter-spacing:.045em;font-size:.72rem!important;font-weight:850!important;border-bottom:1px solid var(--ui-line-strong)!important;white-space:nowrap}
table td{border-bottom:1px solid #edf1f5!important;color:#344054;vertical-align:middle}
table tr:last-child td{border-bottom:0!important}
table tr:hover td{background:#fbfdff}

.section-title,.page-head,.store-section-head{gap:1rem}
.section-title h1,.page-head h1{letter-spacing:-.035em;color:var(--ui-primary);font-weight:850}
.section-title p,.page-head p{color:var(--ui-muted)}
.actions{gap:.55rem!important;align-items:center}
.filters{border:1px solid var(--ui-line);border-radius:14px;background:var(--ui-surface);padding:.8rem!important;box-shadow:0 4px 16px rgba(8,33,63,.04)}

/* ---------- Internal application shell ---------- */
body.internal{display:grid!important;grid-template-columns:var(--sidebar-w) minmax(0,1fr)!important;min-height:100vh;background:var(--ui-bg)!important;overflow-x:hidden}
body.internal::before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 88% -10%,color-mix(in srgb,var(--ui-accent) 7%,transparent),transparent 30%),linear-gradient(180deg,#f7f9fc 0%,var(--ui-bg) 35%);z-index:-1}

.sidebar{width:var(--sidebar-w)!important;height:100dvh;position:sticky!important;top:0!important;overflow:auto!important;padding:18px 14px!important;background:linear-gradient(180deg,color-mix(in srgb,var(--ui-primary) 92%,#020617),color-mix(in srgb,var(--ui-primary) 78%,#020617))!important;border-right:1px solid rgba(255,255,255,.07);box-shadow:16px 0 48px rgba(2,12,27,.12);scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) transparent}
.sidebar::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 10% 0%,rgba(255,255,255,.08),transparent 28%),linear-gradient(135deg,transparent 0 66%,rgba(255,255,255,.025) 66% 67%,transparent 67%)}
.sidebar-head{position:relative;margin:0 0 14px!important;padding:0 4px 14px;border-bottom:1px solid rgba(255,255,255,.1)}
.sidebar .brand{display:flex;align-items:center;gap:.72rem;color:#fff!important;text-decoration:none;min-width:0}
.sidebar .brand img{width:42px!important;height:42px!important;object-fit:contain;border-radius:12px;background:#fff;padding:4px;box-shadow:0 8px 24px rgba(0,0,0,.16)}
.sidebar .brand span{font-weight:850;letter-spacing:-.025em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sidebar-label{position:relative;margin:16px 10px 7px;color:rgba(255,255,255,.46);font-size:.66rem;font-weight:850;text-transform:uppercase;letter-spacing:.12em}
.sidebar nav{position:relative;display:flex;flex-direction:column;gap:3px}
.sidebar nav a{position:relative;display:flex!important;align-items:center;min-height:42px;padding:.62rem .8rem!important;border-radius:11px!important;color:rgba(255,255,255,.76)!important;font-weight:690!important;font-size:.9rem;text-decoration:none!important;border:1px solid transparent;line-height:1.2}
.sidebar nav a::before{content:"";width:7px;height:7px;flex:0 0 7px;border-radius:50%;margin-right:.72rem;background:rgba(255,255,255,.25);box-shadow:0 0 0 4px rgba(255,255,255,.025);transition:all .18s ease}
.sidebar nav a:hover{background:rgba(255,255,255,.075)!important;color:#fff!important;border-color:rgba(255,255,255,.06);transform:none!important}
.sidebar nav a:hover::before{background:#fff;box-shadow:0 0 0 4px rgba(255,255,255,.08)}
.sidebar nav a.active{background:linear-gradient(135deg,rgba(255,255,255,.16),rgba(255,255,255,.08))!important;color:#fff!important;border-color:rgba(255,255,255,.13);box-shadow:0 8px 24px rgba(0,0,0,.09)}
.sidebar nav a.active::before{background:color-mix(in srgb,var(--ui-accent) 58%,#fff);box-shadow:0 0 0 4px rgba(255,255,255,.09)}
.sidebar .menu-badge{margin-left:auto;background:#fff!important;color:var(--ui-primary)!important;box-shadow:none!important}
.sidebar-foot{position:relative;margin-top:18px;padding:14px 10px 3px;border-top:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;gap:3px;color:rgba(255,255,255,.5);font-size:.72rem}
.sidebar-foot strong{color:rgba(255,255,255,.78);font-size:.78rem}
.sidebar-toggle-close{width:36px;height:36px;padding:0!important;justify-content:center;border-radius:10px!important;background:rgba(255,255,255,.08)!important;border-color:rgba(255,255,255,.12)!important;color:#fff!important;box-shadow:none!important;font-size:0}
.sidebar-toggle-close::before{content:"‹";font-size:24px;line-height:1}

.workspace{min-width:0!important;width:100%;padding:0 24px 40px!important;overflow:visible!important}
.topbar{position:sticky!important;top:0;z-index:55;min-height:var(--topbar-h);margin:0 -24px 22px!important;padding:12px 24px!important;display:flex!important;align-items:center!important;gap:14px;background:rgba(247,249,252,.88)!important;border-bottom:1px solid rgba(213,221,232,.82)!important;backdrop-filter:blur(18px) saturate(1.2);box-shadow:0 8px 28px rgba(8,33,63,.035)!important}
body.is-scrolled .topbar{box-shadow:0 10px 28px rgba(8,33,63,.08)!important}
.topbar-menu{height:40px!important;min-height:40px!important;border-radius:11px!important;background:#fff!important;color:var(--ui-primary)!important;border:1px solid var(--ui-line)!important;box-shadow:none!important}
.topbar-title{display:flex;flex-direction:column;justify-content:center;gap:2px;min-width:0}
.topbar-title .topbar-eyebrow{display:block;color:var(--ui-accent);font-size:.64rem;line-height:1;font-weight:850;letter-spacing:.1em;text-transform:uppercase;margin-bottom:2px}
.topbar-title>strong{font-size:1.03rem;font-weight:850;letter-spacing:-.025em;color:var(--ui-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.topbar-title>small{font-size:.76rem;color:var(--ui-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.topbar-actions{gap:.5rem!important;align-items:center}
.topbar-actions>.btn{min-height:38px;padding:.52rem .75rem!important;font-size:.82rem}
.user-chip{display:flex;align-items:center;gap:.55rem;padding:.35rem .55rem .35rem .35rem;border:1px solid var(--ui-line);border-radius:999px;background:#fff;max-width:190px}
.user-chip-avatar{width:31px;height:31px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--ui-primary),var(--ui-accent));color:#fff;font-weight:900;font-size:.78rem;flex:0 0 auto}
.user-chip-copy{min-width:0;line-height:1.08}
.user-chip-copy strong{display:block;font-size:.75rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#344054}
.user-chip-copy small{display:block;font-size:.66rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.notification-bell{width:40px!important;height:40px!important;border-radius:11px!important;background:#fff!important;border:1px solid var(--ui-line)!important;display:grid!important;place-items:center;color:var(--ui-primary)!important;box-shadow:none!important}
.notification-bell svg{width:19px;height:19px}
.notification-bell b{top:-5px!important;right:-5px!important;min-width:18px;height:18px;display:grid;place-items:center;border:2px solid var(--ui-bg);font-size:.62rem}
.notification-panel{border:1px solid var(--ui-line)!important;border-radius:16px!important;box-shadow:var(--ui-shadow-lg)!important;overflow:hidden}
.topbar-ticket-alert{border-radius:10px!important;font-weight:750!important;text-decoration:none!important}
#live-content{width:min(100%,1680px);margin:0 auto}

body.internal.sidebar-collapsed{grid-template-columns:0 minmax(0,1fr)!important}
body.internal.sidebar-collapsed .sidebar{margin-left:calc(var(--sidebar-w) * -1)!important;transform:translateX(-100%)!important}

/* Dashboard and internal content */
.kpi-grid{gap:12px!important}
.kpi-card{padding:1rem 1.05rem!important;position:relative;overflow:hidden}
.kpi-card::after{content:"";position:absolute;right:-20px;bottom:-28px;width:90px;height:90px;border-radius:50%;background:color-mix(in srgb,var(--ui-accent) 6%,transparent)}
.kpi-card span{font-size:.72rem!important;color:var(--ui-muted)!important;text-transform:uppercase;letter-spacing:.045em;font-weight:800!important}
.kpi-card strong{color:var(--ui-primary)!important;letter-spacing:-.035em}
.kpi-card.alert{border-color:#f4d3a4!important;background:linear-gradient(135deg,#fffaf2,#fff)!important}

.internal-page{animation:uiPageIn .28s var(--ui-ease) both}
@keyframes uiPageIn{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}

/* ---------- Public storefront ---------- */
body.public{background:#fff!important;color:#172033;overflow-x:hidden}
body.public .site-pro{--store-max:1220px;background:#fff;min-height:100vh}
.store-hero{position:relative!important;isolation:isolate;overflow:hidden;background:
  radial-gradient(circle at 76% 22%,color-mix(in srgb,var(--ui-accent) 26%,transparent),transparent 27%),
  radial-gradient(circle at 20% 0%,rgba(255,255,255,.10),transparent 30%),
  linear-gradient(135deg,color-mix(in srgb,var(--ui-primary) 95%,#020617),color-mix(in srgb,var(--ui-primary) 76%,var(--ui-accent)))!important;
  color:#fff!important;padding-bottom:28px!important
}
.store-hero::before{content:"";position:absolute;inset:0;z-index:-1;opacity:.22;background-image:linear-gradient(rgba(255,255,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.07) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,black,transparent 78%)}
.store-nav{position:relative;z-index:40;width:min(calc(100% - 32px),var(--store-max));margin:0 auto!important;padding:18px 0!important;display:flex;align-items:center;gap:18px;border-bottom:1px solid rgba(255,255,255,.11)}
body.public.is-scrolled .store-nav{position:fixed;top:0;left:50%;transform:translateX(-50%);width:100%;max-width:none;padding:10px max(16px,calc((100vw - var(--store-max))/2))!important;background:rgba(6,26,50,.91);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.1);box-shadow:0 12px 30px rgba(0,0,0,.12);animation:navDrop .2s ease both}
@keyframes navDrop{from{transform:translate(-50%,-100%)}to{transform:translate(-50%,0)}}
.store-brand{display:flex;align-items:center;gap:.75rem;color:#fff!important;text-decoration:none!important;min-width:0}
.store-brand img{width:46px!important;height:46px!important;object-fit:contain;background:#fff;border-radius:12px;padding:4px;box-shadow:0 8px 26px rgba(0,0,0,.18)}
.store-brand span{font-weight:850!important;letter-spacing:-.03em;font-size:1.06rem}
.store-menu{margin-left:auto;display:flex!important;align-items:center;gap:3px!important}
.store-menu>a{color:rgba(255,255,255,.82)!important;text-decoration:none!important;padding:.6rem .72rem;border-radius:10px;font-weight:700;font-size:.88rem}
.store-menu>a:hover,.store-menu>a.is-active{color:#fff!important;background:rgba(255,255,255,.09)}
.store-menu .public-access-btn{margin-left:.3rem;background:#fff!important;color:var(--ui-primary)!important;border-color:transparent!important;min-height:38px!important}
.public-menu-toggle{display:none;width:42px;height:42px;border:1px solid rgba(255,255,255,.16);border-radius:11px;background:rgba(255,255,255,.08);color:#fff;cursor:pointer;align-items:center;justify-content:center;font-size:0;margin-left:auto}
.public-menu-toggle span,.public-menu-toggle::before,.public-menu-toggle::after{content:"";display:block;width:18px;height:2px;background:currentColor;border-radius:99px;transition:.2s ease}
.public-menu-toggle span{margin:4px 0}
.public-menu-toggle[aria-expanded="true"] span{opacity:0}
.public-menu-toggle[aria-expanded="true"]::before{transform:translateY(6px) rotate(45deg)}
.public-menu-toggle[aria-expanded="true"]::after{transform:translateY(-6px) rotate(-45deg)}

.store-hero-inner{width:min(calc(100% - 32px),var(--store-max));margin:0 auto!important;padding:58px 0 48px!important;display:grid!important;grid-template-columns:minmax(0,1.04fr) minmax(360px,.96fr)!important;align-items:center;gap:54px!important}
.store-hero-copy{max-width:720px}
.store-kicker{display:inline-flex!important;align-items:center;gap:.45rem;color:inherit!important;font-size:.7rem!important;letter-spacing:.12em!important;font-weight:850!important;text-transform:uppercase}
.store-hero .store-kicker::before{content:"";width:20px;height:2px;background:color-mix(in srgb,var(--ui-accent) 40%,#fff);border-radius:99px}
.store-hero-copy h1{margin:.8rem 0 1rem!important;max-width:720px;font-size:clamp(2.35rem,5.5vw,4.9rem)!important;line-height:.96!important;letter-spacing:-.058em!important;color:#fff!important;font-weight:860!important;text-wrap:balance}
.store-hero-copy>p{max-width:640px;color:rgba(255,255,255,.72)!important;font-size:clamp(1rem,1.5vw,1.14rem)!important;line-height:1.68!important}
.store-main-search{margin-top:1.6rem!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:7px;background:#fff;border:1px solid rgba(255,255,255,.3);border-radius:15px;box-shadow:0 20px 60px rgba(1,13,30,.24)}
.store-main-search input{height:49px!important;border:0!important;box-shadow:none!important;padding:0 .9rem!important;background:#fff!important;font-size:.96rem}
.store-main-search .btn{min-height:49px!important;background:linear-gradient(135deg,var(--ui-accent),color-mix(in srgb,var(--ui-accent) 72%,#0f172a))!important}
.store-actions{margin-top:1rem!important;display:flex;flex-wrap:wrap;gap:.65rem!important}
.store-actions .btn.ghost{background:rgba(255,255,255,.08)!important;border-color:rgba(255,255,255,.2)!important;color:#fff!important}

.store-showcase{position:relative;min-width:0}
.store-showcase .product-carousel{border:1px solid rgba(255,255,255,.15)!important;border-radius:26px!important;background:rgba(255,255,255,.08)!important;padding:9px!important;box-shadow:0 32px 80px rgba(0,0,0,.25)!important;backdrop-filter:blur(8px)}
.store-showcase .product-carousel img{border-radius:19px!important;aspect-ratio:4/3;object-fit:cover}
.store-showcase-card{position:absolute!important;left:-26px!important;bottom:24px!important;max-width:250px;padding:14px 16px!important;border-radius:14px!important;background:rgba(255,255,255,.94)!important;color:var(--ui-primary)!important;border:1px solid rgba(255,255,255,.8)!important;box-shadow:0 20px 45px rgba(0,0,0,.18)!important;backdrop-filter:blur(12px)}
.store-showcase-card strong{display:block;font-size:.9rem}.store-showcase-card span{display:block;margin-top:4px;color:var(--ui-muted);font-size:.78rem;line-height:1.45}

.store-quickbar{width:min(calc(100% - 32px),var(--store-max));margin:0 auto!important;display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:1px!important;overflow:hidden;border:1px solid rgba(255,255,255,.1);border-radius:15px;background:rgba(255,255,255,.09)!important;backdrop-filter:blur(8px)}
.store-quickbar>div{padding:14px 18px!important;background:rgba(5,23,43,.2)!important;border:0!important;min-width:0}
.store-quickbar strong{display:block;color:#fff!important;font-size:1.04rem!important;letter-spacing:-.02em}.store-quickbar span{display:block;margin-top:2px;color:rgba(255,255,255,.58)!important;font-size:.72rem!important}

.store-strip{width:min(calc(100% - 32px),var(--store-max));margin:-1px auto 0!important;display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:0!important;border:1px solid var(--ui-line);border-top:0;border-radius:0 0 16px 16px;overflow:hidden;background:#fff;box-shadow:0 18px 45px rgba(8,33,63,.07)}
.store-strip>div{padding:18px 20px!important;border-right:1px solid var(--ui-line)}.store-strip>div:last-child{border-right:0}.store-strip b{display:block;color:var(--ui-primary);font-size:.83rem}.store-strip span{display:block;margin-top:4px;color:var(--ui-muted);font-size:.75rem;line-height:1.4}

.store-section{width:min(calc(100% - 32px),var(--store-max));margin:0 auto!important;padding:74px 0!important}
.store-section+.store-section{border-top:1px solid #edf1f5}
.store-section-head{margin-bottom:25px!important;display:flex!important;align-items:flex-end!important;justify-content:space-between!important}
.store-section-head h1,.store-section-head h2{margin:.35rem 0 .35rem!important;color:var(--ui-primary)!important;font-size:clamp(1.7rem,3vw,2.55rem)!important;letter-spacing:-.045em!important;font-weight:850!important}
.store-section-head p{max-width:680px!important;color:var(--ui-muted)!important;line-height:1.65!important}
.store-section .store-kicker{color:var(--ui-accent)!important}

.store-featured-grid,.store-products{gap:15px!important}
.store-feature-card,.store-product-card{border:1px solid var(--ui-line)!important;border-radius:17px!important;background:#fff!important;box-shadow:0 5px 20px rgba(8,33,63,.045)!important;overflow:hidden;transition:transform .24s var(--ui-ease),box-shadow .24s ease,border-color .24s ease!important}
.store-feature-card:hover,.store-product-card:hover{transform:translateY(-4px)!important;box-shadow:0 18px 42px rgba(8,33,63,.11)!important;border-color:color-mix(in srgb,var(--ui-accent) 24%,var(--ui-line))!important}
.store-feature-img,.store-product-img{background:#f5f7fa!important;overflow:hidden}
.store-feature-img img,.store-product-img img{transition:transform .42s var(--ui-ease)}
.store-feature-card:hover img,.store-product-card:hover img{transform:scale(1.025)}
.store-feature-card>div:last-child,.store-product-card>.store-product-copy{padding:15px!important}
.store-feature-card h3,.store-product-card h3{color:var(--ui-primary)!important;letter-spacing:-.025em!important;line-height:1.25!important}
.store-feature-card strong,.store-product-card .price,.store-product-card strong{color:var(--ui-primary)!important;font-size:1.08rem!important}

.store-services-grid{gap:14px!important}.store-service-card{position:relative;border:1px solid var(--ui-line)!important;border-radius:16px!important;background:linear-gradient(180deg,#fff,#fbfcfe)!important;padding:22px!important;box-shadow:0 4px 18px rgba(8,33,63,.04)!important;overflow:hidden}.store-service-card>span{display:inline-grid!important;place-items:center;width:36px;height:36px;border-radius:10px;background:color-mix(in srgb,var(--ui-accent) 9%,#fff);color:var(--ui-accent)!important;font-weight:850}.store-service-card h3{color:var(--ui-primary)!important;margin:.85rem 0 .4rem!important}.store-service-card p{color:var(--ui-muted)!important;line-height:1.6!important}

.store-filter{position:relative!important;display:grid!important;grid-template-columns:minmax(220px,2fr) repeat(5,minmax(130px,1fr)) auto!important;gap:8px!important;padding:10px!important;border:1px solid var(--ui-line)!important;border-radius:15px!important;background:#f8fafc!important;box-shadow:none!important}
.store-filter input,.store-filter select{min-height:43px!important;background:#fff!important;font-size:.85rem!important}

.store-contact-grid,.store-about-grid,.online-checkout-grid{gap:18px!important}
.store-contact-card,.store-about-card,.online-store-page .panel{border:1px solid var(--ui-line)!important;border-radius:18px!important;background:#fff!important;box-shadow:var(--ui-shadow-sm)!important}
.store-footer{background:color-mix(in srgb,var(--ui-primary) 94%,#020617)!important;color:rgba(255,255,255,.72)!important;border-top:1px solid rgba(255,255,255,.06)}

/* Public account / cart / checkout */
.online-store-page{min-height:100vh;background:#f6f8fb!important;padding-bottom:50px}
.online-store-page>.store-section{padding-top:38px!important}
.public-account-nav{position:sticky;top:0;z-index:35;background:rgba(255,255,255,.91)!important;backdrop-filter:blur(16px);border-bottom:1px solid var(--ui-line)!important;box-shadow:0 6px 20px rgba(8,33,63,.04)}
.online-cart-total{border-top:1px solid var(--ui-line)!important;margin-top:12px;padding-top:14px}.online-cart-total strong{font-size:1.3rem!important;color:var(--ui-primary)}
.online-summary-line{border-bottom:1px solid #edf1f5!important;padding:12px 0!important}

/* Product detail */
.store-product-detail{border-radius:22px!important}.store-product-detail h1{letter-spacing:-.045em!important;color:var(--ui-primary)!important}.store-product-detail .product-carousel{border:1px solid var(--ui-line);border-radius:18px;background:#f7f9fb;padding:8px;box-shadow:var(--ui-shadow-sm)}

/* ---------- Progressive interaction classes ---------- */
/* v111: conteúdo nunca pode depender de JavaScript/IntersectionObserver para aparecer.
   O reveal é somente aprimoramento visual e mantém os elementos visíveis por padrão. */
[data-ui-reveal]{opacity:1!important;visibility:visible!important;transform:none!important}
[data-ui-reveal].ui-reveal-animate{animation:uiRevealIn .42s var(--ui-ease) both}
@keyframes uiRevealIn{from{opacity:.72;transform:translateY(8px)}to{opacity:1;transform:none}}
.ui-scroll-top{position:fixed;right:20px;bottom:20px;width:44px;height:44px;z-index:90;border:1px solid var(--ui-line);border-radius:13px;background:rgba(255,255,255,.94);color:var(--ui-primary);box-shadow:var(--ui-shadow);display:grid;place-items:center;cursor:pointer;opacity:0;transform:translateY(10px);pointer-events:none;transition:.2s ease;backdrop-filter:blur(10px)}
.ui-scroll-top.is-visible{opacity:1;transform:none;pointer-events:auto}.ui-scroll-top:hover{transform:translateY(-2px)}
.sidebar-scrim{display:none}

/* ---------- Responsive ---------- */
@media(max-width:1240px){
  .store-filter{grid-template-columns:repeat(4,minmax(0,1fr))!important}.store-filter input[name="q"]{grid-column:span 2}.store-filter .btn{grid-column:auto}
  .topbar-ticket-alert{display:none!important}
}

@media(max-width:1080px){
  :root{--sidebar-w:272px}
  .store-hero-inner{grid-template-columns:minmax(0,1fr) minmax(310px,.82fr)!important;gap:32px!important}
  .store-hero-copy h1{font-size:clamp(2.2rem,6vw,4rem)!important}
  .user-chip{display:none}
}

@media(max-width:980px){
  body.internal{display:block!important;padding:0!important}
  .sidebar{position:fixed!important;left:0;top:0;z-index:110;width:min(86vw,310px)!important;transform:translateX(-105%)!important;margin:0!important;transition:transform .24s var(--ui-ease)!important}
  body.internal:not(.sidebar-collapsed) .sidebar{transform:translateX(0)!important}
  body.internal.sidebar-collapsed .sidebar{transform:translateX(-105%)!important;margin:0!important}
  .sidebar-scrim{display:block;position:fixed;inset:0;z-index:100;background:rgba(2,12,27,.48);backdrop-filter:blur(2px);opacity:0;pointer-events:none;transition:opacity .2s ease}
  body.internal:not(.sidebar-collapsed) .sidebar-scrim{opacity:1;pointer-events:auto}
  .workspace{padding:0 14px 28px!important;width:100%!important}
  .topbar{margin:0 -14px 16px!important;padding:10px 14px!important;min-height:68px}
  .topbar-actions>.btn{display:none!important}
  .topbar-actions{margin-left:auto!important}.notification-bell{width:38px!important;height:38px!important}.topbar-menu{font-size:.8rem!important}

  .store-nav{width:min(calc(100% - 24px),var(--store-max));padding:13px 0!important}
  body.public.is-scrolled .store-nav{padding:9px 12px!important}
  .public-menu-toggle{display:flex}
  .store-menu{position:absolute;left:0;right:0;top:calc(100% + 8px);display:none!important;flex-direction:column;align-items:stretch!important;padding:10px;border:1px solid rgba(255,255,255,.14);border-radius:14px;background:rgba(6,26,50,.97);box-shadow:0 20px 45px rgba(0,0,0,.25);backdrop-filter:blur(18px)}
  .store-menu.is-open{display:flex!important}.store-menu>a,.store-menu .public-access-btn{width:100%;justify-content:flex-start!important;margin:0!important;padding:.72rem .8rem!important}
  .store-hero-inner{grid-template-columns:1fr!important;width:min(calc(100% - 24px),var(--store-max));padding:44px 0 34px!important}.store-hero-copy{max-width:780px}.store-showcase{max-width:700px;width:100%;margin:0 auto}.store-showcase-card{left:14px!important;bottom:14px!important}
  .store-quickbar{width:min(calc(100% - 24px),var(--store-max));grid-template-columns:repeat(2,1fr)!important}
  .store-strip{width:min(calc(100% - 24px),var(--store-max));grid-template-columns:repeat(2,1fr)!important}.store-strip>div:nth-child(2){border-right:0}.store-strip>div:nth-child(-n+2){border-bottom:1px solid var(--ui-line)}
  .store-section{width:min(calc(100% - 24px),var(--store-max));padding:54px 0!important}
  .store-filter{grid-template-columns:repeat(2,minmax(0,1fr))!important}.store-filter input[name="q"]{grid-column:1/-1}
}

@media(max-width:720px){
  .workspace{padding-left:10px!important;padding-right:10px!important}.topbar{margin-left:-10px!important;margin-right:-10px!important;padding-left:10px!important;padding-right:10px!important}
  .topbar-title>small{display:none}.topbar-title>strong{font-size:.95rem}.topbar-title .topbar-eyebrow{font-size:.58rem}
  .topbar-menu{width:40px!important;font-size:0!important;padding:0!important}.topbar-menu::before{content:"☰";font-size:17px}
  .notification-panel{position:fixed!important;left:10px!important;right:10px!important;top:64px!important;width:auto!important;max-width:none!important}
  .section-title,.page-head,.store-section-head{align-items:flex-start!important;flex-direction:column!important}.section-title .actions,.page-head .actions{width:100%;display:flex;flex-wrap:wrap}.section-title .actions .btn,.page-head>.btn{flex:1 1 auto}
  .filters{display:grid!important;grid-template-columns:1fr!important}.filters>*{width:100%!important}
  .table-wrap{border-radius:12px}.panel{padding:.9rem!important;border-radius:14px!important}
  .kpi-grid{grid-template-columns:1fr 1fr!important}

  .store-hero-copy h1{font-size:clamp(2.1rem,11vw,3.4rem)!important;line-height:.98!important}.store-main-search{grid-template-columns:1fr!important}.store-main-search .btn{width:100%}.store-actions{display:grid!important;grid-template-columns:1fr 1fr}.store-actions .btn{width:100%}
  .store-showcase-card{position:relative!important;left:auto!important;bottom:auto!important;margin:-8px 12px 0!important;max-width:none!important}
  .store-section{padding:44px 0!important}.store-section-head{align-items:flex-start!important}.store-section-head .btn{width:100%}
  .store-filter{grid-template-columns:1fr!important}.store-filter>*{grid-column:1!important;width:100%}
  .store-featured-grid,.store-products,.store-services-grid{grid-template-columns:1fr 1fr!important}
}

@media(max-width:520px){
  .kpi-grid{grid-template-columns:1fr!important}.btn{min-height:44px}
  .store-brand span{max-width:160px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.store-brand img{width:42px!important;height:42px!important}
  .store-quickbar{grid-template-columns:1fr 1fr!important}.store-quickbar>div{padding:12px!important}.store-strip{grid-template-columns:1fr!important}.store-strip>div{border-right:0!important;border-bottom:1px solid var(--ui-line)!important}.store-strip>div:last-child{border-bottom:0!important}
  .store-actions{grid-template-columns:1fr!important}.store-featured-grid,.store-products,.store-services-grid{grid-template-columns:1fr!important}
  .store-section{width:min(calc(100% - 20px),var(--store-max))}.store-hero-inner,.store-nav,.store-quickbar,.store-strip{width:min(calc(100% - 20px),var(--store-max))}
  .ui-scroll-top{right:12px;bottom:12px}
}

@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.js-ready [data-ui-reveal]{opacity:1!important;transform:none!important}
}

/* Compact public navigation used on product/account pages */
.store-nav.compact{background:#fff!important;border:0!important;border-bottom:1px solid var(--ui-line)!important;border-radius:0!important;box-shadow:0 8px 28px rgba(8,33,63,.055)!important;padding-left:max(16px,calc((100% - var(--store-max))/2))!important;padding-right:max(16px,calc((100% - var(--store-max))/2))!important;width:100%!important;max-width:none!important}
.store-nav.compact .store-brand{color:var(--ui-primary)!important}.store-nav.compact .store-menu>a{color:#43536a!important}.store-nav.compact .store-menu>a:hover{color:var(--ui-primary)!important;background:#f3f6fa!important}.store-nav.compact .public-menu-toggle{border-color:var(--ui-line);background:#f8fafc;color:var(--ui-primary)}
body.public.is-scrolled .store-nav.compact{background:rgba(255,255,255,.94)!important;border-bottom-color:var(--ui-line)!important}.store-nav.compact .store-menu .btn:not(.ghost){color:#fff!important}.store-nav.compact .store-menu .btn.ghost{color:var(--ui-primary)!important}

.store-products-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:15px!important}.store-product-media{position:relative;display:block;background:#f4f7fa!important;overflow:hidden}.store-product-info{padding:15px!important;display:grid;gap:9px}.store-product-info h3{color:var(--ui-primary)!important;letter-spacing:-.02em!important}.store-product-info p,.store-product-compat{color:var(--ui-muted)!important}.store-product-actions{gap:7px!important}
@media(max-width:1080px){.store-products-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:760px){.store-products-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.store-nav.compact .store-menu{background:rgba(255,255,255,.98)!important;border-color:var(--ui-line)!important;box-shadow:var(--ui-shadow)!important}.store-nav.compact .store-menu>a{color:#43536a!important}}
@media(max-width:520px){.store-products-grid{grid-template-columns:1fr!important}}


/* v111 visibility safety net */
body.internal #live-content,
body.internal #live-content > *,
body.public .store-section,
body.public .store-products-grid,
body.public .store-featured-grid,
body.public .store-product-card,
body.public .store-feature-card{visibility:visible!important}
body.internal #live-content{opacity:1!important}

/* ============================================================
   v113 — Customer authentication experience
   Professional storefront login and account registration.
   ============================================================ */
body.route-cliente-entrar,
body.route-cliente-cadastro{background:#f4f7fb!important;color:#14243a}
body.route-cliente-entrar main#mainContent,
body.route-cliente-cadastro main#mainContent{min-height:100vh;background:
  radial-gradient(circle at 8% 14%,color-mix(in srgb,var(--ui-accent) 11%,transparent) 0,transparent 29%),
  radial-gradient(circle at 92% 80%,color-mix(in srgb,var(--ui-primary) 8%,transparent) 0,transparent 31%),
  #f4f7fb}
body.route-cliente-entrar .public-alert,
body.route-cliente-cadastro .public-alert{position:relative;z-index:15;width:min(calc(100% - 28px),760px);margin:18px auto -6px!important;border-radius:14px!important;box-shadow:0 12px 34px rgba(15,37,66,.08)}
.customer-auth-page{min-height:100vh}
.customer-auth-page .online-store-nav{position:relative;z-index:20}
.customer-auth-shell{width:min(calc(100% - 36px),1180px);margin:0 auto;padding:54px 0 70px;display:grid;grid-template-columns:minmax(0,.92fr) minmax(460px,1fr);gap:clamp(42px,6vw,82px);align-items:center;min-height:calc(100vh - 78px)}
.customer-auth-intro{padding:28px 0;min-width:0}
.customer-auth-back{display:inline-flex;align-items:center;gap:7px;color:#5d6e84!important;font-size:.86rem;font-weight:700;text-decoration:none!important;margin-bottom:48px;transition:color .18s ease,transform .18s ease}
.customer-auth-back:hover{color:var(--ui-primary)!important;transform:translateX(-2px)}
.customer-auth-back svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.customer-auth-intro-copy{max-width:560px}
.customer-auth-eyebrow,.customer-auth-step{display:inline-flex;align-items:center;gap:8px;color:var(--ui-accent);font-size:.7rem;line-height:1;font-weight:900;letter-spacing:.14em;text-transform:uppercase}
.customer-auth-eyebrow::before{content:"";width:25px;height:2px;border-radius:99px;background:var(--ui-accent)}
.customer-auth-intro h1{margin:15px 0 18px!important;color:var(--ui-primary)!important;font-size:clamp(2.25rem,4.7vw,4.1rem)!important;line-height:.99!important;letter-spacing:-.052em!important;max-width:620px}
.customer-auth-intro-copy>p{margin:0;color:#607187;font-size:1.04rem;line-height:1.72;max-width:540px}
.customer-auth-benefits{display:grid;gap:16px;margin-top:38px;max-width:570px}
.customer-auth-benefit{display:grid;grid-template-columns:46px 1fr;align-items:center;gap:14px}
.customer-auth-benefit-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;border:1px solid #dce6f1;background:rgba(255,255,255,.78);color:var(--ui-primary);box-shadow:0 8px 22px rgba(27,57,91,.05)}
.customer-auth-benefit-icon svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.customer-auth-benefit>span:last-child{display:grid;gap:3px}
.customer-auth-benefit strong{color:#26384d;font-size:.94rem}
.customer-auth-benefit small{color:#708095;font-size:.78rem;line-height:1.4}
.customer-auth-cart-note{margin-top:30px;display:grid;grid-template-columns:44px 1fr;gap:13px;align-items:center;padding:13px 15px;border:1px solid color-mix(in srgb,var(--ui-accent) 26%,#dce6f1);background:color-mix(in srgb,var(--ui-accent) 6%,#fff);border-radius:15px;max-width:570px}
.customer-auth-cart-note>span{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:var(--ui-primary);color:#fff;font-size:1rem;font-weight:900;box-shadow:0 8px 20px color-mix(in srgb,var(--ui-primary) 24%,transparent)}
.customer-auth-cart-note>div{display:grid;gap:2px}.customer-auth-cart-note strong{font-size:.86rem;color:#26384d}.customer-auth-cart-note small{font-size:.75rem;color:#718096;line-height:1.4}
.customer-auth-card-wrap{position:relative}
.customer-auth-card-wrap::before{content:"";position:absolute;z-index:0;inset:24px -24px -24px 24px;border-radius:30px;background:linear-gradient(145deg,color-mix(in srgb,var(--ui-accent) 12%,transparent),color-mix(in srgb,var(--ui-primary) 7%,transparent));filter:blur(1px)}
.customer-auth-card{position:relative;z-index:1;background:#fff;border:1px solid #e2e9f1;border-radius:24px;padding:clamp(26px,4vw,42px);box-shadow:0 24px 70px rgba(13,39,69,.12),0 2px 8px rgba(13,39,69,.04)}
.customer-auth-card-login{max-width:540px;margin-left:auto;width:100%}
.customer-auth-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:22px;margin-bottom:30px}
.customer-auth-card-head h2{margin:9px 0 7px!important;color:#152942!important;font-size:clamp(1.75rem,3vw,2.25rem)!important;line-height:1.05!important;letter-spacing:-.035em!important}
.customer-auth-card-head p{margin:0;color:#738296;font-size:.88rem;line-height:1.5}
.customer-auth-lock{flex:0 0 auto;display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:#f4f7fb;border:1px solid #e2e9f1;color:var(--ui-primary)}
.customer-auth-lock svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.customer-auth-form{display:grid;gap:19px}
.customer-auth-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.customer-auth-field{display:grid;gap:8px;min-width:0}
.customer-auth-field-full{grid-column:1/-1}
.customer-auth-field label{font-size:.79rem;line-height:1.2;color:#34465b;font-weight:800}
.customer-auth-label-row{display:flex;justify-content:space-between;align-items:center;gap:12px}.customer-auth-label-row small{color:#8795a7;font-size:.69rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}
.customer-auth-input{display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;min-height:52px;border:1px solid #dbe4ee;border-radius:13px;background:#fff;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease;overflow:hidden}
.customer-auth-input:focus-within{border-color:color-mix(in srgb,var(--ui-accent) 64%,#afc2d8);box-shadow:0 0 0 4px color-mix(in srgb,var(--ui-accent) 10%,transparent);background:#fff}
.customer-auth-input>span{display:grid;place-items:center;color:#8392a5;border-right:1px solid #eef2f6;height:30px}
.customer-auth-input>span svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.customer-auth-input input{width:100%!important;min-width:0!important;height:50px!important;border:0!important;outline:0!important;background:transparent!important;padding:0 13px!important;color:#1d3048!important;font:inherit!important;font-size:.9rem!important;box-shadow:none!important}
.customer-auth-input input::placeholder{color:#a2adba}
.customer-auth-input.has-action{grid-template-columns:42px minmax(0,1fr) 44px}
.customer-auth-eye{display:grid;place-items:center;width:40px;height:40px;margin-right:4px;border:0;border-radius:10px;background:transparent;color:#718197;cursor:pointer;transition:background .18s ease,color .18s ease}
.customer-auth-eye:hover{background:#f0f4f8;color:var(--ui-primary)}
.customer-auth-eye svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.customer-auth-eye.is-visible{color:var(--ui-accent);background:color-mix(in srgb,var(--ui-accent) 8%,#fff)}
.customer-auth-help{font-size:.69rem;color:#8795a7;line-height:1.35}.customer-auth-help.is-ok{color:#278055}.customer-auth-help.is-error{color:#b04444}
.customer-password-meter{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;height:4px}.customer-password-meter span{background:#e9eef4;border-radius:99px;transition:background .2s ease}.customer-password-meter[data-strength="1"] span:nth-child(1){background:#d65c5c}.customer-password-meter[data-strength="2"] span:nth-child(-n+2){background:#dc9a38}.customer-password-meter[data-strength="3"] span:nth-child(-n+3){background:#5e92c3}.customer-password-meter[data-strength="4"] span{background:#3b9568}
.customer-auth-submit,.customer-auth-secondary{display:flex;align-items:center;justify-content:center;gap:10px;min-height:54px;border-radius:13px;font-weight:850;font-size:.9rem;text-decoration:none!important;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,background .18s ease,border-color .18s ease}
.customer-auth-submit{margin-top:4px;border:1px solid var(--ui-primary);background:var(--ui-primary);color:#fff;box-shadow:0 12px 25px color-mix(in srgb,var(--ui-primary) 20%,transparent)}
.customer-auth-submit:hover{transform:translateY(-1px);box-shadow:0 16px 32px color-mix(in srgb,var(--ui-primary) 25%,transparent)}
.customer-auth-submit:disabled{opacity:.65;transform:none!important;cursor:wait}
.customer-auth-submit svg,.customer-auth-secondary svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.customer-auth-divider{display:flex;align-items:center;gap:12px;margin:25px 0 20px;color:#8b98a8;font-size:.72rem;text-align:center}.customer-auth-divider::before,.customer-auth-divider::after{content:"";height:1px;flex:1;background:#e9eef4}.customer-auth-divider span{max-width:70%;line-height:1.4}
.customer-auth-switch{text-align:center;display:grid;gap:5px;color:#78889a;font-size:.79rem}.customer-auth-switch a{color:var(--ui-primary)!important;font-weight:850;text-decoration:none!important}.customer-auth-switch a:hover{text-decoration:underline!important}
.customer-auth-secondary{width:100%;min-height:50px;border:1px solid #d8e2ec;background:#f9fbfd;color:var(--ui-primary)!important}.customer-auth-secondary:hover{border-color:#bacbdb;background:#f3f7fb;transform:translateY(-1px)}
.customer-auth-trust{display:flex;align-items:flex-start;justify-content:center;gap:8px;margin-top:22px;padding-top:20px;border-top:1px solid #edf1f5;color:#8795a7;font-size:.68rem;line-height:1.45;text-align:left}.customer-auth-trust svg{flex:0 0 auto;width:16px;height:16px;fill:none;stroke:#5e8a72;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;margin-top:1px}
.customer-auth-form :invalid:not(:placeholder-shown){box-shadow:none}
.customer-auth-field.is-invalid .customer-auth-input{border-color:#cf6f6f;box-shadow:0 0 0 4px rgba(207,111,111,.08)}
.customer-auth-field.is-valid .customer-auth-input{border-color:#8cc2a5}

@media(max-width:1020px){
  .customer-auth-shell{grid-template-columns:1fr;max-width:720px;gap:28px;padding-top:34px;align-items:start}
  .customer-auth-intro{padding:4px 0 0}.customer-auth-back{margin-bottom:28px}.customer-auth-intro h1{max-width:700px}.customer-auth-intro-copy>p{max-width:680px}
  .customer-auth-benefits{grid-template-columns:repeat(3,1fr);max-width:none;gap:12px}.customer-auth-benefit{grid-template-columns:1fr;align-items:start;padding:14px;border-radius:15px;border:1px solid #e1e8f0;background:rgba(255,255,255,.72)}.customer-auth-benefit-icon{width:40px;height:40px}.customer-auth-cart-note{max-width:none}
  .customer-auth-card-login{max-width:none}.customer-auth-card-wrap::before{inset:18px -12px -18px 12px}
}
@media(max-width:720px){
  body.route-cliente-entrar .store-nav.compact,body.route-cliente-cadastro .store-nav.compact{padding-left:14px!important;padding-right:14px!important}
  .customer-auth-shell{width:min(calc(100% - 22px),720px);padding:24px 0 42px}.customer-auth-back{margin-bottom:24px}.customer-auth-intro h1{font-size:clamp(2rem,10vw,3rem)!important}.customer-auth-intro-copy>p{font-size:.94rem}
  .customer-auth-benefits{grid-template-columns:1fr;margin-top:27px}.customer-auth-benefit{grid-template-columns:42px 1fr;padding:12px}.customer-auth-benefit-icon{width:42px;height:42px}
  .customer-auth-card{padding:24px 18px;border-radius:20px}.customer-auth-card-wrap::before{display:none}.customer-auth-card-head{margin-bottom:24px}.customer-auth-lock{width:42px;height:42px}
  .customer-auth-form-grid{grid-template-columns:1fr;gap:19px}.customer-auth-password-grid{gap:19px}.customer-auth-input{min-height:54px}.customer-auth-input input{height:52px!important}.customer-auth-submit{min-height:56px}
}
@media(max-width:480px){
  .customer-auth-shell{width:min(calc(100% - 16px),720px)}.customer-auth-intro{padding-top:0}.customer-auth-back{font-size:.8rem}.customer-auth-intro h1{font-size:2.15rem!important}.customer-auth-benefits{gap:9px}.customer-auth-cart-note{grid-template-columns:40px 1fr}.customer-auth-cart-note>span{width:40px;height:40px}
  .customer-auth-card{padding:22px 15px}.customer-auth-card-head h2{font-size:1.75rem!important}.customer-auth-lock{display:none}.customer-auth-input{grid-template-columns:39px minmax(0,1fr)}.customer-auth-input.has-action{grid-template-columns:39px minmax(0,1fr) 42px}.customer-auth-input input{font-size:.88rem!important;padding-left:10px!important;padding-right:10px!important}
}

/* v118 — rastreamento de pedidos / Correios */
.tracking-card{margin-top:1rem;overflow:hidden}
.tracking-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1rem}
.tracking-card-head h2{margin:.2rem 0 .25rem}
.tracking-timeline{position:relative;display:grid;gap:0;padding:.25rem 0}
.tracking-event{position:relative;display:grid;grid-template-columns:28px 1fr;gap:.75rem;padding:0 0 1.3rem}
.tracking-event:not(:last-child)::before{content:"";position:absolute;left:8px;top:18px;bottom:-2px;width:2px;background:var(--border,#e5e7eb)}
.tracking-dot{position:relative;z-index:1;width:18px;height:18px;border-radius:50%;border:4px solid #fff;background:#cbd5e1;box-shadow:0 0 0 1px #cbd5e1}
.tracking-event.current .tracking-dot{background:#16a34a;box-shadow:0 0 0 1px #16a34a}
.tracking-event strong{display:block;margin-bottom:.25rem;color:var(--text,#111827)}
.tracking-event p{margin:.2rem 0 .35rem;color:var(--muted,#64748b)}
.tracking-event small{color:var(--muted,#64748b)}
.tracking-inline-form{display:flex;gap:.45rem;align-items:center;min-width:320px;margin-bottom:.55rem}
.tracking-inline-form input{min-width:170px;text-transform:uppercase}
.tracking-admin-summary{display:grid;gap:.2rem;min-width:300px}
.tracking-admin-summary small{display:block;max-width:360px;white-space:normal}
.tracking-admin-cell{min-width:340px}
.text-danger{color:#b91c1c!important}
@media(max-width:760px){.tracking-card-head{flex-direction:column}.tracking-inline-form{min-width:0;flex-wrap:wrap}.tracking-admin-cell{min-width:280px}}