/** Shopify CDN: Minification failed

Line 12:3 Unexpected bad string token
Line 12:51 Unterminated string token
Line 35:12 Unexpected "{"
Line 35:14 Expected identifier but found "'reviews-dunipedia.css'"
Line 46:0 Unexpected "@import"
Line 227:19 Expected ":"

**/
═══════════════════════════════════════════════════════════════════════
  D'UNIVERSE COLORS — SECCIÓN DE RESEÑAS CUSTOM
  Backend: Judge.me (Forever Free)  |  Frontend: 100% custom
  Paleta y tipografías reales de marca (tomadas de dunipedia.css)
═══════════════════════════════════════════════════════════════════════

  Estado actual:
    [✓] Bloque 2 — Muro masonry (v0.2 · con paleta morada real)
    [ ] Bloque 1 — Header con promedio, barras y CTA
    [ ] Bloque 3 — Tarjeta sin foto (refinamiento)
    [ ] Bloque 4 — Empty state
    [ ] Bloque 5 — Formulario "Escribir reseña"

═══════════════════════════════════════════════════════════════════════
  CÓMO SE INSTALA (sin tocar base.css)

  PASO 1 — Crear archivo NUEVO en la carpeta Assets:
           assets/reviews-dunipedia.css
           Pegar adentro TODO el CSS de abajo (desde el comentario
           "D'unipedia — Reseñas" hasta el final).

  PASO 2 — Cargar ese archivo: en layout/theme.liquid, justo antes
           de la etiqueta </head>, pegar esta única línea:

           {{ 'reviews-dunipedia.css' | asset_url | stylesheet_tag }}
═══════════════════════════════════════════════════════════════════════


/* =========================================================================
   D'unipedia — Reseñas (widget Judge.me en página de producto)
   Marca: D'Universe Colors · Mobile first · Muro masonry
   Pinta el widget .jdgm-* desde afuera. No toca el bloque de la app.
   Paleta y tipografías iguales a dunipedia.css para coherencia total.
   ========================================================================= */

@import url('https://fonts.googleapis.com/css2?family=Suez+One&family=Open+Sans:wght@400;500;600;700&display=swap');

/* ---- Tokens de marca (solo dentro del widget de reseñas) ---- */
.jdgm-rev-widg {
  --dun-morado:  #52039F;
  --dun-violeta: #65287B;
  --dun-lila:    #D9BAF5;
  --dun-rosado:  #F3C5F1;
  --dun-azul:    #40ABE2;
  --dun-texto:   #2d0a4f;
  --dun-borde:   #EFE4FA;
  --dun-bg-soft: #FBF6FE;

  --dun-r-card: 16px;
  --dun-r-pill: 999px;
  --dun-sombra:   0 4px 20px rgba(82, 3, 159, 0.12);
  --dun-sombra-h: 0 8px 28px rgba(82, 3, 159, 0.22);

  --dun-f-titulo: 'Suez One', 'Cooper BT', Georgia, serif;
  --dun-f-cuerpo: 'Open Sans', 'Questrial', system-ui, sans-serif;

  font-family: var(--dun-f-cuerpo);
  color: var(--dun-texto);
}


/* ─────────────────────────────────────────────────────────────────────
   MURO MASONRY — columnas tipo Pinterest
   ───────────────────────────────────────────────────────────────────── */
.jdgm-rev-widg__reviews {
  column-count: 2;
  column-gap: 12px;
  margin-top: 24px;
}

@media (min-width: 600px) {
  .jdgm-rev-widg__reviews { column-count: 3; column-gap: 16px; }
}

@media (min-width: 900px) {
  .jdgm-rev-widg__reviews { column-count: 4; column-gap: 20px; }
}


/* ─────────────────────────────────────────────────────────────────────
   TARJETA
   ───────────────────────────────────────────────────────────────────── */
.jdgm-rev-widg .jdgm-rev {
  display: inline-block;
  width: 100%;
  background: #fff;
  border: 1px solid var(--dun-borde);
  border-radius: var(--dun-r-card);
  padding: 0 0 6px;
  margin: 0 0 12px;
  break-inside: avoid;
  -webkit-column-break-inside: avoid;
  overflow: hidden;
  box-shadow: var(--dun-sombra);
  transition: box-shadow 200ms ease, transform 200ms ease;
}

@media (min-width: 600px) { .jdgm-rev-widg .jdgm-rev { margin-bottom: 16px; } }
@media (min-width: 900px) { .jdgm-rev-widg .jdgm-rev { margin-bottom: 20px; } }

.jdgm-rev-widg .jdgm-rev:hover {
  box-shadow: var(--dun-sombra-h);
  transform: translateY(-2px);
}


/* ─────────────────────────────────────────────────────────────────────
   FOTO — a todo el ancho, arriba (altura natural = efecto masonry)
   ───────────────────────────────────────────────────────────────────── */
.jdgm-rev__pics { margin: 0 0 6px; }
.jdgm-rev__pic  { margin: 0 !important; }

.jdgm-rev__pic-img,
.jdgm-rev__pic img {
  width: 100% !important;
  height: auto !important;
  display: block;
  object-fit: cover;
  border-radius: 0;
}


/* ─────────────────────────────────────────────────────────────────────
   ESTRELLAS — morado de marca
   ───────────────────────────────────────────────────────────────────── */
.jdgm-rev-widg .jdgm-rev__rating { padding: 14px 16px 0; }

.jdgm-star.jdgm--on  { color: var(--dun-morado) !important; }
.jdgm-star.jdgm--off { color: #E4D4F4 !important; }


/* ─────────────────────────────────────────────────────────────────────
   FECHA
   ───────────────────────────────────────────────────────────────────── */
.jdgm-rev__timestamp {
  color: #9a82b5;
  font-size: 11px;
}


/* ─────────────────────────────────────────────────────────────────────
   TÍTULO Y CUERPO
   ───────────────────────────────────────────────────────────────────── */
.jdgm-rev__title {
  font-family: var(--dun-f-titulo);
  font-weight: 400;
  font-size: 16px;
  line-height: 1.25;
  color: var(--dun-morado);
  margin: 12px 16px 6px;
}

.jdgm-rev__body {
  font-family: var(--dun-f-cuerpo);
  font-size: 14px;
  line-height: 1.5;
  color: var(--dun-texto);
  margin: 0 16px 14px;
}

.jdgm-rev__body p { margin: 0; }

/* "Leer más" */
.jdgm-rev__body a,
.jdgm-readmore,
.jdgm-rev__expand-text-link {
  color: var(--dun-morado);
  font-weight: 600;
}


/* ─────────────────────────────────────────────────────────────────────
   AUTORA Y BADGE "VERIFICADO"
   ───────────────────────────────────────────────────────────────────── */
.jdgm-rev__author {
  font-family: var(--dun-f-cuerpo);
  font-weight: 600;
  font-size: 13px;
  color: var(--dun-violeta);
  margin: 0 16px;
}

.jdgm-rev__buyer-badge {
  display: inline-block;
  font-size: 11px;
  font-weight: 600;
  color: var(--dun-morado);
  background: rgba(82, 3, 159, 0.08);
  padding: 3px 8px;
  border-radius: var(--dun-r-pill);
  border: none;
}


/* ─────────────────────────────────────────────────────────────────────
   PIE — ¿Te sirvió? (votos útiles)
   ───────────────────────────────────────────────────────────────────── */
.jdgm-rev__actions {
  margin: 12px 16px 0;
  padding-top: 12px;
  border-top: 1px solid var(--dun-borde);
  font-size: 12px;
  color: #9a82b5;
}


/* ─────────────────────────────────────────────────────────────────────
   RESPUESTA DE LA MARCA
   ───────────────────────────────────────────────────────────────────── */
.jdgm-rev__reply,
.jdgm-rev__shop-reply {
  margin: 8px 14px 12px;
  padding: 12px 14px;
  background: var(--dun-bg-soft);
  border-left: 3px solid var(--dun-morado);
  border-radius: 8px;
  font-size: 13px;p
  line-height: 1.5;
  color: var(--dun-texto);
}


/* ─────────────────────────────────────────────────────────────────────
   ACENTOS DEL HEADER (se afina entero en el Bloque 1, esto evita choques)
   ───────────────────────────────────────────────────────────────────── */
/* Botón "Escribir una reseña" */
.jdgm-rev-widg .jdgm-write-rev-link {
  background: var(--dun-morado) !important;
  color: #fff !important;
  border: none !important;
  border-radius: var(--dun-r-pill) !important;
  font-family: var(--dun-f-cuerpo);
  font-weight: 700;
}
.jdgm-rev-widg .jdgm-write-rev-link:hover {
  background: var(--dun-violeta) !important;
}

/* Barras de distribución por estrellas */
.jdgm-histogram__bar-content {
  background: var(--dun-morado) !important;
}


/* ─────────────────────────────────────────────────────────────────────
   PAGINACIÓN
   ───────────────────────────────────────────────────────────────────── */
.jdgm-paginate__page.jdgm-curt-page {
  color: var(--dun-morado);
  font-weight: 700;
}