/* ==============================
   FQC - Noticias (solo esta vista)
   ============================== */

/* ===== HERO NOTICIAS (banner panorámico fijo) ===== */
body .page-title.hero-noticias{
  --hero-h: clamp(360px, 45vh, 520px);
  min-height: var(--hero-h);
  display:flex; align-items:center;
  width:100%; overflow:hidden;

  background-image:none !important;
  background-color:#f5f9fc !important;

  background: url('../imagenes/Noticias_2.png?v=1') right center / auto 100% no-repeat,
              #f5f9fc !important;
}

/* quita pseudos del tema SOLO aquí */
body .page-title.hero-noticias::before,
body .page-title.hero-noticias::after{
  content:none !important; display:none !important;
}

/* contenido por encima del fondo */
body .page-title.hero-noticias > .container{ position:relative; z-index:1; }

/* sin recuadro blanco ni borde en este hero */
body .page-title.hero-noticias .white-bg{
  background:transparent !important; box-shadow:none !important; border:0 !important;
}
body .page-title.hero-noticias .page-breadcrumb{ border-top:0 !important; }

/* imagen real en móvil/tablet */
body .page-title.hero-noticias .hero-bg-mobile{ display:none; }

@media (max-width: 991.98px){
  body .page-title.hero-noticias{
    background: #f5f9fc !important;
    min-height: auto !important;
    height: auto !important;
    overflow: hidden !important;
    position: relative;
    padding: 0 !important;
  }

  body .page-title.hero-noticias .hero-bg-mobile{
    display:block;
    width:100%;
    height:auto;
    max-width:100%;
    object-fit:contain;
  }

  body .page-title.hero-noticias > .container{
    position:absolute !important;
    left:0; right:0;
    top:0;
    z-index:2;
  }

  body .page-title.hero-noticias .white-bg{
    margin-top: 0.75rem;
  }
}

/* Breadcrumb responsive base (móvil + tablet) */
@media (max-width: 991.98px){
  body .page-title .page-breadcrumb .breadcrumb{
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
  }

  body .page-title .page-breadcrumb .breadcrumb .breadcrumb-item.active{
    flex: 0 0 100% !important;
    width: 100% !important;
    display: inline-flex !important;
    align-items: center !important;
    margin-top: .25rem !important;
    padding-left: inherit !important; /* NO quitar */
    white-space: normal !important;
  }

  body .page-title .page-breadcrumb .breadcrumb .breadcrumb-item.active::before{
    display: inline-block !important;
    float: none !important;
  }

  body .page-title .page-breadcrumb .breadcrumb .breadcrumb-item + .breadcrumb-item::before{
    display: inline-block !important;
    float: none !important;
  }
}

/* ===== Noticias: breadcrumb SIEMPRE en 1 línea (Inicio > Noticias) en móvil/tablet ===== */
@media (max-width: 991.98px){
  body .page-title.hero-noticias .page-breadcrumb .breadcrumb{
    flex-wrap: nowrap !important;
    white-space: nowrap !important;
  }

  body .page-title.hero-noticias .page-breadcrumb .breadcrumb .breadcrumb-item.active{
    flex: 0 0 auto !important;
    width: auto !important;
    margin-top: 0 !important;
    display: inline-flex !important;
    white-space: nowrap !important;
  }

  body .page-title.hero-noticias .page-breadcrumb .breadcrumb .breadcrumb-item + .breadcrumb-item::before{
    display: inline-block !important;
    float: none !important;
  }
}


/* ==============================
   Cards de noticias (azul) + medios
   ============================== */

.news-list .news-card{
  background:#205b8c !important;
  color:#fff;
  border-radius:14px;
  overflow:hidden;
  box-shadow:0 10px 24px rgba(0,0,0,.08);
}
.news-list .news-card .title{ margin-bottom:.25rem; }
.news-list .news-card .desc{ color:#fff; opacity:.95; }

/* Botón PDF */
.news-list .news-card .pdf-btn{
  display:inline-flex; align-items:center; gap:10px;
  padding:.6rem 1rem;
  border:2px solid #fff;
  border-radius:8px;
  text-decoration:none;
  color:#fff;
  font-weight:700;
  transition:transform .15s ease, background .15s ease;
}
.news-list .news-card .pdf-btn:hover{
  transform:translateY(-2px);
  background:rgba(255,255,255,.08);
}

/* Columna de medios */
.news-list .news-card .media-grid{
  display:grid;
  gap:12px;
  grid-template-columns: 1fr;
}
.news-list .news-card .media-box{
  position:relative;
  border-radius:10px;
  overflow:hidden;
  background:#174a72;
}
.news-list .news-card .media-box img{
  width:100%;
  height:auto;
  display:block;
  aspect-ratio:16/9;
  object-fit:cover;
}
.news-list .news-card .media-box iframe{
  width:100%;
  aspect-ratio:16/9;
  border:0;
  display:block;
}

/* Flecha interna (solo cuando hay ext link y NO hay video) */
.news-list .news-card .ext-arrow{
  position:absolute;
  right:12px;
  bottom:12px;
  z-index:3;

  width:56px;
  height:56px;
  border-radius:50%;
  display:inline-flex;
  align-items:center;
  justify-content:center;

  background:#2f6fe4;
  color:#fff;
  text-decoration:none;
  box-shadow:0 6px 16px rgba(47,111,228,.35);
  transition:transform .15s ease, box-shadow .15s ease, opacity .15s ease;
}
.news-list .news-card .ext-arrow:hover{
  transform:translateY(-2px);
  opacity:.95;
}
.news-list .news-card .ext-arrow svg{
  width:26px;
  height:26px;
  display:block;
}

@media (min-width: 992px){
  .news-list .news-card .media-grid.has-both{
    grid-auto-rows: 1fr;
  }
}

.sr-only{
  position:absolute !important;
  width:1px !important;
  height:1px !important;
  padding:0 !important;
  margin:-1px !important;
  overflow:hidden !important;
  clip:rect(0,0,0,0) !important;
  white-space:nowrap !important;
  border:0 !important;
}