/* ============================================================================
   DAPESCA — ferramentas.css (planejador, calculadoras, guia da isca, profundidade)
   Carregado SÓ pelas views de app/Views/ferramentas/. Paleta "Noite no rio":
   NENHUMA cor solta aqui — só var(--cor-*) do :root do base.css.

   PENDENTE PARA O INTEGRADOR (adicionar ao :root do base.css). Enquanto não
   existirem, cada uso cai no fallback (variável que JÁ existe) e funciona:
     --cor-nivel-ouro:    #F5B83D;   atividade MUITO ALTA (fallback --cor-alerta)
     --cor-nivel-boa:     #4FBF8B;   ALTA                 (fallback --cor-secundaria)
     --cor-nivel-media:   #A9C2B6;   MÉDIA                (fallback --cor-texto-suave)
     --cor-nivel-dificil: #4F6E63;   BAIXA                (fallback --cor-icone-vazio)
     Amostras da COR REAL da isca (conteúdo do guia, não tema) — fallback = cinza:
     --cor-isca-natural:#8A7550; --cor-isca-lambari:#C9B78C; --cor-isca-prata:#C9CDD2;
     --cor-isca-perola:#EDEAE0; --cor-isca-sardinha:#B9C2C9; --cor-isca-firetiger:#83BB3F;
     --cor-isca-chartreuse:#B7D43A; --cor-isca-amarelo:#E7A831; --cor-isca-laranja:#E58A1F;
     --cor-isca-redhead:#D63A2E; --cor-isca-branco:#F2F0E8; --cor-isca-preto:#22201C;
     --cor-isca-greenpumpkin:#5E6B3B; --cor-isca-blackblue:#232A44; --cor-isca-dourado:#C9A227;
     --cor-isca-translucido:#DDE6EA; --cor-isca-marrom:#8A6A45; --cor-isca-roxo:#5B3B77;
     --cor-isca-holo-1:#B99CD0; --cor-isca-holo-2:#9CD0F0; --cor-isca-holo-3:#F0CF9C;
   Layout-perfeito: tudo em fluxo (flex/grid com minmax(0,1fr) e min-width:0);
   só a lista de sugestões de cidade é sobreposta, de propósito, abaixo do campo.
   ========================================================================== */

.fer { --fer-ouro: var(--cor-nivel-ouro, var(--cor-alerta));
       --fer-boa: var(--cor-nivel-boa, var(--cor-secundaria));
       --fer-media: var(--cor-nivel-media, var(--cor-texto-suave));
       --fer-dificil: var(--cor-nivel-dificil, var(--cor-icone-vazio));
       padding-bottom: 24px; overflow-wrap: anywhere; }
.fer *, .fer *::before, .fer *::after { min-width: 0; }

/* Nível → cor (uma regra só; o resto usa --fer-cor) */
.fer .nivel-ouro    { --fer-cor: var(--fer-ouro);    --fer-sobre: var(--cor-sobre-secundaria); }
.fer .nivel-boa     { --fer-cor: var(--fer-boa);     --fer-sobre: var(--cor-sobre-secundaria); }
.fer .nivel-media   { --fer-cor: var(--fer-media);   --fer-sobre: var(--cor-sobre-secundaria); }
.fer .nivel-dificil { --fer-cor: var(--fer-dificil); --fer-sobre: var(--cor-texto-invertido); }

/* ── Hero ────────────────────────────────────────────────────────────────── */
.fer-hero { padding-top: 28px; padding-bottom: 12px; }
.fer-selo {
  display: inline-block; margin: 0 0 12px; padding: 6px 12px; border-radius: 999px;
  background: var(--cor-secundaria-fundo); color: var(--cor-secundaria-texto);
  font-size: 0.85rem; font-weight: 600; max-width: 100%;
}
.fer-hero h1 { font-size: clamp(1.5rem, 5.5vw, 2.3rem); margin-bottom: 10px; }
.fer-realce { color: var(--cor-destaque-texto); }
.fer-lead { color: var(--cor-texto-suave); font-size: 1.02rem; max-width: 760px; margin: 0 0 18px; }

/* Recado de link compartilhado */
.fer-amigo {
  display: flex; gap: 12px; align-items: flex-start; margin: 0 0 16px; padding: 12px 14px;
  border-radius: var(--raio); background: var(--cor-primaria-fundo); border: 1px solid var(--cor-borda);
}
.fer-amigo-ico { font-size: 1.6rem; line-height: 1; flex: none; }
.fer-amigo-txt { margin: 0; flex: 1; }
.fer-amigo-cta { display: block; color: var(--cor-destaque-texto); margin-top: 4px; }

/* ── Busca ───────────────────────────────────────────────────────────────── */
.fer-busca { display: grid; grid-template-columns: minmax(0, 1fr); gap: 10px; margin-bottom: 14px; }
.fer-busca-campo { position: relative; }
.fer-busca-campo input {
  width: 100%; min-height: 48px; padding: 12px 14px; font: inherit; font-size: 1rem;
  color: var(--cor-campo-texto); background: var(--cor-campo-fundo);
  border: 2px solid var(--cor-campo-borda); border-radius: var(--raio);
}
.fer-busca-campo input::placeholder { color: var(--cor-placeholder); }
.fer-busca-campo input:focus-visible { outline: 2px solid var(--cor-primaria); outline-offset: 2px; border-color: var(--cor-primaria); }
.fer-busca .btn { justify-content: center; min-height: 48px; }
@media (min-width: 720px) {
  .fer-busca { grid-template-columns: minmax(0, 1fr) auto auto; align-items: start; }
}

/* Sugestões de cidade: única sobreposição (de propósito), logo abaixo do campo */
.fer-sugestoes {
  position: absolute; z-index: 30; left: 0; right: 0; top: calc(100% + 4px);
  margin: 0; padding: 4px; list-style: none; max-height: 320px; overflow-y: auto;
  background: var(--cor-superficie); border: 1px solid var(--cor-borda); border-radius: var(--raio);
  box-shadow: var(--sombra-hover);
}
.fer-sugestao, .fer-sugestao-vazia { display: flex; flex-direction: column; padding: 10px 12px; border-radius: 8px; min-height: 44px; }
.fer-sugestao { cursor: pointer; }
.fer-sugestao:hover, .fer-sugestao.ativo { background: var(--cor-linha-hover); }
.fer-sugestao-nome { font-weight: 700; color: var(--cor-titulo); }
.fer-sugestao-uf, .fer-sugestao-vazia { font-size: 0.85rem; color: var(--cor-texto-suave); }

/* Dia */
.fer-dias { border: 0; margin: 0 0 10px; padding: 0; }
.fer-dias-tit { font-weight: 700; color: var(--cor-titulo); margin-bottom: 8px; padding: 0; }
.fer-dias-botoes { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
@media (min-width: 720px) { .fer-dias-botoes { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
.fer-dia {
  display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px;
  min-height: 44px; padding: 8px 10px; font: inherit; font-weight: 600; text-align: center;
  color: var(--cor-texto); background: var(--cor-superficie); border: 2px solid var(--cor-borda);
  border-radius: var(--raio); cursor: pointer;
}
.fer-dia:hover { border-color: var(--cor-secundaria); }
.fer-dia:focus-visible, .fer-dia:focus-within { outline: 2px solid var(--cor-primaria); outline-offset: 2px; }
.fer-dia.ativo { border-color: var(--cor-primaria); background: var(--cor-primaria-fundo); color: var(--cor-titulo); }
.fer-dia-data input {
  width: 100%; max-width: 100%; font: inherit; font-size: 0.85rem; color: var(--cor-campo-texto);
  background: var(--cor-campo-fundo); border: 1px solid var(--cor-campo-borda); border-radius: 8px; padding: 4px 6px; min-height: 44px;
}
.fer-status { margin: 6px 0 0; color: var(--cor-texto-suave); font-size: 0.92rem; }
.fer-status.erro { color: var(--cor-perigo); }

/* ── Cards / blocos genéricos ────────────────────────────────────────────── */
.fer-card {
  background: var(--cor-superficie); border: 1px solid var(--cor-borda); border-radius: var(--raio);
  padding: 18px; margin-bottom: 16px;
}
.fer-card > :last-child { margin-bottom: 0; }
.fer-sub { font-size: 1.05rem; margin: 18px 0 10px; }
.fer-card > .fer-sub:first-child { margin-top: 0; }
.fer-nota, .fer-dica { font-size: 0.85rem; color: var(--cor-texto-suave); margin: 8px 0 0; }
.fer-grade-2 { display: grid; grid-template-columns: minmax(0, 1fr); gap: 14px; }
@media (min-width: 760px) { .fer-grade-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.fer-grade-2 > .fer-card { margin-bottom: 0; }
.fer-lista { margin: 0; padding-left: 20px; }
.fer-lista li { margin-bottom: 6px; }

/* ── Resultado do planejador ─────────────────────────────────────────────── */
.fer-resultado { padding-top: 8px; }
.fer-janela { border-top: 5px solid var(--fer-cor, var(--cor-borda)); }
.fer-janela-topo { display: flex; gap: 14px; align-items: center; }
.fer-cena { flex: none; width: 92px; height: 74px; color: var(--fer-cor, var(--cor-secundaria)); }
.fer-cena path, .fer-cena circle { fill: currentColor; }
.fer-cena .fer-cena-onda { fill: none; stroke: currentColor; stroke-width: 1.5; opacity: .45; }
.fer-cena .fer-cena-olho { fill: var(--cor-fundo); }
.fer-cena-mini { opacity: .6; }
.fer-cena-peixe { animation: fer-nada 2.6s ease-in-out infinite; }
.fer-cena-mini { animation: fer-nada 3.2s ease-in-out infinite reverse; }
@keyframes fer-nada { 0%, 100% { transform: translateX(0); } 50% { transform: translateX(6px); } }
@media (prefers-reduced-motion: reduce) { .fer-cena-peixe, .fer-cena-mini { animation: none; } }
.fer-janela-txt { flex: 1; }
.fer-janela-loc { margin: 0 0 4px; color: var(--cor-texto-suave); font-size: 0.9rem; }
.fer-janela-tit { margin: 0; font-size: clamp(1.2rem, 4.6vw, 1.6rem); }
.fer-janela-tit span { color: var(--fer-cor, var(--cor-destaque-texto)); }
.fer-janela-verd { margin: 2px 0 0; color: var(--cor-texto-suave); }

.fer-blocos { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
@media (min-width: 640px) { .fer-blocos { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
.fer-bloco {
  display: flex; flex-direction: column; align-items: center; gap: 2px; padding: 12px 8px; text-align: center;
  border-radius: var(--raio); background: var(--cor-fundo-foto); border: 2px solid var(--fer-cor, var(--cor-borda));
}
.fer-bloco.melhor { background: var(--cor-primaria-fundo); box-shadow: 0 0 0 2px var(--fer-cor, var(--cor-primaria)); }
.fer-bloco-estrela { align-self: center; font-size: 0.7rem; font-weight: 800; letter-spacing: .04em; color: var(--cor-destaque-texto); }
.fer-bloco-emoji { font-size: 1.3rem; line-height: 1.2; }
.fer-bloco-per { font-weight: 700; color: var(--cor-titulo); font-size: 0.9rem; }
.fer-bloco-nota { font-size: 1.7rem; font-weight: 800; line-height: 1.1; color: var(--cor-titulo); }
.fer-bloco-nivel {
  margin-top: 4px; padding: 3px 8px; border-radius: 999px; font-size: 0.72rem; font-weight: 800;
  background: var(--fer-cor, var(--cor-borda)); color: var(--fer-sobre, var(--cor-texto));
}
.fer-bloco.vazio { border-style: dashed; color: var(--cor-texto-suave); }

.fer-metricas { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
@media (min-width: 640px) { .fer-metricas { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (min-width: 980px) { .fer-metricas { grid-template-columns: repeat(6, minmax(0, 1fr)); } }
.fer-metrica {
  display: flex; flex-direction: column; align-items: flex-start; gap: 1px; min-height: 44px; padding: 10px 12px;
  font: inherit; text-align: left; color: var(--cor-texto); background: var(--cor-fundo-foto);
  border: 1px solid var(--cor-borda); border-radius: var(--raio); cursor: pointer;
}
.fer-metrica:hover, .fer-metrica.on { border-color: var(--cor-primaria); }
.fer-metrica:focus-visible { outline: 2px solid var(--cor-primaria); outline-offset: 2px; }
.fer-metrica-ico { font-size: 1.1rem; }
.fer-metrica-label { font-size: 0.75rem; text-transform: uppercase; letter-spacing: .05em; color: var(--cor-texto-suave); }
.fer-metrica-val { font-size: 1.15rem; font-weight: 800; color: var(--cor-titulo); }
.fer-metrica-sub { font-size: 0.78rem; color: var(--cor-texto-suave); }
.fer-metrica.pressao-baixa .fer-metrica-sub { color: var(--cor-sucesso-texto); }
.fer-metrica.pressao-alta .fer-metrica-sub { color: var(--cor-alerta-texto); }

.fer-explica { margin-top: 10px; padding: 14px; border-radius: var(--raio); background: var(--cor-fundo); border: 1px solid var(--cor-borda); }
.fer-explica h4 { margin: 0 0 4px; }
.fer-explica-agora { margin: 0 0 10px; color: var(--cor-destaque-texto); font-size: 0.9rem; }
.fer-explica-lista { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
.fer-explica-linha { display: flex; gap: 10px; align-items: flex-start; }
.fer-explica-txt { display: flex; flex-direction: column; flex: 1; font-size: 0.92rem; }
.fer-tag { flex: none; font-size: 0.72rem; font-weight: 800; padding: 3px 8px; border-radius: 999px; background: var(--cor-neutro-fundo); color: var(--cor-texto); }
.fer-tag-bom { background: var(--cor-sucesso-fundo); color: var(--cor-sucesso-texto); }
.fer-tag-ruim { background: var(--cor-perigo-fundo); color: var(--cor-perigo-hover); }
.fer-tag-neutro { background: var(--cor-alerta-fundo); color: var(--cor-alerta-texto); }

.fer-porque { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
.fer-porque-item { padding: 10px 12px; border-radius: var(--raio); background: var(--cor-fundo-foto); border-left: 4px solid var(--cor-sucesso); }
.fer-porque-item.neg { border-left-color: var(--cor-perigo); }
.fer-porque-cab { display: flex; justify-content: space-between; gap: 10px; align-items: baseline; }
.fer-porque-cab strong { color: var(--cor-titulo); flex: 1; }
.fer-pts { flex: none; font-weight: 800; color: var(--cor-sucesso-texto); }
.fer-porque-item.neg .fer-pts { color: var(--cor-perigo); }
.fer-porque-expl { margin: 4px 0 0; font-size: 0.88rem; color: var(--cor-texto-suave); }

.fer-compartilhar { margin-top: 18px; padding-top: 14px; border-top: 1px solid var(--cor-borda); }
.fer-compartilhar-tit { margin: 0 0 8px; font-weight: 700; color: var(--cor-titulo); }
.fer-compartilhar-botoes { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
@media (min-width: 640px) { .fer-compartilhar-botoes { grid-template-columns: repeat(5, minmax(0, 1fr)); } }
.fer-share {
  min-height: 44px; padding: 8px 10px; font: inherit; font-weight: 700; cursor: pointer;
  color: var(--cor-titulo); background: var(--cor-fundo-foto); border: 1px solid var(--cor-borda); border-radius: 999px;
}
.fer-share:hover { border-color: var(--cor-secundaria); }
.fer-share:focus-visible { outline: 2px solid var(--cor-primaria); outline-offset: 2px; }
.fer-share[data-share="whats"] { background: var(--cor-secundaria); color: var(--cor-sobre-secundaria); border-color: var(--cor-secundaria); }
.fer-share-ok { min-height: 1.4em; margin: 8px 0 0; color: var(--cor-sucesso-texto); font-size: 0.9rem; }

/* Convite da comunidade (o foco do site) */
.fer-comunidade {
  display: flex; align-items: center; gap: 12px; margin-top: 14px; padding: 14px 16px; min-height: 44px;
  border-radius: var(--raio); background: var(--cor-primaria); color: var(--cor-sobre-primaria);
  text-decoration: none !important;
}
.fer-comunidade:hover { background: var(--cor-primaria-hover); }
.fer-comunidade:focus-visible { outline: 2px solid var(--cor-titulo); outline-offset: 2px; }
.fer-comunidade-ico { font-size: 1.6rem; flex: none; }
.fer-comunidade-txt { display: flex; flex-direction: column; flex: 1; }
.fer-comunidade-txt span { font-size: 0.9rem; }
.fer-comunidade-seta { font-size: 1.4rem; flex: none; }

/* Esse é o dia */
.fer-bmd { border: 2px solid var(--fer-cor, var(--cor-primaria)); background: var(--cor-primaria-fundo); }
.fer-bmd-olho { margin: 0 0 10px; font-weight: 800; color: var(--cor-destaque-texto); text-transform: uppercase; letter-spacing: .04em; font-size: 0.85rem; }
.fer-bmd-main { display: flex; gap: 16px; align-items: center; flex-wrap: wrap; }
.fer-bmd-data {
  display: flex; flex-direction: column; align-items: center; padding: 10px 16px; border-radius: var(--raio);
  background: var(--fer-cor, var(--cor-primaria)); color: var(--fer-sobre, var(--cor-sobre-primaria)); font-weight: 700; flex: none;
}
.fer-bmd-data strong { font-size: 2.2rem; line-height: 1; }
.fer-bmd-data span { font-size: 0.75rem; letter-spacing: .06em; }
.fer-bmd-info { flex: 1 1 200px; }
.fer-bmd-info p { margin: 0 0 2px; }
.fer-bmd-label { font-weight: 800; color: var(--cor-titulo); }
.fer-bmd-verd { font-weight: 700; color: var(--cor-destaque-texto); }
.fer-bmd-msg { color: var(--cor-texto-suave); }

/* Recomendação */
.fer-sug-tit { font-size: 1.15rem; margin: 0 0 8px; }
.fer-sug-peixe-tit { margin: 0 0 8px; color: var(--cor-texto-suave); }
.fer-chips { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 14px; }
.fer-chip {
  min-height: 44px; padding: 8px 16px; font: inherit; font-weight: 700; cursor: pointer; border-radius: 999px;
  color: var(--cor-secundaria-texto); background: var(--cor-secundaria-fundo); border: 2px solid var(--cor-borda);
}
.fer-chip.on { background: var(--cor-secundaria); color: var(--cor-sobre-secundaria); border-color: var(--cor-secundaria); }
.fer-chip:focus-visible { outline: 2px solid var(--cor-primaria); outline-offset: 2px; }
.fer-sug-grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: 12px; }
@media (min-width: 760px) { .fer-sug-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.fer-sug-grupo { padding: 12px 14px; border-radius: var(--raio); background: var(--cor-fundo-foto); }
.fer-sug-grupo-tit { font-size: 0.8rem; letter-spacing: .08em; margin: 0 0 8px; color: var(--cor-destaque-texto); }
.fer-sug-lista { margin: 0; display: grid; gap: 8px; }
.fer-sug-item dt { font-size: 0.8rem; color: var(--cor-texto-suave); font-weight: 600; }
.fer-sug-item dd { margin: 0; color: var(--cor-texto); }
.fer-sug-item.destaque dd { color: var(--cor-titulo); font-weight: 600; }

/* Níveis (legenda do método) */
.fer-niveis { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
.fer-nivel {
  display: inline-block; min-width: 92px; margin-right: 6px; padding: 2px 8px; border-radius: 999px; text-align: center;
  font-size: 0.75rem; font-weight: 800; background: var(--fer-cor); color: var(--fer-sobre);
}

/* Links e banners */
.fer-links { display: grid; grid-template-columns: minmax(0, 1fr); gap: 10px; }
@media (min-width: 640px) { .fer-links { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1000px) { .fer-links { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
.fer-link-card {
  display: flex; flex-direction: column; gap: 4px; padding: 14px; min-height: 44px; border-radius: var(--raio);
  background: var(--cor-superficie); border: 1px solid var(--cor-borda); color: var(--cor-texto); text-decoration: none !important;
}
.fer-link-card strong { color: var(--cor-titulo); }
.fer-link-card span { font-size: 0.9rem; color: var(--cor-texto-suave); }
.fer-link-card:hover { border-color: var(--cor-primaria); }
.fer-link-card:focus-visible { outline: 2px solid var(--cor-primaria); outline-offset: 2px; }
.fer-link-destaque { background: var(--cor-primaria-fundo); border-color: var(--cor-primaria); }
.fer-banner {
  display: flex; align-items: center; gap: 14px; padding: 16px 18px; border-radius: var(--raio);
  background: var(--cor-secundaria-fundo); border: 1px solid var(--cor-secundaria); color: var(--cor-texto); text-decoration: none !important;
}
.fer-banner:hover { border-color: var(--cor-primaria); }
.fer-banner:focus-visible { outline: 2px solid var(--cor-primaria); outline-offset: 2px; }
.fer-banner-ico { font-size: 1.8rem; flex: none; }
.fer-banner-txt { display: flex; flex-direction: column; flex: 1; }
.fer-banner-txt strong { color: var(--cor-titulo); font-size: 1.05rem; }
.fer-banner-txt span { color: var(--cor-texto-suave); font-size: 0.92rem; }
.fer-banner-seta { font-size: 1.4rem; flex: none; color: var(--cor-primaria); }
.fer-texto p { margin: 0 0 10px; }
.fer-aviso { font-size: 0.85rem; color: var(--cor-texto-suave); padding: 10px 12px; border-radius: var(--raio); background: var(--cor-alerta-fundo); }

/* ── Calculadoras ────────────────────────────────────────────────────────── */
.fer-calcs { display: grid; grid-template-columns: minmax(0, 1fr); gap: 14px; padding-top: 6px; }
@media (min-width: 760px) { .fer-calcs { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1100px) { .fer-calcs { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.fer-calc { margin-bottom: 0; display: flex; flex-direction: column; }
.fer-calc-tit { font-size: 1.15rem; margin: 0 0 2px; }
.fer-calc > .texto-suave { margin: 0 0 10px; font-size: 0.9rem; }
.fer-calc .campo { margin-bottom: 10px; }
.fer-calc label { display: block; font-weight: 600; font-size: 0.9rem; margin-bottom: 4px; color: var(--cor-titulo); }
.fer-calc input, .fer-calc select, .fer-guia select {
  width: 100%; min-height: 44px; padding: 10px 12px; font: inherit; color: var(--cor-campo-texto);
  background: var(--cor-campo-fundo); border: 1px solid var(--cor-campo-borda); border-radius: 10px;
}
.fer-calc input:focus-visible, .fer-calc select:focus-visible, .fer-guia select:focus-visible { outline: 2px solid var(--cor-primaria); outline-offset: 1px; }
.fer-calc-res { margin: 6px 0 10px; padding: 12px 14px; border-radius: var(--raio); background: var(--cor-fundo-foto); border-left: 4px solid var(--cor-primaria); }
.fer-calc-res strong { display: block; color: var(--cor-titulo); }
.fer-calc-big { display: block; font-size: 1.9rem; font-weight: 800; line-height: 1.15; color: var(--cor-destaque-texto); }
.fer-calc-big.fer-proibido { color: var(--cor-perigo); }
.fer-calc-sub { margin: 4px 0 0; font-size: 0.86rem; color: var(--cor-texto-suave); }
.fer-tabela-rolagem { overflow-x: auto; max-width: 100%; }
.fer-tabela { width: 100%; border-collapse: collapse; font-size: 0.88rem; }
.fer-tabela caption { text-align: left; font-weight: 700; color: var(--cor-titulo); padding: 6px 0; }
.fer-tabela th, .fer-tabela td { padding: 7px 8px; text-align: left; border-bottom: 1px solid var(--cor-borda); overflow-wrap: normal; word-break: normal; }
.fer-tabela th { white-space: nowrap; } /* rótulo curto e fixo; a tabela rola dentro do .fer-tabela-rolagem */
.fer-tabela th { color: var(--cor-texto-suave); font-weight: 700; font-size: 0.78rem; text-transform: uppercase; }
.fer-agora { color: var(--cor-sucesso-texto); font-weight: 800; }
.fer-logo { color: var(--cor-alerta-texto); font-weight: 800; }
.fer-lua-topo { display: flex; flex-direction: column; align-items: center; padding: 8px 0; text-align: center; }
.fer-lua-emoji { font-size: 3.6rem; line-height: 1.1; }
.fer-lua-nome { font-size: 1.1rem; color: var(--cor-titulo); }

/* ── Guia da isca ────────────────────────────────────────────────────────── */
.fer-guia { padding-bottom: 20px; }
.fer-seg { border: 0; padding: 0; margin: 0 0 12px; display: flex; flex-wrap: wrap; gap: 8px; }
.fer-seg legend { width: 100%; font-weight: 700; color: var(--cor-titulo); margin-bottom: 6px; padding: 0; }
.fer-seg input { position: absolute; opacity: 0; width: 1px; height: 1px; }
.fer-seg label {
  display: inline-flex; align-items: center; min-height: 44px; padding: 8px 16px; cursor: pointer; font-weight: 600;
  border-radius: 999px; background: var(--cor-fundo-foto); border: 2px solid var(--cor-borda); color: var(--cor-texto);
}
.fer-seg input:checked + label { background: var(--cor-secundaria); color: var(--cor-sobre-secundaria); border-color: var(--cor-secundaria); }
.fer-seg input:focus-visible + label { outline: 2px solid var(--cor-primaria); outline-offset: 2px; }
.fer-guia .campo label { display: block; font-weight: 700; color: var(--cor-titulo); margin-bottom: 6px; }
.fer-guia-res { margin-top: 14px; padding: 14px; border-radius: var(--raio); background: var(--cor-fundo-foto); border-left: 4px solid var(--cor-primaria); }
.fer-guia-topo { margin: 0 0 10px; font-weight: 800; color: var(--cor-titulo); }
.fer-guia-linha { margin: 0 0 6px; }
.fer-guia-linha strong { color: var(--cor-titulo); }
.fer-guia-nota { margin: 10px 0 0; color: var(--cor-destaque-texto); font-size: 0.92rem; }
.fer-guia-mais { margin: 12px 0 0; }
.fer-cores { list-style: none; margin: 0 0 10px; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; }
.fer-cor { display: inline-flex; align-items: center; gap: 8px; padding: 6px 12px 6px 6px; border-radius: 999px; background: var(--cor-superficie); border: 1px solid var(--cor-borda); font-weight: 600; }
.fer-sw { width: 22px; height: 22px; border-radius: 50%; flex: none; border: 1px solid var(--cor-claro-a25); background: var(--cor-icone-vazio); }
.sw-natural { background: var(--cor-isca-natural, var(--cor-icone-vazio)); }
.sw-lambari { background: var(--cor-isca-lambari, var(--cor-icone-vazio)); }
.sw-prata { background: var(--cor-isca-prata, var(--cor-icone-vazio)); }
.sw-perola { background: var(--cor-isca-perola, var(--cor-icone-vazio)); }
.sw-sardinha { background: var(--cor-isca-sardinha, var(--cor-icone-vazio)); }
.sw-holografica { background: linear-gradient(90deg, var(--cor-isca-holo-1, var(--cor-icone-vazio)), var(--cor-isca-holo-2, var(--cor-texto-suave)), var(--cor-isca-holo-3, var(--cor-icone-vazio))); }
.sw-firetiger { background: var(--cor-isca-firetiger, var(--cor-icone-vazio)); }
.sw-chartreuse { background: var(--cor-isca-chartreuse, var(--cor-icone-vazio)); }
.sw-amarelo { background: var(--cor-isca-amarelo, var(--cor-icone-vazio)); }
.sw-laranja { background: var(--cor-isca-laranja, var(--cor-icone-vazio)); }
.sw-redhead { background: var(--cor-isca-redhead, var(--cor-icone-vazio)); }
.sw-branco { background: var(--cor-isca-branco, var(--cor-icone-vazio)); }
.sw-preto { background: var(--cor-isca-preto, var(--cor-icone-vazio)); }
.sw-greenpumpkin { background: var(--cor-isca-greenpumpkin, var(--cor-icone-vazio)); }
.sw-blackblue { background: var(--cor-isca-blackblue, var(--cor-icone-vazio)); }
.sw-dourado { background: var(--cor-isca-dourado, var(--cor-icone-vazio)); }
.sw-translucido { background: var(--cor-isca-translucido, var(--cor-icone-vazio)); }
.sw-marrom { background: var(--cor-isca-marrom, var(--cor-icone-vazio)); }
.sw-roxo { background: var(--cor-isca-roxo, var(--cor-icone-vazio)); }

.fer-faq { display: grid; gap: 8px; }
.fer-faq details { padding: 2px 14px; border-radius: var(--raio); background: var(--cor-superficie); border: 1px solid var(--cor-borda); }
.fer-faq summary { cursor: pointer; font-weight: 700; color: var(--cor-titulo); min-height: 44px; padding: 10px 0; }
.fer-faq summary:focus-visible { outline: 2px solid var(--cor-primaria); outline-offset: 2px; }
.fer-faq details p { margin: 0 0 12px; color: var(--cor-texto-suave); }

/* ── Profundidade ────────────────────────────────────────────────────────── */
.fer-como-ler { margin: 0; display: grid; gap: 10px; grid-template-columns: minmax(0, 1fr); }
@media (min-width: 760px) { .fer-como-ler { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.fer-como-ler dt { font-weight: 700; color: var(--cor-titulo); }
.fer-como-ler dd { margin: 2px 0 0; color: var(--cor-texto-suave); font-size: 0.92rem; }
.fer-faixas { list-style: none; margin: 14px 0; padding: 0; display: grid; gap: 10px; }
.fer-faixa { padding: 12px 14px; border-radius: var(--raio); background: var(--cor-superficie); border-left: 6px solid var(--cor-secundaria); }
/* da superfície (claro) ao fundo (escuro): borda ganha tom mais fundo a cada faixa */
.fer-faixa-b1 { border-left-color: var(--cor-destaque-texto); }
.fer-faixa-b2 { border-left-color: var(--cor-primaria); }
.fer-faixa-b3 { border-left-color: var(--cor-secundaria-texto); }
.fer-faixa-b4 { border-left-color: var(--cor-secundaria); }
.fer-faixa-b5 { border-left-color: var(--cor-texto-suave); }
.fer-faixa-b6 { border-left-color: var(--cor-icone-vazio); }
.fer-faixa-b7 { border-left-color: var(--cor-borda); border-left-style: dashed; }
.fer-faixa-tit { margin: 0 0 8px; font-size: 1.05rem; }
.fer-faixa-tit small { font-weight: 500; color: var(--cor-texto-suave); font-size: 0.85rem; }
.fer-iscas { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 6px; }
.fer-iscas li { padding: 5px 10px; border-radius: 999px; background: var(--cor-fundo-foto); border: 1px solid var(--cor-borda); font-size: 0.86rem; color: var(--cor-texto); }