/* opiniones.css — placeholder del widget de Google Reviews (.gr-widget-slot) de /vaciado-de-pisos-opiniones/.
   Reglas extraídas TAL CUAL del HTML fuente (sin rediseñar, sin CSS global).
   Encolar SOLO en is_page('vaciado-de-pisos-opiniones'). Usa variables del sistema (--line-strong, --accent-deep, --ink, --ink-mute) de brand.css.
   El widget real (plugin Rich Showcase, SIN Review/AggregateRating) sustituye al placeholder en WordPress. */

.gr-widget-slot {
  margin-top: 8px;
  border: 1.5px dashed var(--line-strong);
  border-radius: 16px;
  background:
    repeating-linear-gradient(135deg, rgba(20,113,42,.03) 0 12px, transparent 12px 24px),
    var(--bg-warm);
  padding: 44px 28px;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
}

.gr-widget-slot .gr-badge {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  font-family: 'JetBrains Mono', monospace;
  font-size: 11px;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--accent-deep);
  font-weight: 700;
}

.gr-widget-slot .gr-code {
  font-family: 'JetBrains Mono', monospace;
  font-size: 15px;
  color: var(--ink);
  background: white;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 10px 16px;
}

.gr-widget-slot .gr-note {
  font-size: 13.5px;
  color: var(--ink-mute);
  max-width: 52ch;
  line-height: 1.55;
  margin: 0;
}