/*!*****************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js!./src/scss/templates/proyectos.scss ***!
  \*****************************************************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css2?family=Work+Sans:wght@300;400;600&display=swap&family=Margarine&display=swap);
/*!*********************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js!./src/scss/templates/proyectos.scss (1) ***!
  \*********************************************************************************************************************************************************************************************************************/
.page-template-proyectos{background:#c7e436}.main,.main__container{position:relative}.main__container{padding:14.58333vw 2.08333vw;z-index:1}@media (max-width:1024px){.main__container{padding:39.46667vw 5.33333vw}}.main .n{height:48.05556vw;left:0;min-height:48.05556vw;min-width:48.88889vw;position:absolute;top:0;width:48.88889vw}@media (max-width:1024px){.main .n{height:154.93333vw;min-height:154.93333vw;min-width:157.6vw;width:157.6vw}}.main .n svg{height:100%;width:100%}.main .n svg path{fill:#e7e5dd}.projects-header{margin-bottom:5vw}@media (max-width:1024px){.projects-header{margin-bottom:19.2vw}}.projects-header .page-title{font-family:Work Sans,Helvetica,Arial,sans-serif;font-size:2.22222vw;font-style:normal;font-weight:400;line-height:1.4375;margin-bottom:1.38889vw;padding:0 10.27778vw}@media (max-width:1024px){.projects-header .page-title{font-size:6.4vw;line-height:1.41667;margin-bottom:5.33333vw;padding:0}}.projects-header .filters{display:-webkit-box;display:-ms-flexbox;display:flex;padding:0 10.27778vw}@media (max-width:1024px){.projects-header .filters{padding:0}}.projects-header .filters .item{border:2px solid #563b2e;border-radius:2.77778vw;cursor:pointer;font-family:Work Sans,Helvetica,Arial,sans-serif;font-size:1.11111vw;font-style:normal;font-weight:400;line-height:1.75;margin-right:.69444vw;padding:.41667vw 1.66667vw;text-transform:uppercase;-webkit-transition:background .2s ease,color .2s ease;transition:background .2s ease,color .2s ease}@media (max-width:1024px){.projects-header .filters .item{border-radius:10.66667vw;font-size:4.26667vw;line-height:1.5;margin-right:2.66667vw;padding:1.6vw 6.4vw}}.projects-header .filters .item:last-child{margin:0}.projects-header .filters .item.active{background:#563b2e;color:#e7e5dd}.projects-list{border-top:1px solid #563b2e;padding:2.08333vw 10.27778vw}@media (max-width:1024px){.projects-list{padding:5.33333vw 0}}.project{display:none;margin-bottom:2.08333vw}@media (max-width:1024px){.project{margin-bottom:5.33333vw}}@media (min-width:1025px){.project__container{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;display:-webkit-box;display:-ms-flexbox;display:flex}}.project .image{border-radius:2.08333vw;overflow:hidden;position:relative}.project .image:before{content:"";display:block;padding-bottom:56.25%}@media (max-width:1024px){.project .image:before{padding-bottom:66.667%}}.project .image img,.project .image video{height:100%;left:0;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;position:absolute;top:0;width:100%}@media (max-width:1024px){.project .image{border-radius:5.33333vw}}@media (min-width:1025px){.project .image{width:65%}}.project .info{background:#e7e5dd;border:1px solid #563b2e;border-radius:2.08333vw;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:justify;-ms-flex-pack:justify;justify-content:space-between;padding:2.08333vw}@media (max-width:1024px){.project .info{border-radius:5.33333vw;padding:5.33333vw}}@media (min-width:1025px){.project .info{width:35%}}.project .info .title{font-family:Work Sans,Helvetica,Arial,sans-serif;font-size:1.80556vw;font-style:normal;font-weight:400;line-height:1.30769}@media (max-width:1024px){.project .info .title{font-size:5.33333vw;line-height:1.2}}.project .info .subtitle{font-family:Work Sans,Helvetica,Arial,sans-serif;font-size:1.25vw;font-style:normal;font-weight:400;line-height:1.44444;margin-bottom:2.08333vw}@media (max-width:1024px){.project .info .subtitle{font-size:4.8vw;line-height:1.44444;margin-bottom:5.33333vw}}.project .info .resumen{font-family:Work Sans,Helvetica,Arial,sans-serif;font-size:1.11111vw;font-style:normal;font-weight:400;line-height:1.75}@media (max-width:1024px){.project .info .resumen{font-size:4.26667vw;line-height:1.5}}.project .info .resumen p{margin-bottom:1.2em}.project .info .resumen p:last-child{margin:0}.project .button{border-radius:2.08333vw;font-family:Work Sans,Helvetica,Arial,sans-serif;font-size:.83333vw;font-style:normal;font-weight:400;line-height:1.66667;overflow:hidden;position:relative;text-transform:uppercase;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media (max-width:1024px){.project .button{border-radius:8vw;font-size:3.2vw;line-height:1.66667}}.project .button:before{background:#563b2e;bottom:0;content:"";display:block;height:0;left:0;position:absolute;-webkit-transition:height .2s ease;transition:height .2s ease;width:100%}.project .button .label{background:none;position:relative;-webkit-transition:color .2s ease;transition:color .2s ease;z-index:9}@media (min-width:1025px){.project:hover .button:before{height:100%}.project:hover .button .label{color:#c7e436}}.project.active{display:block}