/* TeckHome — camada de modernização visual (não altera estrutura) */

:root {
  --th-indigo: #6366f1;
  --th-indigo-dark: #4f46e5;
  --th-ink: #0f172a;
  --th-soft: #f8fafc;
}

html { scroll-behavior: smooth; }
body { -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }

/* Botões com brilho sutil */
a, button { transition: transform .18s ease, box-shadow .18s ease, background-color .18s ease, color .18s ease; }
a.bg-gradient-to-r:hover, button.bg-gradient-to-r:hover { transform: translateY(-1px); }

/* Cards mais suaves */
.card-hover { transition: transform .35s cubic-bezier(.2,.7,.2,1), box-shadow .35s ease !important; }
.card-hover:hover { transform: translateY(-6px) !important; box-shadow: 0 22px 45px -18px rgba(79,70,229,.28) !important; }

/* Foco acessível */
:focus-visible { outline: 2px solid var(--th-indigo); outline-offset: 3px; border-radius: 8px; }

/* Imagens com fade */
img { transition: opacity .3s ease, transform .5s ease; }
img[loading="lazy"] { opacity: 0; }
img[loading="lazy"].loaded, img.loaded { opacity: 1; }

/* Botões de marketplace (aplicados pelo marketplace.js) */
.mp-btn { display: inline-flex; align-items: center; justify-content: center; gap: .5rem;
  font-weight: 800; letter-spacing: .01em; }
.mp-amazon { background: linear-gradient(135deg,#ff9900,#e47911) !important; color:#0f172a !important; box-shadow: 0 10px 24px -12px rgba(255,153,0,.55) !important; }
.mp-amazon:hover { background: linear-gradient(135deg,#ffb547,#ff9900) !important; }
.mp-ml { background: linear-gradient(135deg,#fff159,#ffe600) !important; color:#0f172a !important; box-shadow: 0 10px 24px -12px rgba(255,230,0,.6) !important; }
.mp-ml:hover { background: linear-gradient(135deg,#fff59d,#fff159) !important; }
.mp-shopee { background: linear-gradient(135deg,#ee4d2d,#d63a1a) !important; color:#fff !important; }
.mp-magalu { background: linear-gradient(135deg,#0086ff,#0064c8) !important; color:#fff !important; }
.mp-badge { font-size: .68rem; text-transform: uppercase; letter-spacing: .08em; opacity:.85; margin-right:.35rem; }

/* Header sticky com blur */
nav.sticky { backdrop-filter: saturate(1.1) blur(10px); }

/* Preload skeleton mais suave */
.shimmer { background: linear-gradient(90deg,#eef2ff 25%,#e0e7ff 50%,#eef2ff 75%) !important; }