/* Custom minimal styles */
.card-business { border: 0; box-shadow: 0 8px 16px rgba(0,0,0,.06); border-radius: 16px; }
.progress.excellence { height: 12px; border-radius: 999px; background: #eee; }
.badge-rating { font-weight: 600; }
.list-unstyled.sm li { margin-bottom: .25rem; }
.sidebar { position: sticky; top: 84px; }
.company-image { width: 100%; height: 140px; background: #f2f2f2; border-radius: 12px; display:flex; align-items:center; justify-content:center; color:#aaa; font-size: 14px;}
.logo-verified { color: #0d6efd; }


body {
    background-image: url('/logo_gestao/bg.jpg');
    background-repeat: no-repeat;   /* não repetir */
    background-attachment: fixed;   /* fixa no scroll */
    background-size: cover;         /* cobre toda a tela */
    background-position: center;    /* centraliza */
}

/* --- Fix overflow dos botões no mobile (Bulma + Bootstrap) --- */
@media (max-width: 1023px) { /* breakpoint "desktop" do Bulma */
  .navbar .navbar-item.is-hidden-desktop {
    width: 100%;
    padding-left: 1rem;   /* cria respiro interno sem estourar a largura */
    padding-right: 1rem;
    box-sizing: border-box;
  }

  /* Zera a margem lateral padrão do Bulma dentro de .buttons */
  .navbar .navbar-item.is-hidden-desktop .buttons .button:not(:last-child) {
    margin-right: 0;
  }

  .navbar .navbar-item.is-hidden-desktop .buttons {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
  }

  .navbar .navbar-item.is-hidden-desktop .button {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    justify-content: center; /* centraliza ícone + texto */
  }
}

/* Segurança extra: evita qualquer rolagem horizontal acidental */
html, body { overflow-x: hidden; }


.star-card{
  background: #fff; border-radius: 18px; overflow: hidden; 
  box-shadow: 0 6px 20px rgba(0,0,0,.06); transition: transform .2s ease, box-shadow .2s ease;
}
.star-card:hover{ transform: translateY(-2px); box-shadow: 0 12px 30px rgba(0,0,0,.10); }

.star-card__media{ position: relative; aspect-ratio: 16/9; background:#f3f4f6; }
.star-card__media img{ width:100%; height:100%; object-fit:cover; display:block; }

.star-card__body{ padding: 16px; }
.star-card__title{ font-weight:700; font-size:1.05rem; line-height:1.25; margin:0 0 6px; }
.star-card__addr{ color:#6b7280; margin-bottom:10px; }

.star-card__meta{ display:flex; gap:10px; align-items:center; margin-bottom:10px; }
.star-card__rating{ font-weight:700; }
.star-card__reviews{ color:#6b7280; }

.star-card__bar{ position:relative; height:8px; background:#e5e7eb; border-radius:999px; margin:8px 0 14px; }
.star-card__bar-fill{ height:100%; background: linear-gradient(90deg,#16a34a,#22c55e); border-radius:999px; }
.star-card__bar-text{ position:absolute; right:8px; top:-22px; font-weight:700; color:#16a34a; }

/* ★ Pagantes: moldura neon + ribbon + selo */
.card--pagante{
  border: 2px solid transparent;
  background-image: linear-gradient(#fff,#fff), linear-gradient(45deg,#2563eb,#22d3ee);
  background-origin: border-box; background-clip: padding-box, border-box;
  box-shadow: 0 12px 40px rgba(37,99,235,.25);
}
.card--pagante .button.is-link{ background-image: linear-gradient(90deg,#2563eb,#22d3ee); border:0; }

.star-card__ribbon{
  position:absolute; left:12px; top:12px; 
  background: linear-gradient(45deg,#2563eb,#22d3ee); color:#fff;
  padding:6px 10px; font-weight:800; border-radius:999px; font-size:.98rem;
  box-shadow: 0 6px 16px rgba(37,99,235,.35);
}
.star-card__selo{
  position:absolute; right:12px; top:12px; width:64px; height:64px; object-fit:contain;
  filter: drop-shadow(0 4px 12px rgba(0,0,0,.25));
}

/* Free: discreto */
.card--free .button.is-link{ background:#0d6efd; }


.company-card--pagante{
  border: 2px solid transparent;
  background-image: linear-gradient(#fff,#fff), linear-gradient(45deg,#2563eb,#22d3ee);
  background-origin: border-box; background-clip: padding-box, border-box;
  box-shadow: 0 12px 40px rgba(37,99,235,.25);
}
.company-ribbon{
  position:absolute; left:12px; top:12px;
  background: linear-gradient(45deg,#2563eb,#22d3ee); color:#fff;
  padding:6px 10px; font-weight:800; border-radius:999px; font-size:.78rem;
}
.company-selo{
  position:absolute; right:12px; top:12px; width:114px; height:114px; object-fit:contain;
}


/* Realce geral do card pagante (mantém o que você já tem) */
.company-card--pagante{
  border: 2px solid transparent;
  background-image: linear-gradient(#fff,#fff), linear-gradient(45deg,#2563eb,#22d3ee);
  background-origin: border-box; background-clip: padding-box, border-box;
  box-shadow: 0 12px 40px rgba(37,99,235,.25);
}

/* Fundo “amarelado” sutil na área de texto dos pagantes para puxar a cor das estrelas */
.company-card--pagante .card-body{
  background: linear-gradient(180deg, rgba(255,193,7,.08), rgba(255,243,205,.25));
}

/* Marca-texto atrás do TÍTULO dos pagantes (sutil e elegante) */
.company-card--pagante .h6 a{
  color: #0b5ed7; /* mantém a leitura/identidade */
  background-image: linear-gradient(transparent 62%, #fff3cd 62%); /* marca-texto */
  padding: 0 .2rem;
  border-radius: 6px;
  text-decoration: none;
}

/* Botão "Avaliar agora" – dourado/âmbar, com peso visual */
.btn-review{
  border: 0;
  background: linear-gradient(90deg,#f59e0b,#fbbf24);
  font-weight: 700;
  box-shadow: 0 8px 20px rgba(245,158,11,.35);
}
.btn-review:hover{
  filter: brightness(1.05);
  box-shadow: 0 10px 24px rgba(245,158,11,.45);
}

/* Opcional: deixe o "Ver detalhes" um pouco mais contrastado no pagante */
.company-card--pagante .btn-primary{
  background-image: linear-gradient(90deg,#2563eb,#22d3ee);
  border: 0;
}

/* mantém o card inteiro clicável, mas com CTAs por cima do stretched-link */
.card.company-card{ position: relative; }
.card.company-card .stretched-link::after{ z-index: 1; }

/* CTAs por cima */
.card.company-card .btn-review,
.card.company-card .btn-primary{ position: relative; z-index: 2; }

/* ⬇️ Ribbon e Selo: ABSOLUTE de volta, sobre a FOTO */
.company-ribbon{
  position: absolute; z-index: 3; left: 12px; top: 12px;
  background: linear-gradient(45deg,#2563eb,#22d3ee); color:#fff;
  padding:6px 10px; font-weight:800; border-radius:999px; font-size:.78rem;
  box-shadow: 0 6px 16px rgba(37,99,235,.35);
  pointer-events: none; /* não rouba clique do card */
}
.company-selo{
  position: absolute; z-index: 3; right: 12px; top: 12px;
  width: 114px; height: 114px; object-fit: contain;
  filter: drop-shadow(0 4px 12px rgba(0,0,0,.25));
  pointer-events: none;
}

/* fundo “estrela” dos pagantes (garante prioridade) */
.card.company-card.company-card--pagante .card-body{
  background: linear-gradient(180deg, rgba(255,193,7,.10), rgba(255,243,205,.30)) !important;
}

/* opcional: marca-texto no título */
.card.company-card.company-card--pagante .h6 a{
  color:#0b5ed7;
  background-image: linear-gradient(transparent 60%, #fff3cd 60%);
  padding:0 .2rem; border-radius:6px; text-decoration:none;
}

/* botão Avaliar agora (dourado) */
.btn-review{
  border:0; background: linear-gradient(90deg,#f59e0b,#fbbf24);
  font-weight:700; box-shadow:0 8px 20px rgba(245,158,11,.35);
}
.btn-review:hover{ filter:brightness(1.05); box-shadow:0 10px 24px rgba(245,158,11,.45); }

/* garantir ordem das camadas contra o stretched-link do Bootstrap */
.card.company-card{ position: relative; }
.card.company-card .stretched-link::after{ z-index: 1; }
.card.company-card .btn-review,
.card.company-card .btn-primary,
.card.company-card .btn-ico{ position: relative; z-index: 2; }

/* Botão dourado (já tinha, mantendo) */
.btn-review{
  border:0; background: linear-gradient(90deg,#f59e0b,#fbbf24);
  font-weight:700; box-shadow:0 8px 20px rgba(245,158,11,.35);
  color:#1f2937;
}

/* garante círculo perfeito, sem encolher no flex */
.btn-ico{
  flex: 0 0 42px;
  width: 42px; height: 42px; aspect-ratio: 1 / 1;
  border-radius: 999px; border: 0;
  display: inline-flex; align-items: center; justify-content: center;
  line-height: 1; text-decoration: none; color: #fff;
  box-shadow: 0 8px 18px rgba(0,0,0,.18);
}
.btn-ico svg{ display:block; width: 20px; height: 20px; flex-shrink: 0; }

.btn-ico--wa{ background: linear-gradient(135deg,#16a34a,#22c55e); }
.btn-ico--wa:hover{ filter: brightness(1.05); }

.btn-ico--ig{
  background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
}
.btn-ico--ig:hover{ filter: brightness(1.05); }

/* manter os botões acima do stretched-link */
.card.company-card{ position: relative; }
.card.company-card .stretched-link::after{ z-index: 1; }
.card.company-card .btn-review,
.card.company-card .btn-ico,
.card.company-card .btn-primary{ position: relative; z-index: 2; }