/* EspressaMe – Coffee Machine Reviews (v1.2.4) */
:root{
  --emr-bg: var(--wp--preset--color--base, #ffffff);
  /* Azul por defecto: intenta usar el "primary" del tema; si no existe, usa un azul vivo similar al plugin de café */
  --emr-accent: var(--wp--preset--color--primary, #0B5FFF);
  --emr-accent-weak: color-mix(in srgb, var(--emr-accent) 20%, transparent);
}
.emr-card{
  font: inherit; color: inherit; background: var(--emr-bg);
  border: 1px solid color-mix(in srgb, currentColor 15%, transparent);
  border-radius: 16px; padding: 20px; box-shadow: 0 6px 20px rgba(0,0,0,.06);
  max-width: 1100px; margin: 1.5rem auto;
}
.emr-header{display:flex; align-items:center; justify-content:space-between; gap:16px;
  border-bottom: 1px solid color-mix(in srgb, currentColor 15%, transparent);
  padding-bottom:12px; margin-bottom:12px;}
.emr-title h3{margin:0; font-weight:700; line-height:1.2}
.emr-brand-model{opacity:.8; font-size:.95em}
/* Acentos azules */
.emr-score-number, .emr-score-label{ color: var(--emr-accent); }
.emr-spec-list strong, .emr-rating-label{ color: var(--emr-accent); }
.emr-bags{ display:inline-flex; gap:3px; align-items:center; color: var(--emr-accent); }
.emr-score{display:flex; align-items:baseline; gap:6px; font-weight:800}
.emr-score-number{font-size:2.2rem; line-height:1}
.emr-score-label{opacity:.8}
.emr-specs{display:grid; grid-template-columns: 260px 1fr; gap:16px; align-items:start; margin-top:10px}
.emr-thumb img{width:100%; height:auto; border-radius:12px}
.emr-spec-list{list-style:none; padding:0; margin:.25rem 0 0 0; display:grid; gap:6px}
.emr-spec-list li{border-bottom:1px dashed color-mix(in srgb, currentColor 15%, transparent); padding-bottom:6px}
.emr-ratings{margin-top:8px; display:grid; gap:10px}
.emr-rating-row{display:grid; grid-template-columns: 240px 1fr auto; align-items:center; gap:10px}
.emr-bag{
  width:16px; height:16px; display:inline-block;
  background: currentColor;
  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M7 4h10l-1 5h2a1 1 0 0 1 .98 1.2l-1.8 9A2 2 0 0 1 15.22 21H8.78a2 2 0 0 1-1.96-1.8l-1.8-9A1 1 0 0 1 6 9h2L7 4zm3 0a2 2 0 1 1 4 0"/></svg>');
  mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M7 4h10l-1 5h2a 1 1 0 0 1 .98 1.2l-1.8 9A2 2 0 0 1 15.22 21H8.78a2 2 0 0 1-1.96-1.8l-1.8-9A1 1 0 0 1 6 9h2L7 4zm3 0a2 2 0 1 1 4 0"/></svg>');
}
.emr-bag.empty{opacity:.25; color: var(--emr-accent-weak);}
.emr-bag.half{background: linear-gradient(90deg, currentColor 50%, color-mix(in srgb, currentColor 25%, transparent) 50%);}
.emr-rating-num{font-variant-numeric: tabular-nums; opacity:.9}
.emr-content{margin-top:12px}
@media (max-width: 800px){
  .emr-specs{grid-template-columns: 1fr}
  .emr-rating-row{grid-template-columns: 1fr; gap:6px}
  .emr-score-number{font-size:1.8rem}
}