/* ==============================================================
   SUNMARKET TRUSTAMI BADGE - CSS v3.1 (13 variantes)
   ==============================================================
   Variantes disponibles:
     smk-tb--full      Tarjeta completa wide 520px (con plataformas)
     smk-tb--card      Card mediana ~220px con pill EXCELENTE
     smk-tb--banner    Banner ancho horizontal full-width
     smk-tb--vertical  Compacto vertical 160px
     smk-tb--mini      Mini horizontal pill 1 línea
     smk-tb--inline    Texto inline mínimo
     smk-tb--sticky    Flotante esquina inferior fixed
     smk-tb--compact   Rectangular 250px (pill arriba + datos abajo)
     smk-tb--split     Rectangular 250px (dos columnas con divisor)
     smk-tb--shield    Rectangular 280px (icono confianza + datos)
     smk-tb--wide      Rectangular 300px (nota muy grande izquierda)
     smk-tb--platforms Rectangular 300px (datos + iconos plataformas)
     smk-tb--dark      Rectangular 280px (fondo oscuro premium)

   Estrategia de especificidad (defensa en profundidad contra temas):
     1. Patrón :not(#e) eleva especificidad sin necesidad de IDs reales
     2. Reset agresivo en .smk-tb y descendientes (line-height, font, color)
     3. !important solo en propiedades críticas que los temas suelen pisar:
        font-family, line-height, text-align, color base, box-sizing
   ============================================================== */

/* ============================================================== */
/* RESET DEFENSIVO - aplicado al wrapper y a TODOS sus hijos       */
/* Bloquea estilos heredados de temas agresivos (Hummingbird,      */
/* Classic, Creative Elements wrappers, etc.)                      */
/* ============================================================== */
.smk-tb:not(#e),
.smk-tb:not(#e) * {
  box-sizing: border-box !important;
  font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, sans-serif !important;
  line-height: normal;
  letter-spacing: normal;
  text-shadow: none;
  text-transform: none;
  text-align: left;
  font-style: normal;
  vertical-align: baseline;
  list-style: none;
  border-collapse: collapse;
  border-spacing: 0;
  background-image: none;
}

/* Restaurar font-family display en titulares grandes */
.smk-tb:not(#e) .smk-tb__rating-value,
.smk-tb:not(#e) .smk-tb__c-rating,
.smk-tb:not(#e) .smk-tb__v-rating,
.smk-tb:not(#e) .smk-tb__m-rating,
.smk-tb:not(#e) .smk-tb__b-rating,
.smk-tb:not(#e) .smk-tb__cp-rating,
.smk-tb:not(#e) .smk-tb__sp-rating,
.smk-tb:not(#e) .smk-tb__sh-rating,
.smk-tb:not(#e) .smk-tb__w-rating,
.smk-tb:not(#e) .smk-tb__pl-rating,
.smk-tb:not(#e) .smk-tb__dk-rating,
.smk-tb:not(#e) .smk-tb__s-rating,
.smk-tb:not(#e) .smk-tb__title,
.smk-tb:not(#e) .smk-tb__i-rating {
  font-family: 'Plus Jakarta Sans', 'Inter', system-ui, sans-serif !important;
}

/* Anular efectos visuales heredados que pueden romper layout */
.smk-tb:not(#e) a,
.smk-tb:not(#e) a:hover,
.smk-tb:not(#e) a:focus,
.smk-tb:not(#e) a:visited {
  text-decoration: none !important;
  color: inherit !important;
  background: transparent;
}

/* Asegurar que SVG se comporte bien (algunos temas le ponen max-width) */
.smk-tb:not(#e) svg {
  max-width: none !important;
  display: inline-block;
  vertical-align: middle;
}

/* Asegurar que strong/em no hereden estilos raros */
.smk-tb:not(#e) strong,
.smk-tb:not(#e) b {
  font-weight: 600 !important;
}
.smk-tb:not(#e) em,
.smk-tb:not(#e) i {
  font-style: normal;
}

/* Asegurar que botones internos (sticky close) no tengan estilos del tema */
.smk-tb:not(#e) button {
  background: transparent;
  border: 0;
  cursor: pointer;
  font: inherit;
  padding: 0;
  margin: 0;
}

/* Asegurar que el wrapper principal tenga display correcto */
.smk-tb:not(#e) {
  display: block;
  position: relative;
  margin: 0;
  padding: 0;
  width: auto;
  max-width: 100%;
}

/* Variantes inline-block deben mantener su display */
.smk-tb--mini:not(#e),
.smk-tb--card:not(#e),
.smk-tb--vertical:not(#e),
.smk-tb--compact:not(#e),
.smk-tb--split:not(#e),
.smk-tb--shield:not(#e),
.smk-tb--wide:not(#e),
.smk-tb--platforms:not(#e),
.smk-tb--dark:not(#e) {
  display: inline-block !important;
}

.smk-tb--inline:not(#e) {
  display: inline-flex !important;
}

.smk-tb--full:not(#e),
.smk-tb--banner:not(#e) {
  display: block !important;
}

.smk-tb--sticky:not(#e) {
  display: block !important;
  position: fixed !important;
}

/* ============================================================== */
/* TOKENS GLOBALES                                                 */
/* ============================================================== */
.smk-tb:not(#e) {
  --smk-tb-teal: #5dc7d0;
  --smk-tb-ink: #060f13;
  --smk-tb-ink-2: #5f5e5a;
  --smk-tb-ink-3: #888780;
  --smk-tb-bg: #ffffff;
  --smk-tb-border: rgba(6,15,19,0.08);
  --smk-tb-success: #1D9E75;
  --smk-tb-success-bg: #E1F5EE;
  --smk-tb-success-ink: #04342C;
  --smk-tb-star: #f5b800;
  --smk-tb-star-empty: #e8e8e8;
  --smk-tb-star-size: 18px;
  --smk-tb-radius: 16px;
  --smk-tb-font: 'Inter', system-ui, -apple-system, sans-serif;
  --smk-tb-font-display: 'Plus Jakarta Sans', system-ui, sans-serif;

  font-family: var(--smk-tb-font);
}

.smk-tb:not(#e) *,
.smk-tb:not(#e) *::before,
.smk-tb:not(#e) *::after {
  box-sizing: border-box;
}

.smk-tb__link:not(#e) {
  text-decoration: none;
  color: var(--smk-tb-ink);
  display: block;
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}

/* ============================================================== */
/* ESTRELLAS (común a todas las variantes)                         */
/* ============================================================== */
.smk-tb__stars:not(#e) {
  display: inline-flex;
  gap: 2px;
}

.smk-tb__star:not(#e) {
  width: var(--smk-tb-star-size);
  height: var(--smk-tb-star-size);
  display: inline-block;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23e8e8e8'><path d='M12 2l2.9 6.9L22 9.7l-5.5 4.8L18 22l-6-3.5L6 22l1.5-7.5L2 9.7l7.1-.8z'/></svg>");
  background-size: contain;
  background-repeat: no-repeat;
  position: relative;
  flex-shrink: 0;
}

.smk-tb__star--full:not(#e) {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23f5b800'><path d='M12 2l2.9 6.9L22 9.7l-5.5 4.8L18 22l-6-3.5L6 22l1.5-7.5L2 9.7l7.1-.8z'/></svg>");
}

.smk-tb__star--partial:not(#e)::before {
  content: "";
  position: absolute;
  inset: 0;
  width: var(--smk-fill, 50%);
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23f5b800'><path d='M12 2l2.9 6.9L22 9.7l-5.5 4.8L18 22l-6-3.5L6 22l1.5-7.5L2 9.7l7.1-.8z'/></svg>");
  background-size: var(--smk-tb-star-size) var(--smk-tb-star-size);
  background-repeat: no-repeat;
  background-position: left center;
}

/* ============================================================== */
/* VARIANT: FULL - Tarjeta completa wide 520px                     */
/* ============================================================== */
.smk-tb--full:not(#e) {
  display: block;
  width: 100%;
  max-width: 520px;
  margin: 1.5rem auto;
  container-type: inline-size;
  container-name: smktb;
}

.smk-tb--full:not(#e) > .smk-tb__link {
  background: var(--smk-tb-bg);
  border: 0.5px solid var(--smk-tb-border);
  border-radius: var(--smk-tb-radius);
  padding: 22px 26px;
  box-shadow: 0 1px 3px rgba(6,15,19,0.04);
}

.smk-tb--full:not(#e) > .smk-tb__link:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(6,15,19,0.08);
  border-color: var(--smk-tb-teal);
}

.smk-tb--full:not(#e) .smk-tb__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 16px;
  gap: 12px;
}

.smk-tb--full:not(#e) .smk-tb__brand {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
}

.smk-tb--full:not(#e) .smk-tb__logo {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: var(--smk-tb-teal);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.smk-tb--full:not(#e) .smk-tb__brand-text {
  display: flex;
  flex-direction: column;
  line-height: 1.2;
  min-width: 0;
}

.smk-tb--full:not(#e) .smk-tb__kicker {
  font-size: 11px;
  font-weight: 500;
  color: var(--smk-tb-ink-2);
  letter-spacing: 0.4px;
  text-transform: uppercase;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.smk-tb--full:not(#e) .smk-tb__title {
  font-family: var(--smk-tb-font-display);
  font-size: 14px;
  font-weight: 500;
  color: var(--smk-tb-ink);
  margin-top: 1px;
}

.smk-tb--full:not(#e) .smk-tb__pill {
  background: var(--smk-tb-success-bg);
  color: var(--smk-tb-success-ink);
  font-size: 10px;
  font-weight: 600;
  padding: 5px 10px;
  border-radius: 999px;
  letter-spacing: 0.3px;
  white-space: nowrap;
  flex-shrink: 0;
}

.smk-tb--full:not(#e) .smk-tb__main {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 24px;
  align-items: center;
  margin-bottom: 16px;
}

.smk-tb--full:not(#e) .smk-tb__main-left {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
}

.smk-tb--full:not(#e) .smk-tb__rating {
  display: flex;
  align-items: baseline;
  gap: 10px;
}

.smk-tb--full:not(#e) .smk-tb__rating-value {
  font-family: var(--smk-tb-font-display);
  font-size: 48px;
  font-weight: 700;
  color: var(--smk-tb-ink);
  line-height: 1;
}

.smk-tb--full:not(#e) .smk-tb__rating-max {
  font-size: 16px;
  color: var(--smk-tb-ink-2);
}

.smk-tb--full:not(#e) .smk-tb__summary {
  font-size: 14px;
  color: var(--smk-tb-ink);
  margin: 0;
  line-height: 1.5;
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.smk-tb--full:not(#e) .smk-tb__summary-line {
  display: block;
}

.smk-tb--full:not(#e) .smk-tb__summary strong {
  font-weight: 600;
}

.smk-tb--full:not(#e) .smk-tb__positive {
  color: var(--smk-tb-success);
  font-weight: 600;
}

.smk-tb--full:not(#e) .smk-tb__platforms {
  border-top: 0.5px solid var(--smk-tb-border);
  padding-top: 14px;
}

.smk-tb--full:not(#e) .smk-tb__platforms-label {
  display: block;
  font-size: 10px;
  color: var(--smk-tb-ink-3);
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-bottom: 10px;
}

.smk-tb--full:not(#e) .smk-tb__platforms-list {
  display: flex;
  align-items: center;
  gap: 14px;
  flex-wrap: wrap;
  row-gap: 8px;
}

.smk-tb--full:not(#e) .smk-tb__platform {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-size: 12px;
  font-weight: 500;
  color: var(--smk-tb-ink);
  white-space: nowrap;
}

.smk-tb--full:not(#e) .smk-tb__platform-mark {
  width: 14px;
  height: 14px;
  border-radius: 3px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  line-height: 1;
}

.smk-tb--full:not(#e) .smk-tb__platform--more {
  color: var(--smk-tb-ink-3);
  font-style: italic;
  font-size: 11px;
}

.smk-tb--full:not(#e) .smk-tb__powered {
  margin-top: 12px;
  padding-top: 10px;
  border-top: 0.5px solid var(--smk-tb-border);
  font-size: 10px;
  color: var(--smk-tb-ink-3);
  text-align: center;
  letter-spacing: 0.2px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
}

.smk-tb--full:not(#e) .smk-tb__powered-brand {
  display: inline-flex;
  align-items: center;
  gap: 3px;
  color: var(--smk-tb-ink-2);
}

.smk-tb--full:not(#e) .smk-tb__powered-brand strong {
  font-weight: 600;
  color: var(--smk-tb-ink);
}

/* Responsive FULL: media queries y container queries */
@media (max-width: 539px) {
  .smk-tb--full:not(#e) {
    max-width: 380px;
  }
  .smk-tb--full:not(#e) > .smk-tb__link {
    padding: 18px 20px;
  }
  .smk-tb--full:not(#e) .smk-tb__main {
    grid-template-columns: 1fr;
    gap: 12px;
  }
  .smk-tb--full:not(#e) .smk-tb__rating-value {
    font-size: 38px;
  }
  .smk-tb--full:not(#e) .smk-tb__star {
    --smk-tb-star-size: 18px;
  }
}

@media (max-width: 479px) {
  .smk-tb--full:not(#e) {
    max-width: 100%;
  }
  .smk-tb--full:not(#e) > .smk-tb__link {
    padding: 16px;
  }
  .smk-tb--full:not(#e) .smk-tb__rating-value {
    font-size: 32px;
  }
  .smk-tb--full:not(#e) .smk-tb__platform[title="Trustprofile"] span:last-child {
    display: none;
  }
}

@container smktb (max-width: 460px) {
  .smk-tb--full:not(#e) .smk-tb__main {
    grid-template-columns: 1fr;
    gap: 12px;
  }
}

@container smktb (max-width: 300px) {
  .smk-tb--full:not(#e) .smk-tb__platforms {
    display: none;
  }
}

/* ============================================================== */
/* VARIANT: VERTICAL - Compacto vertical (sidebar/footer)          */
/* ============================================================== */
.smk-tb--vertical:not(#e) {
  display: inline-block;
  margin: 1rem auto;
}

.smk-tb--vertical:not(#e) > .smk-tb__link {
  width: 160px;
  background: var(--smk-tb-bg);
  border: 0.5px solid var(--smk-tb-border);
  border-radius: 14px;
  padding: 14px 16px;
  box-shadow: 0 1px 3px rgba(6,15,19,0.04);
  text-align: center;
}

.smk-tb--vertical:not(#e) > .smk-tb__link:hover {
  border-color: var(--smk-tb-teal);
  transform: translateY(-1px);
}

.smk-tb--vertical:not(#e) .smk-tb__v-kicker {
  font-size: 9px;
  font-weight: 600;
  color: var(--smk-tb-teal);
  letter-spacing: 0.6px;
  text-transform: uppercase;
  margin-bottom: 6px;
}

.smk-tb--vertical:not(#e) .smk-tb__v-rating {
  font-family: var(--smk-tb-font-display);
  font-size: 28px;
  font-weight: 700;
  color: var(--smk-tb-ink);
  line-height: 1;
  margin-bottom: 6px;
}

.smk-tb--vertical:not(#e) .smk-tb__v-max {
  font-size: 14px;
  color: var(--smk-tb-ink-3);
  font-weight: 400;
}

.smk-tb--vertical:not(#e) .smk-tb__stars {
  --smk-tb-star-size: 13px;
  justify-content: center;
  margin-bottom: 8px;
}

.smk-tb--vertical:not(#e) .smk-tb__v-reviews {
  font-size: 10px;
  color: var(--smk-tb-ink-2);
  line-height: 1.4;
}

/* ============================================================== */
/* VARIANT: MINI - Mini horizontal pill 1 línea                    */
/* ============================================================== */
.smk-tb--mini:not(#e) {
  display: inline-block;
  margin: 0.5rem 0;
}

.smk-tb--mini:not(#e) > .smk-tb__link {
  background: var(--smk-tb-bg);
  border: 0.5px solid var(--smk-tb-border);
  border-radius: 999px;
  padding: 8px 16px;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  box-shadow: 0 1px 3px rgba(6,15,19,0.04);
}

.smk-tb--mini:not(#e) > .smk-tb__link:hover {
  border-color: var(--smk-tb-teal);
}

.smk-tb--mini:not(#e) .smk-tb__stars {
  --smk-tb-star-size: 14px;
}

.smk-tb--mini:not(#e) .smk-tb__m-rating {
  font-family: var(--smk-tb-font-display);
  font-size: 14px;
  font-weight: 700;
  color: var(--smk-tb-ink);
}

.smk-tb--mini:not(#e) .smk-tb__m-sep {
  width: 1px;
  height: 14px;
  background: rgba(6,15,19,0.15);
  display: inline-block;
}

.smk-tb--mini:not(#e) .smk-tb__m-reviews {
  font-size: 12px;
  color: var(--smk-tb-ink-2);
}

/* ============================================================== */
/* VARIANT: CARD - Card mediana modern (~220px)                    */
/* ============================================================== */
.smk-tb--card:not(#e) {
  display: inline-block;
  margin: 1.25rem auto;
  padding-top: 10px; /* hueco para el pill superior */
}

.smk-tb--card:not(#e) > .smk-tb__link {
  width: 220px;
  background: var(--smk-tb-bg);
  border: 0.5px solid var(--smk-tb-border);
  border-radius: 16px;
  padding: 18px;
  box-shadow: 0 2px 8px rgba(6,15,19,0.05);
  text-align: center;
  position: relative;
}

.smk-tb--card:not(#e) > .smk-tb__link:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 16px rgba(6,15,19,0.08);
  border-color: var(--smk-tb-teal);
}

.smk-tb--card:not(#e) .smk-tb__c-pill {
  position: absolute;
  top: -10px;
  left: 50%;
  transform: translateX(-50%);
  background: var(--smk-tb-teal);
  color: #fff;
  font-size: 9px;
  font-weight: 700;
  padding: 4px 10px;
  border-radius: 999px;
  letter-spacing: 0.4px;
  white-space: nowrap;
}

.smk-tb--card:not(#e) .smk-tb__stars {
  --smk-tb-star-size: 20px;
  justify-content: center;
  margin: 4px 0 10px;
  gap: 2px;
}

.smk-tb--card:not(#e) .smk-tb__c-rating {
  font-family: var(--smk-tb-font-display);
  font-size: 32px;
  font-weight: 700;
  color: var(--smk-tb-ink);
  line-height: 1;
  margin-bottom: 4px;
}

.smk-tb--card:not(#e) .smk-tb__c-max {
  font-size: 14px;
  color: var(--smk-tb-ink-3);
  font-weight: 400;
}

.smk-tb--card:not(#e) .smk-tb__c-reviews {
  font-size: 12px;
  color: var(--smk-tb-ink);
  margin-bottom: 4px;
}

.smk-tb--card:not(#e) .smk-tb__c-reviews strong {
  font-weight: 600;
}

.smk-tb--card:not(#e) .smk-tb__c-positive {
  font-size: 11px;
  color: var(--smk-tb-success);
  font-weight: 600;
}

.smk-tb--card:not(#e) .smk-tb__c-powered {
  margin-top: 12px;
  padding-top: 10px;
  border-top: 0.5px solid var(--smk-tb-border);
  font-size: 9px;
  color: var(--smk-tb-ink-3);
}

.smk-tb--card:not(#e) .smk-tb__c-powered strong {
  color: var(--smk-tb-ink);
  font-weight: 600;
}

/* ============================================================== */
/* VARIANT: STICKY - Flotante esquina inferior fixed               */
/* ============================================================== */
.smk-tb--sticky:not(#e) {
  position: fixed;
  bottom: 16px;
  right: 16px;
  z-index: 9000;
  margin: 0;
  animation: smk-tb-slide-up 0.4s ease-out;
}

@keyframes smk-tb-slide-up {
  from { transform: translateY(20px); opacity: 0; }
  to { transform: translateY(0); opacity: 1; }
}

.smk-tb--sticky:not(#e) > .smk-tb__link {
  background: var(--smk-tb-bg);
  border: 0.5px solid var(--smk-tb-border);
  border-radius: 12px;
  padding: 10px 36px 10px 14px;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  box-shadow: 0 4px 16px rgba(6,15,19,0.12);
  position: relative;
}

.smk-tb--sticky:not(#e) > .smk-tb__link:hover {
  box-shadow: 0 6px 20px rgba(6,15,19,0.16);
}

.smk-tb--sticky:not(#e) .smk-tb__s-icon {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: var(--smk-tb-teal);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.smk-tb--sticky:not(#e) .smk-tb__s-content {
  line-height: 1.2;
}

.smk-tb--sticky:not(#e) .smk-tb__s-rating {
  font-family: var(--smk-tb-font-display);
  font-size: 16px;
  font-weight: 700;
  color: var(--smk-tb-ink);
}

.smk-tb--sticky:not(#e) .smk-tb__s-rating span {
  font-size: 11px;
  color: var(--smk-tb-ink-3);
  font-weight: 400;
}

.smk-tb--sticky:not(#e) .smk-tb__s-reviews {
  font-size: 10px;
  color: var(--smk-tb-ink-2);
}

.smk-tb--sticky:not(#e) .smk-tb__s-close {
  position: absolute;
  top: 4px;
  right: 6px;
  background: transparent;
  border: 0;
  color: var(--smk-tb-ink-3);
  font-size: 18px;
  line-height: 1;
  cursor: pointer;
  padding: 4px 6px;
  border-radius: 4px;
}

.smk-tb--sticky:not(#e) .smk-tb__s-close:hover {
  color: var(--smk-tb-ink);
  background: rgba(6,15,19,0.05);
}

@media (max-width: 480px) {
  .smk-tb--sticky:not(#e) {
    bottom: 12px;
    right: 12px;
    left: 12px;
  }
  .smk-tb--sticky:not(#e) > .smk-tb__link {
    width: 100%;
    justify-content: flex-start;
  }
}

/* ============================================================== */
/* VARIANT: BANNER - Banner ancho compacto horizontal              */
/* ============================================================== */
.smk-tb--banner:not(#e) {
  display: block;
  width: 100%;
  margin: 1rem 0;
}

.smk-tb--banner:not(#e) > .smk-tb__link {
  background: var(--smk-tb-bg);
  border: 0.5px solid var(--smk-tb-border);
  border-radius: 12px;
  padding: 14px 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  box-shadow: 0 1px 3px rgba(6,15,19,0.04);
}

.smk-tb--banner:not(#e) > .smk-tb__link:hover {
  border-color: var(--smk-tb-teal);
  transform: translateY(-1px);
}

.smk-tb--banner:not(#e) .smk-tb__b-left {
  display: flex;
  align-items: center;
  gap: 14px;
  min-width: 0;
}

.smk-tb--banner:not(#e) .smk-tb__logo {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: var(--smk-tb-teal);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.smk-tb--banner:not(#e) .smk-tb__brand-text {
  display: flex;
  flex-direction: column;
  line-height: 1.3;
  min-width: 0;
}

.smk-tb--banner:not(#e) .smk-tb__kicker {
  font-size: 10px;
  font-weight: 600;
  color: var(--smk-tb-ink-2);
  letter-spacing: 0.3px;
  text-transform: uppercase;
}

.smk-tb--banner:not(#e) .smk-tb__title {
  font-family: var(--smk-tb-font-display);
  font-size: 13px;
  font-weight: 500;
  color: var(--smk-tb-ink);
}

.smk-tb--banner:not(#e) .smk-tb__b-right {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-shrink: 0;
}

.smk-tb--banner:not(#e) .smk-tb__stars {
  --smk-tb-star-size: 14px;
}

.smk-tb--banner:not(#e) .smk-tb__b-meta {
  line-height: 1.2;
  text-align: right;
}

.smk-tb--banner:not(#e) .smk-tb__b-rating {
  font-family: var(--smk-tb-font-display);
  font-size: 18px;
  font-weight: 700;
  color: var(--smk-tb-ink);
}

.smk-tb--banner:not(#e) .smk-tb__b-reviews {
  font-size: 10px;
  color: var(--smk-tb-ink-2);
}

@media (max-width: 480px) {
  .smk-tb--banner:not(#e) > .smk-tb__link {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
  }
  .smk-tb--banner:not(#e) .smk-tb__b-right {
    width: 100%;
    justify-content: space-between;
  }
}

/* ============================================================== */
/* VARIANT: INLINE - Texto inline mínimo                           */
/* ============================================================== */
.smk-tb--inline:not(#e) {
  display: inline-flex;
  vertical-align: baseline;
}

.smk-tb--inline:not(#e) > .smk-tb__link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 13px;
  color: var(--smk-tb-ink);
}

.smk-tb--inline:not(#e) .smk-tb__stars {
  --smk-tb-star-size: 13px;
  vertical-align: middle;
}

.smk-tb--inline:not(#e) .smk-tb__i-rating {
  font-family: var(--smk-tb-font-display);
  font-weight: 600;
  color: var(--smk-tb-ink);
}

.smk-tb--inline:not(#e) .smk-tb__i-sep {
  color: var(--smk-tb-ink-3);
}

.smk-tb--inline:not(#e) .smk-tb__i-reviews {
  color: var(--smk-tb-ink-2);
  text-decoration: underline;
  text-decoration-color: rgba(6,15,19,0.2);
  text-underline-offset: 2px;
}

.smk-tb--inline:not(#e) > .smk-tb__link:hover .smk-tb__i-reviews {
  text-decoration-color: var(--smk-tb-teal);
  color: var(--smk-tb-ink);
}

/* ============================================================== */
/* VARIANT: COMPACT - Rectangular 250px (pill arriba + datos)      */
/* ============================================================== */
.smk-tb--compact:not(#e) {
  display: inline-block;
  margin: 0.75rem 0;
}

.smk-tb--compact:not(#e) > .smk-tb__link {
  width: 250px;
  background: var(--smk-tb-bg);
  border: 0.5px solid var(--smk-tb-border);
  border-radius: 12px;
  padding: 12px 16px;
  box-shadow: 0 1px 3px rgba(6,15,19,0.04);
}

.smk-tb--compact:not(#e) > .smk-tb__link:hover {
  border-color: var(--smk-tb-teal);
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(6,15,19,0.06);
}

.smk-tb--compact:not(#e) .smk-tb__cp-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 8px;
  gap: 8px;
}

.smk-tb--compact:not(#e) .smk-tb__cp-pill {
  background: var(--smk-tb-success-bg);
  color: var(--smk-tb-success-ink);
  font-size: 9px;
  font-weight: 600;
  padding: 3px 8px;
  border-radius: 999px;
  letter-spacing: 0.4px;
}

.smk-tb--compact:not(#e) .smk-tb__stars {
  --smk-tb-star-size: 12px;
}

.smk-tb--compact:not(#e) .smk-tb__cp-body {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 10px;
}

.smk-tb--compact:not(#e) .smk-tb__cp-rating {
  font-family: var(--smk-tb-font-display);
  font-size: 24px;
  font-weight: 700;
  color: var(--smk-tb-ink);
  line-height: 1;
}

.smk-tb--compact:not(#e) .smk-tb__cp-max {
  font-size: 11px;
  color: var(--smk-tb-ink-3);
  font-weight: 400;
  margin-left: 2px;
}

.smk-tb--compact:not(#e) .smk-tb__cp-meta {
  text-align: right;
  line-height: 1.3;
}

.smk-tb--compact:not(#e) .smk-tb__cp-reviews {
  font-size: 12px;
  font-weight: 600;
  color: var(--smk-tb-ink);
}

.smk-tb--compact:not(#e) .smk-tb__cp-positive {
  font-size: 10px;
  color: var(--smk-tb-success);
  font-weight: 600;
}

/* ============================================================== */
/* VARIANT: SPLIT - Rectangular 250px (dos columnas con divisor)   */
/* ============================================================== */
.smk-tb--split:not(#e) {
  display: inline-block;
  margin: 0.75rem 0;
}

.smk-tb--split:not(#e) > .smk-tb__link {
  width: 250px;
  background: var(--smk-tb-bg);
  border: 0.5px solid var(--smk-tb-border);
  border-radius: 12px;
  padding: 12px 16px;
  box-shadow: 0 1px 3px rgba(6,15,19,0.04);
  display: flex;
  align-items: center;
  gap: 14px;
}

.smk-tb--split:not(#e) > .smk-tb__link:hover {
  border-color: var(--smk-tb-teal);
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(6,15,19,0.06);
}

.smk-tb--split:not(#e) .smk-tb__sp-left {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 5px;
  flex-shrink: 0;
}

.smk-tb--split:not(#e) .smk-tb__sp-left .smk-tb__stars {
  --smk-tb-star-size: 13px;
}

.smk-tb--split:not(#e) .smk-tb__sp-rating {
  font-family: var(--smk-tb-font-display);
  font-size: 18px;
  font-weight: 700;
  color: var(--smk-tb-ink);
  line-height: 1;
}

.smk-tb--split:not(#e) .smk-tb__sp-divider {
  width: 1px;
  height: 38px;
  background: rgba(6,15,19,0.08);
  flex-shrink: 0;
}

.smk-tb--split:not(#e) .smk-tb__sp-right {
  line-height: 1.3;
  flex: 1;
  min-width: 0;
}

.smk-tb--split:not(#e) .smk-tb__sp-pill {
  font-size: 9px;
  font-weight: 600;
  color: var(--smk-tb-teal);
  letter-spacing: 0.5px;
  text-transform: uppercase;
  margin-bottom: 2px;
}

.smk-tb--split:not(#e) .smk-tb__sp-reviews {
  font-size: 13px;
  font-weight: 600;
  color: var(--smk-tb-ink);
}

.smk-tb--split:not(#e) .smk-tb__sp-positive {
  font-size: 10px;
  color: var(--smk-tb-success);
  font-weight: 600;
}

/* ============================================================== */
/* VARIANT: SHIELD - Rectangular 280px (icono confianza + datos)   */
/* ============================================================== */
.smk-tb--shield:not(#e) {
  display: inline-block;
  margin: 0.75rem 0;
}

.smk-tb--shield:not(#e) > .smk-tb__link {
  width: 280px;
  background: var(--smk-tb-bg);
  border: 0.5px solid var(--smk-tb-border);
  border-radius: 12px;
  padding: 14px 18px;
  box-shadow: 0 1px 3px rgba(6,15,19,0.04);
  display: flex;
  align-items: center;
  gap: 14px;
}

.smk-tb--shield:not(#e) > .smk-tb__link:hover {
  border-color: var(--smk-tb-teal);
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(6,15,19,0.06);
}

.smk-tb--shield:not(#e) .smk-tb__sh-icon {
  width: 46px;
  height: 46px;
  border-radius: 12px;
  background: linear-gradient(135deg, var(--smk-tb-teal) 0%, #4bb5be 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.smk-tb--shield:not(#e) .smk-tb__sh-body {
  line-height: 1.3;
  flex: 1;
  min-width: 0;
}

.smk-tb--shield:not(#e) .smk-tb__sh-top {
  display: flex;
  align-items: baseline;
  gap: 6px;
  margin-bottom: 1px;
}

.smk-tb--shield:not(#e) .smk-tb__sh-rating {
  font-family: var(--smk-tb-font-display);
  font-size: 22px;
  font-weight: 700;
  color: var(--smk-tb-ink);
  line-height: 1;
}

.smk-tb--shield:not(#e) .smk-tb__sh-top .smk-tb__stars {
  --smk-tb-star-size: 12px;
}

.smk-tb--shield:not(#e) .smk-tb__sh-reviews {
  font-size: 12px;
  color: var(--smk-tb-ink);
  font-weight: 500;
}

.smk-tb--shield:not(#e) .smk-tb__sh-positive {
  font-size: 10px;
  color: var(--smk-tb-success);
  font-weight: 600;
}

/* ============================================================== */
/* VARIANT: WIDE - Rectangular 300px (nota muy grande izquierda)   */
/* ============================================================== */
.smk-tb--wide:not(#e) {
  display: inline-block;
  margin: 0.75rem 0;
}

.smk-tb--wide:not(#e) > .smk-tb__link {
  width: 300px;
  background: var(--smk-tb-bg);
  border: 0.5px solid var(--smk-tb-border);
  border-radius: 12px;
  padding: 14px 18px;
  box-shadow: 0 1px 3px rgba(6,15,19,0.04);
  display: flex;
  align-items: center;
  gap: 16px;
}

.smk-tb--wide:not(#e) > .smk-tb__link:hover {
  border-color: var(--smk-tb-teal);
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(6,15,19,0.06);
}

.smk-tb--wide:not(#e) .smk-tb__w-left {
  text-align: center;
  flex-shrink: 0;
}

.smk-tb--wide:not(#e) .smk-tb__w-rating {
  font-family: var(--smk-tb-font-display);
  font-size: 34px;
  font-weight: 700;
  color: var(--smk-tb-ink);
  line-height: 1;
}

.smk-tb--wide:not(#e) .smk-tb__w-left .smk-tb__stars {
  --smk-tb-star-size: 12px;
  justify-content: center;
  margin-top: 4px;
}

.smk-tb--wide:not(#e) .smk-tb__w-divider {
  width: 1px;
  height: 48px;
  background: rgba(6,15,19,0.08);
  flex-shrink: 0;
}

.smk-tb--wide:not(#e) .smk-tb__w-right {
  line-height: 1.4;
  flex: 1;
  min-width: 0;
}

.smk-tb--wide:not(#e) .smk-tb__w-pill {
  background: var(--smk-tb-success-bg);
  color: var(--smk-tb-success-ink);
  font-size: 9px;
  font-weight: 600;
  padding: 2px 7px;
  border-radius: 999px;
  letter-spacing: 0.4px;
  display: inline-block;
}

.smk-tb--wide:not(#e) .smk-tb__w-reviews {
  font-size: 13px;
  font-weight: 600;
  color: var(--smk-tb-ink);
  margin-top: 5px;
}

.smk-tb--wide:not(#e) .smk-tb__w-positive {
  font-size: 11px;
  color: var(--smk-tb-success);
  font-weight: 600;
}

/* ============================================================== */
/* VARIANT: PLATFORMS - Rectangular 300px (datos + iconos)         */
/* ============================================================== */
.smk-tb--platforms:not(#e) {
  display: inline-block;
  margin: 0.75rem 0;
}

.smk-tb--platforms:not(#e) > .smk-tb__link {
  width: 300px;
  background: var(--smk-tb-bg);
  border: 0.5px solid var(--smk-tb-border);
  border-radius: 12px;
  padding: 13px 16px;
  box-shadow: 0 1px 3px rgba(6,15,19,0.04);
}

.smk-tb--platforms:not(#e) > .smk-tb__link:hover {
  border-color: var(--smk-tb-teal);
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(6,15,19,0.06);
}

.smk-tb--platforms:not(#e) .smk-tb__pl-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 9px;
}

.smk-tb--platforms:not(#e) .smk-tb__pl-tl {
  min-width: 0;
}

.smk-tb--platforms:not(#e) .smk-tb__pl-rating {
  font-family: var(--smk-tb-font-display);
  font-size: 20px;
  font-weight: 700;
  color: var(--smk-tb-ink);
  line-height: 1;
}

.smk-tb--platforms:not(#e) .smk-tb__pl-max {
  font-size: 10px;
  color: var(--smk-tb-ink-3);
  font-weight: 400;
  margin-left: 2px;
}

.smk-tb--platforms:not(#e) .smk-tb__pl-tl .smk-tb__stars {
  --smk-tb-star-size: 11px;
  margin-top: 1px;
}

.smk-tb--platforms:not(#e) .smk-tb__pl-tr {
  text-align: right;
  line-height: 1.2;
}

.smk-tb--platforms:not(#e) .smk-tb__pl-reviews {
  font-size: 12px;
  font-weight: 600;
  color: var(--smk-tb-ink);
}

.smk-tb--platforms:not(#e) .smk-tb__pl-positive {
  font-size: 10px;
  color: var(--smk-tb-success);
  font-weight: 600;
}

.smk-tb--platforms:not(#e) .smk-tb__pl-bottom {
  border-top: 0.5px solid rgba(6,15,19,0.06);
  padding-top: 7px;
  display: flex;
  align-items: center;
  gap: 7px;
  flex-wrap: wrap;
}

.smk-tb--platforms:not(#e) .smk-tb__pl-label {
  font-size: 9px;
  color: var(--smk-tb-ink-3);
  text-transform: uppercase;
  letter-spacing: 0.4px;
}

.smk-tb--platforms:not(#e) .smk-tb__pi {
  width: 14px;
  height: 14px;
  border-radius: 3px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  line-height: 1;
}

.smk-tb--platforms:not(#e) .smk-tb__pl-more {
  font-size: 9px;
  color: var(--smk-tb-ink-3);
  font-style: italic;
  margin-left: auto;
}

/* ============================================================== */
/* VARIANT: DARK - Rectangular 280px (fondo oscuro premium)        */
/* ============================================================== */
.smk-tb--dark:not(#e) {
  display: inline-block;
  margin: 0.75rem 0;
}

.smk-tb--dark:not(#e) > .smk-tb__link {
  width: 280px;
  background: linear-gradient(135deg, #060f13 0%, #0b1e24 60%, #153a44 100%);
  border-radius: 12px;
  padding: 14px 18px;
  box-shadow: 0 2px 6px rgba(6,15,19,0.15);
  display: flex;
  align-items: center;
  gap: 14px;
}

.smk-tb--dark:not(#e) > .smk-tb__link:hover {
  transform: translateY(-1px);
  box-shadow: 0 6px 16px rgba(6,15,19,0.25);
}

.smk-tb--dark:not(#e) .smk-tb__dk-icon {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background: rgba(93,199,208,0.18);
  border: 1px solid rgba(93,199,208,0.35);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.smk-tb--dark:not(#e) .smk-tb__dk-body {
  line-height: 1.3;
  flex: 1;
  min-width: 0;
}

.smk-tb--dark:not(#e) .smk-tb__dk-top {
  display: flex;
  align-items: baseline;
  gap: 6px;
}

.smk-tb--dark:not(#e) .smk-tb__dk-rating {
  font-family: var(--smk-tb-font-display);
  font-size: 22px;
  font-weight: 700;
  color: #fff;
  line-height: 1;
}

.smk-tb--dark:not(#e) .smk-tb__dk-top .smk-tb__stars {
  --smk-tb-star-size: 12px;
}

.smk-tb--dark:not(#e) .smk-tb__dk-reviews {
  font-size: 12px;
  color: #b8d4da;
  font-weight: 500;
}

.smk-tb--dark:not(#e) .smk-tb__dk-positive {
  font-size: 10px;
  color: #9fe1cb;
  font-weight: 600;
}

/* === Responsive nuevas variantes ============================== */
@media (max-width: 360px) {
  .smk-tb--compact:not(#e) > .smk-tb__link,
  .smk-tb--split:not(#e) > .smk-tb__link {
    width: 100%;
    max-width: 280px;
  }
  .smk-tb--shield:not(#e) > .smk-tb__link,
  .smk-tb--wide:not(#e) > .smk-tb__link,
  .smk-tb--platforms:not(#e) > .smk-tb__link,
  .smk-tb--dark:not(#e) > .smk-tb__link {
    width: 100%;
    max-width: 320px;
  }
}

/* ============================================================== */
/* VARIANT: TRUST350 - 350px branding Trustami integrado          */
/* ============================================================== */
.smk-tb--trust350:not(#e) > .smk-tb__link {
  width: 350px;
  background: var(--smk-tb-bg);
  border: 0.5px solid var(--smk-tb-border);
  border-radius: 12px;
  padding: 14px 18px;
  box-shadow: 0 1px 3px rgba(6,15,19,0.04);
}
.smk-tb--trust350:not(#e) > .smk-tb__link:hover {
  border-color: var(--smk-tb-teal);
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(6,15,19,0.06);
}
.smk-tb--trust350:not(#e) .smk-tb__t3-head {
  display: flex; align-items: center; justify-content: space-between;
  padding-bottom: 9px; margin-bottom: 9px;
  border-bottom: 0.5px solid rgba(6,15,19,0.06);
}
.smk-tb--trust350:not(#e) .smk-tb__t3-brand {
  display: flex; align-items: center; gap: 8px;
}
.smk-tb--trust350:not(#e) .smk-tb__t3-logo {
  background: #1A6BC2; width: 22px; height: 22px;
  border-radius: 5px; display: inline-flex;
  align-items: center; justify-content: center;
}
.smk-tb--trust350:not(#e) .smk-tb__t3-brand-text {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 13px; font-weight: 600; color: var(--smk-tb-ink);
}
.smk-tb--trust350:not(#e) .smk-tb__t3-pill {
  background: var(--smk-tb-success-bg);
  color: var(--smk-tb-success-ink);
  font-size: 9px; font-weight: 600;
  padding: 3px 8px; border-radius: 999px;
  letter-spacing: 0.4px;
}
.smk-tb--trust350:not(#e) .smk-tb__t3-body {
  display: flex; align-items: center; justify-content: space-between; gap: 14px;
}
.smk-tb--trust350:not(#e) .smk-tb__t3-left {
  display: flex; align-items: baseline; gap: 8px;
}
.smk-tb--trust350:not(#e) .smk-tb__t3-rating {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 30px; font-weight: 700; color: var(--smk-tb-ink); line-height: 1;
}
.smk-tb--trust350:not(#e) .smk-tb__t3-right {
  text-align: right; line-height: 1.3;
}
.smk-tb--trust350:not(#e) .smk-tb__t3-reviews {
  font-size: 13px; font-weight: 600; color: var(--smk-tb-ink);
}
.smk-tb--trust350:not(#e) .smk-tb__t3-positive {
  font-size: 11px; color: var(--smk-tb-success); font-weight: 600;
}

/* ============================================================== */
/* VARIANT: HERO400 - 400px premium con icono grande              */
/* ============================================================== */
.smk-tb--hero400:not(#e) > .smk-tb__link {
  width: 400px;
  background: var(--smk-tb-bg);
  border: 0.5px solid var(--smk-tb-border);
  border-radius: 14px;
  padding: 18px 22px;
  box-shadow: 0 1px 3px rgba(6,15,19,0.04);
  display: block;
}
.smk-tb--hero400:not(#e) > .smk-tb__link:hover {
  border-color: var(--smk-tb-teal);
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(6,15,19,0.06);
}
.smk-tb--hero400:not(#e) .smk-tb__h4-head {
  display: flex; align-items: center; gap: 14px; margin-bottom: 14px;
}
.smk-tb--hero400:not(#e) .smk-tb__h4-icon {
  width: 50px; height: 50px; border-radius: 14px;
  background: linear-gradient(135deg, var(--smk-tb-teal) 0%, #4bb5be 100%);
  display: flex; align-items: center; justify-content: center; flex-shrink: 0;
}
.smk-tb--hero400:not(#e) .smk-tb__h4-text { flex: 1; min-width: 0; }
.smk-tb--hero400:not(#e) .smk-tb__h4-kicker {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 14px; font-weight: 600; color: var(--smk-tb-ink);
}
.smk-tb--hero400:not(#e) .smk-tb__h4-subtitle {
  font-size: 11px; color: var(--smk-tb-ink-2);
}
.smk-tb--hero400:not(#e) .smk-tb__h4-body {
  display: flex; align-items: center; gap: 18px;
  padding-top: 14px; border-top: 0.5px solid rgba(6,15,19,0.06);
}
.smk-tb--hero400:not(#e) .smk-tb__h4-rating-block {
  text-align: center; flex-shrink: 0;
}
.smk-tb--hero400:not(#e) .smk-tb__h4-rating {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 32px; font-weight: 700; color: var(--smk-tb-ink); line-height: 1;
}
.smk-tb--hero400:not(#e) .smk-tb__h4-rating-label {
  font-size: 10px; color: var(--smk-tb-ink-3); margin-top: 2px;
}
.smk-tb--hero400:not(#e) .smk-tb__h4-meta { flex: 1; min-width: 0; }
.smk-tb--hero400:not(#e) .smk-tb__h4-meta .smk-tb__stars {
  --smk-tb-star-size: 14px; margin-bottom: 4px;
}
.smk-tb--hero400:not(#e) .smk-tb__h4-reviews {
  font-size: 13px; color: var(--smk-tb-ink); font-weight: 500;
}
.smk-tb--hero400:not(#e) .smk-tb__h4-positive {
  font-size: 11px; color: var(--smk-tb-success); font-weight: 600;
}

/* ============================================================== */
/* VARIANT: INVOICE320 - 320px con cabecera oscura                */
/* ============================================================== */
.smk-tb--invoice320:not(#e) > .smk-tb__link {
  width: 320px; border-radius: 12px; overflow: hidden;
  box-shadow: 0 1px 3px rgba(6,15,19,0.04);
  display: block; padding: 0;
}
.smk-tb--invoice320:not(#e) > .smk-tb__link:hover {
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(6,15,19,0.06);
}
.smk-tb--invoice320:not(#e) .smk-tb__i3-head {
  background: var(--smk-tb-ink); padding: 9px 16px;
  display: flex; align-items: center; justify-content: space-between;
}
.smk-tb--invoice320:not(#e) .smk-tb__i3-label {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  color: #fff; font-size: 11px; font-weight: 600; letter-spacing: 0.5px;
}
.smk-tb--invoice320:not(#e) .smk-tb__i3-brand {
  color: var(--smk-tb-teal); font-size: 9px; font-weight: 600; letter-spacing: 0.4px;
}
.smk-tb--invoice320:not(#e) .smk-tb__i3-body {
  background: #fff; padding: 14px 16px;
}
.smk-tb--invoice320:not(#e) .smk-tb__i3-row1 {
  display: flex; align-items: center; justify-content: space-between; margin-bottom: 8px;
}
.smk-tb--invoice320:not(#e) .smk-tb__i3-rating {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 26px; font-weight: 700; color: var(--smk-tb-ink); line-height: 1;
}
.smk-tb--invoice320:not(#e) .smk-tb__i3-max {
  font-size: 11px; color: var(--smk-tb-ink-3); font-weight: 400; margin-left: 2px;
}
.smk-tb--invoice320:not(#e) .smk-tb__i3-row2 {
  display: flex; justify-content: space-between;
  padding-top: 8px; border-top: 0.5px solid rgba(6,15,19,0.06);
  font-size: 11px; color: var(--smk-tb-ink-2);
}
.smk-tb--invoice320:not(#e) .smk-tb__i3-positive {
  color: var(--smk-tb-success); font-weight: 600;
}

/* ============================================================== */
/* VARIANT: RIBBON300 - 300px con cinta diagonal                  */
/* ============================================================== */
.smk-tb--ribbon300:not(#e) > .smk-tb__link {
  width: 300px; background: var(--smk-tb-bg);
  border: 0.5px solid var(--smk-tb-border); border-radius: 12px;
  padding: 14px 16px; box-shadow: 0 1px 3px rgba(6,15,19,0.04);
  position: relative; overflow: hidden; display: block;
}
.smk-tb--ribbon300:not(#e) > .smk-tb__link:hover {
  border-color: var(--smk-tb-teal); transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(6,15,19,0.06);
}
.smk-tb--ribbon300:not(#e) .smk-tb__r3-ribbon {
  position: absolute; top: 8px; right: -32px;
  background: var(--smk-tb-teal); color: #04342C;
  font-size: 9px; font-weight: 700;
  padding: 3px 38px; transform: rotate(35deg);
  letter-spacing: 0.5px; line-height: 1.4;
}
.smk-tb--ribbon300:not(#e) .smk-tb__r3-rating-row {
  display: flex; align-items: baseline; gap: 8px; margin-bottom: 6px;
}
.smk-tb--ribbon300:not(#e) .smk-tb__r3-rating {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 26px; font-weight: 700; color: var(--smk-tb-ink); line-height: 1;
}
.smk-tb--ribbon300:not(#e) .smk-tb__r3-of {
  font-size: 11px; color: var(--smk-tb-ink-3);
}
.smk-tb--ribbon300:not(#e) .smk-tb__r3-stars { margin-bottom: 8px; }
.smk-tb--ribbon300:not(#e) .smk-tb__r3-reviews {
  font-size: 12px; color: var(--smk-tb-ink); font-weight: 500;
}
.smk-tb--ribbon300:not(#e) .smk-tb__r3-positive {
  font-size: 11px; color: var(--smk-tb-success); font-weight: 600; margin-top: 1px;
}

/* ============================================================== */
/* VARIANT: QUOTE400 - 400px cita destacada                       */
/* ============================================================== */
.smk-tb--quote400:not(#e) > .smk-tb__link {
  width: 400px; background: var(--smk-tb-bg);
  border: 0.5px solid var(--smk-tb-border); border-radius: 14px;
  padding: 18px 22px; box-shadow: 0 1px 3px rgba(6,15,19,0.04);
  position: relative; display: block;
}
.smk-tb--quote400:not(#e) > .smk-tb__link:hover {
  border-color: var(--smk-tb-teal); transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(6,15,19,0.06);
}
.smk-tb--quote400:not(#e) .smk-tb__q4-mark {
  position: absolute; top: 14px; left: 18px;
  font-family: Georgia, serif !important;
  font-size: 48px; color: var(--smk-tb-teal); line-height: 0.8;
}
.smk-tb--quote400:not(#e) .smk-tb__q4-body { padding-left: 24px; }
.smk-tb--quote400:not(#e) .smk-tb__q4-text {
  font-size: 13px; color: var(--smk-tb-ink);
  font-style: italic !important; line-height: 1.5;
  margin-bottom: 8px;
}
.smk-tb--quote400:not(#e) .smk-tb__q4-byline {
  font-size: 10px; color: var(--smk-tb-ink-3); margin-bottom: 12px;
}
.smk-tb--quote400:not(#e) .smk-tb__q4-foot {
  display: flex; align-items: center; justify-content: space-between;
  padding-top: 12px; border-top: 0.5px solid rgba(6,15,19,0.06);
  gap: 8px;
}
.smk-tb--quote400:not(#e) .smk-tb__q4-meta {
  display: flex; align-items: baseline; gap: 8px; flex-wrap: wrap;
}
.smk-tb--quote400:not(#e) .smk-tb__q4-rating {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 18px; font-weight: 700; color: var(--smk-tb-ink); line-height: 1;
}
.smk-tb--quote400:not(#e) .smk-tb__q4-reviews {
  font-size: 11px; color: var(--smk-tb-ink-2);
}
.smk-tb--quote400:not(#e) .smk-tb__q4-brand {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 9px; color: #1A6BC2; font-weight: 600;
}

/* ============================================================== */
/* VARIANT: WAVE350 - 350px con barra lateral teal                */
/* ============================================================== */
.smk-tb--wave350:not(#e) > .smk-tb__link {
  width: 350px; background: var(--smk-tb-bg);
  border: 0.5px solid var(--smk-tb-border); border-radius: 12px;
  box-shadow: 0 1px 3px rgba(6,15,19,0.04);
  display: flex; padding: 0; overflow: hidden;
}
.smk-tb--wave350:not(#e) > .smk-tb__link:hover {
  border-color: var(--smk-tb-teal); transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(6,15,19,0.06);
}
.smk-tb--wave350:not(#e) .smk-tb__w3-bar {
  background: linear-gradient(180deg, var(--smk-tb-teal) 0%, #4bb5be 100%);
  width: 8px; flex-shrink: 0;
}
.smk-tb--wave350:not(#e) .smk-tb__w3-content { padding: 14px 18px; flex: 1; }
.smk-tb--wave350:not(#e) .smk-tb__w3-head {
  display: flex; align-items: center; justify-content: space-between; margin-bottom: 8px;
}
.smk-tb--wave350:not(#e) .smk-tb__w3-kicker {
  font-size: 9px; font-weight: 600; color: var(--smk-tb-teal);
  letter-spacing: 0.5px; text-transform: uppercase;
}
.smk-tb--wave350:not(#e) .smk-tb__w3-pill {
  background: var(--smk-tb-success-bg); color: var(--smk-tb-success-ink);
  font-size: 9px; font-weight: 600; padding: 2px 8px;
  border-radius: 999px; letter-spacing: 0.3px;
}
.smk-tb--wave350:not(#e) .smk-tb__w3-body {
  display: flex; align-items: center; justify-content: space-between;
}
.smk-tb--wave350:not(#e) .smk-tb__w3-rating {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 28px; font-weight: 700; color: var(--smk-tb-ink); line-height: 1;
}
.smk-tb--wave350:not(#e) .smk-tb__w3-max {
  font-size: 12px; color: var(--smk-tb-ink-3); font-weight: 400; margin-left: 2px;
}
.smk-tb--wave350:not(#e) .smk-tb__w3-left .smk-tb__stars {
  --smk-tb-star-size: 12px; margin-top: 3px;
}
.smk-tb--wave350:not(#e) .smk-tb__w3-right { text-align: right; }
.smk-tb--wave350:not(#e) .smk-tb__w3-reviews-num {
  font-size: 13px; font-weight: 600; color: var(--smk-tb-ink); line-height: 1.2;
}
.smk-tb--wave350:not(#e) .smk-tb__w3-reviews-label {
  font-size: 10px; color: var(--smk-tb-ink-2);
}
.smk-tb--wave350:not(#e) .smk-tb__w3-positive {
  font-size: 10px; color: var(--smk-tb-success); font-weight: 600; margin-top: 2px;
}

/* ============================================================== */
/* VARIANT: MINIMAL320 - 320px ultra-minimal con línea inferior   */
/* ============================================================== */
.smk-tb--minimal320:not(#e) > .smk-tb__link {
  width: 320px; background: transparent;
  padding: 14px 0; border-bottom: 2px solid var(--smk-tb-teal);
  display: flex; align-items: flex-end; justify-content: space-between; gap: 12px;
}
.smk-tb--minimal320:not(#e) > .smk-tb__link:hover {
  border-bottom-color: #4bb5be;
}
.smk-tb--minimal320:not(#e) .smk-tb__m3-rating-row {
  display: flex; align-items: baseline; gap: 6px; margin-bottom: 3px;
}
.smk-tb--minimal320:not(#e) .smk-tb__m3-rating {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 32px; font-weight: 700; color: var(--smk-tb-ink); line-height: 1;
}
.smk-tb--minimal320:not(#e) .smk-tb__m3-max {
  font-size: 12px; color: var(--smk-tb-ink-3);
}
.smk-tb--minimal320:not(#e) .smk-tb__m3-left .smk-tb__stars {
  --smk-tb-star-size: 13px;
}
.smk-tb--minimal320:not(#e) .smk-tb__m3-right { text-align: right; line-height: 1.3; }
.smk-tb--minimal320:not(#e) .smk-tb__m3-reviews {
  font-size: 11px; color: var(--smk-tb-ink); font-weight: 600;
}
.smk-tb--minimal320:not(#e) .smk-tb__m3-positive {
  font-size: 10px; color: var(--smk-tb-success); font-weight: 600;
}
.smk-tb--minimal320:not(#e) .smk-tb__m3-brand {
  font-size: 9px; color: var(--smk-tb-ink-3); margin-top: 2px;
}

/* ============================================================== */
/* VARIANT: STACK400 - 400px 3 stats grandes en columnas          */
/* ============================================================== */
.smk-tb--stack400:not(#e) > .smk-tb__link {
  width: 400px; background: var(--smk-tb-bg);
  border: 0.5px solid var(--smk-tb-border); border-radius: 12px;
  padding: 16px 20px; box-shadow: 0 1px 3px rgba(6,15,19,0.04);
  display: block;
}
.smk-tb--stack400:not(#e) > .smk-tb__link:hover {
  border-color: var(--smk-tb-teal); transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(6,15,19,0.06);
}
.smk-tb--stack400:not(#e) .smk-tb__s4-kicker {
  text-align: center; margin-bottom: 12px;
  font-size: 9px; font-weight: 600; color: var(--smk-tb-teal);
  letter-spacing: 0.5px; text-transform: uppercase;
}
.smk-tb--stack400:not(#e) .smk-tb__s4-grid {
  display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 8px;
}
.smk-tb--stack400:not(#e) .smk-tb__s4-cell {
  text-align: center; padding: 8px 0;
}
.smk-tb--stack400:not(#e) .smk-tb__s4-cell--mid {
  border-left: 0.5px solid rgba(6,15,19,0.08);
  border-right: 0.5px solid rgba(6,15,19,0.08);
}
.smk-tb--stack400:not(#e) .smk-tb__s4-num {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 24px; font-weight: 700; color: var(--smk-tb-ink); line-height: 1;
}
.smk-tb--stack400:not(#e) .smk-tb__s4-num--success {
  color: var(--smk-tb-success);
}
.smk-tb--stack400:not(#e) .smk-tb__s4-label {
  font-size: 10px; color: var(--smk-tb-ink-3); margin-top: 3px;
}
.smk-tb--stack400:not(#e) .smk-tb__s4-stars {
  margin-top: 4px;
}
.smk-tb--stack400:not(#e) .smk-tb__s4-stars .smk-tb__stars {
  --smk-tb-star-size: 10px; justify-content: center;
}

/* ============================================================== */
/* VARIANT: TESTIMONIAL380 - 380px resumen narrativo              */
/* ============================================================== */
.smk-tb--testimonial380:not(#e) > .smk-tb__link {
  width: 380px; background: var(--smk-tb-bg);
  border: 0.5px solid var(--smk-tb-border); border-radius: 12px;
  padding: 16px 20px; box-shadow: 0 1px 3px rgba(6,15,19,0.04);
  display: flex; align-items: center; gap: 14px;
}
.smk-tb--testimonial380:not(#e) > .smk-tb__link:hover {
  border-color: var(--smk-tb-teal); transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(6,15,19,0.06);
}
.smk-tb--testimonial380:not(#e) .smk-tb__tm-left {
  text-align: center; flex-shrink: 0; padding-right: 14px;
  border-right: 0.5px solid rgba(6,15,19,0.08);
}
.smk-tb--testimonial380:not(#e) .smk-tb__tm-rating {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 36px; font-weight: 700; color: var(--smk-tb-ink); line-height: 1;
}
.smk-tb--testimonial380:not(#e) .smk-tb__tm-left .smk-tb__stars {
  --smk-tb-star-size: 12px; margin-top: 5px; justify-content: center;
}
.smk-tb--testimonial380:not(#e) .smk-tb__tm-pill {
  font-size: 9px; color: var(--smk-tb-ink-3); margin-top: 5px;
  text-transform: uppercase; letter-spacing: 0.4px;
}
.smk-tb--testimonial380:not(#e) .smk-tb__tm-right { flex: 1; line-height: 1.4; min-width: 0; }
.smk-tb--testimonial380:not(#e) .smk-tb__tm-headline {
  font-size: 13px; color: var(--smk-tb-ink); font-weight: 500; margin-bottom: 4px;
}
.smk-tb--testimonial380:not(#e) .smk-tb__tm-subtitle {
  font-size: 11px; color: var(--smk-tb-ink-2); margin-bottom: 6px;
}
.smk-tb--testimonial380:not(#e) .smk-tb__tm-brand {
  font-size: 9px; color: #1A6BC2; font-weight: 600;
}

/* ============================================================== */
/* VARIANT: PROGRESSBAR350 - 350px con barra de progreso visual   */
/* ============================================================== */
.smk-tb--progressbar350:not(#e) > .smk-tb__link {
  width: 350px; background: var(--smk-tb-bg);
  border: 0.5px solid var(--smk-tb-border); border-radius: 12px;
  padding: 14px 18px; box-shadow: 0 1px 3px rgba(6,15,19,0.04);
  display: block;
}
.smk-tb--progressbar350:not(#e) > .smk-tb__link:hover {
  border-color: var(--smk-tb-teal); transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(6,15,19,0.06);
}
.smk-tb--progressbar350:not(#e) .smk-tb__pb-top {
  display: flex; align-items: flex-end; justify-content: space-between; margin-bottom: 10px;
}
.smk-tb--progressbar350:not(#e) .smk-tb__pb-rating-row {
  display: flex; align-items: baseline; gap: 6px;
}
.smk-tb--progressbar350:not(#e) .smk-tb__pb-rating {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 30px; font-weight: 700; color: var(--smk-tb-ink); line-height: 1;
}
.smk-tb--progressbar350:not(#e) .smk-tb__pb-max {
  font-size: 12px; color: var(--smk-tb-ink-3);
}
.smk-tb--progressbar350:not(#e) .smk-tb__pb-meta {
  font-size: 11px; color: var(--smk-tb-ink-2); margin-top: 3px;
}
.smk-tb--progressbar350:not(#e) .smk-tb__pb-track {
  background: #f4f6f7; height: 6px; border-radius: 3px;
  overflow: hidden; margin-bottom: 6px;
}
.smk-tb--progressbar350:not(#e) .smk-tb__pb-fill {
  background: linear-gradient(90deg, var(--smk-tb-teal) 0%, #4bb5be 100%);
  height: 100%; width: var(--smk-pb-width, 0%); border-radius: 3px;
  transition: width 0.5s ease;
}
.smk-tb--progressbar350:not(#e) .smk-tb__pb-scale {
  display: flex; justify-content: space-between; align-items: center;
  font-size: 9px; color: var(--smk-tb-ink-3);
}
.smk-tb--progressbar350:not(#e) .smk-tb__pb-brand {
  color: #1A6BC2; font-weight: 600;
}

/* === Responsive 10 nuevas =================================== */
@media (max-width: 420px) {
  .smk-tb--trust350:not(#e) > .smk-tb__link,
  .smk-tb--wave350:not(#e) > .smk-tb__link,
  .smk-tb--progressbar350:not(#e) > .smk-tb__link,
  .smk-tb--testimonial380:not(#e) > .smk-tb__link,
  .smk-tb--minimal320:not(#e) > .smk-tb__link,
  .smk-tb--invoice320:not(#e) > .smk-tb__link,
  .smk-tb--ribbon300:not(#e) > .smk-tb__link {
    width: 100%; max-width: 350px;
  }
  .smk-tb--hero400:not(#e) > .smk-tb__link,
  .smk-tb--quote400:not(#e) > .smk-tb__link,
  .smk-tb--stack400:not(#e) > .smk-tb__link {
    width: 100%; max-width: 400px;
  }
}

@media (max-width: 360px) {
  .smk-tb--testimonial380:not(#e) > .smk-tb__link {
    flex-direction: column; align-items: stretch;
  }
  .smk-tb--testimonial380:not(#e) .smk-tb__tm-left {
    border-right: 0; border-bottom: 0.5px solid rgba(6,15,19,0.08);
    padding-right: 0; padding-bottom: 12px; margin-bottom: 12px;
  }
}