/* ═══════════════════════════════════════
   Blocos Guia de Compra – style.css
═══════════════════════════════════════ */

/* ─── 1. PRÓS E CONTRAS ─────────────── */
.gc-pc { display: flex; gap: 16px; margin: 24px 0; flex-wrap: wrap; }
.gc-pc-col { flex: 1 1 calc(50% - 8px); min-width: 220px; border-radius: 8px; padding: 16px 20px; box-sizing: border-box; }
.gc-pros    { background: #f0fdf4; border: 2px solid #22c55e; }
.gc-contras { background: #fff1f2; border: 2px solid #f43f5e; }
.gc-pc-title { margin: 0 0 10px 0; font-size: 1rem; font-weight: 700; }
.gc-pros    .gc-pc-title { color: #15803d; }
.gc-contras .gc-pc-title { color: #be123c; }
.gc-pc-col ul { margin: 0; padding-left: 20px; list-style: disc; }
.gc-pc-col ul li { margin-bottom: 5px; font-size: 0.93rem; line-height: 1.5; color: #374151; }
.gc-pros    ul li::marker { color: #22c55e; }
.gc-contras ul li::marker { color: #f43f5e; }
@media (max-width: 600px) {
    .gc-pc { flex-direction: column; }
    .gc-pc-col { flex: 1 1 100%; }
}

/* ─── 2. VEREDICTO ──────────────────── */
.gc-veredicto { border-radius: 8px; margin: 24px 0; padding: 18px 22px; border-left: 5px solid #9ca3af; background: #f9fafb; }
.gc-vere-recomendado     { border-left-color: #22c55e; background: #f0fdf4; }
.gc-vere-nao_recomendado { border-left-color: #f43f5e; background: #fff1f2; }
.gc-vere-neutro          { border-left-color: #f59e0b; background: #fffbeb; }
.gc-vere-header { font-size: 1.1rem; font-weight: 700; margin-bottom: 10px; display: flex; align-items: center; gap: 8px; color: #111827; }
.gc-vere-texto  { margin: 0 0 12px 0; color: #374151; font-size: 0.95rem; }
.gc-vere-group  { margin-top: 10px; }
.gc-vere-group strong { font-size: 0.9rem; color: #374151; }
.gc-vere-group ul { margin: 4px 0 0 0; padding-left: 20px; }
.gc-vere-group ul li { font-size: 0.9rem; color: #374151; margin-bottom: 3px; }

/* ─── 3. RATING ─────────────────────── */
.gc-rating-box { border: 2px solid #e5e7eb; border-radius: 8px; padding: 18px 22px; margin: 24px 0; background: #fff; }
.gc-rating-produto { font-weight: 700; font-size: 1rem; color: #111827; margin-bottom: 8px; }
.gc-rating-stars { display: flex; align-items: center; gap: 6px; margin-bottom: 14px; }
.gc-star { font-size: 1.6rem; line-height: 1; }
.gc-star.full  { color: #f59e0b; }
.gc-star.half  { color: #f59e0b; opacity: .55; }
.gc-star.empty { color: #d1d5db; }
.gc-rating-num { font-size: 1rem; font-weight: 700; color: #374151; }
.gc-rating-criterios { display: flex; flex-direction: column; gap: 8px; }
.gc-rating-row   { display: flex; align-items: center; gap: 10px; }
.gc-rating-label { font-size: 0.85rem; color: #374151; width: 130px; flex-shrink: 0; }
.gc-rating-bar   { flex: 1; height: 8px; background: #e5e7eb; border-radius: 99px; overflow: hidden; }
.gc-rating-fill  { height: 100%; background: #f59e0b; border-radius: 99px; }
.gc-rating-val   { font-size: 0.82rem; font-weight: 700; color: #374151; width: 28px; text-align: right; }

/* ─── 4. PERCEPÇÃO DE MERCADO ────────── */
.gc-percepcao { margin: 24px 0; }
.gc-perc-titulo { font-weight: 700; font-size: 1rem; color: #111827; margin-bottom: 14px; }
.gc-perc-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
}
.gc-perc-card {
    border: 2px solid #e5e7eb;
    border-radius: 10px;
    padding: 14px 12px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 4px;
}
.gc-perc-icon       { font-size: 1.4rem; line-height: 1; }
.gc-perc-card-label { font-size: 0.75rem; color: #6b7280; font-weight: 600; line-height: 1.3; }
.gc-perc-score      { font-size: 1.6rem; font-weight: 800; line-height: 1; }
.gc-perc-score small { font-size: 0.75rem; font-weight: 500; opacity: .7; }
.gc-perc-pct        { font-size: 0.75rem; color: #9ca3af; }
.gc-perc-metodologia { margin: 12px 0 0 0; font-size: 0.78rem; color: #6b7280; }
@media (max-width: 600px) {
    .gc-perc-grid { grid-template-columns: repeat(2, 1fr); }
}