
:root{
  --drp-bg:#fbfbfb;
  --drp-text:#111;
  --drp-muted:#6b7280;
  --drp-accent:#111;
  --drp-border:#e5e7eb;
  --drp-star:#fbbf24;
  --drp-soft:#f9fafb;
  --drp-soft-border:#eceff3;
  --drp-like-active-bg:#fff7e0;
  --drp-like-active-border:#f3cd63;
  --drp-like-active-text:#8a5a00;
  --drp-report-active-bg:#eef6ff;
  --drp-report-active-border:#9ec5fe;
  --drp-report-active-text:#0b5ed7;
}

.drp-modal{
  position:fixed !important;
  top:0 !important;
  right:0 !important;
  bottom:0 !important;
  left:0 !important;
  display:flex;
  align-items:center;
  justify-content:center;
  z-index:2147483647 !important;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  background:rgba(0,0,0,0);
  transition:opacity .25s ease, background-color .25s ease;
}

.drp-modal.is-open{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  background:rgba(0,0,0,.5);
}

.drp-card{
  position:relative;
  z-index:2147483647 !important;
  background:var(--drp-bg);
  width:92%;
  max-width:820px;
  max-height:85vh;
  border-radius:14px;
  overflow:hidden;
  box-shadow:0 10px 40px rgba(0,0,0,.25);
  display:flex;
  flex-direction:column;
  transform:translateY(12px) scale(.985);
  opacity:0;
  transition:transform .28s ease, opacity .28s ease;
}

.drp-modal.is-open .drp-card{
  transform:translateY(0) scale(1);
  opacity:1;
}

@media (prefers-reduced-motion:reduce){
  .drp-modal,
  .drp-card,
  .drp-toast,
  .drp-review-action{
    transition:none !important;
  }
}

.drp-hd{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:12px 16px;
  border-bottom:1px solid var(--drp-border);
}

.drp-hd h2{
  margin:0;
  font-size:18px;
}

.drp-x{
  border:0;
  background:transparent;
  font-size:26px;
  line-height:1;
  cursor:pointer;
}

.drp-body{
  flex:1;
  overflow:auto;
  padding:8px 12px;
  -webkit-overflow-scrolling:touch;
}

.drp-summary{
  display:flex;
  gap:12px;
  align-items:center;
  margin:6px 0 12px;
}

.drp-stars{
  display:inline-flex;
  vertical-align:middle;
}

.drp-star{
  width:18px;
  height:18px;
  fill:var(--drp-star);
}

.drp-meta{
  color:var(--drp-muted);
  font-size:14px;
}

.drp-item{
  border:1px solid var(--drp-border);
  border-radius:14px;
  padding:16px;
  margin:10px 0;
  background:#fff;
  box-shadow:0 1px 0 rgba(17,24,39,.02);
}

.drp-review-title{
  margin:0 0 8px;
  font-size:15px;
  line-height:1.35;
  font-weight:700;
  color:#111;
  text-align:center;
}

.drp-review-rating{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:2px;
  margin:0 0 10px;
}

.drp-review-body{
  margin:0 0 12px;
  font-size:14px;
  line-height:1.55;
  color:#111;
  text-align:center;
}

.drp-review-author{
  display:flex;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
  gap:8px;
  margin:0 0 12px;
  font-size:13px;
  line-height:1.3;
  color:var(--drp-muted);
  text-align:center;
}

.drp-review-author-main{
  display:inline-flex;
  align-items:center;
  gap:8px;
}

.drp-review-avatar{
  width:28px;
  height:28px;
  border-radius:50%;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(17,24,39,.08);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.5);
  flex:0 0 28px;
}

.drp-review-avatar svg{
  width:14px;
  height:14px;
  display:block;
}

.drp-review-author-name{
  color:#111;
  font-weight:600;
}

.drp-review-verified{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:3px 10px;
  border:1px solid #d1fae5;
  background:#ecfdf5;
  color:#047857;
  border-radius:999px;
  font-size:12px;
  line-height:1;
  font-weight:400;
}

.drp-review-separator{
  border:0;
  border-top:1px solid var(--drp-soft-border);
  margin:0 0 10px;
}

.drp-review-actions{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}

.drp-review-action{
  display:inline-flex;
  align-items:center;
  gap:6px;
  min-height:28px;
  padding:5px 9px;
  border:1px solid var(--drp-soft-border);
  border-radius:999px;
  background:var(--drp-soft);
  color:#111;
  font-size:11px;
  line-height:1;
  cursor:pointer;
  transition:background-color .2s ease, border-color .2s ease, transform .12s ease, color .2s ease, opacity .2s ease;
}

.drp-review-action:hover{
  background:#fff;
  border-color:#d7dde5;
}

.drp-review-action:active{
  transform:translateY(1px);
}

.drp-review-action svg{
  width:13px;
  height:13px;
  flex:0 0 13px;
}

.drp-review-helpful-count{
  font-weight:700;
  color:#111;
}

.drp-review-helpful.is-active,
.drp-review-helpful[disabled]{
  background:var(--drp-like-active-bg);
  border-color:var(--drp-like-active-border);
  color:var(--drp-like-active-text);
  cursor:default;
}

.drp-review-helpful.is-active .drp-review-helpful-count,
.drp-review-helpful[disabled] .drp-review-helpful-count{
  color:var(--drp-like-active-text);
}

.drp-review-helpful[disabled]:hover{
  background:var(--drp-like-active-bg);
  border-color:var(--drp-like-active-border);
}

.drp-review-report{
  color:#6b7280;
  background:#fff;
}

.drp-review-report:hover{
  color:#111;
}

.drp-review-report.is-reported{
  background:var(--drp-report-active-bg);
  border-color:var(--drp-report-active-border);
  color:var(--drp-report-active-text);
}

.drp-review-report.is-reported:hover{
  background:var(--drp-report-active-bg);
  border-color:var(--drp-report-active-border);
  color:var(--drp-report-active-text);
}

.drp-load{
  display:block;
  width:100%;
  box-sizing:border-box;
  padding:10px 12px;
  border:1px solid var(--drp-border);
  border-radius:10px;
  margin:8px 0 4px;
  background:transparent;
  text-align:center;
  color:#2196f3;
  font-size:14px;
  line-height:1.2;
  font-family:inherit;
  font-weight:400;
  text-decoration:none;
  cursor:pointer;
  -webkit-appearance:none;
  appearance:none;
}

.drp-toast{
  position:fixed;
  left:50%;
  bottom:18px;
  transform:translateX(-50%) translateY(12px);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  z-index:2147483648 !important;
  background:#111;
  color:#fff;
  border-radius:999px;
  padding:10px 14px;
  font-size:13px;
  line-height:1.2;
  box-shadow:0 8px 24px rgba(0,0,0,.25);
  transition:opacity .2s ease, transform .2s ease, visibility .2s ease;
}

.drp-toast.is-visible{
  opacity:1;
  visibility:visible;
  transform:translateX(-50%) translateY(0);
}


:root{
  --drp-bg:#fbfbfb;
  --drp-text:#111;
  --drp-muted:#6b7280;
  --drp-accent:#111;
  --drp-border:#e5e7eb;
  --drp-star:#fbbf24;
  --drp-soft:#f9fafb;
  --drp-soft-border:#eceff3;
  --drp-like-active-bg:#fff7e0;
  --drp-like-active-border:#f3cd63;
  --drp-like-active-text:#8a5a00;
  --drp-report-active-bg:#eef6ff;
  --drp-report-active-border:#9ec5fe;
  --drp-report-active-text:#0b5ed7;
}

/* ===== Overlay con animación (sin display:none) ===== */
.drp-modal{
  position:fixed !important;
  top:0 !important;
  right:0 !important;
  bottom:0 !important;
  left:0 !important;
  display:flex;
  align-items:center;
  justify-content:center;
  z-index:2147483647 !important;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  background:rgba(0,0,0,0);
  transition:opacity .25s ease, background-color .25s ease;
}
.drp-modal.is-open{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  background:rgba(0,0,0,.5);
}

/* Tarjeta con entrada suave */
.drp-card{
  position:relative;
  z-index:2147483647 !important;
  background:var(--drp-bg);
  width:92%;
  max-width:820px;
  max-height:85vh;
  border-radius:14px;
  overflow:hidden;
  box-shadow:0 10px 40px rgba(0,0,0,.25);
  display:flex;
  flex-direction:column;
  transform:translateY(12px) scale(.985);
  opacity:0;
  transition:transform .28s ease, opacity .28s ease;
}
.drp-modal.is-open .drp-card{
  transform:translateY(0) scale(1);
  opacity:1;
}

@media (prefers-reduced-motion:reduce){
  .drp-modal,
  .drp-card,
  .drp-toast,
  .drp-review-action{
    transition:none !important;
  }
}

/* Estilos base */
.drp-hd{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:12px 16px;
  border-bottom:1px solid var(--drp-border);
}
.drp-hd h2{
  margin:0;
  font-size:18px;
}
.drp-x{
  border:0;
  background:transparent;
  font-size:26px;
  line-height:1;
  cursor:pointer;
}
.drp-body{
  flex:1;
  overflow:auto;
  padding:8px 12px;
  -webkit-overflow-scrolling:touch;
}
.drp-summary{
  display:flex;
  gap:12px;
  align-items:center;
  margin:6px 0 12px;
}
.drp-stars{
  display:inline-flex;
  vertical-align:middle;
}
.drp-star{
  width:18px;
  height:18px;
  fill:var(--drp-star);
}
.drp-meta{
  color:var(--drp-muted);
  font-size:14px;
}

/* ===== Tarjeta de reseña ===== */
.drp-item{
  border:1px solid var(--drp-border);
  border-radius:14px;
  padding:16px;
  margin:10px 0;
  background:#fff;
  box-shadow:0 1px 0 rgba(17,24,39,.02);
}

.drp-review-title{
  margin:0 0 8px;
  font-size:15px;
  line-height:1.35;
  font-weight:700;
  color:#111;
  text-align:center;
}

.drp-review-rating{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:2px;
  margin:0 0 10px;
}

.drp-review-body{
  margin:0 0 12px;
  font-size:14px;
  line-height:1.55;
  color:#111;
  text-align:center;
}

.drp-review-author{
  display:flex;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
  gap:8px;
  margin:0 0 12px;
  font-size:13px;
  line-height:1.3;
  color:var(--drp-muted);
  text-align:center;
}

.drp-review-author-main{
  display:inline-flex;
  align-items:center;
  gap:8px;
}

.drp-review-avatar{
  width:28px;
  height:28px;
  border-radius:50%;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(17,24,39,.08);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.5);
  flex:0 0 28px;
}

.drp-review-avatar svg{
  width:14px;
  height:14px;
  display:block;
}

.drp-review-author-name{
  color:#111;
  font-weight:600;
}

.drp-review-verified{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:3px 10px;
  border:1px solid #d1fae5;
  background:#ecfdf5;
  color:#047857;
  border-radius:999px;
  font-size:12px;
  line-height:1;
  font-weight:400;
}

.drp-review-separator{
  border:0;
  border-top:1px solid var(--drp-soft-border);
  margin:0 0 10px;
}

.drp-review-actions{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}

.drp-review-action{
  display:inline-flex;
  align-items:center;
  gap:6px;
  min-height:28px;
  padding:5px 9px;
  border:1px solid var(--drp-soft-border);
  border-radius:999px;
  background:var(--drp-soft);
  color:#111;
  font-size:11px;
  line-height:1;
  cursor:pointer;
  transition:background-color .2s ease, border-color .2s ease, transform .12s ease, color .2s ease, opacity .2s ease;
}

.drp-review-action:hover{
  background:#fff;
  border-color:#d7dde5;
}

.drp-review-action:active{
  transform:translateY(1px);
}

.drp-review-action svg{
  width:13px;
  height:13px;
  flex:0 0 13px;
}

.drp-review-helpful-count{
  font-weight:700;
  color:#111;
}

.drp-review-helpful.is-active,
.drp-review-helpful[disabled]{
  background:var(--drp-like-active-bg);
  border-color:var(--drp-like-active-border);
  color:var(--drp-like-active-text);
  cursor:default;
}

.drp-review-helpful.is-active .drp-review-helpful-count,
.drp-review-helpful[disabled] .drp-review-helpful-count{
  color:var(--drp-like-active-text);
}

.drp-review-helpful[disabled]:hover{
  background:var(--drp-like-active-bg);
  border-color:var(--drp-like-active-border);
}

.drp-review-report{
  color:#6b7280;
  background:#fff;
}

.drp-review-report:hover{
  color:#111;
}

.drp-review-report.is-reported{
  background:var(--drp-report-active-bg);
  border-color:var(--drp-report-active-border);
  color:var(--drp-report-active-text);
}

.drp-review-report.is-reported:hover{
  background:var(--drp-report-active-bg);
  border-color:var(--drp-report-active-border);
  color:var(--drp-report-active-text);
}

.drp-stars-inline{
  display:inline-flex;
  align-items:center;
  gap:2px;
  vertical-align:middle;
}

.drp-load{
  display:block;
  width:100%;
  box-sizing:border-box;
  padding:10px 12px;
  border:1px solid var(--drp-border);
  border-radius:10px;
  margin:8px 0 4px;
  background:transparent;
  text-align:center;
  color:#2196f3;
  font-size:14px;
  line-height:1.2;
  font-family:inherit;
  font-weight:400;
  text-decoration:none;
  cursor:pointer;
  -webkit-appearance:none;
  appearance:none;
}

.drp-badge{
  display:inline-flex;
  gap:6px;
  align-items:center;
  font-size:12px;
  color:#047857;
  border:1px solid #bbf7d0;
  background:#ecfdf5;
  border-radius:999px;
  padding:2px 8px;
  margin-left:0;
}

.drp-toast{
  position:fixed;
  left:50%;
  bottom:18px;
  transform:translateX(-50%) translateY(12px);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  z-index:2147483648 !important;
  background:#111;
  color:#fff;
  border-radius:999px;
  padding:10px 14px;
  font-size:13px;
  line-height:1.2;
  box-shadow:0 8px 24px rgba(0,0,0,.25);
  transition:opacity .2s ease, transform .2s ease, visibility .2s ease;
}
.drp-toast.is-visible{
  opacity:1;
  visibility:visible;
  transform:translateX(-50%) translateY(0);
}


  /* ===== Ajustes de alineación del resumen del modal ===== */
  .drp-summary{
    justify-content:center !important;
    text-align:center !important;
    flex-wrap:nowrap !important;
  }

  .drp-summary .drp-stars,
  .drp-summary .drp-meta{
    display:flex;
    align-items:center;
    justify-content:center;
  }

  #drpVisibleMeta{
    text-align:center !important;
  }

  #drpInsightsTags{
    justify-content:center !important;
  }

  /* ===== Más aire dentro del bloque “Lo que más valoran del 0,30 mm” ===== */
  #drpInsights{
    padding:18px 14px 20px !important;
  }

  #drpInsights h3{
    margin-top:0 !important;
    margin-bottom:16px !important;
    color:#333333 !important;
  }

  /* Imagen + texto: conjunto centrado, imagen a la izquierda y texto alineado a la izquierda */
  #drpInsightsMain{
    width:calc(100% + 8px);
    max-width:none;
    margin:0 0 12px -8px;
    display:flex;
    align-items:center;
    justify-content:flex-start;
    gap:12px;
    box-sizing:border-box;
  }

  #drpInsightsImage{
    width:62px;
    height:62px;
    flex:0 0 62px;
    display:block;
    object-fit:contain;
    background:transparent;
    mix-blend-mode:multiply;
  }

  #drpInsightsText{
    flex:1 1 auto;
    min-width:0;
    margin:0 !important;
    box-sizing:border-box;
    text-align:left !important;
  }

  /* Títulos de las reseñas */
  .drp-review-title{
    color:#4d4d4d !important;
  }

  /* Mismo criterio para el cuerpo de cada reseña */
  .drp-review-body{
    width:92%;
    max-width:680px;
    margin-left:auto !important;
    margin-right:auto !important;
    text-align:left !important;
    box-sizing:border-box;
  }

  /* Autor alineado con la misma columna del texto de la reseña */
  .drp-review-author{
    width:92%;
    max-width:680px;
    margin-left:auto !important;
    margin-right:auto !important;
    justify-content:space-between !important;
    flex-wrap:nowrap !important;
    gap:8px !important;
    box-sizing:border-box;
  }

  .drp-review-author-main{
    flex:0 1 auto;
    min-width:0;
  }

  .drp-review-verified{
    margin-left:auto !important;
    flex:0 0 auto;
    white-space:nowrap;
  }

  #drpInsightsTags{
    margin-top:18px !important;
    margin-bottom:20px !important;
  }

  /* Botón “Cargar más reseñas”: fondo blanco.
     El enlace “Ver las 480 reseñas” conserva su estilo actual. */
  #drpLoad{
    background:#fff !important;
    color:#007782;
  }

#openReviews{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;color:#2196f3;font-size:15px;font-weight:600;text-decoration:none !important;border-bottom:0 !important;cursor:pointer;padding:2px 6px;border-radius:6px;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;font-synthesis:none;}
#openReviews:hover{background:rgba(33,150,243,.08);}
#openReviews .rating{color:#4d4d4d;font-weight:700 !important;font-synthesis-weight:none;display:inline-block;}
#openReviews .count{font-size:14px;line-height:1;font-weight:300 !important;font-synthesis-weight:none;-webkit-font-smoothing:antialiased;display:inline-block;}
#openReviews .sub{color:#2196f3;font-weight:400;margin-left:6px;font-size:13px;}
#openReviews .chev{margin-left:6px;opacity:.7;}
