/**
* Archivo que afecta a todas las fichas
*/

.fichaRecurso .obras-ficha .owl-carousel .owl-stage .owl-item
{
    max-width: 360px;
}

.fichaRecurso .obras-ficha .section .section-card .section-card-title {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}




.fichaRecurso.fichaObra .lg-sub-html {
    z-index: 1000000 !important;
}
.fichaRecurso.fichaObra:not(.fichaObraInvitada) div#downloadviewer {
    display: block;
    text-indent: inherit;
    font-size: 1.2rem;
    height: 30px;
    width: 30px;
    border-radius: 50%;
    border: 2px solid var(--c-negro);
    padding-top: 4px;
    transition: all 0.3s ease-in-out;
    padding-left: 4px;
    color: var(--c-negro);
    background-color: #fff;

    right: 5px;
}

.fichaRecurso.fichaObra .item:hover div#downloadviewer,
.fichaRecurso.fichaObra div#downloadviewer:hover{
    background-color: var(--c-primario);
    color: black;
    
}

.fichaRecurso .obras-ficha .section .section-card {
    max-width: 100%;
}
@media ( max-width: 992px ) {
    .fichaRecurso .banner-ficha-content {
        display: none;
    }
}

/*
.fichaRecurso.fichaAutor .obras-ficha .section .section-card {
    min-width: 277px;
}
*/
.fichaRecurso .banner-ficha .banner-info {
    bottom: 26px;
    left: 34px;
    padding: 20px 40px;
}
.fichaRecurso .banner-ficha .banner-info p {
    position: relative;
}
.fichaRecurso .banner-ficha .banner-info::before {
    position: absolute;
    content: " ";
    width: 100%;
    height: 100%;
    bottom: 0;
    left: 0;
    /* background: rgba(0,0,0,0.4); */
    filter: blur(12px);
    z-index: 0;
    border-radius: 25px;
}

/**
* Años en la ficha de obras 
*/
.fichaObra #principal-ficha .subtitle a{
    color: #8b6a2b;
}

.fichaObra #principal-ficha .subtitle {
    margin-bottom: 12.5px;
}

.fichaObra #principal-ficha .subtitle.subtitle-year {
    margin-bottom: 25px;
}

.banner-ficha .banner-info p.subtitle-year {
    margin-top: 10px;
}


.obras-ficha .section .section-card .section-card-image{
    /* width: max-content; */
}
/** Ficha recurso Real Sitio */

@media ( min-width: 991px ) {
    .fichaRealSitio .container-fluid > .row-content-admin > .container {
        max-width: 100%;
    }
    
    .fichaRealSitio #principal-ficha .img-principal img {
        max-height: 100svh;
        height: 100svh;
    }
    
    .fichaRealSitio .main > .container-fluid {
        padding-left: 0px;
        padding-right: 0px;
        overflow: hidden;
    }
}


.got_from_wikipedia {
    margin-bottom: 20px;
}

/**
* Ficha monarca
*/
/* Obras de la colección */
.obras-coleccion-ficha .item img {
    max-width: 79px;
}

.obras-coleccion-ficha .item {
    margin-top: 10px;
}

.obras-coleccion-ficha .custom-mosaico {
    height: auto;
    min-height: 420px;
}

.modal {
    z-index: 91050;
}


/* Fciha de los autores */
.fichaAutor .acciones-recurso li {
    border: none !important;
}


.modal {
    z-index: 91050;
}


/* Fciha de los autores */
.fichaAutor .acciones-recurso li {
    border: none !important;
}


/***********************************
*** MODAL modal-external-artwork ***
************************************/
@media (min-width: 1200px) {
    .modal-external-artwork .modal-dialog { 
        max-width: 1140px 
    }
}

@media (max-width: 767px) {
    .modal-external-artwork .modal-dialog {
        width: 90%;
        max-width: 90%;
    }
}

.modal-external-artwork .modal-content .modal-header { 
    background-color: var(--c-blanco); 
    padding: 0 52px; 
}
@media (max-width: 991px) {
    .modal-external-artwork .modal-content .modal-header {
        padding: 0 25px;
        height: 40px;
    }
}

.modal-external-artwork .modal-content.transition { 
    animation: transition-effect 0.6s cubic-bezier(0, 0.33, 0,66, 1) both;
}

.modal-external-artwork .modal-content .modal-header .cerrar { 
    font-size: 38px; 
    color: var(--c-secundario); 
}
@media (max-width: 991px) {
    .modal-external-artwork .modal-content .modal-header .cerrar {
        font-size: 30px;
    }
}
.modal-external-artwork .modal-content .modal-body { 
    background-color: var(--c-blanco); 
    padding: 0 52px 35px 52px; 
}
@media (max-width: 991px) {
    .modal-external-artwork .modal-content .modal-body {
        padding: 0 25px 25px 25px;
    }
}

.modal-external-artwork .modal-wrap { 
    background-color: var(--c-blanco); 
    display: flex; 
    margin-bottom: 38px; 
    flex-wrap: wrap;
}
.modal-external-artwork .modal-wrap .image { flex: 0 0 40%; }
.modal-external-artwork .modal-wrap .image img { width: 100%; }
@media (max-width: 991px) {
    .modal-external-artwork .modal-wrap .image { 
        flex: 0 0 100%; 
    }
}
.modal-external-artwork .modal-wrap .content { 
    flex: 1; 
    padding-left: 34px; 
}
@media (max-width: 991px) {
    .modal-external-artwork .modal-wrap .content { 
        flex: 1; 
        padding-left: 0; 
        padding-top: 10px; 
    }
}
.modal-external-artwork .modal-wrap .content p { 
    font-size: 13px; 
    line-height: 22px; 
    /* color: var(--c-blanco);  */
    margin-bottom: 30px; 
    overflow: hidden; 
    /* text-overflow: ellipsis;  */
    display: -webkit-box; 
    /* -webkit-line-clamp: 6; 
    line-clamp: 6;  */
    -webkit-box-orient: vertical; 
}
.modal-external-artwork .modal-wrap .content p.title { 
    font-family: var(--f-capitolium-regular); 
    font-size: 33px; 
    line-height: 40px; 
    margin-bottom: 4px; 
}
.modal-external-artwork .modal-wrap .content p.date { 
    font-size: 18px; 
    color: #cdb067;
    margin-bottom: 8px; 
}
.modal-external-artwork .modal-wrap .content p.author { 
    font-size: 16px; 
    color: var(--c-secundario);
    font-family: var(--f-capitolium-regular); 
    margin-bottom: 14px; 
    text-transform: uppercase;
}

.modal-external-artwork .modal-wrap .content p.descdata {
    font-size: 15px;
    line-height: 23px;
    /* color: rgba(255, 255, 255, 0.7); */
    margin-bottom: 14px;
    font-style: oblique;
    background-image: url(../../theme/resources/iconos/ficha.svg);
    background-repeat: no-repeat;
    background-position-x: -25px;
    background-position-y: 15px;
    padding-left: 33px;
    padding-top: 16px;
    /* border-top: 1px solid var(--c-gris-borde); */
    position: relative;
}

.modal-external-artwork .modal-wrap .content p.descdata:after {
    height: 1px;
    max-width: 100%;
    width: 100%;
    background: var(--c-gris-borde);
    content: " ";
    display: block;
    position: absolute;
    top: 0;
    left: 0px;
}

.modal-external-artwork .modal-wrap .content p.location {
    font-size: 15px;
    line-height: 23px;
    /* color: rgba(255, 255, 255, 0.7); */
    margin-bottom: 14px;
    background-image: url(../../theme/resources/iconos/cursor.svg);
    background-repeat: no-repeat;
    background-position-x: 0px;
    padding-left: 33px;
    background-repeat: no-repeat;
    background-position-x: 0;
    padding-bottom: 16px;
    /* border-bottom: 1px solid var(--c-gris-borde); */
    position: relative;
}

.modal-external-artwork .modal-wrap .content p.location:before {
    height: 1px;
    max-width: 100%;
    width: 100%;
    background: var(--c-gris-borde);
    content: " ";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0px;
}

.modal-external-artwork .descubre p { 
    font-size: 15px; 
    line-height: 22px; 
    /* color: rgba(255, 255, 255, 0.7);  */
    margin-bottom: 20px; 
}


.modal-external-artwork .descubre ul { 
    gap: 30px; 
}
.modal-external-artwork .descubre ul li a { 
    font-size: 14px; 
    line-height: 16px; 
    text-align: center; 
    display: block; 
    width: 72px; 
    /* color: var(--c-blanco); */ 
    overflow-wrap: break-word; 
    position: relative; 
}
.modal-external-artwork .descubre ul li a span.circle { 
    font-size: 0; 
    display: block;
    height: 72px; 
    width: 72px; 
    border-radius: 50%; 
    /* background-color: #2f3c54; */
    margin-bottom: 8px;
 }
.modal-external-artwork .descubre ul li a::after { 
    content: ""; background-repeat: no-repeat; 
    background-position: center; 
    display: block; 
    height: 72px; 
    width: 72px; 
    position: absolute; 
    top: 0; 
    left: 50%; 
    transform: translateX(-50%); 
    -webkit-transform: translateX(-50%); 
    -moz-transform: translateX(-50%); 
    -ms-transform: translateX(-50%); 
    -o-transform: translateX(-50%); 
    background-size: 35px; 
}




.modal-external-artwork .arrows-move {
    position: absolute;
    top: 50%;
    width: calc(100% + 100px);
    left: -50px;
    cursor: pointer;
} 

@media (max-width: 991px) {
    .modal-external-artwork .arrows-move {
        width: calc(100% - 6px);
        left: 3px;
    } 
}

.modal-external-artwork .arrows-move .arrow-right {
    right: 0%;
    position: absolute;
    width: 40px;
    height: 40px;
    background-color: var(--c-secundario);
    border-radius: 50%;
    transform: translateY(-50%);
    transition: opacity ease-in-out .4s;
    opacity: .5;
}
.modal-external-artwork .arrows-move .arrow-right:hover {
    opacity: 1;
}

.modal-external-artwork .arrows-move .arrow-right::before {
    font-family: 'Material Icons';
    font-size: 3rem;
    color: var(--c-texto-medio);
    content: 'navigate_after';
    height: 20px;
    width: 12px;
    display: block;
    content: "";
    background-image: url(../../theme/resources/iconos/arrow-right.svg);
    position: absolute;
    top: 25%;
    right: 29%;
    filter: brightness(2);
}    


.modal-external-artwork .arrows-move .arrow-left {
    left: 0%;
    position: absolute;
    width: 40px;
    height: 40px;
    background-color: var(--c-secundario);
    border-radius: 50%;
    transform: translateY(-50%);
    transition: opacity ease-in-out .4s;
    opacity: .5;
}
.modal-external-artwork .arrows-move .arrow-left:hover {
    opacity: 1;
}

.modal-external-artwork .arrows-move .arrow-left::before {
    font-family: 'Material Icons';
    font-size: 3rem;
    color: var(--c-texto-medio);
    content: 'navigate_before';
    height: 20px;
    width: 12px;
    display: block;
    content: "";
    background-image: url(../../theme/resources/iconos/arrow-left.svg);
    position: absolute;
    top: 25%;
    right: 37%;
    filter: brightness(2);
}    


@keyframes transition-effect {
    0% {
        opacity: 1;
    }

    50% {
        opacity: .5;
    }

    100% {
        opacity: 1;
    }
}

.slide-left {
	-webkit-animation: slide-left .7s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: slide-left .7s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
.slide-right {
	-webkit-animation: slide-right .7s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: slide-right .7s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

/**
 * ----------------------------------------
 * animation slide-left
 * ----------------------------------------
 */
@-webkit-keyframes slide-left {
    0% {
      -webkit-transform: translateX(100px);
              transform: translateX(100px);
              opacity: .4;
    }
    50% {
        opacity: 1;
    }
    100% {
      -webkit-transform: translateX(0px);
              transform: translateX(0px);
              opacity: 1;
    }
}
@keyframes slide-left {
    0% {
        -webkit-transform: translateX(100px);
                transform: translateX(100px);
                opacity: .4;
    }
    50% {
        opacity: 1;
    }
    100% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
            opacity: 1;
    }
}

@-webkit-keyframes slide-right {
    0% {
      -webkit-transform: translateX(-100px);
              transform: translateX(-100px);
              opacity: .4;
    }
    50% {
        opacity: 1;
    }
    100% {
      -webkit-transform: translateX(0px);
              transform: translateX(0px);
              opacity: 1;
    }
}
@keyframes slide-right {
    0% {
      -webkit-transform: translateX(-100px);
              transform: translateX(-100px);
              opacity: .4;
    }
    50% {
        opacity: 1;
    }
    100% {
      -webkit-transform: translateX(0px);
              transform: translateX(0px);
              opacity: 1;
    }
}

/* */