html, body {
    font-family: 'Inter', sans-serif !important;
}

.grid-card {
    border-radius: 15px;
    box-shadow: 0px 0px 20px #09478E12;
    border: none;
}

.bg-bookshelf {
    background-color: #EEEEEE;
}

.featured-image-container {
    min-height: 265px;
}

.entity-list-item-image {
    height: 140px;
}

.card .entity-list-item:not(.no-hover,.book-contents .entity-list-item):hover {
    background-color: #f2f2f2;
}

/*@media screen and (max-width: 1400px) {*/
/*    .tri-layout-container {*/
/*        grid-template-areas:*/
/*        "c b b"*/
/*        "a b b"*/
/*        ". b b";*/
/*        grid-template-columns: 3fr;*/
/*        grid-template-rows: min-content min-content 1fr;*/
/*        padding-inline-end: 24px;*/
/*    }*/
/*}*/

details {
    border-top: 0px !important;
    border-left: 0px !important;
    border-right: 0px !important;
    padding-bottom: 1.5em !important;
}

details > summary {
    background-color: white !important;
    outline: none !important;
    border: none !important;
    cursor: pointer;
}

details summary:after {
    content: ' ';
    float: right;
    width: 20px;
    height: 20px;
    background-image: url("/documentacion/img/chevron-down.svg");
    cursor: pointer;
}

details[open] summary:after {
    content: '  ';
    float: right;
    width: 20px;
    height: 20px;
    background-image: url("/documentacion/img/chevron-up.svg");
    cursor: pointer
}

details summary::-webkit-details-marker,
details summary::marker {
    display: none;
    content: "";
}

video {
    width: 100%;
    height: auto;
}

.card {
    border-radius: 5px !important;
}

#sibling-navigation {
    padding-inline: 0px !important;
    opacity: 1 !important;
}


#sibling-navigation > div {
    background-color: #fff;
    box-shadow: 0 1px 6px -1px rgb(0 0 0 / 10%);
    border-radius: 5px;
}

#sibling-navigation > div:hover {
    background-color: var(--color-primary);
    color: white;
}


#sibling-navigation .text-page {
    display: none;
}

#sibling-navigation .icon-list-item > .text-chapter {
    display: none!important;
}

#sibling-navigation .text-muted {
    color: inherit !important;
}

#sibling-navigation .icon-list-item {
    color: var(--color-primary);
    font-size: 20px;
}

#sibling-navigation > div:hover .icon-list-item {
    color: white;
}

#sibling-navigation > div:first-child > a > div:first-of-type:before {
    content: ' ';
    float: left;
    width: 15px;
    height: 15px;
    background-image: url(/documentacion/img/arrow-back.svg);
    margin-top: 4px;
    margin-right: 4px;
    background-repeat: no-repeat;
}

#sibling-navigation > div:last-child > a > div:first-of-type:after {
    content: ' ';
    float: right;
    width: 15px;
    height: 15px;
    background-image: url(/documentacion/img/arrow-forward.svg);
    margin-top: 4px;
    margin-left: 4px;
    background-repeat: no-repeat;
}

#sibling-navigation > div:first-child:hover > a > div:first-of-type:before {
    background-image: url(/documentacion/img/arrow-back-white.svg);
}

#sibling-navigation > div:last-child:hover > a > div:first-of-type:after {
    background-image: url(/documentacion/img/arrow-forward-white.svg);
}

.list-item-book .icon {
    display: none !important;
}

.list-item-book > a > .content > h4 {
    display: list-item;          
    list-style-type: disc;     
    list-style-position: inside; 
}

.list-item-book > a > .content > h4::marker {
    color: var(--color-primary);
}