body{
    background-color: #000000;
    margin: 0px;
    font-size: 16px;    
}

body::-webkit-scrollbar {
    width: 10px;
}

body::-webkit-scrollbar-thumb {
    background: rgba(0, 212, 255, 0.8);
    border-radius: 10px;
    border: 2px solid #000000;
}

#particles-js {
    margin: 0%;
    padding: 0%;
    height: 100%;
    width: 100%;
    position: fixed; /*quede fijo en pantalla */
    z-index: -1;
}

#SOBRE-MI, #PORTAFOLIO, #HABILIDADES {
    min-height: 100vh;
    margin: 0em;
    padding: 4.38em 0em 0em 0em;
    box-sizing: border-box;
}

.overlay {
    filter: blur(5px) brightness(0.7);
    -moz-transition: all 0.25s cubic-bezier(0.645,0.045,0.355,1);
	-webkit-transition: all 0.25s cubic-bezier(0.645,0.045,0.355,1);
	-ms-transition: all 0.25s cubic-bezier(0.645,0.045,0.355,1);
    transition: all 0.25s cubic-bezier(0.645,0.045,0.355,1);
}

.animado {
    opacity: 0;
    -moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-ms-transition: all 0.5s;
    transition: all 0.5s;
}

.mostrarabajo {
    -moz-animation: down 1s !important;
	-webkit-animation: down 1s !important;
	-ms-animation: down 1s !important;
    animation: down 1s !important;
}

@keyframes down {
    0% {
        transform: translateY(-60px);
    }
    100% {
        transform: translateY(0);
    }
}

.mostrararriba {
    -moz-animation: up 1s !important;
	-webkit-animation: up 1s !important;
	-ms-animation: up 1s !important;
    animation: up 1s !important;
}

@keyframes up {
    0% {
        transform: translateY(60px);
    }
    100% {
        transform: translateY(0);
    }
}

/* ENCABEZADO */
header {
    margin: 0%;
    z-index: 2;
}

.container-encabezado {
    width: 100%;
    height: auto;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    position: sticky;
    top: 0;
    background-color: rgb(0,0,0,.7);
}

.content-border0 {
    position: relative;
    padding: 0.31em;
    margin: 0em 0.06em;
    display: flex;
    justify-content: center;
    align-items: center;
    /* background: linear-gradient(180deg, rgba(9,9,121,1) 0%, rgba(8,50,148,1) 10%, rgba(6,90,174,1) 20%, rgba(4,131,201,1) 30%, rgba(2,171,228,1) 40%, rgba(0,212,255,1) 50%, rgba(2,167,226,1) 60%, rgba(4,128,200,1) 70%, rgba(6,88,174,1) 80%, rgba(7,48,147,1) 90%, rgba(9,9,121,1) 100%);
    animation: rotateback2 1.3s linear infinite; */
    border-radius: 0.31em;
    opacity: 0;
    -moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-ms-transition: all 0.5s;
    transition: all 0.5s;
}

.content-border0 .content-border1 {
    border: 0.13em solid #ffffff;
    height: auto;
    -moz-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.content-border0 .content-border1 nav ul {
    list-style-type: none;
    padding: 0em; 
    margin: 0em;
}

.content-border0 .content-border1 nav ul li a{
    font-size: 1.25em;
    font-family: 'calibri';
    color: #ffffff;
    font-weight: bolder;
    text-decoration: none; /*sin subrayado link*/
    text-align: center;
    padding: 0.75em 1.88em;
    -moz-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
    display: block;
    box-sizing: border-box;
}

.content-border0 .content-border1 nav ul li a:hover{
    background: rgb(0,212,255);
    background: radial-gradient(circle, rgba(0,212,255,1) 10%, rgba(9,9,121,1) 50%, rgba(2,0,36,1) 100%);
    border-radius: 0.94em;
    padding: 0.75em 1.56em;
}

.content-border0 .content-border1:hover {
    border-radius: 0.94em;
}

/* .content-border0:hover {
    background: linear-gradient(180deg, rgba(9,9,121,1) 0%, rgba(8,50,148,1) 10%, rgba(6,90,174,1) 20%, rgba(4,131,201,1) 30%, rgba(2,171,228,1) 40%, rgba(0,212,255,1) 50%, rgba(2,167,226,1) 60%, rgba(4,128,200,1) 70%, rgba(6,88,174,1) 80%, rgba(7,48,147,1) 90%, rgba(9,9,121,1) 100%);
    animation: rotateback2 1.3s linear infinite;
} */

.blur {
    overflow: hidden;
}

.contenedor-hamburguesa {
    position: relative;
    display: none;
}

.hamburguesa-visible {
    display: flex;
}

.hamburguesa-derecha {
    justify-content: flex-end;
    background-color:transparent;
}

.menu-invisible {
    display: none;
}

.hamburger {
    padding: 15px 15px;
    display: flex;
    cursor: pointer;
    transition-property: opacity, filter;
    transition-duration: 0.15s;
    transition-timing-function: linear;
    font: inherit;
    color: inherit;
    text-transform: none;
    background-color: transparent;
    border: 0;
    margin: 0;
    overflow: visible;
    z-index: 10;
    position: relative;
}
.hamburger:focus {
    outline: 3px dashed #00d4ff;
    outline-offset: -5px;
}
.hamburger:hover {
    opacity: 0.7; }
.hamburger.is-active:hover {
    opacity: 0.7; }
.hamburger.is-active .hamburger-inner,
.hamburger.is-active .hamburger-inner::before,
.hamburger.is-active .hamburger-inner::after {
    background-color: #00d4ff; 
}
.hamburger-box {
    width: 40px;
    height: 24px;
    display: inline-block;
    position: relative; }
.hamburger-inner {
    display: block;
    top: 50%;
    margin-top: -2px; }
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
    width: 40px;
    right: 0px;
    height: 4px;
    background-color: #00d4ff;
    border-radius: 4px;
    position: absolute;
    transition-property: transform;
    transition-duration: 0.15s;
    transition-timing-function: ease; }
.hamburger-inner::before, .hamburger-inner::after {
    content: "";
    display: block; }
.hamburger-inner::before {
    width: 120%;
    top: -10px; }
.hamburger-inner::after {
    width: 80%;
    bottom: -10px; }
/*
   * Spin
   */
.hamburger--spin .hamburger-inner {
    transition-duration: 0.22s;
    transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.hamburger--spin .hamburger-inner::before {
    -moz-transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;;
	-webkit-transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;;
	-ms-transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;;
    transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in; }
.hamburger--spin .hamburger-inner::after {
    -moz-transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);;
	-webkit-transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);;
	-ms-transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);;
    transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.hamburger--spin.is-active .hamburger-inner {
    transform: rotate(225deg);
    transition-delay: 0.12s;
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
.hamburger--spin.is-active .hamburger-inner::before {
    top: 0;
    width: 100%; 
    opacity: 0;
    -moz-transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;
	-webkit-transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;
	-ms-transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;
    transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out; }
.hamburger--spin.is-active .hamburger-inner::after {
    bottom: 0;
    width: 100%; 
    transform: rotate(-90deg);
    -moz-transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
	-webkit-transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
	-ms-transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); }

.columna-hamburguesa {
    display: none;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    position: fixed;
    top: 0px;
    bottom: 0px;
    right: 0px;
    padding: calc(100vh*0.18) 10px 0px;
    width: min(75vw, 400px);
    height: 100vh;
    outline: 0px;
    background-color: #112240;
    box-shadow: -10px 0px 30px -15px rgba(2,12,27,0.7);
    z-index: 9;
    -moz-transition: all 0.25 cubic-bezier(0.645,0.045,0.355,1);
	-webkit-transition: all 0.25 cubic-bezier(0.645,0.045,0.355,1);
	-ms-transition: all 0.25 cubic-bezier(0.645,0.045,0.355,1);
    transition: all 0.25s cubic-bezier(0.645,0.045,0.355,1);
}

.button-hamburguesa {
    color: #ccd6f6;
    display: block;
    font-size: clamp(18px,4vw,24px);
    margin: 0px auto 70px;
    text-align: center;
    width: 100%;
    text-decoration: none;
    font-family: "SF Mono","Fira Code","Fira Mono","Roboto Mono",monospace;    
    transition: all 0.25s cubic-bezier(0.645,0.045,0.355,1);
}

.button-hamburguesa:hover {
    color: #00d4ff;
    border-left: 5px solid #00d4ff;
}

.columna-hamburguesa nav ul li a:hover {
    color: #00d4ff;
    border-bottom: 5px solid #00d4ff;
}

#plegableIdioma {
    cursor: pointer;
}
@keyframes rotateback2 {
    0% {
        background: linear-gradient(180deg, rgba(9,9,121,1) 0%, rgba(8,50,148,1) 10%, rgba(6,90,174,1) 20%, rgba(4,131,201,1) 30%, rgba(2,171,228,1) 40%, rgba(0,212,255,1) 50%, rgba(2,167,226,1) 60%, rgba(4,128,200,1) 70%, rgba(6,88,174,1) 80%, rgba(7,48,147,1) 90%, rgba(9,9,121,1) 100%);
    }
    10% {
        background: linear-gradient(180deg, rgba(8,50,148,1) 0%, rgba(6,90,174,1) 10%, rgba(4,131,201,1) 20%, rgba(2,171,228,1) 30%, rgba(0,212,255,1) 40%, rgba(2,167,226,1) 50%, rgba(4,128,200,1) 60%, rgba(6,88,174,1) 70%, rgba(7,48,147,1) 80%, rgba(9,9,121,1) 90%, rgba(9,9,121,1) 100%,);
    }
    20% {
        background: linear-gradient(180deg, rgba(6,90,174,1) 0%, rgba(4,131,201,1) 10%, rgba(2,171,228,1) 20%, rgba(0,212,255,1) 30%, rgba(2,167,226,1) 40%, rgba(4,128,200,1) 50%, rgba(6,88,174,1) 60%, rgba(7,48,147,1) 70%, rgba(9,9,121,1) 80%, rgba(9,9,121,1) 90%, rgba(8,50,148,1) 100%,);
    }
    30% {
        background: linear-gradient(180deg, rgba(4,131,201,1) 0%, rgba(2,171,228,1) 10%, rgba(0,212,255,1) 20%, rgba(2,167,226,1) 30%, rgba(4,128,200,1) 40%, rgba(6,88,174,1) 50%, rgba(7,48,147,1) 60%, rgba(9,9,121,1) 70%, rgba(9,9,121,1) 80%, rgba(8,50,148,1) 90%, rgba(6,90,174,1) 100%);
    }
    40% {
        background: linear-gradient(180deg, rgba(2,171,228,1) 0%, rgba(0,212,255,1) 10%, rgba(2,167,226,1) 20%, rgba(4,128,200,1) 30%, rgba(6,88,174,1) 40%, rgba(7,48,147,1) 50%, rgba(9,9,121,1) 60%, rgba(9,9,121,1) 70%, rgba(8,50,148,1) 80%, rgba(6,90,174,1) 90%, rgba(4,131,201,1) 100%);
    }
    50% {
        background: linear-gradient(180deg, rgba(0,212,255,1) 0%, rgba(2,167,226,1) 10%, rgba(4,128,200,1) 20%, rgba(6,88,174,1) 30%, rgba(7,48,147,1) 40%, rgba(9,9,121,1) 50%, rgba(9,9,121,1) 60%, rgba(8,50,148,1) 70%, rgba(6,90,174,1) 80%, rgba(4,131,201,1) 90%, rgba(2,171,228,1) 100%);
    }
    60% {
        background: linear-gradient(180deg, rgba(2,167,226,1) 0%, rgba(4,128,200,1) 10%, rgba(6,88,174,1) 20%, rgba(7,48,147,1) 30%, rgba(9,9,121,1) 40%, rgba(9,9,121,1) 50%, rgba(8,50,148,1) 60%, rgba(6,90,174,1) 70%, rgba(4,131,201,1) 80%, rgba(2,171,228,1) 90%, rgba(0,212,255,1) 100%);
    }
    70% {
        background: linear-gradient(180deg, rgba(4,128,200,1) 0%, rgba(6,88,174,1) 10%, rgba(7,48,147,1) 20%, rgba(9,9,121,1) 30%, rgba(9,9,121,1) 40%, rgba(8,50,148,1) 50%, rgba(6,90,174,1) 60%, rgba(4,131,201,1) 70%, rgba(2,171,228,1) 80%, rgba(0,212,255,1) 90%, rgba(2,167,226,1) 100%);
    }
    80% {
        background: linear-gradient(180deg, rgba(6,88,174,1) 0%, rgba(7,48,147,1) 10%, rgba(9,9,121,1) 20%, rgba(9,9,121,1) 30%, rgba(8,50,148,1) 40%, rgba(6,90,174,1) 50%, rgba(4,131,201,1) 60%, rgba(2,171,228,1) 70%, rgba(0,212,255,1) 80%, rgba(2,167,226,1) 90%, rgba(4,128,200,1) 100%);
    }
    90% {
        background: linear-gradient(180deg, rgba(7,48,147,1) 0%, rgba(9,9,121,1) 10%, rgba(9,9,121,1) 20%, rgba(8,50,148,1) 30%, rgba(6,90,174,1) 40%, rgba(4,131,201,1) 50%, rgba(2,171,228,1) 60%, rgba(0,212,255,1) 70%, rgba(2,167,226,1) 80%, rgba(4,128,200,1) 90%, rgba(6,88,174,1) 100%);
    }
    100% {
        background: linear-gradient(180deg, rgba(9,9,121,1) 0%, rgba(9,9,121,1) 10%, rgba(8,50,148,1) 20%, rgba(6,90,174,1) 30%, rgba(4,131,201,1) 40%, rgba(2,171,228,1) 50%, rgba(0,212,255,1) 60%, rgba(2,167,226,1) 70%, rgba(4,128,200,1) 80%, rgba(6,88,174,1) 90%, rgba(7,48,147,1) 100%);
    }
}

/* COPA DEL MUNDO */
#YO {
    min-height: calc(100vh * 0.9);
    padding-top: 4.38em;
    box-sizing: border-box;
    display:flex; 
    flex-wrap:inherit; 
    align-items:center; 
    justify-content:space-between;
}

.contenedor-YO {
    display:flex; 
    flex-wrap:wrap; 
    align-items:center!important;
}

#PERFIL {
    box-sizing: border-box;
    padding: 0em 2em;
    position: relative;
}

.img_circ {
    border-radius: 50%;
    width: 100%;
    background-color: rgb(255, 255, 255,.8);
}

#SOY_YO {
    line-height: 100%;
    font-family: system-ui;
    font-size: 2em;
    font-weight: bolder;
    box-sizing: border-box;
    /* padding-left: 2em; */
}

#diploma {
    border: 0.13em solid #ffffff;
    -moz-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
    font-size: 0.59em;
    padding: 0.57em 1.88em;
    text-align: center;
    -moz-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
    display: inline-block;
    box-sizing: border-box;
    text-decoration: none;     /*sin subrayado link*/
    /* Para lograr que el texto del elemento <a> se muestre en blanco, puedes anular esas propiedades utilizando el valor initial.  */
    /* Al utilizar initial como valor para las propiedades relacionadas con el texto y el fondo del elemento <a> */
    color: white;
    -webkit-text-fill-color: initial;
    -moz-text-fill-color: initial;
    -ms-text-fill-color: initial;
    -webkit-background-clip: initial;
    -moz-background-clip: initial;
    -ms-background-clip: initial;
    background-clip: initial;
    margin-left: 0.25em;
}

#texto-diploma {
    color: #ffffff;
}

#diploma:hover{
    background: rgb(0,212,255);
    background: radial-gradient(circle, rgba(0,212,255,1) 10%, rgba(9,9,121,1) 50%, rgba(2,0,36,1) 100%);
    border-radius: 0.94em;
    padding: 0.57em 1.56em;
}

/* @font-face {
    font-family:Blacksword;
    src: url(Letra2.otf);
} */

@font-face {
    font-family: 'blackswordregular';
    src: url('../fonts/letra2-webfont.eot');
    src: url('../fonts/letra2-webfont.eot?#iefix') format('embedded-opentype'),
        url('../fonts/letra2-webfont.woff2') format('woff2'),
        url('../fonts/letra2-webfont.woff') format('woff'),
        url('../fonts/letra2-webfont.ttf') format('truetype'),
        url('../fonts/letra2-webfont.svg#blackswordregular') format('svg');
}

.degradado-azul {
    background: linear-gradient(rgba(2,0,36,1) 0%,rgba(9,9,121,1) 25%, rgba(0,212,255,1) 50%, rgba(9,9,121,1) 75%, rgba(2,0,36,1) 100%);
    -webkit-text-fill-color: transparent;
    -moz-text-fill-color: transparent;
    -ms-text-fill-color: transparent;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -ms-background-clip: text;
    background-clip: text;
}

.sombra-mobile {
    text-shadow: 0em 0em 50px rgba(255, 255, 255, 1);
}

#FRASE {
    font-family: 'blackswordregular', sans-serif;
    /* font-size: 2.06em; */
    font-size: 2.06em;
    text-align: center;
    padding: 0.56em;
    box-sizing: border-box;
}

/* #FRASE h2 {
    font-size: 1.5em;
} */

/* SOBRE MI */
#SOBRE-MI {
    box-sizing: border-box;
    /* display:flex;  */
    /* flex-wrap:inherit;  */
    /* align-items:center;  */
    /* justify-content:space-between; */
}

.contenedor-SOBRE-MI {
    display:flex; 
    flex-wrap:wrap; 
    align-items:center!important;
}

#MODULO2 .blanco h3 {
    padding: 0em 0.7em;
    margin: 0 0 1.45em;
    font-size: 1.7em;
    font-family: Raleway;
    /* text-align: justify; */
}

#MODULO2 .blanco p {
    padding: 0em 1em;
    margin: 0em 0em;
    font-size: 1.2em;
    font-family: Raleway;
    /* text-align: justify; */
}

#MODULO2 .blanco ul li {
    font-size: 1.2em;
}

#PERFIL-SERVICIOS {
    box-sizing: border-box;
    padding-left: 2em;
}

.img_about_me {
    width: 100%;
    /* margin: auto; */
    display: block; /*ayuda a centrar con los margenes*/
    justify-content: center;
    transition: width 0.8s;
}

/* .img_about_me:hover {
    width: 100%;
} */

/* PORTAFOLIO */

.containertitulo {
    height: auto;
    box-sizing: border-box;
    width: 100%;
}

.containertitulo h2 {
    color: #ffffff;
    text-align: center;
    font-family: "Calibre","Inter","San Francisco","SF Pro Text",-apple-system,system-ui,sans-serif;
    font-size: 4.38em;
    margin-block-start: 0em;
}

.containerpad100 {
    height: auto;
    padding: 0em 6.25em;
    box-sizing: border-box;
    width: 100%;
    display: flex;
    flex-wrap: wrap; /*Los elementos flex son colocados en varias líneas.*/
}

.borde-padding {
    padding: 2em;
    box-sizing: border-box;
    display: flex;
}

.caja_proy {
    border: 0.06em solid #ddd;
    border-image: linear-gradient(to top, #00d4ff, rgba(0, 212, 255, 0.23)) 3 3;
    padding: 0.5em;
    box-sizing: border-box;
}

.titulo_proy {
    text-align: left;
}

.img_url {
    height: 1.13em;
}

.img_proy {
    height: 10em;
    float: left;
}

.blanco {
    color: #ffffff;
}

.top0 {
    margin: 0em 0.31em 0.31em 0em;
}

#LINKS {
    text-align: center
}

.outpoint {
    list-style-type: none;
    padding: 0em; 
    margin: 0em;
}

.outpoint li a {
    color: #fff;
    font-family: 'Raleway', Arial, Helvetica;
    font-size: 0.94em;
    font-weight: bolder;
    text-decoration: none;
    padding: 0.06em 0.31em;
    text-align: center;
    background: linear-gradient(11deg, rgba(9,9,121,1) 0%, rgba(9,9,121,1) 20%, rgba(6,85,171,1) 35%, rgba(0,212,255,1) 50%, rgba(6,85,171,1) 65%, rgba(9,9,121,1) 80%, rgba(9,9,121,1) 100%);
    border-bottom: 3px solid #0045a6;
    border-radius: 12px;
    box-shadow: 3px 3px 3px #999;
    display: inline-block;
    -moz-transition: all 0.2 ease 0s;
	-webkit-transition: all 0.2 ease 0s;
	-ms-transition: all 0.2 ease 0s;
    transition: all 0.2s ease 0s;
    margin: 0px 10px;
}

.outpoint li a:active {
	box-shadow: 2px 2px 2px #777, 0px 0px 35px 0px #00b7f8;
	border-bottom: 1px solid #0045A6;
    text-shadow:  0px 0px 5px #fff, 0px 0px 5px #fff;
    transform: translateY(4px);
    -moz-transition: all 0.1s 0s;
	-webkit-transition: all 0.1s 0s;
	-ms-transition: all 0.1s 0s;
    transition: all 0.1s ease 0s;
}

/* HABILIDADES*/
.img_skill {
    height: 100px;
}

.img-centrada{
    margin: auto;
    display: block; /*ayuda a centrar con los margenes*/
    justify-content: center;    
}

.skillref {
    color: #ffffff;
    text-align: center;
    font-family: "Calibre","Inter","San Francisco","SF Pro Text",-apple-system,system-ui,sans-serif;
    /* display: none; */
}

/* PIE DE PAGINA */
.caja_pie {
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    padding: 0.63em 0em;
}

.margen20{
    margin: 0em 0.63em;
}

.img_pie {
    height: 2em;
}


@media (prefers-reduced-motion:no-preference){
    :root{scroll-behavior:smooth}
}

@media all and (max-width: 1123px) {
    #YO {
        padding-top: 3em;
    }
    #SOY_YO {
        line-height: 150%;
    }
} /*fin de media 1123px*/

@media all and (max-width: 1080px) {
    .content-border0 .content-border1 nav ul li a{
        padding: 0.75em 1.48em;
    }
    .content-border0 .content-border1 nav ul li a:hover{
        padding: 0.75em 1.24em;
    }

    #diploma {
        padding: 0.17em 1.34em;
    }

    #diploma:hover {
        padding: 0.17em 1.02em;
    }

    .lightbox-contenedor {
        min-width: calc(100vw * 0.9);
    }
    
    .lightbox-img {
        min-height: auto;
        min-width: calc(100vw * 0.9);
    }
}

@media all and (max-width: 991px) {
    .content-border0 .content-border1 nav ul li a{
        padding: 0.75em 0.68em;
    }

    .content-border0 .content-border1 nav ul li a:hover{
        padding: 0.75em 0.48em;
    }

    #diploma {
        padding: 0.17em 0.54em;
    }

    #diploma:hover {
        padding: 0.17em 0.22em;
    }

    .img_skill {
        height: 80px;
    }
} /*fin de media 991px*/

@media all and (max-width: 790px) {
    .content-border0 .content-border1 nav ul li a{
        padding: 0.75em 0.63em;
    }

    .content-border0 .content-border1 nav ul li a:hover{
        padding: 0.75em 0.43em;
    }

    #diploma {
        padding: 0.17em 0.49em;
    }

    #diploma:hover {
        padding: 0.17em 0.17em;
    }

    .img_presentacion {
        height: 496px;
    }
} /*fin de media 790px*/

@media (max-width: 767px) { /* Estilos para tabletas */
    body {
      font-size: 14px;
    }
} /*fin de media 767px*/

@media (max-width: 752px) {
    .content-border0 .content-border1 nav ul li a{
        padding: 0.75em 0.2em;
    }

    .content-border0 .content-border1 nav ul li a:hover{
        padding: 0.75em 0em;
    }

    .content-border0 {
        padding: 0.31em 0.06em;
    }

    #diploma {
        padding: 0.17em 0.05em;
    }

    #diploma:hover {
        padding: 0.17em 0em;
    }

    #FOTOS, #PORTAFOLIO, #HABILIDADES {
        min-height: auto;
    }

    /* .degradado-azul {
        background: none;
        -webkit-text-fill-color: #00d4ff;
        color: #00d4ff;
    } */

}/*fin de media 752px*/

@media all and (max-width: 575px) {
    body {
        font-size: 12px;
    }

    #diploma {
        padding: 0.17em 1.34em;
    }

    #diploma:hover {
        padding: 0.17em 1.02em;
    }

    .content-border0 {
        display: none;

    }
    header {
        border: none;
    }

    .container-encabezado {
        justify-content: flex-end;
        background-color: transparent;
    }

    .contenedor-hamburguesa {
        display: flex;
    }

    .columna-hamburguesa {
        display: block;        
    }

    .columna-invisible {
        transform: translateX(100vw);
        visibility: hidden;
    }

    .columna-visible {
        transform: translateX(0vw);
        visibility: visible;
    }

    .containerpad100 {
        padding: 0px;
    }

    .containertitulo h2 {
        font-size: 14vw;
    }

    .img_skill {
        height: 69px;
    }

    .degradado-azul {
        text-align: center;
    }

    .img_pie {
        height: 6vw;
    }

    #PERFIL-SERVICIOS {
        box-sizing: border-box;
        padding: 0em 2em 2em ;
    }

    #MODULO2 .blanco p {
        padding: 0em 1.6em;
    }

    #MODULO2 .blanco h3 {
        text-align: justify;
    }

    #MODULO2 .blanco p {
        text-align: justify;
    }

    .parrafo_proy {
        text-align: justify;
    }
}/*fin de media 575px*/

/* Estilos para dispositivos móviles */
/* @media (max-width: 480px) { 
    
    
}  */
/*fin de media 480px*/