body {
    background-color: black;
}

/*--------------------------- SEC1_PERFIL ------------------------------------*/
/*---------------------------------------------------------------*/
.SECCION_1 {
    display: flex;
    margin-top: 10vw;
    margin-left: 10vw;
    width: 80%; 
}

.SEC1_TXT {
    margin-left: 8vw;
    margin-top: 9vw;
    width: 40vw;
}

.SEC1_TXT h1 {
    font: bold 1.7vw "Roboto", sans-serif;
    color: rgba(255, 255, 255, 0.849);
}

.SEC1_TXT p {
    font: bold 1.3vw "Roboto", sans-serif;
    color: rgba(255, 255, 255, 0.849);
    margin-top: 3vw;
}

.SEC1_PERFIL {
    margin-left: 2%;
}

.SEC1_PERFIL h1 {
    font: bold 1vw "Roboto", sans-serif;
    color: rgb(255, 106, 0);
    margin-right: 1%;
}

.SEC1_IMG_PERFIL1 {
    width: 16vw;
    max-width: 100%;
    border: 0.3vw solid aqua;
}

.ICON_PERFIL {
    text-align: center;
    margin-top: 1vw;
}

.ICOP_WHATSAPP,
.ICONP_LINKEDIN,
.ICONP_GMAIL {
    width: 3vw;
    max-width: 100%;
}

.ICOP_WHATSAPP:hover,
.ICONP_LINKEDIN:hover,
.ICONP_GMAIL:hover {
    width: 4vw;
    max-width: 100%;
    transition: width 0.25s;
}

.ICONP_LINKEDIN {
    margin-left: 1vw;
    margin-right: 1vw;
}

.CV_DESCARGA {
    font: bold 1.4vw "Roboto", sans-serif;
    color: rgba(255, 255, 255, 0.89);
    background-color: rgba(0, 255, 224, 21%);
    border-radius: 32px;
    padding: 0.5vw 1vw;
    cursor: pointer;
    margin-top: 3vw;
    margin-left: 11vw;
    border: 0.2vw solid aqua;
}
/*---------------------------------------------------------------*/
.LOGO a:hover,
.M_PROYECTOS a:hover {
    color: rgb(255, 255, 255);
    transition: color 0.3s;
}

.M_PROYECTOS a:hover {
    text-shadow: 0.2vw  0.2vw  0.4vw  rgba(0, 0, 0, 0.5);
    padding: 1vw;
    background-color: hsla(210, 100%, 7%, 0.759);
    border-radius: 0.5vw;
    border: 0.2vw solid aqua;
}

/*---------------------------------------------------------------*/
/*---------------------------------------------------------------*/

@media screen and (max-width: 750px) {
    .SECCION_1 {
        display: block;
        margin-top: 24vw;
        margin-left: 2vw;
        width: 95%; 
    }
    
    .SEC1_TXT {
        margin-left: 5vw;
        margin-top: 116vw;
        width: 95%;
    }
    
    .SEC1_TXT h1 {
        font: bold 4vw "Roboto", sans-serif;
    }
    
    .SEC1_TXT p {
        font: bold 3.4vw "Roboto", sans-serif;
    }
    
    .SEC1_PERFIL {
        top: 22vw;
        margin-left: 25%;
        position: absolute;
    }
    
    .SEC1_PERFIL h1 {
        margin-left: 2%;
        font: bold 2.4vw "Roboto", sans-serif;
    }
    
    .SEC1_IMG_PERFIL1 {
        width: 40vw;
        border: 0.5vw solid aqua;
    }
    
    .ICOP_WHATSAPP,
    .ICONP_LINKEDIN,
    .ICONP_GMAIL {
        width: 9vw;
    }
    
    .ICOP_WHATSAPP:hover,
    .ICONP_LINKEDIN:hover,
    .ICONP_GMAIL:hover {
        width: 10.5vw;
    }

    .ICONP_LINKEDIN {
        margin-left: 2vw;
        margin-right: 2vw;
    }
    
    .CV_DESCARGA {
        font: bold 4.5vw "Roboto", sans-serif;
        padding: 2vw 5vw;
        margin-top: 5vw;
        margin-left: 20vw;
    }
}