@media screen and (min-width: 0px){#blog{width:100vw;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:7rem 0 13rem;background-image:url(/img/icons/base-background.svg);background-position:bottom center;background-size:contain;background-repeat:no-repeat}#blog>.box{width:100%;max-width:83.125rem;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4rem}#blog .posts{width:90%;max-width:43.125rem;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4rem}#blog .posts article{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:2rem;border-radius:var(--button-rounded-1);background:linear-gradient(#1d1d1d,#1d1d1d) padding-box,linear-gradient(to bottom,#7a7a7a,transparent) border-box;border:1px solid transparent}#blog .posts picture{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}#blog .posts img{width:100%;height:20.53506rem;object-fit:cover;object-position:center}#blog .posts article p:first-of-type{color:var(--tag-color-1);margin-top:1rem;font-size:var(--text-size-1-m)}#blog .posts article h2{font-size:var(--title-size-1-m);line-height:1.7rem;overflow-y:hidden}#blog .post article h4{display:list-item;font-size:var(--text-size-1);font-weight:500;color:var(--white-color-2);list-style-type:disc;list-style-position:inside;margin-bottom:.5rem}#blog .posts article p{margin-top:1.5rem;font-size:var(--text-size-1-m);color:var(--text-color-2)}#blog .posts button{width:fit-content;display:flex;flex-direction:column;justify-content:center;align-items:center}#blog .posts button a{border-left:var(--tag-color-1) solid 2px;padding-left:.5rem;font-size:var(--text-size-1);margin-top:.5rem;transition:ease .2s}#blog .posts button a:hover{color:var(--tag-color-1)}#blog aside{width:90%;max-width:29.1875rem;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}#blog aside h3{font-size:var(--text-size-1);border-left:var(--tag-color-1) solid 2px;padding-left:.5rem;margin-bottom:2rem;font-weight:300}#blog aside h3 span{font-weight:600}#blog aside article{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:1rem;padding:1rem;margin-bottom:1rem;border-radius:var(--button-rounded-1);border:var(--gray-color-1) solid 1px}#blog aside article img{width:100%;height:7rem;object-fit:cover;object-position:center;border-radius:var(--button-rounded-1)}#blog aside article .title{width:100%}#blog aside .title h4{font-size:var(--text-size-1-m);font-weight:500;line-height:1.4rem;overflow-y:hidden;color:var(--text-color-2)}#blog aside .title button{margin-top:.5rem}#blog aside .title a{color:var(--text-color-1);border-left:var(--tag-color-1) solid 1px;padding-left:.5rem;font-size:var(--text-size-1-m);transition:ease .2s}#blog aside .title a:hover{color:var(--tag-color-1)}#blog aside .banner{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:1rem;margin-top:2rem;background-color:var(--gray-color-2);border-radius:var(--button-rounded-1)}#blog aside .banner .box{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2rem;text-align:center;border:var(--gray-color-1) solid 1px;border-radius:var(--button-rounded-1)}#blog aside .banner .box img{width:100%;max-width:16rem}#blog aside .banner p:first-of-type{font-size:var(--text-size-1);color:var(--white-color);font-weight:600;margin-top:1rem}#blog aside .banner p:last-of-type{margin-top:1rem;font-size:var(--text-size-1-m);font-weight:400;color:var(--white-color-2)}#blog aside .banner a{font-size:var(--text-size-1);color:var(--tag-color-1);margin-top:.5rem}#blog aside .banner a:hover{text-decoration:underline}#blog .post{width:90%;max-width:46.4375rem;display:flex;flex-direction:column;justify-content:center;align-items:center}#blog .post article{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}#blog .post picture{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:var(--button-rounded-1)}#blog .post picture img{width:100%;height:24rem;object-fit:cover;object-position:center}#blog .post p:first-of-type{color:var(--tag-color-1);font-size:var(--text-size-1-m);margin-top:1rem;margin-bottom:0}#blog .post h2{font-weight:500;margin-top:.5rem;margin-bottom:2rem;color:var(--text-color-1);border-left:var(--tag-color-1) solid 2px;padding-left:.5rem}#blog .post p{font-size:var(--text-size-1-m);color:var(--text-color-2);margin-bottom:1.5rem}#blog .post button{width:fit-content;display:flex;flex-direction:column;justify-content:center;align-items:center}#blog .post button a{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:.5rem;font-size:var(--text-size-1-m);transition:ease .2s;background-color:var(--white-color);color:var(--dark-color-1);border-radius:var(--button-rounded-1);padding:var(--button-padding-1)}#blog .post button a:hover{background-color:var(--tag-color-1);color:var(--text-color-1)}#proyecto .post h1{font-weight:300;font-size:2rem;margin-bottom:.5rem}#proyecto .post h1 span{font-weight:600}#proyecto .post p:first-of-type{margin-top:0;margin-bottom:2rem}#proyecto .post .project-gallery{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;border-bottom:var(--gray-color-1) solid 1px;padding-bottom:2rem}#proyecto .post .project-gallery picture:first-of-type{width:100%}#proyecto .post .project-gallery picture:first-of-type img{width:100%;border-radius:var(--button-rounded-1)}#proyecto .post .project-gallery picture:not(:first-of-type){width:49%}#proyecto .post .project-gallery picture:not(:first-of-type) img{width:100%;border-radius:var(--button-rounded-1)}#proyecto .post h3.subtitle{margin-top:1rem;color:var(--tag-color-1);font-size:1.7rem}#proyecto .post video{width:100%;display:block;margin-bottom:1rem}#proyecto aside article .title{max-width:13rem}}@media screen and (min-width: 443px){#blog aside article img{max-width:7.5rem}#blog aside .title{max-width:14rem}}@media screen and (min-width: 900px){#blog>.box{align-items:flex-start;padding:2rem}}@media screen and (min-width: 929px){#blog>div:first-of-type{flex-direction:row}#blog>div:is(.row-reverse){flex-direction:row-reverse}}