/* =========================================================
   DIARIO BIOBIO 2026 - HOME C
   ========================================================= */

:root {
  --dbb-bg: #F0F4F1;
  --dbb-paper: #F4F1EC;
  --dbb-ink: #080A0D;
  --dbb-muted: #5D6465;
  --dbb-line: #D5D8D2;
  --dbb-red: #E3342F;
  --dbb-green: #006B73;
  --dbb-black: #070707;
  --dbb-container: 1240px;
  --dbb-sans: "Instrument Sans", Arial, Helvetica, sans-serif;
  --dbb-serif: "Newsreader", Georgia, serif;
  --dbb-display: Arial, Helvetica, sans-serif;
}

html,
body {
  margin: 0;
  background: var(--dbb-bg);
  color: var(--dbb-ink);
  font-family: var(--dbb-sans);
}

.dbb-container {
  width: min(var(--dbb-container), calc(100vw - 48px));
  margin-inline: auto;
}

/* === DBB HEADER START — APROBADO === */
.dbb-header,
.dbb-header * {
  box-sizing: border-box;
}

.dbb-header {
  background: var(--dbb-bg);
  color: var(--dbb-ink);
  border-bottom: 0;
}

.dbb-header__topbar,
.dbb-header__brand-area,
.dbb-header__brand-inner,
.dbb-header__navline,
.dbb-header__navline .dbb-container,
.dbb-header__nav,
.dbb-header__search-panel,
.dbb-header__search-panel .dbb-container,
.dbb-header__markets,
.dbb-header__markets-inner {
  background: var(--dbb-bg);
}

.dbb-header a {
  color: inherit;
  text-decoration: none;
}

.dbb-header button {
  font: inherit;
}

.dbb-header__topbar {
  height: 24px;
  border-bottom: 1px solid var(--dbb-line);
  color: #4E514C;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .045em;
  text-transform: uppercase;
}

.dbb-header__topbar-inner {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.dbb-header__brand-area {
  background: var(--dbb-bg);
}

.dbb-header__brand-inner {
  min-height: 74px;
  display: grid;
  grid-template-columns: 250px 1fr 250px;
  align-items: center;
  gap: 24px;
  padding: 10px 0 9px;
}

.dbb-header__logo {
  display: inline-flex;
  align-items: center;
  width: 208px;
}

.dbb-header__logo img {
  display: block;
  width: 100%;
  height: auto;
  max-height: 50px;
  object-fit: contain;
}

.dbb-header__live {
  justify-self: center;
  min-width: 168px;
  height: 27px;
  padding: 0 16px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #CCC7BF;
  border-radius: 3px;
  background: transparent;
  color: #4A4741;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .055em;
  text-transform: uppercase;
  line-height: 1;
}

.dbb-header__actions {
  justify-self: end;
  display: flex;
  align-items: center;
  gap: 12px;
}

.dbb-header__search {
  width: 39px;
  height: 39px;
  border-radius: 50%;
  border: 1px solid #D4D0C8;
  background: transparent;
  color: #817B73;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.dbb-header__subscribe {
  height: 36px;
  min-width: 120px;
  border: 0;
  border-radius: 3px;
  padding: 0 18px;
  background: var(--dbb-red);
  color: #fff;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .05em;
  text-transform: uppercase;
  cursor: pointer;
}

.dbb-header__menu {
  display: none;
}

.dbb-header__navline .dbb-container {
  border-top: 3px solid var(--dbb-green);
}

.dbb-header__nav {
  min-height: 41px;
  display: flex;
  align-items: stretch;
  gap: 0;
  border-bottom: 1px solid var(--dbb-line);
  overflow-x: auto;
  scrollbar-width: none;
}

.dbb-header__nav::-webkit-scrollbar {
  display: none;
}

.dbb-header__nav a {
  position: relative;
  display: inline-flex;
  align-items: center;
  height: 41px;
  padding: 0 16px;
  white-space: nowrap;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .02em;
  text-transform: uppercase;
  line-height: 1;
}

.dbb-header__nav a:first-child {
  padding-left: 0;
}

.dbb-header__nav a.is-active {
  color: var(--dbb-red);
}

.dbb-header__nav a.is-active::after {
  content: "";
  position: absolute;
  left: 0;
  right: 16px;
  bottom: -1px;
  height: 3px;
  background: var(--dbb-red);
}

.dbb-header__search-panel {
  border-bottom: 1px solid var(--dbb-line);
  background: var(--dbb-bg);
  padding: 14px 0;
}

.dbb-header__search-panel .dbb-container {
  display: flex;
  gap: 10px;
}

.dbb-header__search-panel label {
  flex: 1;
}

.dbb-header__search-panel label span {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
}

.dbb-header__search-panel input {
  width: 100%;
  height: 38px;
  border: 1px solid var(--dbb-line);
  background: #fff;
  padding: 0 12px;
}

.dbb-header__search-panel button {
  height: 38px;
  border: 0;
  background: var(--dbb-black);
  color: #fff;
  padding: 0 18px;
  font-weight: 800;
  text-transform: uppercase;
}

.dbb-header__markets {
  border-bottom: 1px solid var(--dbb-line);
  background: var(--dbb-bg);
}

.dbb-header__markets-inner {
  min-height: 34px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}

.dbb-header__market-list {
  display: flex;
  align-items: center;
  min-height: 34px;
}

.dbb-header__market-list span {
  min-height: 34px;
  display: inline-flex;
  align-items: center;
  padding: 0 15px;
  border-right: 1px solid var(--dbb-line);
  color: #4F514F;
  font-size: 12px;
  font-weight: 700;
  white-space: nowrap;
}

.dbb-header__market-list span:first-child {
  padding-left: 0;
}

.dbb-header__market-list b {
  color: #343634;
  margin-right: 5px;
}

.dbb-header__market-list strong {
  color: #6B7070;
  font-weight: 800;
}

.dbb-header__market-links {
  display: flex;
  align-items: center;
  gap: 28px;
  color: #675F55;
  font-size: 12px;
  font-weight: 700;
  white-space: nowrap;
}

.dbb-header__breaking {
  height: 37px;
  background: var(--dbb-black);
  color: #fff;
  overflow: hidden;
}

.dbb-header__breaking-inner {
  height: 37px;
  display: flex;
  align-items: center;
  gap: 14px;
}

.dbb-header__breaking-badge {
  flex: 0 0 auto;
  height: 22px;
  min-width: 72px;
  padding: 0 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 2px;
  background: var(--dbb-red);
  color: #fff;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.dbb-header__breaking-window {
  min-width: 0;
  flex: 1;
  overflow: hidden;
}

.dbb-header__breaking-track {
  display: inline-flex;
  align-items: center;
  gap: 26px;
  white-space: nowrap;
  min-width: max-content;
  animation: dbb-breaking-scroll 70s linear infinite;
}

.dbb-header__breaking-track a {
  color: #D9D9D9;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
}

.dbb-header__breaking-track span {
  color: #087A21;
  font-size: 14px;
  font-weight: 900;
}

.dbb-newsletter-modal {
  position: fixed;
  inset: 0;
  z-index: 1000;
  display: grid;
  place-items: center;
  padding: 24px;
}

.dbb-newsletter-modal__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(8, 10, 13, .38);
  backdrop-filter: blur(12px) saturate(1.08);
  -webkit-backdrop-filter: blur(12px) saturate(1.08);
}

.dbb-newsletter-modal__panel {
  position: relative;
  width: min(460px, 100%);
  padding: 28px 30px 30px;
  border: 1px solid rgba(255, 255, 255, .55);
  border-top: 3px solid var(--dbb-green);
  border-radius: 8px;
  background: rgba(240, 244, 241, .82);
  box-shadow: 0 24px 70px rgba(8, 10, 13, .24);
  color: var(--dbb-ink);
}

.dbb-newsletter-modal__panel.is-error {
  border-top-color: var(--dbb-red);
}

.dbb-newsletter-modal__panel > span {
  display: inline-flex;
  min-height: 22px;
  align-items: center;
  padding: 0 9px;
  background: var(--dbb-red);
  color: #fff;
  font-size: 11px;
  line-height: 1;
  font-weight: 900;
  text-transform: uppercase;
}

.dbb-newsletter-modal__panel h2 {
  margin: 16px 0 10px;
  font-size: 28px;
  line-height: 1.04;
  font-weight: 850;
}

.dbb-newsletter-modal__panel p {
  margin: 0 0 22px;
  color: #3F4647;
  font-size: 15px;
  line-height: 1.5;
}

.dbb-newsletter-modal__panel a {
  display: inline-flex;
  min-height: 38px;
  align-items: center;
  justify-content: center;
  padding: 0 16px;
  border: 1px solid var(--dbb-red);
  border-radius: 3px;
  background: var(--dbb-red);
  color: #fff;
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}

@keyframes dbb-breaking-scroll {
  from { transform: translateX(0); }
  to { transform: translateX(-50%); }
}
/* === DBB HEADER END — NO TOCAR === */

/* === DBB LATEST START — APROBADO === */
.bb-latest,
.bb-latest * {
  box-sizing: border-box;
}

.bb-latest {
  padding: 36px 0 38px;
  background: var(--dbb-bg);
}

.bb-latest a {
  color: inherit;
  text-decoration: none;
}

.bb-latest__grid {
  width: min(var(--dbb-container), calc(100vw - 48px));
  margin-inline: auto;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 302px;
  gap: 30px;
  align-items: start;
}

.bb-latest__content {
  min-width: 0;
  padding-right: 30px;
  border-right: 1px solid var(--dbb-line);
}

.bb-latest .bb-section-title {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 20px;
  margin: 0 0 28px;
  border-bottom: 1px solid var(--dbb-line);
}

.bb-latest .bb-section-title h2 {
  position: relative;
  margin: 0;
  padding-bottom: 10px;
  color: var(--dbb-ink);
  font-family: "Arial Narrow", "Roboto Condensed", "Instrument Sans", Arial, Helvetica, sans-serif;
  font-size: 24px;
  line-height: 1;
  font-weight: 700;
  letter-spacing: 0;
  text-transform: uppercase;
}

.bb-latest .bb-section-title h2::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 80px;
  height: 3px;
  background: var(--dbb-red);
}

.bb-latest .bb-section-title a,
.bb-latest .bb-more {
  color: #3F4543;
  font-size: 12px;
  line-height: 1;
  font-weight: 700;
  letter-spacing: 0;
  text-transform: uppercase;
}

.bb-main-story--latest {
  display: grid;
  grid-template-columns: 51.5% minmax(0, 1fr);
  gap: 28px;
  padding-bottom: 34px;
  border-bottom: 1px solid var(--dbb-line);
}

.bb-main-story--latest .bb-main-story__img {
  display: block;
  aspect-ratio: 1.36 / 1;
  overflow: hidden;
  background: #DDD8CF;
}

.bb-main-story--latest .bb-main-story__img img,
.bb-latest .bb-card__img img,
.bb-latest .bb-video-item img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.bb-main-story--latest .bb-main-story__body {
  align-self: start;
  min-width: 0;
}

.bb-latest .bb-meta {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  margin-bottom: 13px;
  color: var(--dbb-muted);
  font-size: 12px;
  line-height: 1;
  font-weight: 700;
  letter-spacing: 0;
  text-transform: uppercase;
}

.bb-latest .bb-meta b {
  color: var(--dbb-red);
  font-weight: 700;
}

.bb-latest .bb-meta i {
  color: #9FA39D;
  font-style: normal;
}

.bb-main-story--latest h1 {
  margin: 0 0 16px;
  font-family: var(--dbb-display);
  max-width: 430px;
  font-size: 26px;
  line-height: 1.2;
  font-weight: 700;
  letter-spacing: 0;
  overflow-wrap: break-word;
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
}

.bb-main-story--latest p {
  margin: 0;
  color: var(--dbb-muted);
  font-size: 14px;
  line-height: 1.45;
  font-weight: 400;
  max-width: 470px;
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
}

.bb-main-story--latest .bb-more {
  display: inline-flex;
  margin-top: 18px;
  color: var(--dbb-ink);
}

.bb-latest__three {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 28px;
  padding: 32px 0 28px;
  border-bottom: 1px solid var(--dbb-line);
}

.bb-latest .bb-card--vertical {
  display: flex;
  flex-direction: column;
  min-width: 0;
  padding-right: 26px;
  border-right: 1px solid var(--dbb-line);
}

.bb-latest .bb-card--vertical:last-child {
  padding-right: 0;
  border-right: 0;
}

.bb-latest .bb-card--vertical .bb-card__body {
  display: contents;
}

.bb-latest .bb-card--vertical .bb-meta {
  order: 1;
  margin-bottom: 10px;
  font-size: 12px;
}

.bb-latest .bb-card--vertical a:not(.bb-card__img) {
  order: 2;
}

.bb-latest .bb-card--vertical h3 {
  margin: 0 0 10px;
  font-family: var(--dbb-display);
  font-size: 17px;
  line-height: 1.22;
  font-weight: 700;
  letter-spacing: 0;
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
}

.bb-latest .bb-card--vertical p {
  order: 3;
  margin: 0;
  color: var(--dbb-muted);
  font-size: 12px;
  line-height: 1.38;
  font-weight: 400;
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

.bb-latest .bb-card--vertical .bb-card__img {
  order: 4;
  display: block;
  aspect-ratio: 1.5 / 1;
  margin-top: 16px;
  overflow: hidden;
  background: #DDD8CF;
}

.bb-ticker-row {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 22px;
  padding-top: 20px;
}

.bb-latest .bb-headline-row {
  display: grid;
  grid-template-columns: 46px minmax(0, 1fr);
  gap: 10px;
  min-width: 0;
}

.bb-latest .bb-headline-row time {
  color: var(--dbb-red);
  font-size: 12px;
  font-weight: 700;
  line-height: 1.2;
}

.bb-latest .bb-headline-row strong {
  min-width: 0;
  font-family: var(--dbb-display);
  font-size: 14px;
  line-height: 1.2;
  font-weight: 700;
  letter-spacing: 0;
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
}

.bb-latest__side {
  min-width: 0;
}

.bb-latest .bb-video-box {
  margin-bottom: 22px;
}

.bb-latest .bb-video-box h3 {
  position: relative;
  margin: 0 0 26px;
  padding-bottom: 10px;
  border-bottom: 1px solid var(--dbb-line);
  color: var(--dbb-ink);
  font-family: "Arial Narrow", "Roboto Condensed", "Instrument Sans", Arial, Helvetica, sans-serif;
  font-size: 18px;
  line-height: 1;
  font-weight: 700;
  letter-spacing: 0;
  text-transform: uppercase;
}

.bb-latest .bb-video-box h3::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 58px;
  height: 3px;
  background: var(--dbb-red);
}

.bb-latest .bb-video-item {
  position: relative;
  display: grid;
  grid-template-columns: 140px minmax(0, 1fr);
  gap: 16px;
  align-items: start;
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid var(--dbb-line);
}

.bb-latest .bb-video-item img,
.bb-latest .bb-video-item__fallback {
  width: 140px;
  aspect-ratio: 16 / 9;
  background: #DDD8CF;
}

.bb-latest .bb-video-item::after {
  content: "▶";
  position: absolute;
  left: 110px;
  top: 16px;
  bottom: auto;
  width: 30px;
  height: 30px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: var(--dbb-black);
  color: #fff;
  font-size: 11px;
  line-height: 1;
}

.bb-latest .bb-video-item__fallback {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--dbb-red);
}

.bb-latest .bb-video-item strong {
  display: block;
  font-family: var(--dbb-sans);
  font-size: 14px;
  line-height: 1.35;
  font-weight: 500;
}

.bb-latest .bb-video-item em {
  position: absolute;
  left: 96px;
  top: 62px;
  display: inline-flex;
  margin-top: 0;
  padding: 2px 5px;
  background: var(--dbb-black);
  color: #fff;
  font-size: 12px;
  font-style: normal;
  font-weight: 800;
}

.bb-latest .bb-more--side {
  display: inline-flex;
  margin-top: 0;
  color: var(--dbb-red);
}

.bb-latest .bb-ad--latest {
  width: 300px;
  height: 600px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--dbb-line);
  background: #E9E4DA;
  color: #76746D;
  text-transform: uppercase;
}

.bb-latest .bb-ad--latest span {
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .08em;
}

.bb-latest .bb-ad--latest strong {
  margin-top: 7px;
  font-size: 19px;
  font-weight: 800;
}
/* === DBB LATEST END — NO TOCAR === */

/* === DBB CRONICAS START — APROBADO === */
.bb-cronicas,
.bb-cronicas * {
  box-sizing: border-box;
}

.bb-cronicas {
  padding: 38px 0 46px;
  background: var(--dbb-bg);
}

.bb-cronicas a {
  color: inherit;
  text-decoration: none;
}

.bb-cronicas > .bb-container {
  width: min(var(--dbb-container), calc(100vw - 48px));
  margin-inline: auto;
}

.bb-cronicas .bb-section-title {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 20px;
  margin: 0 0 32px;
}

.bb-cronicas .bb-section-title h2 {
  position: relative;
  margin: 0;
  padding-bottom: 13px;
  color: var(--dbb-ink);
  font-family: "Arial Narrow", "Roboto Condensed", "Instrument Sans", Arial, Helvetica, sans-serif;
  font-size: 24px;
  line-height: 1;
  font-weight: 700;
  letter-spacing: 0;
  text-transform: uppercase;
}

.bb-cronicas .bb-section-title h2::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 86px;
  height: 3px;
  background: #7A1F86;
}

.bb-cronicas .bb-section-title h2::before {
  content: "";
  position: absolute;
  left: 98px;
  bottom: -1px;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #7A1F86;
}

.bb-cronicas__top {
  display: grid;
  grid-template-columns: minmax(0, 47%) minmax(0, 34%) 300px;
  gap: 26px;
  align-items: start;
  padding-bottom: 28px;
  border-bottom: 1px solid var(--dbb-line);
}

.bb-cronicas__img {
  display: block;
  aspect-ratio: 1.34 / 1;
  overflow: hidden;
  background: #DDD8CF;
}

.bb-cronicas__img img,
.bb-cronicas .bb-card__img img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.bb-cronicas__lead {
  min-width: 0;
  padding-top: 6px;
}

.bb-cronicas .bb-meta {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  margin-bottom: 18px;
  color: var(--dbb-muted);
  font-size: 12px;
  line-height: 1;
  font-weight: 700;
  letter-spacing: 0;
  text-transform: uppercase;
}

.bb-cronicas .bb-meta b,
.bb-cronicas .bb-meta--purple b {
  color: #7A1F86;
  font-weight: 700;
}

.bb-cronicas .bb-meta i {
  color: #A1A49E;
  font-style: normal;
}

.bb-cronicas__lead h2 {
  max-width: 390px;
  margin: 0 0 22px;
  color: #1B1F28;
  font-family: var(--dbb-display);
  font-size: 26px;
  line-height: 1.2;
  font-weight: 700;
  letter-spacing: 0;
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
}

.bb-cronicas__lead p {
  max-width: 410px;
  margin: 0 0 24px;
  color: var(--dbb-muted);
  font-size: 14px;
  line-height: 1.5;
  font-weight: 400;
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

.bb-cronicas__lead > strong {
  display: inline-flex;
  color: var(--dbb-ink);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0;
  text-transform: uppercase;
}

.bb-ranked--purple {
  min-width: 0;
  padding-left: 26px;
  border-left: 1px solid var(--dbb-line);
}

.bb-ranked--purple h3 {
  margin: 0;
  padding: 8px 0 17px;
  border-bottom: 1px solid var(--dbb-line);
  color: var(--dbb-ink);
  font-family: "Arial Narrow", "Roboto Condensed", "Instrument Sans", Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 1;
  font-weight: 700;
  letter-spacing: 0;
  text-transform: uppercase;
}

.bb-ranked--purple a {
  display: grid;
  grid-template-columns: 32px minmax(0, 1fr);
  gap: 16px;
  align-items: start;
  padding: 14px 0;
  border-bottom: 1px solid var(--dbb-line);
}

.bb-ranked--purple span {
  color: #7A1F86;
  font-size: 22px;
  line-height: 1;
  font-weight: 700;
}

.bb-ranked--purple strong {
  color: #1B1F28;
  font-family: var(--dbb-sans);
  font-size: 13px;
  line-height: 1.3;
  font-weight: 700;
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.bb-cronicas__bottom {
  display: grid;
  grid-template-columns: minmax(0, calc(100% - 330px)) 300px;
  gap: 30px;
  align-items: start;
  padding-top: 28px;
}

.bb-cronicas__cards {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 28px;
}

.bb-cronicas .bb-card--serif {
  min-width: 0;
  padding-right: 26px;
  border-right: 1px solid var(--dbb-line);
}

.bb-cronicas .bb-card--serif:last-child {
  padding-right: 0;
  border-right: 0;
}

.bb-cronicas .bb-card--serif .bb-card__img {
  display: block;
  aspect-ratio: 1.95 / 1;
  margin-bottom: 18px;
  overflow: hidden;
  background: #DDD8CF;
}

.bb-cronicas .bb-card--serif h3 {
  margin: 0 0 12px;
  color: #1B1F28;
  font-family: var(--dbb-display);
  font-size: 17px;
  line-height: 1.22;
  font-weight: 700;
  letter-spacing: 0;
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

.bb-cronicas .bb-card--serif p {
  margin: 0;
  color: var(--dbb-muted);
  font-size: 13px;
  line-height: 1.48;
  font-weight: 400;
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

.bb-cronicas .bb-card--serif time {
  display: none;
}

.bb-cta-stack--purple {
  display: grid;
  gap: 22px;
}

.bb-cta-stack--purple a,
.bb-cta-stack--purple .bb-cta-newsletter {
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr);
  column-gap: 16px;
  row-gap: 9px;
  align-items: center;
  min-height: 128px;
  padding: 22px 20px;
  border-radius: 4px;
  border: 1px solid #E8DCEB;
  background: #F3EAF3;
  color: #3A2B3D;
}

.bb-cta-stack--purple span {
  grid-row: 1 / span 3;
  color: #7A1F86;
  font-size: 32px;
  line-height: 1;
}

.bb-cta-stack--purple strong {
  color: #7A1F86;
  font-size: 12px;
  line-height: 1.25;
  font-weight: 700;
  text-transform: uppercase;
}

.bb-cta-stack--purple p {
  margin: 0;
  color: #4A434D;
  font-size: 13px;
  line-height: 1.35;
}

.bb-cta-stack--purple em {
  justify-self: start;
  display: inline-flex;
  min-height: 34px;
  align-items: center;
  justify-content: center;
  padding: 0 16px;
  border: 1px solid #7A1F86;
  background: #7A1F86;
  color: #fff;
  font-size: 11px;
  line-height: 1;
  font-style: normal;
  font-weight: 700;
  text-transform: uppercase;
}

.bb-cta-stack--purple a + a em {
  background: transparent;
  color: #7A1F86;
}

.bb-cta-newsletter {
  margin: 0;
}

.bb-cta-newsletter div {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 8px;
}

.bb-cta-newsletter input,
.bb-cta-newsletter button {
  min-width: 0;
  height: 34px;
  border: 1px solid #7A1F86;
  border-radius: 3px;
  font: inherit;
  font-size: 12px;
}

.bb-cta-newsletter input {
  padding: 0 10px;
  background: rgba(255, 255, 255, .58);
  color: var(--dbb-ink);
}

.bb-cta-newsletter button {
  justify-self: start;
  padding: 0 12px;
  background: transparent;
  color: #7A1F86;
  font-weight: 800;
  text-transform: uppercase;
  cursor: pointer;
}
/* === DBB CRONICAS END — NO TOCAR === */

/* === DBB POLICIAL START — APROBADO === */
.bb-policial,
.bb-policial * {
  box-sizing: border-box;
}

.bb-policial {
  --dbb-policial-ad: 250px;
  --dbb-policial-gap: 22px;
  padding: 36px 0 44px;
  background: var(--dbb-bg);
}

.bb-policial a {
  color: inherit;
  text-decoration: none;
}

.bb-policial > .bb-container {
  width: min(var(--dbb-container), calc(100vw - 48px));
  margin-inline: auto;
  display: grid;
  grid-template-columns: 370px 330px 224px var(--dbb-policial-ad);
  column-gap: var(--dbb-policial-gap);
  align-items: start;
}

.bb-policial .bb-alert {
  grid-column: 1 / 4;
  grid-row: 1;
  height: 40px;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 14px;
  margin-bottom: 28px;
  padding: 0 14px 0 0;
  background: var(--dbb-black);
  color: #fff;
  overflow: hidden;
}

.bb-policial .bb-alert strong {
  height: 40px;
  display: inline-flex;
  align-items: center;
  padding: 0 16px;
  background: var(--dbb-red);
  color: #fff;
  font-size: 12px;
  line-height: 1;
  font-weight: 700;
  text-transform: uppercase;
}

.bb-policial .bb-alert span {
  min-width: 0;
  overflow: hidden;
  color: #EFEFEF;
  font-size: 13px;
  line-height: 1;
  font-weight: 700;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.bb-policial .bb-alert em {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: #B9B9B9;
  font-size: 11px;
  line-height: 1;
  font-style: normal;
  font-weight: 700;
  text-transform: uppercase;
  white-space: nowrap;
}

.bb-policial .bb-alert em::after {
  content: "";
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: var(--dbb-red);
}

.bb-policial .bb-section-title {
  grid-column: 1 / 4;
  grid-row: 2;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 20px;
  margin: 0 0 22px;
  border-bottom: 1px solid var(--dbb-line);
}

.bb-policial .bb-section-title h2 {
  position: relative;
  margin: 0;
  padding-bottom: 12px;
  color: var(--dbb-ink);
  font-family: "Arial Narrow", "Roboto Condensed", "Instrument Sans", Arial, Helvetica, sans-serif;
  font-size: 24px;
  line-height: 1;
  font-weight: 700;
  letter-spacing: 0;
  text-transform: uppercase;
}

.bb-policial .bb-section-title h2::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 72px;
  height: 3px;
  background: var(--dbb-red);
}

.bb-policial .bb-section-title h2::before {
  content: "";
  position: absolute;
  left: 76px;
  bottom: -1px;
  width: 10px;
  height: 3px;
  background: #F0A09D;
}

.bb-policial .bb-section-title a,
.bb-policial .bb-more {
  color: var(--dbb-ink);
  font-size: 12px;
  line-height: 1;
  font-weight: 700;
  letter-spacing: 0;
  text-transform: uppercase;
}

.bb-policial .bb-wire-layout--ad {
  display: contents;
}

.bb-policial .bb-wire-layout__img {
  grid-column: 1;
  grid-row: 3;
  display: block;
  height: 520px;
  overflow: hidden;
  background: #1A1A1A;
}

.bb-policial .bb-wire-layout__img img,
.bb-policial .bb-card__img img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.bb-policial .bb-wire-layout__lead {
  grid-column: 2;
  grid-row: 3;
  min-width: 0;
  padding: 34px 0 0;
}

.bb-policial .bb-meta {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 20px;
  color: var(--dbb-muted);
  font-size: 12px;
  line-height: 1;
  font-weight: 700;
  letter-spacing: 0;
  text-transform: uppercase;
}

.bb-policial .bb-meta b {
  color: var(--dbb-red);
  font-weight: 700;
}

.bb-policial .bb-meta i {
  color: #A1A49E;
  font-style: normal;
}

.bb-policial .bb-wire-layout__lead h2 {
  max-width: 315px;
  margin: 0 0 28px;
  color: var(--dbb-ink);
  font-family: var(--dbb-display);
  font-size: 25px;
  line-height: 1.22;
  font-weight: 700;
  letter-spacing: 0;
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
}

.bb-policial .bb-wire-layout__lead p {
  max-width: 320px;
  margin: 0 0 42px;
  color: var(--dbb-muted);
  font-size: 15px;
  line-height: 1.55;
  font-weight: 400;
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

.bb-policial .bb-wire-layout__lead .bb-more {
  display: inline-flex;
}

.bb-policial .bb-headline-list {
  grid-column: 3;
  grid-row: 3;
  min-width: 0;
  padding-left: 18px;
  border-left: 1px solid var(--dbb-line);
}

.bb-policial .bb-headline-row {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
  gap: 10px;
  padding: 10px 0;
  border-bottom: 1px solid var(--dbb-line);
}

.bb-policial .bb-headline-row time {
  color: var(--dbb-muted);
  font-size: 12px;
  line-height: 1.3;
  font-weight: 400;
}

.bb-policial .bb-headline-row strong {
  color: var(--dbb-ink);
  font-family: var(--dbb-display);
  font-size: 12px;
  line-height: 1.34;
  font-weight: 700;
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

.bb-policial .bb-more--list {
  display: inline-flex;
  margin-top: 18px;
}

.bb-policial .bb-ad {
  grid-column: 4;
  grid-row: 1 / 4;
  width: var(--dbb-policial-ad);
  height: 100%;
  min-height: 600px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border: 1px solid #DEDCD8;
  background: #E8E5DF;
  color: #5F5D59;
  text-transform: uppercase;
}

.bb-policial .bb-ad span {
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0;
}

.bb-policial .bb-ad strong {
  margin-top: 8px;
  font-size: 14px;
  font-weight: 400;
}

.bb-policial .bb-strip-cards {
  grid-column: 1 / 5;
  grid-row: 4;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 22px;
  margin-top: 28px;
  padding-top: 26px;
  border-top: 1px solid var(--dbb-line);
}

.bb-policial .bb-card--strip {
  display: grid;
  grid-template-columns: 86px minmax(0, 1fr);
  gap: 13px;
  min-width: 0;
  padding-right: 20px;
  border-right: 1px solid var(--dbb-line);
}

.bb-policial .bb-card--strip:last-child {
  padding-right: 0;
  border-right: 0;
}

.bb-policial .bb-card--strip .bb-card__img {
  display: block;
  aspect-ratio: .76 / 1;
  overflow: hidden;
  background: #DDD8CF;
}

.bb-policial .bb-card--strip .bb-meta {
  margin-bottom: 9px;
  font-size: 11px;
}

.bb-policial .bb-card--strip h3 {
  margin: 0 0 10px;
  color: var(--dbb-ink);
  font-family: var(--dbb-display);
  font-size: 14px;
  line-height: 1.22;
  font-weight: 700;
  letter-spacing: 0;
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
}

.bb-policial .bb-card--strip p {
  margin: 0;
  color: var(--dbb-muted);
  font-size: 12px;
  line-height: 1.4;
  font-weight: 400;
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

.bb-policial .bb-card--strip time {
  display: none;
}
/* === DBB POLICIAL END — NO TOCAR === */

/* === DBB POLITICA START — APROBADO === */
.bb-politica,
.bb-politica * {
  box-sizing: border-box;
}

.bb-politica {
  --dbb-politica-ad: 250px;
  --dbb-politica-gap: 22px;
  --dbb-politica-main: 968px;
  padding: 40px 0 48px;
  background: var(--dbb-bg);
}

.bb-politica a {
  color: inherit;
  text-decoration: none;
}

.bb-politica > .bb-container {
  width: min(var(--dbb-container), calc(100vw - 48px));
  margin-inline: auto;
  display: grid;
  grid-template-columns: 370px 330px 224px var(--dbb-politica-ad);
  column-gap: var(--dbb-politica-gap);
  align-items: start;
}

.bb-politica .bb-alert {
  display: none;
}

.bb-politica .bb-section-title {
  grid-column: 1 / 4;
  grid-row: 1;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 20px;
  margin: 0 0 22px;
  border-bottom: 1px solid var(--dbb-line);
}

.bb-politica .bb-section-title h2 {
  position: relative;
  margin: 0;
  padding-bottom: 12px;
  color: var(--dbb-ink);
  font-family: "Arial Narrow", "Roboto Condensed", "Instrument Sans", Arial, Helvetica, sans-serif;
  font-size: 24px;
  line-height: 1;
  font-weight: 700;
  letter-spacing: 0;
  text-transform: uppercase;
}

.bb-politica .bb-section-title h2::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 82px;
  height: 3px;
  background: var(--dbb-red);
}

.bb-politica .bb-section-title h2::before {
  content: "";
  position: absolute;
  left: 86px;
  bottom: -1px;
  width: 10px;
  height: 3px;
  background: #F0A09D;
}

.bb-politica .bb-section-title a,
.bb-politica .bb-more {
  color: var(--dbb-ink);
  font-size: 12px;
  line-height: 1;
  font-weight: 700;
  letter-spacing: 0;
  text-transform: uppercase;
}

.bb-politica .bb-wire-layout--ad {
  display: contents;
}

.bb-politica .bb-wire-layout__img {
  grid-column: 1;
  grid-row: 2;
  display: block;
  height: 430px;
  overflow: hidden;
  background: #DDD8CF;
}

.bb-politica .bb-wire-layout__img img,
.bb-politica .bb-card__img img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.bb-politica .bb-wire-layout__lead {
  grid-column: 2;
  grid-row: 2;
  min-width: 0;
  padding: 30px 0 0;
}

.bb-politica .bb-meta {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 20px;
  color: var(--dbb-muted);
  font-size: 12px;
  line-height: 1;
  font-weight: 700;
  letter-spacing: 0;
  text-transform: uppercase;
}

.bb-politica .bb-meta b {
  color: var(--dbb-red);
  font-weight: 700;
}

.bb-politica .bb-meta i {
  color: #A1A49E;
  font-style: normal;
}

.bb-politica .bb-wire-layout__lead h2 {
  max-width: 315px;
  margin: 0 0 22px;
  color: var(--dbb-ink);
  font-family: var(--dbb-display);
  font-size: 24px;
  line-height: 1.22;
  font-weight: 700;
  letter-spacing: 0;
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
}

.bb-politica .bb-wire-layout__lead p {
  max-width: 320px;
  margin: 0 0 32px;
  color: var(--dbb-muted);
  font-size: 15px;
  line-height: 1.55;
  font-weight: 400;
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
}

.bb-politica .bb-wire-layout__lead .bb-more {
  display: inline-flex;
}

.bb-politica .bb-headline-list {
  grid-column: 3;
  grid-row: 2;
  min-width: 0;
  padding-left: 18px;
  border-left: 1px solid var(--dbb-line);
}

.bb-politica .bb-headline-row {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
  gap: 10px;
  padding: 10px 0;
  border-bottom: 1px solid var(--dbb-line);
}

.bb-politica .bb-headline-row time {
  color: var(--dbb-red);
  font-size: 12px;
  line-height: 1.3;
  font-weight: 700;
}

.bb-politica .bb-headline-row strong {
  color: var(--dbb-ink);
  font-family: var(--dbb-display);
  font-size: 12px;
  line-height: 1.34;
  font-weight: 700;
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

.bb-politica .bb-more--list {
  display: inline-flex;
  margin-top: 18px;
}

.bb-politica .bb-ad {
  grid-column: 4;
  grid-row: 1 / 3;
  width: var(--dbb-politica-ad);
  height: 100%;
  min-height: 430px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border: 1px solid #DEDCD8;
  background: #E8E5DF;
  color: #5F5D59;
  text-transform: uppercase;
}

.bb-politica .bb-ad span {
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0;
}

.bb-politica .bb-ad strong {
  margin-top: 8px;
  font-size: 14px;
  font-weight: 400;
}

.bb-politica .bb-lower-with-ranking {
  grid-column: 1 / 5;
  grid-row: 3;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 300px;
  gap: 24px;
  align-items: start;
  margin-top: 24px;
  padding-top: 22px;
  border-top: 1px solid var(--dbb-line);
}

.bb-politica .bb-two-col-cards {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0 26px;
  align-content: start;
  align-items: start;
}

.bb-politica .bb-card--row {
  display: grid;
  grid-template-columns: 132px minmax(0, 1fr);
  gap: 18px;
  min-width: 0;
  align-self: start;
  min-height: 142px;
  padding: 0 22px 20px 0;
  margin-bottom: 22px;
  border-right: 1px solid var(--dbb-line);
  border-bottom: 1px solid var(--dbb-line);
}

.bb-politica .bb-card--row:nth-child(even) {
  border-right: 0;
}

.bb-politica .bb-card--row:nth-last-child(-n + 2) {
  margin-bottom: 0;
  border-bottom: 0;
}

.bb-politica .bb-card--row .bb-card__img {
  display: block;
  width: 132px;
  height: 104px;
  overflow: hidden;
  background: #DDD8CF;
}

.bb-politica .bb-card--row .bb-meta {
  margin-bottom: 8px;
  font-size: 11px;
}

.bb-politica .bb-card--row h3 {
  margin: 0 0 8px;
  color: var(--dbb-ink);
  font-family: var(--dbb-display);
  font-size: 15px;
  line-height: 1.22;
  font-weight: 700;
  letter-spacing: 0;
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.bb-politica .bb-card--row p {
  margin: 0;
  color: var(--dbb-muted);
  font-size: 12px;
  line-height: 1.4;
  font-weight: 400;
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.bb-politica .bb-card--row time {
  display: none;
}

.bb-politica .bb-most-read {
  min-width: 0;
  align-self: start;
  padding: 20px 18px 18px;
  border: 1px solid var(--dbb-line);
  background: rgba(255, 255, 255, .2);
}

.bb-politica .bb-most-read h3 {
  position: relative;
  margin: 0 0 18px;
  padding-bottom: 10px;
  color: var(--dbb-ink);
  font-family: "Arial Narrow", "Roboto Condensed", "Instrument Sans", Arial, Helvetica, sans-serif;
  font-size: 18px;
  line-height: 1;
  font-weight: 700;
  text-transform: uppercase;
}

.bb-politica .bb-most-read h3::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 42px;
  height: 3px;
  background: var(--dbb-red);
}

.bb-politica .bb-most-read a {
  display: grid;
  grid-template-columns: 24px minmax(0, 1fr);
  gap: 12px;
  padding: 9px 0;
}

.bb-politica .bb-most-read a:nth-of-type(n + 4) {
  display: none;
}

.bb-politica .bb-most-read span {
  color: var(--dbb-red);
  font-size: 14px;
  line-height: 1.2;
  font-weight: 700;
}

.bb-politica .bb-most-read strong {
  color: var(--dbb-ink);
  font-family: var(--dbb-display);
  font-size: 12px;
  line-height: 1.32;
  font-weight: 400;
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
/* === DBB POLITICA END — NO TOCAR === */

/* === DBB ECONOMIA START === */
.bb-economia,
.bb-economia * {
  box-sizing: border-box;
}

.bb-economia {
  padding: 40px 0 48px;
  background: var(--dbb-bg);
}

.bb-economia a {
  color: inherit;
  text-decoration: none;
}

.bb-economia > .bb-container {
  width: min(var(--dbb-container), calc(100vw - 48px));
  margin-inline: auto;
  display: grid;
  grid-template-columns: 370px 330px 224px 250px;
  gap: 0 22px;
}

.bb-economia .bb-alert {
  height: 42px;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 16px;
  grid-column: 1 / -1;
  margin-bottom: 34px;
  padding: 0 16px 0 0;
  background: var(--dbb-black);
  color: #fff;
  overflow: hidden;
}

.bb-economia .bb-alert strong {
  height: 42px;
  display: inline-flex;
  align-items: center;
  padding: 0 18px;
  background: var(--dbb-red);
  color: #fff;
  font-size: 12px;
  line-height: 1;
  font-weight: 700;
  text-transform: uppercase;
}

.bb-economia .bb-alert span {
  min-width: 0;
  overflow: hidden;
  color: #EFEFEF;
  font-size: 13px;
  line-height: 1;
  font-weight: 700;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.bb-economia .bb-alert em {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: #B9B9B9;
  font-size: 11px;
  line-height: 1;
  font-style: normal;
  font-weight: 700;
  text-transform: uppercase;
  white-space: nowrap;
}

.bb-economia .bb-alert em::after {
  content: "";
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: var(--dbb-red);
}

.bb-economia .bb-section-title {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 20px;
  grid-column: 1 / 4;
  width: auto;
  margin: 0 0 22px;
  border-bottom: 1px solid var(--dbb-line);
}

.bb-economia .bb-section-title h2 {
  position: relative;
  margin: 0;
  padding-bottom: 12px;
  color: var(--dbb-ink);
  font-family: "Arial Narrow", "Roboto Condensed", "Instrument Sans", Arial, Helvetica, sans-serif;
  font-size: 24px;
  line-height: 1;
  font-weight: 700;
  letter-spacing: 0;
  text-transform: uppercase;
}

.bb-economia .bb-section-title h2::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 82px;
  height: 3px;
  background: var(--dbb-red);
}

.bb-economia .bb-section-title h2::before {
  content: "";
  position: absolute;
  left: 86px;
  bottom: -1px;
  width: 10px;
  height: 3px;
  background: #F0A09D;
}

.bb-economia .bb-section-title a,
.bb-economia .bb-more {
  color: var(--dbb-ink);
  font-size: 12px;
  line-height: 1;
  font-weight: 700;
  letter-spacing: 0;
  text-transform: uppercase;
}

.bb-economia .bb-wire-layout--market {
  display: contents;
}

.bb-economia .bb-wire-layout__img {
  grid-column: 1;
  grid-row: 3;
  display: block;
  height: 410px;
  overflow: hidden;
  background: #DDD8CF;
}

.bb-economia .bb-wire-layout__img img,
.bb-economia .bb-card__img img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.bb-economia .bb-wire-layout__lead {
  grid-column: 2;
  grid-row: 3;
  min-width: 0;
  padding: 12px 0 0;
}

.bb-economia .bb-meta {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 20px;
  color: var(--dbb-muted);
  font-size: 12px;
  line-height: 1;
  font-weight: 700;
  letter-spacing: 0;
  text-transform: uppercase;
}

.bb-economia .bb-meta b {
  color: var(--dbb-red);
  font-weight: 700;
}

.bb-economia .bb-meta i {
  color: #A1A49E;
  font-style: normal;
}

.bb-economia .bb-wire-layout__lead h2 {
  max-width: 318px;
  margin: 0 0 26px;
  color: var(--dbb-ink);
  font-family: var(--dbb-display);
  font-size: 27px;
  line-height: 1.28;
  font-weight: 700;
  letter-spacing: 0;
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
}

.bb-economia .bb-wire-layout__lead p {
  max-width: 320px;
  margin: 0 0 42px;
  color: var(--dbb-muted);
  font-size: 15px;
  line-height: 1.55;
  font-weight: 400;
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
}

.bb-economia .bb-wire-layout__lead .bb-more {
  display: inline-flex;
}

.bb-economia .bb-headline-list {
  grid-column: 3;
  grid-row: 3;
  min-width: 0;
  padding-left: 18px;
  border-left: 1px solid var(--dbb-line);
}

.bb-economia .bb-headline-row {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
  gap: 10px;
  padding: 12px 0;
  border-bottom: 1px solid var(--dbb-line);
}

.bb-economia .bb-headline-row time {
  color: var(--dbb-red);
  font-size: 12px;
  line-height: 1.3;
  font-weight: 700;
}

.bb-economia .bb-headline-row strong {
  color: var(--dbb-ink);
  font-family: var(--dbb-display);
  font-size: 12px;
  line-height: 1.34;
  font-weight: 700;
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

.bb-economia .bb-more--list {
  display: inline-flex;
  margin-top: 16px;
}

.bb-economia .bb-market {
  grid-column: 4;
  grid-row: 2 / 4;
  align-self: stretch;
  min-height: 0;
  padding: 20px 16px;
  border: 1px solid var(--dbb-line);
  background: rgba(255, 255, 255, .18);
}

.bb-economia .bb-market h3 {
  position: relative;
  margin: 0 0 20px;
  padding-bottom: 12px;
  color: var(--dbb-ink);
  font-family: "Arial Narrow", "Roboto Condensed", "Instrument Sans", Arial, Helvetica, sans-serif;
  font-size: 19px;
  line-height: 1;
  font-weight: 700;
  text-transform: uppercase;
  border-bottom: 1px solid var(--dbb-line);
}

.bb-economia .bb-market h3::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 42px;
  height: 3px;
  background: var(--dbb-red);
}

.bb-economia .bb-market div {
  position: relative;
  min-height: 74px;
  margin-bottom: 16px;
  padding-right: 92px;
}

.bb-economia .bb-market div::after {
  content: "";
  position: absolute;
  right: 0;
  top: 14px;
  width: 88px;
  height: 38px;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 88 38' xmlns='http://www.w3.org/2000/svg'%3E%3Cpolyline points='1,30 8,20 14,25 20,13 27,24 34,17 41,19 48,10 55,14 62,6 70,9 78,2 87,6' fill='none' stroke='%234C9148' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
}

.bb-economia .bb-market div:has(.down)::after {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 88 38' xmlns='http://www.w3.org/2000/svg'%3E%3Cpolyline points='1,12 8,5 15,18 23,9 30,15 37,12 44,25 52,18 59,26 67,22 74,31 81,24 87,28' fill='none' stroke='%23E3342F' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.bb-economia .bb-market span {
  display: block;
  color: var(--dbb-muted);
  font-size: 11px;
  line-height: 1;
  font-weight: 700;
  text-transform: uppercase;
}

.bb-economia .bb-market strong {
  display: block;
  margin-top: 8px;
  color: var(--dbb-ink);
  font-size: 17px;
  line-height: 1;
  font-weight: 700;
}

.bb-economia .bb-market em {
  display: block;
  margin-top: 8px;
  font-size: 12px;
  line-height: 1;
  font-style: normal;
  font-weight: 700;
}

.bb-economia .bb-market .up,
.bb-economia .bb-indicators .up {
  color: #1D8B3B;
}

.bb-economia .bb-market .down,
.bb-economia .bb-indicators .down {
  color: var(--dbb-red);
}

.bb-economia .bb-market a {
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 8px;
  border: 1px solid #A9AAA4;
  color: var(--dbb-ink);
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
}

.bb-economia__cards {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 22px;
  margin-top: 24px;
  padding: 22px 0 24px;
  border-top: 1px solid var(--dbb-line);
  border-bottom: 1px solid var(--dbb-line);
}

.bb-economia .bb-card--row {
  display: grid;
  grid-template-columns: 96px minmax(0, 1fr);
  gap: 16px;
  min-width: 0;
  padding-right: 20px;
  border-right: 1px solid var(--dbb-line);
}

.bb-economia .bb-card--row:last-child {
  padding-right: 0;
  border-right: 0;
}

.bb-economia .bb-card--row .bb-card__img {
  display: block;
  width: 96px;
  height: 148px;
  overflow: hidden;
  background: #DDD8CF;
}

.bb-economia .bb-card--row .bb-meta {
  margin-bottom: 9px;
  font-size: 11px;
}

.bb-economia .bb-card--row h3 {
  margin: 0 0 10px;
  color: var(--dbb-ink);
  font-family: var(--dbb-display);
  font-size: 15px;
  line-height: 1.24;
  font-weight: 700;
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
}

.bb-economia .bb-card--row p {
  margin: 0;
  color: var(--dbb-muted);
  font-size: 12px;
  line-height: 1.42;
  font-weight: 400;
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

.bb-economia .bb-card--row time {
  display: none;
}

.bb-economia__bottom {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 440px;
  gap: 0;
  align-items: stretch;
  padding-top: 24px;
}

.bb-economia .bb-indicators {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 0;
  align-self: stretch;
  border: 1px solid var(--dbb-line);
  border-right: 0;
  background: rgba(255, 255, 255, .12);
}

.bb-economia .bb-indicators h3 {
  grid-column: 1 / -1;
  margin: 0;
  padding: 18px 20px 16px;
  color: var(--dbb-red);
  font-size: 12px;
  line-height: 1;
  font-weight: 700;
  text-transform: uppercase;
}

.bb-economia .bb-indicators h3 small {
  margin-left: 12px;
  color: var(--dbb-muted);
  font-size: 11px;
  font-weight: 700;
}

.bb-economia .bb-indicators div {
  min-height: 94px;
  padding: 0 20px 18px;
  border-right: 1px solid var(--dbb-line);
}

.bb-economia .bb-indicators div:last-child {
  border-right: 0;
}

.bb-economia .bb-indicators span {
  display: block;
  color: var(--dbb-ink);
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
}

.bb-economia .bb-indicators strong {
  display: block;
  margin-top: 16px;
  color: var(--dbb-ink);
  font-size: 16px;
  font-weight: 700;
}

.bb-economia .bb-indicators em {
  display: block;
  margin-top: 12px;
  font-size: 13px;
  font-style: normal;
  font-weight: 700;
}

.bb-economia .bb-most-read--compact {
  min-width: 0;
  align-self: stretch;
  padding: 14px 18px 12px;
  border: 1px solid var(--dbb-line);
}

.bb-economia .bb-most-read--compact h3 {
  position: relative;
  margin: 0 0 8px;
  padding-bottom: 8px;
  color: var(--dbb-ink);
  font-family: "Arial Narrow", "Roboto Condensed", "Instrument Sans", Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 1;
  font-weight: 700;
  text-transform: uppercase;
}

.bb-economia .bb-most-read--compact h3::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 40px;
  height: 3px;
  background: var(--dbb-red);
}

.bb-economia .bb-most-read--compact a {
  display: grid;
  grid-template-columns: 18px minmax(0, 1fr);
  gap: 8px;
  padding: 4px 0;
}

.bb-economia .bb-most-read--compact span {
  color: var(--dbb-red);
  font-size: 12px;
  font-weight: 700;
}

.bb-economia .bb-most-read--compact strong {
  color: var(--dbb-ink);
  font-family: var(--dbb-display);
  font-size: 11px;
  line-height: 1.2;
  font-weight: 400;
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
/* === DBB ECONOMIA END === */

/* === DBB DEPORTES START === */
.bb-sports,
.bb-sports * {
  box-sizing: border-box;
}

.bb-sports {
  width: 100%;
  padding: 22px 0 46px;
  background:
    radial-gradient(circle at 50% 0, rgba(48, 130, 38, .12), transparent 34%),
    #06100F;
  color: #F4F6F2;
}

.bb-sports a {
  color: inherit;
  text-decoration: none;
}

.bb-sports__inner {
  width: min(var(--dbb-container), calc(100vw - 48px));
  margin-inline: auto;
}

.bb-sports__ticker {
  height: 40px;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 14px;
  margin-bottom: 0;
  padding: 0 14px 0 0;
  background: #020404;
  border: 1px solid rgba(86, 120, 86, .22);
  color: #fff;
  overflow: hidden;
}

.bb-sports__ticker strong {
  height: 38px;
  display: inline-flex;
  align-items: center;
  padding: 0 14px;
  background: #2D8F1D;
  color: #fff;
  font-size: 11px;
  line-height: 1;
  font-weight: 700;
  text-transform: uppercase;
}

.bb-sports__ticker span {
  min-width: 0;
  overflow: hidden;
  color: #F2F2F2;
  font-size: 12px;
  line-height: 1;
  font-weight: 700;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.bb-sports__ticker em {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: #B7BCB9;
  font-size: 11px;
  line-height: 1;
  font-style: normal;
  font-weight: 700;
  text-transform: uppercase;
  white-space: nowrap;
}

.bb-sports__ticker em::after {
  content: "";
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: #39B72D;
}

.bb-sports__head {
  min-height: 100px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 28px;
  padding: 14px 12px 14px 0;
  border: 1px solid rgba(108, 145, 104, .18);
  border-top: 0;
  background:
    linear-gradient(105deg, rgba(3, 14, 12, .95) 0%, rgba(3, 14, 12, .86) 54%, rgba(18, 68, 21, .36) 55%, rgba(4, 12, 10, .92) 100%),
    radial-gradient(circle at 70% 12%, rgba(63, 167, 45, .22), transparent 34%);
}

.bb-sports__head h2 {
  margin: 0;
  color: #fff;
  font-family: "Arial Narrow", "Roboto Condensed", "Instrument Sans", Arial, Helvetica, sans-serif;
  font-size: 52px;
  line-height: .92;
  font-weight: 700;
  letter-spacing: 0;
  text-transform: uppercase;
}

.bb-sports__head nav {
  display: none;
  flex-wrap: wrap;
  align-items: center;
  gap: 0;
}

.bb-sports__head nav a {
  position: relative;
  min-height: 34px;
  display: inline-flex;
  align-items: center;
  padding: 0 17px;
  color: #D8DFDA;
  font-size: 11px;
  line-height: 1;
  font-weight: 700;
  text-transform: uppercase;
}

.bb-sports__head nav a:first-child {
  color: #59D139;
}

.bb-sports__head nav a:first-child::after {
  content: "";
  position: absolute;
  left: 18px;
  right: 18px;
  bottom: -1px;
  height: 3px;
  background: #59D139;
}

.bb-sports__head nav a:nth-child(2) {
  color: #fff;
  background: linear-gradient(90deg, rgba(55, 170, 39, .15), rgba(73, 201, 54, .45), rgba(55, 170, 39, .15));
  box-shadow: inset 0 -2px 0 #59D139;
}

.bb-sports__head > a {
  min-width: 196px;
  min-height: 34px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  padding: 0 18px;
  border: 1px solid #3F8D24;
  border-radius: 4px;
  color: #fff;
  font-size: 11px;
  line-height: 1;
  font-weight: 700;
  text-transform: uppercase;
}

.bb-scorebar {
  min-height: 88px;
  display: grid;
  grid-template-columns: 150px repeat(4, minmax(0, 1fr)) 190px;
  align-items: stretch;
  border-top: 1px solid rgba(116, 145, 116, .18);
  border-bottom: 1px solid rgba(116, 145, 116, .2);
  background: #0A1110;
}

.bb-scorebar > span {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0 18px 0 0;
  color: #4DD12F;
  font-family: "Arial Narrow", "Roboto Condensed", "Instrument Sans", Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 1.25;
  font-weight: 800;
  text-transform: uppercase;
}

.bb-scorebar > div {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 32px;
  align-content: center;
  gap: 5px 8px;
  padding: 0 18px;
  border-left: 1px solid rgba(171, 182, 171, .18);
}

.bb-scorebar small {
  grid-column: 1 / -1;
  color: #AAB0AA;
  font-size: 10px;
  font-weight: 700;
}

.bb-scorebar b {
  color: #EFEFEF;
  font-family: "Arial Narrow", "Roboto Condensed", "Instrument Sans", Arial, Helvetica, sans-serif;
  font-size: 15px;
  line-height: 1.15;
  font-weight: 800;
  text-transform: uppercase;
}

.bb-scorebar strong {
  color: #63D838;
  font-family: "Arial Narrow", "Roboto Condensed", "Instrument Sans", Arial, Helvetica, sans-serif;
  font-size: 25px;
  line-height: 1;
  font-weight: 800;
  text-align: right;
}

.bb-scorebar > div::after {
  grid-column: 1 / -1;
  content: "Rival";
  color: #B7BCB9;
  font-family: "Arial Narrow", "Roboto Condensed", "Instrument Sans", Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 1;
  font-weight: 700;
  text-transform: uppercase;
}

.bb-scorebar > div:nth-of-type(1)::after {
  content: "U. de Chile";
}

.bb-scorebar > div:nth-of-type(2)::after {
  content: "Villarreal";
}

.bb-scorebar > div:nth-of-type(3)::after {
  content: "Arsenal";
}

.bb-scorebar > div:nth-of-type(4)::after {
  content: "Miami Heat";
}

.bb-scorebar a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  color: #F3F5F1;
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  border-left: 1px solid rgba(171, 182, 171, .18);
}

.bb-sports__main {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 370px;
  gap: 12px;
  padding: 8px 0 16px;
  border-bottom: 1px solid rgba(121, 143, 121, .22);
}

.bb-sports__lead {
  min-height: 350px;
  overflow: hidden;
  border: 1px solid rgba(120, 145, 120, .18);
  background: #0A0D0C;
}

.bb-sports__lead > a {
  position: relative;
  min-height: 350px;
  display: block;
}

.bb-sports__lead img {
  display: block;
  width: 100%;
  height: 350px;
  object-fit: cover;
  opacity: .84;
}

.bb-sports__lead > a::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg, rgba(0, 0, 0, .88) 0%, rgba(0, 0, 0, .62) 38%, rgba(0, 0, 0, .12) 78%),
    linear-gradient(0deg, rgba(0, 0, 0, .48), transparent 44%);
}

.bb-sports__lead div {
  position: absolute;
  z-index: 1;
  left: 18px;
  top: 32px;
  width: 355px;
  color: #fff;
}

.bb-sports .bb-meta,
.bb-sports__cards span {
  color: #AEB7B1;
  font-size: 11px;
  line-height: 1;
  font-weight: 700;
  text-transform: uppercase;
}

.bb-sports .bb-meta b,
.bb-sports__cards span {
  color: #55D235;
}

.bb-sports__lead h3 {
  margin: 20px 0 16px;
  color: #fff;
  font-family: "Arial Narrow", "Roboto Condensed", "Instrument Sans", Arial, Helvetica, sans-serif;
  font-size: 31px;
  line-height: 1.16;
  font-weight: 700;
  letter-spacing: 0;
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
}

.bb-sports__lead p {
  margin: 0 0 18px;
  color: #D8DCD9;
  font-size: 13px;
  line-height: 1.44;
  font-weight: 500;
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
}

.bb-sports__lead strong {
  min-height: 32px;
  display: inline-flex;
  align-items: center;
  gap: 14px;
  padding: 0 18px;
  background: #2D8F1D;
  color: #fff;
  font-size: 11px;
  line-height: 1;
  font-weight: 800;
  text-transform: uppercase;
}

.bb-standings {
  min-height: 350px;
  padding: 26px 26px;
  border: 1px solid rgba(143, 160, 143, .24);
  border-radius: 6px;
  background: linear-gradient(145deg, rgba(16, 25, 24, .95), rgba(7, 13, 12, .95));
}

.bb-standings h3,
.bb-sports__bottom h3 {
  position: relative;
  margin: 0 0 22px;
  padding-bottom: 12px;
  color: #F6F6F3;
  font-family: "Arial Narrow", "Roboto Condensed", "Instrument Sans", Arial, Helvetica, sans-serif;
  font-size: 17px;
  line-height: 1;
  font-weight: 800;
  text-transform: uppercase;
}

.bb-standings h3::after,
.bb-sports__bottom h3::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 46px;
  height: 3px;
  background: #59D139;
}

.bb-standings ol {
  margin: 0;
  padding: 0;
  list-style: none;
}

.bb-standings li {
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr) 38px;
  gap: 12px;
  align-items: center;
  padding: 10px 0;
  border-bottom: 1px solid rgba(151, 165, 151, .16);
  color: #DDE2DE;
  font-size: 12px;
  font-weight: 700;
}

.bb-standings li::before {
  counter-increment: standings;
  content: counter(standings);
  color: #C8CEC9;
  font-weight: 700;
}

.bb-standings ol {
  counter-reset: standings;
}

.bb-standings li b {
  color: #F0F2EF;
  text-align: right;
}

.bb-standings > a {
  display: inline-flex;
  align-items: center;
  gap: 14px;
  margin-top: 24px;
  color: #55D235;
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
}

.bb-sports__cards {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0;
  padding: 18px 0 17px;
  border-bottom: 1px solid rgba(121, 143, 121, .22);
}

.bb-sports__cards article {
  min-width: 0;
  padding: 0 18px;
  border-right: 1px solid rgba(142, 156, 142, .22);
}

.bb-sports__cards article:first-child {
  padding-left: 0;
}

.bb-sports__cards article:last-child {
  padding-right: 0;
  border-right: 0;
}

.bb-sports__cards a {
  display: grid;
  grid-template-columns: 96px minmax(0, 1fr);
  gap: 15px;
}

.bb-sports__cards img {
  grid-row: span 3;
  display: block;
  width: 96px;
  height: 142px;
  object-fit: cover;
}

.bb-sports__cards h3 {
  margin: 9px 0 8px;
  color: #F3F5F2;
  font-family: "Arial Narrow", "Roboto Condensed", "Instrument Sans", Arial, Helvetica, sans-serif;
  font-size: 17px;
  line-height: 1.18;
  font-weight: 700;
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

.bb-sports__cards p {
  margin: 0;
  color: #BFC6C0;
  font-size: 11px;
  line-height: 1.45;
  font-weight: 500;
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

.bb-sports__bottom {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  border: 1px solid rgba(124, 145, 124, .22);
  border-top: 0;
}

.bb-sports__bottom section {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0;
  min-height: 168px;
  padding: 20px 24px 18px;
  border-right: 1px solid rgba(124, 145, 124, .22);
}

.bb-sports__bottom section:last-child {
  border-right: 0;
}

.bb-sports__bottom h3 {
  grid-column: 1 / -1;
  margin-bottom: 16px;
  color: #55D235;
  font-size: 15px;
}

.bb-sports__bottom div,
.bb-sports__bottom a {
  min-width: 0;
  padding: 0 18px;
  border-right: 1px solid rgba(142, 156, 142, .2);
}

.bb-sports__bottom div:last-child,
.bb-sports__bottom a:last-child {
  border-right: 0;
}

.bb-sports__bottom div strong {
  display: block;
  color: #52CA36;
  font-family: "Arial Narrow", "Roboto Condensed", "Instrument Sans", Arial, Helvetica, sans-serif;
  font-size: 34px;
  line-height: 1;
  font-weight: 800;
}

.bb-sports__bottom div span {
  display: block;
  margin-top: 8px;
  color: #E8ECE9;
  font-size: 11px;
  line-height: 1.15;
  font-weight: 800;
  text-transform: uppercase;
}

.bb-sports__bottom a {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #F3F5F2;
  font-family: "Arial Narrow", "Roboto Condensed", "Instrument Sans", Arial, Helvetica, sans-serif;
  font-size: 15px;
  line-height: 1.2;
  font-weight: 700;
  text-align: center;
}
/* === DBB DEPORTES END === */

/* === DBB CULTURA START === */
.bb-cultura,
.bb-cultura * {
  box-sizing: border-box;
}

.bb-cultura {
  padding: 42px 0 54px;
  background: var(--dbb-bg);
  color: var(--dbb-ink);
}

.bb-cultura a {
  color: inherit;
  text-decoration: none;
}

.bb-cultura > .bb-container {
  width: min(var(--dbb-container), calc(100vw - 48px));
  margin-inline: auto;
}

.bb-cultura .bb-section-title {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 20px;
  margin: 0 0 22px;
  border-bottom: 1px solid var(--dbb-line);
}

.bb-cultura .bb-section-title h2 {
  position: relative;
  margin: 0;
  padding-bottom: 12px;
  color: var(--dbb-ink);
  font-family: "Arial Narrow", "Roboto Condensed", "Instrument Sans", Arial, Helvetica, sans-serif;
  font-size: 24px;
  line-height: 1;
  font-weight: 700;
  letter-spacing: 0;
  text-transform: uppercase;
}

.bb-cultura .bb-section-title h2::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 72px;
  height: 3px;
  background: #6C2387;
}

.bb-cultura .bb-section-title h2::before {
  content: "";
  position: absolute;
  left: 76px;
  bottom: -1px;
  width: 10px;
  height: 3px;
  background: #6C2387;
}

.bb-cultura__hero {
  position: relative;
  display: grid;
  grid-template-columns: 300px 610px;
  gap: 0 25px;
  align-items: start;
  min-height: 650px;
  padding-right: 305px;
}

.bb-cultura__lead {
  grid-column: 1;
  grid-row: 1;
  min-width: 0;
  padding-top: 18px;
}

.bb-cultura .bb-meta {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 18px;
  color: #6C2387;
  font-size: 11px;
  line-height: 1;
  font-weight: 700;
  text-transform: uppercase;
}

.bb-cultura .bb-meta b {
  color: #6C2387;
}

.bb-cultura .bb-meta i {
  color: #A9A2AA;
  font-style: normal;
}

.bb-cultura__lead h2 {
  margin: 0 0 18px;
  color: var(--dbb-ink);
  font-family: var(--dbb-display);
  font-size: 25px;
  line-height: 1.18;
  font-weight: 700;
  letter-spacing: 0;
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
}

.bb-cultura__lead p {
  margin: 0 0 26px;
  color: var(--dbb-muted);
  font-size: 12.5px;
  line-height: 1.45;
  font-weight: 400;
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
}

.bb-cultura__lead > span {
  display: block;
  padding-top: 16px;
  border-top: 2px solid rgba(108, 35, 135, .45);
  color: var(--dbb-muted);
  font-size: 11px;
  line-height: 1;
  font-weight: 700;
}

.bb-cultura__img {
  grid-column: 2;
  grid-row: 1;
  display: block;
  height: 344px;
  overflow: hidden;
  background: #DDD8CF;
}

.bb-cultura__img img,
.bb-cultura .bb-card__img img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.bb-cultura__side {
  position: absolute;
  top: 0;
  right: 0;
  width: 280px;
  min-width: 0;
  padding-left: 25px;
  border-left: 1px solid var(--dbb-line);
}

.bb-cultura__side blockquote {
  position: relative;
  margin: 0 0 22px;
  padding: 0 0 22px;
  border-bottom: 1px solid var(--dbb-line);
}

.bb-cultura__side blockquote::after {
  content: "“";
  position: absolute;
  right: 0;
  top: -18px;
  color: #6C2387;
  font-family: Georgia, serif;
  font-size: 62px;
  line-height: 1;
  font-weight: 700;
}

.bb-cultura__side blockquote strong,
.bb-cultura .bb-most-read h3,
.bb-cultura__agenda h3,
.bb-voices h3 {
  display: block;
  margin: 0 0 12px;
  color: #6C2387;
  font-family: "Arial Narrow", "Roboto Condensed", "Instrument Sans", Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 1;
  font-weight: 700;
  text-transform: uppercase;
}

.bb-cultura__side blockquote span {
  display: block;
  max-width: 230px;
  color: #555B5D;
  font-size: 14px;
  line-height: 1.35;
  font-weight: 500;
}

.bb-cultura__side blockquote em {
  display: block;
  margin-top: 18px;
  color: var(--dbb-muted);
  font-size: 11px;
  line-height: 1.35;
  font-style: normal;
  font-weight: 700;
  text-transform: uppercase;
}

.bb-cultura .bb-most-read {
  padding-bottom: 20px;
  border-bottom: 1px solid var(--dbb-line);
}

.bb-cultura .bb-most-read a {
  display: grid;
  grid-template-columns: 24px minmax(0, 1fr);
  gap: 10px;
  align-items: start;
  padding: 6px 0;
  border-bottom: 1px solid var(--dbb-line);
}

.bb-cultura .bb-most-read span {
  color: #6C2387;
  font-family: Georgia, serif;
  font-size: 22px;
  line-height: 1;
  font-weight: 400;
}

.bb-cultura .bb-most-read strong {
  color: var(--dbb-muted);
  font-family: var(--dbb-display);
  font-size: 10.5px;
  line-height: 1.25;
  font-weight: 600;
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.bb-cultura__agenda {
  padding-top: 16px;
}

.bb-cultura__agenda a {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
  gap: 10px;
  padding: 9px 0;
  border-bottom: 1px solid var(--dbb-line);
}

.bb-cultura__agenda time {
  grid-row: span 2;
  color: var(--dbb-ink);
  font-family: Georgia, serif;
  font-size: 21px;
  line-height: .9;
}

.bb-cultura__agenda time span {
  display: block;
  margin-top: 4px;
  font-family: var(--dbb-display);
  font-size: 10px;
  line-height: 1;
  font-weight: 700;
  text-transform: uppercase;
}

.bb-cultura__agenda strong {
  color: var(--dbb-muted);
  font-size: 11px;
  line-height: 1.25;
  font-weight: 700;
}

.bb-cultura__agenda small {
  color: var(--dbb-muted);
  font-size: 10px;
  line-height: 1.25;
}

.bb-cultura__agenda .bb-cultura__agenda-more {
  display: inline-flex;
  grid-template-columns: none;
  gap: 8px;
  padding-top: 14px;
  color: #6C2387;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  border-bottom: 0;
}

.bb-cultura__cards {
  grid-column: 1 / 3;
  grid-row: 2;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0;
  width: auto;
  max-width: 100%;
  margin: 44px 0 0;
  padding-bottom: 0;
  border-bottom: 0;
}

.bb-cultura .bb-card--vertical {
  position: relative;
  min-width: 0;
  padding: 0 16px;
  border-right: 0;
}

.bb-cultura .bb-card--vertical:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: -38px;
  width: 1px;
  background: var(--dbb-line);
}

.bb-cultura .bb-card--vertical:first-child {
  padding-left: 0;
}

.bb-cultura .bb-card--vertical:last-child {
  padding-right: 0;
  border-right: 0;
}

.bb-cultura .bb-card--vertical .bb-card__img {
  display: block;
  height: 86px;
  margin-bottom: 13px;
  overflow: hidden;
}

.bb-cultura .bb-card--vertical .bb-meta {
  margin-bottom: 9px;
  font-size: 10px;
}

.bb-cultura .bb-card--vertical h3 {
  margin: 0 0 9px;
  color: var(--dbb-ink);
  font-family: var(--dbb-display);
  font-size: 13px;
  line-height: 1.22;
  font-weight: 700;
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.bb-cultura .bb-card--vertical p {
  margin: 0;
  color: var(--dbb-muted);
  font-size: 10px;
  line-height: 1.4;
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.bb-cultura .bb-card--vertical time {
  display: none;
}

.bb-voices {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0;
  margin-top: 30px;
  padding-top: 20px;
  border-top: 1px solid var(--dbb-line);
}

.bb-voices h3 {
  grid-column: 1 / -1;
  margin-bottom: 18px;
}

.bb-voices article {
  display: grid;
  grid-template-columns: 76px minmax(0, 1fr);
  gap: 16px;
  min-width: 0;
  padding: 0 24px;
  border-right: 1px solid var(--dbb-line);
}

.bb-voices article:first-of-type {
  padding-left: 0;
}

.bb-voices article:last-child {
  padding-right: 0;
  border-right: 0;
}

.bb-voices article > span {
  display: block;
  width: 76px;
  height: 76px;
  border-radius: 50%;
  background:
    radial-gradient(circle at 50% 38%, #DAD8D4 0 22px, transparent 23px),
    radial-gradient(circle at 50% 92%, #C8C5C0 0 34px, transparent 35px),
    #E4E1DC;
  filter: grayscale(1);
}

.bb-voices .bb-meta {
  margin-bottom: 10px;
  font-size: 11px;
}

.bb-voices h4 {
  margin: 0 0 8px;
  color: var(--dbb-ink);
  font-family: var(--dbb-display);
  font-size: 15px;
  line-height: 1.22;
  font-weight: 600;
}

.bb-voices p {
  margin: 0;
  color: var(--dbb-muted);
  font-size: 12px;
  line-height: 1.35;
}
/* === DBB CULTURA END === */

/* === DBB ENTRETENCION START === */
.bb-entretencion,
.bb-entretencion * {
  box-sizing: border-box;
}

.bb-entretencion {
  padding: 34px 0 46px;
  background: var(--dbb-bg);
  color: var(--dbb-ink);
}

.bb-entretencion a {
  color: inherit;
  text-decoration: none;
}

.bb-entretencion > .bb-container {
  width: min(var(--dbb-container), calc(100vw - 48px));
  margin-inline: auto;
}

.bb-entretencion__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 32px;
  border-bottom: 1px solid #BFC5C1;
}

.bb-entretencion .bb-section-title {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 20px;
  margin: 0 0 22px;
  border-bottom: 1px solid var(--dbb-line);
}

.bb-entretencion .bb-section-title h2 {
  position: relative;
  margin: 0;
  padding-bottom: 12px;
  color: var(--dbb-ink);
  font-family: "Arial Narrow", "Roboto Condensed", "Instrument Sans", Arial, Helvetica, sans-serif;
  font-size: 24px;
  line-height: 1;
  font-weight: 700;
  letter-spacing: 0;
  text-transform: uppercase;
}

.bb-entretencion .bb-section-title h2::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 72px;
  height: 3px;
  background: #D8277D;
}

.bb-entretencion .bb-section-title h2::before {
  content: "";
  position: absolute;
  left: 76px;
  bottom: -1px;
  width: 10px;
  height: 3px;
  background: #D8277D;
}

.bb-entretencion .bb-section-title a {
  display: none;
}

.bb-entretencion__actions {
  display: flex;
  align-items: center;
  gap: 28px;
  padding-top: 5px;
}

.bb-entretencion__search {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  color: var(--dbb-ink);
  font-family: "Arial Narrow", "Roboto Condensed", "Instrument Sans", Arial, Helvetica, sans-serif;
  font-size: 15px;
  font-weight: 800;
  text-transform: uppercase;
}

.bb-entretencion__search::before {
  content: "";
  width: 17px;
  height: 17px;
  border: 3px solid var(--dbb-ink);
  border-radius: 50%;
  box-shadow: 9px 9px 0 -6px var(--dbb-ink);
}

.bb-outline-pink {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 18px;
  min-width: 218px;
  height: 40px;
  padding: 0 20px;
  border: 2px solid #D8277D;
  color: var(--dbb-ink);
  font-family: "Arial Narrow", "Roboto Condensed", "Instrument Sans", Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 1;
  font-weight: 800;
  text-transform: uppercase;
}

.bb-outline-pink span {
  font-size: 19px;
}

.bb-entretencion__tabs {
  display: flex;
  align-items: center;
  gap: 38px;
  min-height: 46px;
  border-bottom: 1px solid #BFC5C1;
}

.bb-entretencion__tabs a {
  color: #343938;
  font-family: "Arial Narrow", "Roboto Condensed", "Instrument Sans", Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 1;
  font-weight: 800;
  text-transform: uppercase;
}

.bb-entretencion__tabs a:last-child {
  text-decoration: underline;
  text-underline-offset: 5px;
}

.bb-entretencion__top {
  display: grid;
  grid-template-columns: 430px 320px 390px;
  gap: 0 25px;
  align-items: stretch;
  margin-top: 24px;
}

.bb-entretencion__img {
  position: relative;
  display: block;
  height: 300px;
  overflow: hidden;
  background: #DDD8CF;
}

.bb-entretencion__img img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.bb-entretencion__img > span {
  position: absolute;
  left: 0;
  bottom: 28px;
  min-width: 72px;
  padding: 12px 18px;
  background: #D8277D;
  color: #fff;
  font-size: 13px;
  line-height: 1;
  font-weight: 800;
  text-transform: uppercase;
}

.bb-entretencion__lead {
  min-width: 0;
  padding: 42px 36px 28px;
  background: rgba(255, 255, 255, .46);
}

.bb-entretencion .bb-meta--pink,
.bb-entretencion .bb-meta {
  display: inline-flex;
  gap: 8px;
  margin-bottom: 18px;
  color: #D8277D;
  font-size: 12px;
  line-height: 1;
  font-weight: 800;
  text-transform: uppercase;
}

.bb-entretencion .bb-meta i {
  color: #A9A2AA;
  font-style: normal;
}

.bb-entretencion__lead h2 {
  margin: 0 0 22px;
  color: var(--dbb-ink);
  font-family: var(--dbb-display);
  font-size: 27px;
  line-height: 1.14;
  font-weight: 800;
  letter-spacing: 0;
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
}

.bb-entretencion__lead p {
  margin: 0 0 22px;
  color: #3E4445;
  font-size: 13px;
  line-height: 1.38;
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
}

.bb-entretencion__lead > span {
  color: #697071;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
}

.bb-trends {
  min-width: 0;
  padding: 22px 18px 18px;
  background: rgba(255, 255, 255, .55);
}

.bb-trends h3,
.bb-ent-box h3 {
  position: relative;
  display: flex;
  align-items: baseline;
  gap: 12px;
  margin: 0 0 16px;
  padding-bottom: 12px;
  border-bottom: 2px solid #AEB4B1;
  color: #D8277D;
  font-family: "Arial Narrow", "Roboto Condensed", "Instrument Sans", Arial, Helvetica, sans-serif;
  font-size: 15px;
  line-height: 1;
  font-weight: 900;
  text-transform: uppercase;
}

.bb-trends h3 small {
  color: #5E6464;
  font-size: 12px;
  font-weight: 700;
}

.bb-trends h3::after,
.bb-ent-box h3::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 48px;
  height: 2px;
  background: #D8277D;
}

.bb-trends .bb-headline-row {
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr);
  gap: 14px;
  padding: 13px 0;
  border-bottom: 1px solid var(--dbb-line);
}

.bb-trends .bb-headline-row time {
  color: #D8277D;
  font-size: 13px;
  font-weight: 800;
}

.bb-trends .bb-headline-row strong {
  color: var(--dbb-ink);
  font-size: 13.5px;
  line-height: 1.25;
  font-weight: 500;
}

.bb-entretencion__below {
  display: grid;
  grid-template-columns: 280px 290px 262px 308px;
  gap: 0 25px;
  align-items: start;
  margin-top: 24px;
}

.bb-ent-box {
  min-width: 0;
}

.bb-ent-box--screen,
.bb-ent-box--music {
  padding-right: 26px;
  border-right: 1px solid var(--dbb-line);
}

.bb-ent-box--screen img {
  display: block;
  width: 100%;
  height: 122px;
  object-fit: cover;
  margin-bottom: 14px;
}

.bb-ent-box--screen span,
.bb-ent-box--watch span {
  display: block;
  margin-bottom: 9px;
  color: #D8277D;
  font-size: 12px;
  line-height: 1;
  font-weight: 800;
  text-transform: uppercase;
}

.bb-ent-box--screen strong {
  display: block;
  color: var(--dbb-ink);
  font-size: 15px;
  line-height: 1.25;
  font-weight: 800;
}

.bb-ent-more {
  display: inline-flex;
  gap: 12px;
  margin-top: 20px;
  color: #D8277D;
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
}

.bb-ent-box--music {
  display: grid;
  grid-template-columns: 118px minmax(0, 1fr);
  gap: 16px;
}

.bb-ent-box--music h3 {
  grid-column: 1 / -1;
}

.bb-ent-box--music > img {
  display: block;
  width: 118px;
  height: 205px;
  object-fit: cover;
}

.bb-ent-box--music .bb-headline-row {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
  gap: 10px;
  padding: 0 0 14px;
  margin-bottom: 14px;
  border-bottom: 1px solid var(--dbb-line);
}

.bb-ent-box--music time {
  color: #D8277D;
  font-size: 13px;
  font-weight: 800;
}

.bb-ent-box--music strong {
  color: var(--dbb-ink);
  font-size: 12px;
  line-height: 1.3;
  font-weight: 500;
}

.bb-ent-box--watch {
  padding: 17px 16px 16px;
  background: rgba(255, 255, 255, .55);
}

.bb-ent-box--watch > a {
  display: grid;
  grid-template-columns: 68px minmax(0, 1fr);
  gap: 10px;
  padding: 0 0 12px;
  margin-bottom: 12px;
  border-bottom: 1px solid var(--dbb-line);
}

.bb-ent-box--watch img {
  grid-row: span 3;
  width: 68px;
  height: 56px;
  object-fit: cover;
}

.bb-ent-box--watch strong {
  color: var(--dbb-ink);
  font-size: 11.5px;
  line-height: 1.2;
  font-weight: 800;
}

.bb-ent-box--watch small {
  color: #697071;
  font-size: 12px;
  line-height: 1.2;
}

.bb-ent-comments a {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr) 38px;
  gap: 10px;
  align-items: start;
  padding: 11px 0;
  border-bottom: 1px solid var(--dbb-line);
}

.bb-ent-comments a > span {
  color: #D8277D;
  font-size: 23px;
  line-height: 1;
  font-weight: 400;
}

.bb-ent-comments strong {
  color: #3E4445;
  font-size: 12.5px;
  line-height: 1.25;
  font-weight: 500;
}

.bb-ent-comments small {
  color: #697071;
  font-size: 12px;
  text-align: right;
}

.bb-entretencion a,
.bb-entretencion a:link,
.bb-entretencion a:visited,
.bb-entretencion a:hover {
  text-decoration: none !important;
}

.bb-entretencion .bb-section-title h2 {
  font-size: 24px;
}

.bb-entretencion__top {
  grid-template-columns: 410px 300px 380px;
  gap: 0 24px;
  margin-top: 20px;
}

.bb-entretencion__img {
  height: 260px;
}

.bb-entretencion__lead {
  padding: 34px 32px 22px;
}

.bb-entretencion__lead h2 {
  margin-bottom: 18px;
  font-size: 22px;
  line-height: 1.12;
  -webkit-line-clamp: 4;
}

.bb-entretencion__lead p {
  margin-bottom: 18px;
  font-size: 12px;
  line-height: 1.34;
  -webkit-line-clamp: 4;
}

.bb-trends {
  padding: 20px 16px 14px;
}

.bb-trends .bb-headline-row {
  grid-template-columns: 44px minmax(0, 1fr);
  padding: 11px 0;
}

.bb-trends .bb-headline-row time {
  font-size: 12px;
}

.bb-trends .bb-headline-row strong {
  font-size: 12px;
  line-height: 1.23;
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.bb-entretencion__below {
  grid-template-columns: 270px 280px 252px 300px;
  gap: 0 24px;
  margin-top: 22px;
}

.bb-ent-box h3 {
  font-size: 14px;
}

.bb-ent-box--screen img {
  height: 112px;
}

.bb-ent-box--screen strong {
  font-size: 13px;
  line-height: 1.22;
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

.bb-ent-box--music {
  grid-template-columns: 105px minmax(0, 1fr);
  gap: 14px;
}

.bb-ent-box--music > img {
  width: 105px;
  height: 178px;
}

.bb-ent-box--music strong,
.bb-ent-box--watch strong,
.bb-ent-comments strong {
  font-size: 11px;
  line-height: 1.22;
}

.bb-ent-box--watch {
  padding: 15px 14px;
}

.bb-ent-box--watch > a {
  grid-template-columns: 58px minmax(0, 1fr);
}

.bb-ent-box--watch img {
  width: 58px;
  height: 48px;
}

.bb-ent-comments a {
  grid-template-columns: 26px minmax(0, 1fr) 34px;
  padding: 9px 0;
}

.bb-ent-comments a > span {
  font-size: 20px;
}

/* Ajuste final de maqueta: identidad editorial y cierre derecho 1240px */
.bb-entretencion {
  padding-top: 46px;
}

.bb-entretencion__head {
  align-items: flex-start;
  border-bottom: 1px solid #BFC5C1;
}

.bb-entretencion .bb-section-title h2 {
  padding-bottom: 12px;
  font-size: 24px;
  line-height: 1;
  font-weight: 700;
}

.bb-entretencion .bb-section-title h2::after {
  width: 72px;
  height: 3px;
  background: #D8277D;
}

.bb-entretencion .bb-section-title h2::before {
  content: "";
  position: absolute;
  left: 76px;
  bottom: -1px;
  width: 10px;
  height: 3px;
  background: #D8277D;
}

.bb-entretencion__actions {
  padding-top: 8px;
}

.bb-entretencion__tabs {
  gap: 40px;
  min-height: 50px;
}

.bb-entretencion__tabs a {
  font-size: 14px;
  text-decoration: none !important;
}

.bb-entretencion__tabs a:last-child {
  text-decoration: underline !important;
  text-underline-offset: 5px;
}

.bb-entretencion__top {
  grid-template-columns: 465px 330px 395px;
  gap: 0 25px;
  margin-top: 24px;
}

.bb-entretencion__img {
  height: 360px;
}

.bb-entretencion__lead {
  padding: 46px 36px 30px;
}

.bb-entretencion__lead h2 {
  margin-bottom: 24px;
  font-size: 32px;
  line-height: 1.12;
  font-weight: 800;
}

.bb-entretencion__lead p {
  margin-bottom: 24px;
  font-size: 14px;
  line-height: 1.38;
}

.bb-trends {
  padding: 24px 18px 18px;
}

.bb-trends .bb-headline-row {
  grid-template-columns: 54px minmax(0, 1fr);
  gap: 14px;
  padding: 14px 0;
}

.bb-trends .bb-headline-row time {
  font-size: 13px;
}

.bb-trends .bb-headline-row strong {
  font-size: 14px;
  line-height: 1.24;
  font-weight: 500;
}

.bb-entretencion__below {
  grid-template-columns: 290px 300px 275px 300px;
  gap: 0 25px;
  margin-top: 32px;
}

.bb-ent-box--screen,
.bb-ent-box--music {
  padding-right: 24px;
}

.bb-ent-box--screen img {
  height: 136px;
}

.bb-ent-box--screen strong {
  font-size: 17px;
  line-height: 1.24;
  font-weight: 800;
}

.bb-ent-box--music {
  grid-template-columns: 124px minmax(0, 1fr);
  gap: 16px;
}

.bb-ent-box--music > img {
  width: 124px;
  height: 226px;
}

.bb-ent-box--music strong,
.bb-ent-box--watch strong,
.bb-ent-comments strong {
  font-size: 12.5px;
  line-height: 1.25;
  font-weight: 600;
}

.bb-ent-box--watch {
  padding: 18px 16px;
}

.bb-ent-box--watch > a {
  grid-template-columns: 72px minmax(0, 1fr);
  gap: 12px;
}

.bb-ent-box--watch img {
  width: 72px;
  height: 58px;
}

.bb-ent-comments a {
  grid-template-columns: 30px minmax(0, 1fr) 34px;
  padding: 12px 0;
}

.bb-ent-comments a > span {
  font-size: 26px;
}

/* Cierre Entretencion: escala y alineacion bloqueadas contra reglas anteriores */
.bb-entretencion > .bb-container {
  width: min(var(--dbb-container), calc(100vw - 48px)) !important;
  margin-inline: auto !important;
}

.bb-entretencion .bb-section-title h2 {
  font-family: "Arial Narrow", "Roboto Condensed", "Instrument Sans", Arial, Helvetica, sans-serif !important;
  font-size: 24px !important;
  line-height: 1 !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
}

.bb-entretencion__head {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  width: 100% !important;
}

.bb-entretencion__actions {
  margin-left: auto !important;
}

.bb-entretencion__top {
  display: grid !important;
  grid-template-columns: 468px 320px 404px !important;
  gap: 0 24px !important;
  width: 100% !important;
  align-items: stretch !important;
  margin-top: 22px !important;
}

.bb-entretencion__img {
  height: 316px !important;
}

.bb-entretencion__lead {
  min-height: 316px !important;
  padding: 40px 34px 24px !important;
}

.bb-entretencion__lead h2 {
  font-size: 26px !important;
  line-height: 1.08 !important;
  margin-bottom: 18px !important;
}

.bb-entretencion__lead p {
  font-size: 12.5px !important;
  line-height: 1.35 !important;
  margin-bottom: 20px !important;
}

.bb-trends {
  min-height: 316px !important;
  padding: 22px 18px 16px !important;
}

.bb-trends .bb-headline-row {
  grid-template-columns: 52px minmax(0, 1fr) !important;
  padding: 12px 0 !important;
}

.bb-trends .bb-headline-row strong {
  font-size: 12.5px !important;
  line-height: 1.22 !important;
}

.bb-entretencion__below {
  display: grid !important;
  grid-template-columns: 292px 300px 276px 300px !important;
  gap: 0 24px !important;
  width: 100% !important;
  margin-top: 28px !important;
  align-items: start !important;
}

.bb-ent-box h3 {
  font-size: 15px !important;
  line-height: 1 !important;
}

.bb-ent-box--screen img {
  height: 132px !important;
}

.bb-ent-box--screen strong {
  font-size: 14px !important;
  line-height: 1.24 !important;
}

.bb-ent-box--music {
  grid-template-columns: 118px minmax(0, 1fr) !important;
}

.bb-ent-box--music > img {
  width: 118px !important;
  height: 210px !important;
}

.bb-ent-box--music strong,
.bb-ent-box--watch strong,
.bb-ent-comments strong {
  font-size: 11.5px !important;
  line-height: 1.22 !important;
}

.bb-ent-box--watch {
  padding: 18px 16px !important;
}

.bb-ent-comments a > span {
  font-size: 24px !important;
}

/* Correccion estructural Entretencion: piezas pegadas, alturas parejas y cartelera fija */
.bb-entretencion__top {
  grid-template-columns: 468px 320px 452px !important;
  column-gap: 0 !important;
  min-height: 342px !important;
  height: auto !important;
}

.bb-entretencion__img,
.bb-entretencion__lead,
.bb-trends {
  height: auto !important;
  min-height: 342px !important;
}

.bb-entretencion__lead {
  margin-left: 0 !important;
  background: rgba(255, 255, 255, .68) !important;
}

.bb-trends {
  width: auto !important;
  margin-left: 48px !important;
  overflow: visible !important;
}

.bb-trends .bb-headline-row {
  min-height: 42px !important;
  padding: 9px 0 !important;
}

.bb-entretencion__below {
  grid-template-columns: 270px 304px 276px 318px !important;
  gap: 0 24px !important;
  align-items: stretch !important;
}

.bb-ent-box {
  min-height: 318px !important;
  height: auto !important;
  overflow: visible !important;
}

.bb-ent-box--screen,
.bb-ent-box--music {
  padding-right: 0 !important;
  border-right: 0 !important;
}

.bb-ent-box--screen strong {
  -webkit-line-clamp: 3 !important;
}

.bb-ent-box--music {
  grid-template-columns: 116px minmax(0, 1fr) !important;
  gap: 14px !important;
}

.bb-ent-box--music > img {
  width: 116px !important;
  height: 198px !important;
}

.bb-ent-box--music .bb-headline-row {
  grid-template-columns: 42px minmax(0, 1fr) !important;
  padding-bottom: 11px !important;
  margin-bottom: 11px !important;
  overflow: visible !important;
}

.bb-ent-box--watch {
  padding: 18px 16px !important;
  background: rgba(255, 255, 255, .62) !important;
  min-height: 318px !important;
}

.bb-ent-box--watch > a {
  display: none !important;
}

.bb-watch-item {
  display: grid;
  grid-template-columns: 72px minmax(0, 1fr);
  gap: 10px 12px;
  padding: 0 0 12px;
  margin-bottom: 12px;
  border-bottom: 1px solid var(--dbb-line);
}

.bb-watch-item img {
  grid-row: span 3;
  width: 72px;
  height: 58px;
  object-fit: cover;
}

.bb-watch-item span {
  display: block;
  margin: 0;
  color: #D8277D;
  font-size: 11px;
  line-height: 1;
  font-weight: 800;
  text-transform: uppercase;
}

.bb-watch-item strong {
  color: var(--dbb-ink);
  font-size: 12px;
  line-height: 1.18;
  font-weight: 800;
}

.bb-watch-item small {
  color: #697071;
  font-size: 11px;
  line-height: 1.15;
}

.bb-ent-comments a {
  grid-template-columns: 30px minmax(0, 1fr) 34px !important;
  padding: 10px 0 !important;
  overflow: visible !important;
}

.bb-ent-comments strong {
  font-size: 12px !important;
  line-height: 1.2 !important;
  font-weight: 500 !important;
}
/* === DBB ENTRETENCION END === */

/* === DBB EDITORIAL START === */
.bb-editorial,
.bb-editorial * {
  box-sizing: border-box;
}

.bb-editorial {
  padding: 42px 0 48px;
  background: var(--dbb-bg);
  color: var(--dbb-ink);
}

.bb-editorial a {
  color: inherit;
  text-decoration: none;
}

.bb-editorial > .bb-container {
  width: min(var(--dbb-container), calc(100vw - 48px));
  margin-inline: auto;
}

.bb-editorial__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 28px;
  border-bottom: 1px solid #C7CBC7;
}

.bb-editorial .bb-section-title {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 20px;
  margin: 0 0 22px;
  border-bottom: 1px solid var(--dbb-line);
}

.bb-editorial .bb-section-title h2 {
  position: relative;
  margin: 0;
  padding-bottom: 12px;
  color: var(--dbb-ink);
  font-family: "Arial Narrow", "Roboto Condensed", "Instrument Sans", Arial, Helvetica, sans-serif;
  font-size: 24px;
  line-height: 1;
  font-weight: 700;
  letter-spacing: 0;
  text-transform: uppercase;
}

.bb-editorial .bb-section-title h2::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 82px;
  height: 3px;
  background: #B98605;
}

.bb-editorial .bb-section-title h2::before {
  content: "";
  position: absolute;
  left: 86px;
  bottom: -1px;
  width: 10px;
  height: 3px;
  background: #B98605;
}

.bb-editorial .bb-section-title a {
  display: none;
}

.bb-editorial__actions {
  display: flex;
  align-items: center;
  gap: 30px;
  padding-top: 8px;
}

.bb-editorial__search {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  color: var(--dbb-ink);
  font-family: "Arial Narrow", "Roboto Condensed", "Instrument Sans", Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: 800;
  text-transform: uppercase;
}

.bb-editorial__search::before {
  content: "";
  width: 17px;
  height: 17px;
  border: 3px solid var(--dbb-ink);
  border-radius: 50%;
  box-shadow: 9px 9px 0 -6px var(--dbb-ink);
}

.bb-outline-gold {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 22px;
  min-width: 260px;
  height: 42px;
  padding: 0 22px;
  border: 1px solid #B98605;
  color: #B98605;
  font-family: "Arial Narrow", "Roboto Condensed", "Instrument Sans", Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 1;
  font-weight: 800;
  text-transform: uppercase;
}

.bb-outline-gold span {
  font-size: 20px;
}

.bb-editorial__main {
  display: grid;
  grid-template-columns: 390px 450px 340px;
  gap: 0 30px;
  align-items: stretch;
  margin-top: 24px;
}

.bb-editorial__lead {
  min-width: 0;
  padding: 8px 14px 0 14px;
}

.bb-editorial__lead > span {
  display: block;
  margin: 0 0 18px;
  color: #B98605;
  font-family: "Arial Narrow", "Roboto Condensed", "Instrument Sans", Arial, Helvetica, sans-serif;
  font-size: 15px;
  line-height: 1;
  font-weight: 800;
  text-transform: uppercase;
}

.bb-editorial__lead h2 {
  margin: 0 0 22px;
  color: var(--dbb-ink);
  font-family: Georgia, "Times New Roman", serif;
  font-size: 38px;
  line-height: 1.12;
  font-weight: 700;
  letter-spacing: 0;
}

.bb-editorial__lead p {
  max-width: 350px;
  margin: 0 0 34px;
  color: #3F4647;
  font-size: 15px;
  line-height: 1.55;
}

.bb-editorial__byline {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  max-width: 350px;
  padding-top: 18px;
  border-top: 1px solid #C7CBC7;
  color: var(--dbb-ink);
  font-family: "Arial Narrow", "Roboto Condensed", "Instrument Sans", Arial, Helvetica, sans-serif;
  font-size: 13px;
  line-height: 1;
  font-weight: 800;
  text-transform: uppercase;
}

.bb-editorial__byline span {
  font-size: 18px;
}

.bb-editorial__img {
  display: block;
  height: 342px;
  overflow: hidden;
  border-radius: 5px;
  background: #DDD8CF;
}

.bb-editorial__img img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

.bb-editorial__archive {
  min-width: 0;
  padding-left: 16px;
}

.bb-editorial__archive h3,
.bb-principles h3,
.bb-newsletter h3 {
  position: relative;
  margin: 0 0 18px;
  padding-bottom: 13px;
  color: var(--dbb-ink);
  font-family: "Arial Narrow", "Roboto Condensed", "Instrument Sans", Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 1;
  font-weight: 800;
  text-transform: uppercase;
}

.bb-editorial__archive h3::after,
.bb-principles h3::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 58px;
  height: 2px;
  background: #B98605;
}

.bb-editorial__archive a {
  display: grid;
  grid-template-columns: 52px minmax(0, 1fr) 22px;
  gap: 18px;
  align-items: center;
  min-height: 61px;
  border-bottom: 1px solid var(--dbb-line);
}

.bb-editorial__archive time {
  color: var(--dbb-ink);
  text-transform: uppercase;
}

.bb-editorial__archive time b,
.bb-editorial__archive time small {
  display: block;
}

.bb-editorial__archive time b {
  font-size: 22px;
  line-height: .9;
  font-weight: 700;
}

.bb-editorial__archive time small {
  margin-top: 3px;
  font-size: 10px;
  line-height: 1;
  font-weight: 700;
}

.bb-editorial__archive strong {
  color: #2E3435;
  font-size: 14px;
  line-height: 1.25;
  font-weight: 700;
}

.bb-editorial__archive a > span {
  color: #343938;
  font-size: 18px;
  text-align: right;
}

.bb-editorial__below {
  display: grid;
  grid-template-columns: 386px 484px 340px;
  gap: 0 30px;
  align-items: stretch;
  margin-top: 22px;
}

.bb-editorial__below blockquote {
  position: relative;
  min-height: 214px;
  margin: 0;
  padding: 46px 28px 28px;
  overflow: hidden;
  border-radius: 5px;
  background:
    linear-gradient(90deg, rgba(5, 6, 6, .92), rgba(5, 6, 6, .58)),
    #141515;
  color: #F5F2EC;
  font-size: 19px;
  line-height: 1.38;
}

.bb-editorial__below blockquote::before,
.bb-editorial__below blockquote::after {
  position: absolute;
  color: #B98605;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 42px;
  line-height: 1;
}

.bb-editorial__below blockquote::before {
  content: "“";
  left: 26px;
  top: 22px;
}

.bb-editorial__below blockquote::after {
  content: "”";
  right: 36px;
  bottom: 34px;
}

.bb-principles,
.bb-newsletter {
  min-height: 214px;
  padding: 20px 20px 22px;
  border: 1px solid var(--dbb-line);
  border-radius: 5px;
  background: rgba(255, 255, 255, .28);
}

.bb-principles div {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0;
}

.bb-principles article {
  min-width: 0;
  padding: 4px 14px 0;
  text-align: center;
  border-right: 1px solid var(--dbb-line);
}

.bb-principles article:last-child {
  border-right: 0;
}

.bb-principles article > span {
  display: block;
  height: 42px;
  margin-bottom: 10px;
  color: var(--dbb-ink);
  font-size: 34px;
  line-height: 1;
}

.bb-principles strong {
  display: block;
  margin-bottom: 12px;
  color: var(--dbb-ink);
  font-size: 13px;
  font-weight: 800;
}

.bb-principles p {
  margin: 0;
  color: #3F4647;
  font-size: 11.5px;
  line-height: 1.45;
}

.bb-newsletter {
  padding: 24px;
}

.bb-newsletter > span {
  display: inline-flex;
  width: 44px;
  height: 44px;
  align-items: center;
  justify-content: center;
  margin-bottom: 12px;
  border-radius: 50%;
  background: rgba(0, 0, 0, .05);
  color: var(--dbb-ink);
  font-size: 22px;
}

.bb-newsletter h3 {
  max-width: 230px;
  margin-bottom: 16px;
  padding-bottom: 0;
  font-size: 19px;
  line-height: 1.18;
}

.bb-newsletter p {
  margin: 0 0 18px;
  color: #3F4647;
  font-size: 14px;
  line-height: 1.45;
}

.bb-newsletter div {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 126px;
  height: 40px;
}

.bb-newsletter input,
.bb-newsletter button {
  min-width: 0;
  border: 1px solid #C7CBC7;
  font: inherit;
}

.bb-newsletter input {
  padding: 0 14px;
  background: rgba(255, 255, 255, .7);
  color: var(--dbb-ink);
}

.bb-newsletter button {
  border-color: #B98605;
  background: #B98605;
  color: #fff;
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
}

.bb-editorial__quote {
  display: grid;
  grid-template-columns: 70px minmax(0, 1fr) auto;
  gap: 18px;
  align-items: center;
  min-height: 74px;
  margin-top: 22px;
  padding: 0 30px;
  border: 1px solid var(--dbb-line);
  border-radius: 4px;
  background: rgba(255, 255, 255, .20);
}

.bb-editorial__quote strong {
  color: #B98605;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 52px;
  line-height: 1;
}

.bb-editorial__quote p {
  margin: 0;
  color: var(--dbb-ink);
  font-size: 20px;
  line-height: 1.25;
}

.bb-editorial__quote span {
  color: #B98605;
  font-size: 14px;
  font-weight: 800;
}

/* Ajuste final Editorial: archivo propio, menos aire y grilla exacta de 1240px. */
.bb-editorial {
  padding: 32px 0 40px;
}

.bb-editorial .bb-section-title h2 {
  padding-bottom: 12px;
  font-size: 24px;
  line-height: 1;
}

.bb-editorial .bb-section-title h2::after {
  width: 82px;
}

.bb-editorial__actions {
  padding-top: 2px;
}

.bb-editorial__main {
  margin-top: 22px;
}

.bb-editorial__lead {
  padding: 4px 14px 0 12px;
}

.bb-editorial__lead > span {
  margin-bottom: 14px;
  font-size: 13px;
}

.bb-editorial__lead h2 {
  margin-bottom: 18px;
  font-size: 32px;
  line-height: 1.13;
}

.bb-editorial__lead p {
  max-width: 340px;
  margin-bottom: 24px;
  font-size: 13.5px;
  line-height: 1.48;
}

.bb-editorial__byline {
  max-width: 340px;
  padding-top: 14px;
  font-size: 11px;
}

.bb-editorial__img {
  height: 320px;
}

.bb-editorial__archive {
  padding-left: 12px;
}

.bb-editorial__archive h3,
.bb-principles h3,
.bb-newsletter h3 {
  margin-bottom: 14px;
  padding-bottom: 11px;
  font-size: 14px;
}

.bb-editorial__archive a {
  grid-template-columns: 48px minmax(0, 1fr) 20px;
  gap: 14px;
  min-height: 54px;
}

.bb-editorial__archive time b {
  font-size: 20px;
}

.bb-editorial__archive time small {
  font-size: 9px;
}

.bb-editorial__archive strong {
  font-size: 13px;
  line-height: 1.2;
  text-transform: none;
}

.bb-editorial__archive a > span {
  font-size: 15px;
}

.bb-editorial__below {
  grid-template-columns: 390px 450px 340px;
  margin-top: 20px;
}

.bb-editorial__below blockquote,
.bb-principles,
.bb-newsletter {
  min-height: 190px;
}

.bb-editorial__below blockquote {
  padding: 42px 24px 24px;
  font-size: 17px;
  line-height: 1.34;
}

.bb-editorial__below blockquote::before,
.bb-editorial__below blockquote::after {
  font-size: 38px;
}

.bb-editorial__below blockquote::before {
  left: 24px;
  top: 18px;
}

.bb-editorial__below blockquote::after {
  right: 30px;
  bottom: 28px;
}

.bb-principles,
.bb-newsletter {
  padding: 18px 18px 20px;
}

.bb-principles article {
  padding: 2px 10px 0;
}

.bb-principles article > span {
  height: 34px;
  margin-bottom: 8px;
  font-size: 28px;
}

.bb-principles strong {
  margin-bottom: 8px;
  font-size: 12px;
}

.bb-principles p {
  font-size: 10.5px;
  line-height: 1.4;
}

.bb-newsletter > span {
  width: 38px;
  height: 38px;
  margin-bottom: 10px;
  font-size: 20px;
}

.bb-newsletter h3 {
  max-width: 210px;
  margin-bottom: 12px;
  font-size: 17px;
}

.bb-newsletter p {
  margin-bottom: 14px;
  font-size: 12.5px;
  line-height: 1.4;
}

.bb-newsletter div {
  grid-template-columns: minmax(0, 1fr) 112px;
  height: 36px;
}

.bb-newsletter input {
  padding: 0 12px;
}

.bb-newsletter button {
  font-size: 11px;
}

.bb-editorial__quote {
  grid-template-columns: 58px minmax(0, 1fr) auto;
  gap: 16px;
  min-height: 62px;
  margin-top: 18px;
  padding: 0 24px;
}

.bb-editorial__quote strong {
  font-size: 44px;
}

.bb-editorial__quote p {
  font-size: 17px;
}

.bb-editorial__quote span {
  font-size: 12px;
}
/* === DBB EDITORIAL END === */

/* === DBB FOOTER START === */
.bb-footer,
.bb-footer * {
  box-sizing: border-box;
}

.bb-footer {
  width: 100%;
  margin-top: 42px;
  border-top: 1px solid #AEB7B0;
  background: #E7EEE9;
  color: var(--dbb-ink);
}

.bb-footer a {
  color: inherit;
  text-decoration: none;
}

.bb-footer > .bb-container,
.bb-footer__bottom > .bb-container {
  width: min(var(--dbb-container), calc(100vw - 48px));
  margin-inline: auto;
}

.bb-footer__top {
  display: grid;
  grid-template-columns: 360px repeat(4, 1fr);
  gap: 0;
  padding: 48px 0 40px;
}

.bb-footer__brand,
.bb-footer__nav {
  min-width: 0;
  padding-right: 42px;
}

.bb-footer__nav {
  padding-left: 34px;
  border-left: 1px solid #C7CDC8;
}

.bb-footer__brand h2,
.bb-footer__nav h3 {
  position: relative;
  margin: 0;
  padding-bottom: 17px;
  color: var(--dbb-ink);
  font-family: "Arial Narrow", "Roboto Condensed", "Instrument Sans", Arial, Helvetica, sans-serif;
  font-size: 18px;
  line-height: 1;
  font-weight: 800;
  letter-spacing: 0;
  text-transform: uppercase;
}

.bb-footer__brand h2 {
  font-size: 34px;
  margin-bottom: 24px;
}

.bb-footer__brand h2::after,
.bb-footer__nav h3::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 42px;
  height: 2px;
  background: #B98605;
}

.bb-footer__brand > p {
  max-width: 310px;
  margin: 0 0 38px;
  color: #2E3435;
  font-size: 16px;
  line-height: 1.45;
}

.bb-footer__brand form {
  margin: 0;
  padding-bottom: 30px;
  border-bottom: 1px solid #D2D7D2;
}

.bb-footer__brand label {
  display: block;
  margin-bottom: 18px;
  font-family: "Arial Narrow", "Roboto Condensed", "Instrument Sans", Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 1;
  font-weight: 800;
  text-transform: uppercase;
}

.bb-footer__brand form p {
  max-width: 300px;
  margin: 0 0 20px;
  color: #3F4647;
  font-size: 14px;
  line-height: 1.45;
}

.bb-footer__brand form div {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 122px;
  height: 40px;
  max-width: 330px;
}

.bb-footer__brand input,
.bb-footer__brand button {
  min-width: 0;
  border: 1px solid #BCC3BE;
  font: inherit;
}

.bb-footer__brand input {
  padding: 0 14px;
  background: rgba(255, 255, 255, .58);
  color: var(--dbb-ink);
}

.bb-footer__brand button {
  border-color: #B98605;
  background: #B98605;
  color: #fff;
  font-family: "Arial Narrow", "Roboto Condensed", "Instrument Sans", Arial, Helvetica, sans-serif;
  font-size: 13px;
  font-weight: 800;
  text-transform: uppercase;
}

.bb-footer__brand nav {
  display: flex;
  align-items: center;
  gap: 22px;
  flex-wrap: wrap;
  margin-top: 24px;
}

.bb-footer__brand nav strong {
  flex-basis: 100%;
  font-family: "Arial Narrow", "Roboto Condensed", "Instrument Sans", Arial, Helvetica, sans-serif;
  font-size: 15px;
  line-height: 1;
  font-weight: 800;
  text-transform: uppercase;
}

.bb-footer__brand nav span {
  display: inline-flex;
  width: 18px;
  height: 18px;
  align-items: center;
  justify-content: center;
  color: var(--dbb-ink);
  font-size: 12px;
  line-height: 1;
  font-weight: 800;
  text-transform: uppercase;
}

.bb-footer__nav h3 {
  margin-bottom: 24px;
}

.bb-footer__nav a {
  display: block;
  padding: 10px 0;
  border-bottom: 1px solid #D2D7D2;
  color: #252B2C;
  font-size: 16px;
  line-height: 1.1;
  font-weight: 600;
}

.bb-footer__values {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  border-top: 1px solid #C7CDC8;
  padding: 28px 0 36px;
}

.bb-footer__values article {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
  gap: 18px;
  min-width: 0;
  padding: 0 30px;
  border-right: 1px solid #C7CDC8;
}

.bb-footer__values article:first-child {
  padding-left: 0;
}

.bb-footer__values article:last-child {
  padding-right: 0;
  border-right: 0;
}

.bb-footer__values article > span {
  color: #B98605;
  font-size: 30px;
  line-height: 1;
}

.bb-footer__values strong {
  display: block;
  margin-bottom: 9px;
  color: var(--dbb-ink);
  font-family: "Arial Narrow", "Roboto Condensed", "Instrument Sans", Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 1.1;
  font-weight: 800;
  text-transform: uppercase;
}

.bb-footer__values p {
  margin: 0;
  color: #3F4647;
  font-size: 13px;
  line-height: 1.42;
}

.bb-footer__bottom {
  border-top: 3px solid #B98605;
  background: #07100F;
  color: rgba(255, 255, 255, .82);
}

.bb-footer__bottom > .bb-container {
  display: flex;
  align-items: center;
  gap: 0;
  min-height: 74px;
  font-size: 13px;
  line-height: 1.2;
}

.bb-footer__bottom a,
.bb-footer__bottom span {
  display: inline-flex;
  align-items: center;
  min-height: 22px;
  padding: 0 28px;
  border-right: 1px solid rgba(255, 255, 255, .22);
}

.bb-footer__bottom span:first-child {
  padding-left: 0;
}

.bb-footer__bottom span:last-child {
  margin-left: auto;
  padding-right: 0;
  border-right: 0;
}

.bb-footer__partner {
  display: inline-flex;
  align-items: center;
  padding: 0 18px;
  border-right: 1px solid rgba(255, 255, 255, .22);
}

.bb-footer__partner img {
  display: block;
  height: 18px;
  width: auto;
}

.bb-footer__bottom b {
  color: #B98605;
  padding: 0 4px;
}
/* === DBB FOOTER END === */

/* ===== h2.php overrides (moved from inline) ===== */
.video-widget { margin-bottom: 20px; }
.video-widget__head { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 12px; }
.video-widget__head span { color: #c00; font-size: 12px; font-weight: 800; text-transform: uppercase; }
.video-widget__head a { color: #666; font-size: 12px; font-weight: 800; text-transform: uppercase; text-decoration: none; }
.video-widget__player { width: 100%; aspect-ratio: 9 / 16; overflow: hidden; background: #000; border-radius: 4px; }
.video-widget iframe { display: block; width: 100%; height: 100%; border: 0; }
.bb-advertising { margin-top: 20px; }
.bb-advertising h3 { margin: 0 0 10px; font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.04em; color: #111; }
.bb-advertising__img { overflow: hidden; border-radius: 8px; }
.bb-advertising__img img { display: block; width: 100%; height: auto; object-fit: cover; }
.bb-footer { margin-top: 20px; }
.bb-footer__top { padding: 20px 0 14px; gap: 18px; grid-template-columns: 240px repeat(4, minmax(0, 1fr)); }
.bb-footer__brand { padding-right: 24px; }
.bb-footer__logo img { display: block; width: 144px !important; max-width: 100%; max-height: 84px; height: auto !important; margin-bottom: 10px; }
.bb-footer__brand { overflow: hidden; }
.bb-footer__brand h2 { display: none; }
.bb-footer__brand > p { max-width: 260px; margin: 0 0 18px; font-size: 13px; line-height: 1.4; }
.bb-footer__brand form { padding-bottom: 20px; margin-bottom: 18px; }
.bb-footer__brand label { margin-bottom: 12px; font-size: 12px; }
.bb-footer__brand form p { max-width: 260px; margin-bottom: 16px; font-size: 12px; }
.bb-footer__brand form div { grid-template-columns: minmax(0, 1fr) 96px; height: 34px; max-width: 280px; }
.bb-footer__brand input, .bb-footer__brand button { font-size: 12px; }
.bb-footer__brand nav { gap: 14px; margin-top: 14px; }
.bb-footer__brand nav strong { font-size: 12px; }
.bb-footer__brand nav span { width: 16px; height: 16px; font-size: 10px; }
.bb-footer__nav h3 { margin-bottom: 16px; font-size: 13px; padding-bottom: 14px; }
.bb-footer__nav a { padding: 8px 0; font-size: 13px; }
.bb-footer__values-column { display: grid; gap: 18px; }
.bb-footer__values-column article { display: grid; grid-template-columns: 42px minmax(0, 1fr); gap: 12px; padding: 0; border: 0; }
.bb-footer__values-column article > span { color: #B98605; font-size: 20px; line-height: 1; }
.bb-footer__values-column strong { display: block; margin-bottom: 9px; color: var(--dbb-ink); font-family: "Arial Narrow", "Roboto Condensed", "Instrument Sans", Arial, Helvetica, sans-serif; font-size: 12px; line-height: 1.1; font-weight: 800; text-transform: uppercase; }
.bb-footer__values-column p { margin: 0; color: #3F4647; font-size: 12px; line-height: 1.42; }
.bb-footer__values article > span { font-size: 20px; }
.bb-footer__values strong { font-size: 12px; }
.bb-footer__values p { font-size: 12px; }
.bb-footer__bottom > .bb-container { min-height: 56px; gap: 10px; font-size: 12px; }
.bb-footer__bottom a, .bb-footer__bottom span { padding: 0 12px; }
.bb-footer__bottom a:first-child, .bb-footer__bottom span:first-child { padding-left: 0; }

@media (max-width: 900px) {
  .dbb-container {
    width: min(var(--dbb-container), calc(100vw - 28px));
  }

  .dbb-header__brand-inner {
    grid-template-columns: 1fr auto;
    min-height: 76px;
    gap: 12px;
  }

  .dbb-header__live {
    display: none;
  }

  .dbb-header__logo {
    width: 205px;
  }

  .dbb-header__subscribe {
    display: none;
  }

  .dbb-header__market-links {
    display: none;
  }

  .dbb-header__market-list {
    overflow-x: auto;
  }

  .bb-latest {
    padding: 30px 0 34px;
  }

  .bb-latest__grid {
    width: min(var(--dbb-container), calc(100vw - 28px));
    grid-template-columns: 1fr;
    gap: 24px;
  }

  .bb-latest__content {
    padding-right: 0;
    border-right: 0;
  }

  .bb-main-story--latest,
  .bb-latest__three,
  .bb-ticker-row {
    grid-template-columns: 1fr;
  }

  .bb-main-story--latest h1 {
    font-size: 24px;
  }

  .bb-latest__side,
  .bb-latest .bb-ad--latest {
    width: 100%;
  }

  .bb-latest .bb-ad--latest {
    height: 320px;
  }

  .bb-cronicas {
    padding: 34px 0 38px;
  }

  .bb-cronicas > .bb-container {
    width: min(var(--dbb-container), calc(100vw - 28px));
  }

  .bb-cronicas__top,
  .bb-cronicas__bottom,
  .bb-cronicas__cards {
    grid-template-columns: 1fr;
  }

  .bb-ranked--purple {
    padding-left: 0;
    border-left: 0;
  }

  .bb-cronicas .bb-card--serif {
    padding-right: 0;
    border-right: 0;
  }

  .bb-cronicas__lead h2 {
    font-size: 24px;
  }

  .bb-cta-stack--purple a {
    min-height: 132px;
  }

  .bb-policial {
    padding: 34px 0 38px;
  }

  .bb-policial > .bb-container {
    width: min(var(--dbb-container), calc(100vw - 28px));
    grid-template-columns: 1fr;
  }

  .bb-policial .bb-alert {
    grid-column: 1;
    grid-row: auto;
    grid-template-columns: 1fr;
    height: auto;
    gap: 8px;
    padding: 0 12px 12px;
  }

  .bb-policial .bb-alert strong {
    width: max-content;
  }

  .bb-policial .bb-wire-layout--ad,
  .bb-policial .bb-strip-cards {
    grid-template-columns: 1fr;
  }

  .bb-policial .bb-section-title,
  .bb-policial .bb-wire-layout__img,
  .bb-policial .bb-wire-layout__lead,
  .bb-policial .bb-headline-list,
  .bb-policial .bb-ad,
  .bb-policial .bb-strip-cards {
    grid-column: 1;
    grid-row: auto;
  }

  .bb-policial .bb-wire-layout__img {
    aspect-ratio: 1.35 / 1;
  }

  .bb-policial .bb-wire-layout__lead {
    padding-top: 0;
  }

  .bb-policial .bb-headline-list {
    padding-left: 0;
    border-left: 0;
  }

  .bb-policial .bb-ad {
    width: 100%;
    height: 320px;
    min-height: 320px;
  }

  .bb-policial .bb-card--strip {
    padding-right: 0;
    border-right: 0;
  }

  .bb-politica {
    padding: 34px 0 38px;
  }

  .bb-politica > .bb-container {
    width: min(var(--dbb-container), calc(100vw - 28px));
    grid-template-columns: 1fr;
  }

  .bb-politica .bb-section-title,
  .bb-politica .bb-wire-layout__img,
  .bb-politica .bb-wire-layout__lead,
  .bb-politica .bb-headline-list,
  .bb-politica .bb-ad,
  .bb-politica .bb-lower-with-ranking {
    grid-column: 1;
    grid-row: auto;
  }

  .bb-politica .bb-wire-layout__img {
    height: auto;
    aspect-ratio: 1.35 / 1;
  }

  .bb-politica .bb-wire-layout__lead {
    padding-top: 0;
  }

  .bb-politica .bb-headline-list {
    padding-left: 0;
    border-left: 0;
  }

  .bb-politica .bb-ad {
    width: 100%;
    height: 320px;
    min-height: 320px;
  }

  .bb-politica .bb-lower-with-ranking,
  .bb-politica .bb-two-col-cards {
    grid-template-columns: 1fr;
  }

  .bb-politica .bb-card--row {
    padding-right: 0;
    border-right: 0;
  }

  .bb-economia {
    padding: 34px 0 38px;
  }

  .bb-economia > .bb-container {
    width: min(var(--dbb-container), calc(100vw - 28px));
    grid-template-columns: 1fr;
  }

  .bb-economia .bb-alert {
    grid-template-columns: 1fr;
    height: auto;
    gap: 8px;
    padding: 0 12px 12px;
  }

  .bb-economia .bb-alert strong {
    width: max-content;
  }

  .bb-economia .bb-section-title {
    width: 100%;
  }

  .bb-economia .bb-wire-layout--market,
  .bb-economia__cards,
  .bb-economia__bottom,
  .bb-economia .bb-indicators {
    grid-template-columns: 1fr;
  }

  .bb-economia .bb-wire-layout--market {
    display: grid;
    grid-column: 1;
    gap: 22px;
  }

  .bb-economia .bb-section-title,
  .bb-economia .bb-wire-layout__img,
  .bb-economia .bb-wire-layout__lead,
  .bb-economia .bb-headline-list,
  .bb-economia .bb-market,
  .bb-economia__cards,
  .bb-economia__bottom {
    grid-column: 1;
    grid-row: auto;
  }

  .bb-economia .bb-wire-layout__img {
    height: auto;
    aspect-ratio: 1.35 / 1;
  }

  .bb-economia .bb-wire-layout__lead {
    padding-top: 0;
  }

  .bb-economia .bb-headline-list {
    padding-left: 0;
    border-left: 0;
  }

  .bb-economia .bb-market {
    min-height: 0;
  }

  .bb-economia .bb-card--row {
    padding-right: 0;
    border-right: 0;
  }

  .bb-economia .bb-indicators div {
    border-right: 0;
    border-top: 1px solid var(--dbb-line);
  }

  .bb-sports {
    padding: 18px 0 34px;
  }

  .bb-sports__inner {
    width: min(var(--dbb-container), calc(100vw - 28px));
  }

  .bb-sports__ticker,
  .bb-sports__head,
  .bb-scorebar,
  .bb-sports__main,
  .bb-sports__cards,
  .bb-sports__bottom,
  .bb-sports__bottom section {
    grid-template-columns: 1fr;
  }

  .bb-sports__ticker {
    height: auto;
    gap: 8px;
    padding: 0 12px 12px;
  }

  .bb-sports__ticker strong {
    width: max-content;
  }

  .bb-sports__head {
    padding: 18px 14px;
  }

  .bb-sports__head h2 {
    font-size: 40px;
  }

  .bb-sports__head > a {
    width: 100%;
  }

  .bb-scorebar > div,
  .bb-scorebar a {
    border-left: 0;
    border-top: 1px solid rgba(171, 182, 171, .18);
  }

  .bb-scorebar > span {
    padding: 16px 0;
  }

  .bb-sports__lead,
  .bb-sports__lead > a {
    min-height: 420px;
  }

  .bb-sports__lead img {
    height: 420px;
  }

  .bb-sports__lead div {
    width: calc(100% - 36px);
  }

  .bb-sports__lead h3 {
    font-size: 24px;
  }

  .bb-sports__cards article {
    padding: 16px 0;
    border-right: 0;
    border-bottom: 1px solid rgba(142, 156, 142, .22);
  }

  .bb-sports__cards article:last-child {
    border-bottom: 0;
  }

  .bb-sports__bottom section,
  .bb-sports__bottom section:last-child {
    border-right: 0;
    border-bottom: 1px solid rgba(124, 145, 124, .22);
  }

  .bb-sports__bottom div,
  .bb-sports__bottom a {
    padding: 14px 0;
    border-right: 0;
    border-top: 1px solid rgba(142, 156, 142, .2);
  }

  .bb-cultura {
    padding: 34px 0 40px;
  }

  .bb-cultura > .bb-container {
    width: min(var(--dbb-container), calc(100vw - 28px));
  }

  .bb-cultura__hero,
  .bb-cultura__cards,
  .bb-voices {
    grid-template-columns: 1fr;
  }

  .bb-cultura__hero {
    min-height: 0;
    padding-right: 0;
  }

  .bb-cultura__cards {
    width: 100%;
  }

  .bb-cultura__lead {
    padding-top: 0;
  }

  .bb-cultura__img {
    height: auto;
    aspect-ratio: 1.45 / 1;
  }

  .bb-cultura__side {
    position: static;
    width: auto;
    padding-left: 0;
    border-left: 0;
  }

  .bb-cultura .bb-card--vertical,
  .bb-voices article {
    padding: 18px 0;
    border-right: 0;
    border-bottom: 1px solid var(--dbb-line);
  }

  .bb-cultura .bb-card--vertical:first-child,
  .bb-voices article:first-of-type {
    padding-top: 0;
  }

  .bb-cultura .bb-card--vertical:last-child,
  .bb-voices article:last-child {
    border-bottom: 0;
  }

}