:root{--background-Web-Light: #f5f5dc;--background-Web-Dark: black;--text-Web-Dark: #fff;--text-Web-Light: #000;--background-SmallContainer-Light: beige;--background-SmallContainer-Dark: #fff;--text-SmallContainer-Dark: black;--text-FooterSubtitles-Dark: #ffb800;--text-FooterSubtitles-Light: #dd9000;--background-Navbar-Dark: #101222;--background-Navbar-Light: #ececcf;--color-NavbarLinkActive: #3d53f5;--color-NavbarLinkDesactive-Dark: #17258b;--color-NavbarLinkDesactive-Light: #707058;--button-Project-Dark: #202232;--button-About-Dark: #424242;--button-CV-Dark: #2c61c4;--button-CV-Light: #f1e387;--background-ContainerSkill-Dark: linear-gradient(180deg, rgba(10, 1, 56, 1) 0%, rgba(32, 6, 68, 1) 35%);--background-ContainerVision-Dark: linear-gradient(180deg, rgba(0, 0, 0, 1) 0%, rgba(0, 14, 45, 1) 100%);--background-ContainerVision-Light: linear-gradient(180deg, rgba(245, 245, 220, 1) 53%, rgba(241, 214, 182, 1) 100%);--background-Container-Light: #fff;--background-Container-Dark: #000215;--color-BorderImage-Dark: linear-gradient(270deg, #000000 0%, #c89116 100%);--color-BorderImage-Light: linear-gradient(270deg, #ffffff 0%, #ffc400 100%);--color-BoderImageRadial-Dark: radial-gradient(circle, rgba(255, 184, 0, 1) 0%, rgba(82, 66, 30, 0) 100%);--color-BorderImageRadial-Light: radial-gradient(circle, rgb(255, 187, 0) 0%, rgba(255, 255, 255, .541) 100%);--border-borderLight: #8d8d8d;--text-link: #546dfd;--text-LighterText-Dark: #cfcfcf;--text-LighterText-Light: #3b3b3b;--textType1: "Montserrat", sans-serif;--textType2: "Exo 2", "Open sans";--SizeText1: 2.5em;--SizeText2: 1.4em;--SizeText3: 1.2em;--SizeText4: 1.08em;--SizeText5: 1em;--SizeText6: .9em;--SizeText7: .6em}.flex-initial{display:flex;padding:4px;box-sizing:content-box}.column-nowrap-center{display:flex;flex-direction:column;align-items:center}.text-comentary{text-align:center;font-style:italic;font-family:var(--textType1);font-size:var(--SizeText5)}.small-description{font:var(--textType1);font-size:var(--SizeText6);font-style:italic;font-weight:100!important}*{transition:background-color .5s ease}div.dark,div.light{display:flex;flex-direction:column;min-height:100vh}div.dark{background-color:var(--background-Web-Dark);color:var(--text-Web-Dark)}div.dark a{color:var(--text-Web-Dark)}div.light{background-color:var(--background-Web-Light);color:var(--text-Web-Light)}div.light a{color:var(--text-Web-Light)}.alert{position:absolute}.container.skill-container{height:600px;text-align:center}div.light .container.skill{width:100%;max-width:none;background-color:var(--background-Container-Light)}div.dark .container.skill{width:100%;max-width:none;background:var(--background-ContainerSkill-Dark)}.container.skill-container>h2{font-size:var(--SizeText1);margin:40px auto}.grid-container{display:grid;grid-template-columns:repeat(3,1fr);width:300px;margin-top:40px;box-sizing:border-box}.icon-front>p,.icon-rendered>p{-webkit-user-select:none;user-select:none}.icon-front{transform:scale(1.6);height:85px;box-sizing:content-box;z-index:2}.icon-front,.icon-rendered{cursor:pointer;transition:transform .5s ease}.icon-rendered{opacity:50%;z-index:1}.grid-item svg{width:80px;height:80px}.article.grid-item{margin-top:40px;cursor:initial;font-size:var(--SizeText3);font-weight:100;grid-row:2 / 3;grid-column:1 / 4}.principal.vision{text-align:center;padding-top:70px;padding-bottom:30px}div.dark .principal.vision{background:var(--background-ContainerVision-Dark)}div.light .principal.vision{background:var(--background-ContainerVision-Light)}.principal.vision h2{font-family:var(--textType1);font-size:var(--SizeText1);margin-bottom:50px}.visionFirst{justify-content:space-around;border-bottom:solid 3px;margin:30px 15px;border-image-slice:1!important}div.dark .visionFirst{border-image:var(--color-BoderImageRadial-Dark)}div.light .visionFirst{border-image:var(--color-BorderImageRadial-Light)}.visionFirst>p{width:35%;font-size:var(--SizeText4);font-weight:100;text-align:justify}.vision.main{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.vision.main>h3{grid-row:2 / 3;grid-column:1 / 4}.vision.item{width:auto;font-size:var(--SizeText4);font-family:var(--textType1)}.vision.item .bi{width:75px;height:auto}.vision.item>.bi-pc-display{color:#004aad}.vision.aside>p{font-size:var(--SizeText4);width:70%}.vision.item.aside-items{width:initial}.vision.item.aside-items .bi{margin:10px 20px}@media (max-width:540px){.visionFirst{flex-flow:column nowrap}.visionFirst>p{text-align:center;width:auto;margin-bottom:20px}.vision.aside>p{text-align:justify;width:90%}}main{justify-content:center;align-items:center;padding:30px}div.dark main{background-color:var(--background-Container-Dark)}div.light main{background-color:var(--background-Container-Light)}section{margin-left:7em;width:20em}.div-img{border:4px solid currentColor;overflow:hidden;width:18em;height:23em}.img-fluid{width:100%;height:100%}h1{font-size:var(--SizeText1);font-family:var(--textType2)}h2{font-family:var(--textType1);font-size:var(--SizeText2)}article{width:80%}article p{font-size:var(--SizeText6)}div.dark main article p{color:var(--text-LighterText-Dark)}div.light main article p{color:var(--text-LighterText-Light)}main section .socialNetwork{padding:4px;border-bottom:2px solid;margin-right:3em;box-sizing:content-box;border-image-slice:1!important}div.light main section .socialNetwork{border-image:var(--color-BorderImage-Light)}div.dark main section .socialNetwork{border-image:var(--color-BorderImage-Dark)}section .socialNetwork #Contacto{margin-left:50px}.item{margin:2px}a.item svg.bi:hover{transform:scale(1.2)}.main-button{justify-content:start}.ButtonLink{margin:4px;padding:6px;border-radius:10px;text-decoration:none;font-size:var(--SizeText6);font-weight:100;box-sizing:border-box;position:relative}.ButtonLink .bi{margin:0 4px}div.dark main #Project{background-color:var(--button-Project-Dark)}div.dark main #About{background-color:var(--button-About-Dark)}div.dark main #CV{background-color:var(--button-CV-Dark)}div.dark main #Project:hover,div.dark main #About:hover,div.dark main #CV:hover{filter:brightness(150%)}.container-curriculum a:hover{filter:brightness(125%);transition:filter .2s linear}div.light main #CV{background-color:var(--button-CV-Light)}div.light main #Project,div.light main #About,div.light main #CV{border:solid var(--border-borderLight) 1px}div.light main #Project:hover,div.light main #About:hover,div.light main #CV:hover{border:solid #000000 1px}#CV{cursor:pointer;border-radius:10px 10px 10px 3px}.container-curriculum{display:none}#CV:hover .container-curriculum{display:flex;flex-direction:column;position:absolute;right:11%;top:90%;width:90%;margin-top:2px;border:1px solid #000;border-top:0px}.container-curriculum a{text-decoration:none}div.light .container-curriculum a{background-color:var(--button-CV-Light)}div.dark .container-curriculum a{background-color:var(--button-CV-Dark)}@media (max-width: 540px){.div-img{display:none}section{margin-left:0;display:flex;flex-flow:column wrap;align-items:center;text-align:center}main section .socialNetwork,div.light main section .socialNetwork,div.dark main section .socialNetwork{margin-right:0;margin-bottom:10px;padding-bottom:8px;border-image:none;border-image-slice:none}section .socialNetwork #Contacto{margin-left:2px}.main-button{display:grid;grid-template-columns:auto,auto,auto}.main-button #CV{margin:0 auto;width:90px;grid-row:2 / 2;grid-column:1 / 3}}.container.asidefirst{justify-content:space-between;width:100%;margin-top:7em;margin-bottom:60px}.Resume{width:40%}.Resume>h2{font-size:var(--SizeText1);margin-bottom:30px}.Resume>h4{font-size:var(--SizeText3)}.Resume>h2,.Resume>h4{font-weight:100}.Resume>p{font-size:var(--textSize2)}div.dark .Resume>p{color:var(--text-LighterText-Dark)}div.light .Resume>p{color:var(--text-LighterText-Light)}.BlockCode{width:40%;height:500px;background-color:#000;border-radius:6px;overflow:auto;position:relative}.BlockCode pre{height:96%}@media (max-width: 540px){.container.asidefirst{flex-flow:column nowrap;justify-content:center}.Resume.container{text-align:center;margin-bottom:15px}.Resume{width:auto}.BlockCode{width:90%;border:1px solid #fff}}.container-contact{margin:60px 20px;width:90%}.informacion{border:var(--border-borderLight) solid 2px;border-radius:10px;padding:20px;max-height:480px}.contact-section{width:90%;max-height:600px;max-width:1400px}.containerForm2{flex:0 0 auto;width:66.66666667%}div.dark .message-pregunta{color:var(--text-LighterText-Dark)}div.light .message-pregunta{color:var(--text-LighterText-Light)}@media (max-width:540px){.container-contact{flex-flow:column nowrap;justify-content:center;width:90%}.contact-section{margin-top:40px;width:100%}.contact-section .form-group.button-form{text-align:center}.containerForm2{width:100%}}.container.main-project,.container.aside-project{box-sizing:border-box;max-width:none}.carousel-item img{opacity:60%;height:70vh;width:100%}.carousel-caption.d-none.d-md-block{font-family:var(--textType1)}div.light .bg-modal{background:var(--background-ContainerVision-Light)}div.dark .bg-modal{background:var(--background-ContainerVision-Dark)}.carousel{display:flex;align-items:center;overflow:hidden;width:70vw;height:70vh;max-width:716px;max-height:450px;border-radius:15px;background:var(--background-Container-Dark)}div.light .carousel a{color:#fff}.carousel a{text-decoration:none}.carousel a:hover h5{text-decoration:underline;text-underline-offset:30%}.container.aside-project{padding-bottom:30px}div.dark .container.aside-project{background:var(--background-Container-Dark)}div.light .container.aside-project{background:var(--background-Container-Light)}.projects-categorise div h5{font-family:var(--textType1);font-weight:100}.projects-miniature{display:flex;flex-wrap:wrap;gap:35px}.projects-miniature .miniature{display:grid;grid-template-columns:auto,auto,auto;gap:10px}.description{font-size:var(--SizeText6)}.description svg{width:25px;height:auto}.skills-miniature{display:flex;justify-content:center;width:85%;grid-row:2 / 2;grid-column:1 / 3}.redes-miniature{display:flex;flex-flow:column wrap;justify-content:center}.skills-miniature svg{width:30px;height:auto}.image-miniature{width:14em;height:9em;position:relative;overflow:hidden;font-family:var(--textType1);font-weight:700;border-radius:8px;border:var(--border-borderLight) solid 2px}.image-miniature h4{font-size:var(--SizeText3);font-weight:700}.skillsIcon svg{width:35px;height:35px}.skillsIcon:hover svg{transform:scale(1.2)}.overlay{display:flex;position:absolute;text-align:center;justify-content:center;align-items:center;width:100%;height:100%;bottom:-60%;opacity:0;cursor:pointer;transition:opacity .3s ease-in-out,background .6s ease,bottom .3s ease-in-out}div.dark #WAPL .image-miniature>img{filter:invert(100%)}div.dark .overlay{background:#0000009c}div.light .overlay{background:#cfc77ed8}.image-miniature:hover .overlay{opacity:.9;bottom:0%}div.dark .overlay:hover{background:#3143e79a}div.light .overlay:hover{background:#cfc77e}@media (max-width:540px){.miniature{width:100%;justify-content:center;grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr}.image-miniature{grid-column:2;grid-row:1}.redes-miniature{grid-column:3;grid-row:1;display:flex;flex-flow:column wrap;justify-content:center}.skills-miniature{grid-column:1;grid-row:1;width:100%;display:flex;flex-flow:wrap column;align-items:flex-end;justify-content:center;gap:10px}.image-miniature .overlay{opacity:1;bottom:-80%;flex-direction:column;justify-content:start}.image-miniature:hover .overlay{justify-content:center}.image-miniature:hover .overlay:after{content:"Ver detalles"}.carousel{width:90vw;height:40vh;margin:10px 0;padding:0;border:0;border-radius:6px}.carousel-item img{height:40vh}.carousel-item p{display:none}}.container.About{padding:30px;max-width:none}div.light .container.About{background-color:var(--background-Container-Light)}div.dark .container.About{background:var(--background-Container-Dark)}.container.About h2{scroll-margin-top:100px}.container.About span{font-weight:700}.index-about{flex:0 0 auto;width:30%}.main-about{flex:0 0 auto;width:70%}.container.About .habilidades{margin-bottom:20px!important;display:flex;flex-wrap:wrap}.container.About .habilidades svg{width:3em;height:auto}.container.About .habilidades h3{font-size:var(--SizeText5);font-family:var(--textType2)}.container.About .habilidades .habilidades-container{display:flex;flex-flow:column wrap;justify-content:center;align-items:center;text-align:center;padding:4px;margin:4px;border:3px solid currentColor;box-sizing:border-box}.container.About .certifications{margin-top:40px;margin-left:0;text-align:start;width:100%}.container.About .container-certification{display:flex;justify-content:space-between;align-items:center;padding:10px 15px;width:100%;max-width:900px;gap:30px}.container-certification .text-certification{display:flex;flex-flow:column wrap}.container-certification .img-certification-link{width:35%;max-width:300px;min-width:100px;border:3px solid currentColor}.container-certification .img-certification{width:100%}.container.About .experiencia h3{font-size:var(--SizeText5)}.container.About .experiencia h4{font-size:var(--SizeText6)}div.dark .container.About li a{color:var(--text-SmallContainer-Dark)}div.light .list-group-item{background-color:var(--background-SmallContainer-Light)}div.dark .list-group-item{background-color:var(--background-SmallContainer-Dark)}@media (max-width:540px){.container.About .index-about,.container.About .main-about{margin-bottom:20px;width:100%}.container.About .container-certification{flex-flow:column nowrap;text-align:center;gap:0px}.container-certification .img-certification-link{width:90%}.container.About .habilidades{flex-flow:row wrap;justify-content:center}.habilidades-container{align-items:center;margin-bottom:15px!important;border:0px!important;box-shadow:0 3px 5px 1px #7e7e7e7a}}.nextjs-layout{display:flex;justify-content:center;align-items:center;min-height:100vh;width:100vw;position:fixed;top:0;left:0;z-index:9999;padding:20px;background-color:#000!important;color:#fff!important}.nextjs-layout *{background-color:transparent!important}.nextjs-content{display:flex;flex-direction:column;align-items:flex-start;max-width:800px;width:100%;padding:0 20px}.nextjs-title{font-family:var(--textType1);font-size:3.5rem;font-weight:800;margin:0;text-align:left;letter-spacing:-2px}.nextjs-divider-horizontal{width:100%;height:1px;background-color:#333;margin:32px 0}.nextjs-bottom-section{display:flex;flex-direction:row;align-items:center;gap:40px;width:100%}.nextjs-message{font-family:var(--textType2);font-size:1rem;line-height:1.6;margin:0;flex:1;color:#a1a1a1}.nextjs-link{color:#fff!important;text-decoration:underline;font-weight:600;margin-left:5px;transition:opacity .2s ease}.nextjs-link:hover{opacity:.8}.nextjs-image-wrapper{flex-shrink:0}.nextjs-image{width:160px;height:auto;border-radius:12px;object-fit:contain;filter:grayscale(20%)}@media (max-width: 650px){.nextjs-title{font-size:2.2rem;letter-spacing:-1px}.nextjs-bottom-section{flex-direction:column;align-items:flex-start;gap:30px}.nextjs-image{width:130px}}div.dark .navbar{background-color:var(--background-Navbar-Dark)}div.light .navbar{background-color:var(--background-Navbar-Light)}.navbar.navbar #HomeNav.active,.navbar.navbar #HomeNav:hover{color:var(--color-NavbarLinkActive)}#HomeNav{position:relative;z-index:1;transition:color .3s ease}div.dark .navbar #HomeNav{color:var(--color-NavbarLinkDesactive-Dark)}div.light .navbar #HomeNav{color:var(--color-NavbarLinkDesactive-Light)}#HomeNav:before{content:"";position:absolute;background:#178dfc66;box-shadow:17px 20px 21px 15px #0084ff80;opacity:0;transition:opacity .4s ease}#HomeNav:hover:before{opacity:1}#HomeNav.active:before{all:initial}.nav-link{font-family:var(--textType1);font-size:var(--SizeText3);border:2px solid transparent;transition:border .5s ease}.nav-link>p{margin-top:0;margin-bottom:0}div.dark .navbar .nav-link:hover{color:var(--text-LighterText-Dark)}div.light .navbar .nav-link:hover{color:var(--text-LighterText-Light)}#sun-moon{cursor:pointer;margin-left:10px;margin-right:0}.bi-moon-stars:hover{color:#2f62ee}.bi-moon-stars,.bi-sun-fill{transition:color .6s ease}div.dark .bi-moon-stars,.bi-sun-fill,.navbar-nav .nav-link .bi{display:none}div.dark .bi-moon-stars~.bi-sun-fill{display:inline-block}div.dark .bi-moon-stars~.bi-sun-fill:hover{color:#ffd900}.navbar-nav{flex-direction:row}div.dark .navbar .navbar-nav .nav-link.active,div.light .navbar .navbar-nav .nav-link.active{border-bottom:2px solid var(--color-NavbarLinkActive);color:currentColor}@media (max-width: 540px){#HomeNav,.nav-link>p{display:none}#navbarNavAltMarkup{width:100%}.navbar-nav{width:100%;justify-content:space-between}.navbar .navbar-nav .nav-link,.navbar .navbar-nav .nav-link.active{border-bottom:none!important}div.light .navbar .navbar-nav .nav-link{color:var(--color-NavbarLinkDesactive-Light)}.navbar .navbar-nav .nav-link.active{color:var(--color-NavbarLinkActive)!important}.navbar-nav .nav-link .bi{display:block;width:26px;height:auto}}.deprecation-banner{background-color:#ffb800;color:#000;padding:12px 20px;text-align:center;font-family:var(--textType1);font-weight:700;font-size:var(--SizeText5);position:sticky;top:0;z-index:2000;box-shadow:0 2px 10px #0003}.deprecation-banner-content{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:10px}.deprecation-banner a{color:#000215!important;text-decoration:underline;transition:opacity .2s ease}.deprecation-banner a:hover{opacity:.7}@media (max-width: 600px){.deprecation-banner{font-size:var(--SizeText6);padding:8px 15px}}footer{display:flex;flex-flow:column wrap;align-items:center;margin-top:auto}.container.info{display:grid;grid-template-columns:auto,auto,auto;margin-top:2em}.mencions{margin-top:20px;grid-row:2 / 2;grid-column:1 / 3}.mencions p a{color:var(--text-link)}.footer.subtitulos{font-weight:300;text-align:center;font-size:var(--SizeText2)}div.dark .footer.subtitulos{color:var(--text-FooterSubtitles-Dark)}div.light .footer.subtitulos{color:var(--text-FooterSubtitles-Light)}.footer.links>a{text-decoration:none}.footer.reds .socialNetwork{margin-right:initial;border:none}.footer.reds .socialNetwork{display:grid;gap:10px;grid-template-columns:repeat(3,3fr)}.footer.reds .bi-envelope-at{margin-left:initial}.copiright{width:100%;text-align:center;padding-bottom:20px}
