/* widgets/bosque.css — BOSQUE: crema y verde bosque casi negro, Instrument Serif, botones de esquina corta (8px).
   Valores de bsport-yoga-templates/templates/bosque/index.html (:root, .btn). */
.tpl-bosque{
  --w-bg:#f9f5eb; --w-surface:#ffffff; --w-soft:#ece7d9;
  --w-ink:#16231b; --w-ink-weak:rgba(22,35,27,.6); --w-line:rgba(22,35,27,.16);
  --w-accent:#16231b; --w-accent-hover:#1d2c23; --w-accent-ink:#f9f5eb;

  --w-font-title:"Instrument Serif",Georgia,serif;
  --w-font-body:Inter,system-ui,sans-serif;
  --w-title-weight:400; --w-title-tracking:-.02em;

  --w-r-card:12px; --w-r-small:8px; --w-r-pill:8px; --w-r-btn:8px; --w-r-field:8px;

  --w-btn-bg:#16231b; --w-btn-fg:#f9f5eb;
  --w-btn-bg-hover:#1d2c23; --w-btn-fg-hover:#ffffff;
  --w-btn-font:500 14px Inter,system-ui,sans-serif;

  --w-badge-bg:#ece7d9; --w-badge-fg:#16231b;
  --w-shadow:none;
}

/* ===== Pulido de widgets · bosque (feedback #001 de Yoga Brú, 12-oct-2026) =====
   Reglas con la misma ruta que usa bsport ([id*="bsport-widget"] .cleanslate …) + !important,
   porque las suyas son !important. Todo sale de variables --w-*. */
/* 1) Bonos: título, créditos y descripción más ordenados */
.bsport-scope [id*="bsport-widget"] .cleanslate .bs-paymentpack-card__title{font-size:19px!important;line-height:1.2!important}
.bsport-scope [id*="bsport-widget"] .cleanslate .bs-paymentpack-card__subtitle{font-size:13px!important;font-weight:500!important;color:var(--w-ink-weak)!important;letter-spacing:.02em!important}
.bsport-scope [id*="bsport-widget"] .cleanslate .bs-paymentpack-card__description{margin:6px 0 10px!important;font-size:13px!important;line-height:1.45!important;color:var(--w-ink-weak)!important}
.bsport-scope [id*="bsport-widget"] .cleanslate .bs-generic-card__content.with-padding{padding:20px!important}
/* 2) Bonos: precio más pequeño, sin pisar la descripción */
.bsport-scope [id*="bsport-widget"] .cleanslate .bs-price__container span{font-size:26px!important;line-height:1.1!important;letter-spacing:-.01em!important}
/* 3) Bonos: "Válido por…" como etiqueta discreta, sin pastilla */
.bsport-scope [id*="bsport-widget"] .cleanslate .bs-paymentpack-card__validity{background:transparent!important;padding:0!important;margin-left:8px!important}
.bsport-scope [id*="bsport-widget"] .cleanslate .bs-paymentpack-card__validity__content{background:transparent!important;padding:0!important;font-size:11px!important;letter-spacing:.06em!important;line-height:1.35!important;text-transform:uppercase!important;color:var(--w-ink-weak)!important;text-align:right!important;max-width:78px!important}
/* 4) Bonos: botones sin texto cortado ("Añadir a la cesta") */
.bsport-scope [id*="bsport-widget"] .cleanslate .bs-paymentpack-card__left-button,
.bsport-scope [id*="bsport-widget"] .cleanslate .bs-paymentpack-card__right-button{font-size:12px!important;letter-spacing:.05em!important;white-space:nowrap!important;padding-left:12px!important;padding-right:12px!important;min-height:40px!important}
.bsport-scope [id*="bsport-widget"] .cleanslate .bs-paymentpack-card__right-button{flex:1 1 auto!important;overflow:visible!important;text-overflow:clip!important}
/* 5) Talleres y niveles: títulos en la tipografía de la web y etiqueta de nivel suave */
.bsport-scope [id*="bsport-widget"] .cleanslate .bs-workshop-card__content__title{font-family:var(--w-font-title)!important;font-weight:var(--w-title-weight,400)!important;font-size:28px!important;line-height:1.15!important;letter-spacing:var(--w-title-tracking,0)!important}
.bsport-scope [id*="bsport-widget"] .cleanslate .bs-workshop-card__offer-list__title{font-family:var(--w-font-title)!important;font-weight:var(--w-title-weight,400)!important;font-size:20px!important}
.bsport-scope [id*="bsport-widget"] .cleanslate .bs-level{background:var(--w-soft)!important;border-radius:var(--w-r-pill)!important}
.bsport-scope [id*="bsport-widget"] .cleanslate .bs-level-content{color:var(--w-ink)!important;font-weight:500!important;font-size:12px!important}
@media (max-width:480px){
  .bsport-scope [id*="bsport-widget"] .cleanslate .bs-paymentpack-card__validity__content{max-width:none!important;white-space:nowrap!important}
}