.destacado-p6 {
  display: grid;
  gap: 2rem;
  margin-block-end: 3.5rem;
  padding-block-end: 2.5rem;
}

@media (min-width: 992px) {
  .destacado-p6 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
    align-items: start;
    align-items: stretch;
  }
}

/* Tarjetas: mismo hover que article.servicio__inner ---------------------- */
.destacado-p6 .destacado-p6__principal {
  border-right: solid 1px #d7dbe3;
  padding-right: 20px;
  border-left: solid 1px #d7dbe3;
  padding-left: 20px;
}
.destacado-p6__principal,
.destacado-p6__lateral {
  position: relative;
  color: var(--gray);
  transition: 0.5s;
}

.destacado-p6__principal:hover,
.destacado-p6__lateral:hover {
  transform: translateY(-10px);
}

.destacado-p6 a {
  text-decoration: none;
}

/* Toda la tarjeta enlaza a la noticia (como .servicio__inner h2 a::after). */
.destacado-p6__titulo a::after {
  content: "";
  position: absolute;
  inset: 0;
}

/* La etiqueta queda por encima del enlace de la tarjeta. */
.destacado-p6__etiqueta {
  position: relative;
  z-index: 1;
}

/* Imágenes ---------------------------------------------------------------- */
.destacado-p6__foto,
.destacado-p6__miniatura {
  display: block;
  overflow: hidden;
  background-color: var(--gray-200);
  line-height: 0;
}

.destacado-p6__img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.destacado-p6__foto {
  aspect-ratio: 16 / 9;
  margin-block-end: 10px;
}

.destacado-p6__miniatura {
  aspect-ratio: 4 / 4;
}
.destacado-p6__miniatura img {
  aspect-ratio: 4 / 4 !important;
}
/* Etiqueta: como .categorias span a ------------------------------------- */
.destacado-p6__etiqueta {
  display: inline-block;
  padding: 2px 4px 0 4px;
  background: #d4dde1;
  font-family: "InterCustom";
  font-size: 0.8rem;
  color: var(--black);
}

/* Titulares -------------------------------------------------------------- */
.destacado-p6__titulo {
  margin: 0 0 12px 0;
  font-family: "Playfair";
  font-size: 1.3rem;
  font-weight: 700;
  line-height: 100%;
  color: var(--black);
}

.destacado-p6__titulo a {
  color: var(--black);
}

.destacado-p6__titulo--principal {
  margin: 8px 0;
  font-size: 2.3rem;
  font-weight: 700;
}

/* Textos secundarios: como .noticia__contenido p ------------------------ */
.destacado-p6__entradilla {
  margin: 0;
  font-size: 1rem;
  font-weight: normal;
  color: var(--gray);
}

.destacado-p6__autor {
  margin: 0;
  font-family: "InterCustom";
  font-size: 0.8rem;
  color: var(--gray-400);
}

.destacado-p6__entradilla + .destacado-p6__autor {
  margin-block-start: 10px;
}

/* Entradilla de las laterales: algo más pequeña que la principal. */
.destacado-p6__lateral .destacado-p6__entradilla {
  font-size: 0.9rem;
}

/* Columna derecha: como .destacado-lista -------------------------------- */
.destacado-p6__lista {
  margin: 0;
  padding: 0;
  list-style: none;
}

.destacado-p6__item {
  padding: 14px 0;
  border-bottom: solid 1px var(--gray-300);
}

.destacado-p6__item:first-child {
  padding-top: 0;
}

.destacado-p6__item:last-child {
  padding-bottom: 0;
  border-bottom: none;
}

.destacado-p6__lateral {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 6.5rem;
  gap: 1rem;
  align-items: start;
}

@media (min-width: 992px) {
  .destacado-p6__lateral {
    grid-template-columns: minmax(0, 1fr) 6rem;
    gap: 20px;
  }
}

/* Sin miniatura, el texto ocupa todo el ancho. */
.destacado-p6__lateral:not(:has(.destacado-p6__miniatura)) {
  grid-template-columns: minmax(0, 1fr);
}

@media (prefers-reduced-motion: reduce) {
  .destacado-p6__principal,
  .destacado-p6__lateral {
    transition: none;
  }

  .destacado-p6__principal:hover,
  .destacado-p6__lateral:hover {
    transform: none;
  }
}
@media screen and (max-width: 768px) {
  .destacado-p6 .destacado-p6__principal {
    border-right: none;
    padding-right: 0;
    border-left: 0;
    padding-left: 0;
  }
}