/* BIOS refinement: same palette and type, clearer reading and usable controls. */
body .slide--showcase .slide__title { max-width: 18ch; text-wrap: balance; }
body .slide--showcase .slide__lead { color: var(--ink-2); font-size: 16px; line-height: 1.6; max-width: 46ch; }
body .slide--showcase .showcase__name { color: var(--ink-2); font-size: 13px; line-height: 1.4; }
body .section__sub { color: var(--ink-2); line-height: 1.6; }
body .card .bcmp-btn { width: 44px; height: 44px; }
body .basis-x, body .bcmp-x { min-width: 44px; min-height: 44px; }
body .bcmp-quitar { min-height: 44px; padding: 8px; }
body .basis-sug button,
body .bcmp-wa a,
body .basis-wa a { min-height: 44px; }
body .basis-form input,
body .field input,
body .field select,
body .field textarea { font-size: 16px; }
body button:focus-visible,
body a:focus-visible,
body input:focus-visible,
body select:focus-visible,
body textarea:focus-visible { outline: 3px solid var(--blue-700); outline-offset: 3px; }
body .basis-panel { max-height: calc(100dvh - 100px); }
body .basis-form { flex-shrink: 0; }
body .basis-form input { min-width: 0; }
body .bcmp-tabla-w { overscroll-behavior-inline: contain; scrollbar-color: var(--blue-700) var(--surface); scrollbar-width: thin; }
body .bcmp-tabla th,
body .bcmp-tabla td { font-variant-numeric: tabular-nums; }
body .bcmp-tabla thead a { overflow-wrap: anywhere; }
/* A selected slide stays the sole keyboard destination; manual swipe still works. */
body .hero__dots { max-width: min(48vw, 360px); overflow-x: auto; scrollbar-width: thin; }
body .hero__dots button { flex-shrink: 0; }
body .hero__controls { max-width: 100%; }
body .hero__btn { min-width: 44px; min-height: 44px; }
/* The three floating controls can expand over content; compact icons keep the product readable. */
@media (min-width: 768px) {
  body .slide--showcase .slide__title { font-size: clamp(28px, 2.6vw, 38px); line-height: 1.16; }
}
@media (max-width: 767px) {
  body .slide--showcase .slide__title { font-size: 26px; line-height: 1.18; }
  body .slide--showcase .slide__lead { font-size: 14px; }
  body .card__title { font-size: 14px; line-height: 1.4; }
  body .card__specs { font-size: 12px; }
  body .bcmp-caja { max-height: calc(100dvh - 24px); padding: 16px; }
  body .bcmp-wa { display: grid; grid-template-columns: 1fr; }
  body .bcmp-wa a { text-align: center; }
  body .basis-panel { inset-inline: 12px; width: auto; }
}

/* Consent must remain actionable above floating assistance controls. */
body .cookie-banner { z-index: 10000; padding-bottom: max(16px, env(safe-area-inset-bottom)); }
body .cookie-banner > div { flex-wrap: wrap; gap: 8px; }
html.con-cookies .wa-float,
html.con-cookies .basis-btn,
html.con-cookies .recent-widget,
html.con-cookies .bcmp-bar { visibility: hidden; }
body .slide__caption { color: inherit; font-size: 14px; line-height: 1.5; }
body .bios-vids__sound { width: 44px; height: 44px; }
@media (max-width: 767px) {
  body .cookie-banner { left: 12px; right: 12px; bottom: 12px; width: auto; max-width: none; }
}

/* Readable commerce details: keep model, specification and warranty text legible. */
body :is(.card__brand,.card__specs li,.price__refurb,.lx__note,.lx__name span,.lx__specs li,.lx__wa-copy small,.spotlight__specs,.spotlight__specs span,.showcase__name,.bios-vids__sub,.fin-card__specs li) {
  font-size: 13px; line-height: 1.45;
}
body :is(.lx__name span,.lx__note,.lx__wa-copy small,.card__brand) { color: var(--ink-2); }
body .lx__specs li { color: var(--ink-2); }
body .lx__specs .spec--cpu { background: var(--blue-700); color: var(--white); }
body .lx__specs .spec--touch { background: var(--sky); color: var(--navy); }
body .slide--promo .slide__title { font-size: clamp(26px, 3.2cqw, 40px); line-height: 1.2; text-wrap: balance; }
body .slide--showcase .showcase li > a { background: var(--white); box-shadow: none; }
@media (max-width: 767px) {
  body .slide--promo .slide__title { font-size: 26px; }
}
