/* widgets/estructura.css — REDISEÑO de la distribución de los widgets de bsport para que parezcan parte de la web.
Hecho por Maini el 12-oct-2026 sobre el HTML real del widget (Yoga Brú) y tomando como modelo las maquetas de
la plantilla (horario en filas, tarifas en tarjetas, talleres en filas). Solo cambia la PRESENTACIÓN: nada de
funcionalidad (todos los botones, filtros y enlaces siguen ahí).
Va DESPUÉS de base.css y de la hoja de la plantilla:
Por qué los selectores son tan largos: bsport pinta con "[id*=bsport-widget] .cleanslate .bs-… { … !important }"
(especificidad 0,3,0). Anteponiendo .bsport-scope subimos a 0,4,0 y, con !important, ganamos.
Todo usa variables --w-* (colores y letras de cada plantilla) + estas opcionales:
--w-font-mono letra de etiquetas (por defecto la del cuerpo)
--w-feature-bg / --w-feature-fg tarjeta destacada (por defecto, tinta y fondo) */
.bsport-scope{ --w-mono:var(--w-font-mono,var(--w-font-body)); --w-feat-bg:var(--w-feature-bg,var(--w-ink)); --w-feat-fg:var(--w-feature-fg,var(--w-bg)); }
/* ============ Comunes: etiquetas, filtros y buscador ============ */
.bsport-scope [id*="bsport-widget"] .cleanslate .bs-search__container,
.bsport-scope [id*="bsport-widget"] .cleanslate .bs-calendar-search__container{
background:transparent !important; border:1px solid var(--w-line) !important; border-radius:999px !important; box-shadow:none !important; min-height:44px !important;
}
.bsport-scope [id*="bsport-widget"] .cleanslate .bs-marketplace-filter{
background:transparent !important; border:1px solid var(--w-line) !important; border-radius:999px !important; box-shadow:none !important;
min-height:44px !important; padding:0 16px !important;
}
.bsport-scope [id*="bsport-widget"] .cleanslate .bs-marketplace-filter:hover{ border-color:var(--w-ink) !important; }
.bsport-scope [id*="bsport-widget"] .cleanslate .bs-marketplace-filter__placeholder,
.bsport-scope [id*="bsport-widget"] .cleanslate .bs-calendar-search__input,
.bsport-scope [id*="bsport-widget"] .cleanslate .bs-search__input{
font-family:var(--w-mono) !important; font-size:12px !important; letter-spacing:.04em !important; text-transform:uppercase !important; color:var(--w-ink) !important;
}
/* Botón principal (reservar / añadir a la cesta) con el estilo .btn de la web */
.bsport-scope [id*="bsport-widget"] .cleanslate .bs-book-button-card,
.bsport-scope [id*="bsport-widget"] .cleanslate .bs-button-primary__container{
background:var(--w-btn-bg) !important; color:var(--w-btn-fg) !important; border:0 !important; border-radius:var(--w-r-btn) !important;
min-height:44px !important; padding:0 20px !important; box-shadow:none !important; display:inline-flex !important; align-items:center !important; justify-content:center !important;
transition:background .2s ease !important;
}
.bsport-scope [id*="bsport-widget"] .cleanslate .bs-book-button-card:hover,
.bsport-scope [id*="bsport-widget"] .cleanslate .bs-button-primary__container:hover{ background:var(--w-btn-bg-hover) !important; }
.bsport-scope [id*="bsport-widget"] .cleanslate .bs-book-button-card__inner__text,
.bsport-scope [id*="bsport-widget"] .cleanslate .bs-button-primary__text{
color:var(--w-btn-fg) !important; font:var(--w-btn-font,500 14px var(--w-font-body)) !important; letter-spacing:var(--w-btn-tracking,0) !important; text-transform:var(--w-btn-case,none) !important; white-space:nowrap !important;
}
/* Etiqueta de nivel: contorno fino y letra de etiqueta (como en la maqueta) */
.bsport-scope [id*="bsport-widget"] .cleanslate .bs-level{
background:transparent !important; border:1px solid var(--w-line) !important; border-radius:999px !important; padding:4px 10px !important;
}
.bsport-scope [id*="bsport-widget"] .cleanslate .bs-level-content{
color:var(--w-ink) !important; font-family:var(--w-mono) !important; font-size:11px !important; letter-spacing:.06em !important; text-transform:uppercase !important; white-space:nowrap !important;
}
/* ============ HORARIO (calendar) ============ */
/* bsport cambia a "modo semana" (7 columnas, mañana/tarde) cuando el widget mide más de ~1280 px. Las maquetas
muestran filas por día: limitamos el ancho del horario para que bsport use siempre el modo lista (verificado: 1200 px → lista). */
.bsport-scope:has(.bs-calendar){ max-width:1200px; margin-inline:auto; }
/* Barra superior: fechas de la semana + filtros en una línea limpia */
.bsport-scope [id*="bsport-widget"] .cleanslate .bs-calendar__datePicker{ margin:0 0 16px !important; }
.bsport-scope [id*="bsport-widget"] .cleanslate .bs-marketplace-date-picker{ background:transparent !important; border:1px solid var(--w-line) !important; border-radius:999px !important; box-shadow:none !important; }
.bsport-scope [id*="bsport-widget"] .cleanslate .bs-marketplace-date-picker__placeholder{
font-family:var(--w-mono) !important; font-size:12px !important; letter-spacing:.04em !important; text-transform:uppercase !important; color:var(--w-ink) !important;
}
/* Días de la semana: pestañas segmentadas (como HOY 12 · MAR 13 … de la plantilla) */
.bsport-scope [id*="bsport-widget"] .cleanslate .bs-week-list{
display:grid !important; grid-template-columns:repeat(7,minmax(0,1fr)) !important; gap:0 !important; margin-top:24px !important;
}
.bsport-scope [id*="bsport-widget"] .cleanslate .bs-week-list > button{
border:1px solid var(--w-line) !important; border-right-width:0 !important; border-radius:0 !important; background:transparent !important;
padding:10px 4px !important; min-height:64px !important; display:flex !important; flex-direction:column !important; align-items:center !important; justify-content:center !important; gap:2px !important;
transition:background .2s ease !important;
}
.bsport-scope [id*="bsport-widget"] .cleanslate .bs-week-list > button:nth-child(1){ border-radius:var(--w-r-small) 0 0 var(--w-r-small) !important; }
.bsport-scope [id*="bsport-widget"] .cleanslate .bs-week-list > button:nth-child(7){ border-right-width:1px !important; border-radius:0 var(--w-r-small) var(--w-r-small) 0 !important; }
.bsport-scope [id*="bsport-widget"] .cleanslate .bs-week-list > button:hover{ background:var(--w-soft) !important; }
.bsport-scope [id*="bsport-widget"] .cleanslate .bs-week__header__date__weekDay{
font-family:var(--w-mono) !important; font-size:11px !important; letter-spacing:.06em !important; text-transform:uppercase !important; color:var(--w-ink-weak) !important;
}
.bsport-scope [id*="bsport-widget"] .cleanslate .bs-week__header__date__monthDay{
font-family:var(--w-font-title) !important; font-size:22px !important; line-height:1.1 !important; color:var(--w-ink) !important;
background:transparent !important; width:auto !important; height:auto !important; border-radius:0 !important;
}
.bsport-scope [id*="bsport-widget"] .cleanslate .bs-week__header__date__dots{ opacity:.45 !important; }
/* Día seleccionado: relleno de tinta */
.bsport-scope [id*="bsport-widget"] .cleanslate .bs-week-list > button:has(.bs-week__header__date__monthDay--is-selected){ background:var(--w-ink) !important; border-color:var(--w-ink) !important; }
/* (más especificidad: bsport tiene «seleccionado + hoy» con el color de texto del botón principal) */
.bsport-scope [id*="bsport-widget"] .cleanslate .bs-week-list > button .bs-week__header__date__weekDay--is-selected,
.bsport-scope [id*="bsport-widget"] .cleanslate .bs-week-list > button .bs-week__header__date__monthDay--is-selected{ color:var(--w-bg) !important; background:transparent !important; }
.bsport-scope [id*="bsport-widget"] .cleanslate .bs-week-list > button:has(.bs-week__header__date__monthDay--is-selected) .bs-week__header__date__dots{ color:var(--w-bg) !important; }
/* La lista de clases ocupa toda la fila, bajo las pestañas */
.bsport-scope [id*="bsport-widget"] .cleanslate .bs-week__listMode__content{ grid-column:1 / -1 !important; margin-top:28px !important; }
.bsport-scope [id*="bsport-widget"] .cleanslate .bs-week__listMode__content__day{ margin-bottom:28px !important; }
.bsport-scope [id*="bsport-widget"] .cleanslate .bs-week__listMode__content__day__date{
font-family:var(--w-mono) !important; font-size:12px !important; letter-spacing:.06em !important; text-transform:uppercase !important; color:var(--w-ink-weak) !important;
padding:0 0 12px !important; margin:0 !important; border-bottom:1px solid var(--w-line) !important; background:transparent !important; display:block !important; width:100% !important;
}
/* Cada clase = una FILA: hora | clase + plazas | profe + sala | nivel | botón */
.bsport-scope [id*="bsport-widget"] .cleanslate .bs-offer-list-item{
display:block !important; width:100% !important; background:transparent !important; border:0 !important; border-bottom:1px solid var(--w-line) !important;
border-radius:0 !important; box-shadow:none !important; margin:0 !important; padding:18px 6px !important; text-align:left !important; transition:background .2s ease !important;
}
.bsport-scope [id*="bsport-widget"] .cleanslate .bs-offer-list-item:hover{ background:color-mix(in srgb,var(--w-soft) 55%,transparent) !important; }
.bsport-scope [id*="bsport-widget"] .cleanslate .bs-offer-list-item__content{ padding:0 !important; margin:0 !important; width:100% !important; background:transparent !important; }
.bsport-scope [id*="bsport-widget"] .cleanslate .bs-offer-list-item__content__offer{
display:grid !important; align-items:center !important; column-gap:24px !important; row-gap:2px !important;
grid-template-columns:88px minmax(0,1.5fr) minmax(0,1fr) auto auto !important;
grid-template-areas:"time title coach level btn" "time meta place level btn" !important;
}
.bsport-scope [id*="bsport-widget"] .cleanslate .bs-offer-list-item__content__offer__left,
.bsport-scope [id*="bsport-widget"] .cleanslate .bs-offer-list-item__content__offer__right,
.bsport-scope [id*="bsport-widget"] .cleanslate .bs-offer-list-item__content__offer__right__top,
.bsport-scope [id*="bsport-widget"] .cleanslate .bs-offer-list-item__content__offer__right__top__left{ display:contents !important; }
.bsport-scope [id*="bsport-widget"] .cleanslate .bs-offer-list-item__content__offer__left__title{
grid-area:title !important; font-family:var(--w-font-title) !important; font-size:24px !important; line-height:1.15 !important; color:var(--w-ink) !important; margin:0 !important;
}
.bsport-scope [id*="bsport-widget"] .cleanslate [class*="bs-offer-list-item__content__offer__left__time"]{ grid-area:time !important; margin:0 !important; }
.bsport-scope [id*="bsport-widget"] .cleanslate .bs-offer-list-item__content__time__offer-hours{ display:flex !important; flex-direction:column !important; align-items:flex-start !important; gap:2px !important; }
.bsport-scope [id*="bsport-widget"] .cleanslate .bs-offer-list-item__content__time__offer-hours__start-time{
font-family:var(--w-mono) !important; font-size:15px !important; font-weight:500 !important; color:var(--w-ink) !important;
}
.bsport-scope [id*="bsport-widget"] .cleanslate .bs-offer-list-item__content__time__offer-hours__time-separator{ display:none !important; }
.bsport-scope [id*="bsport-widget"] .cleanslate .bs-offer-list-item__content__time__offer-hours__end-time-duration{
font-family:var(--w-mono) !important; font-size:12px !important; color:var(--w-ink-weak) !important;
}
.bsport-scope [id*="bsport-widget"] .cleanslate .bs-offer-list-item__content__offer__left__extra{
grid-area:meta !important; margin:0 !important; font-size:13px !important; color:var(--w-ink-weak) !important;
}
.bsport-scope [id*="bsport-widget"] .cleanslate .bs-offer-list-item__content__offer__left__extra *{ color:var(--w-ink-weak) !important; font-size:13px !important; }
.bsport-scope [id*="bsport-widget"] .cleanslate div.bs-offer-list-item__content__offer__left__coach{
grid-area:coach !important; margin:0 !important; font-size:15px !important; color:var(--w-ink) !important;
}
.bsport-scope [id*="bsport-widget"] .cleanslate div.bs-offer-list-item__content__offer__left__coach > div{ font-size:15px !important; color:var(--w-ink) !important; }
.bsport-scope [id*="bsport-widget"] .cleanslate .bs-offer-list-item__content__offer__left__establishment{
grid-area:place !important; margin:0 !important; font-size:13px !important; color:var(--w-ink-weak) !important;
}
.bsport-scope [id*="bsport-widget"] .cleanslate .bs-offer-list-item__content__offer__left__establishment *{ color:var(--w-ink-weak) !important; font-size:13px !important; }
.bsport-scope [id*="bsport-widget"] .cleanslate .bs-offer-list-item__content__offer__right__top__level{ grid-area:level !important; justify-self:start !important; margin:0 !important; }
.bsport-scope [id*="bsport-widget"] .cleanslate .bs-offer-list-item__content__offer__right__bottom{ grid-area:btn !important; margin:0 !important; justify-self:end !important; }
/* ============ TARIFAS (pass) ============ */
.bsport-scope [id*="bsport-widget"] .cleanslate .bs-pass-page__payment__pack__list__title,
.bsport-scope [id*="bsport-widget"] .cleanslate [class*="bs-pass-page__payment__pack__list__title--with-divider"]{
font-family:var(--w-mono) !important; font-size:12px !important; letter-spacing:.06em !important; text-transform:uppercase !important; color:var(--w-ink-weak) !important;
border:0 !important; margin:28px 0 14px !important;
}
.bsport-scope [id*="bsport-widget"] .cleanslate .bs-pass-page__payment__pack__list__container{ gap:16px !important; }
/* bsport fija 230 px de alto a cada tarjeta: la dejamos crecer con su contenido (todas las de una fila, igual de altas) */
.bsport-scope [id*="bsport-widget"] .cleanslate .bs-pass-page__payment__pack__list__container{ align-items:stretch !important; grid-template-rows:none !important; grid-auto-rows:auto !important; }
.bsport-scope [id*="bsport-widget"] .cleanslate .bs-pass-page__payment__pack__list__container > *{ height:auto !important; min-height:0 !important; display:flex !important; }
/* Tarjeta como las de la plantilla: fondo suave, sin borde, esquinas grandes */
.bsport-scope [id*="bsport-widget"] .cleanslate .bs-pass-card{
background:var(--w-soft) !important; border:0 !important; border-radius:var(--w-r-card) !important; box-shadow:none !important; height:auto !important; width:100% !important;
}
.bsport-scope [id*="bsport-widget"] .cleanslate .bs-pass-card-content{ padding:28px !important; height:100% !important; display:flex !important; flex-direction:column !important; }
/* Orden: validez (etiqueta) · nombre · precio · créditos · descripción · botones */
.bsport-scope [id*="bsport-widget"] .cleanslate .bs-paymentpack-card__grid{ display:flex !important; flex-direction:column !important; gap:0 !important; flex:1 !important; height:auto !important; max-height:none !important; }
.bsport-scope [id*="bsport-widget"] .cleanslate .bs-paymentpack-card__grid > *, .bsport-scope [id*="bsport-widget"] .cleanslate .bs-paymentpack-card__grid > * > *{ flex-shrink:0 !important; }
.bsport-scope [id*="bsport-widget"] .cleanslate .bs-pass-card .bs-paymentpack-card__grid > .bs-generic-card__content__grid__item{ display:contents !important; }
.bsport-scope [id*="bsport-widget"] .cleanslate .bs-paymentpack-card__validity{ order:1 !important; align-self:flex-start !important; justify-content:flex-start !important; width:auto !important; max-width:none !important; margin:0 0 14px !important; background:transparent !important; padding:0 !important; }
.bsport-scope [id*="bsport-widget"] .cleanslate .bs-paymentpack-card__validity__content{
font-family:var(--w-mono) !important; font-size:11px !important; letter-spacing:.06em !important; text-transform:uppercase !important; color:var(--w-ink-weak) !important; background:transparent !important; padding:0 !important;
max-width:none !important; width:auto !important; white-space:nowrap !important; text-align:left !important;
}
.bsport-scope [id*="bsport-widget"] .cleanslate .bs-paymentpack-card__title{
order:2 !important; font-family:var(--w-font-title) !important; font-size:26px !important; line-height:1.15 !important; color:var(--w-ink) !important; margin:0 0 18px !important; -webkit-line-clamp:3 !important; height:auto !important; min-height:1.15em !important; flex-shrink:0 !important;
}
.bsport-scope [id*="bsport-widget"] .cleanslate .bs-pass-card .bs-price__container{
order:3 !important; display:flex !important; align-items:center !important; justify-content:space-between !important; gap:12px !important; width:100% !important; margin:0 !important;
}
.bsport-scope [id*="bsport-widget"] .cleanslate .bs-pass-card .bs-price__container > span{
font-family:var(--w-font-title) !important; font-size:clamp(40px,4vw,56px) !important; line-height:1 !important; color:var(--w-ink) !important; letter-spacing:-.02em !important;
}
.bsport-scope [id*="bsport-widget"] .cleanslate .bs-paymentpack-card__subtitle{
order:4 !important; font-family:var(--w-mono) !important; font-size:12px !important; letter-spacing:.04em !important; text-transform:uppercase !important; color:var(--w-ink-weak) !important; margin:8px 0 0 !important;
}
.bsport-scope [id*="bsport-widget"] .cleanslate .bs-paymentpack-card__description{
order:5 !important; font-size:14px !important; line-height:1.5 !important; color:var(--w-ink-weak) !important; margin:18px 0 0 !important; padding-top:18px !important; border-top:1px solid var(--w-line) !important;
}
.bsport-scope [id*="bsport-widget"] .cleanslate .bs-paymentpack-card__footer{
order:6 !important; display:flex !important; height:auto !important; flex:0 0 auto !important; width:100% !important; flex-direction:column-reverse !important; align-items:stretch !important; gap:10px !important; margin-top:auto !important; padding-top:24px !important;
}
.bsport-scope [id*="bsport-widget"] .cleanslate .bs-paymentpack-card__right-button{ width:100% !important; height:auto !important; flex:0 0 auto !important; }
.bsport-scope [id*="bsport-widget"] .cleanslate .bs-paymentpack-card__left-button{ align-self:center !important; background:transparent !important; }
.bsport-scope [id*="bsport-widget"] .cleanslate .bs-paymentpack-card__left-button__content{
font-family:var(--w-mono) !important; font-size:11px !important; letter-spacing:.06em !important; text-transform:uppercase !important; color:var(--w-ink-weak) !important;
}
/* Icono de cesta junto al precio: discreto, redondo */
.bsport-scope [id*="bsport-widget"] .cleanslate .bs-paymentpack-card__price-icon{
background:transparent !important; border:1px solid var(--w-line) !important; border-radius:999px !important; width:40px !important; height:40px !important; min-width:40px !important;
}
.bsport-scope [id*="bsport-widget"] .cleanslate .bs-paymentpack-card__price-icon *{ color:var(--w-ink) !important; fill:currentColor !important; }
/* Primera tarjeta destacada (como la central oscura de la plantilla) */
.bsport-scope [id*="bsport-widget"] .cleanslate .bs-pass-page__payment__pack__list__container > :first-child .bs-pass-card{ background:var(--w-feat-bg) !important; }
.bsport-scope [id*="bsport-widget"] .cleanslate .bs-pass-page__payment__pack__list__container > :first-child :is(.bs-paymentpack-card__title,.bs-price__container > span,.bs-paymentpack-card__price-icon *){ color:var(--w-feat-fg) !important; }
.bsport-scope [id*="bsport-widget"] .cleanslate .bs-pass-page__payment__pack__list__container > :first-child :is(.bs-paymentpack-card__validity__content,.bs-paymentpack-card__subtitle,.bs-paymentpack-card__description,.bs-paymentpack-card__left-button__content){ color:color-mix(in srgb,var(--w-feat-fg) 70%,transparent) !important; }
.bsport-scope [id*="bsport-widget"] .cleanslate .bs-pass-page__payment__pack__list__container > :first-child :is(.bs-paymentpack-card__description,.bs-paymentpack-card__price-icon){ border-color:color-mix(in srgb,var(--w-feat-fg) 22%,transparent) !important; }
.bsport-scope [id*="bsport-widget"] .cleanslate .bs-pass-page__payment__pack__list__container > :first-child .bs-button-primary__container{ background:var(--w-feat-fg) !important; }
.bsport-scope [id*="bsport-widget"] .cleanslate .bs-pass-page__payment__pack__list__container > :first-child .bs-button-primary__text{ color:var(--w-feat-bg) !important; }
/* ============ TALLERES (workshop) ============ */
/* bsport pone los talleres en 2 columnas: los apilamos, uno por fila */
.bsport-scope [id*="bsport-widget"] .cleanslate .bs-workshop-page__workshops__lists{ grid-template-columns:minmax(0,1fr) !important; gap:0 !important; }
/* Cada taller = una fila: foto | título y descripción | sesiones */
.bsport-scope [id*="bsport-widget"] .cleanslate .bs-workshop-card{
display:grid !important; grid-template-columns:minmax(0,220px) minmax(0,1fr) minmax(0,1.15fr) !important; column-gap:clamp(20px,3vw,48px) !important; row-gap:8px !important;
grid-template-areas:"cover content offers" "cover cond offers" !important; align-items:start !important;
background:transparent !important; border:0 !important; border-bottom:1px solid var(--w-line) !important; border-radius:0 !important; box-shadow:none !important;
padding:32px 0 !important; margin:0 !important; overflow:visible !important;
}
.bsport-scope [id*="bsport-widget"] .cleanslate .bs-workshop-card__cover{ grid-area:cover !important; border-radius:var(--w-r-card) !important; overflow:hidden !important; aspect-ratio:4/3 !important; height:auto !important; width:100% !important; }
.bsport-scope [id*="bsport-widget"] .cleanslate .bs-workshop-card__cover__image{ width:100% !important; height:100% !important; object-fit:cover !important; }
.bsport-scope [id*="bsport-widget"] .cleanslate .bs-workshop-card__content{ grid-area:content !important; padding:0 !important; }
.bsport-scope [id*="bsport-widget"] .cleanslate .bs-workshop-card__content__title{
font-family:var(--w-font-title) !important; font-size:clamp(26px,2.4vw,34px) !important; line-height:1.1 !important; color:var(--w-ink) !important; margin:0 0 12px !important;
}
.bsport-scope [id*="bsport-widget"] .cleanslate .bs-workshop-card__content__description{ font-size:15px !important; line-height:1.55 !important; color:var(--w-ink-weak) !important; }
.bsport-scope [id*="bsport-widget"] .cleanslate .bs-workshop-card__offer-list__title-wrapper{ display:none !important; } /* «Reserva una sesión»: la fila ya lo dice */
.bsport-scope [id*="bsport-widget"] .cleanslate .bs-workshop-card__offer-list{ grid-area:offers !important; padding:0 !important; margin:0 !important; }
.bsport-scope [id*="bsport-widget"] .cleanslate .bs-workshop-card__offer-list__offer__conditions{
grid-area:cond !important; font-family:var(--w-mono) !important; font-size:11px !important; letter-spacing:.06em !important; text-transform:uppercase !important; color:var(--w-ink-weak) !important; padding:0 !important;
}
/* Sesión de un taller: fecha grande · hora · profe · nivel · botón */
.bsport-scope [id*="bsport-widget"] .cleanslate .bs-offer-list-item--isWorkshop{ border:1px solid var(--w-line) !important; border-radius:var(--w-r-card) !important; padding:18px 20px !important; margin-bottom:10px !important; }
.bsport-scope [id*="bsport-widget"] .cleanslate .bs-offer-list-item--isWorkshop .bs-offer-list-item__content__offer{
grid-template-columns:minmax(0,1fr) auto !important; row-gap:10px !important;
grid-template-areas:"time time" "meta level" "coach btn" !important;
}
.bsport-scope [id*="bsport-widget"] .cleanslate .bs-offer-list-item--isWorkshop .bs-offer-list-item__content__offer__left__establishment{ display:none !important; } /* la sala ya está en la ficha del estudio */
.bsport-scope [id*="bsport-widget"] .cleanslate .bs-offer-list-item--isWorkshop .bs-offer-list-item__content__time__offer-hours{ flex-direction:row !important; flex-wrap:wrap !important; align-items:baseline !important; gap:6px 10px !important; }
.bsport-scope [id*="bsport-widget"] .cleanslate .bs-offer-list-item--isWorkshop .bs-offer-list-item__content__time__offer-hours__date{
flex-basis:100% !important; font-family:var(--w-font-title) !important; font-size:22px !important; line-height:1.15 !important; color:var(--w-ink) !important; text-transform:none !important;
}
.bsport-scope [id*="bsport-widget"] .cleanslate .bs-offer-list-item--isWorkshop .bs-offer-list-item__content__time__offer-hours__end-time-duration::before{ content:"– " !important; }
/* ============ Móvil ============ */
@media (max-width:760px){
.bsport-scope [id*="bsport-widget"] .cleanslate .bs-week-list{ grid-template-columns:repeat(7,minmax(0,1fr)) !important; }
.bsport-scope [id*="bsport-widget"] .cleanslate .bs-week-list > button{ min-height:56px !important; padding:8px 0 !important; }
.bsport-scope [id*="bsport-widget"] .cleanslate .bs-week__header__date__weekDay{ font-size:9px !important; letter-spacing:0 !important; max-width:100% !important; overflow:hidden !important; text-overflow:clip !important; }
.bsport-scope [id*="bsport-widget"] .cleanslate .bs-week__header__date__monthDay{ font-size:18px !important; }
.bsport-scope [id*="bsport-widget"] .cleanslate .bs-offer-list-item__content__offer{
grid-template-columns:56px minmax(0,1fr) auto !important; column-gap:14px !important; row-gap:4px !important;
grid-template-areas:"time title btn" "time meta btn" "time coach coach" "time level level" !important;
}
.bsport-scope [id*="bsport-widget"] .cleanslate .bs-offer-list-item__content__offer__left__establishment{ display:none !important; }
.bsport-scope [id*="bsport-widget"] .cleanslate .bs-offer-list-item__content__offer__left__title{ font-size:20px !important; }
.bsport-scope [id*="bsport-widget"] .cleanslate .bs-offer-list-item__content__offer__right__bottom{ align-self:start !important; }
.bsport-scope [id*="bsport-widget"] .cleanslate .bs-workshop-card{ grid-template-columns:1fr !important; grid-template-areas:"cover" "content" "offers" "cond" !important; }
.bsport-scope [id*="bsport-widget"] .cleanslate .bs-workshop-card__cover{ aspect-ratio:16/9 !important; }
.bsport-scope [id*="bsport-widget"] .cleanslate .bs-pass-card-content{ padding:22px !important; }
}