/* Guia de lectura: seccion nativa de libros */
#orden,
#orden .section-inner,
#orden .section-text,
#orden .prose {
  width: min(1360px, calc(100vw - 48px)) !important;
  max-width: none !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

#orden {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

#orden .section-inner {
  display: block !important;
}

#orden .prose {
  overflow: visible !important;
}

#orden h2 {
  max-width: 1360px !important;
}

.books-guide-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 1.1rem !important;
  margin-top: 1.35rem !important;
  width: 100% !important;
}

.books-guide-card {
  display: block !important;
  min-width: 0 !important;
  padding: 1.15rem !important;
  border: 1px solid rgba(216,173,83,.28) !important;
  border-radius: 8px !important;
  background:
    linear-gradient(135deg, rgba(49,54,51,.92), rgba(24,31,42,.86)),
    radial-gradient(circle at 0 0, rgba(216,173,83,.18), transparent 36%) !important;
  color: #f4f0e8 !important;
  text-decoration: none !important;
  box-shadow: 0 24px 58px rgba(0,0,0,.34) !important;
}

.books-guide-card:hover {
  border-color: rgba(216,173,83,.68) !important;
  transform: translateY(-2px);
}

.books-guide-card i {
  color: #d8ad53 !important;
  font-size: 1.1rem !important;
  margin-right: .6rem !important;
}

.books-guide-card h3 {
  display: inline !important;
  color: #fff !important;
  font-size: 1.02rem !important;
  line-height: 1.25 !important;
  margin: 0 !important;
}

.books-guide-series-order {
  margin: .45rem 0 .85rem !important;
  color: #b7bdc7 !important;
  font-size: .72rem !important;
  letter-spacing: .11em !important;
  text-transform: uppercase !important;
}

.books-guide-card ol {
  margin: 0 !important;
  padding: 0 !important;
  list-style-position: inside !important;
  color: #fff !important;
}

.books-guide-card li {
  margin: .36rem 0 !important;
  color: #fff !important;
  line-height: 1.35 !important;
}

.books-guide-card li span {
  color: #fff !important;
}

.books-guide-card em {
  color: #cfc7b8 !important;
  font-style: normal !important;
  white-space: nowrap !important;
}

@media (max-width: 1180px) {
  .books-guide-grid { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
}
@media (max-width: 860px) {
  .books-guide-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}
@media (max-width: 560px) {
  #orden,
  #orden .section-inner,
  #orden .section-text,
  #orden .prose {
    width: calc(100vw - 28px) !important;
  }
  .books-guide-grid { grid-template-columns: 1fr !important; }
}

/* Ajuste de contención dentro del cuadro de guía */
#orden,
#orden .section-inner,
#orden .section-text,
#orden .prose {
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: 100% !important;
}

#orden .section-inner {
  padding-left: clamp(1.25rem, 3vw, 3.5rem) !important;
  padding-right: clamp(1.25rem, 3vw, 3.5rem) !important;
}

#orden .books-guide-grid {
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: 100% !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

#orden .books-guide-card {
  box-sizing: border-box !important;
  min-width: 0 !important;
}

/* Ajuste de contención dentro del cuadro de guía */
#orden,
#orden .section-inner,
#orden .section-text,
#orden .prose {
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: 100% !important;
}

#orden .section-inner {
  padding-left: clamp(1.25rem, 3vw, 3.5rem) !important;
  padding-right: clamp(1.25rem, 3vw, 3.5rem) !important;
}

#orden .books-guide-grid {
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: 100% !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

#orden .books-guide-card {
  box-sizing: border-box !important;
  min-width: 0 !important;
}

/* Corrección responsive final */
#orden,
#orden .section-inner,
#orden .section-text,
#orden .prose {
  box-sizing: border-box !important;
  max-width: 100% !important;
}

#orden .section-inner {
  padding-left: clamp(1.25rem, 3vw, 3rem) !important;
  padding-right: clamp(1.25rem, 3vw, 3rem) !important;
}

#orden .books-guide-grid {
  display: grid !important;
  width: 100% !important;
  max-width: 100% !important;
  grid-template-columns: repeat(4, minmax(230px, 1fr)) !important;
  gap: 1rem !important;
}

#orden .books-guide-card {
  min-width: 0 !important;
}

@media (max-width: 1180px) {
  #orden .books-guide-grid {
    grid-template-columns: repeat(3, minmax(230px, 1fr)) !important;
  }
}

@media (max-width: 880px) {
  #orden .books-guide-grid {
    grid-template-columns: repeat(2, minmax(220px, 1fr)) !important;
  }
}

@media (max-width: 620px) {
  #orden .books-guide-grid {
    grid-template-columns: 1fr !important;
  }

  #orden .section-inner {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }

  #orden .books-guide-card {
    width: 100% !important;
  }
}