:root {
    --card: #f3dea5;
    --card-translucide: #f9de9f99;

    --min-height-card: 360px;
    --min-height-card-hover: calc(var(--min-height-card) + 20px);
}

/* ANTES DE ESTO HAY QUE AÑADIR EL GENERAL CSS */
#container-index {
    padding-top: 4em;
}

.color-text {
    color: var(--text);
}

.logo-header-mobile {
    display: none;
}

.doc-container {
    background-color: white;
    margin-bottom: 30px;
    margin-top: 30px;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 0 10px;
}

.anuncio {
    padding: 20px;
}

.anuncio div {
     /*border: 1px solid red;*/
    height: 100%;
     /*background-color: white;*/
    text-align: center;
    min-height: 300px;
}

#showPost {
    color: var(--text);
    font-family: Georgia, 'Times New Roman', Times, serif;
}

#showPost img {
    width: 100%;
    border-radius: 5px;
}

#showPost p {
    text-align: justify;
}

/* **************************************************************************************************** */


.enlaces-footer ul {
    columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2;
}

.enlaces-footer ul {
    list-style: none;
}

.enlaces-footer ul li a {
    color: var(--text);
    font-size: 10pt;
}

#contactFormContainer {
    display: flex;
    justify-content: center;
    margin: 20px;
}

#contactForm {
    width: 600px;
    background-color: var(--primary);
    padding: 20px;
    border-radius: 5px;
}

#contactForm button {
    border-color: var(--text);
    background-color: var(--text);
}

/*.col-language {*/
/*    display: flex;*/
/*    !* align-items: center;*/
/*    justify-content: end; *!*/
/*    padding-top: 15px;*/
/*}*/

.rrss {
    display: flex;
    justify-content: center;
    list-style: none;
    align-items: center;
    flex-direction: row;
    padding: 0;
}

.rrss li {
    margin: 0 1em;
    display: inline-block;
    font-size: 15pt;
}

.rrss li a {
    text-decoration: none;
    color: var(--text);
}

.rrss li:hover a {
    color: var(--secondary-translucide);
}

/*.logo-footer a {*/
/*    text-decoration: none;*/
/*}*/

/*.logo-footer p {*/
/*    margin: 0;*/
/*}*/

/* VISTA INICIO */
.carousel-inner {
    overflow: inherit !important;
}

.section-title {
    color: var(--text);
    font-weight: bold;
}

.btn.prev, .btn.next {
    background-color: var(--card);
    color: var(--text)
}

.btn.prev:hover, .btn.next:hover {
    color: var(--secondary)
}

.btn.prev:active, .btn.next:active {
    color: inherit;
    background-color: inherit;
}

/* PAGINATION */
li.disabled span.page-link {
    background-color: var(--card-translucide);
}

.active > .page-link, .page-link.active {
    background-color: var(--card);
    color: var(--text);
    border-color: var(--text);
}

.pagination li a, .pagination li span {
    color: var(--text);
    border-color: var(--text);
}

.pagination li span {
    /*background-color: var(--primary);*/
    cursor: pointer;
}

.pagination li span:hover {
    color: var(--text);
    border-color: var(--text);
    background-color: var(--card);
}

.pagination li.page-item span.page-link:focus {
    background-color: inherit;
    box-shadow: none;
    color: inherit;
    outline: inherit
}

.pagination {
    scale: .8;
}
/* END PAGINATION */

.links-list li a {
    text-decoration: none;
    color: var(--text);
}

.links-list li {
    padding-top: 20px;
}

/* FOOTER */
.footer {
    padding: 40px 0;
    background-color: var(--primary);
    color: var(--text);
}

.footer ul {
    padding: 0;
    list-style: none;
    text-align: center;
    font-size: 18px;
    line-height: 1.6;
    margin-bottom: 0;
}

.footer li {
    display: inline-block; /* Change to inline-block for horizontal layout */
    padding: 0 10px;
}

.footer ul a {
    color: inherit;
    text-decoration: none;
    opacity: 0.8;
}

.footer ul a:hover {
    opacity: 1;
}

.footer .social {
    text-align: center;
    padding-bottom: 25px;
}

.footer .social > a {
    font-size: 24px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    display: inline-block;
    text-align: center;
    border-radius: 50%;
    border: 1px solid var(--text);
    margin: 0 8px;
    color: inherit;
    opacity: 0.75;
}

.footer .social > a:hover {
    opacity: 0.9;
}

.footer .copyright {
    margin-top: 15px;
    text-align: center;
    font-size: 13px;
    color: var(--text);
    margin-bottom: 0;
}
.footer .footer-break{
    height:2px;
    border-width:0;
    color: var(--text);
    background-color: var(--text);
}
/* END FOOTER */


#filters-posts {
    background-color: var(--card);
    border: 1px solid var(--text);
    border-radius: .5em;
    padding-top: 1em;
    padding-bottom: 1em;
}

#filters-posts label {
    font-weight: bold;
    color: var(--text);
}

div#row-posts {
    padding-left: 0;
    padding-right: 0;
}

#row-posts > div {
    color: var(--text);
}

#posts-loader {
    display:none;
}

#posts-loader.show-loader {
    display: flex;
    justify-content: center;
}

.loader {
    display: flex;
    align-items: center;
    justify-content: center;
}
.book-wrapper {
    width: 150px;
    height: fit-content;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    position: relative;
}
.book {
    width: 100%;
    height: auto;
    filter: drop-shadow(10px 10px 5px rgba(0, 0, 0, 0.137));
}
.book-wrapper .book-page {
    width: 50%;
    height: auto;
    position: absolute;
    animation: paging 0.15s linear infinite;
    transform-origin: left;
}
@keyframes paging {
    0% {
        transform: rotateY(0deg) skewY(0deg);
    }
    50% {
        transform: rotateY(90deg) skewY(-20deg);
    }
    100% {
        transform: rotateY(180deg) skewY(0deg);
    }
}


@media (max-width: 768px) {
    footer div.row div {
        margin: 10px 0;
    }

    /*.logo-footer {*/
    /*    text-align: center;*/
    /*}*/
}

@media (max-width: 1023px) {
    .computer-only {
        display: none;
    }

    .logo-header-mobile {
        display: flex;
        /* align-self: center; */
        padding-top: 8px;
    }

    .languages {
        display: none;
    }

    .navbar-expand-lg .navbar-brand {
        display: block;
    }

    .enlaces-footer {
        align-self: end;
    }

    .enlaces-footer ul {
        display: flex;
        justify-content: center;
        padding: 0;
    }

    .enlaces-footer ul li {
        margin: 0 1em;
        display: inline-block;
    }

    /* QUITAR CUANDO ME ACEPTEN LA PAGINA */
    .anuncio {
        display: none;
    }
}