html,
    body {
    max-width: 100%;
    overflow-x: hidden;
    }

    body {
    background: linear-gradient(135deg, #f7efff, #ffffff);
    min-height: 100vh;
    font-family: Arial, sans-serif;
    }

        .page-wrap {
        max-width: 1180px;
        width: 100%;
        margin: 0 auto;
        padding: 48px 20px;
        }

        .tag {
            background: #eadcf7;
            color: #5A1785;
            padding: 10px 22px;
            border-radius: 999px;
            font-weight: 800;
            display: inline-block;
        }

        .titulo,
        .section-title {
            color: #5A1785;
            font-weight: 900;
        }

        .section-title {
            margin: 48px 0 24px;
        }

        .card-ka3 {
            border: 1px solid #eadcf7;
            border-radius: 26px;
            box-shadow: 0 12px 35px rgba(90, 23, 133, 0.09);
            height: 100%;
            overflow: hidden;
            background: white;
            display: flex;
            flex-direction: column;
        }

        .cover-img {
            width: 100%;
            height: 290px;
            object-fit: cover;
            object-position: center;
            background: #faf7ff;
        }

        .cover-placeholder {
            width: 100%;
            height: 290px;
            background: #faf7ff;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 52px;
        }

        .card-body-ka3 {
            padding: 24px;
            display: flex;
            flex-direction: column;
            flex-grow: 1;
        }

        .card-body-ka3 h4 {
            font-weight: 900;
            margin-bottom: 12px;
        }

        .card-body-ka3 p {
            color: #444;
            font-size: 16px;
            flex-grow: 1;
        }

        .btn-ka3 {
            background: #5A1785;
            color: white;
            border-radius: 16px;
            padding: 14px 18px;
            text-decoration: none;
            font-weight: 800;
            text-align: center;
            display: block;
            width: 100%;
            margin-top: 18px;
        }

        .btn-ka3:hover {
            background: #48106d;
            color: white;
        }

        .status-material {
            color: #2E7D52;
            display: block;
            font-size: 14px;
            font-weight: 800;
            margin-top: 12px;
        }

        .btn-disabled-ka3 {
            background: #d9c5ea;
            color: #5A1785;
            border-radius: 16px;
            padding: 14px 18px;
            text-decoration: none;
            font-weight: 800;
            text-align: center;
            display: block;
            width: 100%;
            margin-top: 18px;
            cursor: default;
        }

        .book-card {
            border: 1px solid #eadcf7;
            border-radius: 22px;
            background: white;
            padding: 22px;
            height: 100%;
            box-shadow: 0 10px 28px rgba(90, 23, 133, 0.07);
        }

        @media (max-width: 768px) {
            .titulo {
                font-size: 34px;
            }

            .cover-img,
            .cover-placeholder {
                height: 340px;
            }
        }


.book-netflix-card h4 {
    font-size: 18px;
    font-weight: 900;
    color: #2b2b2b;
}

.books-carousel {
    display: flex;
    gap: 20px;
    overflow-x: auto;
    overflow-y: hidden;
    padding: 10px 0 28px;
    width: 100%;
}

.book-netflix-card {
    flex: 0 0 85%;
    max-width: 85%;
}
@media (min-width: 768px) {

    .book-netflix-card {
        flex: 0 0 320px;
        max-width: 320px;
    }

}

.book-cover {
    width: 100%;
    height: 260px;
    object-fit: contain;
    background: #faf7ff;
    border-radius: 16px;
    padding: 10px;
    margin-bottom: 16px;
}

.book-netflix-card h4 {
    font-size: 17px;
    font-weight: 900;
}

.book-netflix-card p {
    color: #5A1785;
    font-weight: 700;
    margin-bottom: 8px;
}

.book-netflix-card span {
    font-size: 14px;
    color: #555;
}

@media (max-width: 600px) {
    .book-netflix-card {
        flex: 0 0 78%;
    }

    .book-cover {
        height: 240px;
    }
}

.book-netflix-card p {
    color: #5A1785;
    font-weight: 700;
    margin-bottom: 8px;
}

.book-netflix-card span {
    font-size: 14px;
    color: #555;
}

/* TABLET */
@media (min-width: 768px) {
    .book-netflix-card {
        flex: 0 0 42%;
        max-width: 42%;
    }

    .book-cover {
        height: 300px;
    }
}

/* DESKTOP */
@media (min-width: 1024px) {
    .book-netflix-card {
        flex: 0 0 260px;
        max-width: 260px;
    }

    .book-cover {
        height: 300px;
    }
}

.carousel-wrapper {
    position: relative;
}

.carousel-arrow {
    position: absolute;
    right: 10px;
    top: 45%;
    z-index: 10;
    background: #5A1785;
    color: white;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 900;
    box-shadow: 0 8px 20px rgba(90, 23, 133, 0.25);
    pointer-events: none;
}