.G-img-replace{color:transparent;white-space:nowrap;text-indent:100%;overflow:hidden;}
.G-collaboration{min-height:100vh;}
.G-proyecto-mascara{position:relative;height:100vh;width:100%;overflow:hidden;}
.G-proyecto-mascara h1{position:absolute;z-index:1;top:5%;left:5%;font-size:2.4rem;font-weight:300;-webkit-transition:opacity .4s;transition:opacity .4s;margin:0;}
.proyecto-1.G-proyecto-mascara h1{color:black;}
.proyecto-2.G-proyecto-mascara h1{color:white;}
.proyecto-3.G-proyecto-mascara h1{color:white;}
.proyecto-6.G-proyecto-mascara h1{color:white;}
.proyecto-7.G-proyecto-mascara h1{color:white;}
.proyecto-9.G-proyecto-mascara h1{color:white;}
.proyecto-10.G-proyecto-mascara h1{color:white;}
.proyecto-11.G-proyecto-mascara h1{color:white;}
.proyecto-13.G-proyecto-mascara h1{color:white;}
.proyecto-14.G-proyecto-mascara h1{color:black;}
.proyecto-16.G-proyecto-mascara h1{color:white;}
.proyecto-17.G-proyecto-mascara h1{color:white;}
.proyecto-18.G-proyecto-mascara h1{color:white;}
.proyecto-20.G-proyecto-mascara h1{color:white;}
.proyecto-21.G-proyecto-mascara h1{color:white;}
.G-proyecto-mascara.center-title h1{left:50%;top:50%;bottom:auto;right:auto;-webkit-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);color:black;margin:0;font-size:6.5rem;}
.proyecto-5.G-proyecto-mascara.center-title h1{color:white;}
.proyecto-6.G-proyecto-mascara.center-title h1{color:white;}
.proyecto-9.G-proyecto-mascara.center-title h1{color:white;}
.proyecto-10.G-proyecto-mascara.center-title h1{color:white;}
.proyecto-11.G-proyecto-mascara.center-title h1{color:white;}
.proyecto-14.G-proyecto-mascara.center-title h1{color:black;}
.proyecto-16.G-proyecto-mascara.center-title h1{color:white;}
.proyecto-17.G-proyecto-mascara.center-title h1{color:white;}
.proyecto-18.G-proyecto-mascara.center-title h1{color:white;}
.proyecto-19.G-proyecto-mascara.center-title h1{color:white;}
.proyecto-21.G-proyecto-mascara.center-title h1{color:white;}
.proyecto-view .G-proyecto-mascara:not(.proyecto-selected){position:absolute;top:0;left:0;opacity:0;visibility:hidden;}
.G-proyecto-mascara .featured-image, .G-proyecto-mascara .mask{-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;will-change:transform, opacity;}
.G-proyecto-mascara .featured-image{position:absolute;left:50%;top:50%;bottom:auto;right:auto;-webkit-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);height:100%;width:100%;}
.G-proyecto-mascara .mask{position:absolute;left:50%;top:50%;bottom:auto;right:auto;-webkit-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);width:300px;height:300px;}
.G-proyecto-mascara .mask img{display:block;}
.G-proyecto-mascara .mask .mask-border{position:absolute;}
.G-proyecto-mascara .mask .mask-border-top, .G-proyecto-mascara .mask .mask-border-bottom{height:calc(50vh - 150px + 10px);width:100vw;left:50%;right:auto;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);}
.G-proyecto-mascara .mask .mask-border-top{bottom:calc(100% - 10px);}
.G-proyecto-mascara .mask .mask-border-bottom{top:calc(100% - 10px);}
.G-proyecto-mascara .mask .mask-border-left, .G-proyecto-mascara .mask .mask-border-right{height:100vh;width:calc(50vw - 150px + 10px);top:50%;bottom:auto;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);}
.G-proyecto-mascara .mask .mask-border-left{left:calc(100% - 10px);}
.G-proyecto-mascara .mask .mask-border-right{right:calc(100% - 10px);}
.G-proyecto-mascara .proyecto-trigger, .G-proyecto-mascara .proyecto-close{position:fixed;z-index:3;right:5%;}
.G-proyecto-mascara .proyecto-trigger{bottom:10%;color:black;font-family:'LetrasTextoBold';font-style:italic;font-weight:bold;text-decoration:underline;-webkit-transition:opacity .4s;transition:opacity .4s;position:absolute;top:10%;left:10%;right:auto;width:80%;height:80%;}
.proyecto-1.G-proyecto-mascara .proyecto-trigger{color:black;}
.proyecto-2.G-proyecto-mascara .proyecto-trigger{color:white;}
.proyecto-3.G-proyecto-mascara .proyecto-trigger{color:white;}
.proyecto-4.G-proyecto-mascara .proyecto-trigger{color:white;}
.proyecto-5.G-proyecto-mascara .proyecto-trigger{color:black;}
.proyecto-6.G-proyecto-mascara .proyecto-trigger{color:white;}
.proyecto-7.G-proyecto-mascara .proyecto-trigger{color:white;}
.proyecto-9.G-proyecto-mascara .proyecto-trigger{color:white;}
.proyecto-10.G-proyecto-mascara .proyecto-trigger{color:white;}
.proyecto-11.G-proyecto-mascara .proyecto-trigger{color:white;}
.proyecto-13.G-proyecto-mascara .proyecto-trigger{color:white;}
.proyecto-14.G-proyecto-mascara .proyecto-trigger{color:black;}
.proyecto-16.G-proyecto-mascara .proyecto-trigger{color:white;}
.proyecto-17.G-proyecto-mascara .proyecto-trigger{color:white;}
.proyecto-18.G-proyecto-mascara .proyecto-trigger{color:white;}
.proyecto-19.G-proyecto-mascara .proyecto-trigger{color:white;}
.proyecto-20.G-proyecto-mascara .proyecto-trigger{color:white;}
.proyecto-21.G-proyecto-mascara .proyecto-trigger{color:white;}
.G-proyecto-mascara .proyecto-trigger:hover{opacity:.8;}
.G-proyecto-mascara .proyecto-close{top:50px;height:48px;width:48px;border-radius:50%;background:rgba(0, 0, 0, 0.6);-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s, -webkit-transform .3s;}
.G-proyecto-mascara .proyecto-close:hover{background:black;}
.G-proyecto-mascara .proyecto-close::after, .G-proyecto-mascara .proyecto-close::before{content:'';position:absolute;width:18px;height:2px;top:50%;left:50%;background:white;}
.G-proyecto-mascara .proyecto-close::before{-webkit-transform:translateX(-50%) translateY(-50%) rotate(45deg);-ms-transform:translateX(-50%) translateY(-50%) rotate(45deg);transform:translateX(-50%) translateY(-50%) rotate(45deg);}
.G-proyecto-mascara .proyecto-close::after{-webkit-transform:translateX(-50%) translateY(-50%) rotate(-45deg);-ms-transform:translateX(-50%) translateY(-50%) rotate(-45deg);transform:translateX(-50%) translateY(-50%) rotate(-45deg);}
.G-proyecto-mascara.proyecto-selected .proyecto-trigger{opacity:0;visibility:hidden;}
.G-proyecto-mascara.proyecto-selected .proyecto-close{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);-webkit-transition:background .3s, -webkit-transform .3s .6s;transition:background .3s, -webkit-transform .3s .6s;transition:transform .3s .6s, background .3s;transition:transform .3s .6s, background .3s, -webkit-transform .3s .6s;}
.G-proyecto-mascara.proyecto-selected .featured-image{-webkit-transform:translateX(-50%) translateY(-50%) scale(1.15);-ms-transform:translateX(-50%) translateY(-50%) scale(1.15);transform:translateX(-50%) translateY(-50%) scale(1.15);-webkit-transition:-webkit-transform .6s;transition:-webkit-transform .6s;transition:transform .6s;transition:transform .6s, -webkit-transform .6s;}
.G-proyecto-mascara.proyecto-selected .mask{opacity:0;-webkit-transition:opacity .3s .3s, -webkit-transform .6s 0s;transition:opacity .3s .3s, -webkit-transform .6s 0s;transition:transform .6s 0s, opacity .3s .3s;transition:transform .6s 0s, opacity .3s .3s, -webkit-transform .6s 0s;-webkit-transition-timing-function:cubic-bezier(0.59, 0.05, 0.82, 0.13);transition-timing-function:cubic-bezier(0.59, 0.05, 0.82, 0.13);}
.G-proyecto-mascara.scaling-down.proyecto-selected .proyecto-close{-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transition:-webkit-transform .3s 0s;transition:-webkit-transform .3s 0s;transition:transform .3s 0s;transition:transform .3s 0s, -webkit-transform .3s 0s;}
.G-proyecto-mascara.scaling-down.proyecto-selected .featured-image{-webkit-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);-webkit-transition:-webkit-transform 1s;transition:-webkit-transform 1s;transition:transform 1s;transition:transform 1s, -webkit-transform 1s;}
.G-proyecto-mascara.scaling-down.proyecto-selected .mask{opacity:1;-webkit-transition:opacity .3s, -webkit-transform 1s 0s;transition:opacity .3s, -webkit-transform 1s 0s;transition:transform 1s 0s, opacity .3s;transition:transform 1s 0s, opacity .3s, -webkit-transform 1s 0s;-webkit-transition-timing-function:cubic-bezier(0.08, 0.37, 0.13, 0.99);transition-timing-function:cubic-bezier(0.08, 0.37, 0.13, 0.99);}
.G-proyecto-mascara.no-transition .mask{-webkit-transition:none;transition:none;}
.G-proyecto-mascara.dark-bg h1, .G-proyecto-mascara.dark-bg .proyecto-trigger{color:white;}
@media only screen and (max-height: 390px) {
.G-proyecto-mascara .mask{width:100vh;height:100vh;}
.G-proyecto-mascara .mask .mask-border-top, .G-proyecto-mascara .mask .mask-border-bottom{height:calc(12vh + 10px);}
.G-proyecto-mascara .mask .mask-border-left, .G-proyecto-mascara .mask .mask-border-right{width:calc(50vw - 38vh + 10px);}
}
@media only screen and (min-width: 768px) {
.G-proyecto-mascara h1{font-size:5rem;}
.G-proyecto-mascara .mask{width:100%;height:auto;}
.G-proyecto-mascara .mask .mask-border-top, .G-proyecto-mascara .mask .mask-border-bottom{height:calc(50vh - 240px + 10px);}
.G-proyecto-mascara .mask .mask-border-left, .G-proyecto-mascara .mask .mask-border-right{width:calc(50vw - 240px + 10px);}
.G-proyecto-mascara .proyecto-trigger{font-size:2rem;}
}
@media only screen and (min-width: 768px) and (max-height: 630px) {
.G-proyecto-mascara .mask{width:100vh;height:100vh;}
.G-proyecto-mascara .mask .mask-border-top, .G-proyecto-mascara .mask .mask-border-bottom{height:calc(12vh + 10px);}
.G-proyecto-mascara .mask .mask-border-left, .G-proyecto-mascara .mask .mask-border-right{width:calc(50vw - 38vh + 10px);}
}
@media only screen and (min-width: 1170px) {
.G-proyecto-mascara h1{font-size:6.5rem;}
.G-proyecto-mascara.center-title h1{font-size:11rem;}
.proyecto-4.G-proyecto-mascara.center-title h1{font-size:10rem;}
.G-proyecto-mascara .mask{width:640px;height:640px;}
.G-proyecto-mascara .mask .mask-border-top, .G-proyecto-mascara .mask .mask-border-bottom{height:calc(50vh - 320px + 10px);}
.G-proyecto-mascara .mask .mask-border-left, .G-proyecto-mascara .mask .mask-border-right{width:calc(50vw - 320px + 10px);}
.G-proyecto-mascara .proyecto-trigger{font-size:2rem;color:black;position:absolute;top:0;left:25%;right:auto;width:100vh;height:100vh;}
}
@media only screen and (min-width: 1170px) and (max-height: 840px) {
.G-proyecto-mascara .mask{width:100vh;height:100vh;}
.G-proyecto-mascara .mask .mask-border-top, .G-proyecto-mascara .mask .mask-border-bottom{height:calc(12vh + 10px);}
.G-proyecto-mascara .mask .mask-border-left, .G-proyecto-mascara .mask .mask-border-right{width:calc(50vw - 38vh + 10px);}
}
.G-proyecto-mascara.proyecto-1{background-color:#d9dada;}
.G-proyecto-mascara.proyecto-1 .mask-border{background-color:#d9dada;}
.G-proyecto-mascara.proyecto-1 .featured-image{background:url(https://patriciagarciadeparedes.es/wp-content/uploads/2018/11/kfmenu.jpg);background-size:cover;background-position:100% 102%;}
.G-proyecto-mascara.proyecto-2{background-color:black;}
.G-proyecto-mascara.proyecto-2 .mask-border{background-color:black;}
.G-proyecto-mascara.proyecto-2 .featured-image{background-image:url(https://patriciagarciadeparedes.es/wp-content/uploads/2018/11/SwarovskiMenu.jpg);background-size:cover;background-position:100% 50%;width:90%;}
.G-proyecto-mascara.proyecto-3{background-color:#000056;}
.G-proyecto-mascara.proyecto-3 .mask-border{background-color:#000056;}
.G-proyecto-mascara.proyecto-3 .featured-image{background-image:url(https://patriciagarciadeparedes.es/wp-content/uploads/2018/11/Syltermenu.jpg);background-size:cover;background-position:100% 15%;}
.G-proyecto-mascara.proyecto-4{background-color:#C09E8A;}
.G-proyecto-mascara.proyecto-4 .mask-border{background-color:#C09E8A;}
.G-proyecto-mascara.proyecto-4 .featured-image{background-image:url(https://patriciagarciadeparedes.es/wp-content/uploads/2018/11/Daniemenu.jpg);background-size:cover;background-position:100% 60%;width:90%;}
.G-proyecto-mascara.proyecto-5{background-color:white;}
.G-proyecto-mascara.proyecto-5 .mask-border{background-color:white;}
.G-proyecto-mascara.proyecto-5 .featured-image{background-image:url(https://patriciagarciadeparedes.es/wp-content/uploads/2018/11/telvamenu.jpg);background-size:cover;background-position:100% 35%;width:90%;}
.G-proyecto-mascara.proyecto-6{background-color:#CF003D;}
.G-proyecto-mascara.proyecto-6 .mask-border{background-color:#CF003D;}
.G-proyecto-mascara.proyecto-6 .featured-image{background-image:url(https://patriciagarciadeparedes.es/wp-content/uploads/2018/11/clarinsmenu.jpg);background-size:cover;background-position:100% 60%;width:90%;}
.G-proyecto-mascara.proyecto-7{background-color:#0b006f;}
.G-proyecto-mascara.proyecto-7 .mask-border{background-color:#0b006f;}
.G-proyecto-mascara.proyecto-7 .featured-image{background-image:url(https://patriciagarciadeparedes.es/wp-content/uploads/2018/11/niveamenu.jpg);background-size:cover;background-position:100% 38%;width:90%;}
.G-proyecto-mascara.proyecto-8{background-color:#93CB2C;}
.G-proyecto-mascara.proyecto-8 .mask-border{background-color:#93CB2C;}
.G-proyecto-mascara.proyecto-8 .featured-image{background-image:url(https://patriciagarciadeparedes.es/wp-content/uploads/2018/11/garniermenu.jpg);background-size:cover;background-position:100% 38%;width:90%;}
.G-proyecto-mascara.proyecto-9{background-color:#000000;}
.G-proyecto-mascara.proyecto-9 .mask-border{background-color:#000000;}
.G-proyecto-mascara.proyecto-9 .featured-image{background-image:url(https://patriciagarciadeparedes.es/wp-content/uploads/2018/11/cliniquemenu.jpg);background-size:cover;background-position:100% 35%;width:90%;}
.G-proyecto-mascara.proyecto-10{background-color:#C4A001;}
.G-proyecto-mascara.proyecto-10 .mask-border{background-color:#C4A001;}
.G-proyecto-mascara.proyecto-10 .featured-image{background-image:url(https://patriciagarciadeparedes.es/wp-content/uploads/2018/11/divasmenu.jpg);background-size:cover;background-position:100% 38%;width:90%;}
.G-proyecto-mascara.proyecto-11{background-color:#F4002F;}
.G-proyecto-mascara.proyecto-11 .mask-border{background-color:#F4002F;}
.G-proyecto-mascara.proyecto-11 .featured-image{background-image:url(https://patriciagarciadeparedes.es/wp-content/uploads/2018/11/eucerinmenu.jpg);background-size:cover;background-position:100% 38%;width:90%;}
.G-proyecto-mascara.proyecto-12{background-color:#ffffff;}
.G-proyecto-mascara.proyecto-12 .mask-border{background-color:#ffffff;}
.G-proyecto-mascara.proyecto-12 .featured-image{background-image:url(https://patriciagarciadeparedes.es/wp-content/uploads/2018/11/elvivemenu.jpg);background-size:cover;background-position:100% 15%;width:90%;}
.G-proyecto-mascara.proyecto-13{background-color:#000000;}
.G-proyecto-mascara.proyecto-13 .mask-border{background-color:#000000;}
.G-proyecto-mascara.proyecto-13 .featured-image{background-image:url(https://patriciagarciadeparedes.es/wp-content/uploads/2018/11/esteelaudermenu.jpg);background-size:cover;background-position:100% 50%;width:90%;}
.G-proyecto-mascara.proyecto-14{background-color:#ffffff;}
.G-proyecto-mascara.proyecto-14 .mask-border{background-color:#ffffff;}
.G-proyecto-mascara.proyecto-14 .featured-image{background-image:url(https://patriciagarciadeparedes.es/wp-content/uploads/2019/10/Elixa4.jpg);background-size:cover;background-position:100% 50%;width:90%;}
.G-proyecto-mascara.proyecto-15{background-color:#f58220;}
.G-proyecto-mascara.proyecto-15 .mask-border{background-color:#f58220;}
.G-proyecto-mascara.proyecto-15 .featured-image{background-image:url(https://patriciagarciadeparedes.es/wp-content/uploads/2019/10/Ice-Watch3.jpg);background-size:cover;background-position:100% 50%;width:90%;}
.G-proyecto-mascara.proyecto-16{background-color:#2a272e;}
.G-proyecto-mascara.proyecto-16 .mask-border{background-color:#2a272e;}
.G-proyecto-mascara.proyecto-16 .featured-image{background-image:url(https://patriciagarciadeparedes.es/wp-content/uploads/2019/10/Isdin3.jpg);background-size:cover;background-position:100% 50%;width:90%;}
.G-proyecto-mascara.proyecto-17 .mask-border{background-color:#5bc6e8;}
.G-proyecto-mascara.proyecto-17 .featured-image{background-image:url(https://patriciagarciadeparedes.es/wp-content/uploads/2019/10/MultiOpticas1.jpg);background-size:cover;background-position:100% 50%;width:90%;}
.G-proyecto-mascara.proyecto-18 .mask-border{background-color:#221f1f;}
.G-proyecto-mascara.proyecto-18 .featured-image{background-image:url(https://patriciagarciadeparedes.es/wp-content/uploads/2019/10/SkinCeuticals4.jpg);background-size:cover;background-position:100% 50%;width:90%;}
.G-proyecto-mascara.proyecto-19{background-color:#ffffff;}
.G-proyecto-mascara.proyecto-19 .mask-border{background-color:#ffffff;}
.G-proyecto-mascara.proyecto-19 .featured-image{background-image:url(https://patriciagarciadeparedes.es/wp-content/uploads/2019/10/ThomasSabo2.jpg);background-size:cover;background-position:100% 50%;width:90%;}
.G-proyecto-mascara.proyecto-20{background-color:#000000;}
.G-proyecto-mascara.proyecto-20 .mask-border{background-color:#000000;}
.G-proyecto-mascara.proyecto-20 .featured-image{background-image:url(https://patriciagarciadeparedes.es/wp-content/uploads/2019/10/LeTout1.jpg);background-size:cover;background-position:100% 50%;width:90%;}
.G-proyecto-mascara.proyecto-21{background-color:#00264c;}
.G-proyecto-mascara.proyecto-21 .mask-border{background-color:#00264c;}
.G-proyecto-mascara.proyecto-21 .featured-image{background-image:url(https://patriciagarciadeparedes.es/wp-content/uploads/2019/10/Morellato2.jpg);background-size:cover;background-position:100% 50%;width:90%;}
.G-scroll{position:fixed;z-index:3;top:calc(100% - 100px);left:50%;right:auto;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);height:48px;width:48px;background:transparent url(https://patriciagarciadeparedes.es/wp-content/uploads/jsgestica/G-arrow.svg) no-repeat center center;opacity:0;visibility:hidden;-webkit-transition:opacity .4s, visibility .4s;transition:opacity .4s, visibility .4s;}
.content-visible .G-scroll{opacity:1;visibility:visible;-webkit-animation:G-translate 1.2s 1s;animation:G-translate 1.2s 1s;-webkit-animation-iteration-count:2;animation-iteration-count:2;-webkit-transition:opacity .4s .6s, visibility .4s .6s;transition:opacity .4s .6s, visibility .4s .6s;}
.scrolling .G-scroll{opacity:0;visibility:hidden;}
.G-proyecto-info{position:absolute;z-index:2;top:0;left:0;width:100%;height:100%;overflow:auto;opacity:0;visibility:hidden;-webkit-transition:opacity .4s, visibility .4s;transition:opacity .4s, visibility .4s;}
.G-proyecto-info::before{content:'';display:block;height:100%;width:100%;pointer-events:none;}
.G-proyecto-info .content-wrapper{position:relative;z-index:2;padding:2em 0 3em;background-color:white;}
.G-proyecto-info .content-wrapper > *{width:90%;max-width:90%;margin:0 auto;color:#4b5f6e;font-weight:400;}
.G-proyecto-info .content-wrapper p{margin-bottom:2em;line-height:1.6;}
.content-visible .G-proyecto-info{-webkit-overflow-scrolling:touch;opacity:1;visibility:visible;-webkit-transition:opacity 0s, visibility 0s;transition:opacity 0s, visibility 0s;}
@media only screen and (min-width: 1170px) {
.G-proyecto-info .content-wrapper{padding:4em 0;}
.G-proyecto-info .content-wrapper > *{font-size:2rem;line-height:1.8;}
} @-webkit-keyframes G-translate {
0%, 100%{-webkit-transform:translateX(-50%);transform:translateX(-50%);}
50%{-webkit-transform:translateY(10px) translateX(-50%);transform:translateY(10px) translateX(-50%);}
}
@keyframes G-translate {
0%, 100%{-webkit-transform:translateX(-50%);transform:translateX(-50%);}
50%{-webkit-transform:translateY(10px) translateX(-50%);transform:translateY(10px) translateX(-50%);}
}
.ocultarG{display:none !important;}
@media(min-width:768px) and (max-width:1170px){
.G-proyecto-mascara.proyecto-1 .featured-image{background-position:50% 100%;width:100%;height:87%;}
.G-proyecto-mascara.proyecto-2 .featured-image{background-position:100% 50%;width:100%;height:100%;}
.G-proyecto-mascara.proyecto-3 .featured-image{background-position:10% 15%;width:100%;height:100%;}
.G-proyecto-mascara.proyecto-4 .featured-image{background-position:100% 60%;width:100%;height:100%;}
.G-proyecto-mascara.proyecto-5 .featured-image{background-position:50% 35%;width:100%;height:100%;}
.G-proyecto-mascara.proyecto-6 .featured-image{background-position:50% 60%;width:100%;height:90%;}
.G-proyecto-mascara.proyecto-7 .featured-image{background-position:85% 38%;width:100%;height:100%;}
.G-proyecto-mascara.proyecto-8 .featured-image{background-position:55% 38%;width:100%;height:100%;}
.G-proyecto-mascara.proyecto-9 .featured-image{background-position:70% 35%;width:100%;height:100%;}
.G-proyecto-mascara.proyecto-10 .featured-image{background-position:35% 38%;width:100%;height:100%;}
.G-proyecto-mascara.proyecto-11 .featured-image{background-position:50% 38%;width:100%;height:90%;}
.G-proyecto-mascara.proyecto-12 .featured-image{background-position:90% 15%;width:100%;height:100%;}
.G-proyecto-mascara.proyecto-13 .featured-image{background-position:20% 50%;width:100%;height:100%;}
.G-proyecto-mascara.proyecto-19 .featured-image{background-position:50% 50%;width:100%;height:100%;}
.G-proyecto-mascara.proyecto-20 .featured-image{background-position:50% 50%;width:100%;height:100%;}
.proyecto-3.G-proyecto-mascara.center-title h1{color:white;}
}
@media(max-width:767px){
.G-proyecto-mascara .proyecto-trigger {
position: absolute;
top: 3.5%;
left: 10%;
right: auto;
bottom: auto;
width: 80%;
height: 90%;}
.G-proyecto-mascara h1 {
position: absolute;
top: 3%;
left: 5%;
font-size: 75px;}
.G-proyecto-mascara.center-title h1 {
left: 50%;
top: 50%;
bottom: auto;
right: auto;
width: 98%;
text-align: center;}
.proyecto-4.G-proyecto-mascara.center-title h1 {
font-size: 6.3rem;}
.G-proyecto-mascara .mask {
width: 100%;
height: auto;}
.G-proyecto-mascara.proyecto-1 .featured-image {
background-position: 50% 100%;
width: 100%;
height: 87%;}
.G-proyecto-mascara.proyecto-2 .featured-image {
background-position: 100% 50%;
width: 100%;
height: 100%;}
.G-proyecto-mascara.proyecto-3 .featured-image {
background-position: 10% 15%;
width: 100%;
height: 100%;}
.G-proyecto-mascara.proyecto-4 .featured-image {
background-position: 100% 60%;
width: 100%;
height: 100%;}
.G-proyecto-mascara.proyecto-5 .featured-image {
background-position: 50% 35%;
width: 100%;
height: 100%;}
.G-proyecto-mascara.proyecto-6 .featured-image {
background-position: 50% 60%;
width: 100%;
height: 90%;}
.G-proyecto-mascara.proyecto-7 .featured-image {
background-position: 85% 38%;
width: 100%;
height: 100%;}
.G-proyecto-mascara.proyecto-8 .featured-image {
background-position: 55% 38%;
width: 100%;
height: 100%;}
.G-proyecto-mascara.proyecto-9 .featured-image {
background-position: 70% 35%;
width: 100%;
height: 100%;}
.G-proyecto-mascara.proyecto-10 .featured-image {
background-position: 35% 38%;
width: 100%;
height: 100%;}
.G-proyecto-mascara.proyecto-11 .featured-image {
background-position: 50% 38%;
width: 100%;
height: 90%;}
.G-proyecto-mascara.proyecto-12 .featured-image {
background-position: 90% 15%;
width: 100%;
height: 100%;}
.G-proyecto-mascara.proyecto-13 .featured-image {
background-position: 20% 50%;
width: 100%;
height: 100%;}
.G-proyecto-mascara.proyecto-15 .featured-image {
background-position: 38% 50%;
width: 100%;
height: 100%;}
.G-proyecto-mascara.proyecto-16 .featured-image {
background-position: 75% 50%;
width: 100%;
height: 100%;}
.G-proyecto-mascara.proyecto-17 .featured-image {
background-position: 40% 50%;
width: 100%;
height: 100%;}
.G-proyecto-mascara.proyecto-18 .featured-image {
background-position: 45% 50%;
width: 100%;
height: 100%;}
.G-proyecto-mascara.proyecto-19 .featured-image {
background-position: 49% 50%;
width: 100%;
height: 100%;}
.G-proyecto-mascara.proyecto-20 .featured-image {
background-position: 55% 50%;
width: 100%;
height: 100%;}
.G-proyecto-mascara.proyecto-21 .featured-image {
background-position: 15% 50%;
width: 100%;
height: 100%;}
.proyecto-3.G-proyecto-mascara.center-title h1 {
color: white;}
}