:root {
  --brand-primary: #006A7A;
  --brand-primary-tint: #e5f4f6;
}

/* Dynamic blocks added to the original Altroz layout. */
.altroz-news-strip {
  color: #fff;
  background: #202020;
}

.altroz-news-strip-inner {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto auto;
  align-items: center;
  gap: 16px;
  width: 1140px;
  max-width: calc(100% - 30px);
  min-height: 68px;
  margin: 0 auto;
}

.altroz-news-strip-label {
  padding: 9px 12px;
  border-radius: 4px;
  background: var(--brand-primary);
  font-size: 12px;
  line-height: 1.3;
  text-transform: uppercase;
  white-space: nowrap;
}

.altroz-news-strip-items {
  position: relative;
  min-width: 0;
  height: 34px;
  overflow: hidden;
}

.altroz-news-strip-item {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  gap: 12px;
  color: #fff;
  opacity: 0;
  visibility: hidden;
  transform: translateY(8px);
  transition: opacity 0.25s ease, transform 0.25s ease;
  white-space: nowrap;
}

.altroz-news-strip-item:hover { color: #fff; }
.altroz-news-strip-item.is-active { opacity: 1; visibility: visible; transform: none; }
.altroz-news-strip-item b { flex: 0 0 auto; font-size: 12px; }
.altroz-news-strip-item span { overflow: hidden; font-size: 13px; text-overflow: ellipsis; }

.altroz-news-strip-controls { display: flex; gap: 4px; }
.altroz-news-strip-controls button {
  display: grid;
  place-items: center;
  width: 30px;
  height: 32px;
  padding: 0;
  border: 0;
  border-radius: 4px;
  color: #fff;
  background: rgba(255, 255, 255, 0.12);
  font-size: 22px;
  cursor: pointer;
}
.altroz-news-strip-controls button:hover { background: rgba(255, 255, 255, 0.25); }
.altroz-news-strip-controls button:focus-visible { outline: 2px solid #fff; outline-offset: 2px; }

.altroz-weather {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 44px;
  padding-left: 22px;
  border-left: 1px solid rgba(255, 255, 255, 0.22);
}
.altroz-weather > strong { font-size: 25px; font-weight: 500; white-space: nowrap; }
.altroz-weather-icon { font-size: 24px; line-height: 1; }
.altroz-weather-city { display: flex; flex-direction: column; min-width: 105px; line-height: 1.3; }
.altroz-weather-city b { font-size: 13px; }
.altroz-weather-city > span { font-size: 11px; }
.altroz-weather-city small { font-size: 9px; opacity: 0.9; }
.altroz-weather-city a { color: inherit; text-decoration: underline; }

@media (max-width: 800px) {
  .altroz-news-strip-inner { grid-template-columns: minmax(0, 1fr) auto; gap: 8px; padding: 10px 0; }
  .altroz-news-strip-label { display: none; }
  .altroz-news-strip-items { grid-column: 1; }
  .altroz-news-strip-controls { grid-column: 2; }
  .altroz-weather { grid-column: 1 / -1; justify-content: center; gap:6px; min-height: 28px; padding: 6px 0 0; border-left: 0; border-top: 1px solid rgba(255,255,255,.18); white-space:nowrap; }
  .altroz-weather > strong {font-size:16px;}
  .altroz-weather-icon {font-size:18px;}
  .altroz-weather-city {display:contents;min-width:0;}
  .altroz-weather-city b {font-size:12px;}
  .altroz-weather-city > span {min-width:0;max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
  .altroz-weather-city small {display:inline-flex;align-items:center;gap:3px;flex:none;white-space:nowrap;}
}

#header .logo {
  height: 90px;
  display: flex;
  align-items: center;
}

#header .logo a {
  display: block;
  max-width: 100%;
}

#header .logo img {
  display: block;
  width: auto;
  max-width: 100%;
  max-height: 82px;
  object-fit: contain;
}

@media(max-width:991px) {
  #header .altroz-empty-brand-column {display:none;}
  #header .logo {justify-content:center;height:auto;min-height:72px;margin:0;padding:10px 0 14px;}
  .utf_main_nav_area > .container > .row {border:0;border-bottom:1px solid #ececec;border-radius:0;}
  .utf_main_nav_area .navbar {min-height:72px;}
  .altroz-mobile-brand {position:absolute;top:36px;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;width:160px;height:54px;z-index:2;}
  .altroz-mobile-brand img {display:block;width:auto;height:auto;max-width:100%;max-height:50px;object-fit:contain;}
  .utf_main_nav_area .navbar .utf_site_nav_inner {float:none!important;width:100%;padding:0 10px;}
  .utf_main_nav_area .navbar-toggler {position:absolute;top:14px;left:10px;display:inline-flex;align-items:center;justify-content:center;float:none;width:44px;height:44px;margin:0;padding:0;border:0;border-radius:4px;color:#fff;font:600 14px/1.2 Roboto,Arial,sans-serif;}
  .utf_main_nav_area .navbar-toggler > span:last-child {display:none;}
  .altroz-menu-icon {display:grid;gap:4px;width:18px;}
  .altroz-menu-icon > span {display:block;width:18px;height:2px;background:currentColor;}
  .utf_main_nav_area .navbar-collapse {clear:both;margin-top:72px;border-top:1px solid #ececec;}
  .utf_main_nav_area .navbar-nav {display:block;float:none;width:100%;padding:0!important;}
  .utf_main_nav_area .navbar-nav > li {display:block;float:none;}
  .utf_main_nav_area .navbar-nav > li > a {padding:13px 12px;line-height:1.4;border-bottom:1px solid #f0f0f0;}
  .utf_main_nav_area .utf_nav_search {position:absolute;top:16px;right:12px;width:40px;height:40px;line-height:40px;border:1px solid #e6e6e6;border-radius:4px;background:#f6f7f8;}
  .utf_main_nav_area .utf_nav_search #search {display:block;}
  .utf_main_nav_area .utf_nav_search #search i {color:var(--brand-primary);}
  .utf_main_nav_area .navbar-toggler:focus-visible,
  .utf_main_nav_area #search:focus-visible {outline:2px solid #222;outline-offset:3px;}
}

.altroz-live-slot,
.altroz-position-3,
.altroz-position-4 {
  margin-bottom: 30px;
}

.altroz-live-slot section.live-stream {
  margin: 0;
}

/* Preserve the radio card's internal spacing from the shared player design. */
.altroz-tv-slot section.live-stream {
  padding: 0;
}

.altroz-live-slot:empty,
.altroz-position-3:empty,
.altroz-position-4:empty {
  display: none;
}

.altroz-live-slot .live-stream,
.altroz-position-3 .publicidad-slot,
.altroz-position-3 img {
  width: 100%;
  max-width: 100%;
}

.altroz-position-3,
.altroz-position-3 .publicidad-slot,
.altroz-position-3 .publicidad-slot a {
  display: block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.altroz-position-3 {
  box-sizing: border-box;
  width: auto;
  padding: 8px;
}

.altroz-position-3 .publicidad-slot {
  width: 100% !important;
  max-width: none !important;
  margin: 0;
  height: auto !important;
  aspect-ratio: auto;
}

.altroz-position-3 .publicidad-slot a {
  height: auto !important;
}

.altroz-position-3 img {
  display: block;
  width: 100% !important;
  height: auto !important;
  max-height: none !important;
  object-fit: contain;
  border-radius: 4px;
}

.altroz-position-3,
.altroz-position-4 {
  box-sizing: border-box;
  width: auto;
  padding: 8px;
  border: 1px solid #e1e5ea;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 3px 12px rgba(18, 38, 63, 0.08);
}

.altroz-position-4 {
  margin-top: 28px;
}

.altroz-position-4 .publicidad-slot,
.altroz-position-4 .publicidad-slot a,
.altroz-position-4 img {
  display: block;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  margin: 0;
  border-radius: 4px;
}

.utf_sidebar_right .altroz-sports-widget {
  margin-bottom: 0;
}

.altroz-sports-widget .utf_list_post > li:last-child {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
  border-bottom: 0 !important;
}

.social-icon-box > li.instagram { background: #c13584; }
.social-icon-box > li.youtube { background: #ff0000; }
.social-icon-box > li.tiktok { background: #111; }
.social-icon-box > li.linkedin { background: #0a66c2; }

.post-social-icons > li.whatsapp {
  background: #25d366;
}

.altroz-article-share {display:block;margin:16px 0 24px;padding:12px;}
.altroz-article-share .post-social-icons {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0;padding:0;}
.altroz-article-share .post-social-icons > li {margin:0;padding:0;min-width:0;}
.altroz-article-share .post-social-icons a {display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 6px;font-size:11px;line-height:1.3;}
.altroz-article-share .post-social-icons a i {margin:0;padding:0;border:0;}
@media(max-width:380px) {
  .altroz-article-share {padding:8px;}
  .altroz-article-share .post-social-icons {gap:5px;}
  .altroz-article-share .post-social-icons a {font-size:10px;gap:4px;padding-inline:3px;}
}

/* Let the carousel contain the photo, complete headline and date at every width. */
.related-posts #utf_latest_news_slide .owl-stage-outer {
  height: auto;
}
.related-posts .utf_post_thumb img {display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;}
.related-posts .utf_post_content {padding:14px 0 0;}
.related-posts .utf_post_title {margin:0 0 10px;font-size:18px;line-height:1.4;}
.related-posts .utf_post_title a {display:block;white-space:normal;overflow:visible;color:#202020;}

.altroz-search-form {
  display: flex;
  width: 100%;
  margin: 0 0 24px;
  padding: 6px;
  border: 1px solid #dedede;
  border-radius: 6px;
  background: #fff;
  box-shadow: 0 3px 14px rgba(0, 0, 0, 0.06);
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.altroz-search-form:focus-within {
  border-color: var(--brand-primary);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--brand-primary) 10%, transparent);
}

.altroz-search-form input[type="search"] {
  flex: 1 1 auto;
  min-width: 0;
  height: 44px;
  padding: 0 14px;
  border: 0;
  outline: 0;
  background: transparent;
  color: #1c1c1c;
  font-size: 15px;
}

.altroz-search-form button {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-width: 118px;
  height: 44px;
  padding: 0 20px;
  border: 0;
  border-radius: 4px;
  background: var(--brand-primary);
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  cursor: pointer;
  transition: background 0.2s ease, transform 0.2s ease;
}

.altroz-search-form button:hover,
.altroz-search-form button:focus-visible {
  background: #c90000;
}

.altroz-search-form button:active {
  transform: translateY(1px);
}

@media (max-width: 480px) {
  .altroz-search-form button {
    min-width: 48px;
    padding: 0 15px;
  }

  .altroz-search-form button span {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
  }
}

.utf_block_wrapper .utf_more_news {
  margin-top: 34px;
}

/* Keep the main Locales and Deportes cards aligned. */
.utf_block_wrapper .col-lg-6 > .block > .utf_post_overaly_style,
.utf_block_wrapper .col-lg-6 > .block > .utf_post_overaly_style .utf_post_thumb,
.utf_block_wrapper .col-lg-6 > .block > .utf_post_overaly_style .utf_post_thumb > a {
  height: 240px;
}

.utf_block_wrapper .col-lg-6 > .block > .utf_post_overaly_style .utf_post_thumb img {
  width: 100%;
  height: 240px;
  object-fit: cover;
}

.utf_hot_post_bottom.altroz-title-only::before {
  pointer-events: none;
}

.utf_hot_post_bottom.altroz-title-only .utf_post_content {
  inset-inline: 0;
  z-index: 2;
  padding: 26px 14px 14px;
  background: linear-gradient(to bottom, transparent, rgb(0 0 0 / 72%) 26px);
}

.altroz-title-only .utf_post_title.title-medium {
  margin: 0;
  line-height: 1.35;
  overflow-wrap: anywhere;
}

.altroz-title-only .utf_post_title a:focus-visible {
  outline: 2px solid #fff;
  outline-offset: 2px;
}

@media (min-width: 992px) {
  .utf_featured_post_area > .container > .row {
    align-items: stretch;
  }

  .utf_featured_post_area .col-lg-7 > .utf_featured_slider,
  .utf_featured_post_area .col-lg-7 > .utf_featured_slider .owl-stage-outer,
  .utf_featured_post_area .col-lg-7 > .utf_featured_slider .owl-stage,
  .utf_featured_post_area .col-lg-7 > .utf_featured_slider .owl-item,
  .utf_featured_post_area .col-lg-7 > .utf_featured_slider .item {
    height: 465px;
  }

  .utf_featured_post_area .col-lg-5 > .row {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-rows: 264px 198px;
    gap: 3px;
    height: 465px;
    margin: 0;
  }

  .utf_featured_post_area .col-lg-5 > .row > .col-md-12 {
    grid-column: 1 / -1;
  }

  .utf_featured_post_area .col-lg-5 > .row > [class*="col-md-"] {
    width: auto;
    max-width: none;
    height: 100%;
    padding: 0;
  }

  .utf_featured_post_area .hot-post-top,
  .utf_featured_post_area .utf_hot_post_bottom,
  .utf_featured_post_area .utf_post_thumb,
  .utf_featured_post_area .utf_post_thumb a,
  .utf_featured_post_area .utf_post_thumb img {
    display: block;
    width: 100%;
    height: 100%;
    min-height: 0;
    max-height: none;
    object-fit: cover;
  }
}