@font-face { font-family: Lora; font-style: normal; font-weight: 400; font-display: swap; src: url('/fonts/sidebar/Lora-Regular.ttf') format('truetype'); }

@font-face { font-family: Lora; font-style: normal; font-weight: 700; font-display: swap; src: url('/fonts/sidebar/Lora-Bold.ttf') format('truetype'); }

html:has([data-facebook-post]) { scrollbar-gutter: stable; }

.editorial-sidebar { display: flex; flex-direction: column; gap: 26px; min-width: 0; align-self: start; }

.editorial-sidebar-block { min-width: 0; border-top: 3px solid #187a97; padding-top: 13px; color: #18242b; }

.editorial-sidebar-block h2 { margin: 0 0 16px; font: 700 22px/1.2 Georgia, serif; letter-spacing: -.02em; }

.editorial-sidebar-block > h2 { text-align: center; }

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

.editorial-sidebar-block a:hover { color: #146780; text-decoration: underline; }

.editorial-sidebar-image { display: block; margin-bottom: 13px; }

.editorial-sidebar-image img { display: block; width: 100%; height: auto; }

.editorial-sidebar-description { margin: 0 0 15px; font: 15px/1.55 Arial, sans-serif; white-space: pre-line; overflow-wrap: anywhere; }

.editorial-sidebar-link { display: inline-flex; align-items: center; gap: 9px; margin-top: 13px; font: 700 12px/1.5 Arial, sans-serif; }

.editorial-sidebar-campaign { border: 0; background: var(--campaign-background); color: var(--campaign-headline-color); padding: 0; text-align: var(--campaign-align); font: 14px/20px Arial, Helvetica, sans-serif; }

.editorial-campaign-heading, .editorial-campaign-story, .editorial-campaign-footer { padding: var(--campaign-padding); }

.editorial-sidebar-campaign h2 { margin: var(--campaign-heading-spacing) 0; color: var(--campaign-title-color); font-family: var(--campaign-font); font-size: var(--campaign-title-size); font-weight: var(--campaign-title-weight); line-height: var(--campaign-line-height); letter-spacing: normal; }

.editorial-sidebar-campaign h3, .editorial-sidebar-campaign p { margin: var(--campaign-heading-spacing) 0; color: var(--campaign-headline-color); font-family: var(--campaign-font); font-size: var(--campaign-headline-size); font-weight: var(--campaign-headline-weight); line-height: var(--campaign-line-height); letter-spacing: normal; overflow-wrap: anywhere; }

.editorial-sidebar-campaign p { white-space: pre-line; }

.editorial-campaign-story h3 { text-align: center; }

.editorial-sidebar-campaign figure { margin: 0; }

.editorial-sidebar-campaign img { display: inline-block; width: 100%; height: auto; padding: var(--campaign-image-spacing) 0; margin: 0; vertical-align: middle; }

.editorial-sidebar-campaign a, .editorial-sidebar-campaign a:hover { color: inherit; }

.editorial-sidebar-facebook { width: 100%; max-width: 100%; border-color: #1877f2; }

.editorial-sidebar-tiktok { border-color: #252525; }

.editorial-tiktok-alternative { margin: 12px 0 0; color: #576b77; font-size: 12px; }

.editorial-tiktok-alternative a { text-decoration: underline; text-underline-offset: .15em; }

.editorial-sidebar-video { border-color: #bc3434; }

.editorial-embed { background: #edf2f5; overflow: hidden; }

.editorial-embed iframe { display: block; width: 100%; aspect-ratio: 16/9; border: 0; }

.editorial-embed-facebook iframe { aspect-ratio: auto; height: 500px; }

.editorial-facebook-post { width: 100%; max-width: 350px; margin: 0 auto; }

.editorial-facebook-post-content { width: 350px; line-height: 0; transform-origin: top left; }

.editorial-embed-facebook_post iframe { width: 350px; max-width: none; aspect-ratio: auto; }

.editorial-facebook-post [data-facebook-post-status] { margin: 0; }

.editorial-embed-tiktok_video { width: 100%; max-width: 360px; margin-inline: auto; }

.editorial-embed-tiktok_video iframe { aspect-ratio: 9/16; min-height: 460px; }

.editorial-embed-placeholder { text-align: center; padding: 24px 16px; font: 13px/1.5 Arial, sans-serif; }

.editorial-embed-symbol { display: inline-grid; place-items: center; width: 44px; height: 44px; border-radius: 50%; color: #fff; background: #243744; font: 700 23px/1 Arial, sans-serif; }

.editorial-embed-placeholder p { margin: 12px 0; }

.editorial-embed-placeholder button { border: 0; border-radius: 3px; background: #243744; color: #fff; padding: 11px 18px; font: 700 13px/1.2 Arial, sans-serif; cursor: pointer; }

.editorial-embed-placeholder button:disabled { opacity: .5; cursor: default; }

.editorial-embed-placeholder small { display: block; margin-top: 12px; color: #50626c; font-size: 11px; }

.editorial-most-read { list-style: none; margin: 0; padding: 0; }

.editorial-most-read li { display: grid; grid-template-columns: 29px minmax(0,1fr); gap: 11px; padding: 13px 0; border-bottom: 1px solid #dbe2e6; }

.editorial-most-read li:first-child { padding-top: 0; }

.editorial-most-read li > span { font: 700 25px/1 Georgia, serif; color: #8295a1; }

.editorial-most-read a { font: 700 17px/1.3 Georgia, serif; text-align: center; }

.editorial-sidebar-empty { color: #667782; font: 14px/1.5 Arial, sans-serif; }

.comarca-home-columns { display: grid; grid-template-columns: minmax(0,1fr) 330px; gap: 32px; align-items: start; }

.comarca-home-columns > .comarca-content-main { min-width: 0; }

.editorial-page-columns { display: grid; grid-template-columns: minmax(0,1fr) 300px; gap: 32px; align-items: start; }

.editorial-page-columns > div { min-width: 0; }

.editorial-page-columns .region-archive-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }

.editorial-page-columns > .editorial-sidebar { padding-top: 35px; }

.comarca-content-with-ad { display: grid; grid-template-columns: minmax(0,1fr) 330px; gap: 32px; align-items: start; }

.comarca-content-with-ad > .comarca-content-main { min-width: 0; }

.comarca-home-columns .comarca-lead-card h1 { font-size: clamp(30px,3.3vw,43px); }

.comarca-home-columns .comarca-secondary-card h2 { font-size: 21px; }

.comarca-home-columns .comarca-secondary-news { gap: 20px; padding-left: 20px; }

.comarca-home-columns .comarca-lead-grid { gap: 20px; }

.comarca-home-columns .comarca-latest-list { grid-template-columns: repeat(2,minmax(0,1fr)); }

.comarca-home-columns .comarca-latest-list li { padding-left: 0; border-left: 0; }

.comarca-home-columns .comarca-latest-list .comarca-latest-ad { grid-column: 1 / -1; }

.comarca-home-columns .comarca-local-grid { grid-template-columns: 1fr; }

.comarca-home-columns .comarca-local-block { display: flow-root; }

.comarca-home-columns .comarca-topic-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }

.comarca-home-columns .comarca-latest { margin-top: 32px; }

.comarca-home-columns .editorial-sidebar { padding-top: 3px; }

.sidebar-preview-page { margin: 0; color: #18242b; background: #f4f6f8; font: 15px/1.5 Arial,sans-serif; }

.sidebar-preview-page * { box-sizing: border-box; }

.sidebar-preview-toolbar { padding: 20px max(24px,calc((100% - 1160px)/2)); background: #fff; border-bottom: 1px solid #dbe2e6; display: flex; align-items: center; justify-content: space-between; gap: 24px; }

.sidebar-preview-toolbar p { margin: 5px 0 0; color: #576b77; font-size: 13px; }

.sidebar-preview-toolbar a { white-space: nowrap; color: #146780; font-weight: 700; }

.sidebar-preview-layout { display: grid; grid-template-columns: minmax(0,1fr) 330px; gap: 36px; max-width: 1160px; margin: 30px auto; padding: 30px; background: #fff; }

.sidebar-preview-context > span { font: 700 30px/1.1 Georgia,serif; }

.sidebar-preview-context h1 { margin-top: 55px; font: 700 40px/1.2 Georgia,serif; }

.sidebar-preview-context p { color: #667782; }

.sidebar-preview-context > div { height: 130px; background: #edf1f3; margin-top: 25px; }

@media (max-width: 1000px) { .comarca-home-columns { grid-template-columns: minmax(0,1fr) 270px; gap: 24px; } .comarca-home-columns .comarca-lead-grid { display: block; } .comarca-home-columns .comarca-secondary-news { padding: 20px 0 0; border-left: 0; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); } }

@media (max-width: 850px) { .comarca-content-with-ad { display: block; } .comarca-content-with-ad > .editorial-sidebar { margin-top: 35px; } }

@media (max-width: 760px) { .comarca-home-columns, .comarca-content-with-ad, .editorial-page-columns { display: block; } .comarca-home-columns > .editorial-sidebar, .comarca-content-with-ad > .editorial-sidebar { margin-top: 35px; } .sidebar-preview-layout { grid-template-columns: minmax(0,1fr); max-width: 420px; padding: 22px; } .sidebar-preview-context { display: none; } .sidebar-preview-toolbar { align-items: start; flex-direction: column; gap: 12px; } .editorial-sidebar { gap: 25px; } }

@media (max-width: 600px) { .comarca-home-columns .comarca-secondary-news { display: grid; grid-template-columns: 1fr; } .comarca-home-columns .comarca-secondary-card h2 { font-size: 21px; } }

@media (max-width: 520px) { .editorial-page-columns .region-archive-grid { grid-template-columns: 1fr; } }



.region-site .editorial-sidebar-block:not(.editorial-sidebar-campaign) { border-color: var(--region-green); color: var(--region-ink); }

.region-site .editorial-sidebar-block:not(.editorial-sidebar-campaign) > h2 { font-family: var(--region-serif); }

.region-site .editorial-sidebar-block:not(.editorial-sidebar-campaign) a:hover { color: var(--region-green); }

.region-site .editorial-sidebar-description { font-family: var(--region-sans); }

.region-site .editorial-sidebar-latest_news { border-top: 0; padding-top: 0; }

.region-site .editorial-sidebar-latest_news > h2 { padding-bottom: 12px; margin-bottom: 0; border-bottom: 1px solid var(--region-line); font-size: 1.75rem; letter-spacing: -.045em; }

.editorial-sidebar-latest_news .region-latest-item > img { width: 100%; aspect-ratio: 1.25; object-fit: cover; }



.editorial-sidebar-latest_news .region-latest-item > span { min-width: 0; }

.editorial-sidebar-latest_news .region-latest-item strong { display: block; font: 400 1.02rem/1.16 var(--region-serif, Georgia, serif); letter-spacing: -.025em; overflow-wrap: anywhere; text-align: center; }

.editorial-front-sidebar.region-sidebar { align-self: auto; }

@media (max-width: 560px) { .editorial-sidebar-latest_news .region-latest-item strong { font-size: 1.13rem; } }



/* Logotipo gestionable de la cabecera hermana, también en su vista previa. */

.editorial-region-link { display: block; width: 100%; padding: 13px 0 21px; border-bottom: 1px solid #dfe4e0; }

.editorial-region-link img { display: block; width: 100%; height: auto; }


.editorial-sidebar-latest_news .region-latest-item { display: grid; grid-template-columns: 94px minmax(0, 1fr); gap: 12px; padding: 12px 0; border-bottom: 1px solid #dbe1e5; }
.editorial-sidebar-latest_news .region-latest-image { display: block; min-width: 0; }
.editorial-sidebar-latest_news .region-latest-image img { width: 100%; height: auto; aspect-ratio: 1.25; object-fit: cover; }
.editorial-sidebar-latest_news .region-latest-item:not(:has(img, iframe)) { grid-template-columns: 1fr; }
.editorial-sidebar-latest_news .region-latest-copy { display: block; min-width: 0; text-decoration: none; }
.editorial-sidebar-latest_news .region-latest-copy time { display: block; margin-bottom: 5px; font-size: .75rem; color: #647078; text-align: center; }

.editorial-sidebar-latest_news .region-latest-video-thumbnail { position: relative; width: 100%; aspect-ratio: 1.25; overflow: hidden; background: #18242b; }
.editorial-sidebar-latest_news .region-latest-video-thumbnail img { display: block; width: 100%; height: 100%; object-fit: cover; }
.region-latest-video-play { position: absolute; inset: 0; display: grid; place-items: center; }
.region-latest-video-play svg { display: block; width: 32px; height: 32px; padding: 5px; border-radius: 50%; background: rgb(0 0 0 / 78%); fill: #fff; box-sizing: border-box; }
.region-latest-video-thumbnail:focus-visible { outline: 3px solid #1265bb; outline-offset: 3px; }
.latest-news-video-dialog { width: min(960px, calc(100vw - 24px)); max-width: none; max-height: calc(100dvh - 24px); margin: auto; padding: 0; border: 0; border-radius: 8px; background: #fff; color: #18242b; overflow: auto; box-shadow: 0 15px 80px #0006; }
.latest-news-video-dialog::backdrop { background: rgb(0 0 0 / 75%); }
.latest-news-video-dialog-header { display: flex; align-items: center; gap: 16px; padding: 14px 18px; }
.latest-news-video-dialog-header h2 { flex: 1; margin: 0; min-width: 0; font: 600 1rem/1.4 Arial, sans-serif; overflow-wrap: anywhere; }
.latest-news-video-dialog-header button { flex-shrink: 0; min-height: 44px; padding: 10px 14px; border: 1px solid #aab5bc; border-radius: 5px; background: #fff; color: #18242b; font: 600 .875rem/1.3 Arial, sans-serif; cursor: pointer; }
.latest-news-video-dialog-header button:focus-visible { outline: 3px solid #1265bb; outline-offset: 2px; }
.latest-news-video-dialog-player { position: relative; width: 100%; aspect-ratio: 16 / 9; min-height: 200px; background: #111; }
.latest-news-video-dialog-player iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.latest-news-video-open { overflow: hidden; }
@media (max-width: 560px) { .latest-news-video-dialog-header { align-items: flex-start; flex-direction: column-reverse; gap: 8px; padding: 10px 12px; } .latest-news-video-dialog-header button { align-self: flex-end; } }