/*estilos para la ficha tecnica de las peliculas*/
.contenedor-ficha-tecnica {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 95%;
    margin-left: 10px;
}

.film-presentation {
    position: relative;
    width: 390px;
    max-width: 390px;
    height: 320px;
    margin-bottom: 90px;
}

.film-thumbnail {
    width: 100%;
    height: 288px;
    overflow: hidden;
    position: relative;
    transform: rotate(-1.5deg);
}

.film-image {
transform: rotate(-1.5deg);
    width: 96%;
    height: 265px;
    object-fit: cover;
    position: absolute;
    top: 48.5%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.film-icon {
    transform: rotate(-1.5deg);
    position: absolute;
    top: 0;
    left: 0;
    width: 105% !important;
    height: 280px;
    pointer-events: none;
    z-index: 1;
}

.salt {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 80px;
}

.festival-logo {
    opacity: 0.2;
    width: 24%;
    position: absolute;
    top: 20%;
    left: 50%;
}

.film-details {
    width: 100% !important;
    position: relative;
}

.film-details p {
    margin-top: 10px !important;
    padding: 12px 8px;
}

.detail-heading {
    margin: 0;
    padding: 12px 6px;
    background-color: #f9f9f9;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.06);
    font-weight: bold;
    font-size: 1.6rem;
    color: #333;
    border-bottom: none;
}

/*icono de imdb con enlace al imdb de la pelicula*/
.imdb {
    display: block;
    margin-bottom: 30px;
}

/*
**************** FICHA TECNICA IFRAME *****************
*/

.video-wrapper {
    position: relative;
    padding-bottom: 56.25%;
    /* 16:9 ratio */
    height: 0;
    overflow: hidden;
    width: 100%;
    max-width: 100%;
}

.video-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/*
**************** FICHA TECNICA MEDIA QUERIES *****************
*/

@media (max-width: 1024px) {
    .festival-logo {
        top: 20%;
        width: 22%;
    }
}

@media (min-width: 481px) and (max-width: 739px) {
    .festival-logo {
        width: 25%;
        top: 20%;
        left: 50%;
    }

}

@media (max-width: 480px) {
    .film-presentation {
        width: 366px;
    }

    .film-thumbnail {
        width: 350px;
    }
}

/*
**************** BOTONERA FICHA TECNICA *****************
*/

/* botones de navegacion de peliculas */

.contenedor-iconos {
    margin-top: 30px;
    text-align: center;
}

.contenedor-iconos img {
    width: 35px;
    height: auto;
}

.contenedor-iconos img:hover {
    filter: saturate(1000%) hue-rotate(-100deg) brightness(109%);
}

.contenedor-iconos a {
    display: inline-flex;
}

.icono-inicio {
    text-align: center;
    margin: 0 30%;
}