/* ==============================
   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;
}



/* =========================
   NOTICIAS - Galería inferior
   estilo alineado a Certificaciones
   con regla anti-duplicado visual
   ========================= */

.news-gallery-section {
  padding-top: 10px;
}

.news-gallery-section .fqc-owl .item,
.news-gallery-static .cases-item {
  height: 100%;
}

.news-gallery-card {
  background: #fff;
  border-radius: 0;
}

.news-gallery-img {
  width: 100%;
  height: 220px;
  object-fit: cover;
  display: block;
}

.news-gallery-section .cases-item {
  position: relative;
  overflow: hidden;
}

.news-gallery-section .popup-img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 54px;
  height: 54px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(32, 91, 140, 0.92);
  color: #fff;
  text-decoration: none;
  opacity: 0;
  transition: all .25s ease;
  z-index: 2;
}

.news-gallery-section .cases-item::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.18);
  opacity: 0;
  transition: opacity .25s ease;
  z-index: 1;
}

.news-gallery-section .cases-item:hover::after,
.news-gallery-section .cases-item:hover .popup-img {
  opacity: 1;
}

.news-gallery-section .popup-img i {
  font-size: 22px;
  line-height: 1;
}

/* Vista estática: 1 a 4 imágenes */
.news-gallery-static {
  margin-left: -5px;
  margin-right: -5px;
}

.news-gallery-static > [class*="col-"] {
  padding-left: 5px;
  padding-right: 5px;
}

/* Carrusel: 5 o más imágenes */
.news-gallery-carousel .owl-stage {
  display: flex;
}

.news-gallery-carousel .owl-item {
  display: flex;
}

.news-gallery-carousel .owl-item .item {
  width: 100%;
}

@media (max-width: 1399.98px) {
  .news-gallery-img {
    height: 240px;
  }
}

@media (max-width: 991.98px) {
  .news-gallery-img {
    height: 220px;
  }
}

@media (max-width: 575.98px) {
  .news-gallery-img {
    height: 210px;
  }
}