.libros-personalizados-page .hero.small{ background: var(--black) url("../img/bg-sun2-wide.jpg"); background-position: center; background-size: cover; }

.libros-personalizados-page .page-content .intro{ margin-bottom: 50px; }

.libros-personalizados-page .page-content .special-title{ margin-bottom: 30px; color: var(--dark-purple); font-size: 22px; font-weight: 600; }

.libros-personalizados-page .page-content .book{ background: var(--bg-purple); padding: 30px 30px 10px; border-radius: 20px; margin-bottom: 20px; position: relative; overflow: hidden; }
.libros-personalizados-page .page-content .book .book-content{ position: relative; z-index: 10; display: flex; justify-content: space-between; align-items: center; }
.libros-personalizados-page .page-content .book .book-content .left h2{ font-size: 28px; font-family: var(--baskerville); letter-spacing: -1px; font-weight: bold; color: var(--purple); margin-bottom: 20px; }
.libros-personalizados-page .page-content .book .book-content .left p{ font-size: 16px; }
.libros-personalizados-page .page-content .book .book-content .left .dedicated{ font-style: italic; color: var(--grey-444); font-weight: 600; }

.libros-personalizados-page .page-content .book .book-content .cover{ width: 200px; min-width: 200px; height: auto; margin-left: 40px; }
.libros-personalizados-page .page-content .book .book-content .cover img{ width: 100%; height: auto; object-fit: cover; border-radius: 20px; }

.libros-personalizados-page .page-content .book:before{ content: ""; display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: url("../img/bg-desert.jpg"); background-size: cover; z-index: 1; opacity: .1; filter: grayscale(80%); }

    .libros-personalizados-page .page-content .book.one:before{ background: url("../img/bg-desert.jpg"); background-size: cover; }
    .libros-personalizados-page .page-content .book.two:before{ background: url("../img/bg-sun.jpg"); background-size: cover; }
    .libros-personalizados-page .page-content .book.three:before{ background: url("../img/bg-trees.jpg"); background-size: cover; }
    .libros-personalizados-page .page-content .book.four:before{ background: url("../img/bg-ice.jpg"); background-size: cover; }

@media screen and (max-width: 1280px){

}

@media screen and (max-width: 1023px){

    .libros-personalizados-page .page-content .special-title{ font-size: 20px; }

    .libros-personalizados-page .page-content .book{ padding: 20px 20px 10px; }
    .libros-personalizados-page .page-content .book .book-content{ flex-direction: column-reverse; }
    .libros-personalizados-page .page-content .book .book-content .cover{ margin-left: 0; margin-bottom: 40px; width: 100%; }

    .libros-personalizados-page .page-content .book .book-content .left p{ font-size: 15px; }
    .libros-personalizados-page .page-content .book .book-content .left h2{ font-size: 24px; }

    
}

@media screen and (max-width: 767px){

    .libros-personalizados-page .page-content .book .book-content .left p{ font-size: 14px; }
    
}

@media screen and (max-width: 540px){
    
}