@media(max-width:1100px) {
  #header .header-blocks .header-blocks-aspace {height:auto;line-height:normal; padding:20px 0;}
  #header .header-blocks .header-blocks-aspace .publicidad-slot,
  #header .header-blocks .header-blocks-aspace .publicidad-slot a,
  #header .header-blocks .header-blocks-aspace .publicidad-slot img {
    width:100%!important; max-width:728px!important; height:auto!important;
  }
  #header .header-blocks .header-blocks-aspace .publicidad-slot img {object-fit:contain;}
}
.ot-responsive-menu-header-logo img {display:inline-block;max-height:34px;max-width:200px;width:auto;height:auto;object-fit:contain;vertical-align:middle;}

@media(max-width:600px) {
  .otg-slider .owl-nav > div.owl-prev {left:0;margin-left:0;}
  .otg-slider .owl-nav > div.owl-next {right:0;margin-right:0;}
}

.ot-follow-share a.ot-color-instagram {background:#c13584;}
.ot-follow-share a.ot-color-youtube {background:#c00;}
.ot-follow-share a.ot-color-tiktok {background:#111;}
.ot-follow-share a:focus-visible {outline:3px solid #fff;outline-offset:3px;}

.ot-follow-share .social-tiktok-icon {width:19px;height:19px;vertical-align:middle;}
.demo4-sticky-sidebar .publicidad-pos-4 + .publicidad-pos-4 {margin-top:24px;}

.header-weather-block .header-weather-block-city small {display:block;font-size:10px;line-height:1.5;opacity:.85;}
.header-weather-block .header-weather-block-city small a {color:inherit;text-decoration:underline;}
.header-weather-block .header-weather-block-city {max-width:155px;}
.header-weather-block .header-weather-block-city > span {white-space:normal;line-height:1.3;}
.header-weather-block-deg {white-space:nowrap;}

/* Compact, aligned news ticker and weather strip. */
#header .header-top-block > .wrapper {display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:22px;padding-top:10px;padding-bottom:10px;}
#header .header-top-block > .wrapper::after,
#header .header-breaking-news-block::after {display:none;}
#header .header-breaking-news-block {display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;width:auto;min-width:0;height:auto;padding:0;border:0;line-height:normal;}
#header .header-breaking-news-block > strong {display:block;float:none;width:auto;font-size:12px;line-height:1.3;letter-spacing:.5px;padding:8px 10px;border-radius:4px;background:rgba(0,0,0,.14);}
#header .header-breaking-news-block > .ot-breaking-news-controls {grid-column:3;grid-row:1;display:flex;float:none;width:auto;gap:4px;line-height:normal;}
#header .header-breaking-news-block > .ot-breaking-news-controls button {display:grid;place-items:center;width:28px;height:30px;line-height:1;margin:0;padding:0;border-radius:4px;background:rgba(255,255,255,.1);font-size:16px;}
#header .header-breaking-news-block > .ot-breaking-news-controls button:hover {background:rgba(255,255,255,.23);}
#header .header-breaking-news-block > .ot-breaking-news-controls button:focus-visible {outline:2px solid white;outline-offset:2px;}
#header .header-breaking-news-block .header-breaking-news-block-frame {grid-column:2;grid-row:1;float:none;min-width:0;width:100%;margin:0;padding:0;border:0;height:34px;line-height:34px;}
#header .header-breaking-news-block-inner {width:100%;}
#header .header-breaking-news-block-inner .item {font-size:13px;}
#header .header-weather-block {display:flex;align-items:center;gap:12px;float:none;clear:none;width:auto;min-height:44px;margin:0;padding:0 0 0 22px;border-left:1px solid rgba(255,255,255,.2);text-align:left;}
#header .header-weather-block-deg {padding:0;font-size:25px;line-height:1;font-weight:500;}
#header .header-weather-block .wi {padding:0;font-size:23px;line-height:1;}
#header .header-weather-block .header-weather-block-city {padding:0;max-width:145px;}
#header .header-weather-block-city strong {font-size:13px;line-height:18px;}
#header .header-weather-block-city > span {font-size:11px;line-height:15px;}
#header .header-weather-block-city small {font-size:10px;line-height:14px;}
@media(max-width:1000px) {
  #header .header-top-block > .wrapper {gap:14px;}
  #header .header-breaking-news-block {gap:10px;}
  #header .header-breaking-news-block > strong {font-size:10px;padding:7px;}
  #header .header-weather-block {padding-left:14px;gap:8px;}
}
@media(max-width:800px) {
  #header .header-top-block > .wrapper {grid-template-columns:minmax(0,1fr);gap:8px;padding-top:10px;padding-bottom:10px;}
  #header .header-breaking-news-block {grid-template-columns:minmax(0,1fr) auto;}
  #header .header-breaking-news-block > strong {display:none;}
  #header .header-breaking-news-block .header-breaking-news-block-frame {grid-column:1;}
  #header .header-breaking-news-block > .ot-breaking-news-controls {grid-column:2;}
  #header .header-weather-block {justify-content:center;gap:6px;min-height:28px;border-left:0;border-top:1px solid rgba(255,255,255,.14);padding:6px 0 0;white-space:nowrap;}
  #header .header-weather-block .header-weather-block-city {display:contents;max-width:none;}
  #header .header-weather-block-city strong {font-size:12px;white-space:nowrap;}
  #header .header-weather-block-city > span {min-width:0;max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
  #header .header-weather-block-city small {display:inline-flex;align-items:center;gap:3px;flex:none;white-space:nowrap;}
  #header .header-weather-block-deg {font-size:16px;}
  #header .header-weather-block .wi {font-size:18px;}
}
@media(max-width:700px) {
  #header .header-blocks {min-height:0;}
  #header .header-blocks .header-blocks-aspace {margin:0;padding:8px 0;}
}

/* En destaque: lectura continua y tarjetas compactas en pantallas pequeñas. */
@media (max-width: 767px) {
  .demo4-featured-band .ot-v-slider-navi {display:none;}
  .demo4-featured-band .demo4-auto-vertical {
    height:auto!important;max-height:none;overflow:visible;resize:none;
  }
  .demo4-featured-band .demo4-auto-vertical > .ot-block-content-vertical-slider-wrapper {
    display:block;position:static;height:auto;opacity:1;transform:none;animation:none;filter:none;transition:none;
  }
  .demo4-featured-band .demo4-auto-vertical .ot-block-content-vertical-slider-wrapper > .item {
    display:grid;grid-template-columns:100px minmax(0,1fr);gap:14px;align-items:start;
    min-height:0;padding:14px;margin:0 0 12px;background:#fff;border:1px solid #e2e6e9;border-radius:10px;
  }
  .demo4-featured-band .demo4-auto-vertical .item:after {display:none;}
  .demo4-featured-band .demo4-auto-vertical .item .item-header {
    float:none;width:100%;margin:0;border-radius:7px;box-shadow:none;
  }
  .demo4-featured-band .demo4-auto-vertical .item .item-header img {
    display:block;width:100%;height:84px;object-fit:cover;
  }
  .demo4-featured-band .demo4-auto-vertical .item .item-content {min-width:0;margin:0;padding:0;}
  .demo4-featured-band .demo4-auto-vertical .item .item-content h4 {
    font-size:16px;line-height:1.35;margin:0 0 9px;color:#25323b;
  }
  .demo4-featured-band .demo4-auto-vertical .meta-items {display:flex;flex-wrap:wrap;gap:5px 10px;margin:0;font-size:11px;}
  .demo4-featured-band .demo4-auto-vertical .meta-items-i {margin:0;}
  .demo4-featured-band .demo4-auto-vertical .meta-items .material-icons {font-size:14px;}
}
@media (max-width: 380px) {
  .demo4-featured-band .demo4-auto-vertical .ot-block-content-vertical-slider-wrapper > .item {grid-template-columns:80px minmax(0,1fr);gap:10px;padding:12px;}
  .demo4-featured-band .demo4-auto-vertical .item .item-content h4 {font-size:15px;}
}

/* Nacionales: la miniatura y el titular comparten fila, sin márgenes flotantes. */
@media (max-width: 767px) {
  .demo4-category-feature .ot-content-block {height:auto;max-height:none;overflow:visible;resize:none;}
  .demo4-category-feature .demo4-category-side-list {display:grid;gap:12px;}
  .demo4-category-feature .demo4-category-side-list .item.item-small {
    display:grid;grid-template-columns:100px minmax(0,1fr);gap:14px;align-items:start;
    min-height:0;margin:0;padding:14px;background:#fff;border:1px solid #e2e6e9;border-radius:10px;
  }
  .demo4-category-feature .demo4-category-side-list .item.item-small:after {display:none;}
  .demo4-category-feature .demo4-category-side-list .item.item-small .item-header {
    float:none;width:100%;margin:0;border-radius:7px;box-shadow:none;
  }
  .demo4-category-feature .demo4-category-side-list .item.item-small .item-header a {display:block;}
  .demo4-category-feature .demo4-category-side-list .item.item-small .item-header img {
    display:block;width:100%;height:84px;object-fit:cover;
  }
  .demo4-category-feature .demo4-category-side-list .item.item-small .item-content {
    min-width:0;width:auto;margin:0;padding:0;
  }
  .demo4-category-feature .demo4-category-side-list .item.item-small .item-content h2 {
    font-size:16px;line-height:1.4;margin:0;color:#25323b;
  }
  .demo4-category-feature .demo4-category-side-list .item.item-small .item-content h2 a {
    display:block;height:auto;max-height:none;overflow:visible;white-space:normal;
  }
  .demo4-category-feature .item.item-vertical {border-radius:10px;overflow:hidden;}
  .demo4-category-feature .item.item-vertical .item-header img {width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;}
}
@media (max-width: 380px) {
  .demo4-category-feature .demo4-category-side-list .item.item-small {grid-template-columns:80px minmax(0,1fr);gap:10px;padding:12px;}
  .demo4-category-feature .demo4-category-side-list .item.item-small .item-content h2 {font-size:15px;}
}

/* Integrate position 2 into the light content area without stacked spacing. */
.demo3-menu-ads {background:#f4f5f6;padding:24px 0;}
.demo3-menu-ads .menu-ad-strip {margin:0;}
.demo3-menu-ads + #content {padding-top:0;}
.demo3-menu-ads + #content > .demo4-featured-band:first-child {margin-top:0;padding-top:24px;}

/* Keep article metadata close to the title and main photograph. */
.ot-material-card-content > .demo3-article-head {
  margin-bottom:18px;
  padding-bottom:0;
  border-bottom:0;
}
.demo3-article-head > h1 {margin:0;}
.demo3-article-head > .article-publication-meta {margin:12px 0 0;}

@media (min-width:768px) {
  .demo4-category-feature .ot-content-block {height:auto;max-height:none;overflow:visible;}
  .demo4-category-feature .otg.otg-items-2 {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:stretch;margin:0;}
  .demo4-category-feature .otg.otg-items-2::before,
  .demo4-category-feature .otg.otg-items-2::after {display:none;}
  .demo4-category-feature .otg.otg-items-2 > .otg-item {float:none;width:auto;min-width:0;margin:0;padding:0;}
  .demo4-category-feature .ot-articles-material-blog-list {height:100%;}
  .demo4-category-feature .item.item-vertical {display:flex;flex-direction:column;height:100%;margin:0;box-sizing:border-box;}
  .demo4-category-feature .item.item-vertical > .item-header {position:relative;flex:1;min-height:220px;margin:0;}
  .demo4-category-feature .item.item-vertical > .item-header a {position:absolute;inset:0;display:block;height:100%;}
  .demo4-category-feature .item.item-vertical > .item-header img {display:block;width:100%;height:100%;object-fit:cover;}
  .demo4-category-feature .item.item-vertical > .item-content {flex:none;}
  .demo4-category-feature .demo4-category-side-list {display:grid;grid-auto-rows:1fr;gap:12px;height:100%;}
  .demo4-category-feature .demo4-category-side-list > .item.item-small {display:grid;grid-template-columns:104px minmax(0,1fr);gap:16px;align-items:center;box-sizing:border-box;min-height:80px;margin:0;padding:8px 0;}
  .demo4-category-feature .demo4-category-side-list > .item::after {display:none;}
  .demo4-category-feature .demo4-category-side-list .item-header {float:none;width:auto;margin:0;}
  .demo4-category-feature .demo4-category-side-list .item-header a {display:block;}
  .demo4-category-feature .demo4-category-side-list .item-header img {display:block;width:104px;height:72px;object-fit:cover;}
  .demo4-category-feature .demo4-category-side-list .item-content {min-width:0;margin:0;padding:0;}
  .demo4-category-feature .demo4-category-side-list h2 {margin:0;font-size:16px;line-height:1.4;}
  .demo4-category-feature .demo4-category-side-list h2 a {display:block;height:auto;max-height:none;white-space:normal;overflow:visible;}
}
@media (min-width:768px) {
  .demo4-category-feature .ot-articles-material-blog-list > .item.item-vertical > .item-header > a.item-header-image {position:absolute;inset:0;width:100%;height:100%;margin:0;padding:0;}
  .demo4-category-feature .ot-articles-material-blog-list > .item.item-vertical > .item-header > a.item-header-image > img {position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
  .demo4-category-feature .ot-articles-blog-list.demo4-category-side-list > .item.item-small > .item-header {float:none;width:104px;height:72px;margin:0;padding:0;}
  .demo4-category-feature .ot-articles-blog-list.demo4-category-side-list > .item.item-small > .item-header img {width:104px;height:72px;object-fit:cover;}
  .demo4-category-feature .ot-articles-blog-list.demo4-category-side-list > .item.item-small > .item-content {float:none;width:auto;min-width:0;margin:0;padding:0;}
}

/* Use the header's sky blue for interactive theme accents. */
:root {--demo3-hover:#299ce6;}
a:hover {color:var(--demo3-hover);}
.demo3-popular-copy h4 a:hover,
.article-publication-meta > .article-publication-category:hover,
.article-navigation-card > a:hover {color:var(--demo3-hover);}
.article-navigation-card > a:focus-visible,
.article-gallery-link:focus-visible,
.article-gallery-dialog button:focus-visible {outline-color:var(--demo3-hover);}
.ot-title-block h2 a:hover {color:var(--demo3-hover)!important;}
.otg-slider .owl-nav > div,
.ot-title-block-navi .owl-next:hover,
.ot-title-block-navi .owl-prev:hover,
.ot-title-block-navi .owl-next:active,
.ot-title-block-navi .owl-prev:active,
.photo-gallery-nav-left,
.photo-gallery-nav-right,
.ot-widget-article-list > .item .read-later-widget-btn,
.ot-articles-blog-list > .item .read-later-widget-btn,
.ot-articles-material-blog-list > .item .read-later-widget-btn {background-color:var(--demo3-hover);}

/* Preserve the original large image and vertical featured-news list. */
.demo3-fixed-feature > .item {float:none;width:100%;margin:0;}
@media(min-width:768px) {
 .demo4-featured-band .demo4-featured-split {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px;margin:0;}
 .demo4-featured-band .demo4-featured-split::before,.demo4-featured-band .demo4-featured-split::after {display:none;}
 .demo4-featured-band .demo4-featured-split > .otg-item {float:none;width:auto;min-width:0;margin:0;padding:0;}
 .demo4-featured-band .demo3-fixed-feature,.demo4-featured-band .demo3-fixed-feature > .item,.demo4-featured-band .demo3-fixed-feature > .item > a,.demo4-featured-band .demo3-fixed-feature > .item > a > img {height:330px;}
 .demo4-featured-band .demo4-auto-vertical {height:330px!important;overflow:hidden;}
 .demo4-featured-band .demo4-auto-vertical > .ot-block-content-vertical-slider-wrapper {height:330px;padding:0;box-sizing:border-box;}
 .demo4-featured-band .demo4-auto-vertical .ot-block-content-vertical-slider-wrapper > .item {display:grid;grid-template-columns:160px minmax(0,1fr);gap:24px;align-items:center;height:98px;min-height:0;margin:0 0 18px;padding:0;box-sizing:border-box;}
 .demo4-featured-band .demo4-auto-vertical .ot-block-content-vertical-slider-wrapper > .item:last-child {margin-bottom:0;}
 .demo4-featured-band .demo4-auto-vertical .ot-block-content-vertical-slider-wrapper > .item .item-header img {display:block;width:160px;height:98px;object-fit:cover;}
 .demo4-featured-band .demo4-auto-vertical .item::after {display:none;}
 .demo4-featured-band .demo4-auto-vertical .item > .item-header {float:none;width:160px;margin:0;padding:0;}
 .demo4-featured-band .demo4-auto-vertical .item > .item-content {float:none;min-width:0;width:auto;margin:0;padding:0;}
}
