/* Radar Home Mobile 1.0.6 — Abertura e primeiro Destaque. */
/* Carregar depois de radar-home-adjustments-1.0.5.css. */
@media (max-width: 767px) {
  .daily-opening {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 10px;
    padding: 16px;
  }

  .daily-opening > .eyebrow {
    order: 0;
    margin: 0;
    font-size: .73rem;
    line-height: 1.4;
  }

  .daily-opening > a:first-of-type:not(.read-more) {
    order: 1;
    display: block;
    width: 100%;
    min-width: 0;
  }

  .daily-opening > a:first-of-type img {
    display: block;
    width: 100%;
    height: auto;
    max-height: none;
    aspect-ratio: 16 / 9;
    object-fit: contain;
    object-position: center;
    border-radius: 10px;
    background: #f0f4f7;
  }

  .daily-opening > h2 {
    order: 2;
    display: block;
    -webkit-line-clamp: unset;
    -webkit-box-orient: initial;
    overflow: visible;
    max-height: none;
    margin: 0;
    font-size: 1.16rem;
    line-height: 1.35;
    overflow-wrap: anywhere;
  }

  .daily-opening > p:not(.eyebrow) {
    display: none;
  }

  .daily-opening > .read-more {
    order: 3;
    display: inline-flex;
    align-items: center;
    align-self: flex-start;
    width: auto;
    min-height: 44px;
    margin: -4px 0 0;
    padding: 4px 0;
    font-size: .92rem;
    line-height: 1.4;
    text-underline-offset: 3px;
  }

  /* Mantem o espaco de midia utilizavel caso a Abertura tenha video. */
  .daily-opening > .radar-video-card,
  .daily-opening > .radar-video-wrap {
    order: 1;
    width: 100%;
    max-width: none;
    min-width: 0;
    margin: 0;
  }

  .daily-opening > .radar-video-wrap video,
  .daily-opening > .radar-video-card video {
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 9;
    object-fit: contain;
  }

  [data-highlights-list] > .edition-highlight:first-child {
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
    padding: 14px 0 18px;
  }

  [data-highlights-list] > .edition-highlight:first-child img {
    display: block;
    flex: none;
    width: 100%;
    height: auto;
    max-height: none;
    aspect-ratio: 16 / 9;
    object-fit: contain;
    object-position: center;
    border-radius: 10px;
    background: #f0f4f7;
  }

  [data-highlights-list] > .edition-highlight:first-child h3 {
    display: block;
    -webkit-line-clamp: unset;
    overflow: visible;
    margin: 0;
    font-size: 1.16rem;
    line-height: 1.35;
    overflow-wrap: anywhere;
  }
}