*{margin:0;padding:0;box-sizing:border-box}body{font-family:"Montserrat",sans-serif;font-size:16px;background:#17171b;color:#fff}a{text-decoration:none}a:hover{text-decoration:none}.contenedor{width:100%;display:grid;grid-template-columns:300px 1fr}.btn{display:inline-block;padding:10px 15px;color:#fff;font-family:"Montserrat",sans-serif;cursor:pointer;border:none;background:#2d2d33;border-radius:50px;font-weight:600;font-size:14px;display:flex;align-items:center;justify-content:center;text-align:center;gap:8px}.btn__icono{width:16px;height:16px}.btn:hover{background:#3b3b44}.btn--100{width:100%}.btn--active{background-color:#c71717}.btn--active:hover{background-color:#c71717}.btn--rojo{background-color:#c71717}.btn--rojo:hover{background-color:#a41111}.sidebar{background:#110f14;padding:0 20px}.sidebar__logo{margin:30px auto;width:90%;max-width:100px}.sidebar__logo-imagen{width:100%}.sidebar__titulo{text-align:center;margin-bottom:20px}.sidebar__generos{margin-bottom:40px}.sidebar__contenedor-generos{display:grid;grid-template-columns:1fr 1fr;gap:10px}.sidebar__años{margin-bottom:40px}.sidebar__contenedor-inputs{display:flex;gap:10px;align-items:center}.sidebar__input{width:100%;text-align:center;padding:10px 15px;color:#fff;font-family:"Montserrat",sans-serif;border:none;background:#2d2d33;border-radius:20px;font-weight:600;font-size:14px;display:flex;align-items:center;justify-content:center;outline:none}.sidebar__input--error{outline:2px solid red}.sidebar__buscar{display:flex;align-items:center;justify-content:center}.main{margin:auto;padding:40px 80px;display:grid;grid-template-columns:1fr;gap:40px}.main__filtros{display:flex;gap:10px}.main__titulo{margin-bottom:20px}.main__grid{display:grid;gap:20px;grid-template-columns:repeat(6, 1fr)}.main__media-titulo{font-weight:600;text-align:center}.main__media-fecha{text-align:center;font-size:14px}.main__media-img{width:100%;vertical-align:top;border-radius:10px;margin-bottom:10px;background:#2d2d33;min-height:170px}.main__paginacion{display:flex;justify-content:center;gap:20px}.media{background:rgba(0,0,0,.8);width:100vw;height:100vh;position:fixed;top:0;left:0;display:none;align-items:center;justify-content:center}.media--active{display:flex}.media__contenedor{background:#17171b;width:90%;max-width:1000px;padding:40px;border-radius:10px;overflow:hidden;display:flex;gap:20px;position:relative}.media__btn{background:none;cursor:pointer;border:none;color:#fff;position:absolute;right:20px;top:20px;width:30px;height:30px}.media__btn-icono{width:100%;height:100%}.media__backdrop{position:absolute;width:100%;height:100%;top:0;left:0;z-index:0;background:#000}.media__backdrop-image{width:100%;height:100%;opacity:.1;vertical-align:top}.media__imagen{position:relative;z-index:1}.media__info{display:flex;flex-direction:column;gap:10px;position:relative;z-index:1}.media__fecha{font-size:14px;margin-bottom:10px}.media__overview{line-height:28px}.media__poster{max-width:250px}/*# sourceMappingURL=bundle.css.map */