/* v1.2.2 candidate — refuerzo cartoon fiel al mockup aprobado */

/* HEADER: tres botones grandes tipo tarjeta ilustrada */
#lcdaPersistentHeader{padding:15px 0 14px!important;background:linear-gradient(180deg,#fffef7 0%,#fff8e9 100%)!important}
#lcdaPersistentHeader .lcda-fixed-nav{width:calc(100% - 18px)!important;gap:8px!important;grid-template-columns:repeat(3,minmax(0,1fr))!important}
#lcdaPersistentHeader .lcda-fixed-nav-agenda,
#lcdaPersistentHeader .lcda-fixed-nav-whatsapp,
#lcdaPersistentHeader .lcda-fixed-nav-share{
  min-height:78px!important;padding:8px 8px!important;border-radius:20px!important;gap:7px!important;
  border-width:2px!important;box-shadow:0 6px 0 rgba(98,74,36,.13),0 12px 20px rgba(59,75,40,.12)!important;
}
#lcdaPersistentHeader .lcda-btn-icon{width:46px!important;height:46px!important;min-width:46px!important;border-radius:14px!important;padding:2px!important}
#lcdaPersistentHeader .lcda-btn-icon img{width:43px!important;height:43px!important}
#lcdaPersistentHeader .lcda-btn-text strong{font-size:.84rem!important;font-weight:1000!important;line-height:1.02!important}
#lcdaPersistentHeader .lcda-btn-text small{font-size:.54rem!important;line-height:1.06!important;font-weight:780!important}

/* HERO: más paisaje, más profundidad */
#view-agenda .lcda-shared-hero{height:250px!important;min-height:250px!important;border-radius:28px!important;box-shadow:0 7px 0 #dcecc9,0 17px 30px rgba(54,82,42,.12)!important}
#view-agenda .lcda-shared-hero:before{
  content:""!important;position:absolute!important;left:-4%!important;right:-4%!important;bottom:0!important;height:38%!important;z-index:1!important;
  background:
    radial-gradient(95% 70% at 18% 100%,#a8df59 0 56%,transparent 57%),
    radial-gradient(95% 76% at 82% 110%,#8fd045 0 58%,transparent 59%),
    linear-gradient(180deg,transparent 0 42%,#8fd045 43% 100%)!important;
  pointer-events:none!important;
}
#view-agenda .lcda-shared-hero img{z-index:5!important;right:3%!important;bottom:-1%!important;width:58%!important;max-width:none!important}

/* TARJETA CALENDARIO: mayor presencia y acabado ilustrado */
#view-agenda .calendar-card{
  position:relative!important;padding:18px 12px 21px!important;border:2.5px solid #88c269!important;border-radius:34px!important;
  background:
    radial-gradient(circle at 5% 18%,#f5a64d 0 2px,transparent 3px),
    radial-gradient(circle at 95% 18%,#f7c529 0 2px,transparent 3px),
    radial-gradient(circle at 7% 82%,#ec86a8 0 3px,transparent 4px),
    radial-gradient(circle at 92% 83%,#79b95e 0 3px,transparent 4px),
    linear-gradient(180deg,#fffdf4 0%,#fff8e8 100%)!important;
  box-shadow:0 7px 0 #d4e7c1,0 17px 30px rgba(61,83,44,.14)!important;
  overflow:visible!important;
}
#view-agenda .calendar-card:before{content:"✦"!important;position:absolute!important;left:9px!important;top:91px!important;color:#42b5e3!important;font-size:1.2rem!important;opacity:1!important}
#view-agenda .calendar-card:after{content:"🌿🌸"!important;position:absolute!important;right:5px!important;bottom:2px!important;font-size:1.55rem!important;opacity:1!important;transform:rotate(-6deg)!important}

/* CARTEL DEL MES: realmente de madera */
#view-agenda .calendar-toolbar{grid-template-columns:56px 1fr 56px!important;margin:0 0 14px!important;gap:8px!important}
#view-agenda .calendar-toolbar strong{
  position:relative!important;display:block!important;min-width:0!important;width:100%!important;max-width:245px!important;margin:0 auto!important;
  padding:14px 12px 15px!important;border:2px solid #c5862b!important;border-radius:13px!important;
  background:
    linear-gradient(90deg,rgba(157,100,30,.10) 0 1px,transparent 1px 25%,rgba(157,100,30,.08) 25% 26%,transparent 26% 73%,rgba(157,100,30,.08) 73% 74%,transparent 74%),
    repeating-linear-gradient(0deg,#fff1bd 0 11px,#f9dfa1 12px 13px)!important;
  color:#176326!important;font-size:1.58rem!important;font-weight:1000!important;letter-spacing:-.02em!important;
  box-shadow:0 5px 0 #b97624,0 10px 18px rgba(108,72,31,.18)!important;
}
#view-agenda .calendar-toolbar strong:before{content:"🌿"!important;position:absolute!important;left:-20px!important;top:50%!important;transform:translateY(-50%) rotate(-22deg)!important;font-size:1.2rem!important}
#view-agenda .calendar-toolbar strong:after{content:"🌿"!important;position:absolute!important;right:-20px!important;top:50%!important;transform:translateY(-50%) scaleX(-1) rotate(-22deg)!important;font-size:1.2rem!important}
#view-agenda .calendar-nav{
  width:52px!important;height:52px!important;border-radius:18px!important;border:2px solid #e4be68!important;
  background:linear-gradient(180deg,#fffdf7 0%,#ffebba 100%)!important;color:#13752b!important;
  box-shadow:0 5px 0 #d2a64f,0 9px 15px rgba(113,79,35,.14)!important;font-size:2rem!important;font-weight:1000!important;
}

/* ETIQUETA DE ACTUALIZACIÓN */
#view-agenda .agenda-sync-row{margin:0 0 11px!important}
#view-agenda .agenda-sync-row span{min-height:36px!important;padding:7px 14px!important;font-size:.68rem!important;border:1.5px solid #e6d2a4!important;background:#fff8e5!important;box-shadow:0 3px 0 rgba(187,145,63,.10)!important}
#view-agenda .agenda-sync-row span:before{content:"✦"!important;color:#43b5e4!important;margin-right:8px!important;font-size:.95rem!important}

/* LEYENDA: tarjetas pastel grandes, no una línea técnica */
#view-agenda .calendar-legend{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important;padding:3px 0 12px!important}
#view-agenda .calendar-legend>span{min-height:45px!important;padding:7px 5px!important;border-radius:16px!important;font-size:.68rem!important;font-weight:950!important;box-shadow:0 4px 0 rgba(112,83,45,.08),0 7px 12px rgba(74,70,44,.06)!important}
#view-agenda .calendar-legend>span:nth-child(1){background:#eef8e4!important;border:1.5px solid #c9dfaf!important}
#view-agenda .calendar-legend>span:nth-child(2){background:#fff0ed!important;border:1.5px solid #efc6c0!important}
#view-agenda .calendar-legend>span:nth-child(3){background:#fff8dc!important;border:1.5px solid #ecd17f!important}
#view-agenda .legend-dot{width:15px!important;height:15px!important}
#view-agenda .calendar-legend b{font-size:1.12rem!important}

/* DÍAS SEMANA: grandes y más legibles */
#view-agenda .calendar-weekdays{gap:6px!important;margin:2px 0 11px!important;background:transparent!important;border:0!important;padding:0!important}
#view-agenda .calendar-weekdays span{min-height:34px!important;border-radius:999px!important;background:linear-gradient(180deg,#6ac853 0%,#32963a 100%)!important;border:1px solid #26842f!important;color:#fff!important;box-shadow:inset 0 -2px 0 rgba(0,0,0,.10),0 3px 0 rgba(38,116,47,.12)!important;font-size:.67rem!important;font-weight:1000!important}

/* HUECOS DEL MES CON DECORACIÓN, como el mockup */
#view-agenda .calendar-empty{display:grid!important;place-items:center!important;min-height:52px!important;color:#ed96ad!important;font-size:1rem!important}
#view-agenda .calendar-empty:nth-child(1):after{content:"✦";color:#ef9a45}
#view-agenda .calendar-empty:nth-child(2):after{content:"✿";color:#f2a2b7}
#view-agenda .calendar-empty:nth-child(3):after{content:"✤";color:#c7d65c}
#view-agenda .calendar-empty:nth-child(4):after{content:"✿";color:#ef8fa9}
#view-agenda .calendar-empty:nth-child(5):after{content:""}

/* CELDAS: más volumen, más crema, borde cálido */
#view-agenda .calendar-grid{gap:6px!important}
#view-agenda .calendar-day{min-height:58px!important;padding:7px!important;border-radius:15px!important;background:linear-gradient(180deg,#fffef7 0%,#fff3d7 100%)!important;border:1.5px solid #e4c58e!important;box-shadow:0 4px 0 #ead5b0,0 7px 11px rgba(74,69,44,.07)!important;transition:transform .12s ease!important}
#view-agenda .calendar-day:not(.past):active{transform:translateY(2px)!important;box-shadow:0 2px 0 #ead5b0,0 4px 7px rgba(74,69,44,.06)!important}
#view-agenda .calendar-day.past{background:linear-gradient(180deg,#faf7ef 0%,#f2ede3 100%)!important;border-color:#e5ddd0!important;opacity:.64!important;box-shadow:0 3px 0 #e7dfd3!important}
#view-agenda .calendar-number{font-size:.93rem!important;font-weight:1000!important;color:#243728!important}
#view-agenda .calendar-status{width:9px!important;height:9px!important;left:7px!important;bottom:7px!important;border:1.5px solid rgba(255,255,255,.8)!important;box-sizing:border-box!important}
#view-agenda .calendar-cakes{right:4px!important;bottom:3px!important}
#view-agenda .calendar-cakes .cake-only{font-size:1.2rem!important;filter:drop-shadow(0 1px 0 rgba(255,255,255,.8))!important}

/* SELECCIÓN: botón juguete verde con aro blanco y rayos */
#view-agenda .calendar-day.selected{background:linear-gradient(180deg,#58de62 0%,#22a63a 100%)!important;border:3px solid #fff!important;outline:3px solid #3bbf4b!important;box-shadow:0 5px 0 #19832c,0 10px 17px rgba(30,126,45,.22)!important;color:#fff!important}
#view-agenda .calendar-day.selected .calendar-number{color:#fff!important;font-size:1.04rem!important}
#view-agenda .calendar-day.selected:before{content:""!important;position:absolute!important;inset:-9px!important;border-radius:22px!important;pointer-events:none!important;background:conic-gradient(from 10deg,transparent 0 7%,#f2b82d 7% 9%,transparent 9% 18%,#f2b82d 18% 20%,transparent 20% 100%)!important;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0)!important;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0)!important;padding:6px!important;-webkit-mask-composite:xor!important;mask-composite:exclude!important}
#view-agenda .calendar-day.selected:after{content:"✦"!important;position:absolute!important;right:-4px!important;top:-10px!important;color:#f3b52c!important;font-size:1.05rem!important}

/* En móvil no simplificar la estética */
@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:76px!important;padding:7px 5px!important;border-radius:19px!important}
  #lcdaPersistentHeader .lcda-btn-icon{width:43px!important;height:43px!important;min-width:43px!important}
  #lcdaPersistentHeader .lcda-btn-icon img{width:41px!important;height:41px!important}
  #lcdaPersistentHeader .lcda-btn-text strong{font-size:.79rem!important}
  #lcdaPersistentHeader .lcda-btn-text small{font-size:.51rem!important}
  #view-agenda .calendar-card{padding:17px 10px 20px!important;border-radius:31px!important}
  #view-agenda .calendar-toolbar{grid-template-columns:52px 1fr 52px!important}
  #view-agenda .calendar-toolbar strong{font-size:1.52rem!important;max-width:245px!important;padding:13px 10px 14px!important}
  #view-agenda .calendar-nav{width:50px!important;height:50px!important;font-size:1.95rem!important}
  #view-agenda .agenda-sync-row span{font-size:.65rem!important;min-height:35px!important}
  #view-agenda .calendar-legend>span{min-height:44px!important;font-size:.63rem!important;border-radius:15px!important}
  #view-agenda .calendar-weekdays span{min-height:32px!important;font-size:.62rem!important}
  #view-agenda .calendar-empty{min-height:53px!important}
  #view-agenda .calendar-day{min-height:58px!important;border-radius:15px!important;padding:7px!important}
  #view-agenda .calendar-number{font-size:.92rem!important}
  #view-agenda .calendar-cakes .cake-only{font-size:1.16rem!important}
}