.card__logo{display:flex;justify-content:space-between;align-items:center}.card__logo img{width:10dvh}.card__article{display:flex;align-items:center;gap:0rem;padding:.5rem 0}.card__article span{font-size:clamp(2rem,12vw,8rem);font-weight:700}.card__article .title-highlight{background:linear-gradient(135deg,#639,#e84b3c);-webkit-text-fill-color:transparent;background-clip:text}.card__descripcion{max-width:32rem;width:100%;font-size:clamp(1rem,2.5vw,1.5rem);line-height:1.4;text-wrap:wrap;font-weight:300;opacity:.8}.card__links{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap;align-self:flex-start;padding-top:.5rem}.card__links-list{background-color:#d8b7fa;color:#1a1a1a;border-radius:50%;transition:background-color .3s ease-in-out,color .3s ease-in-out,box-shadow .3s ease-in-out,transform .3s ease-in-out;cursor:pointer;padding:.4rem;box-shadow:0 0 8px #11111180}.card__links-list:hover{background-color:#845ec2;box-shadow:0 0 15px #663399b3;transform:scale(1.1)}.card__links-items{color:#1a1a1a;transition:color .3s ease-in-out,transform .3s ease-in-out}.card__links-list:hover .card__links-items{color:#ececec;transform:scale(1.2)}@media (320px <= width <= 768px){.card{padding:2rem 1.8rem}.card__logo{width:12dvh;gap:4rem}.card__article{flex-wrap:wrap;margin:.5rem 0}.card__descripcion{line-height:1.5}.card__social a{font-size:.8rem}}.status-badge{display:flex;align-items:center;gap:.5rem;border-radius:1rem;border:.09rem solid;padding:.2rem 1rem;background-color:#eddcfb;color:#639;border-color:#a855f733;margin-right:12rem}.status-badge__dot{position:relative;display:flex;align-items:center;height:.5rem;width:.5rem}.status-badge__dot-ping{position:absolute;top:-.03rem;left:0;width:100%;height:100%;border-radius:1rem;background-color:#80f;opacity:.75;animation:ping 1.5s infinite}@keyframes ping{0%{transform:scale(.8);opacity:.75}50%{transform:scale(1.2);opacity:0}to{transform:scale(.8);opacity:.75}}.button{display:inline-flex;align-items:center;gap:1rem;background-color:#d8b7fa;color:#1a1a1a;border-radius:3rem;padding:.3rem 1.3rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:background-color .3s}.button__icon-wrapper{flex-shrink:0;width:20px;height:20px;position:relative;background-color:#ececec;border-radius:50%;display:flex;justify-content:center;align-items:center;overflow:hidden}.button:hover{background-color:#639;color:#ececec}.button:hover .button__icon-wrapper{color:#1a1a1a}.experience{display:flex;flex-direction:column;align-items:flex-start;padding:3rem 2.2rem}.experience__title{display:flex;align-items:center;gap:.5rem;padding-bottom:1rem}.experience__title h2{background:linear-gradient(135deg,#58039d,#e84b3c);-webkit-text-fill-color:transparent;background-clip:text;font-size:clamp(1.2rem,2vw + 1rem,2.3rem);font-weight:700}.timeline{position:relative;border-left:2px solid #d8b7fa}.timeline__item{position:relative;margin-bottom:40px;padding-left:20px;background-color:#ececec;border:.1rem solid #d0b1f9;border-radius:.5rem;margin-inline-start:1rem;padding:1rem}.timeline__marker{position:absolute;top:12px;left:-25px;width:13px;height:13px;background-color:#d8b7fa;border:1px solid #ececec;border-radius:1rem}.timeline__sumary{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0}.timeline__sumary-p,.timeline__sumary-span{color:#639}.timeline__sumary-span{background-color:#eddcfb;font-size:.75rem;margin-inline-end:.6rem;padding:.125rem .625rem;border-radius:1rem;text-align:center}.timeline__title{margin-bottom:1rem}.timeline__title h2{font-size:1.2rem;font-weight:500;padding-bottom:.3rem}.timeline__title p{opacity:75%}.timeline__description{line-height:1.4;font-weight:300}.timeline__description--item{padding:.7rem 0}.timeline__description strong{color:#639;font-weight:500}.timeline__skills h3{font-size:.89rem;font-weight:500;color:#639;padding:1rem 0}.timeline__list{display:flex;flex-wrap:wrap;gap:.5rem}.timeline__list--items{background-color:#eddcfb;font-size:.8rem;color:#639;padding:.174rem .5rem;border-radius:1rem}@media (320px <= width <= 768px){.experience{padding:0rem 3.2rem}}.projects{padding:3rem 2.2rem}.projects__title{display:flex;align-items:center;gap:.5rem;padding-bottom:1rem}.projects__title h2{background:linear-gradient(135deg,#58039d,#e84b3c);-webkit-text-fill-color:transparent;background-clip:text;font-size:clamp(1.2rem,2vw + 1rem,2.3rem);font-weight:700}.projects__container{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}@media (max-width: 600px){.projects__container{grid-template-columns:1fr}}.projects__items{background-color:#bca2de;border-radius:.6rem;padding:.7rem;overflow:hidden}.projects__items:hover{box-shadow:0 0 30px #0006}.projects__figure{display:flex;flex-direction:column;align-items:center;gap:.5rem}.projects__figure-picture{width:100%;height:12rem;border-radius:.5rem;transition:transform .35s ease-in-out;transform-origin:center}.projects__figure-img{border-radius:.4rem;width:100%;height:100%;object-fit:cover;transition:transform .25s ease-in-out}.projects__figure:hover .projects__figure-picture{transform:scale(1.02)}.projects__figure:hover .projects__figure-img{transform:scale(1.09)}.projects__figure-link{cursor:text}.projects__figure-title{color:#1a1a1a;font-weight:700;padding-top:.6rem}@media (max-width: 600px){.projects__figure-title{font-size:1.2rem}}.projects__figure-description{font-size:.89rem;text-wrap:wrap;font-weight:200;color:#1a1a1a;line-height:1.34;padding:.8rem .4rem 1rem 0}@media (max-width: 600px){.projects__figure-description{font-size:1.15rem}}.projects__figure-icons{display:flex;justify-content:flex-start;align-items:center;gap:1.5rem;padding-top:1rem}.projects__figure-icon{width:1.3rem;height:1.3rem}@media (320px <= width <= 768px){.projects{padding:4rem 3rem}}.about{display:flex;flex-direction:column;align-items:flex-start;padding:2rem 2.2rem}.about__title{display:flex;align-items:center;padding:1rem 0}.about__title h2{background:linear-gradient(135deg,#58039d,#e84b3c);-webkit-text-fill-color:transparent;background-clip:text;font-size:clamp(1.2rem,2vw + 1rem,2.3rem);font-weight:700}.about__title span{font-size:1.5rem}.about__description p{font-size:1.1rem;font-weight:300;padding:1rem 0;line-height:1.5}.about__description strong{font-weight:500;color:#639}@media (320px <= width <= 768px){.about{padding:4rem 3rem}}.skill{padding:3.5rem 2.2rem}.skill__title{display:flex;align-items:center;gap:.5rem;padding-bottom:1rem}.skill__title-h2{background:linear-gradient(135deg,#58039d,#e84b3c);-webkit-text-fill-color:transparent;background-clip:text;font-size:clamp(1.2rem,2vw + 1rem,2.3rem);font-weight:700}:is(.skill__title-icon,.skill__list-icon){width:1.5rem;height:1.5rem}.skill__categories{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.5rem}.skill__category{background-color:#d4a3ca;display:flex;flex-direction:column;border-radius:.5rem;padding:1rem}.skill__subtitle{text-align:center;color:#1a1a1a;padding-bottom:1.5rem}.skill__list{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:1rem}.skill__list li{display:flex;flex-direction:column;align-items:center;font-size:.68rem;gap:1rem}@media (320px <= width <= 768px){.skill{padding:4rem 3rem}.skill__title{padding:1rem 0rem}.skill__categories{padding:0}}.services{padding:1.2rem 1rem}.services__title{background:linear-gradient(135deg,#58039d,#e84b3c);-webkit-text-fill-color:transparent;background-clip:text;font-size:clamp(1.2rem,2vw + 1rem,2.3rem);font-weight:700;display:flex;align-items:center;gap:.5rem;padding-top:1rem}.services__list{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.5rem;padding-top:1rem}.services__item{background-color:#bca2de;border-radius:.6rem;padding:1rem}.services__item h3{text-align:left;font-weight:600;padding:.7rem 0;font-size:.9rem}.services__item p{font-size:.89rem;text-wrap:wrap;font-weight:200;color:#ececec;padding-top:.5rem}@media (320px <= width <= 768px){.services{padding:2rem 1.5rem}}.contactos{padding:1rem 2.2rem}.sectionContact__article{display:flex;align-items:center;gap:.5rem;padding:2rem 0rem}.sectionContact__article-title{background:linear-gradient(135deg,#58039d,#e84b3c);-webkit-text-fill-color:transparent;background-clip:text;font-size:clamp(1.2rem,2vw + 1rem,2.3rem);font-weight:700}.sectionContact__container{display:flex;justify-content:space-between;align-items:flex-start}@media (max-width: 768px){.sectionContact__container{display:flex;flex-direction:column;align-items:center;gap:3rem;margin-bottom:2rem}}.contact__container{display:flex;flex-direction:column;align-items:center;gap:1rem}.contact__container-title{font-size:1.2rem}.contact__actions{display:flex;gap:1rem}.contact__actions-buttom{display:flex;justify-content:center;align-items:center;border-radius:.7rem;border:1px solid #663399;color:#639;cursor:pointer;padding:.8rem;background:transparent;transition:background-color .3s ease-in-out,color .3s ease-in-out,box-shadow .3s ease-in-out;font-size:1rem;width:3rem;height:3rem}.contact__actions-buttom:hover{background-color:#639;color:#ececec;box-shadow:0 0 8px #66339980}.contact__icon{width:1.5rem;height:1.5rem}.contact__message{text-align:center}.contact #contact__message-sub{font-size:1.3rem}.contact #contact__message-main{display:block;margin-top:.5rem;font-size:1rem;min-width:20rem;color:#1a1a1a;opacity:75%}.contact__alert{position:fixed;top:50px;right:5%;transform:translate(-50%);background-color:#8d50ca;color:#ececec;padding:10px 20px;border-radius:8px;box-shadow:0 2px 6px #0000001a;opacity:0;visibility:hidden;transition:opacity .3s ease-in-out,visibility .3s ease-in-out}.contact__alert.show{opacity:1;visibility:visible}.button__icon-svg--copy{position:absolute;transform:translate(-150%,150%)}.button:hover .button__icon-svg:first-child{transition:transform .3s ease-in-out;transform:translate(150%,-150%)}.button:hover .button__icon-svg--copy{transition:transform .3s ease-in-out .1s;transform:translate(0)}.contact__form{border-radius:.5rem;max-width:600px}.contact__form-group{margin-bottom:2rem}.contact__label{display:block;margin-bottom:.4rem;font-size:.875rem;font-weight:500;color:#1a1a1a}.contact__honeypot{display:none}.contact__input,.contact__textarea{caret-color:#639;width:20rem;padding:.76rem;font-size:.875rem;border-radius:.275rem;border:1px solid #663399;transition:border-color .2s ease-in-out,box-shadow .2s ease-in-out;background-color:#fff;color:#1a1a1a}.contact__input:focus,.contact__textarea:focus{outline:none;border-color:#8d64bb;box-shadow:0 0 0 2px #a56fed80}.contact__input--error,.contact__textarea--error{border-color:red}.contact__input--success,.contact__textarea--success{border-color:green}.contact__textarea{min-height:6rem;resize:vertical}.contact__message{margin-top:.5rem;font-size:.875rem}.contact__message--error{color:red}.contact__message--success{color:green}.contact__button{margin-top:3rem;width:100%;border:.25rem solid #d9b0ff;padding:1rem 2rem;font-size:1rem;font-weight:500;background-color:#643d88;color:#ececec;border-radius:1rem;outline:none;box-shadow:0 0 1rem .1rem #d9b0ff,0 0 1.6rem .1rem #bf7bffc7,inset 0 0 .1rem .1rem #d9b0ff;text-shadow:0 0 .1rem #d9b0ff;position:relative;transition:all .3s;cursor:pointer}.contact__button:hover{color:#ececec;background-color:#6a10be}.contact__button:active{box-shadow:0 0 .6rem .25rem #d9b0ff,0 0 .5rem 3rem #b985e8c7,inset 0 0 .5rem .25rem #d9b0ff}.floating-notification{position:fixed;top:50px;right:20px;padding:15px 25px;border-radius:4px;color:#ececec;font-weight:500;box-shadow:0 4px 12px #00000026;z-index:1000;transform:translate(120%);transition:transform .3s ease,opacity .3s ease;opacity:0}.floating-notification.success{background-color:#4caf50}.floating-notification.error{background-color:#f44336}.floating-notification.show{transform:translate(0);opacity:1}@media (320px <= width <= 768px){.contact__form{padding:0rem}.contact__input,.contact__textarea{width:17.5rem}}
