/* Radar de Viagens · identidade Areia. Regras de forma: botões, chips e barra de busca em pílula; cartões, fotos e painéis 16px; campos 10px. */
:root {
  --fundo:#f3f4f6; --fundo2:#e8ebef; --branco:#ffffff; --tinta:#1c2230; --tinta2:#5b6472; --tinta3:#9aa3b1; --fio:#e3e7ec; --fio2:#cfd5dd;
  --acento:#0f8f7a; --acento2:#14a385; --acento-escuro:#0b6e5e; --acento-suave:#dff7f0; --ouro:#b48a1e; --ouro-suave:#fff3d1; --verde:#0f8f7a; --verde-suave:#dff7f0; --vermelho:#b23b2e;
  --vidro:rgba(255,255,255,.62); --vidro-fio:rgba(255,255,255,.75);
  --s1:0 1px 2px rgba(20,30,50,.05); --s2:0 8px 24px rgba(20,30,50,.10); --s3:0 24px 60px -16px rgba(20,30,50,.30), inset 0 1px 0 rgba(255,255,255,.7); --s4:0 40px 90px -20px rgba(20,30,50,.35);
  --sombra:var(--s2); --sombra2:var(--s1); --raio:18px; --raio-campo:10px;
  --fonte:"Outfit", -apple-system, "Helvetica Neue", system-ui, sans-serif; --suave:cubic-bezier(.16,1,.3,1);
}
* { box-sizing:border-box; } html { color-scheme:light; scroll-behavior:smooth; }
body { margin:0; background:radial-gradient(1200px 600px at 85% -10%, #dff7f0 0%, transparent 60%), radial-gradient(900px 500px at -10% 40%, #e6edf3 0%, transparent 60%), var(--fundo); background-attachment:fixed; color:var(--tinta); font:15px/1.5 var(--fonte); -webkit-font-smoothing:antialiased; }
a { color:inherit; text-decoration:none; } code { font-size:13px; background:var(--fundo2); padding:1px 5px; border-radius:5px; } .ti { line-height:1; }
h1 { font-size:clamp(30px,4vw,44px); line-height:1.08; letter-spacing:-.025em; margin:0 0 12px; font-weight:600; }
h2 { font-size:22px; letter-spacing:-.015em; margin:44px 0 16px; font-weight:600; } h3 { font-weight:600; }
.sub { color:var(--tinta2); margin:0 0 22px; max-width:62ch; font-size:16px; }
.num, .preco, .tab { font-variant-numeric:tabular-nums; }

/* Cabeçalho */
header.cab { position:sticky; top:0; background:rgba(243,244,246,.72); backdrop-filter:blur(18px) saturate(150%); border-bottom:1px solid var(--vidro-fio); z-index:5; }
.topo { max-width:1240px; margin:0 auto; padding:0 24px; height:68px; display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:16px; }
.marca { display:flex; align-items:center; gap:10px; font-weight:600; font-size:24px; color:var(--tinta); letter-spacing:-.03em; }
.marca .ti { font-size:26px; } .marca .logo { flex:none; }
.direita { display:flex; justify-content:flex-end; align-items:center; gap:4px; }
.direita a { white-space:nowrap; padding:9px 14px; border-radius:999px; font-weight:500; font-size:14px; color:var(--tinta2); }
.direita a:hover { background:var(--fundo2); color:var(--tinta); } .direita a.ativa { color:var(--tinta); background:var(--fundo2); }
.avatar { width:34px; height:34px; border-radius:50%; background:var(--acento-suave); color:var(--acento); display:grid; place-items:center; font-size:12px; font-weight:600; margin-left:6px; }

/* Barra de busca em pílula (resumo no cabeçalho e formulário no hero) */
.pilula { display:flex; align-items:center; border:1px solid var(--vidro-fio); border-radius:999px; box-shadow:var(--s2); background:var(--vidro); backdrop-filter:blur(14px); padding:5px 5px 5px 20px; min-height:54px; }
.pilula > div { padding:2px 16px 2px 0; border-right:1px solid var(--fio); margin-right:16px; min-width:0; } .pilula > div:last-of-type { border:0; }
.pilula b { display:block; font-size:11px; font-weight:600; text-transform:uppercase; letter-spacing:.06em; color:var(--tinta2); } .pilula span { font-size:13px; color:var(--tinta); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; display:block; }
.pilula .lupa { background:linear-gradient(145deg, var(--acento2), var(--acento)); box-shadow:0 6px 14px -4px var(--acento); color:#fff; border:0; width:44px; height:44px; border-radius:50%; font-size:20px; cursor:pointer; display:grid; place-items:center; flex:none; padding:0; transition:transform .2s var(--suave), background .2s; }
.pilula .lupa:hover { background:var(--acento-escuro); } .pilula .lupa:active { transform:scale(.96); }
.busca { display:grid; grid-template-columns:1.25fr 1.25fr 1.25fr .5fr .95fr auto; align-items:center; border:1px solid var(--vidro-fio); border-radius:999px; box-shadow:var(--s3); background:var(--vidro); backdrop-filter:blur(18px) saturate(150%); padding:6px 6px 6px 8px; margin-top:26px; }
.busca .cel { padding:8px 14px; border-right:1px solid var(--fio); position:relative; min-width:0; } .busca .cel:nth-last-child(2) { border:0; }
.busca label { margin:0 0 1px; font-size:11px; text-transform:uppercase; letter-spacing:.06em; color:var(--tinta2); font-weight:600; }
.busca input[type=text], .busca input[type=number], .busca input[type=date] { border:0; background:transparent; padding:0; font-size:14px; width:100%; box-shadow:none; border-radius:0; height:24px; }
.busca input:focus { box-shadow:none; border:0; } .busca input[type=date]::-webkit-calendar-picker-indicator { opacity:.5; } .busca input[type=number]::-webkit-inner-spin-button { display:none; }
.busca .lupa { background:linear-gradient(145deg, var(--acento2), var(--acento)); box-shadow:0 10px 20px -8px var(--acento), inset 0 1px 0 rgba(255,255,255,.35); color:#fff; border:0; height:50px; padding:0 22px; border-radius:999px; font:inherit; font-weight:600; font-size:15px; cursor:pointer; display:flex; align-items:center; gap:8px; white-space:nowrap; transition:transform .2s var(--suave), background .2s; }
.busca .lupa:hover { background:var(--acento-escuro); } .busca .lupa:active { transform:scale(.97); } .busca .lupa[disabled] { opacity:.6; }

/* Categorias com ícones */
.categorias { max-width:1240px; margin:0 auto; padding:0 24px; display:flex; gap:6px; overflow-x:auto; scrollbar-width:none; }
.categorias button { background:none; border:0; font:inherit; cursor:pointer; padding:14px 12px 12px; color:var(--tinta2); font-size:13px; font-weight:500; border-bottom:2px solid transparent; white-space:nowrap; display:flex; flex-direction:column; align-items:center; gap:6px; margin-bottom:-1px; transition:color .2s; }
.categorias button .ti { font-size:22px; } .categorias button:hover { color:var(--tinta); } .categorias .on { color:var(--tinta); border-color:var(--tinta); }
.categorias .sep { width:1px; background:var(--fio); margin:14px 10px; flex:none; }

main { max-width:1240px; margin:0 auto; padding:28px 24px 100px; }

/* Hero da busca */
.hero { display:grid; grid-template-columns:1.15fr .85fr; gap:40px; align-items:center; padding:24px 0 8px; }
.hero .cena { position:relative; perspective:1200px; }
.hero .foto-hero { aspect-ratio:4/3.2; border-radius:28px; overflow:hidden; box-shadow:var(--s4); }
.hero .painel-vidro { position:absolute; right:-14px; bottom:-18px; width:min(330px, 80%); padding:18px 20px; border-radius:20px; background:rgba(255,255,255,.55); backdrop-filter:blur(22px) saturate(160%); border:1px solid rgba(255,255,255,.75); box-shadow:var(--s3); transition:transform .6s var(--suave); }
.hero .cena:hover .painel-vidro { transform:translateY(-6px); }
.hero .painel-vidro small { color:var(--tinta2); display:block; font-size:13px; } .hero .painel-vidro .v { font-size:30px; font-weight:600; letter-spacing:-.02em; line-height:1.1; margin:2px 0; } .hero .painel-vidro .v s { font-size:15px; color:var(--tinta3); margin-left:6px; font-weight:400; } .hero .painel-vidro .e { color:var(--verde); font-weight:600; font-size:13px; }
.hero .foto-hero img { width:100%; height:100%; object-fit:cover; display:block; }

/* Chips e filtros */
.filtros { display:flex; gap:8px; flex-wrap:wrap; margin:0 0 22px; }
.chip { border:1px solid var(--vidro-fio); border-radius:999px; padding:8px 14px; font-size:13px; background:var(--vidro); backdrop-filter:blur(10px); box-shadow:var(--s1); cursor:pointer; font-family:inherit; color:var(--tinta); display:inline-flex; align-items:center; gap:6px; transition:background .2s, border-color .2s; }
.chip:hover { border-color:var(--tinta); } .chip.on { border-color:var(--tinta); background:var(--tinta); color:#fff; } .chip.fixo { cursor:default; color:var(--tinta2); }

/* Números de resumo (sem caixas) */
.resumo { display:flex; gap:14px; flex-wrap:wrap; margin:6px 0 30px; }
.resumo > div { background:var(--vidro); backdrop-filter:blur(12px); border:1px solid var(--vidro-fio); border-radius:16px; padding:14px 18px; min-width:150px; box-shadow:var(--s2); }
.resumo b { font-size:26px; letter-spacing:-.02em; display:block; font-weight:600; line-height:1.1; } .resumo span { color:var(--tinta2); font-size:13px; }

/* Cartões de destino */
.grade { display:grid; grid-template-columns:repeat(auto-fill,minmax(270px,1fr)); gap:30px 22px; }
.grade { perspective:1400px; }
.cartao { display:block; cursor:pointer; border-radius:var(--raio); background:var(--vidro); backdrop-filter:blur(14px); border:1px solid var(--vidro-fio); box-shadow:var(--s2); transform-style:preserve-3d; transition:transform .5s var(--suave), box-shadow .5s; will-change:transform; }
.cartao:hover { box-shadow:var(--s3); } .cartao:hover .foto img { transform:scale(1.05); }
.cartao .corpo { padding:12px 16px 16px; transform:translateZ(16px); }
.cartao.aberto { outline:2px solid var(--tinta); outline-offset:3px; }
.foto { aspect-ratio:20/14; border-radius:var(--raio) var(--raio) 0 0; position:relative; overflow:hidden; background:var(--fundo2); transform:translateZ(8px); }
.foto::after { content:""; position:absolute; inset:0; background:linear-gradient(to top, rgba(0,0,0,.22), transparent 50%); pointer-events:none; }
.foto img { width:100%; height:100%; object-fit:cover; display:block; transition:transform .6s var(--suave); }
.foto .selo { position:absolute; top:12px; left:12px; background:var(--branco); color:var(--tinta); font-size:12px; font-weight:600; padding:5px 10px; border-radius:999px; box-shadow:var(--s2); z-index:1; }
.foto .selo.ouro { background:var(--ouro-suave); color:var(--ouro); } .foto .selo.fraco { background:rgba(255,253,250,.85); color:var(--tinta2); font-weight:500; }
.cartao .t { margin-top:0; display:flex; justify-content:space-between; gap:10px; font-weight:600; font-size:15px; }
.cartao .t small { color:var(--verde); font-weight:600; font-size:13px; white-space:nowrap; }
.cartao .s { color:var(--tinta2); font-size:14px; margin-top:2px; }
.cartao .p { margin-top:6px; } .cartao .p b { font-size:17px; font-weight:600; } .cartao .p s { color:var(--tinta3); margin-left:6px; font-weight:400; }
.classes { display:flex; gap:6px; margin-top:10px; }
.classes span { flex:1; font-size:11px; color:var(--tinta2); border:1px solid var(--fio); border-radius:8px; padding:5px 4px; text-align:center; line-height:1.25; background:var(--branco); }
.classes span b { display:block; color:var(--tinta); font-size:12px; white-space:nowrap; font-weight:600; }
.classes span.dist { border-color:var(--ouro); background:var(--ouro-suave); color:var(--ouro); } .classes span.dist b { color:var(--ouro); }

/* Oportunidade Ouro */
.ouro { display:grid; grid-template-columns:250px 1fr auto; gap:24px; align-items:center; border:1px solid var(--vidro-fio); border-radius:20px; padding:14px; box-shadow:var(--s3); background:var(--vidro); backdrop-filter:blur(14px); margin-bottom:16px; transform-style:preserve-3d; transition:transform .5s var(--suave); }
.ouro .foto { aspect-ratio:16/10; border-radius:12px; transform:none; }
.ouro h3 { margin:0 0 6px; font-size:19px; } .ouro p { margin:0; color:var(--tinta2); }
.ouro .preco { text-align:right; padding-right:10px; } .ouro .preco b { font-size:30px; letter-spacing:-.02em; display:block; font-weight:600; } .ouro .preco s { color:var(--tinta3); } .ouro .preco .e { color:var(--verde); font-weight:600; font-size:14px; }

/* Botões */
.btn { display:inline-flex; align-items:center; gap:8px; background:linear-gradient(145deg, var(--acento2), var(--acento)); color:#fff; padding:11px 20px; border-radius:999px; font-weight:600; border:0; font:inherit; font-size:14px; cursor:pointer; white-space:nowrap; box-shadow:0 10px 20px -8px var(--acento), inset 0 1px 0 rgba(255,255,255,.35); transition:transform .25s var(--suave), box-shadow .25s; }
.btn:hover { transform:translateY(-2px); box-shadow:0 16px 28px -10px var(--acento), inset 0 1px 0 rgba(255,255,255,.35); } .btn:active { transform:translateY(0) scale(.98); }
.btn.claro { background:var(--branco); color:var(--tinta); border:1px solid var(--fio); box-shadow:var(--s2); } .btn.claro:hover { background:var(--fundo2); }
.btn.mini { padding:6px 12px; font-size:13px; } .btn[disabled] { opacity:.5; cursor:progress; }
.acoes { display:flex; gap:8px; flex-wrap:wrap; margin-top:14px; }

/* Detalhe da oferta */
.detalhe { border:1px solid var(--vidro-fio); border-radius:var(--raio); padding:26px; box-shadow:var(--s3); background:var(--vidro); backdrop-filter:blur(16px); display:grid; grid-template-columns:1.3fr 1fr; gap:30px; margin:0 0 34px; }
.detalhe h3 { margin:0 0 6px; font-size:24px; letter-spacing:-.02em; } .detalhe p { color:var(--tinta2); margin:0 0 10px; }
.detalhe .frase { font-size:18px; color:var(--tinta); line-height:1.4; } .detalhe .frase b { color:var(--verde); font-weight:600; }
table { width:100%; border-collapse:collapse; font-size:14px; }
th { text-align:left; font-weight:600; color:var(--tinta2); font-size:12px; padding:8px 8px; border-bottom:1px solid var(--fio); }
td { padding:10px 8px; border-bottom:1px solid var(--fio); vertical-align:top; } tr:last-child td { border-bottom:0; } td.num, th.num { text-align:right; }
td.corta { max-width:200px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
tr.pref td { background:var(--acento-suave); } tr.dist td:last-child { color:var(--ouro); }

/* Blocos e formulários */
.nota { background:var(--vidro); border:1px solid var(--vidro-fio); backdrop-filter:blur(10px); border-radius:var(--raio-campo); padding:14px 18px; color:var(--tinta2); font-size:14px; }
.nota.erro { background:#f6dfdb; color:var(--vermelho); }
.painel { background:var(--vidro); backdrop-filter:blur(14px); border:1px solid var(--vidro-fio); border-radius:var(--raio); padding:22px 24px; overflow-x:auto; box-shadow:var(--s2); }
.grade2 { display:grid; grid-template-columns:repeat(auto-fit,minmax(300px,1fr)); gap:18px 32px; }
.bloco { border-top:1px solid var(--fio); padding:22px 0; }
label { display:block; font-size:13px; color:var(--tinta2); margin-bottom:6px; font-weight:500; }
input[type=text], input[type=number], input[type=date], input[type=email], input[type=password], input[type=month], select { width:100%; background:var(--branco); border:1px solid var(--fio2); color:var(--tinta); border-radius:var(--raio-campo); padding:10px 12px; font:inherit; outline:none; }
input:focus, select:focus { border-color:var(--tinta); box-shadow:0 0 0 3px rgba(43,37,33,.08); }
input::placeholder { color:var(--tinta3); }
.campo { margin-bottom:18px; position:relative; } .linha { display:flex; gap:14px; flex-wrap:wrap; } .linha > * { flex:1 1 160px; }
.seg { display:inline-flex; background:var(--fundo2); border-radius:999px; padding:4px; gap:2px; flex-wrap:wrap; }
.seg button { background:transparent; color:var(--tinta2); border:0; padding:8px 14px; border-radius:999px; cursor:pointer; font:inherit; font-size:13px; font-weight:500; }
.seg button.on { background:var(--tinta); color:#fff; }
.marcar { display:flex; align-items:center; gap:10px; color:var(--tinta2); font-size:14px; margin:10px 0; cursor:pointer; } .marcar input { width:18px; height:18px; accent-color:var(--acento); }
.ajuda { color:var(--tinta3); font-size:12px; margin-top:4px; }
.sugestoes { position:absolute; left:0; right:0; top:100%; background:var(--branco); border:1px solid var(--fio2); border-radius:12px; margin-top:6px; z-index:10; overflow:hidden; box-shadow:var(--sombra); }
.sugestoes div { padding:9px 14px; cursor:pointer; font-size:14px; } .sugestoes div:hover, .sugestoes div.sel { background:var(--fundo2); }
.sugestoes span { color:var(--tinta3); font-size:12px; margin-left:6px; } .sugestoes b { color:var(--acento); margin-right:4px; }
.busca .sugestoes { left:8px; right:auto; min-width:340px; }
.selo { display:inline-block; font-size:12px; font-weight:600; padding:4px 10px; border-radius:999px; }
.selo.verde { background:var(--verde-suave); color:var(--verde); } .selo.ouro { background:var(--ouro-suave); color:var(--ouro); } .selo.cinza { background:var(--fundo2); color:var(--tinta2); } .selo.azul { background:#e3ebf1; color:#4c6f8c; }
.vazio { color:var(--tinta3); padding:36px; text-align:center; border:1px dashed var(--fio2); border-radius:var(--raio); }
.esqueleto { border-radius:var(--raio); background:linear-gradient(90deg, var(--fundo2) 25%, #f7f2ea 50%, var(--fundo2) 75%); background-size:200% 100%; animation:brilho 1.4s infinite; }
@keyframes brilho { to { background-position:-200% 0; } }
.carregando { display:none; align-items:center; gap:10px; color:var(--tinta2); margin-top:14px; font-size:14px; } .carregando.on { display:flex; }
.pilha { display:flex; flex-direction:column; gap:10px; } .cinza { color:var(--tinta2); } .cinza3 { color:var(--tinta3); }
.ok { color:var(--verde); } .err { color:var(--vermelho); } .sim { color:var(--ouro); }
.chip-info { display:inline-block; background:var(--fundo2); border-radius:999px; padding:3px 10px; font-size:12px; color:var(--tinta2); margin:2px 4px 2px 0; }
.recentes { display:grid; grid-template-columns:repeat(auto-fill,minmax(230px,1fr)); gap:16px; }
.recente { display:flex; gap:12px; align-items:center; border:1px solid var(--vidro-fio); border-radius:var(--raio); padding:10px; background:var(--vidro); backdrop-filter:blur(12px); box-shadow:var(--s1); transition:transform .3s var(--suave); }
.recente:hover { transform:translateY(-2px); } .recente .foto { width:74px; aspect-ratio:1; border-radius:10px; flex:none; transform:none; }
.recente b { display:block; font-size:14px; font-weight:600; } .recente span { font-size:12px; color:var(--tinta2); display:block; }
.rodape { position:fixed; bottom:0; left:0; right:0; background:rgba(243,244,246,.85); backdrop-filter:blur(12px); border-top:1px solid var(--fio); padding:10px 24px; display:none; justify-content:center; gap:32px; font-size:13px; font-weight:500; color:var(--tinta2); z-index:5; }
.rodape a { display:flex; flex-direction:column; align-items:center; gap:2px; } .rodape .ti { font-size:20px; } .rodape a.ativa { color:var(--acento); }

/* Movimento discreto: entrada dos cartões, respeitando a preferência do sistema */
@media (prefers-reduced-motion: no-preference) {
  .surge { animation:surgir .6s var(--suave) both; animation-delay:calc(var(--i, 0) * 50ms); }
  @keyframes surgir { from { opacity:0; transform:translateY(14px); } to { opacity:1; transform:none; } }
}
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation:none !important; transition:none !important; } .cartao, .ouro { transform:none !important; } }
@media (max-width:900px) { .hero { grid-template-columns:1fr; } .hero .cena { order:-1; } .hero .foto-hero { aspect-ratio:16/9; } .hero .painel-vidro { right:8px; bottom:8px; } .busca { grid-template-columns:1fr; border-radius:var(--raio); padding:8px; } .busca .cel { border-right:0; border-bottom:1px solid var(--fio); } .busca .lupa { margin-top:8px; justify-content:center; } }
@media (max-width:820px) { .topo { grid-template-columns:1fr auto; } .pilula { display:none; } .direita { display:none; } .rodape { display:flex; } .ouro, .detalhe { grid-template-columns:1fr; } main { padding:22px 16px 100px; } .resumo { gap:22px; } }

/* ---- Marca presente no site ---- */
.logo { flex:none; filter:drop-shadow(0 4px 8px rgba(15,143,122,.25)); }
h1 .logo, h2 .logo { vertical-align:-6px; margin-right:8px; }
h2 .logo { vertical-align:-5px; width:24px; height:24px; }
.foto .selo { display:inline-flex; align-items:center; gap:5px; padding-left:7px; } .foto .selo .logo { filter:none; }
.busca .lupa .logo, .pilula .lupa .logo { filter:none; }
.pulso { position:relative; display:inline-grid; place-items:center; } .pulso .logo { position:relative; z-index:1; }
.pulso i { position:absolute; left:34%; top:66%; width:8px; height:8px; margin:-4px 0 0 -4px; border-radius:50%; border:2px solid var(--acento2); opacity:0; animation:anel 2.1s ease-out infinite; }
.pulso i:nth-child(2) { animation-delay:.7s; } .pulso i:nth-child(3) { animation-delay:1.4s; }
@keyframes anel { 0% { transform:scale(1); opacity:.9; } 100% { transform:scale(9); opacity:0; } }
/* Pulso de sonar sobre a foto do hero */
.hero .foto-hero { position:relative; } .hero .foto-hero::before, .hero .foto-hero::after { content:""; position:absolute; right:14%; bottom:24%; width:40px; height:40px; margin:-20px -20px 0 0; border-radius:50%; border:2px solid rgba(255,255,255,.85); box-shadow:0 0 18px rgba(53,224,176,.6); opacity:0; animation:sonar 3.6s ease-out infinite; pointer-events:none; }
.hero .foto-hero::after { animation-delay:1.8s; }
.hero .foto-hero .ponto { position:absolute; right:14%; bottom:24%; width:14px; height:14px; margin:0 -7px -7px 0; border-radius:50%; background:radial-gradient(circle at 35% 30%, #d9fff3, #35e0b0 55%, #0a5f52); box-shadow:0 0 0 4px rgba(53,224,176,.35), 0 4px 10px rgba(0,0,0,.3); z-index:1; }
@keyframes sonar { 0% { transform:scale(.4); opacity:.9; } 100% { transform:scale(9); opacity:0; } }
.hero .marca-agua { position:absolute; left:-40px; top:-30px; width:340px; height:340px; opacity:.07; filter:none; pointer-events:none; z-index:-1; }
.hero > div:first-child { position:relative; }
.hero .painel-vidro .logo { vertical-align:-4px; margin-right:6px; }
.marca-rodape { margin:70px 0 0; border-top:1px solid var(--vidro-fio); background:var(--vidro); backdrop-filter:blur(14px); }
.marca-rodape .dentro { max-width:1240px; margin:0 auto; padding:44px 24px 110px; display:grid; grid-template-columns:auto 1fr auto; gap:32px; align-items:center; }
.marca-rodape .assinatura { display:flex; align-items:center; gap:14px; font-size:44px; font-weight:600; letter-spacing:-.04em; }
.marca-rodape p { color:var(--tinta2); max-width:52ch; margin:0; font-size:14px; }
.marca-rodape nav { display:flex; gap:18px; font-size:14px; color:var(--tinta2); } .marca-rodape nav a:hover { color:var(--tinta); }
@media (max-width:820px) { .marca-rodape .dentro { grid-template-columns:1fr; gap:16px; } .hero .marca-agua { display:none; } }
@media (prefers-reduced-motion: reduce) { .pulso i, .hero .foto-hero::before, .hero .foto-hero::after { animation:none; display:none; } }

/* Família */
.familia { display:flex; gap:4px; flex-wrap:wrap; margin-top:8px; } .familia .chip-info { background:var(--ouro-suave); color:var(--ouro); } .familia .chip-info.ruim { background:#f6dfdb; color:var(--vermelho); }
.direita a.avatar { text-decoration:none; }