/* ===================== */
/* WMC Trustpilot – Base + CTA actualizados */
/* ===================== */

/* Header: tarjeta negocio + summary */
.wmc-tp-header{display:grid;grid-template-columns:1fr 360px;gap:20px;margin:8px 0 20px}
.wmc-tp-bizcard{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:16px}
.wmc-tp-bizcard__row{display:flex;gap:14px;align-items:flex-start}
.wmc-tp-bizcard__logo-wrap{width:72px;height:72px;border-radius:12px;overflow:hidden;border:1px solid #E5E7EB;background:#F9FAFB;flex:0 0 72px}
.wmc-tp-bizcard__logo{width:100%;height:100%;object-fit:cover;display:block}
.wmc-tp-bizcard__main{min-width:0}
.wmc-tp-bizcard__name{margin:0 0 4px 0;font-size:1.4rem;line-height:1.1}
.wmc-tp-bizcard__cat{color:#6B7280;margin-bottom:10px}
.wmc-tp-bizcard__desc{margin-top:12px;color:#374151}
.wmc-tp-bizcard__cta{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:6px}

/* ==== CTA unificados (Write / View) – hard reset contra temas ==== */
.wmc-tp-bizcard__cta{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:6px;align-items:center}

.wmc-tp-btn{
  /* blindaje base */
  all: unset;
  display: inline-flex; align-items: center; gap: 8px;
  padding: 10px 14px; line-height: 1; font-weight: 600; cursor: pointer;
  border: 1px solid #E5E7EB; border-radius: 9999px;
  text-decoration: none; box-shadow: none !important; background-image: none !important;
  transition: transform .08s ease, box-shadow .12s ease, background-color .12s ease, border-color .12s ease, color .12s ease;
  -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
  /* tamaño mínimo para que no “crezcan” raros */
  min-height: 40px;
}

.wmc-tp-btn__icon svg{ width:18px; height:18px; display:inline-block; fill:currentColor; }

.wmc-btn-write{
  background:#fff; color:#111827; border-color:#E5E7EB;
}
.wmc-btn-write:hover{
  background:#F9FAFB; border-color:#E5E7EB;
  transform: translateY(-1px);
  box-shadow: 0 1px 2px rgba(0,0,0,.05);
}

.wmc-btn-view{
  background:#00B67A; border-color:#00B67A; color:#fff;
}
.wmc-btn-view:hover{
  background:#00a56e; border-color:#00a56e;
  transform: translateY(-1px);
  box-shadow: 0 1px 2px rgba(0,0,0,.06);
}

/* elimina pseudo-elementos que muchos temas agregan a <a target="_blank"> */
.wmc-tp-btn::before,
.wmc-tp-btn::after,
a.wmc-tp-btn[target="_blank"]::after{ content:none !important; }

/* Summary */
.wmc-tp-summary{display:grid;grid-template-columns:110px 1fr;gap:12px;background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:16px}
.wmc-tp-score{display:flex;flex-direction:column;gap:6px;align-items:flex-start}
.wmc-tp-score__value{font-size:40px;font-weight:800;line-height:1}
.wmc-tp-score__stars{font-size:20px}
.wmc-tp-score__count{color:#6B7280;font-size:.95rem}
.wmc-tp-bar{display:grid;grid-template-columns:38px 1fr 42px;gap:8px;align-items:center;margin:4px 0}
.wmc-tp-bar__label{color:#374151;width:38px;text-align:right}
.wmc-tp-bar__track{position:relative;height:10px;background:#F3F4F6;border-radius:6px;overflow:hidden}
.wmc-tp-bar__fill{position:absolute;top:0;left:0;height:100%;background:#00B67A}
.wmc-tp-bar__value{color:#6B7280;text-align:right}
@media (max-width:900px){.wmc-tp-header{grid-template-columns:1fr}.wmc-tp-summary{grid-template-columns:1fr}}

/* List/Grid base */
.wmc-tp{display:grid;gap:16px}
.wmc-tp--list{grid-template-columns:1fr}
.wmc-tp--grid{grid-template-columns:1fr}
@media(min-width:640px){.wmc-tp--grid{grid-template-columns:1fr 1fr}}
@media(min-width:1024px){.wmc-tp--grid{grid-template-columns:1fr 1fr 1fr}}

.wmc-tp-card{border:1px solid #e5e7eb;border-radius:16px;padding:16px;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.04)}
.wmc-tp-card__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}
.wmc-tp-left{display:flex;align-items:center;gap:12px}
.wmc-tp-avatar{width:32px;height:32px;border-radius:9999px;background:#F3F4F6;color:#111827;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:12px;border:1px solid #E5E7EB;overflow:hidden}
.wmc-tp-avatar img{width:100%;height:100%;object-fit:cover;border-radius:9999px;display:block}
.wmc-tp-meta{display:flex;flex-direction:column}
.wmc-tp-stars{font-size:16px;line-height:1}
.wmc-star{color:#D1D5DB;margin-right:1px}
.wmc-star.filled{color:#00B67A}
.wmc-tp-title{margin:.25rem 0 .35rem;font-size:1rem}
.wmc-tp-text{margin:0 0 .75rem;color:#374151}
.wmc-tp-footer{display:flex;gap:12px;align-items:center;justify-content:flex-end}
.wmc-tp-author{font-weight:600;font-size:.95rem}
.wmc-tp-link{font-size:.9rem;text-decoration:none;color:#111827}
.wmc-tp-link:hover{text-decoration:underline}
.wmc-tp-date{color:#6B7280;font-size:.9rem}
.wmc-tp-error,.wmc-tp-empty{padding:12px;border-radius:8px;background:#fff3cd;border:1px solid #ffeeba}

/* Historial (desplegable) */
.wmc-tp-more{margin-top:10px;position:relative}
.wmc-tp-more > summary{cursor:pointer;list-style:none;display:block;color:#111827;padding:4px 0;pointer-events:auto!important}
.wmc-tp-more > summary::-webkit-details-marker{display:none}
.wmc-tp-more .wmc-tp-older{display:none}
.wmc-tp-more[open] .wmc-tp-older{display:block!important}
.wmc-tp-older{border-top:1px dashed #e5e7eb;margin-top:8px;padding-top:8px}
.wmc-tp-older__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}

/* ===== Carousel ===== */
.wmc-tp-carousel{position:relative}
.wmc-tp-carousel .wmc-tp-viewport{overflow:hidden}
.wmc-tp-carousel [data-track]{
  --wmc-gap:16px;
  display:flex; gap:var(--wmc-gap);
  scroll-behavior:smooth; overflow:auto;
  scrollbar-width:none; -ms-overflow-style:none;
  padding:2px;
  cursor: grab;
  touch-action: pan-y;
}
.wmc-tp-carousel [data-track]::-webkit-scrollbar{display:none}
.wmc-tp-carousel [data-track].is-dragging{ cursor: grabbing; }
.wmc-tp-carousel [data-track].is-dragging *{
  user-select:none; -webkit-user-select:none; -ms-user-select:none;
}
.wmc-tp-slide{flex:0 0 100%}
@media(min-width:640px){.wmc-tp-slide{flex-basis:50%}}
@media(min-width:1024px){.wmc-tp-slide{flex-basis:33.3333%}}
.wmc-tp-carousel .wmc-tp-card{height:100%}
/* si quedara el contenedor de flechas en HTML por caché, ocultarlo */
.wmc-tp-nav{display:none}


/* Ícono */
.wmc-tp-btn__icon svg{
  width:18px; height:18px;
  display:inline-block; fill:currentColor;
  margin-right:4px;
}

/* CTA claro */
.wmc-tp-btn.wmc-btn-write{
  background:#fff;color:#111827;border-color:#e5e7eb;
}
.wmc-tp-btn.wmc-btn-write:hover{
  background:#f9fafb;border-color:#e5e7eb;
  transform:translateY(-1px);
  box-shadow:0 1px 2px rgba(0,0,0,.05);
}

/* CTA Trustpilot */
.wmc-tp-btn.wmc-btn-view{
  background:#00B67A;border-color:#00B67A;color:#fff;
}
.wmc-tp-btn.wmc-btn-view:hover{
  background:#00a56e;border-color:#00a56e;
  transform:translateY(-1px);
  box-shadow:0 1px 2px rgba(0,0,0,.06);
}

/* Focus accesible */
.wmc-tp-btn:focus-visible{
  outline:none; box-shadow: var(--wmc-ring);
}