.slider{height:calc(100vh - 116px - 4rem);min-height:450px;overflow:hidden;position:relative;width:100%}.slide{display:flex;height:100%;justify-content:space-between;left:0;opacity:0;position:absolute;top:0;transition:opacity 1s ease-in-out;width:100%}.slide__izquierda{height:100%;overflow:hidden;width:50%}.slide__derecha{display:flex;flex-direction:column;justify-content:space-around;padding:0 2rem;width:50%}.derecha__contenedor{max-width:550px;overflow-y:auto}.derecha__contenedor h2{font-size:2rem;text-transform:uppercase}p.post_date{font-size:16px}h2.post_title{margin-top:.5rem}p.post_tag{font-size:16px;text-transform:uppercase}span.post_summary,span.post_summary p{font-size:18px}.slide-img__left{height:100%;object-fit:cover;transition:all 1s ease-in-out;width:200%}.slide__izquierda:hover>.slide-img__left{transform:translateX(-50%)}.logo{bottom:60px;height:auto!important;position:absolute;right:60px;width:100px!important}.slide.active{opacity:1;z-index:10}.btn-slide{background:transparent;border:none;cursor:pointer;font-size:42px;font-weight:700;height:61px;position:absolute;text-align:center;top:calc(50% - 50px);width:46px;z-index:100}.btn-left{left:0}.btn-right{right:0}.btn-slider__blog{border-radius:0;color:#fff;font-size:14px;letter-spacing:2.2px;margin-block:1rem;padding:.5rem 1rem;text-transform:uppercase;transition:all .5s ease-in-out}.btn-slider__blog:hover{border-radius:40px;transition:all .5s ease-in-out}@media screen and (max-width:768px){.slider{height:100vh}.slide-img__left{width:100%}.slide__izquierda:hover>.slide-img__left{transform:translateX(0)}.logo{bottom:30px;right:30px}.slide{flex-direction:column;justify-content:flex-start}.slide__derecha,.slide__izquierda{height:100%;width:100%}.slide__derecha{justify-content:flex-start;margin:auto;padding:0}.derecha__contenedor{max-width:unset;width:100%}h2.post_title{font-size:36px}span.post_date{margin-top:1rem}.btn-slide{align-items:center;border-radius:50px;display:flex;height:50px;justify-content:center;line-height:1;opacity:.8;top:25px;width:50px}.btn-slide,.btn-slide:hover{transition:all .5s ease-in-out}.btn-slide:hover{opacity:1}}@media screen and (max-width:476px){h2.post_title{font-size:28px}}