.contenedor{align-items:flex-start;display:flex;justify-content:space-around;margin:auto;max-width:120em;padding:1em;-webkit-transition:all .4s ease;transition:all .4s ease;width:90%}.contenedor .ul{align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;flex-direction:column;justify-content:flex-start;width:30%}.contenedor .li{align-items:center;color:#616161;cursor:pointer;display:flex;list-style:none;margin:5px 2em 5px 0;-webkit-transition:all .4s ease;transition:all .4s ease;-webkit-transition:all .5s ease;transition:all .5s ease;width:280px}.li:hover{background-color:#000;color:#fff}.contenedor-img{align-items:center;background:#7b057e;display:flex;height:100%;justify-content:center;padding:15px}.li img{height:50px;object-fit:contain;padding:5px;width:50px}.contenedor-txt{padding:5px 10px}.contenedor .li.activo{background-color:#000;color:#fff}.contenedor .subcontenedor{height:auto;min-height:10vh;min-height:400px;overflow:hidden;position:relative;width:60%}.contenedor .bloque{max-height:400px;opacity:0;position:absolute;-webkit-transform:translateY(50%);transform:translateY(50%);-webkit-transition:all .4s ease;transition:all .4s ease;-webkit-transition:all .5s ease;transition:all .5s ease;width:100%}.contenedor .bloque.activo{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.bloque img{height:100%;object-fit:cover;width:100%}.bloque div{padding:1.5em;top:50%;transform:translateY(-50%)}.bloque div,.bloque:before{position:absolute;width:100%}.bloque:before{background:linear-gradient(hsla(0,0%,100%,0),rgba(0,0,0,.9));content:"";height:100%;right:0;top:0}.parrafo-info{color:#fff;font-family:Aeonik-Light;font-size:18px!important;letter-spacing:1px}.parrafo-titulo{color:#fff;letter-spacing:1px;margin-bottom:0}@media screen and (max-width:800px){.contenedor{justify-content:space-between;width:100%}.contenedor .ul{width:45%}.contenedor .subcontenedor{min-height:350px;width:55%}.contenedor .bloque{height:100%}.parrafo-titulo{font-size:18px}.parrafo-info{font-size:16px!important}}@media screen and (max-width:500px){.contenedor{flex-direction:column}.contenedor .bloque{max-height:470px}.contenedor .subcontenedor{height:470px}.contenedor .ul{align-items:flex-start;padding-left:0;width:100%}.contenedor .subcontenedor{width:100%}}