.portafolio-section{width:100vw;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:7rem 0;background-image:url(/img/portafolio-background.png),url(/img/icons/base-background.svg);background-position:top,bottom;background-size:contain,contain;background-repeat:no-repeat,no-repeat}.portafolio-box{width:90vw;max-width:1400px}.portafolio-box,.portafolio-text{display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.portafolio-text{width:fit-content;max-width:540px}.portafolio-text-title{border-left:2px solid var(--tag-color-1);font-size:var(--title-size-1);font-weight:300;padding-left:.5rem;margin-bottom:2rem}.portafolio-text-title span{font-weight:600}.portafolio-text-p-text{font-size:var(--text-size-1-m);margin-bottom:.5rem}.portafolio-text-button{flex-direction:column;width:fit-content}.portafolio-text-button,.portafolio-text-button a{display:flex;justify-content:center;align-items:center}.portafolio-text-button a{width:100%;flex-direction:row;gap:.5rem;padding:var(--button-padding-1);background-color:var(--white-color);color:var(--dark-color-1);font-size:var(--text-size-1-m);font-weight:500;border-radius:var(--button-rounded-1)}.portafolio-text-button a:hover{background-color:var(--white-color-2)}.portafolio-cards-box{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:4rem;gap:4rem}.portafolio-card-1{background:linear-gradient(#1d1d1d,#1d1d1d) padding-box,linear-gradient(180deg,#7a7a7a,transparent) border-box}.portafolio-card-1,.portafolio-card-2{width:100%;max-width:690px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;border:1px solid transparent}.portafolio-card-2{background:linear-gradient(#1d1d1d,#1d1d1d) padding-box,linear-gradient(0deg,#7a7a7a,transparent) border-box}.portafolio-card-box{align-items:flex-start;padding:2rem}.portafolio-card-box,.portafolio-card-picture{width:100%;display:flex;flex-direction:column;justify-content:center}.portafolio-card-picture{max-width:620px;max-height:310px;align-items:center;overflow:hidden;margin-top:.5rem}.portafolio-card-picture img{width:100%;border-radius:4px;object-fit:cover;object-position:center;transition:.5s ease}.portafolio-card-picture img:hover{width:110%}.portafolio-card-text{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;margin-top:1rem}.portafolio-card-text-tag{font-size:var(--text-size-2-m);color:var(--tag-color-1);font-weight:300}.portafolio-card-text-title{font-size:var(--title-size-1-m);font-weight:400;margin-bottom:1rem}.portafolio-card-text-title span{font-weight:700}.portafolio-card-text-p-text{font-size:var(--text-size-1-m);font-weight:400;color:var(--text-color-2)}.portafolio-card-text-button{width:fit-content;align-self:flex-start;margin:1rem 0 0}.portafolio-card-text-button,.portafolio-card-text-button a{display:flex;flex-direction:column;justify-content:center;align-items:center}.portafolio-card-text-button a{padding:var(--button-padding-1);border-radius:var(--button-rounded-1);background-color:var(--white-color);color:var(--dark-color-1);font-size:var(--text-size-1-m);font-weight:600;transition:.3s ease}.portafolio-card-text-button a:hover{color:var(--white-color);background-color:var(--tag-color-1)}#portafolio{padding-bottom:17rem}#portafolio h2{margin-top:5rem;font-size:2.4rem}#portafolio .portafolio-text button{margin-top:.2rem;align-self:flex-start}#portafolio .portafolio-text-button{margin-top:2rem;align-self:flex-start}@media screen and (min-width:900px){.portafolio-cards-box{flex-direction:row;flex-wrap:wrap}.portafolio-card-1,.portafolio-card-2{width:40%;max-width:670px}.portafolio-card-picture img{max-height:270px}}@media screen and (min-width:1200px){.portafolio-card-1,.portafolio-card-2{width:46%}}