#home-page > * {margin-bottom: var(--size-xxl);}
#home-page > *:last-of-type {margin-bottom: 0 !important;}

@media only screen and (min-width: 768px) {
    #home-page > * {margin-bottom: var(--size-xxxl);}
    #home-page > *:last-of-type {margin-bottom: 0 !important;}
}




/* SECTION */
.home_p-section {padding: var(--size);}

.home_p-section--title_l {padding: 0 var(--size);}
.home_p-section--title_l a {margin-top: var(--size-s);}
@media only screen and (min-width: 768px) {
    .home_p-section--title_l {
        position: relative;
        padding: 0 var(--size-xl);
    }

    .home_p-section--title_l a {
        position: absolute;
        top: var(--size-s);
        left: 0;
        margin-top: 0;
    }
}

.home_p-section--title_s a {transform: translateY(-2px);}



/* 
HIGHLIGHTS
*/
#home_p-highlights--container {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    overflow-y: hidden;
    overflow-x: auto;
    aspect-ratio: 2/3;
    scroll-snap-type: x mandatory;
    border-bottom: 1px solid var(--color);
}

#home_p-highlights--container li {
    min-width: 100vw;
    max-width: 100vw;
    scroll-snap-align: center;
}

#home_p-highlights--nav {padding: var(--size-s) var(--size);}
#home_p-highlights .--nav {column-gap: var(--size);}
#home_p-highlights .--nav button {
    display: flex;
    width: fit-content;
    height: fit-content;
}

.home_p-highlights--autor,
.home_p-highlights--etiqueta {
    aspect-ratio: 2/3;
    padding: var(--size);
}

.home_p-highlights--autor .--media,
.home_p-highlights--etiqueta .--media {opacity: .75;}

.home_p-highlights--autor p,
.home_p-highlights--etiqueta p {z-index: 20;}

.home_p-highlights--etiqueta p.t-body {
    bottom: var(--size);
}

/* @media (hover: none) {
    #home_p-highlights li:nth-child(odd) .book-block {
        background: var(--color);
        color: var(--c-white);
        border-bottom: 1px solid var(--c-white);
    }
    #home_p-highlights li:nth-child(odd) .book-block .t-color_alpha {color: var(--c-whiteAlpha);}
} */

@media only screen and (min-width: 768px) {
    #home_p-highlights {margin-bottom: var(--size-xxl);}
    #home_p-highlights--container,
    .home_p-highlights--autor,
    .home_p-highlights--etiqueta {aspect-ratio: 3/2;}
}

@media only screen and (min-width: 1096px) {
    #home_p-highlights--container,
    .home_p-highlights--autor,
    .home_p-highlights--etiqueta {
        min-height: calc(calc(var(--vh) * 100) - var(--header_d-width) + 1px);
        max-height: calc(calc(var(--vh) * 100) - var(--header_d-width) + 1px);
        aspect-ratio: unset;
    }

    #home_p-highlights--container li {
        min-width: calc(100vw - var(--header_d-width) + 1px);
        max-width: calc(100vw - var(--header_d-width) + 1px);
    }

    .home_p-highlights--autor,
    .home_p-highlights--etiqueta {padding: var(--size) var(--size-xxl);}
}
@media (hover: hover) {
    .home_p-highlights--autor,
    .home_p-highlights--etiqueta {transition: background 200ms ease-in-out;}

    .home_p-highlights--autor:hover,
    .home_p-highlights--etiqueta:hover {background: var(--colorAlpha);}
}




/* 
BLIND ENCOUNTERS
*/
#home_p-blind_encounters .--container {
    margin-top: var(--size-m);
    row-gap: var(--size);
}
@media only screen and (min-width: 1096px) {
    #home_p-blind_encounters .--container li {grid-column: span 6;}
}
@media only screen and (min-width: 2048px) {
    #home_p-blind_encounters .--container li:nth-child(1) {grid-column: 3/7;}
    #home_p-blind_encounters .--container li:nth-child(2) {grid-column: 7/-3;}
}




/* 
PUBLISHER
*/
#home_p-publisher .--container {margin: var(--size-m) calc(var(--size) * -1) 0;}

#home_p-publisher .--container ul {
    column-gap: var(--size);
    scroll-snap-type: x mandatory;
    overflow-x: auto;
    overflow-y: hidden;
}

#home_p-publisher .book-block.--medium {
    scroll-snap-align: center;
    min-width: calc(100vw - var(--size-l));
    width: calc(100vw - var(--size-l));
    max-width: calc(100vw - var(--size-l));
}

#home_p-publisher .--container nav {padding: var(--size) var(--size-m);}

#home_p-publisher .--nav {column-gap: var(--size);}

#home_p-publisher .--nav button {
    display: flex;
    width: fit-content;
    height: fit-content;
}

@media only screen and (min-width: 768px) {
    #home_p-publisher .book-block.--medium {
        min-width: 50vw;
        width: 50vw;
        max-width: 50vw;
    }

    #home_p-publisher .--container nav {
        width: calc(50vw + calc(var(--size) * 2));
        padding: var(--size);
        margin-right: auto;
        margin-left: auto;
    }
}

@media only screen and (min-width: 1096px) {
    #home_p-publisher .book-block.--medium {
        min-width: calc(50vw - var(--header_d-width));
        width: calc(50vw - var(--header_d-width));
        max-width: calc(50vw - var(--header_d-width));
    }

    #home_p-publisher .--container nav {
        width: calc(calc(50vw - var(--header_d-width)) + calc(var(--size) * 2));
    }
}

@media only screen and (min-width: 2048px) {
    #home_p-publisher .book-block.--medium {
        min-width: calc(40vw - var(--header_d-width) + var(--size));
        width: calc(40vw - var(--header_d-width) + var(--size));
        max-width: calc(40vw - var(--header_d-width) + var(--size));
    }

    #home_p-publisher .--container nav {
        width: calc(calc(calc(40vw - var(--header_d-width) + var(--size)) + calc(var(--size) * 2)));
    }
}




/* 
RECOMMENDATIONS
*/
#home_p-recommendations .--container {margin-top: var(--size);}
@media only screen and (min-width: 768px) {
    #home_p-recommendations .--container {row-gap: var(--size-xl);}
}

@media only screen and (min-width: 2048px) {
    #home_p-recommendations .--container li:nth-child(1) {grid-column: 2/3;}
    #home_p-recommendations .--container li:nth-child(2) {grid-column: 3/4;}
    #home_p-recommendations .--container li:nth-child(3) {grid-column: 4/5;}
    #home_p-recommendations .--container li:nth-child(4) {grid-column: 5/6;}
}




/* 
MOST SOLD
*/
#home_p-most_sold .--container {margin-top: var(--size);}
@media only screen and (min-width: 768px) {
    #home_p-most_sold .--container {row-gap: var(--size-xl);}
}