/* v1.2.3 candidate — escala cartoon fuerte, fiel al mockup aprobado */ /* Más aire general: no intentar meter todo el calendario en una sola pantalla */ #lcdaPersistentHeader .lcda-fixed-nav-agenda, #lcdaPersistentHeader .lcda-fixed-nav-whatsapp, #lcdaPersistentHeader .lcda-fixed-nav-share{min-height:86px!important;border-radius:22px!important;padding:9px 8px!important} #lcdaPersistentHeader .lcda-btn-icon{width:52px!important;height:52px!important;min-width:52px!important;border-radius:16px!important} #lcdaPersistentHeader .lcda-btn-icon img{width:49px!important;height:49px!important} #lcdaPersistentHeader .lcda-btn-text strong{font-size:.88rem!important} #lcdaPersistentHeader .lcda-btn-text small{font-size:.57rem!important} #view-agenda .lcda-shared-hero{height:300px!important;min-height:300px!important;border-radius:30px!important;background:linear-gradient(180deg,#aeeeff 0%,#d2f6ff 66%,#9cdd50 66%,#79c936 100%)!important} #view-agenda .lcda-shared-hero img{width:66%!important;right:0!important;bottom:-1%!important;filter:drop-shadow(0 14px 14px rgba(55,82,32,.18)) saturate(1.13)!important} #view-agenda .lcda-hero-cloud{transform:scale(1.15)!important} #view-agenda .lcda-hero-cloud.cloud-right{transform:scale(.95)!important} #view-agenda .calendar-card{padding:22px 14px 28px!important;border-radius:36px!important;border-width:3px!important;box-shadow:0 8px 0 #d3e7bf,0 20px 38px rgba(60,82,43,.15)!important} #view-agenda .calendar-toolbar{grid-template-columns:64px 1fr 64px!important;gap:10px!important;margin-bottom:16px!important} #view-agenda .calendar-toolbar strong{max-width:270px!important;font-size:1.86rem!important;padding:17px 12px 18px!important;border-width:2.5px!important;border-radius:15px!important;box-shadow:0 6px 0 #b77422,0 12px 22px rgba(105,69,29,.20)!important} #view-agenda .calendar-toolbar strong:before,#view-agenda .calendar-toolbar strong:after{font-size:1.45rem!important} #view-agenda .calendar-nav{width:60px!important;height:60px!important;border-radius:20px!important;font-size:2.35rem!important;box-shadow:0 6px 0 #d1a34a,0 11px 18px rgba(111,77,32,.15)!important} #view-agenda .agenda-sync-row{margin-bottom:13px!important} #view-agenda .agenda-sync-row span{min-height:41px!important;font-size:.74rem!important;padding:8px 15px!important;border-radius:999px!important} #view-agenda .calendar-legend{gap:8px!important;padding-bottom:15px!important} #view-agenda .calendar-legend>span{min-height:54px!important;border-radius:18px!important;font-size:.72rem!important;padding:8px 6px!important} #view-agenda .legend-dot{width:17px!important;height:17px!important} #view-agenda .calendar-legend b{font-size:1.3rem!important} #view-agenda .calendar-weekdays{gap:7px!important;margin-bottom:13px!important} #view-agenda .calendar-weekdays span{min-height:38px!important;font-size:.72rem!important} #view-agenda .calendar-grid{gap:8px!important} #view-agenda .calendar-empty{min-height:68px!important;font-size:1.25rem!important} #view-agenda .calendar-day{min-height:72px!important;border-radius:18px!important;padding:9px!important;border-width:1.7px!important;box-shadow:0 5px 0 #e5cfaa,0 9px 14px rgba(72,66,42,.08)!important} #view-agenda .calendar-number{font-size:1.07rem!important} #view-agenda .calendar-status{width:11px!important;height:11px!important;left:9px!important;bottom:8px!important} #view-agenda .calendar-cakes{right:5px!important;bottom:4px!important} #view-agenda .calendar-cakes .cake-only{font-size:1.45rem!important} #view-agenda .calendar-day.selected{border-width:3px!important;outline-width:3px!important;box-shadow:0 6px 0 #177e29,0 13px 23px rgba(29,126,45,.24)!important} #view-agenda .calendar-day.selected .calendar-number{font-size:1.25rem!important} /* Detalles de jardín distribuidos en la gran tarjeta */ #view-agenda .calendar-card{background: radial-gradient(circle at 5% 16%,#f4a24e 0 2px,transparent 3px), radial-gradient(circle at 94% 15%,#f5c62c 0 2px,transparent 3px), radial-gradient(circle at 9% 67%,#ee89a8 0 3px,transparent 4px), radial-gradient(circle at 90% 67%,#72b65c 0 3px,transparent 4px), radial-gradient(circle at 24% 96%,#f1a4bb 0 3px,transparent 4px), radial-gradient(circle at 53% 96%,#f3b526 0 3px,transparent 4px), linear-gradient(180deg,#fffef7 0%,#fff8e7 100%)!important} #view-agenda .calendar-card:after{content:"🌿 🌸"!important;font-size:2rem!important;right:4px!important;bottom:2px!important} @media(max-width:620px){ #lcdaPersistentHeader .lcda-fixed-nav{gap:7px!important;width:calc(100% - 14px)!important} #lcdaPersistentHeader .lcda-fixed-nav-agenda,#lcdaPersistentHeader .lcda-fixed-nav-whatsapp,#lcdaPersistentHeader .lcda-fixed-nav-share{min-height:84px!important;padding:8px 5px!important} #lcdaPersistentHeader .lcda-btn-icon{width:49px!important;height:49px!important;min-width:49px!important} #lcdaPersistentHeader .lcda-btn-icon img{width:46px!important;height:46px!important} #lcdaPersistentHeader .lcda-btn-text strong{font-size:.84rem!important} #lcdaPersistentHeader .lcda-btn-text small{font-size:.54rem!important} #view-agenda .lcda-shared-hero{height:292px!important;min-height:292px!important} #view-agenda .calendar-card{padding:21px 12px 27px!important;border-radius:35px!important} #view-agenda .calendar-toolbar{grid-template-columns:62px 1fr 62px!important} #view-agenda .calendar-toolbar strong{font-size:1.78rem!important;padding:16px 9px 17px!important} #view-agenda .calendar-nav{width:58px!important;height:58px!important;font-size:2.25rem!important} #view-agenda .agenda-sync-row span{font-size:.71rem!important;min-height:40px!important} #view-agenda .calendar-legend>span{min-height:52px!important;font-size:.69rem!important} #view-agenda .calendar-weekdays span{min-height:37px!important;font-size:.69rem!important} #view-agenda .calendar-empty{min-height:66px!important} #view-agenda .calendar-day{min-height:70px!important;border-radius:17px!important;padding:8px!important} #view-agenda .calendar-number{font-size:1.05rem!important} #view-agenda .calendar-cakes .cake-only{font-size:1.4rem!important} } /* ============================================================ v1.2.4 candidate — RECONSTRUCCIÓN ESTRUCTURAL DEL CALENDARIO Ya no tratamos el mes/leyenda como texto técnico: son piezas visuales separadas, como en el mockup cartoon aprobado. ============================================================ */ /* El header gana peso, pero mantiene Agenda crema, WhatsApp verde y Compartir azul */ #lcdaPersistentHeader{padding:12px 0 14px!important;background:#fffdf6!important} #lcdaPersistentHeader .lcda-fixed-nav{gap:8px!important;width:calc(100% - 18px)!important} #lcdaPersistentHeader .lcda-fixed-nav-agenda, #lcdaPersistentHeader .lcda-fixed-nav-whatsapp, #lcdaPersistentHeader .lcda-fixed-nav-share{ min-height:82px!important;border-width:2px!important;border-radius:22px!important; box-shadow:0 6px 0 rgba(89,65,30,.10),0 11px 20px rgba(60,77,40,.12)!important; } #lcdaPersistentHeader .lcda-btn-icon{width:48px!important;height:48px!important;min-width:48px!important;border-radius:15px!important} #lcdaPersistentHeader .lcda-btn-icon img{width:46px!important;height:46px!important} #lcdaPersistentHeader .lcda-btn-text strong{font-size:.86rem!important;font-weight:1000!important} #lcdaPersistentHeader .lcda-btn-text small{font-size:.54rem!important;font-weight:800!important} /* Hero: más vivo y menos plano */ #view-agenda .lcda-shared-hero{ height:304px!important;min-height:304px!important;border-radius:31px!important; border:2px solid rgba(255,255,255,.95)!important; background: radial-gradient(circle at 14% 80%,rgba(255,255,255,.9) 0 4px,transparent 5px), radial-gradient(circle at 25% 86%,#ffce4a 0 4px,transparent 5px), radial-gradient(circle at 38% 78%,#ff91ad 0 4px,transparent 5px), linear-gradient(180deg,#a9ebff 0%,#d4f6ff 63%,#b1e864 63%,#7bc73c 100%)!important; box-shadow:0 8px 0 #d7eac6,0 18px 31px rgba(53,86,38,.14)!important; } #view-agenda .lcda-shared-hero img{width:67%!important;right:-1%!important;bottom:-1%!important;filter:drop-shadow(0 10px 8px rgba(52,77,30,.17)) saturate(1.15)!important} /* Gran marco de calendario */ #view-agenda .calendar-card{ position:relative!important; padding:24px 14px 31px!important; border:3px solid #8dc66b!important;border-radius:38px!important; background: radial-gradient(circle at 7% 26%,#f5a54e 0 2px,transparent 3px), radial-gradient(circle at 92% 25%,#f7c92f 0 2px,transparent 3px), radial-gradient(circle at 9% 70%,#ed91ad 0 3px,transparent 4px), radial-gradient(circle at 92% 72%,#6db95d 0 3px,transparent 4px), linear-gradient(180deg,#fffef7 0%,#fff8e8 100%)!important; box-shadow:0 8px 0 #d1e6bd,0 21px 34px rgba(59,82,42,.14)!important; overflow:hidden!important; } #view-agenda .calendar-card:before,#view-agenda .calendar-card:after{content:none!important} .calendar-garden-decor{position:absolute;z-index:0;pointer-events:none;font-weight:900;opacity:.85} .calendar-decor-a{left:10px;top:172px;color:#46b9e7;font-size:1.15rem} .calendar-decor-b{right:13px;top:178px;color:#f3bd27;font-size:1.25rem} .calendar-decor-c{left:19px;bottom:30px;color:#ef91ad;font-size:1.1rem} .calendar-decor-d{right:56px;bottom:36px;color:#45b4e5;font-size:1rem} /* Nuevo toolbar estructural */ #view-agenda .calendar-toolbar.cartoon-month-toolbar{ display:grid!important;grid-template-columns:64px minmax(0,1fr) 64px!important; align-items:center!important;gap:10px!important;margin:0 0 15px!important; } #view-agenda .cartoon-month-toolbar .calendar-nav{ width:60px!important;height:60px!important;border-radius:22px!important; display:grid!important;place-items:center!important; background:linear-gradient(180deg,#fffef9 0%,#ffebba 100%)!important; border:2px solid #dfb75e!important;color:#116d27!important; box-shadow:0 6px 0 #d4a74d,0 11px 17px rgba(104,77,35,.15)!important; font-size:0!important;text-decoration:none!important; } #view-agenda .cartoon-month-toolbar .calendar-nav>span{font-size:2.55rem!important;font-weight:1000!important;line-height:.7!important;margin-top:-4px!important} #view-agenda .cartoon-month-toolbar .calendar-nav.disabled{opacity:.32!important;box-shadow:0 3px 0 #d4a74d!important} #view-agenda .month-sign{ position:relative!important;min-height:76px!important;display:flex!important;align-items:center!important;justify-content:center!important; padding:10px 24px!important;border-radius:15px!important;border:2.5px solid #c47720!important; background: repeating-linear-gradient(0deg,rgba(255,255,255,.10) 0 10px,rgba(174,108,29,.10) 11px 12px), linear-gradient(180deg,#fff2b9 0%,#f5d27e 100%)!important; box-shadow:inset 0 2px 0 rgba(255,255,255,.72),0 7px 0 #ad681e,0 13px 22px rgba(101,66,30,.18)!important; transform:rotate(-.3deg)!important; } #view-agenda .month-sign:before,#view-agenda .month-sign:after{ content:"";position:absolute;left:13px;right:13px;height:1px;background:rgba(147,90,28,.18) } #view-agenda .month-sign:before{top:25px} #view-agenda .month-sign:after{bottom:20px} #view-agenda .month-sign strong{ position:relative!important;z-index:2!important;display:block!important;width:auto!important;max-width:none!important;margin:0!important;padding:0!important; border:0!important;background:none!important;box-shadow:none!important; color:#145c25!important;font-size:2rem!important;font-weight:1000!important;letter-spacing:-.035em!important;white-space:nowrap!important; text-shadow:0 2px 0 rgba(255,255,255,.55)!important; } #view-agenda .month-sign strong:before,#view-agenda .month-sign strong:after{content:none!important} .month-peg{position:absolute;top:-8px;width:10px;height:18px;border-radius:6px;background:linear-gradient(#74ad2f,#3f7e21);border:1px solid #315f1b;box-shadow:0 2px 0 rgba(0,0,0,.12);z-index:3} .month-peg:after{content:"";position:absolute;left:2px;right:2px;bottom:-4px;height:7px;border-radius:50%;background:#5c8f29} .peg-a{left:22px}.peg-b{right:22px} .month-leaf{position:absolute;z-index:4;font-size:1.25rem;filter:drop-shadow(0 2px 1px rgba(54,79,31,.14))} .leaf-a{left:-18px;bottom:-7px;transform:rotate(-25deg)}.leaf-b{right:-18px;top:-8px;transform:scaleX(-1) rotate(-15deg)} /* Estado de actualización: una placa propia */ #view-agenda .agenda-sync-row{display:flex!important;justify-content:center!important;margin:0 0 13px!important} #view-agenda .agenda-sync-row span{ display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important; min-height:40px!important;padding:8px 15px!important;border-radius:17px!important; background:linear-gradient(180deg,#fffdf4 0%,#fff4d8 100%)!important;border:1.5px solid #e6c888!important; box-shadow:0 4px 0 rgba(185,142,60,.11),0 7px 12px rgba(77,72,45,.05)!important; color:#675c42!important;font-size:.72rem!important;font-weight:800!important; } #view-agenda .agenda-sync-row span:before{content:none!important} #view-agenda .agenda-sync-row span b{color:#3eb8e4;font-size:1.05rem} /* Las 3 leyendas son tarjetas de verdad */ #view-agenda .calendar-legend{ display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:9px!important; padding:3px 0 17px!important;margin:0!important;background:none!important;border:0!important; } #view-agenda .calendar-legend .legend-card{ min-height:56px!important;padding:8px 7px!important;border-radius:19px!important; display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important; box-shadow:0 5px 0 rgba(102,78,42,.07),0 9px 14px rgba(69,74,45,.06)!important; font-size:.70rem!important;font-weight:950!important;line-height:1.05!important;text-align:left!important; } .legend-card-available{background:#eff9e7!important;border:1.5px solid #c5dda9!important;color:#225c2d!important} .legend-card-blocked{background:#fff0ed!important;border:1.5px solid #edc0b9!important;color:#74433d!important} .legend-card-birthday{background:#fff7d9!important;border:1.5px solid #e8cb72!important;color:#655324!important} #view-agenda .legend-dot{width:18px!important;height:18px!important;min-width:18px!important;border:2px solid rgba(255,255,255,.75)!important;box-shadow:0 2px 3px rgba(0,0,0,.12)!important} #view-agenda .legend-cake{font-size:1.38rem!important;filter:drop-shadow(0 2px 1px rgba(104,65,29,.12))} /* Weekdays: pastillas verdes tipo juguete */ #view-agenda .calendar-weekdays{display:grid!important;grid-template-columns:repeat(7,1fr)!important;gap:7px!important;padding:0!important;margin:0 0 14px!important;border:0!important;background:none!important} #view-agenda .calendar-weekdays span{ min-height:38px!important;border-radius:999px!important;display:grid!important;place-items:center!important; background:linear-gradient(180deg,#73d35d 0%,#3aa33f 100%)!important;color:#fff!important; border:1.5px solid #2b8a33!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 4px 0 rgba(38,119,47,.13)!important; font-size:.68rem!important;font-weight:1000!important;letter-spacing:.01em!important; } /* Grid y huecos decorativos */ #view-agenda .calendar-grid{display:grid!important;grid-template-columns:repeat(7,minmax(0,1fr))!important;gap:7px!important} #view-agenda .calendar-empty{min-height:64px!important;display:grid!important;place-items:center!important;font-size:1.05rem!important} #view-agenda .calendar-empty:nth-child(1):after{content:"✦";color:#f09b43} #view-agenda .calendar-empty:nth-child(2):after{content:"✿";color:#ef9fb5} #view-agenda .calendar-empty:nth-child(3):after{content:"✤";color:#cadb5a} #view-agenda .calendar-empty:nth-child(4):after{content:"✿";color:#f28fab} #view-agenda .calendar-empty:nth-child(5):after{content:""} /* Celdas más altas, con volumen, crema y sombras */ #view-agenda .calendar-day{ position:relative!important;min-height:70px!important;padding:8px!important;border-radius:18px!important; background:linear-gradient(180deg,#fffef9 0%,#fff2d8 100%)!important;border:1.6px solid #e2c38a!important; box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 5px 0 #ead4ae,0 9px 13px rgba(70,68,44,.07)!important; box-sizing:border-box!important; } #view-agenda .calendar-day.past{ background:linear-gradient(180deg,#faf8f2 0%,#f1ece1 100%)!important;border-color:#e2dbcf!important; box-shadow:0 4px 0 #e5ded2!important;opacity:.63!important; } #view-agenda .calendar-number{font-size:1.02rem!important;font-weight:1000!important;color:#25382a!important;line-height:1!important} #view-agenda .calendar-status{width:10px!important;height:10px!important;left:8px!important;bottom:8px!important;border:1.5px solid rgba(255,255,255,.9)!important;box-sizing:border-box!important} #view-agenda .calendar-cakes{right:4px!important;bottom:4px!important} #view-agenda .calendar-cakes .cake-only{font-size:1.32rem!important;filter:drop-shadow(0 2px 1px rgba(108,66,29,.14))!important} /* Selección tipo juguete: aro blanco + verde + destellos */ #view-agenda .calendar-day.selected{ background:linear-gradient(180deg,#57df64 0%,#20a63a 100%)!important;border:3px solid #fff!important;outline:3px solid #39c24a!important; box-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 6px 0 #177e2a,0 13px 19px rgba(28,125,44,.24)!important;color:#fff!important; } #view-agenda .calendar-day.selected .calendar-number{color:#fff!important;font-size:1.16rem!important} #view-agenda .calendar-day.selected:before{content:""!important;position:absolute!important;right:-8px!important;top:-7px!important;width:25px!important;height:18px!important;background:linear-gradient(65deg,transparent 0 42%,#f2b72d 43% 51%,transparent 52% 100%)!important;transform:rotate(-15deg)!important;pointer-events:none!important} #view-agenda .calendar-day.selected:after{content:"✦"!important;position:absolute!important;right:-6px!important;top:-15px!important;color:#f4bc2d!important;font-size:1.06rem!important;pointer-events:none!important} .calendar-bottom-garden{display:flex;align-items:center;justify-content:flex-end;gap:3px;height:25px;margin-top:11px;padding-right:2px;font-size:1.35rem;opacity:.95;filter:drop-shadow(0 2px 1px rgba(64,89,41,.10))} .calendar-bottom-garden span:nth-child(1){font-size:1.8rem;transform:rotate(-17deg)} .calendar-bottom-garden span:nth-child(3){color:#46b6e4;font-size:1rem;margin-left:8px}.calendar-bottom-garden span:nth-child(4){font-size:1rem} @media(max-width:620px){ #lcdaPersistentHeader .lcda-fixed-nav{gap:6px!important;width:calc(100% - 12px)!important} #lcdaPersistentHeader .lcda-fixed-nav-agenda,#lcdaPersistentHeader .lcda-fixed-nav-whatsapp,#lcdaPersistentHeader .lcda-fixed-nav-share{min-height:78px!important;padding:7px 5px!important;border-radius:20px!important} #lcdaPersistentHeader .lcda-btn-icon{width:44px!important;height:44px!important;min-width:44px!important} #lcdaPersistentHeader .lcda-btn-icon img{width:42px!important;height:42px!important} #lcdaPersistentHeader .lcda-btn-text strong{font-size:.80rem!important}#lcdaPersistentHeader .lcda-btn-text small{font-size:.50rem!important} #view-agenda .lcda-shared-hero{height:296px!important;min-height:296px!important} #view-agenda .calendar-card{padding:21px 10px 29px!important;border-radius:35px!important} #view-agenda .calendar-toolbar.cartoon-month-toolbar{grid-template-columns:58px minmax(0,1fr) 58px!important;gap:7px!important} #view-agenda .cartoon-month-toolbar .calendar-nav{width:54px!important;height:54px!important;border-radius:19px!important} #view-agenda .cartoon-month-toolbar .calendar-nav>span{font-size:2.25rem!important} #view-agenda .month-sign{min-height:70px!important;padding:9px 15px!important} #view-agenda .month-sign strong{font-size:1.70rem!important} #view-agenda .agenda-sync-row span{font-size:.67rem!important;min-height:38px!important;padding:7px 10px!important} #view-agenda .calendar-legend{gap:7px!important} #view-agenda .calendar-legend .legend-card{min-height:52px!important;font-size:.64rem!important;border-radius:17px!important;padding:7px 5px!important;gap:5px!important} #view-agenda .legend-dot{width:15px!important;height:15px!important;min-width:15px!important} #view-agenda .legend-cake{font-size:1.22rem!important} #view-agenda .calendar-weekdays{gap:5px!important} #view-agenda .calendar-weekdays span{min-height:35px!important;font-size:.62rem!important} #view-agenda .calendar-grid{gap:6px!important} #view-agenda .calendar-empty{min-height:59px!important} #view-agenda .calendar-day{min-height:66px!important;border-radius:17px!important;padding:7px!important} #view-agenda .calendar-number{font-size:.97rem!important} #view-agenda .calendar-cakes .cake-only{font-size:1.22rem!important} }