/* La Casita del Árbol · Visual cartoon v1.2.0
   Solo estética. Mantiene lógica, disponibilidad, Stripe, SMTP y PWA. */

:root{
  --lcda-cream:#fffaf0;
  --lcda-cream-2:#fff4d8;
  --lcda-ink:#19472b;
  --lcda-green:#2da342;
  --lcda-green-dark:#176326;
  --lcda-yellow:#f7c94b;
  --lcda-blue:#63b4f6;
  --lcda-red:#e75151;
  --lcda-shadow:0 12px 26px rgba(70,79,42,.13);
}

/* =====================================================
   BOTONES SUPERIORES: 3 CARTOON, MISMA IMPORTANCIA
   Agenda crema/amarillo · WhatsApp verde · Compartir azul
   ===================================================== */
#lcdaPersistentHeader{
  background:linear-gradient(180deg,#fffef9 0%,#fff7e8 100%)!important;
  padding:14px 0 13px!important;
  border-bottom:1px solid #eddcb8!important;
  box-shadow:0 7px 20px rgba(63,76,39,.10)!important;
}
#lcdaPersistentHeader .lcda-fixed-nav{
  width:calc(100% - 24px)!important;max-width:980px!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-width:0!important;min-height:72px!important;padding:8px 10px!important;margin:0!important;
  display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:10px!important;
  border-radius:21px!important;border:2px solid rgba(117,85,35,.18)!important;
  box-shadow:0 8px 0 rgba(104,76,32,.09),0 13px 24px rgba(63,76,39,.13)!important;
  transform:none!important;box-sizing:border-box!important;text-decoration:none!important;
}
#lcdaPersistentHeader .lcda-fixed-nav-agenda{
  background:linear-gradient(180deg,#fffef7 0%,#fff2c7 100%)!important;
  color:#3d321b!important;border-color:#efcf77!important;
}
#lcdaPersistentHeader .lcda-fixed-nav-whatsapp{
  background:linear-gradient(180deg,#48db72 0%,#1cad4a 100%)!important;
  color:#fff!important;border-color:#13963b!important;
}
#lcdaPersistentHeader .lcda-fixed-nav-share{
  background:linear-gradient(180deg,#79c8ff 0%,#4a9ee7 100%)!important;
  color:#fff!important;border-color:#3788ce!important;
}
#lcdaPersistentHeader .lcda-btn-icon{
  width:52px!important;height:52px!important;min-width:52px!important;padding:2px!important;border-radius:16px!important;
  display:grid!important;place-items:center!important;background:rgba(255,255,255,.62)!important;
  box-shadow:inset 0 -2px 0 rgba(255,255,255,.7),0 3px 8px rgba(47,66,34,.08)!important;
}
#lcdaPersistentHeader .lcda-btn-icon img{width:47px!important;height:47px!important;object-fit:contain!important;display:block!important}
#lcdaPersistentHeader .lcda-btn-text{min-width:0!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:4px!important}
#lcdaPersistentHeader .lcda-btn-text strong{font-size:.98rem!important;font-weight:950!important;line-height:1.02!important;letter-spacing:-.01em!important}
#lcdaPersistentHeader .lcda-btn-text small{font-size:.67rem!important;font-weight:760!important;line-height:1.05!important;opacity:.92!important;white-space:normal!important}
#lcdaPersistentHeader .lcda-fixed-nav-agenda:active,
#lcdaPersistentHeader .lcda-fixed-nav-whatsapp:active,
#lcdaPersistentHeader .lcda-fixed-nav-share:active{transform:translateY(2px)!important;box-shadow:0 5px 0 rgba(104,76,32,.08),0 8px 17px rgba(63,76,39,.11)!important}

/* =====================================================
   HERO COMPARTIDO: MISMA MEDIDA EN AGENDA Y RESERVAR
   ===================================================== */
#view-agenda .lcda-shared-hero,#view-reservar .lcda-shared-hero{
  border:2px solid #fff!important;box-shadow:0 14px 30px rgba(54,92,42,.16)!important;
  background:linear-gradient(180deg,#aeeaff 0%,#c8f3ff 70%,#a6df5c 70%,#82c73d 100%)!important;
}

/* =====================================================
   CALENDARIO CARTOON
   ===================================================== */
#view-agenda .calendar-card{
  position:relative!important;overflow:hidden!important;
  background:linear-gradient(180deg,#fffdf5 0%,#fff8e8 100%)!important;
  border:2px solid #9ccf75!important;border-radius:30px!important;
  box-shadow:0 14px 0 rgba(78,132,57,.06),0 18px 34px rgba(66,83,43,.12)!important;
}
#view-agenda .calendar-card:before,#view-agenda .calendar-card:after{
  content:"✿"!important;position:absolute!important;color:#f5a2b5!important;font-size:1.45rem!important;opacity:.85!important;pointer-events:none!important;z-index:0!important;
}
#view-agenda .calendar-card:before{left:12px!important;bottom:12px!important}
#view-agenda .calendar-card:after{right:14px!important;bottom:10px!important;color:#84c85b!important}
#view-agenda .calendar-toolbar{position:relative!important;z-index:2!important;margin:0 0 10px!important;grid-template-columns:56px 1fr 56px!important}
#view-agenda .calendar-toolbar strong{
  position:relative!important;display:block!important;width:max-content!important;max-width:calc(100% - 12px)!important;margin:0 auto!important;
  padding:10px 27px 11px!important;border-radius:13px!important;
  background:linear-gradient(180deg,#fff2c4 0%,#f7d98c 100%)!important;
  border:2px solid #d6a947!important;color:#185e27!important;
  box-shadow:0 5px 0 #c99e45,0 8px 15px rgba(112,85,38,.12)!important;
  font-size:clamp(1.55rem,4vw,2rem)!important;font-weight:1000!important;letter-spacing:-.02em!important;
}
#view-agenda .calendar-toolbar strong:before,#view-agenda .calendar-toolbar strong:after{position:absolute!important;top:50%!important;transform:translateY(-50%)!important;font-size:1.1rem!important}
#view-agenda .calendar-toolbar strong:before{content:"🌿"!important;left:-22px!important}
#view-agenda .calendar-toolbar strong:after{content:"🌿"!important;right:-22px!important;transform:translateY(-50%) scaleX(-1)!important}
#view-agenda .calendar-nav{
  width:52px!important;height:52px!important;border-radius:50%!important;
  background:linear-gradient(180deg,#fff8df 0%,#f6dfaa 100%)!important;border:2px solid #e1bf6f!important;
  box-shadow:0 5px 0 #d8b568,0 8px 14px rgba(106,82,37,.12)!important;color:#197a2d!important;font-size:2rem!important;font-weight:1000!important;
}
#view-agenda .calendar-nav.disabled{opacity:.38!important;box-shadow:none!important}
#view-agenda .agenda-sync-row span{background:#f1f9e7!important;border:1px solid #d6e9c4!important;color:#577057!important;font-weight:750!important}
#view-agenda .calendar-legend{
  position:relative!important;z-index:2!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;
  padding:8px!important;border:none!important;background:transparent!important;
}
#view-agenda .calendar-legend>span{
  min-height:42px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;
  border-radius:15px!important;padding:8px 7px!important;background:#fffdf8!important;border:1px solid #eadfbd!important;
  box-shadow:0 4px 9px rgba(71,83,45,.07)!important;font-weight:820!important;color:#324b34!important;
}
#view-agenda .legend-dot{width:13px!important;height:13px!important;box-shadow:inset 0 -2px 0 rgba(0,0,0,.10),0 1px 3px rgba(0,0,0,.12)!important}
#view-agenda .calendar-weekdays{
  position:relative!important;z-index:2!important;display:grid!important;grid-template-columns:repeat(7,1fr)!important;gap:5px!important;
  border:none!important;background:transparent!important;padding:0!important;margin:7px 0 9px!important;
}
#view-agenda .calendar-weekdays span{
  display:grid!important;place-items:center!important;min-height:31px!important;border-radius:999px!important;
  background:linear-gradient(180deg,#62be4c 0%,#3a9d39 100%)!important;color:#fff!important;
  box-shadow:inset 0 -2px 0 rgba(0,0,0,.08)!important;font-weight:950!important;font-size:.71rem!important;
}
#view-agenda .calendar-grid{position:relative!important;z-index:2!important;gap:7px!important}
#view-agenda .calendar-day{
  min-height:74px!important;border-radius:16px!important;padding:8px!important;
  background:linear-gradient(180deg,#fffef9 0%,#fff9e9 100%)!important;border:1.5px solid #ebd9ad!important;
  box-shadow:0 4px 0 rgba(190,158,91,.12),0 7px 12px rgba(70,78,42,.06)!important;
  transition:transform .12s ease,box-shadow .12s ease!important;
}
#view-agenda a.calendar-day:active{transform:translateY(2px) scale(.985)!important;box-shadow:0 2px 0 rgba(190,158,91,.10)!important}
#view-agenda .calendar-day.past{background:#f6f2e9!important;opacity:.58!important}
#view-agenda .calendar-day.selected{
  background:linear-gradient(180deg,#53d95c 0%,#27a53b 100%)!important;border:3px solid #fff!important;
  outline:3px solid #5ac75a!important;color:#fff!important;box-shadow:0 5px 0 #19822c,0 9px 16px rgba(26,120,43,.20)!important;
}
#view-agenda .calendar-day.selected .calendar-number{color:#fff!important}
#view-agenda .calendar-number{font-size:1.05rem!important;color:#243c2b!important;font-weight:1000!important}
#view-agenda .calendar-cakes{right:5px!important;bottom:4px!important;gap:2px!important}
#view-agenda .calendar-cakes .cake-only{font-size:1.45rem!important;filter:drop-shadow(0 2px 2px rgba(100,61,26,.16))!important}
#view-agenda .turn-cake{background:#fff8d8!important;border:1px solid #e8c471!important;border-radius:12px!important;box-shadow:0 2px 5px rgba(92,63,31,.10)!important}

/* =====================================================
   RESERVAR CARTOON - ACORDE AL CALENDARIO
   Conserva el bloque “Qué incluye” compacto de la versión aprobada.
   ===================================================== */
#view-reservar .reserve-includes-v127,
#view-reservar .reserve-pricing-v127,
#view-reservar .reserve-flow-v127{
  background:linear-gradient(180deg,#fffdf7 0%,#fff9ec 100%)!important;
  border:2px solid #a3d17c!important;border-radius:30px!important;
  box-shadow:0 13px 0 rgba(78,132,57,.05),0 18px 32px rgba(66,83,43,.11)!important;
}
#view-reservar .reserve-v127-heading{position:relative!important;margin-bottom:18px!important;display:flex!important;justify-content:center!important;align-items:center!important;gap:8px!important}
#view-reservar .reserve-v127-heading>span{display:none!important}
#view-reservar .reserve-v127-heading h2{
  display:inline-block!important;margin:0!important;padding:9px 22px!important;border-radius:12px!important;
  background:linear-gradient(180deg,#fff0bc 0%,#f0cf7a 100%)!important;border:2px solid #d3a548!important;
  color:#176326!important;box-shadow:0 5px 0 #c99a3f,0 8px 14px rgba(105,79,34,.11)!important;
  font-weight:1000!important;font-size:clamp(1.25rem,3.6vw,1.75rem)!important;
}
#view-reservar .reserve-v127-heading h2:before{content:"🌿 "!important}#view-reservar .reserve-v127-heading h2:after{content:" 🌿"!important}
#view-reservar .reserve-includes-grid-v127 article{
  background:linear-gradient(180deg,#fffefb 0%,#fff7e5 100%)!important;border:1.5px solid #ead8ad!important;border-radius:17px!important;
  box-shadow:0 4px 0 rgba(190,158,91,.10),0 6px 11px rgba(73,82,46,.06)!important;
}
#view-reservar .reserve-includes-grid-v127 article b{font-size:1.55rem!important;filter:drop-shadow(0 2px 1px rgba(90,61,30,.08))!important}
#view-reservar .reserve-includes-grid-v127 article span{color:#244331!important;font-weight:850!important}
#view-reservar .reserve-includes-note-v127{color:#5f665c!important;font-weight:650!important}
#view-reservar .reserve-price-grid-v127{gap:11px!important}
#view-reservar .reserve-price-card-v127{
  border-width:2px!important;border-radius:20px!important;box-shadow:0 5px 0 rgba(116,91,42,.08),0 9px 17px rgba(66,75,43,.07)!important;
  background:#fffef9!important;
}
#view-reservar .reserve-price-card-v127.theme-green{background:linear-gradient(180deg,#f7ffe9 0%,#fffef9 100%)!important;border-color:#a7cf77!important}
#view-reservar .reserve-price-card-v127.theme-orange{background:linear-gradient(180deg,#fff3e4 0%,#fffef9 100%)!important;border-color:#e6b470!important}
#view-reservar .reserve-price-card-v127.theme-blue{background:linear-gradient(180deg,#eef8ff 0%,#fffef9 100%)!important;border-color:#86bde8!important}
#view-reservar .reserve-price-card-v127.theme-purple{background:linear-gradient(180deg,#f8efff 0%,#fffef9 100%)!important;border-color:#b99ad9!important}
#view-reservar .reserve-price-title-v127 span{font-size:2rem!important}
#view-reservar .reserve-price-title-v127 h3{font-weight:1000!important}
#view-reservar .reserve-price-box-v127{border-radius:14px!important;background:rgba(255,255,255,.72)!important;border:1px solid rgba(117,104,74,.14)!important}
#view-reservar .reserve-deposit-v127{
  border:2px solid #efd481!important;border-radius:18px!important;background:linear-gradient(180deg,#fff9dd 0%,#fff3c8 100%)!important;
  box-shadow:0 4px 0 rgba(195,154,58,.09)!important;
}
#view-reservar .reserve-deposit-v127 strong{font-size:1.2rem!important;color:#176326!important;font-weight:1000!important}
#view-reservar .reserve-stepper-v127 span b{
  width:40px!important;height:40px!important;border-radius:50%!important;background:#fff4d0!important;border:2px solid #e0bd6d!important;box-shadow:0 3px 0 #cfa955!important;
}
#view-reservar .reserve-stepper-v127 span.active b,#view-reservar .reserve-stepper-v127 span.done b{background:linear-gradient(180deg,#4bd55c,#259e38)!important;color:#fff!important;border-color:#1c8c30!important;box-shadow:0 3px 0 #187c29!important}
#view-reservar .reserve-selected-date-v127{
  background:linear-gradient(180deg,#fff9e7 0%,#fff1c8 100%)!important;border:2px solid #e6c36f!important;border-radius:22px!important;
  box-shadow:0 5px 0 rgba(191,149,51,.09),0 9px 16px rgba(70,77,43,.07)!important;
}
#view-reservar .reserve-selected-date-v127>strong{color:#176326!important;font-weight:1000!important}
#view-reservar .reserve-step-copy-v127 h2{color:#176326!important;font-weight:1000!important}
#view-reservar .reserve-slot-v127{
  border:2px solid #abd184!important;border-radius:20px!important;background:linear-gradient(180deg,#fbfff3 0%,#f2fae7 100%)!important;
  box-shadow:0 5px 0 rgba(79,131,57,.08),0 9px 17px rgba(60,82,45,.07)!important;
}
#view-reservar .reserve-slot-v127:has(input:checked){border-color:#36ad49!important;background:linear-gradient(180deg,#efffe9,#ddf7d3)!important;outline:2px solid #7cce78!important}
#view-reservar .reserve-primary-v127{
  min-height:54px!important;border-radius:18px!important;background:linear-gradient(180deg,#43d455 0%,#209a35 100%)!important;
  border:2px solid #17842b!important;box-shadow:0 5px 0 #167926,0 10px 18px rgba(31,132,47,.18)!important;font-weight:1000!important;
}
#view-reservar .reserve-field-v127 input,#view-reservar .reserve-field-v127 select,#view-reservar .reserve-field-v127 textarea{
  border-radius:14px!important;border:1.5px solid #dccfae!important;background:#fffef9!important;box-shadow:inset 0 1px 3px rgba(90,77,49,.05)!important;
}

/* =====================================================
   MÓVIL REAL
   ===================================================== */
@media(max-width:1100px){
  #lcdaPersistentHeader .lcda-fixed-nav{grid-template-columns:repeat(3,minmax(0,1fr))!important;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:62px!important;padding:7px 8px!important;border-radius:18px!important;gap:7px!important}
  #lcdaPersistentHeader .lcda-btn-icon{width:42px!important;height:42px!important;min-width:42px!important;border-radius:13px!important}
  #lcdaPersistentHeader .lcda-btn-icon img{width:39px!important;height:39px!important}
  #lcdaPersistentHeader .lcda-btn-text strong{font-size:.78rem!important}
  #lcdaPersistentHeader .lcda-btn-text small{font-size:.56rem!important}
  #view-agenda .calendar-day{min-height:64px!important}
}
@media(max-width:620px){
  #lcdaPersistentHeader{padding:11px 0 10px!important}
  #lcdaPersistentHeader .lcda-fixed-nav{gap:5px!important;width:calc(100% - 12px)!important}
  #lcdaPersistentHeader .lcda-fixed-nav-agenda,#lcdaPersistentHeader .lcda-fixed-nav-whatsapp,#lcdaPersistentHeader .lcda-fixed-nav-share{min-height:58px!important;padding:6px 5px!important;border-radius:16px!important;gap:4px!important}
  #lcdaPersistentHeader .lcda-btn-icon{width:36px!important;height:36px!important;min-width:36px!important;border-radius:11px!important}
  #lcdaPersistentHeader .lcda-btn-icon img{width:34px!important;height:34px!important}
  #lcdaPersistentHeader .lcda-btn-text strong{font-size:.69rem!important;line-height:1!important}
  #lcdaPersistentHeader .lcda-btn-text small{font-size:.48rem!important;line-height:1!important}
  #view-agenda .calendar-card{padding:12px 8px!important;border-radius:24px!important}
  #view-agenda .calendar-toolbar{grid-template-columns:42px 1fr 42px!important}
  #view-agenda .calendar-nav{width:40px!important;height:40px!important;font-size:1.55rem!important;box-shadow:0 3px 0 #d8b568!important}
  #view-agenda .calendar-toolbar strong{font-size:1.28rem!important;padding:8px 16px!important;box-shadow:0 3px 0 #c99e45!important}
  #view-agenda .calendar-toolbar strong:before,#view-agenda .calendar-toolbar strong:after{display:none!important}
  #view-agenda .calendar-legend{gap:4px!important;padding:5px 0!important}
  #view-agenda .calendar-legend>span{min-height:36px!important;padding:5px 3px!important;font-size:.58rem!important;border-radius:11px!important;gap:4px!important}
  #view-agenda .calendar-weekdays{gap:3px!important}
  #view-agenda .calendar-weekdays span{min-height:25px!important;font-size:.54rem!important}
  #view-agenda .calendar-grid{gap:4px!important}
  #view-agenda .calendar-day{min-height:50px!important;border-radius:11px!important;padding:5px!important;box-shadow:0 2px 0 rgba(190,158,91,.10)!important}
  #view-agenda .calendar-number{font-size:.8rem!important}
  #view-agenda .calendar-cakes .cake-only{font-size:1.05rem!important}
  #view-reservar .reserve-v127-heading h2{font-size:1.08rem!important;padding:8px 13px!important;box-shadow:0 3px 0 #c99a3f!important}
}

/* =====================================================
   v1.2.1 CANDIDATO · CALENDARIO CARTOON APROBADO
   Ajustes de estructura visual reproducibles en la web real.
   ===================================================== */

/* Tres accesos principales con la misma jerarquía incluso en móvil */
#lcdaPersistentHeader .lcda-fixed-nav-share{grid-column:auto!important}
@media(max-width:620px){
  #lcdaPersistentHeader .lcda-fixed-nav{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    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:68px!important;padding:7px 6px!important;border-radius:18px!important;gap:5px!important;
    box-shadow:0 5px 0 rgba(104,76,32,.11),0 9px 16px rgba(63,76,39,.12)!important;
  }
  #lcdaPersistentHeader .lcda-btn-icon{width:38px!important;height:38px!important;min-width:38px!important;border-radius:12px!important}
  #lcdaPersistentHeader .lcda-btn-icon img{width:36px!important;height:36px!important}
  #lcdaPersistentHeader .lcda-btn-text strong{font-size:.72rem!important;line-height:1.02!important}
  #lcdaPersistentHeader .lcda-btn-text small{font-size:.48rem!important;line-height:1.05!important}
}

/* El calendario se convierte en una gran tarjeta ilustrada crema */
#view-agenda .calendar-card{
  padding:18px 12px 20px!important;
  background:
    radial-gradient(circle at 7% 18%,rgba(255,176,87,.9) 0 2px,transparent 3px),
    radial-gradient(circle at 94% 15%,rgba(251,205,45,.95) 0 2px,transparent 3px),
    radial-gradient(circle at 13% 91%,rgba(241,139,169,.78) 0 3px,transparent 4px),
    radial-gradient(circle at 91% 90%,rgba(114,190,78,.85) 0 3px,transparent 4px),
    linear-gradient(180deg,#fffef7 0%,#fff9e9 100%)!important;
  border:2px solid #94c96f!important;
  border-radius:32px!important;
  box-shadow:0 7px 0 #dbe9c9,0 18px 32px rgba(55,86,42,.13)!important;
}
#view-agenda .calendar-card:before{
  content:"✦"!important;left:12px!important;top:96px!important;bottom:auto!important;color:#46b7ea!important;
  font-size:1.2rem!important;transform:rotate(10deg)!important;
}
#view-agenda .calendar-card:after{
  content:"🌸"!important;right:8px!important;bottom:5px!important;color:initial!important;font-size:1.75rem!important;opacity:1!important;
}

/* Cartel de mes estilo madera clara */
#view-agenda .calendar-toolbar{margin:0 0 12px!important;grid-template-columns:58px 1fr 58px!important;align-items:center!important}
#view-agenda .calendar-toolbar strong{
  position:relative!important;min-width:190px!important;text-align:center!important;
  padding:13px 27px 14px!important;border-radius:11px!important;
  background:
    linear-gradient(90deg,transparent 0 7%,rgba(193,125,36,.10) 7% 8%,transparent 8% 24%,rgba(193,125,36,.08) 24% 25%,transparent 25% 72%,rgba(193,125,36,.08) 72% 73%,transparent 73%),
    repeating-linear-gradient(0deg,#fff0bd 0 12px,#fbe3a5 13px 14px)!important;
  border:2px solid #c99135!important;color:#176326!important;
  box-shadow:0 5px 0 #b97d29,0 9px 16px rgba(112,77,31,.17)!important;
  font-size:clamp(1.6rem,5vw,2.05rem)!important;font-weight:1000!important;
}
#view-agenda .calendar-toolbar strong:before{content:"🌿"!important;left:-25px!important;font-size:1.15rem!important}
#view-agenda .calendar-toolbar strong:after{content:"🌿"!important;right:-25px!important;font-size:1.15rem!important}
#view-agenda .calendar-nav{
  width:54px!important;height:54px!important;border-radius:18px!important;
  background:linear-gradient(180deg,#fffdf3 0%,#ffedc0 100%)!important;
  border:2px solid #e8c675!important;color:#14752a!important;
  box-shadow:0 5px 0 #d4aa55,0 9px 16px rgba(110,79,34,.13)!important;
  font-size:2.2rem!important;font-weight:1000!important;
}

/* Mensaje de actualización como etiqueta de papel */
#view-agenda .agenda-sync-row{margin:0 0 10px!important;display:flex!important;justify-content:center!important}
#view-agenda .agenda-sync-row span{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  min-height:34px!important;padding:7px 13px!important;border-radius:999px!important;
  background:#fff8e8!important;border:1.5px solid #ead6a8!important;color:#5d644f!important;
  box-shadow:0 3px 0 rgba(191,151,69,.10)!important;font-weight:780!important;font-size:.68rem!important;
}
#view-agenda .agenda-sync-row span:before{content:"✦"!important;color:#45b8e7!important;margin-right:7px!important;font-size:.9rem!important}

/* Leyenda con tres botones pastel grandes */
#view-agenda .calendar-legend{gap:7px!important;padding:4px 0 9px!important;margin:0!important}
#view-agenda .calendar-legend>span{
  min-height:44px!important;border-radius:16px!important;padding:8px 7px!important;
  font-weight:900!important;font-size:.7rem!important;border-width:1.5px!important;
  box-shadow:0 4px 0 rgba(128,98,49,.08),0 7px 11px rgba(70,79,42,.06)!important;
}
#view-agenda .calendar-legend>span:nth-child(1){background:#f1f9e8!important;border-color:#cfe1b8!important}
#view-agenda .calendar-legend>span:nth-child(2){background:#fff0ee!important;border-color:#efc7c2!important}
#view-agenda .calendar-legend>span:nth-child(3){background:#fff8df!important;border-color:#efd48d!important}
#view-agenda .legend-dot{width:15px!important;height:15px!important}
#view-agenda .calendar-legend b{font-size:1.15rem!important}

/* Días de la semana: pastillas verdes más juguetonas */
#view-agenda .calendar-weekdays{gap:6px!important;margin:5px 0 10px!important}
#view-agenda .calendar-weekdays span{
  min-height:34px!important;border-radius:999px!important;
  background:linear-gradient(180deg,#68c64f 0%,#329538 100%)!important;
  border:1px solid #25812f!important;color:#fff!important;
  box-shadow:inset 0 -2px 0 rgba(0,0,0,.10),0 3px 0 rgba(32,116,43,.10)!important;
  font-size:.69rem!important;font-weight:1000!important;letter-spacing:.02em!important;
}

/* Celdas tipo pieza de juguete */
#view-agenda .calendar-grid{gap:6px!important}
#view-agenda .calendar-day{
  min-height:70px!important;padding:8px!important;border-radius:17px!important;
  background:linear-gradient(180deg,#fffef8 0%,#fff5dd 100%)!important;
  border:1.5px solid #e7cfa0!important;
  box-shadow:0 4px 0 #ead8b8,0 7px 11px rgba(76,71,45,.07)!important;
}
#view-agenda .calendar-day.past{
  background:linear-gradient(180deg,#faf7ef 0%,#f2eee4 100%)!important;
  border-color:#e7e0d2!important;opacity:.62!important;box-shadow:0 3px 0 #e7e0d4!important;
}
#view-agenda .calendar-number{font-size:1.04rem!important;font-weight:1000!important;color:#223c29!important}
#view-agenda .calendar-status{width:10px!important;height:10px!important;left:9px!important;bottom:8px!important;border:2px solid rgba(255,255,255,.65)!important;box-sizing:border-box!important}
#view-agenda .calendar-day.selected{
  background:linear-gradient(180deg,#55dc61 0%,#23a83a 100%)!important;
  border:3px solid #fff!important;outline:3px solid #3dbc4a!important;color:#fff!important;
  box-shadow:0 5px 0 #18822b,0 10px 18px rgba(28,126,44,.23)!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;text-shadow:0 1px 0 #fff!important;
}
#view-agenda .calendar-cakes .cake-only{font-size:1.45rem!important}

/* Móvil 430 px: conservar la estética, no simplificarla */
@media(max-width:620px){
  #view-agenda .calendar-card{padding:14px 9px 17px!important;border-radius:27px!important}
  #view-agenda .calendar-toolbar{grid-template-columns:46px 1fr 46px!important;margin-bottom:10px!important}
  #view-agenda .calendar-nav{width:44px!important;height:44px!important;border-radius:15px!important;font-size:1.75rem!important;box-shadow:0 4px 0 #d4aa55!important}
  #view-agenda .calendar-toolbar strong{min-width:0!important;width:auto!important;font-size:1.35rem!important;padding:10px 13px!important;box-shadow:0 4px 0 #b97d29!important}
  #view-agenda .calendar-toolbar strong:before,#view-agenda .calendar-toolbar strong:after{display:none!important}
  #view-agenda .agenda-sync-row span{font-size:.6rem!important;min-height:31px!important;padding:6px 9px!important}
  #view-agenda .calendar-legend{gap:4px!important;padding-bottom:8px!important}
  #view-agenda .calendar-legend>span{min-height:40px!important;padding:6px 3px!important;border-radius:12px!important;font-size:.56rem!important;gap:4px!important}
  #view-agenda .legend-dot{width:12px!important;height:12px!important}
  #view-agenda .calendar-weekdays{gap:4px!important;margin-bottom:8px!important}
  #view-agenda .calendar-weekdays span{min-height:28px!important;font-size:.55rem!important}
  #view-agenda .calendar-grid{gap:5px!important}
  #view-agenda .calendar-day{min-height:52px!important;border-radius:12px!important;padding:5px!important;box-shadow:0 3px 0 #ead8b8,0 5px 8px rgba(76,71,45,.06)!important}
  #view-agenda .calendar-number{font-size:.82rem!important}
  #view-agenda .calendar-status{width:8px!important;height:8px!important;left:6px!important;bottom:6px!important;border-width:1px!important}
  #view-agenda .calendar-cakes{right:3px!important;bottom:2px!important}
  #view-agenda .calendar-cakes .cake-only{font-size:1.02rem!important}
}