.card{padding:16px;border:1px solid var(--background-200);border-radius:16px;width:190px}@media (max-width: 820px){.card{width:190px}}@media (max-width: 575.98px){.card{width:100%}}.card h3{color:var(--secundary-900)}.body-inner{background-color:var(--background-50)}.project-post-header{background-color:var(--background-100);height:636px;display:flex;flex-direction:column;justify-content:center;padding:80px 0 0;border-radius:0 0 64px 64px}.projects-section{padding:118px 0}.otros-proyectos__title{line-height:1.3}@media (max-width: 575.98px){.projects-section{padding:58px 24px}}@media (max-width: 575.98px){.project-post-header{border-radius:0 0 24px 24px}}@media (max-width: 1440px){.project-post-header{height:636px}}@media (max-width: 1024px){.project-post-header{height:798px}}@media (max-width: 820px){.project-post-header{height:948px}}@media (max-width: 575.98px){.project-post-header{height:974px;height:auto;padding:24px}}.post-header-wrapper{height:358px;display:flex;flex-direction:column;justify-content:center;max-width:1008px;margin:0 auto}@media (max-width: 1024px){.post-header-wrapper{max-width:800px}}@media (max-width: 820px){.post-header-wrapper{max-width:596px}}@media (max-width: 575.98px){.post-header-wrapper{height:auto;padding:130px 0 56px}}.project-post__hero{display:flex;align-items:center;gap:62px;height:358px}@media (max-width: 820px){.project-post__hero{display:flex;align-items:center;gap:62px;height:596px;flex-direction:column;gap:56px;justify-content:space-between}}@media (max-width: 575.98px){.project-post__hero{height:auto;gap:24px}}.project-post__hero h1,h2{color:var(--secundary-900);font-size:var(--text-6xl);font-family:var(--text-medium);font-weight:500;line-height:1.2}@media (max-width: 575.98px){.project-post__hero h1,h2{color:var(--secundary-900);font-size:var(--text-2xl);font-family:var(--text-medium);font-weight:700}}.project-post__hero p{color:var(--secundary-900);font-size:var(--text-lg);font-family:var(--text-regular);font-weight:400;margin-top:16px}@media (max-width: 575.98px){.project-post__hero p{color:var(--secundary-900);font-size:var(--text-base);font-family:var(--text-regular);font-weight:400;margin-top:16px}}.project-post__hero img{max-width:240px}.project-post__description{margin-top:32px;display:flex;justify-content:center}.project-post__description .cards-wrapper{margin-top:32px;display:flex;justify-content:center;align-items:center;gap:14px}.project-post__description .cards-wrapper:nth-child(1){margin-right:14px}@media (max-width: 1024px){.project-post__description{margin-top:32px;display:flex;flex-direction:column;justify-content:center}.project-post__description .cards-wrapper{margin-top:14px}.project-post__description .cards-wrapper:nth-child(1){margin-right:0}.card{flex:1}}main{background-color:var(--background-50)}.project-container{max-width:800px;margin:0 auto;padding:62px 50px 32px}@media (max-width: 820px){.project-container{margin:0 auto;padding:62px 100px}}@media (max-width: 575.98px){.project-container{padding:42px 24px 0}}.col-2-section{display:flex;justify-content:center;align-items:center;gap:56px}@media (max-width: 820px){.col-2-section:nth-child(1){flex-direction:column-reverse;gap:56px}.col-2-section:not(:nth-child(1)){display:grid;grid-template-columns:1fr 1fr}}@media (max-width: 575.98px){.col-2-section:not(:nth-child(1)){display:grid;grid-template-columns:1fr}.image-content-l img{max-width:100%!important}}.col-2-section .text-content{flex:0 0 418px}@media (max-width: 820px){.col-2-section .text-content{flex:0 0 auto}}.col-2-section .image-content{flex:1}.col-2-section:nth-child(1){margin-bottom:72px}.col-2-section .text-content h2{margin-bottom:16px}.project-container h2{font-size:var(--text-6xl);font-family:var(--text-medium);font-weight:500}@media (max-width: 575.98px){.project-container h2{font-size:var(--text-2xl)}}.project-container h3{font-size:var(--text-2xl);font-family:var(--text-medium);font-weight:500}@media (max-width: 575.98px){.project-container h3{font-size:var(--text-base)}}.project-container p{font-size:var(--text-lg);font-family:var(--text-regular);font-weight:400;margin-top:16px}@media (max-width: 575.98px){.project-container p{font-size:var(--text-base)}}.image-content-b img{display:block;margin:40px auto 72px}.image-content-b-2 img{display:block;margin:48px auto 0}.image-content-b-3 img{margin-left:-48px}@media (max-width: 575.98px){.image-content-b-3 img{margin:16px auto}}.gracias{background-color:var(--background-50);padding:72px 0 118px}@media (max-width: 575.98px){.gracias{padding:48px 0 58px}}.project-post__description.mobile{display:none}@media (max-width: 575.98px){.project-post__description{display:none}.project-post__description.mobile{display:flex;flex-direction:row;flex-wrap:wrap;gap:14px}.project-post__description.mobile .card:nth-child(1){flex:1 1 149px}.project-post__description.mobile .card:nth-child(2){flex:1 1 149px}.project-post__description.mobile .card:nth-child(3){flex:1 1 149px}.project-post__description.mobile .card:nth-child(4){flex:1 1 149px}.project-post__description.mobile .card:nth-child(5){flex:1 1 149px}}.content-50{display:grid;grid-template-columns:1fr 1fr}.cards-proyect-container{display:grid;grid-template-columns:repeat(3,1fr)}@media (max-width: 575.98px){.cards-proyect-container{display:grid;grid-template-columns:1fr;place-items:center;gap:16px}}.cards-proyect-container .card h3{font-size:var(--text-base);font-family:var(--text-light);font-weight:300}.cards-proyect-container .card h3 b{font-size:var(--text-base);font-family:var(--text-medium);font-weight:500}.project-timeline-container{display:grid;grid-template-columns:repeat(5,1fr);gap:32px;margin-top:40px}@media (max-width: 820px){.project-timeline-container{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}}@media (max-width: 575.98px){.project-timeline-container{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}}.project-timeline-container__card h4{padding:8px;background-color:var(--background-100);border-radius:24px;margin-bottom:16px;text-align:center}.project-timeline-container__card ul{padding-left:16px}.lightbox:after{content:"";width:100%;height:100%;background-color:#1e3a2b;opacity:.8;position:fixed;top:0;left:0;z-index:1}@media (min-width: 1367px){.projects ul{display:grid;grid-template-columns:584px 584px;gap:48px;place-items:center;margin:0 auto;justify-content:center}}@media (max-width: 1367px){.projects ul{display:grid;grid-template-columns:584px;gap:48px;place-items:center;margin:0 auto;justify-content:center}}@media (max-width: 575.98px){.projects{margin-top:42px}.projects ul{display:grid;grid-template-columns:1fr;gap:48px;place-items:center;margin:0 auto;justify-content:center}}.projects__card-content{display:flex;justify-content:space-between;align-items:end}.projects__label{margin-top:8px}.projects__meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.projects__tag{background-color:transparent;padding:4px 12px;border-radius:100px;line-height:1.2;margin-top:8px;border:1px solid currentColor}.projects__tag--fintech{color:#1a5b40}.projects__tag--e-commerce{color:#f35640}.projects__title{color:var(--secundary-900)}.projects ul li{list-style:none;max-width:584px}.projects ul li a{text-decoration:none;color:var(--secundary-900)}.projects__icon{display:inline-block;width:25px;height:25px;padding:4px;margin-left:2px;margin-right:2px;position:relative;top:-2px}i svg path{fill:var(--secundary-700);transition:all .3s ease}i.disabled svg path{fill:var(--neutral-400)!important;transition:all .3s ease}.button-wrapper:hover i svg path{fill:var(--secundary-900);transition:all .3s ease}@media (max-width: 575.98px){.projects__title{display:flex;flex-direction:column}projects__title span{display:block!important}projects__title b{display:block!important}}.card-project__img-container{border-radius:24px;overflow:hidden}.card-project__img-container{&[data-color="Bolsiyo Venta Mixta"]{background-color:#99db9a}&[data-color="Cornershop Carrito de compra"]{background-color:#fea79b}&[data-color="Duobalance Finanzas personales"]{background-color:#f8e58f}}.card-project__img-container img{transition:all .3s ease}.card-project__img-container img:hover{transform:scale(1.15);transition:all .3s ease;position:relative}
