.calendar-page{min-height:100vh;background-color:#000;color:#fff;font-family:Owners,sans-serif;padding-bottom:100px}.calendar-hero{position:relative;height:500px;display:flex;align-items:center;justify-content:center;overflow:hidden;margin-bottom:0}.calendar-hero__bg{position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(/images/programas/dj-productor/BG%20Image%202.webp);background-size:cover;background-position:50%;filter:brightness(.4)}.calendar-hero__content{position:relative;z-index:2;text-align:center;padding:0 20px}.calendar-hero__title{font-family:Owners,sans-serif;font-size:clamp(3rem,10vw,7rem);font-weight:900;text-transform:uppercase;letter-spacing:-2px;line-height:.85;color:#fff;text-shadow:0 10px 30px rgba(0,0,0,.5)}.calendar-container{max-width:1400px;margin:80px auto;padding:0 350px 0 50px}.months-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:40px;gap:40px;justify-content:center}.month-card{background:#fff;border-radius:12px;padding:30px;color:#1a1a1a;position:relative;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.1);transition:transform .3s ease}.month-card:hover{transform:translateY(-5px)}.month-card:before{top:-20px;left:-20px;width:100px;height:100px;background:radial-gradient(circle,rgba(81,207,102,.4) 0,transparent 70%);filter:blur(10px)}.month-card:after,.month-card:before{content:"";position:absolute;z-index:0}.month-card:after{bottom:-40px;right:-40px;width:150px;height:150px;background:radial-gradient(circle,rgba(174,62,201,.4) 0,transparent 70%);filter:blur(15px)}.month-header{position:relative;z-index:1;margin-bottom:20px}.month-name{font-size:2.2rem;font-weight:500;font-style:italic;color:#111;border-bottom:1px solid rgba(0,0,0,.05)}.days-header,.month-name{margin-bottom:15px;padding-bottom:5px}.days-header{text-align:center;font-weight:800;font-size:.8rem;border-bottom:2px solid #000}.days-grid,.days-header{display:grid;grid-template-columns:repeat(7,1fr)}.days-grid{grid-gap:5px;gap:5px;position:relative;z-index:1}.day-cell{aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:.9rem;font-weight:400;border-radius:2px;position:relative}.day--festive,.day--festive-text{color:#e03131;font-weight:700}.day--festive{background-color:#ffe8cc}.day--start-cycle{background-color:#fcc419}.day--end-cycle{background-color:#51cf66}.day--planning{background-color:#ced4da}.day--planning-alt{background-color:#fd7e14}.day--enrollment{background-color:#fcc419}.day--recess{background-color:#d3f9d8}.day--vacation{background-color:#d0ebff}.day--purple-bg{background-color:#5f3dc4;color:#fff}.border-purple{border:2px solid #5f3dc4}.border-blue{border:2px solid #339af0}.border-black{border:2px solid #000}.border-red{border:2px solid #e03131}.calendar-legend{position:fixed;right:30px;top:120px;width:280px;max-height:calc(100vh - 150px);overflow-y:auto;padding:25px;background:rgba(20,20,40,.85);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;border:1px solid hsla(0,0%,100%,.1);z-index:90;box-shadow:0 20px 50px rgba(0,0,0,.5)}.legend-grid{display:flex;flex-direction:column;gap:15px}.legend-item{display:flex;align-items:center;gap:12px;font-size:.85rem;color:hsla(0,0%,100%,.9);line-height:1.2}.legend-border,.legend-color{width:16px;height:16px;border-radius:2px}.legend-border{background:transparent}@media (max-width:1200px){.calendar-container{padding:0 20px}.calendar-legend{position:relative;top:0;right:0;width:100%;margin-top:40px;max-height:none;background:hsla(0,0%,100%,.05)}.legend-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}}@media (max-width:768px){.calendar-hero__title{font-size:3rem}.months-grid{grid-template-columns:1fr}.month-card{padding:20px}.month-name{font-size:1.8rem}.day-cell{font-size:1.2rem}}.calendar-back{position:fixed;top:30px;left:30px;display:flex;align-items:center;gap:10px;padding:12px 20px;background:hsla(0,0%,100%,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.2);border-radius:30px;color:#fff;font-weight:500;transition:all .3s ease;z-index:100;cursor:pointer}.calendar-back svg{width:20px;height:20px}.calendar-back:hover{background:hsla(0,0%,100%,.2);transform:translateX(-5px)}.cal-footer{text-align:center;padding:40px 20px 60px;background:transparent}.cal-footer__text{font-size:.9rem;color:hsla(0,0%,100%,.5);letter-spacing:.1em;text-transform:uppercase;margin-bottom:16px}.cal-footer__socials{display:flex;justify-content:center;gap:16px}.cal-social-icon{width:44px;height:44px;border-radius:50%;background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);display:flex;align-items:center;justify-content:center;color:#fff;transition:all .3s ease}.cal-social-icon svg{width:18px;height:18px}.cal-social-icon:hover{background:hsla(0,0%,100%,.25);transform:translateY(-3px)}