/* SECCIÓN INICIO */
#inicio{
    display: flex;
    height: 74vh;
    width: 100%;
    color: #B3BAC2;
    justify-content: space-around;
    align-items: center;
    box-sizing: border-box; 
}

/* FICHA PERSONAL */

#div-ficha{
    width: 30%;
    margin-left: 5%;
    display: flex;
    flex-direction: column;
    background: radial-gradient(circle,rgb(0, 4, 9),rgb(5, 37, 91));
    height: 100%;
    text-align: center;
    box-shadow: 0 0 50px black,0 0 100px black,0 0 200px black;
    transition: all 2s;
    box-sizing: border-box;
    z-index: 1;
}


#img-ficha{
    max-width: 100%;
    clip-path: polygon(100% 0, 100% 84%, 50% 100%, 0 85%, 0 0);
    z-index: 1 !important;
    position: relative;
}
@media (max-width:1050px){
   #div-ficha{
    width: 45%;
    margin: auto !important;
   }
   
}
@media (max-width:650px){
   #div-ficha{
    
    width: 55%;
   }
}
@media (max-width:550px){
   #div-ficha{
    background: none;
    padding-top: 50px !important;
    width: 65%;
   }
  
}
@media (max-width:450px){
   #div-ficha{
    width: 85%;
   }
}
@media (max-width:350px){
   #div-ficha{
    width: 90%;
   }
}
#titulo-ficha{
    text-align: center;
    margin-bottom: 4px;
}

#div-ficha a:visited, a:link, a:active{
    color: #B3BAC2;

}

.div-iconos{
    width: 100%;
    padding: 0px 20% 0px 20%;
    margin-top: 7px;
    display: flex;
    justify-content: space-around;
    align-items: center;
}

.div-iconos a{
    font-size:x-large;
}

.div-titulos{
    display: flex;
    justify-content: space-around;
    margin-top: 30px;
    padding: 2%;
}

/* VIDEO PERSONAL */

#video-personal{
    width: 45%;
    height: 75vh;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    background: radial-gradient(circle,rgb(0, 4, 9),rgb(5, 37, 91,0.4));;
    transition: all 2s;
}

#video-personal iframe{
    width: 100%;
    height: 100%;
}

/* MEDIA QUERIES */
@media  (max-width: 1050px){
    #inicio{
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding-left:1% !important;
        height: auto !important;
           
    }
    #ficha-personal{
        margin: 5% 15% 0% 15%;
        box-shadow: 0 0 20px black,0 0 50px black,0 0 100px black;
    }
    #img-ficha{
        max-width: 100%;
    }
    #video-personal{
        width: 100%;
    }
    #video-personal iframe{
        width: 100%;
        height: 600px;
        padding: 5%;
        box-sizing: border-box;
    }
}