@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.navbar{align-items:center;background-color:#333;color:#fff;display:flex;justify-content:space-between;padding:10px 20px;position:fixed;top:0;width:100%;z-index:100}.navbar-title{font-size:1.5rem}.navbar-search{align-items:center;display:flex;margin-left:100px}.search-input{margin-right:10px;padding:8px}.filter-select,.search-input{border:none;border-radius:4px}.filter-select{background-color:#444;color:#fff;margin-right:50px;padding:6px;width:auto}.navbar-food{align-items:center;display:flex;margin-right:20px}.food-button{background:none;border:none;color:#fff;cursor:pointer;font-size:14px;margin-right:20px;text-decoration:underline}.food-button:hover{color:#f39c12}@media screen and (max-width:768px){.navbar{align-items:flex-start;flex-direction:column;padding:10px}.navbar-title{font-size:1.8rem;margin-bottom:10px}.navbar-search{margin-left:0;width:100%}.search-input{margin-bottom:10px;width:100%}.filter-select{margin-bottom:13px;margin-right:20px;width:100%}}.food-modal{align-items:center;background-color:rgba(0,0,0,.7);display:none;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%}.food-modal.open{display:flex}.food-modal-content{background-color:#fff;border-radius:8px;box-shadow:0 2px 6px rgba(0,0,0,.1);max-width:600px;overflow:hidden;padding:20px;position:relative;width:100%}.modal-close{background:none;border:none;color:#888;transition:color .2s ease}.modal-close:hover{color:#555}.food-list{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));list-style:none;padding:0}.food-list li{color:#444;text-align:center}.food-image{border-radius:8px;box-shadow:0 2px 6px rgba(0,0,0,.1);height:150px;margin-bottom:10px;object-fit:cover;width:150px}.food-name{color:#333;font-size:16px;margin-top:5px}.page-button{background:none;border:none;color:#888;cursor:pointer;font-size:16px;margin:0 5px}.page-button.active{color:#f39c12}.page-button:hover{color:#555}.add-to-cart-button{background-color:#f39c12;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:8px 16px;transition:background-color .2s ease}.add-to-cart-button:hover{background-color:#e67e22}@media (max-width:600px){.food-modal-content{max-width:100%;padding:10px}.food-list{gap:10px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.food-image{height:100px;width:100px}.food-name{font-size:14px}.modal-close{font-size:16px;right:5px;top:5px}.page-button{font-size:14px;margin:0 3px}.add-to-cart-button{font-size:14px;padding:6px 12px}}body{font-family:Roboto,sans-serif}.movie-list{background-color:#333;display:flex;flex-direction:column;gap:20px;padding:20px}.movie-row{display:flex;gap:20px;justify-content:space-between}.movie-item{background-color:#444;border:1px solid #555;border-radius:8px;box-shadow:0 0 5px rgba(0,0,0,.3);max-width:calc(25% - 20px);overflow:hidden;padding:10px;text-align:center;transition:-webkit-transform .2s ease-in-out;transition:transform .2s ease-in-out;transition:transform .2s ease-in-out,-webkit-transform .2s ease-in-out;width:calc(25% - 20px)}.movie-item:hover{-webkit-transform:translateY(-5px);transform:translateY(-5px)}.movie-poster{border-radius:8px;height:auto;max-height:200px;max-width:100%}.movie-title{color:#ddd;font-size:1.3rem;margin:10px 0}.movie-overview{color:#ccc;font-size:1rem}.star-icon{color:#f39c12;margin-right:2px}.inactive{color:#ccc}.movie-release{color:#fff}@media screen and (max-width:768px){.movie-item{max-width:calc(50% - 20px);width:calc(50% - 20px)}.movie-poster{margin-bottom:10px;max-height:150px}.movie-title{font-size:1.2rem;margin:8px 0}.movie-overview{color:#ccc;font-size:1rem}}.modal-overlay{align-items:center;background-color:rgba(0,0,0,.7);display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.modal-content{background-color:#fff;border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,.2);max-width:400px;overflow:hidden;padding:20px;position:relative;text-align:center;width:80%}.modal-close{color:#666;cursor:pointer;font-size:20px;position:absolute;right:10px;top:10px}.modal-poster{border-radius:8px;height:auto;margin-bottom:10px;max-height:300px;max-width:100%}.modal-title{color:#333;font-size:1.4rem;margin:10px 0}.modal-description{color:#666;font-size:1rem;line-height:1.4}@media screen and (max-width:768px){.modal-content{max-width:90%;width:90%}.modal-poster{max-height:200px}.modal-title{font-size:1.3rem;margin:8px 0}.modal-description{font-size:1rem}}.pagination{align-items:center;display:flex;justify-content:center;margin-top:20px;padding:20px}.pagination-btn{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;margin:0 5px;padding:8px 16px;transition:background-color .3s}.pagination-btn:hover{background-color:#0056b3}.pagination-info{font-size:14px;margin:0 10px}.viewtrailer{align-items:center;background-position:50%;background-size:cover;display:flex;height:90vh;justify-content:center;position:relative}.container{position:relative;text-align:center;z-index:1}.boton{background-color:rgba(229,9,20,.8);border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;padding:10px 20px;transition:background-color .3s}.boton:hover{background-color:#e50914}.text-white{color:#fff;font-family:Montserrat,sans-serif;margin-top:10px;text-shadow:3px 4px 4px #000}@media screen and (max-width:768px){.viewtrailer{align-items:flex-start;height:90vh}.boton{margin-top:180px}.text-white{margin-bottom:20px}}.footer{background-color:#333;color:#fff;padding:20px;text-align:center}.social-icons{display:flex;font-size:24px;justify-content:center;margin-top:10px}.social-icons a{color:#fff;margin:0 10px;text-decoration:none}.social-icons a:hover{color:#f39c12}@media screen and (max-width:768px){.social-icons{font-size:28px}.social-icons a{margin:0 8px}}
/*# sourceMappingURL=main.4c1ad445.css.map*/