/* Kabo&Bero × Muvel v2.8.2 — presentación unificada */
.kbm{--kbm-accent:#833232;--kbm-ink:#272222;--kbm-secondary:#655e5e;--kbm-line:#e6dada;background:#fff!important;color:var(--kbm-ink)!important;border:1px solid var(--kbm-line);border-radius:20px;padding:clamp(20px,3.2vw,36px);margin:25px auto;max-width:1200px;width:100%;box-sizing:border-box;box-shadow:0 8px 28px rgba(72,28,28,.045);font-family:inherit}
.kbm *{box-sizing:border-box}
.kbm-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin:0 0 25px}
.kbm-heading{min-width:0}
.kbm-eyebrow{display:block;font-size:11px;line-height:1.5;letter-spacing:1.2px;font-weight:750;color:var(--kbm-accent)}
.kbm h2{font-size:clamp(24px,2.7vw,32px)!important;font-weight:700!important;line-height:1.18!important;margin:5px 0 0!important;color:var(--kbm-ink)!important;text-transform:none!important}
.kbm-heading p{font-size:14px!important;line-height:1.5!important;margin:10px 0 0!important;color:var(--kbm-secondary)!important}
.kbm-logo{display:block!important;width:112px!important;height:80px!important;max-width:26%!important;object-fit:contain!important;flex-shrink:0!important;margin:0!important;padding:0!important;border:0!important;box-shadow:none!important}
.kbm-score{display:flex;align-items:center;flex-wrap:wrap;column-gap:18px;row-gap:8px;padding:21px 0;border-top:1px solid var(--kbm-line);border-bottom:1px solid var(--kbm-line);margin-bottom:23px}
.kbm-score-number{font-size:46px!important;font-weight:750!important;line-height:1!important;letter-spacing:-1.5px;color:var(--kbm-ink)!important}
.kbm-stars-real{position:relative;display:inline-block;white-space:nowrap;line-height:1!important;font-family:Arial,sans-serif;font-size:25px;letter-spacing:2px;font-weight:normal;vertical-align:middle}
.kbm-stars-base{display:block;color:#e4d9d9}
.kbm-stars-fill{position:absolute;inset:0 auto auto 0;overflow:hidden;white-space:nowrap;color:var(--kbm-accent);pointer-events:none}
.kbm-score-count{color:var(--kbm-secondary);font-size:13px;line-height:1.4}
.kbm-pills{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:26px}
.kbm-pill{display:inline-flex!important;align-items:center!important;gap:9px!important;border:1px solid #e4d8d8!important;border-radius:40px!important;background:#fcf8f8!important;color:var(--kbm-ink)!important;font-size:13px!important;line-height:1.45!important;padding:8px 12px!important;width:auto!important;max-width:100%;vertical-align:middle;overflow-wrap:anywhere}
.kbm-pill img{display:inline-block!important;width:26px!important;height:26px!important;min-width:26px!important;min-height:26px!important;max-width:26px!important;max-height:26px!important;object-fit:contain!important;border:0!important;margin:0!important;padding:0!important;box-shadow:none!important;flex:0 0 26px!important}
.kbm-pill-count{font-weight:700;color:var(--kbm-accent)}
.kbm-muted{color:var(--kbm-secondary);font-size:13px;margin:0 0 24px}
.kbm-bottom{border-top:1px solid var(--kbm-line);padding-top:23px;display:flex;align-items:center;justify-content:space-between;gap:22px}
.kbm-bottom p{margin:0!important;max-width:690px;font-size:14px!important;line-height:1.65!important;color:var(--kbm-secondary)!important}
.kbm .kbm-cta{display:inline-flex!important;align-items:center;justify-content:center;gap:9px;flex-shrink:0;text-align:center;text-decoration:none!important;background:var(--kbm-accent)!important;color:white!important;padding:13px 18px!important;border-radius:8px!important;font-size:13px!important;font-weight:700!important;line-height:1.4!important;transition:background .15s ease,transform .15s ease}
.kbm .kbm-cta:hover{background:#672626!important;transform:translateY(-1px)}
.kbm .kbm-cta:focus-visible{outline:3px solid #b97070;outline-offset:3px}
@media(max-width:767px){.kbm{padding:22px 17px;border-radius:16px}.kbm-head{gap:12px;margin-bottom:20px}.kbm-logo{width:72px!important;height:55px!important}.kbm h2{font-size:25px!important}.kbm-eyebrow{font-size:10px}.kbm-heading p{font-size:13px!important}.kbm-score{gap:8px 14px}.kbm-score-number{font-size:40px!important}.kbm-stars-real{font-size:22px}.kbm-score-count{width:100%}.kbm-pill{font-size:12px!important;padding:7px 10px!important}.kbm-bottom{display:block}.kbm-bottom p{margin-bottom:18px!important}.kbm .kbm-cta{width:100%}}

/* v2.8: centered, full-page width independently of the shortcode parent.
   Reserve gutters on desktop, tablet and mobile; never touch other cards. */
.kbm{
  width:min(1320px, calc(100vw - 64px))!important;
  max-width:none!important;
  position:relative;
  left:50%;
  transform:translateX(-50%);
  margin:clamp(26px,4vw,50px) 0!important;
}
.kbm-book-title{font-style:italic;font-weight:inherit;color:inherit}
.kbm-pill-emoji{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;flex:0 0 26px;font-size:24px;line-height:1}
@media(max-width:767px){
  .kbm{width:calc(100vw - 32px)!important;padding:22px 17px!important;border-radius:16px}
  .kbm-head{align-items:flex-start}
  .kbm-logo{flex:0 0 64px!important;width:64px!important;max-width:64px!important;height:auto!important}
  .kbm h2{overflow-wrap:break-word}
}
@media(min-width:768px) and (max-width:1024px){
  .kbm{width:calc(100vw - 48px)!important}
}

/* v2.8.1: título primero, firma de comunidad después */
.kbm-heading .kbm-eyebrow{margin-top:10px}
.kbm-heading h2{margin-top:0!important}
.kbm-heading p{margin-top:8px!important}

/* v2.8.2: ambas frases introductorias comparten tipografía; título independiente. */
.kbm-heading .kbm-eyebrow{margin:0!important;display:block!important;font-size:11px!important;line-height:1.5!important;letter-spacing:1.2px!important;font-weight:750!important;color:var(--kbm-accent)!important;text-transform:uppercase!important}
.kbm-heading h2{display:block!important;margin:7px 0 10px!important;max-width:100%!important;overflow-wrap:break-word!important;word-break:normal!important}
.kbm-heading .kbm-book-title{display:block!important;font-style:italic!important;font-weight:inherit!important;line-height:inherit!important;color:inherit!important}
.kbm-heading .kbm-community{margin:0!important}
.kbm-heading p{margin:8px 0 0!important}
@media(max-width:767px){.kbm-heading .kbm-eyebrow{font-size:10px!important}.kbm-heading h2{margin:7px 0 10px!important}}