/* La Casita del Árbol · Agenda v1.2.5
   Ajustes finales solicitados: hero completo, botones cartoon reforzados,
   primera semana igual al resto y calendario del mes con más lenguaje cartoon. */

/* ---------- BOTONES SUPERIORES ---------- */
#lcdaPersistentHeader{
  padding:14px 10px 13px!important;
  background:linear-gradient(180deg,#fffef8 0%,#fff9ea 100%)!important;
  border-bottom:1px solid #eadfbd!important;
  box-shadow:0 8px 22px rgba(68,91,42,.12)!important;
}
#lcdaPersistentHeader .lcda-fixed-nav{
  width:100%!important;max-width:none!important;margin:0 auto!important;
  display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:10px!important;
}
#lcdaPersistentHeader .lcda-fixed-nav-agenda,
#lcdaPersistentHeader .lcda-fixed-nav-whatsapp,
#lcdaPersistentHeader .lcda-fixed-nav-share{
  min-height:80px!important;height:80px!important;padding:9px 12px!important;
  border-radius:20px!important;gap:10px!important;justify-content:flex-start!important;
  border-width:2px!important;border-style:solid!important;
  box-shadow:0 6px 0 rgba(92,74,28,.13),0 11px 20px rgba(39,67,33,.12)!important;
  overflow:hidden!important;
}
#lcdaPersistentHeader .lcda-fixed-nav-agenda{
  background:linear-gradient(180deg,#fffdf3 0%,#fff3cc 100%)!important;
  border-color:#efc86d!important;color:#563710!important;
}
#lcdaPersistentHeader .lcda-fixed-nav-whatsapp{
  background:linear-gradient(180deg,#43dc6f 0%,#17b947 100%)!important;
  border-color:#14983c!important;color:#fff!important;
}
#lcdaPersistentHeader .lcda-fixed-nav-share{
  background:linear-gradient(180deg,#73caff 0%,#48a6ed 100%)!important;
  border-color:#328acf!important;color:#fff!important;
}
#lcdaPersistentHeader .lcda-btn-icon{
  width:58px!important;height:58px!important;min-width:58px!important;
  border-radius:17px!important;background:rgba(255,255,255,.72)!important;
  box-shadow:inset 0 0 0 2px rgba(255,255,255,.45),0 4px 8px rgba(29,54,27,.10)!important;
}
#lcdaPersistentHeader .lcda-btn-icon img{width:56px!important;height:56px!important;filter:drop-shadow(0 3px 2px rgba(44,54,26,.18))!important}
#lcdaPersistentHeader .lcda-btn-text{gap:1px!important}
#lcdaPersistentHeader .lcda-btn-text strong{font-size:1.10rem!important;line-height:1.02!important;font-weight:950!important;letter-spacing:-.02em!important}
#lcdaPersistentHeader .lcda-btn-text small{display:none!important}

/* ---------- HERO: árbol entero, nunca cortado ---------- */
#view-agenda .lcda-shared-hero,
#view-reservar .lcda-shared-hero{
  height:282px!important;min-height:282px!important;max-height:282px!important;
  border-radius:27px!important;margin:0 0 16px!important;
  overflow:hidden!important;
  background:
    radial-gradient(circle at 11% 76%,#fff 0 4px,transparent 5px),
    radial-gradient(circle at 18% 86%,#ffcf4e 0 4px,transparent 5px),
    radial-gradient(circle at 28% 79%,#ff8fb3 0 4px,transparent 5px),
    radial-gradient(circle at 84% 84%,#fff 0 4px,transparent 5px),
    linear-gradient(180deg,#a8eaff 0%,#d3f5ff 66%,#9adb4e 66%,#79c83b 100%)!important;
}
#view-agenda .lcda-shared-hero img,
#view-reservar .lcda-shared-hero img{
  width:auto!important;height:98%!important;max-width:61%!important;max-height:98%!important;
  right:2.5%!important;bottom:0!important;top:auto!important;
  object-fit:contain!important;object-position:center bottom!important;
  filter:drop-shadow(0 12px 12px rgba(46,72,28,.16)) saturate(1.12)!important;
}
#view-agenda .lcda-shared-hero::before,
#view-reservar .lcda-shared-hero::before{
  content:""!important;position:absolute!important;z-index:1!important;left:0!important;right:0!important;bottom:0!important;height:34%!important;
  background:
    radial-gradient(ellipse at 15% 95%,rgba(110,188,42,.36) 0 20%,transparent 21%),
    radial-gradient(ellipse at 50% 100%,rgba(122,201,51,.28) 0 28%,transparent 29%),
    linear-gradient(180deg,transparent 0%,rgba(109,190,48,.18) 100%)!important;
  pointer-events:none!important;
}

/* ---------- TARJETA DEL MES ---------- */
#view-agenda .calendar-card{
  position:relative!important;padding:20px 14px 26px!important;
  border:2.5px solid #6eb553!important;border-radius:31px!important;
  background:
    radial-gradient(circle at 6% 17%,#f2a448 0 3px,transparent 4px),
    radial-gradient(circle at 94% 14%,#55bce9 0 3px,transparent 4px),
    radial-gradient(circle at 12% 94%,#ef9ab1 0 3px,transparent 4px),
    radial-gradient(circle at 86% 96%,#f4bd2f 0 3px,transparent 4px),
    linear-gradient(180deg,#fffef8 0%,#fff8e7 100%)!important;
  box-shadow:0 7px 0 #d7e6bd,0 18px 34px rgba(66,88,43,.13)!important;
}
#view-agenda .cartoon-month-toolbar{
  grid-template-columns:58px minmax(0,1fr) 58px!important;gap:10px!important;
  align-items:center!important;margin:0 0 11px!important;
}
#view-agenda .month-sign{
  min-height:76px!important;padding:10px 17px!important;border-radius:17px!important;
  border:2px solid #b87925!important;
  background:
    repeating-linear-gradient(0deg,rgba(137,86,27,.06) 0 1px,transparent 1px 10px),
    linear-gradient(180deg,#ffe5a0 0%,#ffd780 48%,#f7c35e 100%)!important;
  box-shadow:inset 0 2px 0 rgba(255,255,255,.65),0 6px 0 #a86b21,0 10px 17px rgba(99,67,28,.17)!important;
}
#view-agenda .month-sign:before,#view-agenda .month-sign:after{
  content:""!important;position:absolute!important;left:12px!important;right:12px!important;height:1px!important;background:rgba(151,91,24,.18)!important;
}
#view-agenda .month-sign:before{top:25px!important}#view-agenda .month-sign:after{bottom:21px!important}
#view-agenda .month-sign strong{
  font-size:1.78rem!important;font-weight:950!important;color:#17632b!important;
  text-shadow:0 2px 0 rgba(255,255,255,.52)!important;letter-spacing:-.025em!important;
}
#view-agenda .month-leaf{font-size:1.20rem!important;filter:saturate(1.15)!important}
#view-agenda .calendar-nav{
  width:56px!important;height:56px!important;border-radius:20px!important;
  border:2px solid #ead5a7!important;background:linear-gradient(180deg,#fffef6,#fff3d3)!important;
  color:#14743b!important;font-size:2rem!important;font-weight:950!important;
  box-shadow:0 5px 0 #d6b66d,0 9px 14px rgba(95,75,35,.13)!important;
}
#view-agenda .calendar-nav.disabled{opacity:.38!important}

/* Estado de actualización */
#view-agenda .agenda-sync-row{margin:0 0 12px!important}
#view-agenda .agenda-sync-row span{
  min-height:38px!important;padding:7px 14px!important;border-radius:999px!important;
  background:#fffaf0!important;border:1px solid #ecdcb6!important;color:#725b39!important;
  box-shadow:0 3px 8px rgba(84,70,39,.07)!important;font-size:.72rem!important;
}

/* Leyenda en tres tarjetas cartoon */
#view-agenda .calendar-legend{
  display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:9px!important;
  padding:0!important;margin:0 0 12px!important;background:transparent!important;border:0!important;
}
#view-agenda .calendar-legend>span{
  min-height:52px!important;padding:8px 6px!important;border-radius:17px!important;
  display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;
  font-size:.71rem!important;font-weight:850!important;box-shadow:0 4px 9px rgba(70,67,42,.07)!important;
}
#view-agenda .legend-card-available{background:#eff9e8!important;border:1.5px solid #cfe6be!important;color:#1e6634!important}
#view-agenda .legend-card-blocked{background:#fff0ee!important;border:1.5px solid #f1ccc8!important;color:#8b3734!important}
#view-agenda .legend-card-birthday{background:#fff8dc!important;border:1.5px solid #efdca0!important;color:#715d1f!important}
#view-agenda .legend-dot{width:15px!important;height:15px!important;box-shadow:0 0 0 4px rgba(255,255,255,.55)!important}
#view-agenda .legend-cake{font-size:1.25rem!important}

/* Días de semana discretos y cartoon, no una barra grande */
#view-agenda .calendar-weekdays{
  display:grid!important;grid-template-columns:repeat(7,minmax(0,1fr))!important;gap:8px!important;
  padding:0 4px!important;margin:0 0 8px!important;background:transparent!important;border:0!important;
}
#view-agenda .calendar-weekdays span{
  min-height:28px!important;padding:4px 1px!important;border:0!important;border-radius:0!important;background:transparent!important;
  display:grid!important;place-items:center!important;color:#17622d!important;font-size:.74rem!important;font-weight:950!important;
  box-shadow:none!important;
}

/* TODAS las semanas exactamente con la misma altura */
#view-agenda .calendar-grid{
  display:grid!important;grid-template-columns:repeat(7,minmax(0,1fr))!important;
  grid-auto-rows:64px!important;gap:8px!important;align-items:stretch!important;
}
#view-agenda .calendar-empty,
#view-agenda .calendar-day{
  min-height:64px!important;height:64px!important;max-height:64px!important;box-sizing:border-box!important;align-self:stretch!important;
}
#view-agenda .calendar-empty{visibility:hidden!important;margin:0!important;padding:0!important}
#view-agenda .calendar-day{
  position:relative!important;border-radius:17px!important;padding:8px 9px!important;
  border:1.5px solid #ead7b7!important;
  background:linear-gradient(180deg,#fffef8 0%,#fff9ea 100%)!important;
  box-shadow:0 4px 0 #e2c99e,0 7px 11px rgba(73,65,42,.07)!important;
  color:#273426!important;text-decoration:none!important;
}
#view-agenda .calendar-day.past{
  background:linear-gradient(180deg,#fff8f4 0%,#fdf0eb 100%)!important;
  border-color:#efd9d1!important;color:#978f87!important;box-shadow:0 4px 0 #ead7cf,0 7px 11px rgba(73,65,42,.05)!important;
}
#view-agenda .calendar-number{font-size:1.02rem!important;font-weight:950!important;line-height:1!important}
#view-agenda .calendar-status{width:9px!important;height:9px!important;left:9px!important;bottom:8px!important}
#view-agenda .calendar-cakes{right:5px!important;bottom:3px!important}
#view-agenda .calendar-cakes .cake-only{font-size:1.25rem!important;filter:drop-shadow(0 2px 1px rgba(80,55,20,.12))!important}
#view-agenda .calendar-day.selected{
  background:linear-gradient(155deg,#48dc5c 0%,#15b737 58%,#079a29 100%)!important;
  border:3px solid #0b8d2a!important;outline:3px solid #fff!important;outline-offset:-6px!important;
  color:#fff!important;box-shadow:0 5px 0 #087b24,0 10px 18px rgba(16,132,46,.24)!important;
  transform:translateY(-1px)!important;
}
#view-agenda .calendar-day.selected:after{
  content:"✦"!important;position:absolute!important;right:-7px!important;top:-11px!important;color:#f7b529!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-day.selected .calendar-status{box-shadow:0 0 0 2px #fff!important}

#view-agenda .calendar-bottom-garden{
  min-height:34px!important;margin-top:9px!important;padding:0 8px!important;
  display:flex!important;justify-content:space-between!important;align-items:flex-end!important;
  font-size:1.15rem!important;opacity:.95!important;
}

/* Ajuste al móvil real del usuario, que puede reportar viewport CSS ancho */
@media(max-width:1100px){
  #lcdaPersistentHeader .lcda-fixed-nav-agenda,
  #lcdaPersistentHeader .lcda-fixed-nav-whatsapp,
  #lcdaPersistentHeader .lcda-fixed-nav-share{min-height:78px!important;height:78px!important;padding:8px 10px!important}
  #lcdaPersistentHeader .lcda-btn-icon{width:54px!important;height:54px!important;min-width:54px!important}
  #lcdaPersistentHeader .lcda-btn-icon img{width:52px!important;height:52px!important}
  #lcdaPersistentHeader .lcda-btn-text strong{font-size:1.02rem!important}
  #view-agenda .lcda-shared-hero,#view-reservar .lcda-shared-hero{height:268px!important;min-height:268px!important;max-height:268px!important}
  #view-agenda .lcda-shared-hero img,#view-reservar .lcda-shared-hero img{height:96%!important;max-height:96%!important;max-width:60%!important}
  #view-agenda .calendar-grid{grid-auto-rows:62px!important;gap:7px!important}
  #view-agenda .calendar-empty,#view-agenda .calendar-day{height:62px!important;min-height:62px!important;max-height:62px!important}
}
@media(max-width:520px){
  #lcdaPersistentHeader{padding:10px 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:67px!important;height:67px!important;padding:6px 7px!important;border-radius:17px!important;gap:6px!important}
  #lcdaPersistentHeader .lcda-btn-icon{width:45px!important;height:45px!important;min-width:45px!important;border-radius:13px!important}
  #lcdaPersistentHeader .lcda-btn-icon img{width:43px!important;height:43px!important}
  #lcdaPersistentHeader .lcda-btn-text strong{font-size:.83rem!important}
  #view-agenda .lcda-shared-hero,#view-reservar .lcda-shared-hero{height:230px!important;min-height:230px!important;max-height:230px!important}
  #view-agenda .calendar-card{padding:16px 10px 21px!important;border-radius:27px!important}
  #view-agenda .cartoon-month-toolbar{grid-template-columns:48px minmax(0,1fr) 48px!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:65px!important;padding:8px 11px!important}
  #view-agenda .month-sign strong{font-size:1.45rem!important}
  #view-agenda .calendar-legend{gap:6px!important}
  #view-agenda .calendar-legend>span{min-height:46px!important;font-size:.60rem!important;gap:5px!important;padding:6px 3px!important}
  #view-agenda .calendar-weekdays{gap:5px!important}
  #view-agenda .calendar-weekdays span{font-size:.63rem!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:14px!important;padding:6px 7px!important;box-shadow:0 3px 0 #e2c99e,0 5px 8px rgba(73,65,42,.06)!important}
  #view-agenda .calendar-number{font-size:.87rem!important}
  #view-agenda .calendar-cakes .cake-only{font-size:1.05rem!important}
}