@charset "utf-8";
html, body{
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    background: #f3edf5;
	font-family: 'Montserrat', sans-serif;
	
}

#recursos{
    width: 100%;
}

#recursos img{
    width: 100%;
    height: auto;
    display: block;
}

/* ===== VIDEO BASE ===== */

.contenedor-video{

    position: absolute;

    width: 520px;

    height: 250px;
}

/* VIDEO */

.video-link{

    position: relative;

    display: block;

    width: 100%;

    border-radius: 30px;

    overflow: hidden;

    transition: all 0.35s ease;

    z-index: 2;

    box-shadow: 0 10px 25px rgba(0,0,0,0.30);
}

/* IMAGEN */

.video-link img{

    width: 100%;

    display: block;

    border-radius: 30px;
}

/* HOVER */

.video-link:hover{

    transform: translateY(-10px) scale(1.02);

    box-shadow: 0 20px 35px rgba(0,0,0,0.40);
}

/* TEXTO */

.duracion{

    position: absolute;

    bottom: 12px;

    right: 14px;

    background: rgba(0,0,0,0.85);

    color: white;

    padding: 6px 10px;

    border-radius: 10px;

    font-family: 'Montserrat', sans-serif;

    font-size: 18px;

    font-weight: 600;
}

/* ===== POSICIONES ===== */

.masterclass{
    top: 1200px;
    left: 700px;
}

.historia{
    top: 1950px;
    left: 150px;
}

.carcel{
    top: 2700px;
    left: 700px;
}

.victimismo{
    top: 3350px;
    left: 150px;
}

.infancia{
    top: 4100px;
    left: 665px;
}