/* ==========================================================================
   Barramedia · propuesta de portada · VERSIÓN 6 («periódico») · nov. 2026
   --------------------------------------------------------------------------
   Hecha mirando periódicos digitales (Diario de Cádiz, elDiario.es, The
   Guardian) y el sistema de diseño abierto de The Guardian (Source,
   github.com/guardian/csnx):
     · puntos de corte de Source: 740 (tableta) y 980 (ordenador),
     · escala de titulares de Source: 17 · 20 · 24 · 28 · 34 · 42 px, con
       interlineado 1,15; texto a 15-17 px con 1,4-1,45,
     · espacios en múltiplos de 4 px.
   Reglas propias: titulares y entradillas nunca se cortan (sin «…»), todas
   las fotos en 3:2, esquinas rectas, sin sombras ni paneles de color, la
   sección en letra pequeña. Todo va con prefijo bp- (los huecos de
   publicidad siguen siendo .bmx-hueco: los pinta propuesta/anuncio).
   ========================================================================== */

.bp {
    --azul: #20A6DE;
    --azul-t: #0b78a8;          /* azul para texto: 4,8:1 sobre blanco */
    --naranja: #FE9119;
    --tinta: #121212;
    --texto: #2e2e2e;
    --gris: #595959;
    --gris-2: #707070;
    --linea: #dcdcdc;
    --suave: #f3f3f3;
    --serif: 'Source Serif 4', Georgia, 'Times New Roman', serif;
    --ui: 'Inter', -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
    --margen: 16px;
    --filete: 20px;             /* aire a cada lado de un filete vertical */

    margin: 0;
    background: #fff;
    color: var(--tinta);
    font-family: var(--ui);
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}
@media (min-width: 740px) { .bp { --margen: 20px; } }
.bp *, .bp *::before, .bp *::after { box-sizing: border-box; }
.bp a { color: inherit; text-decoration: none; }
.bp img { max-width: 100%; }
.bp [hidden] { display: none !important; }
.bp-wrap { max-width: 1300px; margin: 0 auto; padding: 0 var(--margen); }
.bp .bp-main.bm-main { padding: 0 var(--margen) 32px; min-height: 0; }

/* ── Cinta de la propuesta (no es parte del diseño) ─────────────────────── */
.bmx-demo { background: #1b1430; color: #fff; font-size: 12.5px; }
.bmx-demo__in { max-width: 1300px; margin: 0 auto; padding: 8px var(--margen); display: flex; flex-wrap: wrap; align-items: center; gap: 8px 16px; }
.bmx-demo p { margin: 0; flex: 1 1 auto; line-height: 1.4; }
.bmx-demo p b { color: #ffb15c; margin-right: 6px; }
.bmx-demo p span { color: rgba(255,255,255,.72); }
.bmx-demo__acc { display: flex; gap: 8px; align-items: center; }
.bmx-demo__btn { font: 700 12px var(--ui); color: #1b1430; background: #ffb15c; border: 0; border-radius: 999px; padding: 6px 12px; cursor: pointer; white-space: nowrap; }
.bmx-demo__btn--claro { background: rgba(255,255,255,.14); color: #fff !important; }
.bmx-demo__btn[aria-pressed="true"] { background: #fff; }
.bmx-demo__estilo { display: inline-flex; background: rgba(255,255,255,.12); border-radius: 999px; padding: 2px; }
.bmx-demo__estilo a { padding: 4px 10px; border-radius: 999px; font-weight: 700; font-size: 12px; color: rgba(255,255,255,.8) !important; }
.bmx-demo__estilo a.is-activo { background: #fff; color: #1b1430 !important; }
@media (max-width: 599px) {
    .bmx-demo p span, .bmx-demo [data-huecos] { display: none; }
    .bmx-demo__acc { gap: 6px; }
    .bmx-demo__btn { padding: 5px 10px; font-size: 11.5px; }
}

/* ── Mancheta ────────────────────────────────────────────────────────────── */
.bp-mancheta { background: #fff; }
.bp-mancheta__in { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; height: 56px; }
.bp-mancheta__izq { display: flex; align-items: center; gap: 12px; min-width: 0; }
.bp-mancheta__der { justify-self: end; display: flex; align-items: center; gap: 14px; }
.bp-icono { width: 40px; height: 40px; display: inline-flex; align-items: center; justify-content: center; margin-left: -8px; background: none; border: 0; color: var(--tinta); cursor: pointer; padding: 0; }
.bp-icono svg { width: 22px; height: 22px; }
.bp-fecha { display: none; margin: 0; font-size: 12.5px; line-height: 1.4; color: var(--gris); }
.bp-fecha span { display: block; }
.bp-fecha span:first-child { font-weight: 600; color: var(--tinta); }
.bp-logo { display: block; line-height: 0; }
.bp-logo img { height: 28px; width: auto; }
.bp-wa { display: inline-flex; align-items: center; gap: 7px; color: #128a43; font-size: 13px; font-weight: 700; }
.bp-wa svg { width: 22px; height: 22px; }
.bp-wa span { display: none; }
.bp-redes { display: none; gap: 2px; }
.bp-redes a { width: 30px; height: 30px; display: inline-flex; align-items: center; justify-content: center; color: var(--gris); }
.bp-redes a:hover { color: var(--tinta); }
.bp-redes svg { width: 16px; height: 16px; fill: currentColor; }
.bp-redes svg[fill="none"] { fill: none; stroke: currentColor; }
@media (min-width: 980px) {
    .bp-mancheta__in { height: 108px; }
    .bp-fecha { display: block; }
    .bp-logo img { height: 52px; }
    .bp-wa span { display: inline; }
    .bp-wa svg { width: 18px; height: 18px; }
    .bp-redes { display: flex; }
}

/* ── Secciones: filete azul de la marca y menú (fijo arriba al bajar) ────── */
.bp-secciones { position: sticky; top: 0; z-index: 50; background: #fff; border-top: 3px solid var(--azul); border-bottom: 1px solid var(--linea); transition: transform .25s ease, box-shadow .2s; }
.bp-secciones.is-bajada { box-shadow: 0 2px 10px rgba(0,0,0,.08); }
@media (max-width: 979px) { .bp-secciones.is-oculta { transform: translateY(-100%); } }
.bp-secciones__in { display: flex; align-items: center; gap: 8px; height: 44px; }
.bp-secciones__logo { display: none; flex: none; line-height: 0; margin-right: 8px; }
.bp-secciones__logo img { height: 22px; width: auto; }
.bp-secciones__lista { flex: 1; display: flex; overflow-x: auto; scrollbar-width: none; -webkit-overflow-scrolling: touch; margin-left: -10px; }
.bp-secciones__lista::-webkit-scrollbar { display: none; }
.bp-secciones__lista a { flex: none; position: relative; display: flex; align-items: center; height: 44px; padding: 0 10px; font: 700 12.5px var(--ui); letter-spacing: .04em; text-transform: uppercase; color: var(--tinta); white-space: nowrap; }
.bp-secciones__lista a:hover { color: var(--azul-t); }
.bp-secciones__lista a.is-activo::after { content: ""; position: absolute; left: 10px; right: 10px; bottom: 0; height: 3px; background: var(--naranja); }
.bp-secciones__carta i { width: 6px; height: 6px; border-radius: 50%; background: var(--naranja); margin-right: 6px; display: inline-block; }
.bp-buscar { flex: none; margin: 0 -8px 0 0; }
@media (min-width: 980px) {
    .bp-secciones__in { height: 46px; }
    .bp-secciones__lista { margin-left: 0; }
    .bp-secciones__lista > a:first-child { margin-left: auto; }
    .bp-secciones__lista > a:last-child { margin-right: auto; }
    .bp-secciones__lista a { height: 46px; font-size: 12.5px; padding: 0 8px; letter-spacing: .02em; }
    .bp-secciones.is-bajada .bp-secciones__logo { display: block; }
    .bp-secciones.is-bajada .bp-secciones__lista > a:first-child { margin-left: 0; }
}
.bp-buscador { border-top: 1px solid var(--linea); background: #fff; }
.bp-buscador__in { display: flex; gap: 8px; padding-top: 10px; padding-bottom: 12px; }
.bp-buscador input { flex: 1; min-width: 0; height: 44px; border: 1px solid #bdbdbd; border-radius: 2px; padding: 0 12px; font: 500 16px var(--ui); color: var(--tinta); }
.bp-buscador input:focus { outline: 2px solid var(--azul); outline-offset: -1px; }
.bp-buscador button { height: 44px; padding: 0 18px; border: 0; border-radius: 2px; background: var(--tinta); color: #fff; font: 700 14px var(--ui); cursor: pointer; }

/* Cajón del menú */
.bp-cajon { position: fixed; inset: 0; z-index: 200; }
.bp-cajon__fondo { position: absolute; inset: 0; background: rgba(0,0,0,.45); }
.bp-cajon__panel { position: absolute; top: 0; left: 0; bottom: 0; width: min(86vw, 340px); background: #fff; overflow-y: auto; padding: 8px 20px 28px; }
.bp-cajon__cab { display: flex; align-items: center; justify-content: space-between; height: 52px; border-bottom: 3px solid var(--azul); margin-bottom: 8px; }
.bp-cajon__cab img { height: 24px; width: auto; }
.bp-cajon__rot { margin: 12px 0 4px; font: 800 11px var(--ui); letter-spacing: .1em; text-transform: uppercase; color: var(--gris-2); }
.bp-cajon__sec { display: block; padding: 12px 0; border-bottom: 1px solid var(--linea); font: 700 17px var(--serif); }
.bp-cajon__wa { display: block; margin-top: 18px; padding: 12px 14px; border-radius: 2px; background: #1faa53; color: #fff !important; font-weight: 700; text-align: center; }
.bp-redes--cajon { display: flex; justify-content: center; margin-top: 14px; }

/* ── Billboard ───────────────────────────────────────────────────────────── */
.bp-billboard { padding-top: 12px; }
.bp-billboard .bmx-hueco { margin: 0; }
@media (max-width: 739px) { .bp-billboard { padding-left: 0; padding-right: 0; } }

/* ── Piezas ──────────────────────────────────────────────────────────────── */
.bp-p { position: relative; min-width: 0; }
.bp-p__foto { display: block; position: relative; aspect-ratio: 3 / 2; overflow: hidden; background: var(--suave); }
.bp-p__foto img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 50% 38%; display: block; }
.bp-kicker { display: block; width: fit-content; margin: 0 0 4px; font: 700 11px/1.3 var(--ui); letter-spacing: .06em; text-transform: uppercase; color: var(--azul-t) !important; }
.bp-kicker:hover { text-decoration: underline; }
.bp-p__tit { margin: 0; font-family: var(--serif); font-weight: 700; font-size: 20px; line-height: 1.15; letter-spacing: -.005em; color: var(--tinta); text-wrap: pretty; }
.bp-p__tit a:hover { color: var(--azul-t); }
.bp-p__entra { margin: 8px 0 0; font-size: 15px; line-height: 1.45; color: var(--texto); }
.bp-p__meta { display: block; margin-top: 6px; font-size: 12px; color: var(--gris-2); }

.bp-p--foto .bp-p__txt { padding-top: 10px; }

/* Fila: miniatura 3:2 a la izquierda (alineada con las fotos grandes de
   encima) y titular a su lado */
.bp-p--fila { display: grid; grid-template-columns: 128px minmax(0, 1fr); gap: 14px; align-items: start; padding: 12px 0; border-top: 1px solid var(--linea); }
.bp-p--fila .bp-p__foto { grid-column: 1; grid-row: 1; }
.bp-p--fila .bp-p__txt { grid-column: 2; grid-row: 1; }
@media (min-width: 740px) {
    .bp-apertura__lado .bp-p--fila, .bp-lista__filas .bp-p--fila { grid-template-columns: minmax(0, 42%) minmax(0, 1fr); gap: 16px; }
}
.bp-p--fila .bp-p__tit { font-size: 17px; line-height: 1.2; }

/* Solo titular (rellenos) */
.bp-p--titular { padding: 10px 0; border-top: 1px solid var(--linea); }
.bp-p--titular .bp-p__tit { font-size: 17px; line-height: 1.2; font-weight: 600; }

/* Con hora delante (Al minuto) */
.bp-p--hora { display: grid; grid-template-columns: 44px minmax(0, 1fr); gap: 10px; padding: 11px 0; border-top: 1px solid var(--linea); }
.bp-p__hora { padding-top: 2px; font: 700 12.5px/1.3 var(--ui); font-variant-numeric: tabular-nums; color: var(--gris-2); }
.bp-p__hora.is-hoy { color: var(--azul-t); }
.bp-p--hora .bp-p__tit { font-size: 17px; line-height: 1.2; font-weight: 600; }
.bp-p--hora .bp-kicker { margin-bottom: 3px; }

/* La principal */
.bp-p--apertura .bp-p__txt { padding-top: 12px; }
.bp-p--apertura .bp-p__tit { font-size: 28px; line-height: 1.12; }
.bp-p--apertura .bp-p__entra { font-size: 16px; }
@media (max-width: 739px) { .bp-p--apertura .bp-p__foto { margin: 0 calc(var(--margen) * -1); } }
@media (min-width: 740px) { .bp-p--apertura .bp-p__tit { font-size: 34px; } .bp-p--apertura .bp-p__entra { font-size: 17px; } }
@media (min-width: 1140px) { .bp-p--apertura .bp-p__tit { font-size: 42px; line-height: 1.1; } }

/* En el móvil, las que no son la primera de su bloque van como fila */
@media (max-width: 739px) {
    .bp-apertura__lado > .bp-p--foto,
    .bp-trio > .bp-p--foto:not(:first-child) {
        display: grid; grid-template-columns: 128px minmax(0, 1fr); gap: 14px; align-items: start;
        padding: 12px 0; border-top: 1px solid var(--linea);
    }
    .bp-apertura__lado > .bp-p--foto .bp-p__foto,
    .bp-trio > .bp-p--foto:not(:first-child) .bp-p__foto { grid-column: 1; grid-row: 1; }
    .bp-apertura__lado > .bp-p--foto .bp-p__txt,
    .bp-trio > .bp-p--foto:not(:first-child) .bp-p__txt { grid-column: 2; grid-row: 1; padding-top: 0; }
    .bp-apertura__lado > .bp-p--foto .bp-p__tit,
    .bp-trio > .bp-p--foto:not(:first-child) .bp-p__tit { font-size: 17px; line-height: 1.2; }
    .bp-apertura__lado > .bp-p--foto .bp-p__meta,
    .bp-trio > .bp-p--foto:not(:first-child) .bp-p__meta { display: none; }
    .bp-trio > .bp-p--foto:first-child { padding-bottom: 12px; }
    .bp-trio > .bp-p--foto:first-child .bp-p__tit { font-size: 24px; }
    /* Cuatro: en el móvil, dos por fila con su foto */
    .bp-rejilla { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px 14px; }
    .bp-rejilla .bp-p__tit { font-size: 17px; line-height: 1.2; }
    .bp-rejilla .bp-p__meta { display: none; }
}

/* ── Columnas ────────────────────────────────────────────────────────────── */
@media (min-width: 980px) { .bp-col { display: flex; flex-direction: column; min-width: 0; } }

/* ── Apertura ────────────────────────────────────────────────────────────── */
.bp-apertura { padding-top: 16px; }
.bp-apertura__lado { margin-top: 12px; }
@media (min-width: 740px) {
    .bp-apertura { display: grid; grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr); padding-top: 20px; }
    .bp-apertura__lead { padding-right: var(--filete); border-right: 1px solid var(--linea); }
    .bp-apertura__lado { margin-top: 0; padding-left: var(--filete); }
    .bp-apertura__lado > .bp-p--foto .bp-p__tit { font-size: 24px; }
    .bp-apertura__lado > .bp-p--foto { padding-bottom: 12px; }
}
@media (min-width: 980px) { .bp-apertura { grid-template-columns: minmax(0, 2fr) minmax(0, 1fr); } }

.bp-franjas { margin-top: 24px; }
.bp-franjas:empty { display: none; }

/* ── Títulos de bloque: filete negro grueso, nombre en letra de periódico ── */
.bp-tit { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; border-top: 3px solid var(--tinta); padding-top: 8px; margin-bottom: 12px; }
.bp-tit h2 { margin: 0; font: 700 24px/1.15 var(--serif); letter-spacing: -.01em; color: var(--tinta); }
.bp-tit h2 a:hover { color: var(--azul-t); }
.bp-tit h2 small { margin-left: 8px; font: 500 13px var(--ui); letter-spacing: 0; color: var(--gris-2); }
.bp-tit__mas { flex: none; font: 700 13px var(--ui); color: var(--azul-t) !important; }
.bp-tit__mas:hover { text-decoration: underline; }

/* ── Bandas: noticias + su anuncio, separadas por un filete ──────────────── */
.bp-banda { margin-top: 32px; }
@media (min-width: 980px) {
    .bp-banda { display: grid; grid-template-columns: minmax(0, 1fr) calc(300px + var(--filete) + 1px); align-items: stretch; margin-top: 36px; }
    .bp-banda__main { padding-right: var(--filete); border-right: 1px solid var(--linea); }
    .bp-banda__lado { padding-left: var(--filete); gap: 20px; }
    .bp-banda__lado > .bmx-hueco { margin: 0; }
}

/* Lo último: tres columnas con filetes */
/* Todas las columnas miden lo mismo (y sus fotos también): el filete
   vertical se dibuja en el hueco entre columnas, no se resta a ninguna */
@media (min-width: 740px) {
    .bp-trio, .bp-rejilla, .bp-leido ol { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); column-gap: calc(var(--filete) * 2 - 8px); }
    .bp-trio > .bp-p + .bp-p::before, .bp-rejilla > .bp-p + .bp-p::before, .bp-leido li + li::after {
        content: ""; position: absolute; top: 0; bottom: 0; left: calc(var(--filete) * -1 + 4px); border-left: 1px solid var(--linea);
    }
    .bp-leido li { position: relative; }
}

/* Al minuto */
.bp-rio > .bp-p:first-child { border-top: 0; padding-top: 0; }
@media (min-width: 740px) {
    .bp-rio { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-rows: repeat(var(--filas, 4), auto); grid-auto-flow: column; column-gap: 32px; }
    .bp-rio[style*="--filas: 1"] > .bp-p:nth-child(2),
    .bp-rio[style*="--filas: 2"] > .bp-p:nth-child(3),
    .bp-rio[style*="--filas: 3"] > .bp-p:nth-child(4),
    .bp-rio[style*="--filas: 4"] > .bp-p:nth-child(5),
    .bp-rio[style*="--filas: 5"] > .bp-p:nth-child(6) { border-top: 0; padding-top: 0; }
}

/* Lo más leído: números de periódico */
.bp-leido { margin-top: 28px; }
.bp-leido ol { list-style: none; margin: 0; padding: 0; counter-reset: leido; }
.bp-leido li { counter-increment: leido; display: grid; grid-template-columns: 34px minmax(0, 1fr); align-items: baseline; padding: 10px 0; border-top: 1px solid var(--linea); }
.bp-leido li:first-child { border-top: 0; padding-top: 0; }
.bp-leido li::before { content: counter(leido); font: 900 28px/1 var(--serif); color: var(--azul); }
.bp-leido a { font: 600 17px/1.2 var(--serif); color: var(--tinta); }
.bp-leido a:hover { color: var(--azul-t); }
@media (min-width: 740px) {
    .bp-leido ol { grid-template-columns: repeat(5, minmax(0, 1fr)); }
    .bp-leido li { display: block; padding: 0; border-top: 0; }
    .bp-leido li::before { display: block; font-size: 34px; margin-bottom: 6px; }
    .bp-leido a { font-size: 16px; }
}

/* Secciones en lista */
.bp-lista__lead > .bp-p--foto .bp-p__tit { font-size: 24px; }
.bp-lista__filas { margin-top: 12px; }
@media (min-width: 740px) {
    .bp-lista { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); }
    .bp-lista__lead { padding-right: var(--filete); border-right: 1px solid var(--linea); }
    .bp-lista__filas { margin-top: 0; padding-left: var(--filete); }
    .bp-lista__filas > .bp-p:first-child { border-top: 0; padding-top: 0; }
    .bp-lista__lead > .bp-p--foto .bp-p__tit { font-size: 28px; }
}

/* Secciones en rejilla: cuatro columnas en el ordenador */
@media (min-width: 740px) and (max-width: 979px) {
    .bp-rejilla { grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: 20px; }
    .bp-rejilla > .bp-p:nth-child(odd)::before { display: none; }
}
@media (min-width: 980px) { .bp-rejilla { grid-template-columns: repeat(4, minmax(0, 1fr)); } }

/* ── Relleno: titulares de texto (propuesta/v6/relleno) ──────────────────── */
.bp-relleno { display: none; }
.bp-relleno--movil { display: block; margin-top: 4px; }
.bp-relleno--movil [data-solo-pc] { display: none; }
.bp-relleno__tit { margin: 0; padding: 8px 0 2px; border-top: 3px solid var(--tinta); font: 800 12px/1.3 var(--ui); letter-spacing: .08em; text-transform: uppercase; color: var(--tinta); }
.bp-relleno__lista { display: flex; flex-direction: column; }
.bp-relleno__mas { flex: none; display: block; padding: 10px 0 0; border-top: 1px solid var(--linea); font: 700 13px var(--ui); color: var(--azul-t) !important; }
.bp-relleno__mas:hover { text-decoration: underline; }
@media (min-width: 980px) {
    .bp-relleno { display: block; position: relative; flex: 1 1 0; min-height: 0; contain: size; overflow: hidden; margin: 0; }
    .bp-relleno--movil [data-solo-pc] { display: block; }
    .bp-relleno__in { position: absolute; inset: 16px 0 0; display: flex; flex-direction: column; }
    .bp-banda__lado > .bp-relleno .bp-relleno__in { top: 0; }
    .bp-relleno--arriba .bp-relleno__in { top: 0; bottom: 20px; }
    .bp-relleno__lista { flex: 1 1 auto; min-height: 0; overflow: hidden; justify-content: space-between; }
    .bp-relleno--1.is-uno .bp-relleno__lista { justify-content: center; }
    .bp-relleno.is-midiendo .bp-relleno__lista { justify-content: flex-start; align-content: start; }
    .bp-relleno--2 .bp-relleno__lista { display: grid; grid-template-columns: 1fr 1fr; column-gap: 32px; align-content: space-between; }
    .bp-relleno--2.is-uno .bp-relleno__lista { align-content: center; }
    .bp-relleno.is-desnudo .bp-relleno__tit, .bp-relleno.is-desnudo .bp-relleno__mas { display: none; }
    .bp-relleno.is-desnudo .bp-relleno__lista > .bp-p:first-child,
    .bp-relleno--2.is-desnudo .bp-relleno__lista > .bp-p:nth-child(2) { border-top: 1px solid var(--linea); }
    .bp-relleno:not(.bp-relleno--sintit) .bp-relleno__lista > .bp-p:first-child,
    .bp-relleno--2:not(.bp-relleno--sintit) .bp-relleno__lista > .bp-p:nth-child(2) { border-top: 0; }
    .bp-relleno.is-solo-mas .bp-relleno__lista,
    .bp-relleno.is-solo-mas .bp-relleno__tit { display: none; }
    .bp-relleno.is-solo-mas .bp-relleno__in { justify-content: flex-end; }
    .bp-relleno.is-nada .bp-relleno__in { display: none; }
}

/* ── Cierre: WhatsApp ────────────────────────────────────────────────────── */
.bp-wacta { display: grid; grid-template-columns: 44px minmax(0, 1fr); gap: 12px 14px; align-items: center; margin-top: 16px; padding: 16px; border: 1px solid var(--linea); border-top: 3px solid #1faa53; }
.bp-wacta__ico { width: 44px; height: 44px; border-radius: 50%; background: #1faa53; display: flex; align-items: center; justify-content: center; }
.bp-wacta__ico svg { width: 24px; height: 24px; color: #fff; }
.bp-wacta__txt b { display: block; font: 700 20px/1.15 var(--serif); }
.bp-wacta__txt span { display: block; margin-top: 4px; font-size: 14px; line-height: 1.4; color: var(--gris); }
.bp-wacta__btn { grid-column: 1 / -1; display: flex; align-items: center; justify-content: center; height: 44px; border-radius: 2px; background: #1faa53; color: #fff; font-weight: 700; font-size: 15px; }
@media (min-width: 740px) {
    .bp-wacta { grid-template-columns: 52px minmax(0, 1fr) auto; padding: 20px 24px; }
    .bp-wacta__ico { width: 52px; height: 52px; }
    .bp-wacta__btn { grid-column: auto; padding: 0 24px; }
}
@media (min-width: 980px) { .bp-cierre .bp-wacta { flex: none; margin-top: 0; } }

/* ── Huecos de publicidad ────────────────────────────────────────────────── */
.bmx-hueco { margin: 24px 0; }
.bmx-hueco .bm-ad { margin: 0 auto; }
.bmx-hueco.is-vacio { display: none; }
.bmx-hueco--ancho { margin: 28px 0 0; }
.bmx-notas .bmx-hueco { position: relative; outline: 2px dashed #e5484d; outline-offset: 5px; }
.bmx-notas .bmx-hueco::before { content: "#" attr(data-n) "  ·  " attr(data-hueco) "  ·  " attr(data-formato); position: absolute; z-index: 6; top: -14px; left: 8px; background: #e5484d; color: #fff; font: 800 11px/1 var(--ui); padding: 5px 8px; border-radius: 4px; white-space: nowrap; }
.bmx-notas .bmx-hueco.is-vacio { display: block; min-height: 84px; background: repeating-linear-gradient(-45deg, #fff5f5 0 10px, #fff 10px 20px); }
.bmx-notas .bmx-hueco.is-vacio::after { content: "Sin campaña en este momento: el hueco se conserva y se pinta en cuanto haya una"; display: block; padding: 34px 16px 18px; text-align: center; font-size: 12.5px; color: #b4232a; font-weight: 600; }
.bmx-flota { position: fixed; z-index: 90; left: 14px; bottom: calc(14px + env(safe-area-inset-bottom)); display: inline-flex; align-items: center; gap: 7px; height: 38px; padding: 0 14px; border: 0; border-radius: 999px; background: #1b1430; color: #fff; font: 700 13px var(--ui); cursor: pointer; box-shadow: 0 6px 18px rgba(0,0,0,.25); }
.bmx-flota[aria-pressed="true"] { background: #e5484d; }
.bmx-tostada { position: fixed; z-index: 95; left: 50%; bottom: 64px; transform: translateX(-50%); max-width: calc(100vw - 32px); background: #1b1430; color: #fff; font-size: 13.5px; font-weight: 600; padding: 11px 16px; border-radius: 8px; }

/* ── Banda mezclada en el móvil: noticias, anuncio, lo más leído, anuncio ── */
@media (max-width: 979px) {
    .bp-banda--mezcla { display: flex; flex-direction: column; }
    .bp-banda--mezcla > .bp-banda__main, .bp-banda--mezcla > .bp-banda__lado { display: contents; }
    .bp-orden-1 { order: 1; } .bp-orden-2 { order: 2; } .bp-orden-3 { order: 3; } .bp-orden-4 { order: 4; } .bp-orden-5 { order: 5; }
}

/* ── Pie ─────────────────────────────────────────────────────────────────── */
.bp-pie { background: #0f1c24; color: #c6d0d6; font-size: 14px; border-top: 3px solid var(--azul); padding: 32px 0 calc(72px + env(safe-area-inset-bottom)); }
.bp-pie__in { display: grid; gap: 28px; }
.bp-pie__marca img { height: 30px; width: auto; }
.bp-pie__marca p { margin: 12px 0; line-height: 1.55; max-width: 440px; }
.bp-redes--pie { display: flex; }
.bp-redes--pie a { color: #c6d0d6; }
.bp-redes--pie a:hover { color: #fff; }
.bp-pie__col { display: grid; grid-template-columns: 1fr 1fr; gap: 9px 16px; align-content: start; }
.bp-pie__col h4 { grid-column: 1 / -1; margin: 0 0 6px; color: #fff; font: 800 12px var(--ui); letter-spacing: .1em; text-transform: uppercase; }
.bp-pie__col a:hover, .bp-pie__legal a:hover { color: #fff; }
.bp-pie__legal { display: flex; flex-wrap: wrap; gap: 10px 22px; justify-content: space-between; margin-top: 28px; padding-top: 16px; border-top: 1px solid rgba(255,255,255,.12); font-size: 12.5px; color: #8b99a3; }
.bp-pie__legal span:last-child { display: flex; flex-wrap: wrap; gap: 6px 16px; }
@media (min-width: 740px) {
    .bp-pie { padding-bottom: 40px; }
    .bp-pie__in { grid-template-columns: 2fr 1fr 1fr; gap: 48px; }
    .bp-pie__col { grid-template-columns: 1fr; }
}

/* ── Tira de secciones: que se vea que se desliza ─────────────────────────── */
.bp-secciones__carril { position: relative; flex: 1; min-width: 0; display: flex; }
.bp-secciones__carril .bp-secciones__lista { flex: 1; min-width: 0; scroll-behavior: smooth; }
.bp-secciones__flecha {
    position: absolute; top: 0; bottom: 0; z-index: 2; width: 44px; padding: 0; border: 0; cursor: pointer;
    display: none; align-items: center; font: 400 26px/1 var(--serif); color: var(--azul-t);
}
.bp-secciones__flecha--mas { right: 0; justify-content: flex-end; padding-right: 4px; background: linear-gradient(90deg, rgba(255,255,255,0), #fff 55%); }
.bp-secciones__flecha--antes { left: -10px; justify-content: flex-start; padding-left: 4px; background: linear-gradient(270deg, rgba(255,255,255,0), #fff 55%); }
.bp-secciones__carril.is-hay-mas .bp-secciones__flecha--mas,
.bp-secciones__carril.is-hay-antes .bp-secciones__flecha--antes { display: flex; }
.bp-icono span { display: none; }
@media (max-width: 979px) {
    /* Nombres como se escriben, no en mayúsculas: caben más y se leen mejor */
    .bp-secciones__lista a { font-size: 14.5px; font-weight: 600; letter-spacing: 0; text-transform: none; padding: 0 9px; }
    .bp-secciones__lista a.is-activo { font-weight: 800; }
    .bp-secciones__lista a:last-child { padding-right: 40px; }
    .bp-mancheta .bp-icono { width: auto; gap: 6px; }
    .bp-mancheta .bp-icono span { display: inline; font: 700 13px var(--ui); }
}


/* ── Maqueta «horizontal»: la principal a lo ancho y tres debajo ─────────── */
.bp-p--horizontal .bp-p__txt { padding-top: 12px; }
.bp-p--horizontal .bp-p__tit { font-size: 24px; }
.bp-trio--bajo { margin-top: 16px; }
@media (max-width: 739px) { .bp-p--horizontal .bp-p__foto { margin: 0 calc(var(--margen) * -1); } }
@media (min-width: 740px) {
    .bp-p--horizontal { display: grid; grid-template-columns: minmax(0, 1.55fr) minmax(0, 1fr); gap: 24px; align-items: center; }
    .bp-p--horizontal .bp-p__txt { padding-top: 0; }
    .bp-p--horizontal .bp-p__tit { font-size: 28px; line-height: 1.12; }
    .bp-p--horizontal .bp-p__entra { font-size: 16px; }
    .bp-trio--bajo { margin-top: 20px; padding-top: 18px; border-top: 1px solid var(--linea); }
}
@media (min-width: 1140px) { .bp-p--horizontal .bp-p__tit { font-size: 34px; } }

/* ── Maqueta «oscura»: un bloque en negativo para dar ritmo a la página ──── */
.bp-seccion--oscura > .bp-banda__main { background: #0f1c24; color: #fff; margin: 0 calc(var(--margen) * -1); padding: 20px var(--margen) 24px; }
.bp-seccion--oscura > .bp-banda__main .bp-tit { border-top-color: var(--azul); }
.bp-seccion--oscura > .bp-banda__main .bp-tit h2, .bp-seccion--oscura > .bp-banda__main .bp-tit h2 a { color: #fff; }
.bp-seccion--oscura > .bp-banda__main .bp-tit__mas { color: #8fd6f3 !important; }
.bp-seccion--oscura > .bp-banda__main .bp-p__tit, .bp-seccion--oscura > .bp-banda__main .bp-p__tit a { color: #fff; }
.bp-seccion--oscura > .bp-banda__main .bp-p__tit a:hover { color: #8fd6f3; }
.bp-seccion--oscura > .bp-banda__main .bp-p__entra { color: rgba(255,255,255,.82); }
.bp-seccion--oscura > .bp-banda__main .bp-p__meta { color: rgba(255,255,255,.55); }
.bp-seccion--oscura > .bp-banda__main .bp-p__foto { background: #1d2c36; }
.bp-seccion--oscura > .bp-banda__main .bp-p--fila, .bp-seccion--oscura > .bp-banda__main .bp-p--titular,
.bp-seccion--oscura > .bp-banda__main .bp-relleno__mas { border-top-color: rgba(255,255,255,.16); }
.bp-seccion--oscura > .bp-banda__main .bp-lista__lead { border-right-color: rgba(255,255,255,.16); }
.bp-seccion--oscura > .bp-banda__main .bp-relleno__tit { color: #fff; border-top-color: #fff; }
.bp-seccion--oscura > .bp-banda__main .bp-lista__lead > .bp-p--foto .bp-p__tit { font-size: 26px; }
@media (min-width: 740px) { .bp-seccion--oscura > .bp-banda__main { margin: 0; padding: 22px 24px 24px; } }
@media (min-width: 980px) {
    .bp-seccion--oscura > .bp-banda__main { border-right: 0; }
    .bp-seccion--oscura > .bp-banda__main .bp-lista__lead > .bp-p--foto .bp-p__tit { font-size: 30px; }
}

/* ── Rótulos que abren la banda entera y cruces de filetes ─────────────────
   El rótulo ocupa noticias + anuncio y termina en un filete fino; de ese
   filete nacen los verticales (entre columnas y antes del anuncio), así que
   todos los cruces son una «T» limpia, sin líneas que empiezan en el aire. */
.bp-tit--banda { grid-column: 1 / -1; margin-bottom: 14px; padding-bottom: 10px; border-bottom: 1px solid var(--linea); }
.bp-tit--seccion { border-top: 4px solid var(--sec, var(--tinta)); padding-top: 10px; }
.bp-tit--seccion h2 { font-size: 28px; font-weight: 900; letter-spacing: -.015em; color: var(--sec, var(--tinta)); }
.bp-tit--seccion h2 a:hover { color: inherit; opacity: .8; }
.bp-tit--seccion .bp-tit__mas { color: var(--sec, var(--azul-t)) !important; font-size: 14px; }
@media (min-width: 980px) {
    .bp-tit--banda { margin-bottom: 0; }
    .bp-banda:has(> .bp-tit--banda) > .bp-banda__main,
    .bp-banda:has(> .bp-tit--banda) > .bp-banda__lado { padding-top: 18px; }
    .bp-tit--seccion h2 { font-size: 34px; }
}

/* Segunda línea: sin rótulo, separada de la apertura por un filete del que
   nacen los verticales */
.bp-segunda { margin-top: 24px; padding-top: 18px; border-top: 1px solid var(--linea); }
@media (min-width: 980px) {
    .bp-segunda { padding-top: 0; }
    .bp-segunda > .bp-banda__main, .bp-segunda > .bp-banda__lado { padding-top: 20px; }
    .bp-segunda .bp-p__tit { font-size: 22px; }
}

/* La banda oscura: el rótulo queda fuera, en blanco, como los demás */
@media (min-width: 980px) { .bp-seccion--oscura > .bp-banda__lado { padding-top: 18px; } }

/* Cierre: «Lo más leído» al lado del último anuncio; WhatsApp debajo */
.bp-cierre .bp-leido { margin-top: 0; }
.bp-main > .bp-wacta { margin-top: 32px; }
@media (min-width: 980px) { .bp-cierre { margin-top: 40px; } .bp-cierre > .bp-banda__main, .bp-cierre > .bp-banda__lado { padding-top: 0; } }

/* Lo más leído, puestos 6.º a 10.º (relleno con número) */
.bp-p--num { display: grid; grid-template-columns: 30px minmax(0, 1fr); align-items: baseline; }
.bp-p__num { font: 900 22px/1 var(--serif); color: var(--azul); }

/* Apertura: las tres de la derecha se reparten el alto de la columna */
@media (min-width: 980px) {
    .bp-apertura { grid-template-columns: minmax(0, 1.75fr) minmax(0, 1fr); }
    /* Las tres de la derecha, juntas; si sobra sitio, siguen más debajo */
    .bp-apertura__lado > .bp-relleno .bp-relleno__in { top: 0; }
}
@media (min-width: 980px) {
    .bp-relleno--3 .bp-relleno__lista { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); column-gap: 32px; align-content: space-between; }
    .bp-relleno--3.is-uno .bp-relleno__lista { align-content: center; }
}

/* Miniatura de los rellenos: foto pequeña a la izquierda y titular */
.bp-p--mini { display: grid; grid-template-columns: 96px minmax(0, 1fr); gap: 12px; align-items: start; padding: 10px 0; border-top: 1px solid var(--linea); }
.bp-p--mini .bp-p__foto { grid-column: 1; grid-row: 1; }
.bp-p--mini .bp-p__txt { grid-column: 2; grid-row: 1; }
.bp-p--mini .bp-p__tit { font-size: 16px; line-height: 1.2; font-weight: 600; }
.bp-p--mini .bp-kicker { margin-bottom: 2px; }
.bp-seccion--oscura > .bp-banda__main .bp-p--mini { border-top-color: rgba(255,255,255,.16); }

/* ── Franjas de El Cónclave y de la Tienda, en clave de periódico ──────────
   Las franjas son de la web de siempre (con su estilo dentro); aquí solo se
   les cambia el aspecto: esquinas rectas, sin sombras, filete de color
   arriba y el titular entero (sin «…»). */
.bp-franjas { margin-top: 28px; }
.bp-franjas--tienda { margin-top: 36px; }
.bp .bm-cnc-franja, .bp .bm-cnc-franja.es-proximo, .bp .bm-cnc-franja.es-directo {
    margin: 0; padding: 18px 20px; gap: 22px; border-radius: 0; box-shadow: none;
    border-top: 4px solid #a246ae; font-family: var(--ui);
}
.bp .bm-cnc-franja { background: #1f0b25; }
.bp .bm-cnc-franja.es-directo { border-top-color: #e0262f; }
.bp .bm-cnc-franja::after { display: none; }
.bp .bmcf__foto { width: 216px; height: auto; aspect-ratio: 16 / 9; border-radius: 0; box-shadow: none; }
.bp .bmcf__kicker { font: 700 11px/1.3 var(--ui); letter-spacing: .08em; color: rgba(255,255,255,.72); }
.bp .bmcf__kicker b { background: none; color: #e7b4ef; padding: 0; border-radius: 0; letter-spacing: .08em; }
.bp .bm-cnc-franja.es-directo .bmcf__kicker b { background: none; color: #ffb3bd; }
.bp .bmcf__tit { display: block; overflow: visible; text-overflow: clip; -webkit-line-clamp: unset; font: 700 28px/1.12 var(--serif); letter-spacing: -.01em; }
.bp .bmcf__tit i { font: 700 14px var(--ui); color: rgba(255,255,255,.55); vertical-align: 4px; }
.bp .bmcf__pie { font: 500 13px var(--ui); color: rgba(255,255,255,.65); }
.bp .bmcf__cta, .bp .bm-cnc-franja.es-directo .bmcf__cta { border-radius: 2px; box-shadow: none; padding: 12px 18px; font: 700 14px var(--ui); background: #fff; color: #1f0b25; }
.bp .bm-cnc-franja:hover .bmcf__cta { background: var(--naranja); color: #1a1a1a; }

.bp .bm-tienda-franja {
    margin: 0; padding: 16px 20px; gap: 22px; border-radius: 0; box-shadow: none;
    background: #fff; border: 1px solid var(--linea); border-top: 4px solid var(--naranja); font-family: var(--ui);
}
.bp .bmtf__img { width: 96px; height: 96px; border-radius: 0; border: 0; box-shadow: none; }
.bp .bmtf__img + .bmtf__img { margin-left: 8px; }
.bp .bmtf__texto { color: var(--tinta); gap: 6px; }
.bp .bmtf__kicker { font: 700 11px/1.3 var(--ui); letter-spacing: .08em; color: var(--gris); }
.bp .bmtf__kicker b { background: none; color: #b35600; padding: 0; border-radius: 0; letter-spacing: .08em; }
.bp .bmtf__tit { font: 700 24px/1.15 var(--serif); color: var(--tinta); }
.bp .bmtf__cta { border-radius: 2px; box-shadow: none; padding: 12px 18px; font: 700 14px var(--ui); background: var(--naranja); color: #1a1a1a; }
.bp .bm-tienda-franja:hover .bmtf__cta { background: #ffa64d; color: #1a1a1a; }
@media (max-width: 640px) {
    .bp .bm-cnc-franja, .bp .bm-tienda-franja { gap: 14px; padding: 14px; }
    .bp .bmcf__foto { width: 128px; }
    .bp .bmcf__tit { font-size: 21px; }
    .bp .bmtf__img { width: 72px; height: 72px; }
    .bp .bmtf__tit { font-size: 19px; }
    .bp .bmcf__cta, .bp .bmtf__cta { width: 100%; justify-content: center; }
}
@media (min-width: 980px) {
    /* Si a la derecha de la apertura no cabe ni una noticia más (sobra
       menos de lo que mide un titular), ese poco se reparte entre las tres */
    .bp-apertura__lado:has(> .bp-relleno.is-nada) { justify-content: space-between; }
}
@media (min-width: 980px) { .bp-apertura__lado > .bp-relleno.is-nada { flex: 0 0 0; } }

/* ══════════ La marca, con más peso ══════════════════════════════════════
   Logo grande en la mancheta (con la ciudad debajo en el ordenador), barra
   de secciones en el azul de la casa y, cuando la barra se queda fija al
   bajar, el acrónimo «Bm» con su sol. El azul de la barra es el de texto
   (#0b78a8): con letra blanca se lee bien (4,8:1); el azul claro de la
   marca queda en el logo y en el filete. */
.bp-mancheta__in { height: 56px; }
.bp-logo { display: block; }
.bp-logo img { height: 28px; width: auto; }
.bp-logo__lema { display: none; }
/* El logo, como estaba antes («tremendamente exagerado» a 80 px) */
@media (min-width: 980px) { .bp-mancheta__in { height: 108px; } .bp-logo img { height: 52px; } }

.bp-secciones { background: #0b78a8; border-top: 4px solid var(--azul); border-bottom: 0; }
.bp-secciones.is-bajada { box-shadow: 0 2px 12px rgba(0,0,0,.18); }
.bp-secciones__lista a { color: #fff; }
.bp-secciones__lista a:hover { color: #fff; background: rgba(255,255,255,.12); }
.bp-secciones__lista a.is-activo::after { height: 4px; background: var(--naranja); }
.bp-secciones .bp-buscar { color: #fff; }
.bp-secciones__flecha { color: #fff; }
.bp-secciones__flecha--mas { background: linear-gradient(90deg, rgba(11,120,168,0), #0b78a8 55%); }
.bp-secciones__flecha--antes { background: linear-gradient(270deg, rgba(11,120,168,0), #0b78a8 55%); }
.bp-secciones__logo { display: none !important; }
.bp-secciones__bm { display: none; flex: none; line-height: 0; margin-right: 6px; }
.bp-secciones__bm img { height: 26px; width: auto; }
.bp-secciones.is-bajada .bp-secciones__bm { display: block; }
@media (min-width: 980px) { .bp-secciones__bm img { height: 30px; } .bp-secciones__bm { margin-right: 14px; } }
.bp-buscador { border-top: 0; }

/* Cajón y pie: el logo, grande */
.bp-cajon__cab { height: 64px; }
.bp-cajon__cab img { height: 30px; }
.bp-pie__marca img { height: 46px; }

/* Mientras carga una foto (o si falta), el «Bm» de la casa en su hueco */
.bp-p__foto { background: #eef3f6 url('/assets/propuesta/marca/bm.png') center / 56px auto no-repeat; }
.bp-p--mini .bp-p__foto { background-size: 32px auto; }
.bp-logo img, .bp-secciones__bm img, .bp-cajon__cab img, .bp-pie__marca img { max-width: none; }
@media (min-width: 980px) {
    /* Con el «Bm» delante, las secciones se aprietan un poco para caber */
    .bp-secciones.is-bajada .bp-secciones__lista a { padding: 0 7px; font-size: 12px; }
}
@media (min-width: 980px) and (max-width: 1199px) {
    .bp-secciones__lista a { padding: 0 6px; font-size: 11.5px; letter-spacing: 0; }
}

/* ══════════ Cabecera y pie nuevos en las páginas interiores ════════════════
   layouts.public los mete en .bp-marco (display: contents, para que la barra
   de secciones siga fija al bajar). En el ordenador sustituyen a la cabecera
   y al pie antiguos; hasta 860 px —el mismo corte de siempre— no salen y se
   queda la versión móvil de antes. */
.bp-marco { display: contents; }
@media (max-width: 860px) { .bp-marco--cab, .bp-marco--pie { display: none; } }
@media (min-width: 861px) {
    .bm-con-marco .bm-topbar, .bm-con-marco .bm-masthead, .bm-con-marco .bm-nav,
    .bm-con-marco .bm-footer { display: none !important; }
    .bm-con-marco .bp-pie { margin-top: 48px; }
}

/* ── Contenido de las páginas interiores, en el ordenador ───────────────────
   Sin tocar las plantillas: se ajusta a la portada nueva (titulares en letra
   de periódico, la sección en texto pequeño azul, rótulos con filete negro).
   En el móvil (≤ 860 px) y en A la carta (.bm-noche) todo sigue como estaba. */
@media (min-width: 861px) {
    .bm-con-marco:not(.bm-noche) .bm-chip { background: none; padding: 0; color: #0b78a8; font: 700 11px/1.3 'Inter', sans-serif; letter-spacing: .06em; }
    .bm-con-marco:not(.bm-noche) .bm-cover .bm-chip { color: #fff; text-shadow: 0 1px 6px rgba(0,0,0,.5); }
    .bm-con-marco:not(.bm-noche) .bm-kicker { color: #0b78a8; }

    /* Noticia */
    .bm-con-marco:not(.bm-noche) .bm-post__head { text-align: left; max-width: none; margin: 22px 0 24px; }
    .bm-con-marco:not(.bm-noche) .bm-post__head .bm-chip { margin-bottom: 10px; }
    .bm-con-marco:not(.bm-noche) .bm-post__title { font-family: 'Source Serif 4', Georgia, serif; font-weight: 700; color: #121212; font-size: clamp(32px, 3.3vw, 44px); line-height: 1.1; letter-spacing: -.01em; max-width: 1000px; }
    .bm-con-marco:not(.bm-noche) .bm-post__excerpt { margin: 14px 0 0; max-width: 900px; font-size: 20px; line-height: 1.45; color: #444; }
    .bm-con-marco:not(.bm-noche) .bm-post__body h2, .bm-con-marco:not(.bm-noche) .bm-post__body h3 { font-family: 'Source Serif 4', Georgia, serif; font-weight: 700; letter-spacing: -.005em; }
    .bm-con-marco:not(.bm-noche) .bm-post__body blockquote { font-family: 'Source Serif 4', Georgia, serif; font-style: normal; font-weight: 600; color: #121212; }

    /* Piezas y rótulos */
    .bm-con-marco:not(.bm-noche) .bm-item__title,
    .bm-con-marco:not(.bm-noche) .bm-cover__title { font-family: 'Source Serif 4', Georgia, serif; font-weight: 700; letter-spacing: -.005em; }
    .bm-con-marco:not(.bm-noche) .bm-item__title { font-size: 18px; line-height: 1.2; }
    .bm-con-marco:not(.bm-noche) .bm-ultimas__title { font-family: 'Source Serif 4', Georgia, serif; font-weight: 600; font-size: 15px; line-height: 1.25; }
    .bm-con-marco:not(.bm-noche) .bm-sectiontitle { border-top: 3px solid #121212; padding-top: 8px; }
    .bm-con-marco:not(.bm-noche) .bm-sectiontitle span,
    .bm-con-marco:not(.bm-noche) .bm-sectiontitle > a { background: none; padding: 0; color: #121212; font: 700 24px/1.15 'Source Serif 4', Georgia, serif; text-transform: none; letter-spacing: -.01em; }
    .bm-con-marco:not(.bm-noche) .bm-sectiontitle > a:hover { background: none; color: #0b78a8; }
    .bm-con-marco:not(.bm-noche) .bm-sectiontitle::after { display: none; }
    .bm-con-marco:not(.bm-noche) .bm-widget__title { color: #121212; letter-spacing: .08em; }
    .bm-con-marco:not(.bm-noche) .bm-pagetitle { font-family: 'Source Serif 4', Georgia, serif; font-weight: 900; letter-spacing: -.01em; }

    /* Cabecera de sección: como los rótulos de la portada */
    .bm-con-marco:not(.bm-noche) .bm-sechead__barra { border-top: 4px solid #0b78a8; border-bottom: 1px solid #dcdcdc; padding: 12px 0 12px; align-items: center; }
    .bm-con-marco:not(.bm-noche) .bm-sechead__eti { display: none; }
    .bm-con-marco:not(.bm-noche) .bm-sechead__title { font-family: 'Source Serif 4', Georgia, serif; font-weight: 900; text-transform: none; letter-spacing: -.015em; color: #0b78a8; font-size: 40px; line-height: 1.05; }
}