.card-container{background-color:#201f28;border-radius:15px;box-shadow:1.2em 2em 3em #0003;cursor:pointer;display:flex;flex-direction:column;height:auto;margin:12px;min-height:270px;overflow:hidden;padding-bottom:15px;transition:transform .2s ease,box-shadow .2s ease;width:300px}.card-container:hover{box-shadow:1.5em 2.5em 4em #0000004d;transform:translateY(-4px)}.img-card{border-radius:15px 15px 0 0;height:180px;object-fit:cover;width:100%}.card-container h2{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#fff;display:-webkit-box;font-size:18px;font-weight:600;line-height:1.3;margin:12px 12px 8px;overflow:hidden;text-overflow:ellipsis}.card-info{display:flex;flex-direction:column;gap:8px;padding:0 12px}.card-year{color:#a0a0a0;font-size:16px;font-weight:500;margin:0}.card-year strong{color:#fff;font-weight:600}.card-stats{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.vote-average{background-color:#f59e0b33;border:1px solid #f59e0b;border-radius:12px;color:#f59e0b}.popularity,.vote-average{align-items:center;display:inline-flex;font-size:13px;font-weight:600;gap:4px;padding:5px 12px;white-space:nowrap}.popularity{background-color:#dc262633;border:1px solid #dc2626;border-radius:12px;color:#dc2626}.list-container{grid-gap:20px;align-items:start;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));justify-content:center;max-width:1200px;padding:20px;width:100%}.pagination-container{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:center;list-style:none;margin:20px 0;padding:0}.page-item{margin:0;padding:0}.page-number{align-items:center;background-color:#201f28;border:2px solid #a0a0a0;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;height:40px;justify-content:center;min-width:40px;padding:8px 12px;transition:all .2s ease;-webkit-user-select:none;user-select:none}.page-number:hover{background-color:#2a2932;border-color:#1582ee;box-shadow:0 4px 8px #0000004d;color:#1582ee;transform:translateY(-2px)}.page-number:active{transform:translateY(0)}.page-number-active{background-color:#1582ee;border-color:#1582ee;box-shadow:0 2px 8px #1582ee66;color:#fff}.page-number-active:hover{background-color:#0f6bc7;border-color:#0f6bc7;box-shadow:0 4px 12px #1582ee80;color:#fff;transform:translateY(-2px)}.searchbar-container{align-items:center;display:flex;gap:12px;justify-content:center;margin:20px 0;max-width:600px;width:100%}.searchbar-container input{background-color:#201f28;border:2px solid #a0a0a0;border-radius:8px;color:#fff;flex:1 1;font-size:16px;outline:none;padding:12px 16px;transition:all .3s ease}.searchbar-container input:focus{border-color:#1582ee;box-shadow:0 0 0 3px #1582ee33}.searchbar-container input::placeholder{color:#a0a0a0}.searchbar-container button{background-color:#1582ee;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 24px;transition:all .3s ease;white-space:nowrap}.searchbar-container button:hover{background-color:#0f6bc7;box-shadow:0 4px 12px #1582ee66;transform:translateY(-1px)}.searchbar-container button:active{transform:translateY(0)}.home-container{align-items:center;background:linear-gradient(#000 50%,#1582ee 0);background-attachment:fixed;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:20px}.home-container h1{color:#fff;font-size:2.5rem;font-weight:700;margin-bottom:20px;text-shadow:2px 2px 4px #0000004d}.home-container>div:last-child{background-color:#201f28;border-radius:8px;box-shadow:0 2px 8px #0000004d;margin-top:30px;padding:15px}.home-container>div:last-child b{color:#fff;margin-right:8px}.home-container>div:last-child span{color:#a0a0a0;font-weight:600}body{font-family:Lato,sans-serif;margin:0;padding:0}li{cursor:pointer;list-style:none}.details{background:linear-gradient(#000 50%,#1582ee 0);height:100vh;overflow:hidden}.box-content{background-color:#201f28;border-radius:.6em;box-shadow:1.2em 2em 3em #0003;font-size:16px;left:50%;max-width:37.5em;padding:3em 1.8em;position:relatives;position:absolute;top:53%;transform:translate(-50%,-50%);width:90vw}.principal-information{display:flex;justify-content:first baseline}.information{display:flex;flex-direction:column;justify-content:center}h2{color:#fff;font-size:1.3em;margin-bottom:2rem;text-align:center}h3{font-weight:500;margin-top:1.2em}p{color:#a0a0a0;font-size:.9em;font-weight:300;line-height:1.8em;text-align:justify}.genre-box{display:flex;flex-wrap:wrap;margin-left:2rem}.genre{border:1px solid #a0a0a0;border-radius:.4em;color:#a0a0a0;font-size:.75em;font-weight:300;padding:.4em 1.6em}
/*# sourceMappingURL=main.016764c6.css.map*/