@media (max-width:767px) {
  /* Hero: media first, headline below. Video controls never share the title layer. */
  .home .mg-fea-area .unimedios-hero-layout { gap:0; margin-bottom:16px; }
  .home .mg-fea-area .post-slider-widget > .mg-sec-title { margin:12px 0 10px; }
  .home .mg-fea-area .post-slider-widget .mg-sec-title .wtitle { font-size:19px; }
  .home .mg-fea-area .postcrousel { margin-bottom:8px; border-radius:0 0 8px 8px; }
  .home .mg-fea-area .postcrousel .mg-blog-post.lg.unimedios-video-card,
  .home .mg-fea-area .postcrousel .mg-blog-post.lg.unimedios-photo-card {
    display:flex; flex-direction:column; min-height:0 !important; height:auto !important;
    overflow:hidden; background:#f7f7fa !important;
  }
  .home .mg-fea-area .postcrousel .mg-blog-post.unimedios-video-card .unimedios-cover-player {
    position:relative !important; left:auto !important; top:auto !important;
    z-index:3; order:0; display:block; width:100% !important; height:auto !important;
    min-height:220px; max-height:67vw; aspect-ratio:16/9; object-fit:contain;
    transform:none !important; background:#171b32;
  }
  .home .mg-fea-area .postcrousel .mg-blog-post.unimedios-video-card .unimedios-cover-player.unimedios-portrait-video {
    width:100% !important; height:67vw !important; aspect-ratio:auto;
  }
  .home .mg-fea-area .postcrousel .mg-blog-post.unimedios-photo-card .unimedios-photo-glow {
    height:59vw; max-height:350px; inset:0 0 auto; filter:blur(22px) brightness(.7);
  }
  .home .mg-fea-area .postcrousel .mg-blog-post.unimedios-photo-card .unimedios-photo-main {
    position:relative; z-index:2; order:0; display:block;
    height:59vw; max-height:350px; object-fit:contain;
  }
  .home .mg-fea-area .postcrousel .mg-blog-post.unimedios-video-card > article.bottom,
  .home .mg-fea-area .postcrousel .mg-blog-post.unimedios-photo-card > article.bottom {
    position:relative !important; left:auto !important; bottom:auto !important;
    z-index:4; order:2; width:100%; max-width:none; padding:15px 16px 18px;
    margin:0; border:0; border-radius:0; transform:none !important;
    background:#fff !important; box-sizing:border-box; text-align:left;
  }
  .home .mg-fea-area .postcrousel .mg-blog-post.unimedios-photo-card > article.bottom .title,
  .home .mg-fea-area .postcrousel .mg-blog-post.unimedios-video-card > article.bottom .title {
    margin:8px 0; font-size:clamp(22px,6vw,27px) !important; line-height:1.18 !important;
  }
  .home .mg-fea-area .postcrousel .mg-blog-post.unimedios-photo-card article.bottom .title a,
  .home .mg-fea-area .postcrousel .mg-blog-post.unimedios-video-card article.bottom .title a {
    color:#202340 !important;
  }
  .home .mg-fea-area .postcrousel .mg-blog-post.unimedios-photo-card article.bottom .mg-blog-meta,
  .home .mg-fea-area .postcrousel .mg-blog-post.unimedios-video-card article.bottom .mg-blog-meta,
  .home .mg-fea-area .postcrousel .mg-blog-post.unimedios-photo-card article.bottom .mg-blog-meta a,
  .home .mg-fea-area .postcrousel .mg-blog-post.unimedios-video-card article.bottom .mg-blog-meta a {
    color:#50546a !important; font-size:12px; line-height:1.45;
  }
  .home .mg-fea-area .postcrousel .mg-blog-post.unimedios-photo-card article.bottom .post-form,
  .home .mg-fea-area .postcrousel .mg-blog-post.unimedios-video-card article.bottom .post-form { display:none; }
  .home .mg-fea-area .postcrousel .swiper-button-prev,
  .home .mg-fea-area .postcrousel .swiper-button-next { display:none !important; }
  .home .mg-fea-area .postcrousel::after {
    content:'Desliza para ver más noticias  →'; display:block; padding:9px 16px;
    color:#3c4371; background:#fff; font-size:12px; font-weight:700; text-align:right;
  }
  .home .mg-fea-area .unimedios-video-badge { top:10px; right:10px; font-size:11px; }

  /* Section lists and the lower news feed use one consistent mobile grid. */
  .home .mg-fea-area .unimedios-headlines { display:block; padding:14px 16px; margin:0 0 20px; }
  .home .mg-fea-area .unimedios-headlines-section + .unimedios-headlines-section { margin-top:12px; }
  .home .mg-fea-area .unimedios-headlines h3 { font-size:18px; margin-bottom:6px; }
  .home .mg-fea-area .unimedios-headlines li img { width:74px; height:60px; object-fit:cover; }
  .home .mg-fea-area .unimedios-headlines li a { font-size:14px; line-height:1.32; }
  .home #content .mg-posts-sec-post { display:block; padding:0 0 16px; overflow:hidden; border-radius:8px; background:#fff; }
  .home #content .mg-posts-sec-post > .col-12 { padding-left:0; padding-right:0; }
  .home #content .mg-posts-sec-post .mg-post-thumb { width:100%; min-height:0; height:auto !important; aspect-ratio:16/10 !important; max-height:none; }
  .home #content .mg-posts-sec-post .mg-post-thumb.unimedios-photo-card .unimedios-photo-main {
    object-fit:contain; object-position:center center;
  }
  .home #content .mg-posts-sec-post .mg-post-thumb.unimedios-photo-card.unimedios-wide-photo .unimedios-photo-main { object-fit:cover; }
  .home #content .mg-posts-sec-post .mg-sec-top-post { padding:14px 16px 4px !important; }
  .home #content .mg-posts-sec-post .title { margin:0 0 9px; font-size:21px; line-height:1.25; }
  .home #content .mg-posts-sec-post .mg-blog-meta { font-size:12px; }
  .home #content .mg-posts-sec-post .mg-content { font-size:15px; line-height:1.48; }

  /* Interior: legible title and a video that fits the screen width. */
  .single-post #content .mg-blog-post-box.single { padding:0 14px 20px; }
  .single-post #content .mg-blog-post-box.single .mg-header h1.title {
    font-size:clamp(26px,7vw,34px) !important; line-height:1.18 !important;
    margin:10px 0 14px; overflow-wrap:break-word;
  }
  .single-post #content .mg-blog-post-box.single .small.single { font-size:17px; line-height:1.62; }
  .single-post #content .mg-blog-post-box.single .small.single p { margin:0 0 1.15em; }
  .single-post #content .unimedios-media-section { margin:16px -14px 24px; background:#161b35; }
  .single-post #content .unimedios-media-section video {
    display:block; width:100% !important; max-width:100% !important;
    height:auto; max-height:68vh; margin:0 auto; object-fit:contain;
    background:#161b35;
  }
  .single-post #content .unimedios-media-section video.unimedios-portrait-video { max-width:min(100%,380px) !important; }
}
