.cine-page{min-height:100vh;background:#0b0612;color:#f1f5f9;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.cine-header-bar{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;background:#0b0612f2;border-bottom:1px solid rgba(239,68,68,.15);position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.cine-back-link{display:inline-flex;align-items:center;gap:.25rem;color:#fca5a5;text-decoration:none;font-size:.9rem;font-weight:500;transition:color .2s}.cine-back-link:hover{color:#ef4444}.cine-page-title{font-size:1.25rem;font-weight:700;color:#f1f5f9}.cine-carousel-section{padding:1.5rem;border-bottom:1px solid rgba(239,68,68,.1)}.cine-carousel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.cine-carousel-title{font-size:1.15rem;font-weight:700;color:#f1f5f9}.cine-carousel{display:flex;gap:1rem;overflow-x:auto;padding-bottom:.5rem;scrollbar-width:thin;scrollbar-color:rgba(239,68,68,.3) transparent}.cine-carousel::-webkit-scrollbar{height:4px}.cine-carousel::-webkit-scrollbar-thumb{background:#ef44444d;border-radius:2px}.cine-carousel-card{flex-shrink:0;width:140px;cursor:pointer;transition:transform .2s}.cine-carousel-card:hover{transform:translateY(-4px)}.cine-carousel-poster{position:relative;width:140px;height:210px;border-radius:12px;overflow:hidden;box-shadow:0 4px 15px #0006}.cine-carousel-poster img{width:100%;height:100%;object-fit:cover}.cine-carousel-rating{position:absolute;top:.5rem;right:.5rem;font-size:.65rem;font-weight:700;padding:.15rem .4rem;border-radius:4px}.cine-carousel-rating.atp{background:#22c55e;color:#fff}.cine-carousel-rating.plus13{background:#eab308;color:#000}.cine-carousel-rating.plus16{background:#f97316;color:#fff}.cine-carousel-rating.plus18{background:#ef4444;color:#fff}.cine-carousel-info{padding:.5rem .25rem}.cine-carousel-name{font-size:.85rem;font-weight:600;color:#f1f5f9;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:.2rem}.cine-carousel-genre{font-size:.75rem;color:#fca5a5}.cine-layout{display:grid;grid-template-columns:1fr 300px;gap:1.5rem;padding:0 1.5rem 2rem;max-width:1200px;margin:0 auto}.cine-content{min-width:0}.cine-sidebar{display:flex;flex-direction:column;gap:1rem}.cine-date-selector{display:flex;gap:.5rem;padding:1rem 0;overflow-x:auto;scrollbar-width:none}.cine-date-selector::-webkit-scrollbar{display:none}.cine-date-btn{display:flex;flex-direction:column;align-items:center;padding:.75rem 1rem;border-radius:12px;border:1px solid rgba(239,68,68,.3);background:#ef44441a;color:#fca5a5;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s ease;min-width:70px;white-space:nowrap}.cine-date-btn:hover{background:#ef444433;border-color:#ef444480}.cine-date-btn.active{background:linear-gradient(135deg,#ef4444,#dc2626);border-color:transparent;color:#fff;box-shadow:0 0 20px #ef444466}.cine-date-btn .day-name{font-size:.7rem;text-transform:uppercase;opacity:.8;margin-bottom:.25rem}.cine-date-btn .day-num{font-size:1.1rem;font-weight:700}.cine-date-btn.today .day-name{color:#fbbf24}.cine-date-btn.today.active .day-name{color:#fff}.cine-filter-bar{display:flex;gap:.75rem;padding:.75rem 0;flex-wrap:wrap;align-items:center;border-bottom:1px solid rgba(239,68,68,.15);margin-bottom:1.5rem}.cine-select{padding:.6rem .75rem;border-radius:8px;border:1px solid rgba(239,68,68,.3);background:#1e1e28cc;color:#f1f5f9;font-size:.9rem;min-width:180px;cursor:pointer}.cine-select:focus{outline:none;border-color:#ef4444;box-shadow:0 0 0 2px #ef444433}.cine-view-tabs{display:flex;gap:.5rem;margin-left:auto}.cine-view-tab{padding:.5rem 1rem;border-radius:8px;border:1px solid rgba(239,68,68,.3);background:transparent;color:#fca5a5;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s ease}.cine-view-tab:hover{background:#ef444426}.cine-view-tab.active{background:linear-gradient(135deg,#ef4444,#dc2626);border-color:transparent;color:#fff}.cine-movies-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.25rem}.movie-card{background:linear-gradient(145deg,#1e1923f2,#140f19fa);border:1px solid rgba(239,68,68,.2);border-radius:16px;overflow:hidden;transition:all .3s ease;cursor:pointer}.movie-card:hover{transform:translateY(-4px);border-color:#ef444480;box-shadow:0 12px 30px #ef444433}.movie-card-header{display:flex;gap:1rem;padding:1rem}.movie-poster{width:100px;height:150px;border-radius:8px;overflow:hidden;flex-shrink:0;box-shadow:0 4px 15px #0006}.movie-poster img{width:100%;height:100%;object-fit:cover}.movie-info{flex:1;min-width:0}.movie-title{font-size:1.1rem;font-weight:700;color:#f1f5f9;margin-bottom:.5rem;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.movie-meta{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem}.movie-meta-item{display:inline-flex;align-items:center;gap:.25rem;font-size:.75rem;color:#94a3b8;background:#ffffff0d;padding:.2rem .5rem;border-radius:4px}.movie-rating{font-weight:600;padding:.2rem .5rem;border-radius:4px;font-size:.7rem}.movie-rating.atp{background:#22c55e;color:#fff}.movie-rating.plus13{background:#eab308;color:#000}.movie-rating.plus16{background:#f97316;color:#fff}.movie-rating.plus18{background:#ef4444;color:#fff}.movie-genre{font-size:.8rem;color:#fca5a5}.movie-synopsis{font-size:.8rem;color:#94a3b8;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin-top:.5rem}.movie-showtimes{padding:1rem;background:#0003;border-top:1px solid rgba(239,68,68,.15)}.movie-no-showtimes{color:#64748b;font-size:.8rem;text-align:center;font-style:italic}.movie-cinema-group{margin-bottom:1rem}.movie-cinema-group:last-child{margin-bottom:0}.cinema-group-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;padding-bottom:.5rem;border-bottom:1px solid rgba(239,68,68,.1)}.cinema-group-name{font-size:.85rem;font-weight:600;color:#fca5a5}.cinema-group-address{font-size:.75rem;color:#64748b}.showtime-chips{display:flex;flex-wrap:wrap;gap:.5rem}.showtime-chip{display:inline-flex;flex-direction:column;align-items:center;padding:.5rem .75rem;border-radius:8px;background:#ef444426;border:1px solid rgba(239,68,68,.3);color:#fca5a5;font-size:.85rem;font-weight:600;transition:all .2s ease}.showtime-chip:hover{background:linear-gradient(135deg,#ef4444,#dc2626);border-color:transparent;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #ef444466}.showtime-chip .time{font-size:.95rem}.showtime-chip .format{font-size:.65rem;opacity:.8;text-transform:uppercase}.showtime-chip .price{font-size:.7rem;color:#4ade80;margin-top:.15rem}.cinema-section{margin-bottom:2rem}.cinema-header{display:flex;align-items:flex-start;justify-content:space-between;padding:1.25rem;background:linear-gradient(145deg,#281e2df2,#19141efa);border:1px solid rgba(239,68,68,.25);border-radius:16px 16px 0 0;gap:1rem}.cinema-logo{width:60px;height:60px;border-radius:12px;overflow:hidden;flex-shrink:0;background:#ef44441a;display:flex;align-items:center;justify-content:center;font-size:1.5rem}.cinema-logo img{width:100%;height:100%;object-fit:cover}.cinema-details{flex:1;min-width:0}.cinema-name{font-size:1.25rem;font-weight:700;color:#f1f5f9;margin-bottom:.25rem}.cinema-address{font-size:.85rem;color:#94a3b8}.cinema-features{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.5rem}.cinema-feature{font-size:.7rem;padding:.2rem .5rem;border-radius:4px;background:#ef444426;color:#fca5a5;font-weight:500}.cinema-actions{display:flex;gap:.5rem;flex-shrink:0}.cinema-action-btn{padding:.5rem .75rem;border-radius:8px;font-size:.8rem;font-weight:500;text-decoration:none;display:inline-flex;align-items:center;gap:.3rem;transition:all .2s ease}.cinema-action-btn.phone{background:#22c55e26;border:1px solid rgba(34,197,94,.3);color:#4ade80}.cinema-action-btn.phone:hover{background:#22c55e;color:#fff}.cinema-action-btn.map{background:#3b82f626;border:1px solid rgba(59,130,246,.3);color:#60a5fa}.cinema-action-btn.map:hover{background:#3b82f6;color:#fff}.cinema-movies{background:linear-gradient(145deg,#19141ef2,#120f16fa);border:1px solid rgba(239,68,68,.15);border-top:none;border-radius:0 0 16px 16px;padding:1rem}.cinema-movies-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:1rem}.cinema-no-movies{color:#64748b;text-align:center;padding:2rem}.movie-mini-card{background:#0000004d;border-radius:12px;overflow:hidden;transition:all .2s ease;cursor:pointer}.movie-mini-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px #ef444433}.movie-mini-poster{width:100%;aspect-ratio:2/3;overflow:hidden}.movie-mini-poster img{width:100%;height:100%;object-fit:cover}.movie-mini-info{padding:.75rem}.movie-mini-title{font-size:.85rem;font-weight:600;color:#f1f5f9;margin-bottom:.5rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.3}.movie-mini-times{display:flex;flex-wrap:wrap;gap:.3rem}.movie-mini-time{font-size:.7rem;padding:.2rem .4rem;border-radius:4px;background:#ef444433;color:#fca5a5;font-weight:500}.cine-empty{text-align:center;padding:3rem 1.5rem}.cine-empty-icon{font-size:3.5rem;margin-bottom:1rem;opacity:.5}.cine-empty-text{font-size:1rem;color:#64748b;margin-bottom:.5rem}.cine-empty-hint{font-size:.85rem;color:#475569}.cine-loading{display:flex;justify-content:center;align-items:center;padding:3rem}.cine-spinner{width:40px;height:40px;border:3px solid rgba(239,68,68,.2);border-top-color:#ef4444;border-radius:50%;animation:cine-spin .8s linear infinite}@keyframes cine-spin{to{transform:rotate(360deg)}}.cine-widget-box{background:linear-gradient(135deg,#ef44441f,#14141ef2);border:1px solid rgba(239,68,68,.25);border-radius:16px;padding:1rem}.cine-widget-title{font-size:1rem;font-weight:700;color:#ef4444;margin-bottom:.75rem;text-shadow:0 0 10px rgba(239,68,68,.5)}.upcoming-movie{display:flex;gap:.75rem;padding:.75rem;background:#0003;border-radius:10px;margin-bottom:.75rem;transition:all .2s ease}.upcoming-movie:last-child{margin-bottom:0}.upcoming-movie:hover{background:#ef44441a}.upcoming-poster{width:50px;height:75px;border-radius:6px;overflow:hidden;flex-shrink:0}.upcoming-poster img{width:100%;height:100%;object-fit:cover}.upcoming-info{flex:1;min-width:0}.upcoming-title{font-size:.85rem;font-weight:600;color:#f1f5f9;margin-bottom:.25rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.upcoming-date{font-size:.75rem;color:#fca5a5}.cine-social-links{display:flex;gap:.75rem;justify-content:center;padding:.5rem 0}.cine-social-btn{width:38px;height:38px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#ef444426;border:1px solid rgba(239,68,68,.3);color:#ef4444;transition:all .3s}.cine-social-btn:hover{background:#ef4444;color:#fff}.movie-modal{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999;display:none}.movie-modal.active{display:block}.movie-modal-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#000000d9;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.movie-modal-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:700px;max-height:90vh;overflow-y:auto;background:linear-gradient(145deg,#1e1923fa,#140f19fc);border:1px solid rgba(239,68,68,.3);border-radius:20px;box-shadow:0 25px 60px #00000080,0 0 40px #ef444426}.movie-modal-close{position:absolute;top:1rem;right:1rem;width:36px;height:36px;border-radius:50%;border:none;background:#ef444433;color:#fca5a5;font-size:1.1rem;cursor:pointer;transition:all .2s ease;z-index:10}.movie-modal-close:hover{background:#ef4444;color:#fff}.movie-modal-header{display:flex;gap:1.5rem;padding:1.5rem;border-bottom:1px solid rgba(239,68,68,.15)}.movie-modal-poster{width:150px;height:225px;border-radius:12px;overflow:hidden;flex-shrink:0;box-shadow:0 8px 25px #0006}.movie-modal-poster img{width:100%;height:100%;object-fit:cover}.movie-modal-info{flex:1;min-width:0}.movie-modal-title{font-size:1.5rem;font-weight:700;color:#f1f5f9;margin-bottom:.75rem;line-height:1.3;padding-right:2rem}.movie-modal-meta{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.movie-modal-director{font-size:.9rem;color:#94a3b8;margin-bottom:.75rem}.movie-modal-director strong{color:#fca5a5}.movie-modal-synopsis{font-size:.9rem;color:#cbd5e1;line-height:1.6;margin-bottom:1rem}.movie-modal-trailer-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1.25rem;border-radius:8px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .2s ease}.movie-modal-trailer-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px #ef444466}.movie-modal-showtimes{padding:1.5rem}.movie-modal-showtimes-title{font-size:1.1rem;font-weight:600;color:#f1f5f9;margin-bottom:1rem}.modal-cinema-group{background:#0000004d;border-radius:12px;padding:1rem;margin-bottom:1rem}.modal-cinema-group:last-child{margin-bottom:0}.modal-cinema-name{font-size:1rem;font-weight:600;color:#fca5a5;margin-bottom:.25rem}.modal-cinema-address{font-size:.8rem;color:#64748b;margin-bottom:.75rem}.modal-showtime-chips{display:flex;flex-wrap:wrap;gap:.5rem}.modal-showtime-chip{display:flex;flex-direction:column;align-items:center;padding:.6rem 1rem;border-radius:10px;background:#ef444426;border:1px solid rgba(239,68,68,.3);transition:all .2s ease}.modal-showtime-chip:hover{background:#ef444440;border-color:#ef444480}.modal-showtime-chip .time{font-size:1.1rem;font-weight:700;color:#f1f5f9}.modal-showtime-chip .format{font-size:.7rem;color:#94a3b8;margin-top:.15rem}.modal-showtime-chip .price{font-size:.8rem;color:#4ade80;font-weight:600;margin-top:.25rem}@media(max-width:768px){.cine-layout{grid-template-columns:1fr;padding:0 1rem 2rem}.cine-sidebar{order:-1;display:none}.cine-movies-grid{grid-template-columns:1fr}.cine-carousel-card{width:120px}.cine-carousel-poster{width:120px;height:180px}.cine-filter-bar{flex-direction:column;align-items:stretch}.cine-view-tabs{margin-left:0}.cine-select{min-width:unset;width:100%}.movie-modal-header{flex-direction:column;align-items:center;text-align:center}.movie-modal-title{padding-right:0}.movie-modal-meta{justify-content:center}.cinema-header{flex-direction:column}.cinema-actions{width:100%;justify-content:center}}