/* La Casita del Árbol · v1.2.6 · capa visual final
   Solo visual: header + calendario cartoon. No modifica lógica ni reservas. */

/* HEADER: tres botones cartoon con assets renombrados para romper caché */
#lcdaPersistentHeader{
  padding:12px 10px 13px!important;
  background:linear-gradient(180deg,#fffdf7 0%,#fff6df 100%)!important;
  border-bottom:2px solid #ead5a4!important;
  box-shadow:0 7px 0 rgba(202,176,107,.20),0 14px 28px rgba(73,92,48,.12)!important;
}
#lcdaPersistentHeader .lcda-fixed-nav{
  width:100%!important;max-width:980px!important;margin:0 auto!important;
  display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:9px!important;
}
#lcdaPersistentHeader .lcda-fixed-nav-agenda,
#lcdaPersistentHeader .lcda-fixed-nav-whatsapp,
#lcdaPersistentHeader .lcda-fixed-nav-share{
  position:relative!important;isolation:isolate!important;
  min-height:86px!important;height:86px!important;padding:9px 12px!important;
  border-radius:24px!important;gap:10px!important;justify-content:flex-start!important;
  border:2px solid!important;overflow:hidden!important;
  box-shadow:0 6px 0 rgba(80,61,23,.16),0 12px 20px rgba(42,69,37,.12),inset 0 2px 0 rgba(255,255,255,.72)!important;
  transform:translateZ(0)!important;
}
#lcdaPersistentHeader .lcda-fixed-nav-agenda:after,
#lcdaPersistentHeader .lcda-fixed-nav-whatsapp:after,
#lcdaPersistentHeader .lcda-fixed-nav-share:after{
  content:"";position:absolute;z-index:-1;right:-18px;top:-25px;width:70px;height:70px;border-radius:50%;background:rgba(255,255,255,.18);
}
#lcdaPersistentHeader .lcda-fixed-nav-agenda{
  background:linear-gradient(180deg,#fffdf2 0%,#ffefb7 100%)!important;border-color:#e4b849!important;color:#5b3a11!important;
}
#lcdaPersistentHeader .lcda-fixed-nav-whatsapp{
  background:linear-gradient(180deg,#57e583 0%,#16b946 100%)!important;border-color:#0e9237!important;color:#fff!important;
}
#lcdaPersistentHeader .lcda-fixed-nav-share{
  background:linear-gradient(180deg,#83d4ff 0%,#389ae5 100%)!important;border-color:#2b7ec0!important;color:#fff!important;
}
#lcdaPersistentHeader .lcda-btn-icon{
  width:62px!important;height:62px!important;min-width:62px!important;border-radius:19px!important;
  display:grid!important;place-items:center!important;background:rgba(255,255,255,.88)!important;
  border:2px solid rgba(255,255,255,.8)!important;
  box-shadow:0 4px 0 rgba(67,61,30,.10),0 7px 10px rgba(33,52,29,.10)!important;
}
#lcdaPersistentHeader .lcda-btn-icon img{width:59px!important;height:59px!important;object-fit:contain!important;filter:drop-shadow(0 3px 2px rgba(49,52,28,.16)) saturate(1.12)!important}
#lcdaPersistentHeader .lcda-btn-text{display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;gap:3px!important;min-width:0!important}
#lcdaPersistentHeader .lcda-btn-text strong{font-size:1.08rem!important;font-weight:950!important;line-height:1!important;letter-spacing:-.025em!important;white-space:normal!important}
#lcdaPersistentHeader .lcda-btn-text small{display:block!important;font-size:.67rem!important;line-height:1.05!important;font-weight:800!important;opacity:.88!important;white-space:normal!important}

/* HERO: conserva el aprobado, evita cortes */
#view-agenda .lcda-shared-hero,#view-reservar .lcda-shared-hero{overflow:hidden!important;border-radius:28px!important;box-shadow:0 7px 0 #b6d992,0 18px 30px rgba(54,83,40,.12)!important}
#view-agenda .lcda-shared-hero img,#view-reservar .lcda-shared-hero img{height:96%!important;max-height:96%!important;width:auto!important;max-width:61%!important;right:2%!important;bottom:0!important;object-fit:contain!important}

/* TARJETA DEL CALENDARIO */
#view-agenda .calendar-card{
  position:relative!important;overflow:visible!important;padding:22px 14px 27px!important;
  border:3px solid #65aa45!important;border-radius:32px!important;
  background:
    radial-gradient(circle at 4% 10%,#ffb64d 0 3px,transparent 4px),
    radial-gradient(circle at 96% 12%,#6cc9ee 0 3px,transparent 4px),
    radial-gradient(circle at 6% 88%,#f795b0 0 3px,transparent 4px),
    radial-gradient(circle at 93% 92%,#ffd24b 0 3px,transparent 4px),
    linear-gradient(180deg,#fffdf5 0%,#fff5dd 100%)!important;
  box-shadow:0 8px 0 #c6dc9d,0 18px 32px rgba(66,91,43,.15)!important;
}
#view-agenda .calendar-card:before{
  content:"";position:absolute;left:10px;right:10px;top:8px;height:12px;border-radius:999px;background:rgba(255,255,255,.58);filter:blur(.2px);pointer-events:none;
}

/* CARTEL DEL MES: madera cartoon realzada */
#view-agenda .cartoon-month-toolbar{grid-template-columns:60px minmax(0,1fr) 60px!important;gap:11px!important;align-items:center!important;margin:0 0 12px!important}
#view-agenda .month-sign{
  position:relative!important;min-height:84px!important;padding:10px 20px!important;border-radius:19px!important;
  border:3px solid #9f6220!important;overflow:hidden!important;
  background:
    radial-gradient(ellipse at 18% 25%,rgba(137,78,20,.16) 0 7px,transparent 8px),
    radial-gradient(ellipse at 82% 70%,rgba(137,78,20,.13) 0 9px,transparent 10px),
    repeating-linear-gradient(0deg,rgba(125,73,20,.09) 0 2px,transparent 2px 13px),
    linear-gradient(180deg,#ffe59b 0%,#ffd174 52%,#efb44f 100%)!important;
  box-shadow:inset 0 3px 0 rgba(255,255,255,.58),inset 0 -3px 0 rgba(137,79,20,.16),0 7px 0 #875016,0 12px 18px rgba(91,59,25,.18)!important;
  transform:rotate(-.3deg)!important;
}
#view-agenda .month-sign:before,#view-agenda .month-sign:after{content:""!important;position:absolute!important;left:12px!important;right:12px!important;height:2px!important;background:rgba(122,70,18,.13)!important;border-radius:999px!important}
#view-agenda .month-sign:before{top:27px!important}#view-agenda .month-sign:after{bottom:23px!important}
#view-agenda .month-sign strong{font-size:1.92rem!important;font-weight:1000!important;color:#17632c!important;line-height:1!important;text-shadow:0 2px 0 rgba(255,255,255,.62),0 3px 0 rgba(54,95,31,.08)!important;letter-spacing:-.035em!important}
#view-agenda .month-leaf{font-size:1.35rem!important;filter:drop-shadow(0 2px 1px rgba(46,77,28,.12)) saturate(1.2)!important}
#view-agenda .month-peg{width:11px!important;height:11px!important;background:#86521d!important;border:2px solid #5c3510!important;box-shadow:inset 0 2px 1px rgba(255,255,255,.28)!important}

#view-agenda .calendar-nav{
  width:58px!important;height:58px!important;border-radius:21px!important;border:3px solid #e4c37c!important;
  background:linear-gradient(180deg,#fffef8 0%,#ffefc4 100%)!important;color:#0f773a!important;
  font-size:2.1rem!important;font-weight:1000!important;box-shadow:0 6px 0 #c49b4f,0 11px 16px rgba(84,65,31,.14),inset 0 2px 0 #fff!important;
}

/* Estado y leyenda */
#view-agenda .agenda-sync-row span{border:1.5px solid #e7d5aa!important;background:#fffaf0!important;box-shadow:0 3px 0 #eadab3!important;font-weight:750!important}
#view-agenda .calendar-legend{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;margin:0 0 12px!important}
#view-agenda .calendar-legend>span{min-height:50px!important;border-radius:17px!important;border-width:2px!important;box-shadow:0 4px 0 rgba(100,88,52,.09)!important;font-weight:900!important}

/* DÍAS DE LA SEMANA: compactos pero cartoon */
#view-agenda .calendar-weekdays{display:grid!important;grid-template-columns:repeat(7,minmax(0,1fr))!important;gap:6px!important;padding:0 1px!important;margin:0 0 8px!important}
#view-agenda .calendar-weekdays span{
  min-height:29px!important;height:29px!important;padding:3px 1px!important;border-radius:10px!important;
  display:grid!important;place-items:center!important;background:linear-gradient(180deg,#73c85d,#4aa940)!important;
  border:1.5px solid #358c31!important;color:#fff!important;font-size:.70rem!important;font-weight:950!important;
  box-shadow:0 3px 0 #2f7e2d,0 5px 8px rgba(48,92,38,.10)!important;text-shadow:0 1px 0 rgba(0,0,0,.08)!important;
}

/* CELDAS tipo fichas de juguete */
#view-agenda .calendar-grid{display:grid!important;grid-template-columns:repeat(7,minmax(0,1fr))!important;grid-auto-rows:64px!important;gap:7px!important}
#view-agenda .calendar-empty,#view-agenda .calendar-day{height:64px!important;min-height:64px!important;max-height:64px!important;box-sizing:border-box!important}
#view-agenda .calendar-day{
  border-radius:17px!important;border:2px solid #e0c394!important;padding:8px 9px!important;
  background:linear-gradient(180deg,#fffdf5 0%,#fff2d4 100%)!important;
  box-shadow:0 5px 0 #d0ab70,0 8px 12px rgba(76,63,38,.08),inset 0 2px 0 #fff!important;
  color:#31412c!important;
}
#view-agenda .calendar-day.past{background:linear-gradient(180deg,#fff8f5,#f9e8e1)!important;border-color:#e4c7be!important;box-shadow:0 5px 0 #d7bbb1,0 8px 12px rgba(76,63,38,.05)!important;color:#998e87!important}
#view-agenda .calendar-number{font-size:1.02rem!important;font-weight:1000!important;line-height:1!important}
#view-agenda .calendar-status{width:10px!important;height:10px!important;left:9px!important;bottom:8px!important;box-shadow:0 0 0 2px rgba(255,255,255,.75)!important}
#view-agenda .calendar-cakes{right:5px!important;bottom:2px!important}.calendar-cakes .cake-only{font-size:1.28rem!important;filter:drop-shadow(0 2px 1px rgba(68,46,20,.15))!important}
#view-agenda .calendar-day.selected{
  background:linear-gradient(145deg,#55e76a 0%,#18bd3b 56%,#079b2b 100%)!important;
  border:3px solid #087e25!important;outline:3px solid #fff!important;outline-offset:-7px!important;color:#fff!important;
  box-shadow:0 6px 0 #087624,0 11px 18px rgba(11,125,43,.25),inset 0 2px 0 rgba(255,255,255,.28)!important;transform:translateY(-1px)!important;
}
#view-agenda .calendar-day.selected:before{content:"✦";position:absolute;left:-7px;bottom:-8px;color:#ffd443;font-size:1rem;text-shadow:0 1px 0 #fff}
#view-agenda .calendar-day.selected:after{content:"✦"!important;position:absolute!important;right:-7px!important;top:-10px!important;color:#ffb62d!important;font-size:1.15rem!important;text-shadow:0 1px 0 #fff!important}
#view-agenda .calendar-day.selected .calendar-number{font-size:1.17rem!important;color:#fff!important}

#view-agenda .calendar-bottom-garden{min-height:38px!important;margin-top:10px!important;padding:0 5px!important;font-size:1.28rem!important;filter:saturate(1.2)!important}
#view-agenda .calendar-garden-decor{font-size:1.35rem!important;filter:drop-shadow(0 2px 1px rgba(60,70,35,.08))!important}

@media(max-width:620px){
  #lcdaPersistentHeader{padding:9px 7px 10px!important}
  #lcdaPersistentHeader .lcda-fixed-nav{gap:6px!important}
  #lcdaPersistentHeader .lcda-fixed-nav-agenda,#lcdaPersistentHeader .lcda-fixed-nav-whatsapp,#lcdaPersistentHeader .lcda-fixed-nav-share{min-height:72px!important;height:72px!important;padding:6px 7px!important;border-radius:18px!important;gap:6px!important}
  #lcdaPersistentHeader .lcda-btn-icon{width:47px!important;height:47px!important;min-width:47px!important;border-radius:14px!important}
  #lcdaPersistentHeader .lcda-btn-icon img{width:45px!important;height:45px!important}
  #lcdaPersistentHeader .lcda-btn-text strong{font-size:.82rem!important}.lcda-btn-text small{display:none!important}
  #view-agenda .calendar-card{padding:17px 9px 22px!important;border-radius:28px!important}
  #view-agenda .cartoon-month-toolbar{grid-template-columns:47px minmax(0,1fr) 47px!important;gap:7px!important}
  #view-agenda .calendar-nav{width:47px!important;height:47px!important;border-radius:17px!important;font-size:1.75rem!important}
  #view-agenda .month-sign{min-height:68px!important;padding:8px 10px!important;border-radius:16px!important}
  #view-agenda .month-sign strong{font-size:1.46rem!important}.month-leaf{font-size:1rem!important}
  #view-agenda .calendar-legend{gap:5px!important}.calendar-legend>span{min-height:44px!important;padding:5px 3px!important;font-size:.59rem!important}
  #view-agenda .calendar-weekdays{gap:4px!important}.calendar-weekdays span{height:25px!important;min-height:25px!important;border-radius:8px!important;font-size:.61rem!important}
  #view-agenda .calendar-grid{grid-auto-rows:52px!important;gap:5px!important}
  #view-agenda .calendar-empty,#view-agenda .calendar-day{height:52px!important;min-height:52px!important;max-height:52px!important}
  #view-agenda .calendar-day{border-radius:13px!important;padding:6px 7px!important;border-width:1.5px!important;box-shadow:0 3px 0 #d0ab70,0 5px 8px rgba(76,63,38,.07)!important}
  #view-agenda .calendar-number{font-size:.87rem!important}.calendar-cakes .cake-only{font-size:1.02rem!important}
}