@import"https://fonts.googleapis.com/css2?family=Roboto:wght@100..900&display=swap";.container-form{background-color:var(--background-secondary);padding:1rem;border-radius:8px;box-shadow:0 0 4px var(--borders);margin-bottom:2rem}.container-form h2{font-size:clamp(1.4rem,5vw,1.8rem);color:var(--color-primary);margin-bottom:1rem;text-align:center}.form{display:flex;flex-direction:column;gap:1rem}.form-group{display:flex;flex-direction:column}.form-group label{font-size:.9rem;color:var(--text-secondary);margin-bottom:.3rem}input,select,textarea{padding:.5rem;border-radius:4px;border:1px solid var(--borders);background-color:#1a1a1a;color:var(--text-primary);font-size:1rem}.btn{font-family:Roboto,sans-serif;font-size:1rem;padding:.3rem .5rem;border:none;border-radius:999px;cursor:pointer;color:var(--text-primary)}.btn-create{background-color:var(--color-primary);transition:background .4s ease}.btn-create:hover{background-color:#f14d01}.container-buttons-modal{display:flex;justify-content:space-between}.btn-update{background-color:var(--color-secondary);color:var(--backgorund-primary)}.btn-update:hover{background-color:#b6aa02;transition:background .4s ease}.btn-cancel{background-color:var(--borders);transition:background .4s ease}.btn-cancel:hover{background-color:#6e6e6e}.error{color:#ff4f4f;font-size:.8rem;margin-top:.2rem}@media (min-width: 768px){.form{flex-flow:row wrap;gap:2rem}.form-group{flex:1 1 45%}.btn{padding:.7rem .8rem;font-size:1.1rem;font-weight:600}}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#121212d9;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:999;padding:2rem 1rem;overflow-y:auto}.container-modal{background-color:var(--background-secondary);border-radius:8px;box-shadow:0 0 10px var(--borders);max-width:700px;min-width:300px;max-height:80vh;overflow-y:auto;padding:1rem;margin:0 auto 80px;animation:fadeIn .3s ease-in-out}.container-buttons-modal{display:flex;justify-content:space-between;margin-top:1rem}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}:root{--backgorund-primary: #121212;--background-secondary: #1e1e1e;--text-primary: #e0e0e0;--text-secondary: #a0a0a0;--color-primary: #ff6f00;--color-secondary: #f6fa00;--borders: #424242}body{font-family:Roboto,sans-serif;line-height:1.5;background-color:var(--backgorund-primary);color:var(--text-primary)}.cine-main{display:flex;flex-direction:column;gap:2rem}.cine-main h1{font-size:clamp(1.8rem,5vw,2.5rem);text-align:center;color:var(--text-secondary)}.cine-main h1 span{color:var(--color-secondary)}.cine-render-filters{display:flex;flex-direction:column;gap:1rem}.container-filters{display:flex;justify-content:space-around;gap:2rem;margin-bottom:1.5rem}.filter-group{display:flex;flex-direction:column}label{font-weight:700;margin-bottom:.5rem}.star{width:20px;height:20px;margin-right:2px}.star.active{color:gold}.star.inactive{color:#ccc}.icon-fav{width:20px;height:20px;vertical-align:middle;margin-left:4px;color:red}.icon-fav.inactive{color:#ccc}.container-cards-movies{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem;padding:1rem}.card-movie{min-height:320px;background-color:var(--background-secondary);border-radius:8px;box-shadow:0 0 6px var(--borders);padding:1rem;display:flex;flex-direction:column;justify-content:space-between;transition:transform .3s ease}.card-movie:hover{transform:scale(1.02)}.container-texts{display:flex;flex-direction:column;gap:.5rem;flex-grow:1}.card-movie .synopsis{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical}.container-buttons-card{display:flex;justify-content:flex-end;gap:1rem}.btn-edit{background-color:#3901bd;transition:background .4s ease}.btn-edit:hover{background-color:#2e0196}.btn-delete{background-color:#cf0000;transition:background .4s ease}.btn-delete:hover{background-color:#8f0101}@media (min-width: 768px){.cine-main{width:85%;border-radius:10px;padding:2rem;border:1px solid var(--borders);margin:0 auto;justify-content:center;align-items:center}.cine-render-filters{width:100%}.container-cards-movies{gap:2rem;padding:2rem}}