/* Guias da Maxmize (2026-11-03): artigos em coluna de leitura, sobre o creme do site. Também estilo do bloco "Leia também" nas páginas dos serviços. */
.guia-pagina { background: var(--creme); color: #17150f; }
.guia__in { max-width: 780px; padding-block: clamp(40px, 6vw, 80px); }
.guia__in--larga { max-width: 1000px; }
.guia__trilha { font-size: 14px; color: #6b6457; margin-bottom: 18px; }
.guia__trilha a { color: #6b6457; text-decoration: underline; text-underline-offset: 3px; }
.guia h1, .guia-indice h1 { font-size: clamp(32px, 4.6vw, 52px); font-weight: 500; color: #17150f; }
.guia__meta { margin-top: 14px; font-size: 14px; color: #6b6457; }
.guia__resposta { margin-top: 26px; padding: 22px 26px; border-left: 4px solid var(--ouro); background: #fbf9f4; border-radius: 0 14px 14px 0; font-size: 18px; line-height: 1.55; color: #17150f; }
.guia h2 { margin-top: 46px; font-size: clamp(24px, 2.6vw, 32px); color: #17150f; }
.guia p, .guia li { color: #3a362b; }
.guia p { margin-top: 14px; line-height: 1.7; }
.guia ul, .guia ol { margin: 14px 0 0 1.3em; }
.guia li { margin-top: 8px; line-height: 1.65; padding-left: 4px; }
.guia a:not(.botao) { color: #7a5a0b; text-decoration: underline; text-underline-offset: 3px; }
.guia a:not(.botao):hover { color: #17150f; }
.guia strong { color: #17150f; }
.guia__aviso { margin-top: 26px; padding: 16px 20px; border-radius: 12px; background: #efe9dc; font-size: 15.5px; color: #3a362b; line-height: 1.55; }
.guia__formula { margin-top: 20px; padding: 18px 22px; border-radius: 12px; background: #17150f; color: #f2eee6 !important; font-size: 17px; line-height: 1.5; }
.guia__formula strong { color: var(--ouro); }
.guia__tabela { margin-top: 22px; overflow-x: auto; border: 1px solid rgba(23, 21, 15, 0.14); border-radius: 14px; background: #fbf9f4; }
.guia table { width: 100%; border-collapse: collapse; font-size: 15.5px; }
.guia caption { text-align: left; padding: 14px 18px 4px; font-size: 14px; color: #6b6457; caption-side: top; }
.guia th, .guia td { padding: 12px 18px; text-align: left; vertical-align: top; border-top: 1px solid rgba(23, 21, 15, 0.1); color: #3a362b; }
.guia th { font-weight: 700; font-size: 14px; color: #17150f; background: #efe9dc; border-top: 0; }
.guia tr.total td { font-weight: 700; color: #17150f; background: #f3ecd9; }
.guia__rel-t { font-size: 22px !important; }
.guia__rel { list-style: none; margin: 14px 0 0 !important; }
.guia__rel li { padding: 0; }
.guia__rel a { display: inline-block; padding: 8px 0; min-height: 44px; }
.guia-cta { margin-top: 40px; padding: clamp(24px, 4vw, 36px); border-radius: 20px; background: #17150f; color: #f2eee6; }
.guia-cta h2 { margin-top: 0; color: #f2eee6 !important; font-size: clamp(22px, 2.4vw, 28px); }
.guia-cta p { color: #b3ab9c !important; margin: 10px 0 22px; max-width: 52ch; }
.guia-faq { margin-top: 18px; }
.guia-faq details { border-top: 1px solid rgba(23, 21, 15, 0.16); padding: 4px 0; }
.guia-faq details:last-child { border-bottom: 1px solid rgba(23, 21, 15, 0.16); }
.guia-faq summary { cursor: pointer; padding: 14px 0; font-weight: 700; font-size: 17px; color: #17150f; list-style-position: outside; min-height: 44px; }
.guia-faq p { margin: 0 0 16px; }
.guia-faq summary:focus-visible, .guia a:focus-visible, .guia-indice a:focus-visible { outline: 2px solid var(--ouro); outline-offset: 3px; border-radius: 4px; }

/* índice */
.guia__lista { list-style: none; margin: 34px 0 0; display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; }
.guia__lista li { margin: 0; }
.guia__lista a { display: flex; flex-direction: column; height: 100%; padding: 28px; border-radius: 20px; background: #fbf9f4; border: 1px solid rgba(23, 21, 15, 0.14); color: #17150f; transition: border-color .3s var(--ease), box-shadow .3s var(--ease); }
.guia__lista a:hover { border-color: rgba(23, 21, 15, 0.3); box-shadow: 0 16px 36px rgba(23, 21, 15, 0.1); }
.guia__lista h2 { margin: 0; font-size: 24px; }
.guia__lista p { margin: 10px 0 18px; color: #4f493e; }
.guia__ler { margin-top: auto; font-weight: 700; color: #7a5a0b; }
.guia__ler::after { content: ' →'; }
.guia-indice { background: var(--creme); }

/* "Leia também" dentro das páginas dos serviços */
.leia-tambem h2 { font-size: 24px; color: #17150f; }
.leia-tambem .guia__rel a { color: #7a5a0b; text-decoration: underline; text-underline-offset: 3px; font-weight: 600; }

@media (max-width: 760px) {
  .guia__lista { grid-template-columns: 1fr; }
  .guia th, .guia td { padding: 10px 12px; font-size: 14.5px; }
}

/* faixa de produto no meio do guia: de ponta a ponta, com a identidade de cada sistema */
.guia__in--fim { padding-top: clamp(32px, 5vw, 56px); }
.guia-vitrine { --fundo: linear-gradient(120deg, #1d1a10, #0a0907); --brilho: rgba(203, 161, 53, 0.3); --txt: #f2eee6; --txt-2: #b3ab9c; --acc: #cba135; --linha: rgba(255, 255, 255, 0.16); --btn: #cba135; --btn-txt: #17130a; position: relative; isolation: isolate; overflow: hidden; margin-top: clamp(40px, 6vw, 72px); background: var(--fundo); color: var(--txt); }
.guia-vitrine::before { content: ''; position: absolute; z-index: -1; left: -10%; top: -45%; width: 55%; aspect-ratio: 1; background: radial-gradient(closest-side, var(--brilho), transparent); }
.guia-vitrine__in { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); gap: clamp(32px, 5vw, 80px); align-items: center; padding-block: clamp(48px, 7vw, 88px); max-width: var(--caixa); }
.guia-vitrine__marca { margin: 0 0 22px !important; display: flex; align-items: center; gap: 16px; font-size: 20px; font-weight: 700; letter-spacing: -0.02em; color: var(--txt) !important; }
.guia-vitrine__marca img, .guia-vitrine__marca svg { width: 56px; height: 56px; flex: none; }
.guia-vitrine h2 { margin: 0 !important; font-size: clamp(30px, 3.6vw, 46px) !important; letter-spacing: -0.035em; line-height: 1.06; color: var(--txt) !important; }
.guia p.guia-vitrine__lead { margin-top: 18px; font-size: 17px; line-height: 1.6; color: var(--txt-2) !important; max-width: 52ch; }
.guia-vitrine__ben { list-style: none; margin: 26px 0 0 !important; display: grid; gap: 0; }
.guia-vitrine__ben li { margin: 0; padding: 14px 0 14px 28px; position: relative; display: grid; gap: 2px; border-top: 1px solid var(--linha); }
.guia-vitrine__ben li::before { content: ''; position: absolute; left: 2px; top: 21px; width: 12px; height: 7px; border-left: 2px solid var(--acc); border-bottom: 2px solid var(--acc); transform: rotate(-45deg); }
.guia-vitrine__ben strong { color: var(--txt) !important; font-size: 16.5px; }
.guia-vitrine__ben span { color: var(--txt-2) !important; font-size: 15px; line-height: 1.55; }
.guia-vitrine__acoes { margin-top: 30px; display: flex; flex-wrap: wrap; align-items: center; gap: 14px 26px; }
.guia-vitrine .botao--ouro { background: var(--btn); color: var(--btn-txt) !important; text-decoration: none; }
.guia-vitrine .botao--ouro:hover { background: var(--btn); filter: brightness(1.1); }
.guia .guia-vitrine a.link-seta { color: var(--txt); text-decoration: none; font-weight: 600; }
.guia .guia-vitrine a.link-seta:hover { color: var(--acc); }

/* imagem real do Painel numa moldura */
.guia-vitrine__tela { margin: 0; }
.guia-vitrine__tela img { width: 100%; height: auto; aspect-ratio: 1500 / 1000; object-fit: cover; object-position: top; border-radius: 18px; border: 1px solid rgba(255, 255, 255, 0.14); box-shadow: 0 30px 60px rgba(0, 0, 0, 0.5), 0 0 0 8px rgba(255, 255, 255, 0.04); transform: perspective(1400px) rotateY(-6deg) rotateX(2deg); transform-origin: left center; }
.guia-vitrine figcaption { margin-top: 18px; font-size: 13.5px; color: var(--txt-2); }

/* conversa de exemplo do agente */
.guia-vitrine--agente { --fundo: linear-gradient(120deg, #e0bb55, #bf982a); --brilho: rgba(255, 255, 255, 0.4); --txt: #17150f; --txt-2: #33290c; --acc: #17150f; --linha: rgba(23, 21, 15, 0.3); --btn: #17150f; --btn-txt: #f2eee6; }
.guia-vitrine__chat { margin: 0; }
.guia-chat { max-width: 400px; margin-inline: auto; padding: 18px; border-radius: 28px; background: #efe7d6; box-shadow: 0 30px 60px rgba(23, 21, 15, 0.35); display: flex; flex-direction: column; gap: 10px; }
.guia .guia-chat p { margin: 0; line-height: 1.45; }
.guia-chat__topo { display: flex; align-items: baseline; justify-content: space-between; padding: 4px 6px 12px; border-bottom: 1px solid rgba(23, 21, 15, 0.12); font-weight: 700; color: #17150f !important; }
.guia-chat__topo small { font-weight: 500; font-size: 12.5px; color: #1c6b43; }
.guia-chat__hora { text-align: center; font-size: 12.5px; color: #6b6457 !important; }
.guia-chat__msg { max-width: 82%; padding: 10px 14px; border-radius: 16px; font-size: 15px; }
.guia .guia-chat__msg--cliente { align-self: flex-start; background: #ffffff; color: #17150f !important; border-bottom-left-radius: 4px; }
.guia .guia-chat__msg--agente { align-self: flex-end; background: #17150f; color: #f2eee6 !important; border-bottom-right-radius: 4px; }

@media (max-width: 960px) {
  .guia-vitrine__in { grid-template-columns: 1fr; }
  .guia-vitrine__tela img { transform: none; }
}
@media (max-width: 640px) {
  .guia-vitrine__acoes { flex-direction: column; align-items: stretch; }
  .guia-vitrine__acoes .botao { justify-content: center; }
}

/* faixa "sistema sob medida" e quadro planilha x sistema */
.guia-vitrine--sob { --fundo: linear-gradient(120deg, #2a2108, #0d0c0a); --brilho: rgba(203, 161, 53, 0.28); }
.guia-ad { margin: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.guia-ad__col { padding: 26px; border-radius: 22px; }
.guia-ad__col--antes { background: rgba(255, 255, 255, 0.06); border: 1px dashed rgba(255, 255, 255, 0.3); }
.guia-ad__col--depois { background: #f7f4ec; box-shadow: 0 24px 50px rgba(0, 0, 0, 0.4); }
.guia .guia-ad__t { margin: 0; font-weight: 700; font-size: 17px; }
.guia .guia-ad__col--antes .guia-ad__t { color: var(--txt-2) !important; }
.guia .guia-ad__col--depois .guia-ad__t { color: #17150f !important; }
.guia .guia-ad ul { list-style: none; margin: 14px 0 0; }
.guia .guia-ad li { margin: 0; padding: 11px 0; font-size: 15px; line-height: 1.45; border-top: 1px solid rgba(255, 255, 255, 0.16); }
.guia .guia-ad__col--antes li { color: var(--txt-2) !important; }
.guia .guia-ad__col--depois li { color: #17150f !important; border-top-color: rgba(23, 21, 15, 0.14); }

/* página /guias: topo e uma faixa por assunto */
.guias-hero { position: relative; overflow: hidden; background: var(--preto); color: #f2eee6; padding: clamp(64px, 9vw, 110px) 0 clamp(44px, 6vw, 72px); }
.guias-hero::before { content: ''; position: absolute; inset: -30% -10% auto auto; width: 60vw; max-width: 820px; aspect-ratio: 1; background: radial-gradient(closest-side, rgba(203, 161, 53, 0.22), transparent); pointer-events: none; }
.guias-hero__in { position: relative; }
.guias-hero h1 { font-size: clamp(36px, 5.6vw, 68px); font-weight: 500; max-width: 18ch; color: #f2eee6; }
.guias-hero__lead { margin-top: 24px; max-width: 56ch; font-size: clamp(17px, 1.6vw, 20px); color: #b3ab9c; }
.guias-hero__atalhos { list-style: none; margin: 32px 0 0; display: flex; flex-wrap: wrap; gap: 12px; }
.guias-hero__atalhos a { display: inline-flex; align-items: center; min-height: 44px; padding: 0 20px; border-radius: 999px; border: 1px solid rgba(203, 161, 53, 0.5); color: #f2eee6; font-weight: 600; font-size: 15px; transition: background .25s, color .25s; }
.guias-hero__atalhos a:hover { background: var(--ouro); color: #17130a; }
.guias-hero a:focus-visible, .guias-faixa a:focus-visible { outline: 2px solid var(--ouro); outline-offset: 3px; border-radius: 6px; }

.guias-faixa { --fundo: linear-gradient(120deg, #1d1a10, #0a0907); --brilho: rgba(203, 161, 53, 0.28); --txt: #f2eee6; --txt-2: #b3ab9c; --acc: #cba135; --linha: rgba(255, 255, 255, 0.16); --cartao: rgba(255, 255, 255, 0.06); --btn: #cba135; --btn-txt: #17130a; position: relative; isolation: isolate; overflow: hidden; background: var(--fundo); color: var(--txt); scroll-margin-top: 76px; }
.guias-faixa::before { content: ''; position: absolute; z-index: -1; left: -8%; top: -50%; width: 50%; aspect-ratio: 1; background: radial-gradient(closest-side, var(--brilho), transparent); }
.guias-faixa__in { padding-block: clamp(48px, 7vw, 88px); }
.guias-faixa__cab { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 22px 40px; }
.guias-faixa__marca { display: flex; align-items: center; gap: 20px; max-width: 700px; }
.guias-faixa__marca > img, .guias-faixa__marca > svg { width: 64px; height: 64px; flex: none; }
.guias-faixa h2 { font-size: clamp(28px, 3.4vw, 42px); letter-spacing: -0.035em; line-height: 1.06; color: var(--txt); }
.guias-faixa__marca p { margin-top: 8px; color: var(--txt-2); font-size: 16.5px; line-height: 1.5; }
.guias-faixa .botao--ouro { background: var(--btn); color: var(--btn-txt); }
.guias-faixa .botao--ouro:hover { background: var(--btn); filter: brightness(1.1); }
.guias-faixa__lista { list-style: none; margin: clamp(28px, 4vw, 44px) 0 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
.guias-faixa__lista a { display: flex; flex-direction: column; height: 100%; padding: 28px; border-radius: 20px; background: var(--cartao); border: 1px solid var(--linha); color: var(--txt); transition: transform .3s var(--ease), border-color .3s var(--ease), box-shadow .3s var(--ease); }
.guias-faixa__lista a:hover { transform: translateY(-3px); border-color: var(--acc); box-shadow: 0 18px 40px rgba(0, 0, 0, 0.25); }
.guias-faixa__lista h3 { font-size: 23px; letter-spacing: -0.025em; line-height: 1.2; }
.guias-faixa__lista p { margin: 10px 0 20px; color: var(--txt-2); font-size: 15.5px; line-height: 1.55; }
.guias-card__ler { margin-top: auto; font-weight: 700; color: var(--acc); }
.guias-card__ler::after { content: ' →'; }

.guias-faixa--agente { --fundo: linear-gradient(120deg, #e0bb55, #bf982a); --brilho: rgba(255, 255, 255, 0.4); --txt: #17150f; --txt-2: #33290c; --acc: #17150f; --linha: rgba(23, 21, 15, 0.3); --cartao: rgba(255, 255, 255, 0.34); --btn: #17150f; --btn-txt: #f2eee6; }
.guias-faixa--sob { --fundo: #f7f4ec; --brilho: rgba(203, 161, 53, 0.22); --txt: #17150f; --txt-2: #4f493e; --acc: #7a5a0b; --linha: rgba(23, 21, 15, 0.16); --cartao: #ffffff; --btn: #17150f; --btn-txt: #f2eee6; }

@media (max-width: 760px) {
  .guia-ad { grid-template-columns: 1fr; }
  .guias-faixa__lista { grid-template-columns: 1fr; }
  .guias-faixa__marca { flex-direction: column; align-items: flex-start; }
  .guias-faixa__cab .botao { width: 100%; justify-content: center; }
}

/* faixa "criação de sites": navegador de exemplo sobre fundo creme */
.guia-vitrine--site { --fundo: linear-gradient(120deg, #efe9dc, #e0d6bf); --brilho: rgba(203, 161, 53, 0.3); --txt: #17150f; --txt-2: #4f493e; --acc: #7a5a0b; --linha: rgba(23, 21, 15, 0.2); --btn: #17150f; --btn-txt: #f2eee6; }
.guia-site { margin: 0; position: relative; }
.guia-site__janela { border-radius: 18px; overflow: hidden; background: #17150f; box-shadow: 0 30px 60px rgba(23, 21, 15, 0.3); }
.guia-site__barra { display: flex; align-items: center; gap: 7px; padding: 12px 16px; background: #2a261c; }
.guia-site__barra i { width: 10px; height: 10px; border-radius: 50%; background: #5c5548; }
.guia-site__barra span { margin-left: 10px; padding: 3px 14px; border-radius: 999px; background: #17150f; color: #b3ab9c; font-size: 12.5px; }
.guia-site__tela { padding: 26px; display: grid; gap: 12px; background: #f7f4ec; }
.guia-site__hero { display: grid; gap: 8px; }
.guia-site__hero b { display: block; height: 18px; border-radius: 6px; background: #17150f; width: 80%; }
.guia-site__hero b + b { width: 55%; background: #cba135; }
.guia-site__linha { height: 9px; border-radius: 5px; background: #d9d1bf; }
.guia-site__linha--curta { width: 70%; }
.guia-site__botao { justify-self: start; padding: 10px 18px; border-radius: 6px; background: #cba135; color: #17130a; font-weight: 700; font-size: 14px; }
.guia-site__trio { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin-top: 6px; }
.guia-site__trio i { display: block; height: 54px; border-radius: 10px; background: #e9e2d2; }
.guia .guia-site__aviso { position: absolute; right: -10px; bottom: 38px; margin: 0; display: flex; align-items: center; gap: 8px; padding: 10px 16px; border-radius: 12px; background: #17150f; color: #f2eee6 !important; font-size: 13.5px; font-weight: 600; box-shadow: 0 14px 30px rgba(23, 21, 15, 0.35); }
.guia-site__aviso span { display: grid; place-items: center; width: 20px; height: 20px; border-radius: 50%; background: #3ddc84; color: #17150f; font-size: 12px; }

/* faixa "criação de conteúdo": cronograma de exemplo */
.guia-vitrine--conteudo { --fundo: linear-gradient(120deg, #4a2210, #241008); --brilho: rgba(255, 176, 133, 0.28); --txt: #fff1e8; --txt-2: #e2bca4; --acc: #ffb085; --linha: rgba(255, 176, 133, 0.24); --btn: #ffb085; --btn-txt: #3a1a0c; }
.guia p.guia-vitrine__nota { margin-top: 22px; padding: 10px 14px; border-radius: 10px; background: rgba(255, 255, 255, 0.08); font-size: 14.5px; color: var(--txt) !important; display: inline-block; }
.guia-cal { margin: 0; padding: 26px; border-radius: 22px; background: #fff1e8; box-shadow: 0 30px 60px rgba(0, 0, 0, 0.4); }
.guia .guia-cal__t { margin: 0 0 16px; font-weight: 700; color: #3a1a0c !important; }
.guia-cal__grade { display: grid; grid-template-columns: repeat(7, 1fr); gap: 8px; }
.guia-cal__d { display: block; aspect-ratio: 1; border-radius: 10px; background: #f0dccd; }
.guia-cal__d--v { background: #3a1a0c; }
.guia-cal__d--p { background: #ffb085; }
.guia-cal__d--a { background: #cba135; }
.guia-cal__d--d { background: #c4572d; }
.guia-cal__leg { list-style: none; margin: 18px 0 0 !important; display: flex; flex-wrap: wrap; gap: 8px 16px; }
.guia .guia-cal__leg li { margin: 0; padding: 0 0 0 18px; position: relative; font-size: 13.5px; color: #3a1a0c !important; }
.guia-cal__leg li::before { content: ''; position: absolute; left: 0; top: 4px; width: 11px; height: 11px; border-radius: 3px; }
.guia-cal__l--v::before { background: #3a1a0c; }
.guia-cal__l--p::before { background: #ffb085; }
.guia-cal__l--a::before { background: #cba135; }
.guia-cal__l--d::before { background: #c4572d; }
.guia-cal figcaption { margin-top: 16px; color: #6b4a38 !important; }
.guia-site figcaption { color: var(--txt-2); }

/* índice: faixas por ramo e por assunto */
.guias-faixa--clinicas { --fundo: linear-gradient(120deg, #0f3b3a, #071f1e); --brilho: rgba(127, 224, 200, 0.28); --txt: #eafaf6; --txt-2: #a9d6cc; --acc: #7fe0c8; --linha: rgba(127, 224, 200, 0.24); --btn: #7fe0c8; --btn-txt: #06201e; }
.guias-faixa--lojas { --fundo: linear-gradient(120deg, #3a1d4a, #1c0e26); --brilho: rgba(230, 184, 255, 0.26); --txt: #f6ecfb; --txt-2: #cfb4de; --acc: #e6b8ff; --linha: rgba(230, 184, 255, 0.24); --btn: #e6b8ff; --btn-txt: #2a1235; }
.guias-faixa--conteudo { --fundo: linear-gradient(120deg, #4a2210, #241008); --brilho: rgba(255, 176, 133, 0.26); --txt: #fff1e8; --txt-2: #e2bca4; --acc: #ffb085; --linha: rgba(255, 176, 133, 0.24); --btn: #ffb085; --btn-txt: #3a1a0c; }
.guias-faixa__lista a { background: var(--cartao); }

@media (max-width: 760px) {
  .guia-site__aviso { right: 6px; }
}

/* relatório de exemplo (faixa de tráfego pago) */
.guia-kpis { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }
.guia-kpi { padding: 14px; border-radius: 14px; background: #f7e3d5; }
.guia .guia-kpi p { margin: 0 0 12px; font-size: 13px; font-weight: 700; color: #3a1a0c !important; line-height: 1.3; }
.guia-kpi__barras { display: flex; align-items: flex-end; gap: 5px; height: 70px; }
.guia-kpi__barras i { flex: 1; display: block; background: #c4572d; border-radius: 3px 3px 0 0; }
@media (max-width: 640px) { .guia-kpis { grid-template-columns: 1fr; } .guia-kpi__barras { height: 46px; } }

/* atalhos do topo dos guias: três por linha */
.guias-hero__atalhos { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; max-width: 820px; }
.guias-hero__atalhos a { justify-content: center; text-align: center; width: 100%; }
@media (max-width: 640px) { .guias-hero__atalhos { grid-template-columns: repeat(2, minmax(0, 1fr)); } .guias-hero__atalhos a { padding: 0 12px; font-size: 14px; } }

/* ===== temas de cor: um por categoria (cartões, topo e faixa de venda de cada categoria) ===== */
.tema-painel { --fundo: linear-gradient(135deg, #1d1a10, #0a0907); --brilho: rgba(203, 161, 53, 0.3); --txt: #f2eee6; --txt-2: #b3ab9c; --acc: #cba135; --linha: rgba(255, 255, 255, 0.16); --cartao: rgba(255, 255, 255, 0.06); --btn: #cba135; --btn-txt: #17130a; }
.tema-clinicas { --fundo: linear-gradient(135deg, #0f3b3a, #071f1e); --brilho: rgba(127, 224, 200, 0.28); --txt: #eafaf6; --txt-2: #a9d6cc; --acc: #7fe0c8; --linha: rgba(127, 224, 200, 0.26); --cartao: rgba(255, 255, 255, 0.06); --btn: #7fe0c8; --btn-txt: #06201e; }
.tema-lojas { --fundo: linear-gradient(135deg, #3a1d4a, #1c0e26); --brilho: rgba(230, 184, 255, 0.26); --txt: #f6ecfb; --txt-2: #cfb4de; --acc: #e6b8ff; --linha: rgba(230, 184, 255, 0.26); --cartao: rgba(255, 255, 255, 0.06); --btn: #e6b8ff; --btn-txt: #2a1235; }
.tema-saloes { --fundo: linear-gradient(135deg, #5a1f3d, #2b0e1e); --brilho: rgba(255, 158, 199, 0.28); --txt: #ffeef6; --txt-2: #e6b4cb; --acc: #ff9ec7; --linha: rgba(255, 158, 199, 0.26); --cartao: rgba(255, 255, 255, 0.06); --btn: #ff9ec7; --btn-txt: #3a1228; }
.tema-pet { --fundo: linear-gradient(135deg, #25421f, #12230f); --brilho: rgba(183, 224, 122, 0.26); --txt: #f2fbe6; --txt-2: #bfd9a0; --acc: #b7e07a; --linha: rgba(183, 224, 122, 0.26); --cartao: rgba(255, 255, 255, 0.06); --btn: #b7e07a; --btn-txt: #1d3414; }
.tema-academias { --fundo: linear-gradient(135deg, #0b2a5b, #06142e); --brilho: rgba(106, 183, 255, 0.28); --txt: #eaf3ff; --txt-2: #a9c8ee; --acc: #6ab7ff; --linha: rgba(106, 183, 255, 0.28); --cartao: rgba(255, 255, 255, 0.06); --btn: #6ab7ff; --btn-txt: #071d40; }
.tema-advogados { --fundo: linear-gradient(135deg, #272b35, #111318); --brilho: rgba(216, 194, 138, 0.24); --txt: #f3efe4; --txt-2: #bdb6a3; --acc: #d8c28a; --linha: rgba(216, 194, 138, 0.26); --cartao: rgba(255, 255, 255, 0.06); --btn: #d8c28a; --btn-txt: #1b1e26; }
.tema-imobiliarias { --fundo: linear-gradient(135deg, #4a1520, #230a10); --brilho: rgba(240, 166, 181, 0.26); --txt: #fdeef1; --txt-2: #e3b4bd; --acc: #f0a6b5; --linha: rgba(240, 166, 181, 0.26); --cartao: rgba(255, 255, 255, 0.06); --btn: #f0a6b5; --btn-txt: #3a0f1a; }
.tema-conteudo { --fundo: linear-gradient(135deg, #4a2210, #241008); --brilho: rgba(255, 176, 133, 0.26); --txt: #fff1e8; --txt-2: #e2bca4; --acc: #ffb085; --linha: rgba(255, 176, 133, 0.26); --cartao: rgba(255, 255, 255, 0.06); --btn: #ffb085; --btn-txt: #3a1a0c; }
.tema-agente { --fundo: linear-gradient(135deg, #e0bb55, #bf982a); --brilho: rgba(255, 255, 255, 0.4); --txt: #17150f; --txt-2: #33290c; --acc: #17150f; --linha: rgba(23, 21, 15, 0.3); --cartao: rgba(255, 255, 255, 0.34); --btn: #17150f; --btn-txt: #f2eee6; }
.tema-sob { --fundo: #f7f4ec; --brilho: rgba(203, 161, 53, 0.22); --txt: #17150f; --txt-2: #4f493e; --acc: #7a5a0b; --linha: rgba(23, 21, 15, 0.18); --cartao: #ffffff; --btn: #17150f; --btn-txt: #f2eee6; }

/* ===== /guias: painel compacto de categorias ===== */
.guias-hero--curto { padding: clamp(48px, 7vw, 84px) 0 clamp(32px, 5vw, 56px); }
.guias-hero--curto h1 { font-size: clamp(32px, 4.6vw, 56px); max-width: 22ch; }
.cats { padding: clamp(36px, 5vw, 64px) 0 clamp(56px, 8vw, 96px); background: var(--creme); }
.cats__t { font-size: 15px; font-weight: 700; letter-spacing: 0; color: #6b6457; margin: 0 0 18px; }
.cats__t:not(:first-child) { margin-top: clamp(36px, 5vw, 56px); }
.cats__grade { list-style: none; margin: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.cat { position: relative; isolation: isolate; overflow: hidden; display: flex; flex-direction: column; min-height: 220px; height: 100%; padding: 26px; border-radius: 22px; background: var(--fundo); color: var(--txt); border: 1px solid var(--linha); transition: transform .3s var(--ease), box-shadow .3s var(--ease); }
.cat::before { content: ''; position: absolute; z-index: -1; right: -20%; top: -40%; width: 70%; aspect-ratio: 1; background: radial-gradient(closest-side, var(--brilho), transparent); }
.cat:hover { transform: translateY(-4px); box-shadow: 0 22px 44px rgba(23, 21, 15, 0.22); }
.cat__icone svg { display: block; width: 52px; height: 52px; }
.cat h3 { margin-top: 18px; font-size: 24px; letter-spacing: -0.025em; line-height: 1.15; color: var(--txt); }
.cat p { margin: 8px 0 0; font-size: 15px; line-height: 1.5; color: var(--txt-2); }
.cat__rodape { margin-top: auto; padding-top: 20px; display: flex; align-items: center; justify-content: space-between; font-size: 14px; }
.cat__rodape b { font-weight: 700; color: var(--txt); }
.cat__ir { font-weight: 700; color: var(--acc); }
.cat__ir::after { content: ' →'; }
.cat:focus-visible, .hub-lista a:focus-visible, .hub-hero a:focus-visible { outline: 2px solid var(--ouro); outline-offset: 3px; }

/* ===== página de uma categoria ===== */
.hub-hero { position: relative; isolation: isolate; overflow: hidden; background: var(--fundo); color: var(--txt); padding: clamp(40px, 6vw, 72px) 0 clamp(36px, 5vw, 60px); }
.hub-hero::before { content: ''; position: absolute; z-index: -1; right: -10%; top: -50%; width: 55%; aspect-ratio: 1; background: radial-gradient(closest-side, var(--brilho), transparent); }
.hub-hero__trilha { font-size: 14px; color: var(--txt-2); margin-bottom: 22px; }
.hub-hero__trilha a { color: var(--txt-2); text-decoration: underline; text-underline-offset: 3px; }
.hub-hero__linha { display: flex; align-items: center; gap: 20px; }
.hub-hero__icone svg { display: block; width: 72px; height: 72px; flex: none; }
.hub-hero h1 { font-size: clamp(32px, 4.6vw, 54px); font-weight: 500; line-height: 1.05; color: var(--txt); }
.hub-hero__lead { margin-top: 20px; max-width: 58ch; font-size: clamp(17px, 1.6vw, 20px); color: var(--txt-2); }
.hub-lista { padding: clamp(32px, 5vw, 56px) 0; background: var(--creme); }
.hub-lista__grade { list-style: none; margin: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
.hub-lista a { display: flex; flex-direction: column; height: 100%; padding: 28px; border-radius: 20px; background: #fbf9f4; border: 1px solid rgba(23, 21, 15, 0.14); color: #17150f; transition: border-color .3s var(--ease), box-shadow .3s var(--ease), transform .3s var(--ease); }
.hub-lista a:hover { border-color: rgba(23, 21, 15, 0.32); box-shadow: 0 16px 36px rgba(23, 21, 15, 0.1); transform: translateY(-2px); }
.hub-lista h2 { font-size: 23px; letter-spacing: -0.025em; line-height: 1.2; }
.hub-lista p { margin: 10px 0 20px; color: #4f493e; font-size: 15.5px; line-height: 1.55; }
.hub__ler { margin-top: auto; font-weight: 700; color: #7a5a0b; }
.hub__ler::after { content: ' →'; }
.hub-venda { background: var(--fundo); color: var(--txt); padding: clamp(32px, 5vw, 52px) 0; }
.hub-venda__in { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 20px 40px; }
.hub-venda__nome { font-size: clamp(22px, 2.4vw, 30px); font-weight: 600; letter-spacing: -0.03em; color: var(--txt); }
.hub-venda__frase { margin-top: 6px; max-width: 56ch; color: var(--txt-2); }
.hub-venda .botao--ouro { background: var(--btn); color: var(--btn-txt); }
.hub-venda .botao--ouro:hover { background: var(--btn); filter: brightness(1.1); }

@media (max-width: 960px) { .cats__grade { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 640px) {
  .cats__grade { grid-template-columns: 1fr; }
  .cat { min-height: 0; padding: 22px; }
  .hub-lista__grade { grid-template-columns: 1fr; }
  .hub-hero__icone svg { width: 56px; height: 56px; }
  .hub-venda__in .botao { width: 100%; justify-content: center; }
}