/*
Theme Name: VeloRank
Theme URI: https://example.com/velorank
Author: VeloRank Theme (AI scaffold)
Author URI: https://example.com
Description: Tema WordPress ultra leve, focado em velocidade, SEO e conversão (Afiliados Amazon). Layout moderno, responsivo e elegante.
Version: 0.9.3
Requires at least: 6.0
Tested up to: 6.4
Requires PHP: 7.4
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: velorank
Tags: blog, news, custom-logo, one-column, sticky-post, translation-ready, block-styles
*/

:root{
  /* Fundo mais claro e minimalista */
  --vr-bg:#ffffff;
  --vr-surface:#ffffff;
  --vr-surface-2:#f6f7fb;
  --vr-card:#ffffff;
  --vr-text:#0f172a;
  --vr-muted:#64748b;
  --vr-border:rgba(15,23,42,.12);
  --vr-accent:#2563eb;   /* azul */
  --vr-accent-2:#7c3aed; /* roxo */
  --vr-amazon:#ff9900;
  --vr-amazon-ink:#111827;

  --vr-good:#16a34a;
  --vr-warn:#d97706;
  --vr-bad:#dc2626;

  --vr-radius:16px;
  --vr-radius-sm:12px;
  /* Sombras mais leves = scroll mais suave em dispositivos modestos */
  --vr-shadow: 0 8px 24px rgba(15,23,42,.08);
  --vr-shadow-sm: 0 1px 2px rgba(15,23,42,.06);

  --vr-max: 72rem;      /* 1152px */
  --vr-content: 52rem;  /* 832px */
  --vr-sidebar: 20rem;  /* 320px */
  --vr-gap: 1.1rem;

  --vr-font: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji","Segoe UI Emoji";
  --vr-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;

  /* Branding */
  --vr-logo-h: 34px;
}

*{box-sizing:border-box}
html{scroll-behavior:auto}
body{
  margin:0;
  background: var(--vr-bg);
  color:var(--vr-text);
  font-family:var(--vr-font);
  line-height:1.65;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
  overflow-x:hidden;
}

a{color:inherit; text-decoration:none}
a:hover{opacity:.96}
img{max-width:100%; height:auto}
svg{max-width:100%}

:where(a,button,input,textarea,select):focus-visible{
  outline: 2px solid rgba(37,99,235,.35);
  outline-offset: 2px;
}

.skip-link{
  position:absolute; left:-9999px; top:auto;
  width:1px; height:1px; overflow:hidden;
}
.skip-link:focus{
  left:1rem; top:1rem; width:auto; height:auto;
  background:#111827; color:#fff; padding:.6rem .9rem;
  border-radius:.6rem; z-index:99999;
}


/* Acessibilidade */
.screen-reader-text{border:0;clip:rect(1px, 1px, 1px, 1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal!important}
.screen-reader-text:focus{background:#fff;border-radius:.4rem;box-shadow:var(--vr-shadow);clip:auto!important;clip-path:none;color:var(--vr-text);display:block;height:auto;left:1rem;line-height:normal;padding:.75rem 1rem;position:absolute;top:1rem;width:auto;z-index:100000}

/* Layout */
.vr-container{max-width:var(--vr-max); margin:0 auto; padding:0 1rem}
.vr-main{padding: 1.25rem 0 2.75rem}
.vr-grid{
  display:grid;
  grid-template-columns: minmax(0,1fr);
  gap: var(--vr-gap);
}
@media (min-width: 980px){
  .vr-grid.has-sidebar{
    grid-template-columns: minmax(0,var(--vr-content)) minmax(0,var(--vr-sidebar));
    justify-content: space-between;
    align-items:start;
  }
}

/* Header */
.vr-header{
  position: sticky; top: 0; z-index: 999;
  /* Sólido e leve (evita blur/backdrop-filter que pode pesar no scroll) */
  background: rgba(255,255,255,.96);
  border-bottom: 1px solid var(--vr-border);
}
.vr-topbar{
  display:flex; align-items:center; justify-content:space-between;
  padding:.75rem 0;
  gap:.75rem;
  position: relative;
}
.vr-brand{
  display:flex; align-items:center; gap:.65rem; min-width:0;
}
.vr-logo{display:flex; align-items:center; flex:0 0 auto}
.vr-brand .custom-logo-link{display:inline-flex; align-items:center}
.vr-brand img{height:var(--vr-logo-h, 34px); width:auto}
.vr-brand .vr-title{
  font-weight:900; letter-spacing:-.02em; line-height:1;
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
.vr-brand .vr-tagline{display:none; color:var(--vr-muted); font-size:.9rem}
@media (min-width: 740px){
  .vr-brand .vr-tagline{display:block}
}

.vr-actions{display:flex; align-items:center; gap:.55rem}
.vr-btn{
  border:1px solid var(--vr-border);
  background: rgba(255,255,255,.72);
  color:var(--vr-text);
  padding:.55rem .75rem;
  border-radius: 999px;
  cursor:pointer;
  display:inline-flex; align-items:center; gap:.45rem;
  font-weight:750;
  box-shadow: var(--vr-shadow-sm);
}
.vr-btn:hover{background: rgba(255,255,255,.92)}
.vr-btn.is-primary{
  border-color: rgba(37,99,235,.35);
  background: linear-gradient(135deg, rgba(37,99,235,.12), rgba(124,58,237,.10));
}
.vr-icon{
  width: 1.1em;
  height: 1.1em;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  line-height:1;
  font-size: 1.05rem;
}
.vr-icon svg{width:100%; height:100%; display:block}
.vr-icon svg *{
  stroke: currentColor;
  fill: none;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

/* Nav */
.vr-nav{display:none}
@media (min-width: 980px){
  .vr-nav{display:block}
  .vr-nav ul{display:flex; gap:.5rem; list-style:none; padding:0; margin:0}
  .vr-nav a{
    display:inline-flex; align-items:center; gap:.35rem;
    padding:.5rem .65rem;
    border-radius: 999px;
    color: var(--vr-muted);
    border:1px solid transparent;
  }
  .vr-nav a:hover{color:var(--vr-text); border-color:var(--vr-border); background:rgba(255,255,255,.65)}
}

/* Drawer (mobile/desktop fallback) */
.vr-drawer-mask{
  position:fixed; inset:0; background:rgba(15,23,42,.38);
  display:none; z-index:1000;
}
.vr-drawer{
  position:fixed;
  top:0; right:0; bottom:0;
  width:min(88vw, 380px);
  background: rgba(255,255,255,.98);
  border-left: 1px solid var(--vr-border);
  box-shadow: var(--vr-shadow);
  transform: translateX(105%);
  transition: transform .18s ease-out;
  z-index:1001;
  padding: 1rem;
  overflow:auto;
  -webkit-overflow-scrolling: touch;
  will-change: transform;
}
body.vr-drawer-open .vr-drawer-mask{display:block}
body.vr-drawer-open .vr-drawer{transform: translateX(0)}
body.vr-drawer-open{overflow:hidden}
.vr-drawer .vr-drawer-top{
  display:flex; align-items:center; justify-content:space-between; gap:.75rem;
  margin-bottom: .75rem;
}
.vr-drawer ul{list-style:none; padding:0; margin:0}
.vr-drawer a{
  display:flex; align-items:center; justify-content:space-between;
  padding:.75rem .7rem;
  border-radius: .9rem;
  border: 1px solid var(--vr-border);
  margin-bottom: .5rem;
  background: rgba(15,23,42,.02);
  color: var(--vr-text);
}
.vr-drawer a:hover{background: rgba(15,23,42,.04)}
.vr-drawer .sub-menu{
  margin: .35rem 0 .85rem .35rem;
  padding-left: .65rem;
  border-left: 2px solid rgba(15,23,42,.08);
}
.vr-drawer .sub-menu a{
  padding: .6rem .65rem;
  margin-bottom: .4rem;
  border-style: dashed;
  background: rgba(15,23,42,.01);
  font-weight: 750;
}
.vr-drawer small{color:var(--vr-muted)}
.vr-drawer-heading{
  margin:.85rem 0 .4rem;
  font-size:.9rem;
  letter-spacing:.08em;
  text-transform:uppercase;
  color: var(--vr-text);
}

/* Search form */
.vr-search-form{display:flex; gap:.5rem; align-items:center}
.vr-search-label{flex: 1 1}
.vr-search-field{
  width:100%;
  padding:.7rem .95rem;
  border-radius:999px;
  border:1px solid var(--vr-border);
  background: rgba(255,255,255,.9);
  color: var(--vr-text);
}
.vr-search-field::placeholder{color: var(--vr-muted)}
.vr-search-submit{padding:.7rem 1rem}

/* Header search (ícone minimalista + expansão) */
.vr-search-trigger{
  width: 44px;
  height: 44px;
  padding: 0;
  justify-content:center;
}
body.vr-search-open .vr-search-trigger{
  border-color: rgba(37,99,235,.45);
  background: rgba(37,99,235,.08);
}
.vr-header-search{
  position:absolute;
  right:0;
  top: calc(100% + .55rem);
  width: min(34rem, calc(100vw - 2rem));
  display:none;
  z-index: 1002;
}
body.vr-search-open .vr-header-search{display:block}
.vr-search-form--header{
  background: rgba(255,255,255,.98);
  border: 1px solid var(--vr-border);
  border-radius: 999px;
  padding: .45rem;
  box-shadow: var(--vr-shadow-sm);
}
.vr-search-form--header .vr-search-field{padding:.72rem .95rem}
.vr-search-form--header .vr-search-submit{
  width: 2.9rem;
  height: 2.9rem;
  padding: 0;
  justify-content:center;
}

/* Hero */
.vr-hero{
  border: 1px solid var(--vr-border);
  background: linear-gradient(135deg, rgba(37,99,235,.08), rgba(124,58,237,.06));
  border-radius: var(--vr-radius);
  padding: 1.25rem;
  box-shadow: var(--vr-shadow-sm);
  overflow:hidden;
  position:relative;
}
.vr-hero:after{
  content:"";
  position:absolute; inset:-70px -70px auto auto;
  width: 260px; height: 260px;
  background: radial-gradient(circle, rgba(37,99,235,.18), transparent 60%);
}
.vr-hero h1{margin:.2rem 0 .5rem; font-size: clamp(1.6rem, 3.5vw, 2.25rem); line-height:1.15; letter-spacing:-.02em}
.vr-hero p{margin:0; color:var(--vr-muted); max-width: 70ch}
.vr-breadcrumbs{margin:0 0 .75rem; padding:0; list-style:none; display:flex; flex-wrap:wrap; gap:.25rem; color: var(--vr-muted); font-size:.85rem}
.vr-breadcrumbs a{color: var(--vr-accent); text-decoration:underline; text-underline-offset:2px}

/* Cards / grids */
.vr-card{
  border: 1px solid var(--vr-border);
  background: var(--vr-card);
  border-radius: var(--vr-radius);
  box-shadow: var(--vr-shadow-sm);
}
.vr-card.pad{padding: 1.1rem}
.vr-section-title{
  display:flex; align-items:flex-end; justify-content:space-between; gap:1rem;
  margin: 1.2rem 0 .6rem;
}
.vr-section-title h2{margin:0; font-size:1.2rem; letter-spacing:-.01em}
.vr-section-title a{color:var(--vr-accent); font-weight:800; font-size:.95rem; text-decoration:underline; text-underline-offset:2px}
.vr-post-grid{
  display:grid; grid-template-columns: minmax(0,1fr);
  gap: .85rem;
}
@media (min-width: 640px){
  .vr-post-grid{grid-template-columns: repeat(2, minmax(0,1fr))}
}
@media (min-width: 980px){
  .vr-post-grid{grid-template-columns: repeat(3, minmax(0,1fr))}
}
.vr-post-card{
  border:1px solid var(--vr-border);
  border-radius: var(--vr-radius);
  overflow:hidden;
  background: var(--vr-card);
  /* Mais minimalista e leve no scroll */
  box-shadow: none;
  transition: border-color .12s ease-out, box-shadow .12s ease-out;
}
.vr-post-card:hover{
  border-color: rgba(15,23,42,.20);
  box-shadow: var(--vr-shadow-sm);
}
.vr-post-card .thumb{
  aspect-ratio: 16 / 9;
  overflow:hidden;
  background: var(--vr-surface-2);
}
.vr-post-card .thumb img{width:100%; height:100%; object-fit:cover}
.vr-post-card .body{padding: .85rem .9rem}
.vr-post-card .meta{color:var(--vr-muted); font-size:.85rem; display:flex; gap:.5rem; flex-wrap:wrap; align-items:center}
.vr-post-card .meta .vr-cat{display:none}
.vr-kicker{
  display:inline-flex;
  align-items:center;
  font-size:.78rem;
  letter-spacing:.08em;
  text-transform:uppercase;
  font-weight:900;
  color: var(--vr-accent);
}
.vr-post-card .title{
  margin:.35rem 0 0;
  font-weight:900;
  letter-spacing:-.01em;
  line-height:1.25;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.vr-post-card .excerpt{
  margin:.55rem 0 0;
  color:var(--vr-muted);
  font-size:.95rem;
  display:-webkit-box;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
  overflow:hidden;
}

/* Destaque do hub (home) com thumbnail */
.vr-post-card--hub-featured .meta{font-size:.9rem}
@media (min-width: 740px){
  .vr-post-card--hub-featured{
    display:grid;
    grid-template-columns: 15.5rem minmax(0,1fr);
    align-items:stretch;
  }
  .vr-post-card--hub-featured .thumb{aspect-ratio:auto}
  .vr-post-card--hub-featured .thumb img{height:100%}
  .vr-post-card--hub-featured .body{padding: 1rem 1.15rem}
  .vr-post-card--hub-featured .excerpt{-webkit-line-clamp:4}
}

/* Categorias (home) */
.vr-cat-grid{
  display:grid;
  grid-template-columns: minmax(0,1fr);
  gap: .75rem;
}
@media (min-width: 640px){
  .vr-cat-grid{grid-template-columns: repeat(2, minmax(0,1fr))}
}
@media (min-width: 980px){
  .vr-cat-grid{grid-template-columns: repeat(3, minmax(0,1fr))}
}

.vr-cat-card{
  border:1px solid var(--vr-border);
  border-radius: var(--vr-radius);
  background: rgba(255,255,255,.88);
  padding: .95rem;
  display:block;
  box-shadow:none;
  transition: border-color .12s ease-out, box-shadow .12s ease-out, transform .12s ease-out;
}
.vr-cat-card:hover{
  border-color: rgba(15,23,42,.20);
  box-shadow: var(--vr-shadow-sm);
  transform: translateY(-1px);
}
.vr-cat-card__top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:.65rem;
  margin:0 0 .55rem;
}
.vr-cat-card__name{
  font-weight:950;
  letter-spacing:-.01em;
  line-height:1.25;
}
.vr-cat-card__desc{
  margin:.45rem 0 0;
  color: var(--vr-muted);
  font-size:.95rem;
  line-height:1.55;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.vr-pill--count{
  border-color: rgba(15,23,42,.10);
  background: rgba(15,23,42,.03);
  color: var(--vr-muted);
  font-weight:900;
}

/* Hubs (home) */
.vr-hub{margin-bottom:1rem}
.vr-hub__head{
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:1rem;
  margin:0 0 .65rem;
}
.vr-hub__title{
  margin:0;
  font-size:1.05rem;
  letter-spacing:-.01em;
}
.vr-hub__cta{
  color:var(--vr-accent);
  font-weight:850;
  font-size:.95rem;
  text-decoration:underline;
  text-underline-offset:2px;
}
.vr-hub__grid{
  display:grid;
  grid-template-columns: minmax(0,1fr);
  gap: .85rem;
}
@media (min-width: 980px){
  .vr-hub__grid{
    grid-template-columns: minmax(0,2fr) minmax(0,1fr);
    align-items:start;
  }
}
.vr-hub__links{
  border:1px solid var(--vr-border);
  border-radius: var(--vr-radius);
  background: rgba(15,23,42,.02);
  padding: .9rem 1rem;
}
.vr-hub__list{margin:0; padding:0; list-style:none}
.vr-hub__list li{margin:.4rem 0}
.vr-hub__list a{
  color: var(--vr-muted);
  text-decoration:underline;
  text-underline-offset:2px;
  font-weight:750;
}
.vr-hub__list a:hover{color: var(--vr-text)}


/* Article */
.vr-article{padding: 1.25rem}
/* Largura confortável para leitura */
.vr-article{max-width: var(--vr-content); margin: 0 auto}
/* Single (listas/comparativos) pode ser um pouco mais largo */
body.single .vr-article{max-width: 56rem}
@media (min-width: 1200px){
  body.single .vr-article{max-width: 58rem}
}
@media (min-width: 740px){
  .vr-article{padding: 1.6rem}
}
.vr-article header{padding-bottom: .85rem; border-bottom: 1px solid rgba(15,23,42,.08)}
.vr-article header + .vr-content{margin-top: .95rem}
.vr-content{font-size: 1.05rem}
.vr-article h1{margin:0 0 .65rem; font-size: clamp(1.7rem, 3.2vw, 2.45rem); line-height:1.15; letter-spacing:-.02em}
.vr-article .meta{color:var(--vr-muted); font-size:.92rem; display:flex; flex-wrap:wrap; gap:.5rem}
.vr-article .meta a{color:var(--vr-accent); text-decoration:underline; text-underline-offset:2px}
.vr-content{margin-top: 1rem}
.vr-content :where(h2,h3){scroll-margin-top: 6rem}
.vr-content h2{margin:1.6rem 0 .6rem; font-size:1.28rem}
.vr-content h3{margin:1.25rem 0 .5rem; font-size:1.1rem}
.vr-content p{margin:0 0 1rem}
.vr-content ul, .vr-content ol{margin:0 0 1rem 1.25rem}
.vr-content li{margin:.25rem 0}
.vr-content a{color: var(--vr-accent); text-decoration: underline; text-underline-offset: 2px}
.vr-content a:hover{opacity:.9}
.vr-content blockquote{
  margin: 1.25rem 0;
  border-left: 4px solid rgba(37,99,235,.45);
  padding: .9rem 1rem;
  background: rgba(15,23,42,.03);
  border-radius: .9rem;
}

/* Imagem destacada no single: mais elegante e alinhada */
.vr-featured{
  margin: 1rem 0 1.15rem;
  border-radius: calc(var(--vr-radius) - 2px);
  overflow:hidden;
  border: 0;
  background: var(--vr-surface-2);
  box-shadow: none;
}
.vr-featured img{display:block; width:100%; height:auto}
@media (min-width: 740px){
  .vr-featured{aspect-ratio: 16 / 9}
  .vr-featured img{height:100%; object-fit:cover}
}

/* Melhor suporte para Gutenberg (wide/full) dentro do conteúdo */
.vr-content :where(.alignwide){
  width: min(100%, calc(var(--vr-content) + 12rem));
  margin-left: auto;
  margin-right: auto;
}
.vr-content :where(.alignfull){
  width: 100vw;
  max-width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
}

/* TOC (Rank Math block) */
/* Rank Math TOC (mantém compatível, mas com visual minimalista semelhante ao nosso) */
.wp-block-rank-math-toc-block{
  border: 1px solid var(--vr-border);
  background: rgba(15,23,42,.02);
  border-radius: var(--vr-radius);
  padding: .85rem 1rem;
}
.wp-block-rank-math-toc-block p{margin:.2rem 0 .6rem; font-weight:900}
.wp-block-rank-math-toc-block a{color: var(--vr-text); text-decoration:none}
.wp-block-rank-math-toc-block a:hover{color: var(--vr-accent); text-decoration:underline; text-underline-offset:2px}

/* TOC (VeloRank) */
.vr-toc{
  margin: 1.25rem 0;
  border: 1px solid var(--vr-border);
  background: rgba(15,23,42,.02);
  border-radius: var(--vr-radius);
  padding: .85rem .95rem;
}
.vr-toc__head{display:flex; align-items:center; justify-content:space-between; gap:.75rem}
.vr-toc__title{font-weight:950; letter-spacing:-.01em}
.vr-toc__toggle{
  width: 2.2rem;
  height: 2.2rem;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius: 999px;
  border:1px solid var(--vr-border);
  background: rgba(255,255,255,.9);
  cursor:pointer;
  box-shadow: var(--vr-shadow-sm);
}
.vr-toc__toggle:hover{background:#fff}
.vr-toc__icon{font-size:1.05rem; line-height:1}
.vr-toc nav{margin-top:.65rem}
.vr-toc ol{margin:0; padding:0; list-style:none; counter-reset: item}
.vr-toc li{margin:.25rem 0; counter-increment: item}
.vr-toc li:before{
  content: counters(item, ".") ". ";
  color: var(--vr-muted);
  font-variant-numeric: tabular-nums;
}
.vr-toc a{color: var(--vr-text); text-decoration:none}
.vr-toc a:hover{color: var(--vr-accent); text-decoration:underline; text-underline-offset:2px}
.vr-toc li ol{margin:.25rem 0 0 1.1rem; counter-reset:item}
.vr-toc.is-collapsed nav{display:none}

/* Tables */
.wp-block-table{overflow-x:auto}
.vr-content table{
  width:100%;
  border-collapse: collapse;
  margin: 1rem 0 1.25rem;
  overflow:hidden;
  border-radius: var(--vr-radius);
  border: 1px solid var(--vr-border);
  background: #fff;
}
.vr-content th, .vr-content td{
  padding: .75rem .85rem;
  border-bottom: 1px solid rgba(15,23,42,.08);
  vertical-align: top;
}
.vr-content th{background: rgba(15,23,42,.04); text-align:left; font-weight:800}
.vr-content tr:nth-child(even) td{background: rgba(15,23,42,.02)}

/* Pagination */
.navigation.pagination{
  display:flex;
  justify-content:center;
}
.navigation.pagination .nav-links{display:flex; gap:.35rem; flex-wrap:wrap}
.navigation.pagination .page-numbers{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width: 2.3rem;
  height: 2.3rem;
  padding: 0 .6rem;
  border-radius: 999px;
  border:1px solid var(--vr-border);
  background: rgba(255,255,255,.85);
  box-shadow: var(--vr-shadow-sm);
  color: var(--vr-text);
}
.navigation.pagination .page-numbers.current{
  border-color: rgba(37,99,235,.35);
  background: rgba(37,99,235,.10);
}

/* Load more (progressive enhancement)
   - Mantemos a paginação real no HTML (SEO + fallback)
   - Com JS ativo, escondemos a paginação e usamos o botão "Carregar mais" */
.vr-loadmore-wrap{display:flex; justify-content:center; margin:1.15rem 0 1.35rem}
.vr-loadmore{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:.55rem;
  padding:.85rem 1.1rem;
  border-radius: 999px;
  border:1px solid var(--vr-border);
  background: rgba(255,255,255,.92);
  box-shadow: var(--vr-shadow-sm);
  color: var(--vr-text);
  font-weight: 900;
  letter-spacing: -.01em;
}
.vr-loadmore:hover{border-color: rgba(37,99,235,.35); background: rgba(37,99,235,.06)}
.vr-loadmore.is-loading{opacity:.65; pointer-events:none}
.vr-loadmore.is-loading:after{
  content:"";
  width: 1rem;
  height: 1rem;
  display:inline-block;
  border-radius: 999px;
  border:2px solid currentColor;
  border-right-color: transparent;
  animation: vrspin .8s linear infinite;
}
@keyframes vrspin{to{transform: rotate(360deg)}}
@media (prefers-reduced-motion: reduce){
  .vr-loadmore.is-loading:after{animation:none}
}
.js .vr-pagination{display:none}

/* Sidebar */
.vr-sidebar{position:relative}
.vr-widget{
  border:1px solid var(--vr-border);
  background: rgba(255,255,255,.92);
  border-radius: var(--vr-radius);
  padding: 1rem;
  margin-bottom: 1rem;
  box-shadow: var(--vr-shadow-sm);
}
.vr-widget .title{
  margin:0 0 .65rem;
  font-size:.85rem;
  text-transform:uppercase;
  letter-spacing:.08em;
  color: var(--vr-text);
}
.vr-widget ul{margin:0; padding-left: 1.1rem}
.vr-widget li{margin:.25rem 0}
.vr-widget a{color:var(--vr-muted); text-decoration:underline; text-underline-offset:2px}
.vr-widget a:hover{color:var(--vr-text)}

/* Product box (Amazon conversion) */
.vr-product{
  display:grid; gap: .9rem;
  grid-template-columns: 110px minmax(0,1fr);
  align-items:start;
  border:1px solid rgba(37,99,235,.22);
  background: linear-gradient(135deg, rgba(37,99,235,.06), rgba(124,58,237,.04));
  border-radius: var(--vr-radius);
  padding: .95rem;
  margin: 1.25rem 0;
}
.vr-product .img{
  width:110px; height:110px;
  border-radius: 14px;
  background: rgba(15,23,42,.04);
  overflow:hidden;
}
.vr-product .img img{width:100%; height:100%; object-fit:cover}
.vr-product .h{
  margin:0 0 .25rem;
  font-weight:950; letter-spacing:-.01em; line-height:1.2;
}
.vr-product .sub{margin:0; color:var(--vr-muted); font-size:.95rem}
.vr-product .row{
  display:flex; flex-wrap:wrap; gap:.5rem .75rem;
  align-items:center;
  margin-top: .55rem;
}
.vr-pill{
  font-size:.82rem;
  padding:.25rem .55rem;
  border-radius: 999px;
  border:1px solid rgba(15,23,42,.12);
  color: var(--vr-text);
  background: rgba(255,255,255,.75);
}
.vr-price{font-weight:950}
.vr-cta{
  display:inline-flex; align-items:center; justify-content:center; gap:.5rem;
  padding:.72rem 1rem;
  border-radius: 999px;
  border: 1px solid rgba(255,153,0,.55);
  background: linear-gradient(135deg, rgba(255,153,0,.28), rgba(255,255,255,.02));
  color: var(--vr-amazon-ink);
  font-weight:950;
  letter-spacing:-.01em;
  white-space:nowrap;
}
.vr-cta:hover{transform: translateY(-1px)}
.vr-cta small{font-weight:800; opacity:.85}

/* Sticky CTA (mobile) */
.vr-sticky-buy{
  position:fixed; left:0; right:0; bottom:0;
  padding:.65rem 1rem;
  background: rgba(246,247,251,.92);
  border-top:1px solid var(--vr-border);
  display:none;
  z-index:1002;
}

.vr-sticky-buy .inner{
  max-width: var(--vr-max);
  margin:0 auto;
  display:flex; align-items:center; justify-content:space-between; gap:.75rem;
}
.vr-sticky-buy .label{
  font-weight:950; letter-spacing:-.01em;
  overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
  max-width: 60%;
}
@media (min-width: 980px){
  .vr-sticky-buy{display:none!important}
}
body.single .vr-main{padding-bottom: 6.5rem}


/* Footer */
.vr-footer{
  border-top: 1px solid var(--vr-border);
  background: rgba(255,255,255,.75);
  padding: 2rem 0 2.5rem;
}
.vr-footer .cols{
  display:grid; gap:1rem;
  grid-template-columns: minmax(0,1fr);
}
@media (min-width: 740px){
  .vr-footer .cols{grid-template-columns: repeat(3, minmax(0,1fr))}
}
.vr-footer h3{margin:0 0 .65rem; font-size:.9rem; letter-spacing:.08em; text-transform:uppercase; color: var(--vr-text)}
.vr-footer a{color:var(--vr-muted); text-decoration:underline; text-underline-offset:2px}
.vr-footer a:hover{color:var(--vr-text)}
.vr-footer .fineprint{margin-top: 1.25rem; color:var(--vr-muted); font-size:.9rem}

/* Utilities */
.vr-muted{color:var(--vr-muted)}
.vr-kbd{font-family:var(--vr-mono); font-size:.85em; border:1px solid var(--vr-border); padding:.1rem .35rem; border-radius:.4rem; background: rgba(255,255,255,.85)}

/* In-content: Veja também */
.vr-see-also{
  margin: 1.25rem 0;
  padding: 1.1rem;
  border: 1px solid rgba(15,23,42,.10);
  border-radius: var(--vr-radius);
  background: rgba(37,99,235,.04);
}
.vr-see-also__top{
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:.75rem;
  margin: 0 0 .85rem;
}
.vr-see-also__title{font-weight:950; letter-spacing:.08em; text-transform:uppercase}
.vr-see-also__hint{font-size:.92rem}
.vr-see-also__grid{
  display:grid;
  grid-template-columns: minmax(0,1fr);
  gap: .85rem;
}
@media (min-width: 680px){
  .vr-see-also__grid{grid-template-columns: repeat(2, minmax(0,1fr))}
}
@media (min-width: 980px){
  .vr-see-also__grid{grid-template-columns: repeat(4, minmax(0,1fr))}
}
.vr-post-card--see-also .thumb{aspect-ratio: 16 / 10}
.vr-post-card--see-also .body{padding: .85rem .95rem}
.vr-post-card--see-also .meta{gap:.25rem; flex-direction:column; align-items:flex-start}
.vr-post-card--see-also .meta .vr-kicker{display:block}
.vr-post-card--see-also .meta .vr-date{display:block; color: var(--vr-muted); font-size:.85rem}
.vr-post-card--see-also .title{margin:.35rem 0 0; -webkit-line-clamp:3}

/* Relacionados abaixo do single */
.vr-related{
  margin: 2rem auto 0;
  max-width: var(--vr-content);
  padding-top: 1.5rem;
  border-top: 1px solid rgba(15,23,42,.08);
}
.vr-post-grid--related{margin-top:.5rem}
.vr-post-card--compact .body{padding: .8rem .9rem}
.vr-post-card--compact .excerpt{display:none}

@media (prefers-reduced-motion: reduce){
  *{scroll-behavior:auto}
  .vr-post-card, .vr-cta{transition:none}
  .vr-cta:hover{transform:none}
}