/* ------------------------------------------------------------
   Actualización 2026 · autora.disenograficodigital.com
   Novedad destacada, sello «Novedad», etiquetas de edición
   y ajustes de accesibilidad y títulos.
------------------------------------------------------------ */

/* El texto rotativo del hero admite líneas largas */
.header-content h1 span { white-space: normal; }

/* Títulos h1 con el mismo aspecto que los antiguos h2 */
h1.tittle { font-size: 40px; line-height: 1.2; }

/* Novedad destacada en TOP VENTAS */
.novedad {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  background-color: #2a2a2a;
  margin: 60px 0 0;
  width: 100%;
  float: left;
}
.novedad-figura {
  position: relative;
  flex: 1 1 360px;
  margin: 0;
  background: #fff;
}
.novedad-figura img { width: 100%; height: auto; display: block; }
.novedad-texto { flex: 1 1 380px; padding: 10px 30px 30px; }
.novedad-texto .blog-title { padding: 20px 0 0; float: none; display: block; }
.novedad-texto p { color: #999; }
.novedad-texto .blog-title p { margin-bottom: 15px; }

/* Sello circular, en la línea del sello de edición de las portadas */
.sello-novedad {
  position: absolute;
  top: 18px;
  left: 18px;
  width: 108px;
  height: 108px;
  border-radius: 50%;
  background: #FFD400;
  color: #111;
  font-family: 'Oswald', sans-serif;
  font-weight: 600;
  font-size: 21px;
  text-transform: uppercase;
  letter-spacing: .02em;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: rotate(-12deg);
  pointer-events: none;
}

/* Etiquetas en el listado de libros */
.etiqueta-novedad,
.etiqueta-edicion {
  display: inline-block;
  vertical-align: middle;
  margin-left: 8px;
  padding: 2px 9px;
  border-radius: 3px;
  font-family: 'Oswald', sans-serif;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.5;
  text-transform: uppercase;
  letter-spacing: .03em;
}
.etiqueta-novedad { background: #FFD400; color: #111; }
.etiqueta-edicion { background: transparent; color: #FFD400; border: 1px solid #FFD400; }
.etiqueta-grande { font-size: 18px; padding: 3px 12px; }

/* Títulos de libro en el listado, ahora h2 */
.popular-post-widget h2.media-heading {
  font-size: 18px;
  line-height: 1.35;
  padding-bottom: 0;
  margin: 0 0 6px;
}
.popular-post-widget .media { margin-bottom: 30px; }

/* Índice de la ficha del libro */
h2.indice-titulo { font-size: 18px; line-height: 1.35; margin: 30px 0 10px; padding: 0; }
h3.capitulo { color: #ccc; font-size: 20px; margin: 26px 0 8px; }

/* Imágenes que mantienen proporción con width/height */
img[width][height] { height: auto; }

/* Foco visible para navegación con teclado */
a:focus-visible, button:focus-visible {
  outline: 2px solid #FFD400;
  outline-offset: 3px;
}

@media (max-width: 767px) {
  .sello-novedad { width: 84px; height: 84px; font-size: 16px; top: 12px; left: 12px; }
  .novedad-texto { padding: 0 20px 20px; }
  h1.tittle { font-size: 28px; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: .01ms !important; transition-duration: .01ms !important; }
}

/* Contraste de los títulos sobre el fondo blanco del listado */
.popular-post-widget .media-heading a { color: #3a3a3a; }
.popular-post-widget .media-heading a:hover,
.popular-post-widget .media-heading a:focus { color: #1a9aab; }
.popular-post-widget .etiqueta-edicion { background: #222; border-color: #222; }

/* Ficha técnica e índice: empiezan debajo de las imágenes flotantes
   (sin esto quedaban desplazados fuera de la caja blanca) */
.blog-details-content .media {
  clear: both;
  width: 100%;
  padding-top: 45px; /* padding y no margin: el margin se pierde tras los flotados */
  margin-top: 0;
}

/* Más contraste para los títulos de la ficha y del índice sobre blanco */
.blog-details-content .media-heading a,
.blog-details-content h3.capitulo { color: #3a3a3a; }
.blog-details-content .media-heading a:hover,
.blog-details-content .media-heading a:focus { color: #1a9aab; }

/* Cita destacada de Cultura FNAC (página de Diseño Asistido por IA) */
.blog-details-content blockquote.cita-fnac {
  position: relative;
  background: #111;
  border-left: 6px solid #FFD400;
  padding: 34px 36px 26px;
  margin: 45px 0;
  color: #eee;
  font-size: 19px;
  line-height: 1.6;
}
.cita-fnac .cita-sello {
  display: inline-block;
  background: #FFD400;
  color: #111;
  font-family: 'Oswald', sans-serif;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: .04em;
  text-transform: uppercase;
  padding: 4px 12px;
  margin-bottom: 18px;
}
.cita-fnac p { color: #eee; font-style: italic; margin: 0 0 14px; }
.cita-fnac footer { font-size: 15px; text-align: right; }
.cita-fnac footer::before { content: "— "; color: #FFD400; }
.cita-fnac footer a, .cita-fnac cite { color: #FFD400; font-style: normal; font-weight: 600; }
.cita-fnac footer a:hover, .cita-fnac footer a:focus { color: #fff; }
.comprar-libro { margin-top: 30px; font-size: 16px; }

@media (max-width: 767px) {
  .blog-details-content blockquote.cita-fnac { padding: 26px 22px 20px; font-size: 17px; }
}

/* Aire entre las fotos y el texto en las fichas de libro */
.blog-details-content figure { margin: 10px 0 28px; }