@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@300&display=swap");:root{--variable-loca:#a12231}*{-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0}html{font-size:62.5%;font-family:"Roboto",sans-serif;background-color:#ddd}body{-webkit-transition:1s;transition:1s;background-color:#ddd}.dark-mode{background-color:#000 !important}.light-mode{background-color:#ddd !important}.dark-mode_text{color:#ddd !important}.light-mode_text{color:#222 !important}header{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#0e96da;min-height:75px;position:-webkit-sticky;position:sticky;top:-1px;z-index:1;-webkit-transition:1s;transition:1s;background-color:#ddd}.header_button{color:#fff;font-family:"Roboto",sans-serif;font-size:1.6rem;padding:6px
25px;border-radius:512px;border:none;cursor:pointer;-webkit-transition:all .2s;transition:all .2s;width:122px;height:31px}.header_button-dark_icon{width:19px;border-radius:50%;margin-left:5px}a{text-decoration:none}.header_button-red{background-color:#1b18d8;-webkit-box-shadow:90px 0px 54px rgba(94, 255, 255, 0.33);box-shadow:0px 0px 14px rgba(9,160,230,0.33);-webkit-tap-highlight-color:rgba(0,0,0,0)}.header_button-red:hover{-webkit-transform:translateY(-3px);transform:translateY(-3px);-webkit-box-shadow:0 10px 20px rgba(142, 89, 240, 0.2);box-shadow:0 10px 20px rgba(192,89,240,0.2);-webkit-tap-highlight-color:rgba(0,0,0,0)}.header_button-dark{background-color:#06663e;-webkit-box-shadow:0px 0px 14px rgba(47, 66, 78, 0.33);box-shadow:0px 0px 14px rgba(47,66,78,0.33);-webkit-tap-highlight-color:rgba(0,0,0,0);display:-webkit-box;display:-ms-flexbox;display:flex}.header_button-dark:hover{-webkit-transform:translateY(-3px);transform:translateY(-3px);-webkit-box-shadow:0 10px 20px rgba(0, 0, 0, 0.2);box-shadow:0 10px 20px rgba(0,0,0,0.2);-webkit-tap-highlight-color:rgba(0,0,0,0)}.header_button-yellow{background-color:#04658b;-webkit-box-shadow:90px 0px 54px rgba(0, 57, 245, 0.33);box-shadow:0px 0px 14px rgba(27,5,226,0.33);-webkit-tap-highlight-color:rgba(0,0,0,0)}.header_button-yellow:hover{-webkit-transform:translateY(-3px);transform:translateY(-3px);-webkit-box-shadow:0 10px 20px rgba(0, 0, 0, 0.2);box-shadow:0 10px 20px rgba(0,0,0,0.2);-webkit-tap-highlight-color:rgba(0,0,0,0)}.header_logo{width:95px;height:95px;border-radius:12px;-webkit-box-shadow:0px 0px 14px rgba(47, 66, 78, 0.33);box-shadow:0px 0px 14px rgba(47,66,78,0.33);cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0)}.header_logo{-webkit-animation:shake 5s;animation:shake 5s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}@-webkit-keyframes
shake{0%{-webkit-transform:translate(1px, 1px) rotate(0deg);transform:translate(1px, 1px) rotate(0deg)}10%{-webkit-transform:translate(-1px, -2px) rotate(-1deg);transform:translate(-1px, -2px) rotate(-1deg)}20%{-webkit-transform:translate(-3px, 0px) rotate(1deg);transform:translate(-3px, 0px) rotate(1deg)}30%{-webkit-transform:translate(3px, 2px) rotate(0deg);transform:translate(3px, 2px) rotate(0deg)}40%{-webkit-transform:translate(1px, -1px) rotate(1deg);transform:translate(1px, -1px) rotate(1deg)}50%{-webkit-transform:translate(-1px, 2px) rotate(-1deg);transform:translate(-1px, 2px) rotate(-1deg)}60%{-webkit-transform:translate(-3px, 1px) rotate(0deg);transform:translate(-3px, 1px) rotate(0deg)}70%{-webkit-transform:translate(3px, 1px) rotate(-1deg);transform:translate(3px, 1px) rotate(-1deg)}80%{-webkit-transform:translate(-1px, -1px) rotate(1deg);transform:translate(-1px, -1px) rotate(1deg)}90%{-webkit-transform:translate(1px, 2px) rotate(0deg);transform:translate(1px, 2px) rotate(0deg)}100%{-webkit-transform:translate(1px, -2px) rotate(-1deg);transform:translate(1px, -2px) rotate(-1deg)}}@keyframes
shake{0%{-webkit-transform:translate(1px, 1px) rotate(0deg);transform:translate(1px, 1px) rotate(0deg)}10%{-webkit-transform:translate(-1px, -2px) rotate(-1deg);transform:translate(-1px, -2px) rotate(-1deg)}20%{-webkit-transform:translate(-3px, 0px) rotate(1deg);transform:translate(-3px, 0px) rotate(1deg)}30%{-webkit-transform:translate(3px, 2px) rotate(0deg);transform:translate(3px, 2px) rotate(0deg)}40%{-webkit-transform:translate(1px, -1px) rotate(1deg);transform:translate(1px, -1px) rotate(1deg)}50%{-webkit-transform:translate(-1px, 2px) rotate(-1deg);transform:translate(-1px, 2px) rotate(-1deg)}60%{-webkit-transform:translate(-3px, 1px) rotate(0deg);transform:translate(-3px, 1px) rotate(0deg)}70%{-webkit-transform:translate(3px, 1px) rotate(-1deg);transform:translate(3px, 1px) rotate(-1deg)}80%{-webkit-transform:translate(-1px, -1px) rotate(1deg);transform:translate(-1px, -1px) rotate(1deg)}90%{-webkit-transform:translate(1px, 2px) rotate(0deg);transform:translate(1px, 2px) rotate(0deg)}100%{-webkit-transform:translate(1px, -2px) rotate(-1deg);transform:translate(1px, -2px) rotate(-1deg)}}.header_logo{width:110px;height:auto;border-radius:12px;-webkit-box-shadow:0px 0px 14px rgba(47, 66, 78, 0.33);box-shadow:0px 0px 14px rgba(47,66,78,0.33);cursor:pointer}.header_logo:hover{-webkit-animation:shake 3s;animation:shake 3s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}@keyframes
shake{0%{-webkit-transform:translate(1px, 1px) rotate(0deg);transform:translate(1px, 1px) rotate(0deg)}10%{-webkit-transform:translate(-1px, -2px) rotate(-1deg);transform:translate(-1px, -2px) rotate(-1deg)}20%{-webkit-transform:translate(-3px, 0px) rotate(1deg);transform:translate(-3px, 0px) rotate(1deg)}30%{-webkit-transform:translate(3px, 2px) rotate(0deg);transform:translate(3px, 2px) rotate(0deg)}40%{-webkit-transform:translate(1px, -1px) rotate(1deg);transform:translate(1px, -1px) rotate(1deg)}50%{-webkit-transform:translate(-1px, 2px) rotate(-1deg);transform:translate(-1px, 2px) rotate(-1deg)}60%{-webkit-transform:translate(-3px, 1px) rotate(0deg);transform:translate(-3px, 1px) rotate(0deg)}70%{-webkit-transform:translate(3px, 1px) rotate(-1deg);transform:translate(3px, 1px) rotate(-1deg)}80%{-webkit-transform:translate(-1px, -1px) rotate(1deg);transform:translate(-1px, -1px) rotate(1deg)}90%{-webkit-transform:translate(1px, 2px) rotate(0deg);transform:translate(1px, 2px) rotate(0deg)}100%{-webkit-transform:translate(1px, -2px) rotate(-1deg);transform:translate(1px, -2px) rotate(-1deg)}}header{height:118px}.presentation{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;background-color:#ddd;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;position:relative;-webkit-transition:1s;transition:1s}.presentation_data{margin-bottom:20%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.presentation_logotipo{width:290px;height:auto;margin:30px
auto;border-radius:25px;-webkit-box-shadow:0px 0px 14px rgba(47, 66, 78, 0.33);box-shadow:0px 0px 14px rgba(47,66,78,0.33)}.presentation_img{width:50px;height:auto;margin:30px
auto}.presentation_texts{margin-bottom:20%}.presentation_saludo{color:rgb(17, 17, 17);font-size:2.4rem;margin:20px
auto;text-align:center}.presentation_description{color:#222;font-size:1.8rem;text-align:center;margin:20px
20px 20px 20px;padding:20px
auto}.presentation_wave{position:absolute;bottom:-2px;width:100%}.presentation_logotipo{width:30%;height:auto;margin:66px
auto}.presentation_data{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;margin-bottom:23%}.presentation_img{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;width:350px;vertical-align:end;margin:0}.presentation_texts{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0;width:450px;margin-bottom:0px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.presentation_saludo{text-align:left;margin:0}.presentation_description{text-align:left;margin-left:0px;margin-bottom:0}@-webkit-keyframes load-Mantenimientos{0%{width:0}100%{width:100%}}@keyframes load-Mantenimientos{0%{width:0}100%{width:100%}}@-webkit-keyframes load-Redes{0%{width:0}100%{width:70%}}@keyframes load-Redes{0%{width:0}100%{width:70%}}@-webkit-keyframes load-ofimática{0%{width:0}100%{width:80%}}@keyframes load-ofimática{0%{width:0}100%{width:80%}}@-webkit-keyframes load-Seguridad{0%{width:0}100%{width:30%}}@keyframes load-Seguridad{0%{width:0}100%{width:30%}}@-webkit-keyframes load-CCTV{0%{width:0}100%{width:50%}}@keyframes load-CCTV{0%{width:0}100%{width:50%}}@-webkit-keyframes load-Windows{0%{width:0}100%{width:100%}}@keyframes load-Windows{0%{width:0}100%{width:100%}}@-webkit-keyframes load-Linux{0%{width:0}100%{width:40%}}@keyframes load-Linux{0%{width:0}100%{width:40%}}@-webkit-keyframes load-MacOS{0%{width:0}100%{width:70%}}@keyframes load-MacOS{0%{width:0}100%{width:70%}}@-webkit-keyframes load-SolMan{0%{width:0}100%{width:90%}}@keyframes load-SolMan{0%{width:0}100%{width:90%}}@-webkit-keyframes load-Remedy{0%{width:0}100%{width:40%}}@keyframes load-Remedy{0%{width:0}100%{width:40%}}@-webkit-keyframes load-GLPI{0%{width:0}100%{width:60%}}@keyframes load-GLPI{0%{width:0}100%{width:60%}}@-webkit-keyframes load-SAP{0%{width:0}100%{width:40%}}@keyframes load-SAP{0%{width:0}100%{width:40%}}.skills{background-color:#011627;padding-bottom:40px}.skills_title{color:white;font-size:2.4rem;text-align:center;margin-bottom:30px}.skill_cards{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:20px;padding:15px}.skill_card{background-color:#005c964f;border-radius:25px;display:-webkit-box;display:-ms-flexbox;display:flex;padding:15px;width:100%;max-width:350px}.skill_card_img{width:42px;margin-right:10px}.skill_card_data{width:100%}.skill_card_texts{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;font-size:1.4rem}.skill_card_title{color:white}.skill_card_percent-Mantenimientos{color:#ff685e}.skill_card_percent-Redes{color:#4fff38}.skill_card_percent-ofimática{color:#ffc342}.skill_card_percent-Seguridad{color:#c342ff}.skill_card_percent-CCTV{color:#ddc86b}.skill_card_percent-Windows{color:#0687dd}.skill_card_percent-Linux{color:#e6c404}.skill_card_percent-MacOs{color:#cac9ca}.skill_card_percent-SAP_SolMam{color:#04ebeb62}.skill_card_percent-Remedy{color:#fa7900}.skill_card_percent-GLPI{color:#0cb7e2cc}.skill_card_percent-SAP{color:#efff0a}.skill_card_progress{margin-top:5px;background:rgba(255,255,255,0.1);-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;border-radius:100px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;height:15px;width:100%}.skill_card_progress_value-Mantenimientos{background:#f71302;-webkit-animation:load-Mantenimientos 3s normal forwards;animation:load-Mantenimientos 3s normal forwards;-webkit-box-shadow:0 10px 40px -10px #fff;box-shadow:0 10px 40px -10px #fff;border-radius:100px;height:15px;width:0}.skill_card_progress_value-Redes{background:#04e216;-webkit-animation:load-Redes 3s normal forwards;animation:load-Redes 3s normal forwards;-webkit-box-shadow:0 10px 40px -10px #fff;box-shadow:0 10px 40px -10px #fff;border-radius:100px;height:15px;width:0}.skill_card_progress_value-ofimática{background:#d46d0d;-webkit-animation:load-ofimática 3s normal forwards;animation:load-ofimática 3s normal forwards;-webkit-box-shadow:0 10px 40px -10px #fff;box-shadow:0 10px 40px -10px #fff;border-radius:100px;height:15px;width:0}.skill_card_progress_value-Seguridad{background:#50035a;-webkit-animation:load-Seguridad 3s normal forwards;animation:load-Seguridad 3s normal forwards;-webkit-box-shadow:0 10px 40px -10px #fff;box-shadow:0 10px 40px -10px #fff;border-radius:100px;height:15px;width:0}.skill_card_progress_value-CCTV{background:#b98106;-webkit-animation:load-CCTV 3s normal forwards;animation:load-CCTV 3s normal forwards;-webkit-box-shadow:0 10px 40px -10px #fff;box-shadow:0 10px 40px -10px #fff;border-radius:100px;height:15px;width:0}.skill_card_progress_value-Windows{background:#0687dd;-webkit-animation:load-Windows 3s normal forwards;animation:load-Windows 3s normal forwards;-webkit-box-shadow:0 10px 40px -10px #fff;box-shadow:0 10px 40px -10px #fff;border-radius:100px;height:15px;width:0}.skill_card_progress_value-Linux{background:#d1ce05;-webkit-animation:load-Linux 3s normal forwards;animation:load-Linux 3s normal forwards;-webkit-box-shadow:0 10px 40px -10px #fff;box-shadow:0 10px 40px -10px #fff;border-radius:100px;height:15px;width:0}.skill_card_progress_value-MacOS{background:#cac9ca;-webkit-animation:load-MacOS 3s normal forwards;animation:load-MacOS 3s normal forwards;-webkit-box-shadow:0 10px 40px -10px #fff;box-shadow:0 10px 40px -10px #fff;border-radius:100px;height:15px;width:0}.skill_card_progress_value-SolMan{background:#04ebeb62;-webkit-animation:load-SolMan 3s normal forwards;animation:load-SolMan 3s normal forwards;-webkit-box-shadow:0 10px 40px -10px #fff;box-shadow:0 10px 40px -10px #fff;border-radius:100px;height:15px;width:0}.skill_card_progress_value-Remedy{background:#fa7900;-webkit-animation:load-Remedy 3s normal forwards;animation:load-Remedy 3s normal forwards;-webkit-box-shadow:0 10px 40px -10px #fff;box-shadow:0 10px 40px -10px #fff;border-radius:100px;height:15px;width:0}.skill_card_progress_value-GLPI{background:#0cb7e2cc;-webkit-animation:load-GLPI 3s normal forwards;animation:load-GLPI 3s normal forwards;-webkit-box-shadow:0 10px 40px -10px #fff;box-shadow:0 10px 40px -10px #fff;border-radius:100px;height:15px;width:0}.skill_card_progress_value-SAP{background:#efff0a;-webkit-animation:load-SAP 3s normal forwards;animation:load-SAP 3s normal forwards;-webkit-box-shadow:0 10px 40px -10px #fff;box-shadow:0 10px 40px -10px #fff;border-radius:100px;height:15px;width:0}.skill_image{display:none}.skill_cards_plus_image{width:80%;display:-webkit-box;display:-ms-flexbox;display:flex run-in;-ms-flex-pack:distribute;justify-content:space-around}.skill_cards{width:80%;padding:180}.skill_image{display:-webkit-box;display:-ms-flexbox;display:flexbox;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:-50%}.skills_title{text-align:center;width:120%;min-width:50px}.skill_card{max-width:50%;min-width:50px}.proyectos_cards_experience{width:100%;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-wrap:wrap;flex-wrap:wrap}.proyecto_card_experience{margin:30px;width:292px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;background-color:var(--color-fondo-tarjetas);border-radius:var(--small-radius);-webkit-filter:var(--filter-proyectos-card);filter:var(--filter-proyectos-card)}.proyecto_card_img_experience{display:block;width:100%;border-radius:var(--proyecto-img-radius);-webkit-filter:var(--filter-imagen-proyectos);filter:var(--filter-imagen-proyectos);padding:10px}.proyecto_card_data_expereience{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:15px}.proyecto_card_title_experience{font-size:var(--card-proyecto-title);color:var(--card-title-color);text-align:left}