/* Skin Credwow — tokens de cor do tema Kredua. Estrutura e medidas seguem o modelo (igual ao recipesten).
   Paleta própria: roxo-ameixa como cor-base e coral como destaque, distinta de Kredua (verde), Zurkgp (azul royal) e
   Recipesten (azul-marinho + âmbar) — portais do mesmo nicho não podem parecer o mesmo site. */
:root{
  --utuawp-color-base-green-500:#3B1F6B;
  --utuawp-color-base-green-400:#55308F;
  --utuawp-color-base-green-300:#7E5BB5;
  --utuawp-color-base-green-200:#BBA7DA;
  --utuawp-color-base-green-100:#E3DAF1;
  --utuawp-color-base-green-50:#F5F1FA;
  /* destaque (seção "Por onde começar", botões, ícones): coral da marca no lugar do laranja-tijolo #C53107 do modelo;
     o 400 é escurecido o bastante para o texto branco da seção manter contraste AA em texto grande */
  --utuawp-color-base-orange-500:#6B200B;
  --utuawp-color-base-orange-400:#D2441B;
  --utuawp-color-base-orange-300:#F2653A;
  --utuawp-color-base-orange-200:#F8B29C;
  --utuawp-color-base-orange-100:#FCD9CD;
  --utuawp-color-base-orange-50:#FEF3EF;
}

/* Seção "Por onde você quer começar": o tema fixa #d03801 (laranja do modelo) direto no CSS, fora dos tokens. Na Credwow
   ela vai para a cor-base ameixa — é o maior bloco de cor da home e é onde a marca aparece; os ícones dos cards seguem
   coral. Texto branco sobre #3B1F6B = contraste 12:1. */
.containerComparative{background:#3B1F6B}
/* Logo do cabeçalho: o tema reserva 60×30 (proporção 2:1 do logo do modelo); o wordmark Credwow é 4:1 e ficava com
   ~15 px de altura. Mesma altura útil do modelo, largura pela proporção da marca. */
/* 112 px: com 128 o botão redondo do cabeçalho (desktop) passava da borda da barra do menu */
svg.affiliation-menu__headerLogo{width:112px;height:28px}

/* Cards da home/categoria: recorta imagens de tamanhos variados no tamanho do modelo (600×400). */
.card img, .post-card img, .wp-post-image { width:100%; height:auto; aspect-ratio:3/2; object-fit:cover; }
/* balão da home: mesma arte, marca C no lugar do K */
.balloon-container--desktop{background-image:url(img/balloon-desktop.png)}
.balloon-container--mobile{background-image:url(img/balloon-mobile.png)}
/* gaveta do menu mobile: wordmark Credwow no lugar da Kredua (mesmos 70×35 de fundo) */
.mobile-header .container-menu-header{background-image:url(img/logo.png)}
/* Cards "Empresas que os brasileiros mais procuram": título de empresa tem 2 linhas + descrições; o card cresce com o
   conteúdo (altura mínima = a do modelo) e a imagem ganha altura fixa — mesmo ajuste do recipesten. */
.boxCreditCard{height:auto;min-height:356px;justify-content:flex-start}
.boxCreditCard > figure{width:100%;height:170px;display:flex;align-items:center;justify-content:center;overflow:hidden}
.boxCreditCard > figure img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}
.boxCreditCard .contentLinks{margin-top:auto;padding-top:var(--utuawp-spacing-xxxs)}