@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400..700;1,400..700&family=Manrope:wght@200..800&display=swap";:root{--blue: #2196cf}body{background-color:#000;margin:0;font-family:Open Sans,sans-serif!important;position:relative;box-sizing:border-box}*{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;outline:0px solid -webkit-focus-ring-color}header{width:100%;text-align:center;padding:5px 0;background-color:#000;border-bottom:1px solid #ddd}header div.logo{width:220px;height:57px;background-image:url(/assets/logo-9bf9efd8.svg);background-position:50%;background-size:100%;background-repeat:no-repeat;margin:5px auto;cursor:pointer;display:inline-block}.burger{width:27px;height:27px;position:absolute;top:11px;right:-30px;cursor:pointer;background-color:#fff0;border-radius:100px;padding:2px 5px 7px;display:none}.burger span{display:inline-block;position:relative;height:2px;width:22px;background:#fff;transition:.1s all ease-in-out}.burger span:before,.burger span:after{position:absolute;left:0;content:"";width:22px;height:2px;background:#fff;transition:.3s all ease-in-out}.burger span:before{top:-7px}.burger span:after{top:7px}.burger-close{background-color:#fff3}.burger-close span{background:transparent}.burger-close span:before{transform:translateY(7px) rotate(45deg);background:#007cb9}.burger-close span:after{transform:translateY(-7px) rotate(-45deg);background:#007cb9}@media (max-width: 570px){.burger{right:11px}}div.viewer-container{position:fixed;width:100vw;height:100vh;background-color:#2a2a2a;z-index:2000;top:0;left:0;border:1px solid #242424;border-radius:5px;transition:all .5s ease-in;transform:scale(0);display:flex}@media (max-width: 640px){div.viewer-container{flex-direction:column}}div.viewer-container div.cerrar{position:absolute;width:30px;height:30px;top:10px;right:10px;background-color:#ddd;cursor:pointer;border-radius:50%;z-index:1000;display:flex}div.viewer-container div.cerrar svg{margin:auto}@keyframes scale-out-center{0%{transform:scale(1);opacity:1}to{transform:scale(0);opacity:1}}div.viewer-container.open{animation:scale-in-center .5s cubic-bezier(.25,.46,.45,.94) both;animation-delay:.5s}@media (max-height: 440px){div.viewer-container.open{top:7px;height:95vh}}@keyframes scale-in-center{0%{transform:scale(0);opacity:1}to{transform:scale(1);opacity:1}}div.viewer-container div.viewer{width:80%;overflow:hidden;position:relative;height:100%;display:flex}div.viewer-container div.viewer div.slider{margin:auto}@media (max-width: 640px){div.viewer-container div.viewer{width:100%}}div.viewer-container div.info{width:calc(20% - 40px);height:100%;background-color:#000;border-left:1px solid #276583;padding:20px;display:flex;flex-direction:column;justify-content:center}@media (max-width: 640px){div.viewer-container div.info{width:calc(100% - 40px);max-height:50vh}}div.viewer-container div.info div.title{color:#fff;margin-top:10px;font-family:Lora,serif;font-optical-sizing:auto;font-weight:400;font-size:30px;line-height:1.1;margin-bottom:8px}div.viewer-container div.info div.barrio{color:var(--blue);font-family:Manrope,sans-serif;font-optical-sizing:auto;font-weight:500}div.viewer-container div.info div.anios{color:#c7bebe;font-family:Manrope,sans-serif;font-optical-sizing:auto;font-weight:400;font-size:14px;border-bottom:1px solid #dadada;display:inline-block;margin-right:auto;margin-top:10px;padding:2px 0}div.viewer-container div.info div.descripcion{color:#fff;margin-top:30px;font-family:Arial,Helvetica,sans-serif;font-weight:400;font-size:14px;font-weight:100;line-height:1.4}@media (max-width: 640px){div.viewer-container div.info div.descripcion{max-height:190px;overflow:auto}}nav{width:100%;background-color:#101010;display:block}nav ul{text-align:center;margin:0;padding:10px 0;display:flex;justify-content:center;list-style-type:none}nav li{background-color:#1e1e1e;border-radius:5px;padding:7px 12px;color:#fff;font-size:13px;font-weight:300;cursor:pointer;position:relative;transition:all .2s;margin:5px}nav li:hover{background-color:#3c3b3b}nav li.active{background-color:#007cb9!important;cursor:default}nav li.active:after{content:"";position:absolute;bottom:-6px;left:50%;margin-left:-8px;width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:6px solid #007cb9}div.container{display:flex;height:calc(100vh - 86px);overflow:auto}div.container div.post-container{width:100%;margin:0 auto;background-color:#1c1c1c;transition:all .5s ease-in}div.container div.post-container.open{filter:blur(4px);opacity:.2}div.container div.post-container div.post{color:#fff;width:200px;height:150px;background-position:center;background-size:cover;background-repeat:no-repeat;margin:20px;border:1px solid #000;border-radius:5px;cursor:pointer;overflow:hidden;position:relative}@media (max-width: 640px){div.container div.post-container div.post{width:calc(50vw - 10px);height:calc(25vh + 10px);margin:3px}}div.container div.post-container div.post.vertical{width:200px;height:340px}@media (max-width: 640px){div.container div.post-container div.post.vertical{width:calc(50vw - 10px);height:calc(50vh + 30px)}}div.container div.post-container div.post.feature{width:440px;height:340px}@media (max-width: 640px){div.container div.post-container div.post.feature{width:calc(100vw - 10px);height:50vh}}div.container div.post-container div.post div.title{position:absolute;bottom:-200px;font-family:Lora,serif;font-optical-sizing:auto;font-weight:400;font-style:normal;background:rgb(0,0,0);background:linear-gradient(180deg,rgba(0,0,0,0) 0%,rgb(0,0,0) 80%);color:transparent;width:calc(100% - 30px);padding:30% 15px 15px;line-height:1.2;font-size:17px;letter-spacing:0px;transition:all .5s ease-in-out}div.container div.post-container div.post div.title span{font-family:Manrope,sans-serif;font-optical-sizing:auto;font-weight:600;font-style:normal;font-size:13px;display:inline-block;margin-top:5px;color:var(--blue)}div.container div.post-container div.post img{width:100%;height:100%;object-fit:cover}div.container div.post-container div.post:hover div.title{bottom:0;color:#fff}