/* Revista Criad+ Educação — Sprint 3.19
   Refinamento visual da Biblioteca somente no mobile. */

@media (max-width: 680px) {
  .revista-library {
    margin-top: 30px !important;
    padding: 18px 14px 20px !important;
    border-radius: 22px !important;
    background: linear-gradient(155deg, #ffffff 0%, #fbf9ff 55%, #f5f0ff 100%) !important;
    border: 1px solid rgba(107, 53, 199, .12) !important;
    box-shadow: 0 14px 34px rgba(67, 39, 110, .06) !important;
  }

  .revista-library .revista-library-head {
    margin-bottom: 16px !important;
  }

  .revista-library .revista-library-head > a {
    margin-top: 8px !important;
    padding-bottom: 7px;
    border-bottom: 3px solid #6b35c7;
  }

  .revista-library .revista-library-feature {
    display: block !important;
  }

  .revista-library .library-feature-card {
    display: grid !important;
    grid-template-columns: minmax(112px, 38%) minmax(0, 1fr) !important;
    gap: 14px !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    padding: 14px !important;
    border-radius: 20px !important;
    overflow: hidden !important;
    background:
      radial-gradient(circle at 92% 12%, rgba(126, 76, 230, .15), transparent 34%),
      linear-gradient(135deg, #ffffff 0%, #f8f3ff 52%, #eee7ff 100%) !important;
    color: #17192a !important;
    border: 1px solid rgba(107, 53, 199, .13) !important;
    box-shadow: 0 14px 32px rgba(65, 36, 108, .10) !important;
  }

  .revista-library .library-feature-cover {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    align-self: stretch !important;
  }

  .revista-library .library-feature-cover img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 218px !important;
    max-height: 260px !important;
    object-fit: cover !important;
    border-radius: 14px !important;
    box-shadow: 0 12px 24px rgba(39, 25, 66, .17) !important;
  }

  .revista-library .library-feature-copy {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    min-width: 0 !important;
    padding: 2px 0 !important;
    color: #17192a !important;
  }

  .revista-library .library-type {
    align-self: flex-start;
    display: inline-flex !important;
    padding: 6px 9px !important;
    border-radius: 999px !important;
    background: rgba(107, 53, 199, .08) !important;
    border: 1px solid rgba(107, 53, 199, .14) !important;
    color: #6b35c7 !important;
    font-size: .65rem !important;
    line-height: 1.15 !important;
    letter-spacing: .07em !important;
  }

  .revista-library .library-feature-copy h3 {
    margin: 10px 0 8px !important;
    font-size: clamp(1.2rem, 5.8vw, 1.52rem) !important;
    line-height: 1.08 !important;
    color: #17192a !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
  }

  .revista-library .library-feature-copy > p {
    display: none !important;
  }

  .revista-library .library-meta {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 4px 6px !important;
    margin: 0 0 12px !important;
    color: #656778 !important;
    font-size: .73rem !important;
    line-height: 1.35 !important;
  }

  .revista-library .library-feature-copy .read-link {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    align-self: flex-start !important;
    min-height: 42px !important;
    padding: 10px 14px !important;
    border-radius: 12px !important;
    background: linear-gradient(135deg, #6b35c7, #7f3ff0) !important;
    color: #ffffff !important;
    box-shadow: 0 9px 20px rgba(107, 53, 199, .22) !important;
    font-size: .82rem !important;
    font-weight: 800 !important;
    text-decoration: none !important;
    white-space: normal !important;
  }

  .revista-library .library-rail {
    display: flex !important;
    width: calc(100% + 14px) !important;
    margin: 18px -14px 0 0 !important;
    padding: 0 14px 10px 0 !important;
    gap: 12px !important;
    overflow-x: auto !important;
    scroll-snap-type: x mandatory !important;
    scrollbar-width: none !important;
  }

  .revista-library .library-rail::-webkit-scrollbar { display: none !important; }

  .revista-library .library-book-card {
    flex: 0 0 min(76vw, 288px) !important;
    min-width: min(76vw, 288px) !important;
    max-width: 288px !important;
    scroll-snap-align: start !important;
  }

  .revista-library .library-book-card a {
    display: block !important;
    height: 100% !important;
    padding: 12px !important;
    border-radius: 18px !important;
    background: #ffffff !important;
    border: 1px solid rgba(107, 53, 199, .13) !important;
    box-shadow: 0 10px 25px rgba(53, 34, 83, .06) !important;
  }

  .revista-library .library-book-card img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 3 / 4 !important;
    object-fit: cover !important;
    border-radius: 12px !important;
  }

  .revista-library .library-book-card span {
    margin: 12px 2px 0 !important;
    color: #6b35c7 !important;
    font-size: .69rem !important;
  }

  .revista-library .library-book-card h3 {
    margin: 6px 2px !important;
    color: #191c2c !important;
    font-size: .96rem !important;
    line-height: 1.3 !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
  }

  .revista-library .library-book-card p {
    margin: 0 2px 2px !important;
    color: #727480 !important;
    font-size: .8rem !important;
  }

  .revista-library .library-discovery-note {
    margin-top: 18px !important;
    padding-top: 16px !important;
  }
}

@media (max-width: 370px) {
  .revista-library .library-feature-card {
    grid-template-columns: 104px minmax(0, 1fr) !important;
    gap: 12px !important;
    padding: 12px !important;
  }

  .revista-library .library-feature-cover img {
    min-height: 196px !important;
  }

  .revista-library .library-feature-copy h3 {
    font-size: 1.12rem !important;
  }

  .revista-library .library-feature-copy .read-link {
    padding: 9px 11px !important;
    font-size: .76rem !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .revista-library *,
  .revista-library *::before,
  .revista-library *::after {
    scroll-behavior: auto !important;
    transition: none !important;
  }
}