/* =============================================================================
 * Ultraclima Climatização — Design system FLAT + Dark/Light (estilo app).
 * Primária: NAVY. Realces: VERMELHO. Sem degradês; blurs/pontos de luz sutis.
 * Tema claro por padrão; alterna via html[data-theme="dark"].
 * Mantém os nomes de classe usados pelo script.js (uc-prod, uc-stepper, uc-drawer...).
 * ========================================================================== */
@import url('https://fonts.googleapis.com/icon?family=Material+Icons+Round');

/* Ícones do Google (Material Icons Round) — uso: <span class="gic">add</span> */
.gic{font-family:'Material Icons Round';font-weight:normal;font-style:normal;font-size:inherit;line-height:1;
  letter-spacing:normal;text-transform:none;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;
  direction:ltr;vertical-align:middle;-webkit-font-feature-settings:'liga';font-feature-settings:'liga';-webkit-font-smoothing:antialiased}
.uc-stepper button .gic{font-size:20px}

/* ----------------------- Marca (constantes, herdam da LP) ----------------- */
:root{
  --brand-navy:  var(--cp-global-secondary, var(--cp-global-secondary-color, #2E3192));
  --brand-red:   var(--cp-global-primary,   var(--cp-global-primary-color,   #ED1C24));
  --navy-700:#23266f; --navy-600:#2E3192; --navy-500:#3a3fb0;
  --red-600:#d11820; --red-500:#ED1C24; --red-400:#ff4b52;
  --radius:18px; --radius-sm:12px; --radius-lg:26px; --radius-pill:999px;
  --maxw: var(--cp-global-container-max, 1200px);
  --head:'Poppins','Inter',sans-serif;
  --font: var(--cp-global-font-family,'Inter',system-ui,-apple-system,Segoe UI,Roboto,sans-serif);
  --tabbar-h:64px;
}

/* ----------------------- Tema CLARO (padrão) ------------------------------ */
:root, html[data-theme="light"]{
  --bg:#eef1f8;            /* fundo app levemente azulado */
  --bg-2:#f7f9fd;
  --surface:#ffffff;
  --surface-2:#f1f4fb;
  --surface-3:#e9edf7;
  --text:#141a2e;
  --text-2:#39405a;
  --text-muted:#5b6588;
  --line:#e4e8f2;
  --line-2:#eef1f7;
  --ink:#171a52;           /* seções escuras (navy sólido) */
  --on-ink:#eaf0ff;
  --on-ink-muted:#aab4dd;
  --primary:var(--brand-navy);
  --primary-text:#fff;
  --accent:var(--brand-red);
  --shadow:0 10px 30px rgba(20,24,60,.08);
  --shadow-lg:0 18px 50px rgba(20,24,60,.14);
  --glow-navy:rgba(58,63,176,.18);
  --glow-red:rgba(255,75,82,.16);
  --header-bg:rgba(255,255,255,.82);
  --chip:#eef1fb;
  --field-bg:#fff;
}

/* ----------------------- Tema ESCURO -------------------------------------- */
html[data-theme="dark"]{
  --bg:#0b0d1a;
  --bg-2:#0f1222;
  --surface:#14182b;
  --surface-2:#191e34;
  --surface-3:#202644;
  --text:#eef1fb;
  --text-2:#cfd6ee;
  --text-muted:#9aa3c9;
  --line:rgba(255,255,255,.09);
  --line-2:rgba(255,255,255,.06);
  --ink:#10132a;
  --on-ink:#eaf0ff;
  --on-ink-muted:#9aa3c9;
  --primary:#4750d8;       /* navy levemente mais claro p/ contraste */
  --primary-text:#fff;
  --accent:#ff4b52;
  --shadow:0 12px 34px rgba(0,0,0,.4);
  --shadow-lg:0 22px 60px rgba(0,0,0,.55);
  --glow-navy:rgba(71,80,216,.22);
  --glow-red:rgba(255,75,82,.18);
  --header-bg:rgba(15,18,34,.72);
  --chip:#1c2240;
  --field-bg:#11152a;
}

/* ----------------------- Base --------------------------------------------- */
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:var(--font);background:var(--bg);color:var(--text);
  font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased;transition:background .25s,color .25s}
img{max-width:100%;display:block}
svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round}
a{color:var(--primary);text-decoration:none}
h1,h2,h3,h4{font-family:var(--head);line-height:1.12;margin:0 0 .4em;color:var(--text);font-weight:700;letter-spacing:-.01em}
h1{font-size:clamp(2rem,4.6vw,3.4rem)}
h2{font-size:clamp(1.7rem,3.2vw,2.5rem)}
h3{font-size:1.2rem}
p{margin:0 0 1rem;color:var(--text-2)}
.uc-accent{color:var(--accent)}

.uc-container{width:100%;max-width:var(--maxw);margin:0 auto;padding:0 22px}
.uc-section{padding:88px 0;position:relative}
.uc-section--tight{padding:60px 0}
.uc-eyebrow{display:inline-flex;align-items:center;gap:8px;font-family:var(--head);font-weight:700;font-size:.78rem;
  letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin-bottom:14px}
.uc-eyebrow::before{content:"";width:26px;height:2px;background:var(--accent);border-radius:2px}
.uc-eyebrow--center{justify-content:center}
.uc-shead{max-width:680px;margin:0 auto 50px;text-align:center}
.uc-shead p{color:var(--text-muted);font-size:1.08rem}
.uc-center{text-align:center}
.uc-muted{color:var(--text-muted)}

/* blur / pontos de luz sutis */
.uc-glow{position:absolute;border-radius:50%;filter:blur(90px);opacity:.7;pointer-events:none;z-index:0}
.uc-glow--navy{background:var(--glow-navy)}
.uc-glow--red{background:var(--glow-red)}

/* ----------------------- Botões ------------------------------------------- */
.uc-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;cursor:pointer;
  font-family:var(--head);font-weight:700;font-size:.96rem;border:0;border-radius:var(--radius-pill);
  padding:14px 26px;transition:.18s ease;text-decoration:none;line-height:1;white-space:nowrap}
.uc-btn--primary{background:var(--primary);color:var(--primary-text)}
.uc-btn--primary:hover{transform:translateY(-2px);box-shadow:0 12px 26px var(--glow-navy)}
.uc-btn--accent{background:var(--accent);color:#fff}
.uc-btn--accent:hover{transform:translateY(-2px);box-shadow:0 12px 26px var(--glow-red)}
.uc-btn--ghost{background:transparent;color:var(--text);border:1.5px solid var(--line)}
.uc-btn--ghost:hover{border-color:var(--primary);color:var(--primary)}
.uc-btn--light{background:var(--surface);color:var(--primary);box-shadow:var(--shadow)}
.uc-btn--light:hover{transform:translateY(-2px)}
.uc-btn--wa{background:#25D366;color:#fff}
.uc-btn--wa:hover{transform:translateY(-2px)}
.uc-btn--block{width:100%}
.uc-btn--sm{padding:10px 16px;font-size:.85rem}
.uc-btn .ic{width:18px;height:18px;display:inline-flex}
.uc-btn .ic svg{width:18px;height:18px;stroke:currentColor;fill:none}
/* botão circular com seta (estilo Conztru) */
.uc-arrow{width:46px;height:46px;border-radius:50%;background:var(--accent);color:#fff;display:inline-flex;
  align-items:center;justify-content:center;flex:0 0 auto;transition:.18s}
.uc-arrow:hover{transform:rotate(-45deg)}
.uc-arrow svg{width:20px;height:20px;stroke:#fff;fill:none}
.uc-cta-pair{display:inline-flex;align-items:center;gap:10px}

.uc-badge{display:inline-flex;align-items:center;gap:6px;font-size:.72rem;font-weight:700;font-family:var(--head);
  letter-spacing:.04em;text-transform:uppercase;padding:6px 12px;border-radius:var(--radius-pill);
  background:var(--chip);color:var(--accent)}
.uc-badge--navy{color:var(--primary)}
.uc-badge--soft{background:rgba(255,255,255,.14);color:#fff}

/* chips de tags */
.uc-tags{display:flex;flex-wrap:wrap;gap:10px}
.uc-tag{padding:9px 16px;border:1.5px solid var(--line);border-radius:var(--radius-pill);font-weight:600;font-size:.9rem;color:var(--text-2);background:var(--surface)}

/* ----------------------- Placeholder de imagem ---------------------------- */
.uc-ph{position:relative;background:var(--surface-2);border:1.5px dashed var(--line);border-radius:var(--radius);
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--text-muted);
  min-height:200px;overflow:hidden;text-align:center;padding:18px}
.uc-ph svg{width:40px;height:40px;stroke:var(--text-muted);fill:none;opacity:.7}
.uc-ph small{font-weight:600;font-size:.82rem}
.uc-ph--ratio-43{aspect-ratio:4/3}
.uc-ph--ratio-11{aspect-ratio:1/1}
.uc-ph--ratio-169{aspect-ratio:16/9}
.uc-ph--tall{min-height:420px;height:100%}
/* quando preenchido com imagem real, basta trocar por <img> ou usar bg */
.uc-ph[style*="background-image"]{border:0}
.uc-ph[style*="background-image"] svg,.uc-ph[style*="background-image"] small{display:none}

/* ----------------------- Header E-COMMERCE -------------------------------- */
/* Topbar utilitário */
.uc-topbar{background:var(--ink);color:var(--on-ink-muted);font-size:.82rem}
.uc-topbar__in{display:flex;align-items:center;gap:16px;height:40px}
.uc-topbar__in a{color:var(--on-ink-muted)}
.uc-topbar__in a:hover{color:#fff}
.uc-topbar__r{margin-left:auto;display:flex;align-items:center;gap:16px}
.uc-topbar .uc-theme{width:30px;height:30px;background:rgba(255,255,255,.1);border-color:transparent;color:#fff}
.uc-topbar .uc-theme svg{width:16px;height:16px}

.uc-header{position:sticky;top:0;z-index:900;background:var(--navy-600);backdrop-filter:saturate(160%) blur(14px);border-bottom:1px solid rgba(255,255,255,.12)}
html[data-theme="dark"] .uc-header{background:var(--header-bg);border-bottom-color:var(--line)}
.uc-headrow{display:flex;align-items:center;gap:22px;height:78px}
.uc-nav__logo{display:flex;align-items:center;gap:10px;flex:0 0 auto}
.uc-nav__logo img{height:40px;width:auto;max-width:200px;object-fit:contain}
/* logo conforme o tema: clara (colorida) no light, branca no dark */
.uc-nav__logo .uc-logo-light{display:none}
.uc-nav__logo .uc-logo-dark{display:inline-block}
/* headrow sobre fundo navy (claro e escuro): textos/ícones claros */
.uc-headrow .uc-hact{color:#fff}
.uc-headrow .uc-hact small{color:rgba(255,255,255,.66)}
.uc-headrow .uc-hact:hover{background:rgba(255,255,255,.12)}
.uc-headrow .uc-icobtn{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.2);color:#fff}

/* Busca grande */
.uc-hsearch{flex:1;max-width:560px;display:flex;background:var(--surface-2);border:1.5px solid var(--line);border-radius:var(--radius-pill);overflow:hidden}
.uc-hsearch:focus-within{border-color:var(--primary)}
.uc-hsearch input{flex:1;border:0;background:transparent;padding:13px 20px;font-size:.95rem;font-family:inherit;color:var(--text)}
.uc-hsearch input:focus{outline:none}
.uc-hsearch button{border:0;background:var(--red-500);color:#fff;padding:0 22px;cursor:pointer;display:flex;align-items:center;gap:7px;font-weight:700;font-family:var(--head)}
.uc-hsearch button svg{width:18px;height:18px}

/* Ações (conta/favoritos/carrinho) */
.uc-hactions{margin-left:auto;display:flex;align-items:center;gap:6px;flex:0 0 auto}
.uc-hact{position:relative;display:flex;align-items:center;gap:9px;padding:8px 10px;border-radius:12px;background:none;border:0;cursor:pointer;color:var(--text);text-decoration:none}
.uc-hact:hover{background:var(--surface-2)}
.uc-hact>svg{width:24px;height:24px;flex:0 0 auto}
.uc-hact small{display:block;color:var(--text-muted);font-size:.68rem;line-height:1.2}
.uc-hact b{display:block;font-size:.82rem;font-family:var(--head);line-height:1.2}
.uc-hact__txt{text-align:left}
.uc-cart-btn__count{position:absolute;top:0;left:24px;min-width:19px;height:19px;padding:0 5px;background:var(--accent);
  color:#fff;border-radius:999px;font-size:.68rem;font-weight:700;display:flex;align-items:center;justify-content:center}
.uc-admin-link{display:none}
.uc-admin-link.is-visible{display:inline-flex}

/* Barra de categorias */
.uc-catbar{background:var(--surface);border-bottom:1px solid var(--line)}
.uc-catnav{display:flex;align-items:center;gap:4px;height:52px;position:relative}
.uc-catnav>a{font-weight:600;font-size:.93rem;color:var(--text-2);padding:9px 14px;border-radius:10px;position:relative}
.uc-catnav>a:hover{color:var(--accent);background:var(--surface-2)}
.uc-catnav>a.is-active{color:var(--accent)}
.uc-catnav__cta{margin-left:auto;display:inline-flex;align-items:center;gap:7px;color:#fff !important;background:#25D366;border-radius:var(--radius-pill);padding:8px 16px !important;font-weight:700}
.uc-catnav__cta svg{width:16px;height:16px}
.uc-catall{position:static}
.uc-catall__btn{display:inline-flex;align-items:center;gap:9px;background:var(--primary);color:#fff;border:0;cursor:pointer;
  font-weight:700;font-family:var(--head);font-size:.9rem;padding:11px 18px;border-radius:10px;margin-right:8px}
.uc-catall__btn svg{width:18px;height:18px}
.uc-catdrop{position:absolute;top:calc(100% + 8px);left:0;width:280px;background:var(--surface);border:1px solid var(--line);
  border-radius:var(--radius);box-shadow:var(--shadow-lg);padding:8px;z-index:920;display:none;max-height:70vh;overflow:auto}
.uc-catall.is-open .uc-catdrop{display:block}
.uc-catall.is-open .uc-catdrop.uc-megamenu{display:grid}
.uc-catdrop a{display:flex;align-items:center;gap:10px;padding:11px 12px;border-radius:10px;color:var(--text-2);font-weight:600;font-size:.92rem}
.uc-catdrop a:hover{background:var(--surface-2);color:var(--accent)}
.uc-catdrop a .n{margin-left:auto;color:var(--text-muted);font-size:.82rem}
.uc-catdrop__parent{font-weight:700;color:var(--text) !important;margin-top:4px}
.uc-catdrop__parent svg{stroke:var(--accent)}
.uc-catdrop__child{padding-left:34px !important;font-weight:500 !important;font-size:.88rem !important}
/* Mega menu: largura total do catbar, colunas por categoria pai (display via is-open) */
.uc-catdrop.uc-megamenu{left:0;right:0;width:auto;
  grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:2px 26px;padding:22px 26px;
  max-height:calc(100vh - 165px);overflow:auto;align-content:start}
@media(max-width:768px){
  .uc-catdrop.uc-megamenu{grid-template-columns:1fr;min-width:min(300px,90vw);max-width:92vw}
}
.uc-catdrop .uc-mega__col{min-width:0;break-inside:avoid}
.uc-catdrop .uc-mega__head{display:flex;align-items:center;gap:8px;font-family:var(--head);font-weight:700;
  font-size:.95rem;color:var(--text);padding:6px 8px 9px;border-bottom:2px solid var(--line);margin-bottom:6px;border-radius:0}
.uc-catdrop .uc-mega__head:hover{background:transparent;color:var(--accent)}
.uc-catdrop .uc-mega__head svg{width:18px;height:18px;stroke:var(--accent)}
.uc-catdrop .uc-mega__item{display:flex;align-items:center;padding:7px 8px;border-radius:8px;color:var(--text-2);font-size:.9rem;font-weight:500}
.uc-catdrop .uc-mega__item:hover{background:var(--surface-2);color:var(--accent)}
.uc-catdrop .uc-mega__item .n{margin-left:auto;color:var(--text-muted);font-size:.8rem}

/* menu mobile (reutiliza .uc-nav__links) */
.uc-nav__links{display:none}
.uc-burger{display:none}
/* toggle de tema */
.uc-theme span{display:inline-flex;align-items:center;justify-content:center}
.uc-theme .i-sun{display:none}
html[data-theme="dark"] .uc-theme .i-sun{display:inline-flex}
html[data-theme="dark"] .uc-theme .i-moon{display:none}
.uc-icobtn{position:relative;display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;
  border-radius:50%;background:var(--surface-2);border:1px solid var(--line);cursor:pointer;color:var(--text)}
.uc-icobtn svg{width:20px;height:20px}

/* ----------------------- Tab bar inferior (mobile) ------------------------ */
.uc-tabbar{position:fixed;left:0;right:0;bottom:0;z-index:950;display:none;
  background:var(--header-bg);backdrop-filter:saturate(160%) blur(14px);border-top:1px solid var(--line);
  padding:6px max(10px,env(safe-area-inset-left)) calc(6px + env(safe-area-inset-bottom));}
.uc-tabbar__in{display:flex;justify-content:space-around;align-items:stretch}
.uc-tabbar a,.uc-tabbar button{flex:1;background:none;border:0;cursor:pointer;display:flex;flex-direction:column;
  align-items:center;gap:3px;padding:7px 2px;color:var(--text-muted);font-size:.66rem;font-weight:600;position:relative}
.uc-tabbar svg{width:23px;height:23px;stroke:currentColor;fill:none}
.uc-tabbar .is-active{color:var(--accent)}
.uc-tabbar__count{position:absolute;top:2px;right:calc(50% - 20px);min-width:16px;height:16px;background:var(--accent);
  color:#fff;border-radius:999px;font-size:.6rem;font-weight:700;display:flex;align-items:center;justify-content:center;padding:0 4px}

/* ----------------------- Hero --------------------------------------------- */
.uc-hero{position:relative;overflow:hidden;padding:64px 0 72px}
.uc-hero__grid{position:relative;z-index:2;display:grid;grid-template-columns:1.05fr .95fr;gap:46px;align-items:center}
.uc-hero h1{margin-bottom:18px}
.uc-hero__lead{font-size:1.12rem;color:var(--text-muted);max-width:520px}
.uc-hero__cta{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px;align-items:center}
.uc-hero__tags{margin:24px 0}
.uc-hero__media{position:relative}
.uc-hero__media .uc-ph{min-height:360px}
/* card de stats sobreposto */
.uc-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:0;background:var(--ink);border-radius:var(--radius);
  overflow:hidden;margin-top:18px}
.uc-stats__item{padding:22px;color:var(--on-ink);border-right:1px solid rgba(255,255,255,.1)}
.uc-stats__item:last-child{border-right:0}
.uc-stats__item strong{display:block;font-family:var(--head);font-size:1.7rem;color:#fff}
.uc-stats__item span{color:var(--on-ink-muted);font-size:.85rem}

/* ----------------------- Faixa de marcas ---------------------------------- */
.uc-trust{background:var(--surface);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.uc-trust__row{display:flex;flex-wrap:wrap;gap:26px 46px;align-items:center;justify-content:center;padding:22px 0;
  color:var(--text-muted);font-weight:700;font-family:var(--head)}
.uc-trust__row span{opacity:.7}

/* ----------------------- Cards genéricos ---------------------------------- */
.uc-grid{display:grid;gap:24px}
.uc-grid--2{grid-template-columns:repeat(2,1fr)}
.uc-grid--3{grid-template-columns:repeat(3,1fr)}
.uc-grid--4{grid-template-columns:repeat(4,1fr)}
.uc-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:28px;
  box-shadow:var(--shadow);transition:.2s}
.uc-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:transparent}
.uc-card__ico{width:54px;height:54px;border-radius:14px;display:flex;align-items:center;justify-content:center;
  background:var(--primary);margin-bottom:16px}
.uc-card__ico.is-accent{background:var(--accent)}
.uc-card__ico svg{width:26px;height:26px;stroke:#fff;fill:none}
.uc-card h3{margin-bottom:8px}
.uc-card p{color:var(--text-muted);margin:0}
.uc-card__link{display:inline-flex;align-items:center;gap:6px;margin-top:16px;font-weight:700;color:var(--accent)}
.uc-card__link svg{width:16px;height:16px;stroke:currentColor;fill:none}

/* feature list (sobre fundo navy) */
.uc-feature{display:flex;gap:14px;align-items:flex-start}
.uc-feature .ic{width:44px;height:44px;border-radius:12px;background:rgba(255,255,255,.08);display:flex;
  align-items:center;justify-content:center;flex:0 0 auto}
.uc-feature .ic svg{width:22px;height:22px;stroke:#fff;fill:none}
.uc-feature h4{color:#fff;margin:2px 0 4px;font-size:1.02rem}
.uc-feature p{color:var(--on-ink-muted);font-size:.9rem;margin:0}

/* seção navy sólida */
.uc-dark{background:var(--ink);color:var(--on-ink);border-radius:var(--radius-lg);position:relative;overflow:hidden}
.uc-dark h2,.uc-dark h3,.uc-dark h4{color:#fff}
.uc-dark p{color:var(--on-ink-muted)}
.uc-dark--full{border-radius:0}

/* passos "como funciona" */
.uc-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.uc-step{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:26px;position:relative;box-shadow:var(--shadow)}
.uc-step__n{font-family:var(--head);font-weight:800;font-size:.8rem;color:var(--accent);letter-spacing:.1em;text-transform:uppercase}
.uc-step h3{margin:10px 0 8px}
.uc-step p{color:var(--text-muted);margin:0}
.uc-step__ico{position:absolute;top:24px;right:24px;width:44px;height:44px;border-radius:12px;background:var(--primary);display:flex;align-items:center;justify-content:center}
.uc-step__ico svg{width:22px;height:22px;stroke:#fff;fill:none}

/* CTA band */
.uc-ctaband{background:var(--ink);color:#fff;border-radius:var(--radius-lg);padding:52px;text-align:center;position:relative;overflow:hidden}
.uc-ctaband h2{color:#fff}
.uc-ctaband p{color:var(--on-ink-muted);max-width:560px;margin:0 auto 24px}
.uc-ctaband .uc-hero__cta{justify-content:center}

/* time */
.uc-member{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);transition:.2s}
.uc-member:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}
.uc-member .uc-ph{min-height:240px;border:0;border-radius:0}
.uc-member__b{padding:18px}
.uc-member__b h4{margin:0 0 2px}
.uc-member__b span{color:var(--accent);font-size:.86rem;font-weight:600}

/* depoimentos */
.uc-quote{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:26px;box-shadow:var(--shadow)}
.uc-quote__stars{color:#ffb400;letter-spacing:2px;margin-bottom:10px}
.uc-quote p{color:var(--text-2)}
.uc-quote__who{display:flex;align-items:center;gap:12px;margin-top:16px}
.uc-quote__who .av{width:46px;height:46px;border-radius:50%;background:var(--surface-3);overflow:hidden;flex:0 0 auto}
.uc-quote__who b{display:block}
.uc-quote__who small{color:var(--text-muted)}

/* blog */
.uc-post{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);transition:.2s;display:flex;flex-direction:column}
.uc-post:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}
.uc-post .uc-ph{min-height:180px;border:0;border-radius:0}
.uc-post__b{padding:18px;display:flex;flex-direction:column;flex:1}
.uc-post__tag{font-size:.74rem;font-weight:700;color:var(--accent);text-transform:uppercase;letter-spacing:.05em}
.uc-post__b h3{font-size:1.08rem;margin:8px 0 0}
.uc-post__b .uc-card__link{margin-top:auto;padding-top:14px}

/* FAQ */
.uc-faq{max-width:780px;margin:0 auto}
.uc-acc{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);margin-bottom:12px;overflow:hidden}
.uc-acc__q{width:100%;text-align:left;background:none;border:0;cursor:pointer;padding:18px 20px;font-weight:600;
  font-family:var(--head);font-size:1rem;color:var(--text);display:flex;align-items:center;gap:12px}
.uc-acc__q::after{content:"+";margin-left:auto;font-size:1.4rem;color:var(--accent);transition:.2s}
.uc-acc.is-open .uc-acc__q::after{content:"\2212"}
.uc-acc__a{max-height:0;overflow:hidden;transition:max-height .3s ease;color:var(--text-muted)}
.uc-acc.is-open .uc-acc__a{max-height:300px}
.uc-acc__a p{padding:0 20px 18px;margin:0}

/* newsletter */
.uc-news{display:flex;gap:12px;max-width:520px;margin:18px auto 0}
.uc-news input{flex:1;border:1.5px solid var(--line);border-radius:var(--radius-pill);padding:14px 20px;font-size:.96rem;background:var(--field-bg);color:var(--text);font-family:inherit}
.uc-news input:focus{outline:none;border-color:var(--primary)}

/* ----------------------- Catálogo / Produtos ----------------------------- */
.uc-catalog{display:grid;grid-template-columns:260px 1fr;gap:30px;align-items:start}
.uc-filters{position:sticky;top:96px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:20px}
.uc-filters h4{font-family:var(--head);font-size:.95rem;margin-bottom:14px;color:var(--text)}
.uc-filter-chip{display:block;width:100%;text-align:left;background:transparent;border:0;cursor:pointer;padding:10px 12px;
  border-radius:10px;color:var(--text-2);font-weight:600;font-size:.94rem}
.uc-filter-chip:hover{background:var(--surface-2)}
.uc-filter-chip.is-active{background:var(--primary);color:#fff}
.uc-filter-chip .n{float:right;opacity:.7}
.uc-search{display:flex;gap:10px;margin-bottom:22px}
.uc-search input{flex:1;border:1.5px solid var(--line);border-radius:var(--radius-sm);padding:13px 16px;font-size:.96rem;font-family:inherit;background:var(--field-bg);color:var(--text)}
.uc-search input:focus{outline:none;border-color:var(--primary)}

.uc-products{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.uc-prod{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--shadow);transition:.2s}
.uc-prod:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}
.uc-prod__media{position:relative;aspect-ratio:4/3;background:var(--surface-2);overflow:hidden}
.uc-prod__media img{width:100%;height:100%;object-fit:cover}
.uc-prod__media .ph{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--text-muted)}
.uc-prod__media .ph svg{width:50px;height:50px;stroke:currentColor;fill:none;opacity:.6}
.uc-prod__tag{position:absolute;top:12px;left:12px}
.uc-prod__body{padding:16px;display:flex;flex-direction:column;flex:1}
.uc-prod__cat{font-size:.72rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;opacity:.85}
.uc-prod__name{font-family:var(--head);font-weight:500;font-size:1.02rem;line-height:1.3;margin:6px 0 4px;color:var(--text);
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.6em}
.uc-prod__name a{color:inherit}
.uc-prod__desc{font-size:.88rem;color:var(--text-muted);margin:0 0 14px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.uc-prod__price{font-family:var(--head);font-weight:800;font-size:1.26rem;color:var(--text);margin-top:auto}
.uc-prod__price small{font-size:.78rem;font-weight:600;color:var(--text-muted)}
.uc-prod__buy{display:flex;gap:10px;margin-top:14px}
.uc-stepper{display:inline-flex;align-items:center;gap:6px}
.uc-stepper button{flex:0 0 34px;width:34px;height:34px;padding:0;border:1.5px solid var(--line);border-radius:50%;background:var(--surface-2);cursor:pointer;
  font-size:1.1rem;line-height:1;color:var(--primary);font-weight:700;display:inline-flex;align-items:center;justify-content:center}
.uc-stepper button:hover{background:var(--surface-3);border-color:var(--primary)}
.uc-stepper input{width:40px;border:0;text-align:center;font-weight:700;font-family:var(--head);font-size:.95rem;background:transparent;color:var(--text)}
.uc-stepper input:focus{outline:none}
.uc-prod__buy .uc-btn{flex:1}
.uc-empty{grid-column:1/-1;text-align:center;padding:60px 20px;color:var(--text-muted)}
.uc-skel{background:var(--surface-2);border-radius:var(--radius);height:330px;position:relative;overflow:hidden}
.uc-skel::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(125,140,180,.12),transparent);animation:ucsk 1.3s infinite}
@keyframes ucsk{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}

/* PDP */
.uc-pdp{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:start}
.uc-pdp__media{aspect-ratio:1/1;background:var(--surface-2);border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--line)}
.uc-pdp__media img{width:100%;height:100%;object-fit:cover}
.uc-pdp__price{font-family:var(--head);font-weight:800;font-size:2.1rem;color:var(--text);margin:8px 0 18px}
.uc-pdp__sku{display:inline-block;font-size:.82rem;letter-spacing:.03em;color:var(--text-muted);background:var(--surface-2);border:1px solid var(--line);padding:3px 10px;border-radius:999px;margin-bottom:4px}
.uc-pdp__buy{display:flex;gap:14px;align-items:center;margin:24px 0}
.uc-pdp__meta{border-top:1px solid var(--line);margin-top:24px;padding-top:22px;color:var(--text-muted);font-size:.95rem}
.uc-pdp__tech{margin-top:26px}
.uc-pdp__tech h2{font-family:var(--head);font-size:1.15rem;color:var(--text);margin:0 0 12px}
.uc-pdp__tech ul{list-style:none;margin:0;padding:0;border:1px solid var(--line);border-radius:14px;overflow:hidden}
.uc-pdp__tech li{display:flex;gap:14px;padding:11px 16px;font-size:.92rem}
.uc-pdp__tech li:nth-child(odd){background:var(--surface-2)}
.uc-pdp__tech li .k{flex:0 0 42%;color:var(--text-muted);font-weight:600}
.uc-pdp__tech li .v{flex:1;color:var(--text)}

/* ----------------------- Drawer carrinho ---------------------------------- */
.uc-drawer-ov{position:fixed;inset:0;background:rgba(8,10,24,.55);opacity:0;visibility:hidden;transition:.25s;z-index:1200}
.uc-drawer-ov.is-open{opacity:1;visibility:visible}
.uc-drawer{position:fixed;top:0;right:0;height:100%;width:420px;max-width:92vw;background:var(--surface);transform:translateX(100%);
  transition:transform .28s cubic-bezier(.4,0,.2,1);z-index:1201;display:flex;flex-direction:column;box-shadow:-20px 0 60px rgba(8,10,24,.3)}
.uc-drawer.is-open{transform:none}
.uc-drawer__head{display:flex;align-items:center;justify-content:space-between;padding:20px 22px;border-bottom:1px solid var(--line)}
.uc-drawer__head h3{margin:0;font-size:1.12rem}
.uc-drawer__close{width:38px;height:38px;border-radius:10px;border:1px solid var(--line);background:var(--surface);cursor:pointer;font-size:1.2rem;color:var(--text)}
.uc-drawer__body{flex:1;overflow:auto;padding:12px 22px}
.uc-citem{display:flex;gap:14px;padding:14px 0;border-bottom:1px solid var(--line)}
.uc-citem__img{width:62px;height:62px;border-radius:12px;background:var(--surface-2);object-fit:cover;flex:0 0 auto}
.uc-citem__info{flex:1;min-width:0}
.uc-citem__name{font-weight:700;font-size:.94rem;margin:0 0 4px;color:var(--text)}
.uc-citem__price{color:var(--text-muted);font-size:.84rem}
.uc-citem__rm{background:none;border:0;color:var(--accent);cursor:pointer;font-size:.82rem;font-weight:600;padding:0;margin-top:6px}
.uc-citem .uc-stepper{margin-top:8px;transform:scale(.92);transform-origin:left}
.uc-drawer__foot{padding:20px 22px;border-top:1px solid var(--line);background:var(--surface-2)}
.uc-drawer__total{display:flex;justify-content:space-between;font-family:var(--head);font-weight:800;font-size:1.18rem;margin-bottom:14px;color:var(--text)}
.uc-drawer__empty{text-align:center;color:var(--text-muted);padding:50px 16px}

/* ----------------------- Formulários -------------------------------------- */
.uc-form{display:grid;gap:16px}
.uc-field{display:flex;flex-direction:column;gap:6px}
.uc-field label{font-weight:600;font-size:.88rem;color:var(--text-2)}
.uc-field input,.uc-field select,.uc-field textarea{border:1.5px solid var(--line);border-radius:var(--radius-sm);
  padding:13px 15px;font-size:.96rem;font-family:inherit;background:var(--field-bg);color:var(--text)}
.uc-field input:focus,.uc-field select:focus,.uc-field textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--glow-navy)}
.uc-field--row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.uc-radio-row{display:flex;gap:10px}
.uc-radio{flex:1;border:1.5px solid var(--line);border-radius:var(--radius-sm);padding:12px;text-align:center;cursor:pointer;font-weight:600;color:var(--text-2);background:var(--field-bg)}
.uc-radio input{display:none}
.uc-radio.is-on{border-color:var(--primary);background:var(--glow-navy);color:var(--text)}
.uc-note{font-size:.84rem;color:var(--text-muted)}
.uc-alert{padding:12px 16px;border-radius:var(--radius-sm);font-size:.92rem;font-weight:600}
.uc-alert--err{background:rgba(237,28,36,.12);color:#e0353c}
.uc-alert--ok{background:rgba(34,160,90,.14);color:#2bbd6e}

/* BTU */
.uc-btu{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);padding:32px;box-shadow:var(--shadow)}
.uc-btu__result{margin-top:24px;background:var(--ink);color:#fff;border-radius:var(--radius);padding:28px;text-align:center;display:none}
.uc-btu__result.is-on{display:block}
.uc-btu__result strong{font-family:var(--head);font-size:2.4rem;display:block;color:#fff}

/* ====================== COMPONENTES E-COMMERCE ====================== */
/* Hero promo (banner grande + promos laterais) */
.uc-ec-hero{display:grid;grid-template-columns:2fr 1fr;gap:18px;padding:26px 0}
.uc-hbanner{position:relative;overflow:hidden;border-radius:var(--radius-lg);background:var(--ink);color:#fff;padding:48px;min-height:340px;display:flex;flex-direction:column;justify-content:center}
.uc-hbanner .uc-glow{filter:blur(80px)}
.uc-hbanner__c{position:relative;z-index:2;max-width:60%}
.uc-hbanner span.tag{display:inline-block;background:var(--accent);color:#fff;font-weight:700;font-family:var(--head);font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;padding:6px 12px;border-radius:var(--radius-pill);margin-bottom:14px}
.uc-hbanner h1{color:#fff;font-size:clamp(1.8rem,3.2vw,2.7rem);margin-bottom:12px}
.uc-hbanner p{color:rgba(255,255,255,.78);max-width:380px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.uc-hbanner__price{display:flex;align-items:baseline;gap:10px;margin:8px 0 18px}
.uc-hbanner__price b{font-family:var(--head);font-size:1.9rem;color:#fff}
.uc-hbanner__price b small{font-size:1rem;color:rgba(255,255,255,.6);font-weight:600}
.uc-hbanner__price s{color:rgba(255,255,255,.5)}
.uc-hbanner__media{position:absolute;top:0;bottom:0;right:30px;width:38%;display:flex;align-items:center;justify-content:center;z-index:1;pointer-events:none}
.uc-hbanner__media img{max-width:100%;max-height:78%;object-fit:contain;border-radius:14px;filter:drop-shadow(0 24px 48px rgba(0,0,0,.45))}
.uc-hbanner__c,.uc-hbanner__media{transition:opacity .35s ease}
.uc-hbanner.is-fade .uc-hbanner__c,.uc-hbanner.is-fade .uc-hbanner__media{opacity:0}
/* Hero full-width com carrossel 3D (coverflow) */
.uc-herofull{position:relative;overflow:hidden;background:linear-gradient(125deg,var(--navy-600) 0%,var(--navy-700) 52%,#1b1d52 100%);color:#fff}
/* símbolo Ultraclima grande e desfocado no canto direito */
.uc-hero-symbol{position:absolute;top:50%;left:-130px;right:auto;transform:translateY(-50%);
  width:min(720px,62%);height:auto;filter:brightness(0) blur(7px);opacity:.1;z-index:1;pointer-events:none;user-select:none}
/* glows blur grandes nos CANTOS DA HERO: vermelho (superior-direito) e azul-escuro (inferior-esquerdo) */
.uc-herofull::before,.uc-herofull::after{content:"";position:absolute;z-index:4;pointer-events:none;
  width:min(560px,56%);aspect-ratio:1;border-radius:50%;filter:blur(52px)}
.uc-herofull::before{top:-230px;right:-200px;background:radial-gradient(circle, rgba(237,28,36,.6), transparent 64%)}
.uc-herofull::after{bottom:-230px;left:-200px;background:radial-gradient(circle, rgba(11,13,48,.9), transparent 64%)}
/* blurs grandes de efeito na cor navy da logo */
.uc-hglow{background:rgba(58,63,176,.55)}
.uc-herofull__in{position:relative;z-index:2;display:grid;grid-template-columns:1.05fr 1fr;gap:40px;align-items:center;min-height:390px;padding:40px 0 52px}
.uc-herofull__text{position:relative;z-index:3;max-width:540px}
.uc-herofull .tag{display:inline-block;background:var(--accent);color:#fff;font-weight:700;font-family:var(--head);font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;padding:6px 12px;border-radius:var(--radius-pill);margin-bottom:14px}
.uc-herofull h1{color:#fff;font-weight:400;font-size:clamp(1.7rem,3vw,2.45rem);line-height:1.08;margin-bottom:10px;font-family:var(--head);
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.uc-herofull h1 .t-bold{font-weight:800;color:#fff}
.uc-herofull h1 .t-accent{font-weight:800;color:var(--red-500)}
.uc-herofull p{color:rgba(255,255,255,.8);max-width:440px;margin-bottom:14px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.uc-herofull__price{font-family:var(--head);font-weight:800;font-size:1.85rem;margin:6px 0 16px;color:#fff;line-height:1}
.uc-herofull__price small{font-size:.95rem;color:rgba(255,255,255,.6);font-weight:600}
.uc-herofull .uc-btn--accent{padding:13px 28px;font-size:1rem}
/* setas laterais */
.uc-hero-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:4;display:none;align-items:center;justify-content:center;
  width:48px;height:48px;border-radius:50%;border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.1);color:#fff;cursor:pointer;
  -webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:background .2s,transform .2s}
.uc-hero-arrow:hover{background:rgba(255,255,255,.22)}
.uc-hero-arrow:active{transform:translateY(-50%) scale(.94)}
.uc-hero-arrow svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.uc-hero-arrow--prev{left:16px}
.uc-hero-arrow--next{right:16px}
.uc-herofull.is-ready .uc-hero-arrow{display:flex}
/* navegação (dots) centralizada embaixo */
.uc-herofull__dots{position:absolute;left:0;right:0;bottom:22px;z-index:3;display:flex;gap:8px;justify-content:center}
.uc-herofull__dot{width:9px;height:9px;border-radius:50%;border:0;background:rgba(255,255,255,.32);cursor:pointer;padding:0;transition:.25s}
.uc-herofull__dot.is-on{background:#fff;width:26px;border-radius:5px}
/* bolinhas verticais à DIREITA da imagem (vermelho-escuro; branca na ativa) */
.uc-herofull__dots.uc-dots--side{right:8px;left:auto;top:50%;bottom:auto;transform:translateY(-50%);z-index:60;flex-direction:column;gap:11px}
.uc-dots--side .uc-herofull__dot{width:12px;height:12px;border-radius:50%;background:rgba(255,255,255,.28);box-shadow:none}
.uc-dots--side .uc-herofull__dot.is-on{width:12px;height:28px;border-radius:6px;background:#fff;box-shadow:0 2px 9px rgba(0,0,0,.4)}
.uc-coverflow{position:relative;height:370px;perspective:1500px}
.uc-cf__item{position:absolute;inset:0;margin:auto;width:330px;height:330px;display:flex;align-items:center;justify-content:center;cursor:pointer;
  transition:transform .6s cubic-bezier(.22,.61,.36,1),opacity .6s,filter .6s;will-change:transform,opacity,filter}
.uc-cf__card{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:28px;overflow:hidden;box-shadow:0 28px 60px rgba(0,0,0,.55)}
.uc-cf__item.is-active .uc-cf__card{box-shadow:0 34px 72px rgba(0,0,0,.65),0 0 0 1px rgba(255,255,255,.08)}
.uc-cf__card img{width:100%;height:100%;object-fit:contain;padding:20px}
/* inner-shadow escuro sobre a imagem (todos os cards) */
.uc-cf__shade{position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:1;
  box-shadow:inset 0 0 30px 5px rgba(0,0,0,.5), inset 0 0 74px 16px rgba(0,0,0,.28)}
/* cards de trás (não ativos): tom vermelho sobre a imagem */
.uc-cf__item:not(.is-active) .uc-cf__shade{background:rgba(193,20,28,.82)}
/* símbolo (floco) da logo, gigante, ATRÁS do carrossel — gira no sentido do carrossel */
.uc-cf-fx{position:absolute;top:50%;left:50%;z-index:0;pointer-events:none;
  width:min(850px,80vw);max-width:none;height:auto;
  transform:translate(-50%,-50%) rotate(0deg);transform-origin:center;
  transition:transform 1.2s cubic-bezier(.34,.08,.18,1)}
/* borda interna animada (motion) — elemento por cima da imagem, só no card ativo */
@property --uc-ang{syntax:'<angle>';inherits:false;initial-value:0deg}
.uc-cf__ring{position:absolute;inset:0;border-radius:inherit;padding:2.5px;z-index:4;pointer-events:none;opacity:0;
  background:conic-gradient(from var(--uc-ang,0deg), transparent 0 7%, #ED1C24 15%, transparent 30% 52%, #4750d8 62%, transparent 78%);
  -webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);-webkit-mask-composite:xor;
  mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);mask-composite:exclude}
.uc-cf__item.is-active .uc-cf__ring{opacity:1;animation:uc-borderspin 3.2s linear infinite}
@keyframes uc-borderspin{to{--uc-ang:360deg}}
/* badge vermelho com reflexo de vidro — só no card ativo (canto superior-direito) */
.uc-cf__badge{position:absolute;top:16px;right:16px;z-index:6;display:none;align-items:center;
  font-family:var(--head);font-weight:800;font-size:.82rem;letter-spacing:.06em;text-transform:uppercase;color:#fff;
  padding:9px 16px;border-radius:11px;overflow:hidden;background:linear-gradient(135deg,#ff3b43,#c1141c);
  box-shadow:0 8px 20px rgba(193,20,28,.5),inset 0 1px 0 rgba(255,255,255,.45)}
.uc-cf__item.is-active .uc-cf__badge{display:inline-flex;animation:uc-badgepop .5s ease both}
.uc-cf__badge::before{content:"";position:absolute;top:-20%;left:-70%;width:55%;height:140%;
  background:linear-gradient(100deg,transparent,rgba(255,255,255,.65),transparent);transform:skewX(-22deg);
  animation:uc-badgeshine 3s ease-in-out infinite}
.uc-cf__badge::after{content:"";position:absolute;inset:0 0 52% 0;background:linear-gradient(rgba(255,255,255,.3),transparent);pointer-events:none}
@keyframes uc-badgeshine{0%,55%{left:-70%}90%,100%{left:150%}}
@keyframes uc-badgepop{0%{transform:scale(.6);opacity:0}100%{transform:scale(1);opacity:1}}
.uc-cf__ph{width:100%;height:100%;background:rgba(255,255,255,.1)}

.uc-promos{display:flex;flex-direction:column;gap:18px}
.uc-promos--row{flex-direction:row}
.uc-promo{position:relative;overflow:hidden;border-radius:var(--radius);background:var(--surface);border:1px solid var(--line);padding:24px;flex:1;display:flex;flex-direction:column;justify-content:center;min-height:160px}
.uc-promo h3{font-size:1.1rem;margin-bottom:6px}
.uc-promo p{color:var(--text-muted);font-size:.88rem;margin:0 0 12px}
.uc-promo .uc-ph{position:absolute;right:-20px;bottom:-20px;width:120px;min-height:120px;border:0;background:transparent;opacity:.4}
/* cards promo com degradê (claro→escuro) + ícone Material de fundo */
.uc-promo--blue{background:linear-gradient(135deg,#3b41cc 0%,#23266f 58%,#15184a 100%);border-color:transparent;color:#fff;min-height:170px}
.uc-promo--red{background:linear-gradient(135deg,#ff3b43 0%,#c1141c 58%,#7e1117 100%);border-color:transparent;color:#fff;min-height:170px}
.uc-promo--blue h3,.uc-promo--red h3{color:#fff}
.uc-promo--blue p,.uc-promo--red p{color:rgba(255,255,255,.85)}
.uc-promo--blue .uc-card__link,.uc-promo--red .uc-card__link{color:#fff}
.uc-promo--blue>:not(.uc-promo__bg),.uc-promo--red>:not(.uc-promo__bg){position:relative;z-index:1}
.uc-promo__bg{position:absolute;right:-24px;bottom:-36px;font-size:178px;line-height:1;color:rgba(255,255,255,.13);pointer-events:none;z-index:0}
.uc-card__link .gic{font-size:18px}

/* Faixa de confiança (cards) */
.uc-trust3{display:grid;grid-template-columns:repeat(auto-fit,minmax(195px,1fr));gap:14px;padding:8px 0 0}
.uc-trust3__i{display:flex;align-items:center;gap:13px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:15px 16px;transition:transform .2s,box-shadow .2s}
.uc-trust3__i:hover{transform:translateY(-3px);box-shadow:var(--shadow)}
.uc-trust3__i .ic{width:46px;height:46px;border-radius:12px;background:var(--glow-navy);display:flex;align-items:center;justify-content:center;color:var(--primary);flex:0 0 auto}
.uc-trust3__i .ic .gic{font-size:24px}
.uc-trust3__i b{display:block;font-family:var(--head);font-size:.92rem}
.uc-trust3__i small{color:var(--text-muted);font-size:.78rem}

/* Cabeçalho de seção com link */
.uc-rowhead{display:flex;align-items:center;flex-wrap:wrap;gap:10px 14px;margin-bottom:22px}
.uc-rowhead h2{margin:0;font-size:1.5rem}
.uc-rowhead .more{margin-left:auto;font-weight:700;color:var(--accent);font-size:.9rem;display:inline-flex;align-items:center;gap:6px}
.uc-rowhead .more svg{width:16px;height:16px}

/* Contador (deals) */
.uc-countdown{display:flex;gap:8px;align-items:center;flex-shrink:0;white-space:nowrap}
.uc-countdown .box{background:var(--ink);color:#fff;border-radius:10px;padding:7px 12px;font-family:var(--head);display:inline-flex;align-items:baseline;gap:6px}
.uc-countdown .box b{font-size:1.05rem;line-height:1}
.uc-countdown .box span{font-size:.62rem;color:var(--on-ink-muted);text-transform:uppercase;letter-spacing:.04em}
.uc-countdown .sep{font-weight:800;color:var(--text-muted)}

/* Cupom banner */
.uc-coupon{display:flex;align-items:center;gap:18px;flex-wrap:wrap;background:var(--surface);border:1.5px dashed var(--accent);border-radius:var(--radius);padding:20px 26px}
.uc-coupon__off{font-family:var(--head);font-weight:800;font-size:1.8rem;color:var(--accent)}
.uc-coupon__code{margin-left:auto;background:var(--ink);color:#fff;font-family:var(--head);font-weight:700;letter-spacing:.06em;padding:10px 18px;border-radius:10px}

/* Vitrine de categorias (cards redondos) */
.uc-catshow{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}
.uc-catcard{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:20px 12px;text-align:center;transition:.2s;cursor:pointer}
.uc-catcard:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:transparent}
.uc-catcard .ic{width:64px;height:64px;border-radius:50%;background:var(--surface-2);display:flex;align-items:center;justify-content:center;margin:0 auto 12px;color:var(--primary)}
.uc-catcard .ic svg{width:30px;height:30px}
.uc-catcard b{display:block;font-size:.9rem;font-family:var(--head)}
.uc-catcard small{color:var(--text-muted);font-size:.78rem}

/* Banners promocionais */
.uc-pbanners{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.uc-pbanner{position:relative;overflow:hidden;border-radius:var(--radius);padding:26px;min-height:150px;display:flex;flex-direction:column;justify-content:center;color:#fff}
.uc-pbanner.navy{background:var(--ink)}
.uc-pbanner.red{background:var(--accent)}
.uc-pbanner.soft{background:var(--surface);border:1px solid var(--line);color:var(--text)}
.uc-pbanner h3{color:inherit;font-size:1.15rem;margin-bottom:6px}
.uc-pbanner p{color:inherit;opacity:.85;font-size:.86rem;margin:0 0 12px}
.uc-pbanner.soft p{color:var(--text-muted)}

/* extras no card de produto */
.uc-prod__wish{position:absolute;top:12px;right:12px;width:36px;height:36px;border-radius:50%;background:var(--surface);
  border:1px solid var(--line);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-muted);z-index:2}
.uc-prod__wish:hover,.uc-prod__wish.is-on{color:var(--accent)}
.uc-prod__wish svg{width:18px;height:18px}
.uc-prod__wish.is-on svg{fill:currentColor}
.uc-prod__rating{display:flex;align-items:center;gap:6px;margin:2px 0 2px;font-size:.8rem}
.uc-prod__rating .st{color:#ffb400;letter-spacing:1px}
.uc-prod__rating span{color:var(--text-muted)}
.uc-prod__stock{display:inline-flex;align-items:center;gap:6px;font-size:.78rem;font-weight:600;color:#1f9d5c;margin-top:8px}
.uc-prod__stock::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}
.uc-prod__stock.off{color:var(--text-muted)}
.uc-prod__old{text-decoration:line-through;color:var(--text-muted);font-size:.85rem;font-weight:600;margin-right:7px}

/* Pagamentos / app badges (footer) */
.uc-pay{display:flex;gap:8px;flex-wrap:wrap}
.uc-pay span{background:rgba(255,255,255,.12);border-radius:6px;padding:5px 9px;font-size:.7rem;font-weight:700;color:#fff;font-family:var(--head)}
.uc-appbadges{display:flex;gap:10px;flex-wrap:wrap;margin-top:6px}
.uc-appbadge{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.16);border-radius:10px;padding:8px 14px;color:#fff}
.uc-appbadge svg{width:20px;height:20px}
.uc-appbadge small{display:block;font-size:.62rem;opacity:.7;line-height:1}
.uc-appbadge b{display:block;font-size:.82rem;font-family:var(--head);line-height:1.1}

/* ----------------------- Footer ------------------------------------------- */
.uc-footer{background:var(--ink);color:var(--on-ink-muted);padding:64px 0 30px;margin-top:0}
.uc-footer__grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.2fr;gap:34px}
.uc-footer h4{color:#fff;font-size:1rem;margin-bottom:16px}
.uc-footer a{color:var(--on-ink-muted);display:block;padding:5px 0}
.uc-footer a:hover{color:#fff}
.uc-footer p{color:var(--on-ink-muted)}
.uc-footer__logo img{height:40px;margin-bottom:16px}
.uc-footer__bottom{border-top:1px solid rgba(255,255,255,.12);margin-top:40px;padding-top:22px;display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;font-size:.85rem;color:rgba(255,255,255,.5)}
.uc-footer__social{display:flex;gap:10px}
.uc-footer__social a{width:40px;height:40px;border-radius:10px;background:rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center}
.uc-footer__social svg{width:20px;height:20px;stroke:#fff;fill:none}

/* ----------------------- Toast -------------------------------------------- */
.uc-toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%) translateY(20px);opacity:0;background:var(--ink);
  color:#fff;padding:14px 22px;border-radius:14px;font-weight:600;z-index:1400;transition:.25s;box-shadow:var(--shadow-lg);pointer-events:none}
.uc-toast.is-on{opacity:1;transform:translateX(-50%) translateY(0)}

/* ---------- Guard: falha de conexão com o banco ---------- */
.uc-dbguard{position:fixed;inset:0;z-index:2000;background:var(--bg);display:flex;align-items:center;justify-content:center;padding:24px}
.uc-dbguard__card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);max-width:440px;width:100%;text-align:center;padding:42px 30px}
.uc-dbguard__ico{width:66px;height:66px;border-radius:50%;background:rgba(237,28,36,.12);color:var(--accent);display:flex;align-items:center;justify-content:center;margin:0 auto 18px}
.uc-dbguard__ico svg{width:32px;height:32px;stroke:currentColor;fill:none}
.uc-dbguard h2{font-size:1.35rem;margin-bottom:8px}
.uc-dbguard p{color:var(--text-muted);margin-bottom:22px}

/* Carrossel de marcas (marquee contínuo) */
.uc-brands{overflow:hidden;padding:6px 0;
  -webkit-mask:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);
  mask:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}
.uc-brands__track{display:flex;align-items:center;width:max-content;animation:uc-marquee 55s linear infinite}
.uc-brands:hover .uc-brands__track{animation-play-state:paused}
.uc-brand{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:150px;height:74px;margin-right:22px;
  background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px 20px}
.uc-brand img{max-width:100%;max-height:100%;width:auto;object-fit:contain;filter:grayscale(1);opacity:.68;transition:filter .25s,opacity .25s}
.uc-brand:hover img{filter:none;opacity:1}
@keyframes uc-marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.uc-brands__track{animation:none;flex-wrap:wrap;justify-content:center}}
/* faixa compacta de marcas (logo após a hero) — logos pequenas, fundo claro fixo */
.uc-brands--strip{padding:13px 0;background:#f5f7fb;border-bottom:1px solid var(--line)}
.uc-brands--strip .uc-brand{width:auto;height:50px;margin-right:50px;padding:0;background:transparent;border:0;border-radius:0}
.uc-brands--strip .uc-brand img{max-height:28px;max-width:150px;width:auto;object-fit:contain;opacity:.6}
.uc-brands--strip .uc-brand:hover img{opacity:1}

/* ----------------------- Responsivo --------------------------------------- */
@media(max-width:1200px){
  .uc-products{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:980px){
  .uc-hero__grid{grid-template-columns:1fr;gap:30px}
  .uc-grid--3,.uc-grid--4,.uc-steps{grid-template-columns:repeat(2,1fr)}
  .uc-products{grid-template-columns:repeat(2,1fr)}
  .uc-herofull__in{grid-template-columns:1fr;gap:18px;min-height:0;padding:38px 0;text-align:center}
  .uc-herofull__text{max-width:none;margin:0 auto}
  .uc-herofull p{margin-left:auto;margin-right:auto}
  .uc-herofull__in{padding:38px 0 46px}
  .uc-herofull__dots{position:static;justify-content:center;padding-bottom:26px;margin-top:2px}
  .uc-herofull.is-ready .uc-hero-arrow{display:none}
  .uc-coverflow{height:440px;order:-1}
  .uc-catalog{grid-template-columns:1fr}
  .uc-filters{position:static}
  .uc-pdp{grid-template-columns:1fr}
  .uc-footer__grid{grid-template-columns:1fr 1fr}
  .uc-ec-hero{grid-template-columns:1fr}
  .uc-promos{flex-direction:row}
  .uc-catshow{grid-template-columns:repeat(4,1fr)}
  .uc-pbanners{grid-template-columns:1fr}
  .uc-hbanner__c{max-width:100%}
}
@media(max-width:820px){
  .uc-nav__links{position:fixed;inset:auto 0 var(--tabbar-h) 0;background:var(--surface);flex-direction:column;align-items:flex-start;
    gap:0;padding:8px 22px 18px;border-top:1px solid var(--line);box-shadow:var(--shadow-lg);display:none;z-index:940;max-height:60vh;overflow:auto}
  .uc-nav__links.is-open{display:flex}
  .uc-nav__links a{width:100%;padding:14px 0;border-bottom:1px solid var(--line-2);color:var(--text)}
  .uc-burger{display:none}
  .uc-tabbar{display:block}
  body{padding-bottom:var(--tabbar-h)}
  .uc-footer{margin-bottom:var(--tabbar-h)}
  .uc-drawer{padding-bottom:0}
  /* header e-commerce no mobile */
  .uc-topbar__l{display:none}
  .uc-topbar__in{justify-content:flex-end}
  .uc-headrow{flex-wrap:wrap;height:auto;padding:12px 0;gap:12px}
  .uc-hsearch{order:3;max-width:none;flex-basis:100%}
  .uc-hactions{margin-left:auto}
  .uc-hact__txt{display:none}
  .uc-hact{padding:8px}
  .uc-catbar{display:none}
  .uc-hbanner__media{display:none}
  .uc-hbanner__c{max-width:100%}
}
@media(max-width:560px){
  .uc-section{padding:56px 0}
  .uc-grid--2,.uc-grid--3,.uc-grid--4,.uc-steps{grid-template-columns:1fr}
  .uc-products{grid-template-columns:repeat(2,1fr);gap:12px}
  .uc-prod__name{font-size:.9rem;min-height:2.35em}
  .uc-prod__cat{font-size:.64rem}
  .uc-prod__buy{flex-wrap:wrap}
  .uc-prod__buy .uc-btn{flex:1 1 100%;justify-content:center}
  .uc-field--row{grid-template-columns:1fr}
  .uc-stats{grid-template-columns:1fr 1fr}
  .uc-ctaband,.uc-btu{padding:30px 22px}
  .uc-footer__grid{grid-template-columns:1fr 1fr}
  .uc-news{flex-direction:column;border-radius:var(--radius)}
  .uc-trust3{grid-template-columns:1fr}
  .uc-catshow{grid-template-columns:repeat(2,1fr)}
  .uc-promos{flex-direction:column}
  /* HERO no celular */
  .uc-herofull__in{padding:28px 0 16px;gap:26px}
  .uc-herofull__text{padding:0 18px}
  .uc-herofull__dots{margin-top:14px;padding-bottom:18px}
  .uc-coverflow{width:min(330px,86vw);height:min(330px,86vw);margin:0 auto}
  .uc-cf__item{width:100%;height:100%}
  .uc-cf__card img{padding:14px}
  .uc-cf__badge{top:12px;right:12px;font-size:.7rem;padding:7px 12px;border-radius:9px}
  /* navegação SOBRE a imagem, linha horizontal centralizada embaixo */
  .uc-herofull__dots.uc-dots--side{top:auto;bottom:14px;left:0;right:0;transform:none;flex-direction:row;justify-content:center;gap:8px}
  .uc-dots--side .uc-herofull__dot{width:10px;height:10px}
  .uc-dots--side .uc-herofull__dot.is-on{width:24px;height:10px}
  /* símbolo da logo maior e mais para cima */
  .uc-cf-fx{width:min(660px,170vw);top:22%}
  .uc-herofull__price{font-size:1.85rem}
  .uc-herofull .uc-btn--accent{padding:12px 24px;font-size:.96rem}
  .uc-herofull::before,.uc-herofull::after{width:min(360px,70%)}
  .uc-hero-symbol{width:280px;opacity:.08;left:-80px;right:auto}
  .uc-countdown .box{flex-direction:column;align-items:center;gap:1px;padding:6px 9px}
  .uc-hbanner{padding:32px 24px;min-height:260px}
  .uc-coupon{flex-direction:column;align-items:flex-start;text-align:left}
  .uc-coupon__code{margin-left:0}
}