@import "https://fonts.googleapis.com/css?family=Merriweather:300,400,700,900|Roboto+Mono:300&subset=latin-ext";@import "https://fonts.googleapis.com/css?family=PT+Serif:400,400i,700";body{margin:0;padding:0;font-family:'pt serif',serif;font-size:23px;font-weight:400;line-height:1.875;background:#000;color:#eee}.Text a{color:inherit;border-bottom:solid 1px rgba(252,174,105,.5)}.Text a:hover,.Text a:active{text-decoration:none;border-bottom:solid 1px #fcae69}p{margin-bottom:37.5px}p.DropCap::first-letter{font-weight:400;font-size:6.8125rem;line-height:6rem;display:block;float:left;padding:0 10px 0 0;color:#fcad69;margin:5px 20px 0 0}figure{margin:50px 0}figure figcaption{font:300 15px/21px 'Roboto',sans-serif;color:#888;border-top:1px dashed #ddd;padding-top:10px;margin-top:15px}.clear{clear:both}blockquote{float:left;width:354px;text-align:center;color:#fff;padding:0;border:none;font-style:italic;margin-right:50px;text-align:right;border-bottom:solid 1px #fcad69;padding-bottom:20px;margin-bottom:20px}blockquote::before{content:"“";font-size:60px;line-height:30px}header{position:absolute;z-index:10;width:100vw;margin-top:20px}header nav{}header #MenuButton{float:left;display:block;width:40px;height:40px}header #OjoPublicoLogo{float:left;width:170px}h2{font-weight:400;text-align:center;font-size:2.5rem;margin:9rem 0 3rem;color:#fcad69}#Portada{height:100vh;background-size:cover;position:relative;margin-bottom:100vh;color:#fff;text-shadow:3px 3px 10px rgba(0,0,0,.5)}#Portada .bg-fixed{position:fixed;top:0;left:0;width:100%;height:100vh;background:url(../img/portada_victimas.jpg);background-position:center;background-size:cover;opacity:1;transition:opacity 1s;pointer-events:none}#Portada .logos{position:absolute;top:10px;left:3%;opacity:.9;white-space:nowrap;height:40px}#Portada .logos .separator{display:inline-block;background-color:#fff;width:1px;height:20px;margin:13px 10px 0;opacity:.5}#Portada .logos a{display:inline-block;width:auto;vertical-align:top}#Portada .logos .logo-op{height:24px;margin-top:10px}#Portada .logos .logo-connectas{height:40px}#Portada .logos img{display:block;height:100%;margin:0 auto}#Portada .social{position:absolute;top:10px;right:3%;list-style:none;margin:0;padding:0}#Portada .social li{margin-bottom:10px}#Portada .social li a{display:block;border:solid 1px rgba(255,255,255,.8);border-radius:100%;color:#fff;width:28px;height:28px;text-align:center;font-size:14px;line-height:28px}#Portada #Title{position:absolute;left:3%;top:25%;margin:0;font-size:50px;width:500px}#Portada #Author{position:absolute;left:3%;bottom:5%;font-size:16px;font-weight:400;margin-bottom:3px;color:rgba(252,173,105,.75)}#Portada #Sumario{position:absolute;line-height:1.5;font-size:20px;width:360px;right:3%;bottom:5%;text-align:right}.FullImg{position:relative}.FullImg h2{color:rgba(255,255,255,.75);margin:0;text-shadow:3px 3px 7px rgba(0,0,0,.75);font-size:23px;padding:10px;margin:0;position:absolute;bottom:20px;left:10%;width:427px;line-height:1.5;text-align:left}.FullImg h2 strong{font-weight:400;text-transform:uppercase}.iframe{margin:2rem 0 3rem}.Separador{text-align:center;margin:5rem 0;letter-spacing:10px;color:#fcad69}aside{font:300 14px/14px 'Roboto Mono',monospace;color:#fcad69}footer{border-top:solid 1px #fcad69;margin-top:150px;padding:30px 0 10px;text-align:center;font:300 16px/24px 'Roboto',sans-serif}footer p{margin-bottom:20px}footer a{color:#fcad69}footer a:hover{color:#fcad69}footer a.Logotipo{display:inline-block;margin-right:10px;vertical-align:bottom}footer a.Logotipo img{display:block;height:100%}footer a#LogoICFJ{height:60px}footer a#LogoCONNECTAS{height:76px}footer a#LogoRadioUNAM{height:60px}.Contenedor{position:fixed;top:0;left:0;width:100%;height:100vh;opacity:0;pointer-events:none;z-index:-1;transition:opacity .8s}.Contenedor img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);height:100%;width:auto;vertical-align:top;opacity:0;pointer-events:none;transition:opacity .8s;-webkit-backface-visibility:hidden}.Contenedor img.is-visible{opacity:1!important;pointer-events:initial}.Contenedor.is-visible{opacity:1!important;pointer-events:initial}.TextosInternos{padding-top:100vh}.TextoInteriorImg{height:100vh;position:relative;color:rgba(255,255,255,.75);text-shadow:3px 3px 7px rgba(0,0,0,.75);text-align:left;width:365px;margin-left:10%}.TextoInteriorImg:last-child{height:150vh}#Contenedor.imagen-uno{background:url(../img/Caso_Sharon_1.jpg) no-repeat center;background-size:80%}#Contenedor.imagen-dos{background:url(../img/Caso_Sharon_2.jpg) no-repeat center;background-size:80%}#Contenedor.imagen-tres{background:url(../img/Caso_Sharon_3.jpg) no-repeat center;background-size:80%}#Contenedor2.imagendos-cuatro{background:url(../img/Caso_Chris_1.jpg) no-repeat center;background-size:80%}#Contenedor2.imagendos-cinco{background:url(../img/Caso_Chris_2.jpg) no-repeat center;background-size:80%}#Contenedor3.imagentres-seis{background:url(../img/Caso_riesgos_1.jpg) no-repeat center;background-size:80%}#Contenedor3.imagentres-siete{background:url(../img/Caso_riesgos_2.jpg) no-repeat center;background-size:80%}#Contenedor3.imagentres-ocho{background:url(../img/Caso_riesgos_3.jpg) no-repeat center;background-size:80%}#Contenedor4.imagencuatro-nueve{background:url(../img/Caso_Daneska_1.jpg) no-repeat center;background-size:80%}#Contenedor4.imagencuatro-diez{background:url(../img/Caso_Daneska_2.jpg) no-repeat center;background-size:80%}#Contenedor4.imagencuatro-once{background:url(../img/Caso_Daneska_3.jpg) no-repeat center;background-size:80%}#Contenedor5.imagencinco-doce{background:url(../img/Calles_nocturnas_1.jpg) no-repeat center;background-size:80%}#Contenedor5.imagencinco-trece{background:url(../img/Calles_nocturnas_2.jpg) no-repeat center;background-size:80%}.aside-right{float:right;width:300px;margin-right:-150px;margin-left:100px;margin-bottom:20px;margin-top:15px}.aside-right .post{text-align:left;padding-bottom:15px;border-bottom:solid 1px #fcad69}.aside-right .post a{color:inherit}.aside-right .post a:hover{color:inherit;text-decoration:none}.aside-right .post h2{margin:0;font-size:28px;text-align:left;margin-top:10px;margin-bottom:10px;color:#fcad69}.aside-right .post__image img{width:100%}.aside-right .post p{margin:0;font-size:16px;line-height:1.5}.aside-right .post span{color:#fcad69;margin-left:5px}.aside-right .post i{margin-left:3px}@media(max-width:1199px){}@media(max-width:991px){}@media screen and (max-width:767px){html,body{font-size:18px;overflow-x:hidden}#Portada #Titulo #OjoPublicoLogo{width:120px}#Portada #Titulo #LogoCONNECTAS{width:130px}.TextoInteriorImg{font-size:16px;line-height:1.5;width:80%;color:#fff;margin-left:15px}#Portada #Title{font-size:32px;width:100%;top:auto;left:15px;bottom:35vh}#Portada #Author{bottom:35px;left:15px;line-height:1.35}#Portada #Sumario{font-size:16px;left:15px;bottom:100px;width:90%;text-align:left}.FullImg h2{font-size:14px;width:calc(100% - 10px);left:5px;bottom:5px;line-height:1.35}.Contenedor{top:auto;bottom:0;height:100vh}.Contenedor img{width:140%;height:auto;max-width:initial}p{margin-bottom:24px}h2{margin:4rem 0 2rem;font-size:24px}blockquote{font-size:20px;width:auto;margin:50px 20px 50px 0}footer a.Logotipo{display:block;display:block;margin:0 auto}footer a.Logotipo img{margin:0 auto}footer a#LogoICFJ{height:40px;margin-bottom:15px}footer a#LogoCONNECTAS{height:58px}.aside-right{width:150px;margin-right:0;margin-bottom:50px;margin-left:30px}.aside-right .post h2{font-size:22px}.aside-right .post p{font-size:15px;line-height:1.5}}@media screen and (min-width:768px){}