/* La Casita del Árbol · Shell persistente v1.1.11 Header persistente con Agenda + WhatsApp + Compartir en HTML. */ #lcdaPersistentHeader{ position:sticky!important;top:0!important;z-index:1200!important;display:block!important; width:100%!important;margin:0!important;padding:16px 0 14px!important;background:linear-gradient(180deg,#fffefb 0%,#fff9ee 100%)!important; border-bottom:1px solid #efe5ca!important;box-shadow:0 8px 24px rgba(57,83,44,.10)!important; box-sizing:border-box!important; } #lcdaPersistentHeader .lcda-fixed-nav{ width:calc(100% - 24px)!important;max-width:860px!important;margin:0 auto!important; display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important;align-items:stretch!important; } #lcdaPersistentHeader .lcda-fixed-nav-agenda, #lcdaPersistentHeader .lcda-fixed-nav-whatsapp, #lcdaPersistentHeader .lcda-fixed-nav-share{ min-width:0!important;min-height:70px!important;width:100%!important;margin:0!important;padding:12px 14px!important; border-radius:22px!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:10px!important; font:inherit!important;font-size:.88rem!important;font-weight:850!important;line-height:1.05!important;text-decoration:none!important;box-sizing:border-box!important; border:1px solid transparent!important;box-shadow:0 10px 22px rgba(48,80,37,.10)!important;transition:transform .16s ease, box-shadow .16s ease, filter .16s ease!important; } #lcdaPersistentHeader .lcda-fixed-nav-agenda:hover, #lcdaPersistentHeader .lcda-fixed-nav-whatsapp:hover, #lcdaPersistentHeader .lcda-fixed-nav-share:hover, #lcdaPersistentHeader .lcda-fixed-nav-agenda:focus-visible, #lcdaPersistentHeader .lcda-fixed-nav-whatsapp:focus-visible, #lcdaPersistentHeader .lcda-fixed-nav-share:focus-visible{transform:translateY(-1px)!important;box-shadow:0 14px 28px rgba(48,80,37,.14)!important;filter:saturate(1.03)!important;outline:none!important} #lcdaPersistentHeader .lcda-fixed-nav-agenda{ appearance:none!important;-webkit-appearance:none!important;cursor:pointer!important; background:linear-gradient(180deg,#f8fff1 0%,#edf8e0 100%)!important;color:#1f4b2b!important;border-color:#dceacc!important; } #lcdaPersistentHeader .lcda-fixed-nav-whatsapp{ background:linear-gradient(180deg,#52df82 0%,#24c45f 100%)!important;color:#103c22!important;border-color:#20b759!important; } #lcdaPersistentHeader .lcda-fixed-nav-share{ background:linear-gradient(180deg,#8ecbff 0%,#69aef7 100%)!important;color:#12395d!important;border-color:#5d9be2!important; } #lcdaPersistentHeader .lcda-btn-icon{ width:48px!important;height:48px!important;min-width:48px!important;border-radius:16px!important;display:grid!important;place-items:center!important; line-height:1!important;background:rgba(255,255,255,.84)!important;box-shadow:inset 0 -2px 0 rgba(255,255,255,.55),0 5px 12px rgba(33,76,41,.10)!important; overflow:hidden!important; } #lcdaPersistentHeader .lcda-btn-icon img{width:44px!important;height:44px!important;object-fit:contain!important;display:block!important;filter:drop-shadow(0 2px 2px rgba(20,60,30,.10))!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:inherit!important;font-weight:950!important;font-size:1rem!important;line-height:1.04!important} #lcdaPersistentHeader .lcda-btn-text small{display:block!important;font-size:.69rem!important;font-weight:750!important;opacity:.88!important;line-height:1.08!important;white-space:normal!important;text-align:left!important} @media(max-width:620px){ #lcdaPersistentHeader{padding:14px 0 12px!important} #lcdaPersistentHeader .lcda-fixed-nav{width:calc(100% - 20px)!important;grid-template-columns:1fr 1fr!important;gap:10px!important} #lcdaPersistentHeader .lcda-fixed-nav-agenda, #lcdaPersistentHeader .lcda-fixed-nav-whatsapp, #lcdaPersistentHeader .lcda-fixed-nav-share{min-height:58px!important;padding:11px 12px!important;border-radius:19px!important;font-size:.84rem!important} #lcdaPersistentHeader .lcda-fixed-nav-share{grid-column:1 / -1!important} #lcdaPersistentHeader .lcda-btn-icon{width:44px!important;height:44px!important;min-width:44px!important;border-radius:14px!important} #lcdaPersistentHeader .lcda-btn-icon img{width:40px!important;height:40px!important} #lcdaPersistentHeader .lcda-btn-text strong{font-size:.94rem!important} #lcdaPersistentHeader .lcda-btn-text small{font-size:.65rem!important} } #lcdaPersistentHeader .lcda-fixed-nav{width:calc(100% - 20px)!important;gap:8px!important} #lcdaPersistentHeader .lcda-fixed-nav-agenda,#lcdaPersistentHeader .lcda-fixed-nav-whatsapp{min-height:44px!important;padding:9px 7px!important;border-radius:15px!important;font-size:.78rem!important} } /* Evita que cualquier cabecera vieja reaparezca */ .app-header,.cartoon-header,.persistent-header,.top-nav,.cartoon-bottom-nav,.bottom-nav,#installBanner,#installHelp{display:none!important;} main{padding-top:8px!important;} .view{display:none;}.view.active{display:block;} body.shell-loading main{opacity:.58;pointer-events:none;transition:opacity .15s ease;} .shell-progress{position:fixed;z-index:1300;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,#2ebd59,#8bd44b);transform-origin:left;animation:lcdaShellProgress .8s ease-in-out infinite alternate;} @keyframes lcdaShellProgress{from{transform:scaleX(.18)}to{transform:scaleX(.82)}} /* ============================================================ v1.1.6 · VISUAL IGUALADO + BLOQUE INCLUYE ANTERIOR Agenda y Reservar comparten LITERALMENTE el mismo hero. Breakpoint ampliado a 1100px porque algunos Android/Chrome reportan viewport CSS cercano a 980px aun en vertical. ============================================================ */ #view-agenda .lcda-shared-hero, #view-reservar .lcda-shared-hero{ position:relative!important; display:block!important; box-sizing:border-box!important; width:100%!important; height:clamp(260px,42vw,420px)!important; min-height:260px!important; max-height:420px!important; margin:0 0 20px!important; padding:0!important; overflow:hidden!important; border:1px solid rgba(255,255,255,.82)!important; border-radius:30px!important; background:linear-gradient(180deg,#a9eaff 0%,#c9f4ff 72%,#a8de5d 72%,#83c63e 100%)!important; box-shadow:0 15px 34px rgba(48,80,37,.13)!important; isolation:isolate!important; } #view-agenda .lcda-shared-hero::after, #view-reservar .lcda-shared-hero::after{ content:"";position:absolute;z-index:1;left:0;right:0;bottom:0;height:20%; background: radial-gradient(circle at 7% 70%,#fff 0 4px,transparent 5px), radial-gradient(circle at 16% 84%,#ffdf69 0 4px,transparent 5px), radial-gradient(circle at 27% 70%,#ff98b0 0 4px,transparent 5px), radial-gradient(circle at 79% 80%,#fff 0 4px,transparent 5px), radial-gradient(circle at 91% 66%,#ffdc62 0 4px,transparent 5px); pointer-events:none; } #view-agenda .lcda-shared-hero img, #view-reservar .lcda-shared-hero img{ position:absolute!important;z-index:4!important; right:5.5%!important;bottom:-2%!important; width:50%!important;height:auto!important;max-width:520px!important;max-height:none!important; object-fit:contain!important;filter:drop-shadow(0 13px 13px rgba(65,76,33,.14))!important; } .lcda-hero-cloud{position:absolute;z-index:2;width:92px;height:28px;background:rgba(255,255,255,.92);border-radius:999px;box-shadow:0 4px 14px rgba(72,129,151,.05)} .lcda-hero-cloud:before,.lcda-hero-cloud:after{content:"";position:absolute;background:inherit;border-radius:50%} .lcda-hero-cloud:before{width:40px;height:40px;left:15px;top:-16px}.lcda-hero-cloud:after{width:48px;height:48px;right:12px;top:-22px} .lcda-hero-cloud.cloud-left{left:8%;top:18%}.lcda-hero-cloud.cloud-right{right:7%;top:15%;transform:scale(.78)} .lcda-hero-dot{position:absolute;z-index:2;width:8px;height:8px;border-radius:50%}.dot-a{left:8%;top:47%;background:#69bd32}.dot-b{left:31%;top:57%;background:#ffc727}.dot-c{right:4%;top:41%;background:#ff6969} .lcda-hero-spark{position:absolute;z-index:2;font-size:1.7rem;font-weight:900}.spark-a{left:16%;top:57%;color:#f1c400;transform:rotate(90deg)}.spark-b{right:12%;top:63%;color:#f06bc5;transform:rotate(90deg)} .lcda-hero-flower{position:absolute;z-index:2;color:#fff;font-size:1.65rem;text-shadow:0 0 0 #ffc942}.flower-left{left:7%;bottom:7%}.flower-right{right:5%;top:46%} /* Los dos contenidos usan exactamente la misma caja útil */ #view-agenda, #view-reservar{width:100%!important;max-width:none!important;margin:0!important;padding:0!important;box-sizing:border-box!important} #view-agenda .agenda-layout, #view-reservar .reserve-includes-v127, #view-reservar .reserve-pricing-v127, #view-reservar .reserve-flow-v127{width:100%!important;max-width:none!important;box-sizing:border-box!important} /* Agenda más cercana al mockup aprobado */ #view-agenda .agenda-layout{display:block!important} #view-agenda .calendar-card{width:100%!important;margin:0!important;padding:22px!important;border-radius:30px!important;background:#fffefa!important;border:1px solid #eee5cc!important;box-shadow:0 14px 32px rgba(48,80,37,.10)!important} #view-agenda .calendar-toolbar{grid-template-columns:52px 1fr 52px!important;align-items:center!important;margin-bottom:8px!important} #view-agenda .calendar-toolbar strong{font-size:clamp(1.55rem,3vw,2.05rem)!important;color:#176326!important} #view-agenda .calendar-nav{width:48px!important;height:48px!important;border-radius:17px!important;background:#f7fae9!important;border:1px solid #e7e9c9!important;color:#238034!important} #view-agenda .agenda-sync-row{margin:0 0 12px!important} #view-agenda .agenda-sync-row span{font-size:.77rem!important;padding:6px 10px!important;border-radius:999px!important;background:#f5faeb!important;color:#667261!important} #view-agenda .calendar-legend{justify-content:center!important;margin:0 0 16px!important;padding:11px 12px!important;border:1px solid #f0e7cc!important;border-radius:17px!important;background:#fffdf7!important;font-size:.78rem!important;gap:16px 26px!important} #view-agenda .calendar-weekdays{padding:11px 6px!important;margin-bottom:10px!important;background:#fffdf7!important;border:1px solid #f0e7cc!important;border-radius:16px!important;color:#176326!important;font-weight:900!important} #view-agenda .calendar-grid{gap:8px!important} #view-agenda .calendar-day{min-height:76px!important;border-radius:18px!important;padding:9px!important;background:#fff!important;border:1px solid #eee7d7!important} #view-agenda .calendar-day.past{background:#faf7f3!important} #view-agenda .calendar-number{font-size:1.08rem!important;font-weight:850!important} #view-agenda .calendar-status{width:9px!important;height:9px!important;left:10px!important;bottom:9px!important} /* Reservar: misma escala de hero + rejilla robusta en el móvil real del usuario */ #view-reservar .reserve-includes-v127, #view-reservar .reserve-pricing-v127, #view-reservar .reserve-flow-v127{border-radius:28px!important;box-shadow:0 14px 32px rgba(48,80,37,.10)!important} @media(max-width:1100px){ .site-wrap{padding:10px 10px 70px!important} .cartoon-frame{width:100%!important;max-width:980px!important;border-radius:0!important;border-left:0!important;border-right:0!important;box-shadow:none!important} main{padding:14px 14px 28px!important} #view-agenda .lcda-shared-hero, #view-reservar .lcda-shared-hero{height:clamp(280px,40vw,390px)!important;min-height:280px!important;border-radius:27px!important;margin-bottom:16px!important} #view-agenda .lcda-shared-hero img, #view-reservar .lcda-shared-hero img{right:4%!important;width:50%!important;max-width:470px!important;bottom:-2%!important} #view-reservar .reserve-pricing-v127{padding:18px!important} #view-reservar .reserve-price-grid-v127{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important} #view-reservar .reserve-price-card-v127{padding:12px 8px 10px!important} #view-reservar .reserve-price-title-v127 h3{font-size:.9rem!important} #view-reservar .reserve-price-card-v127>p{font-size:.67rem!important} #view-reservar .reserve-price-box-v127 small{font-size:.62rem!important} #view-reservar .reserve-price-box-v127 strong{font-size:1.14rem!important} #view-reservar .reserve-price-card-v127 footer{font-size:.62rem!important} #view-reservar .reserve-flow-v127{padding:18px!important} #view-reservar .reserve-step-layout-v127{grid-template-columns:minmax(210px,.72fr) minmax(0,1.6fr)!important;gap:20px!important} #view-agenda .calendar-card{padding:18px!important} #view-agenda .calendar-grid{gap:7px!important} #view-agenda .calendar-day{min-height:69px!important} } @media(max-width:620px){ main{padding:12px 10px 24px!important} #view-agenda .lcda-shared-hero, #view-reservar .lcda-shared-hero{height:250px!important;min-height:250px!important;border-radius:23px!important} #view-agenda .lcda-shared-hero img, #view-reservar .lcda-shared-hero img{width:57%!important;right:1%!important;bottom:-1%!important} #view-reservar .reserve-price-grid-v127{grid-template-columns:1fr 1fr!important} #view-reservar .reserve-step-layout-v127{grid-template-columns:1fr!important} #view-agenda .calendar-card{padding:12px 9px!important;border-radius:23px!important} #view-agenda .calendar-toolbar{grid-template-columns:44px 1fr 44px!important} #view-agenda .calendar-toolbar strong{font-size:1.45rem!important} #view-agenda .calendar-legend{font-size:.66rem!important;gap:8px 12px!important;padding:9px!important} #view-agenda .calendar-weekdays{font-size:.62rem!important;padding:9px 4px!important} #view-agenda .calendar-grid{gap:4px!important} #view-agenda .calendar-day{min-height:52px!important;border-radius:12px!important;padding:5px!important} #view-agenda .calendar-number{font-size:.88rem!important} #view-agenda .calendar-status{width:6px!important;height:6px!important;left:6px!important;bottom:5px!important} } /* v1.1.6 · RESTAURA SOLO “¿QUÉ INCLUYE TU CUMPLEAÑOS?” Se elimina la rejilla forzada de v1.1.5. Este bloque vuelve a usar exactamente las reglas anteriores de styles-cartoon-v114.css: 9 columnas >900px, 5 columnas <=900px y 3 columnas <=760px. Hero, menús, flujo y header no cambian. */ /* v1.1.11 · Sin desplazamiento automático entre vistas */ html{scroll-behavior:auto!important;} main,.view,#view-agenda,#view-reservar{overflow-anchor:none!important;} /* v1.1.12 · Aviso de instalación PWA, independiente del header y sin scroll */ .lcda-install-banner[hidden],.lcda-install-help[hidden]{display:none!important} .lcda-install-banner{position:fixed;z-index:1400;left:50%;bottom:max(14px,env(safe-area-inset-bottom));transform:translateX(-50%);width:min(calc(100% - 24px),720px);box-sizing:border-box;display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:13px 14px;background:rgba(255,253,246,.98);border:1px solid #dfebc9;border-radius:22px;box-shadow:0 18px 48px rgba(36,75,39,.22);backdrop-filter:blur(16px)} .lcda-install-art{width:52px;height:52px;display:grid;place-items:center;border-radius:17px;background:#fffdf7;border:1px solid #dce8cc;box-shadow:0 7px 18px rgba(43,84,42,.12);overflow:hidden} .lcda-install-art img{width:45px;height:45px;object-fit:contain;display:block} .lcda-install-copy{min-width:0;display:flex;flex-direction:column;gap:3px}.lcda-install-copy strong{color:#176326;font-size:.95rem;line-height:1.1}.lcda-install-copy small{color:#677263;font-size:.72rem;line-height:1.3} .lcda-install-now{border:0;border-radius:15px;background:linear-gradient(180deg,#34d36c,#22b956);color:#fff;font-weight:900;padding:11px 14px;white-space:nowrap;box-shadow:0 8px 18px rgba(34,185,86,.20);cursor:pointer}.lcda-install-later{border:0;background:transparent;color:#6f786e;font-weight:800;padding:9px 7px;cursor:pointer;white-space:nowrap} .lcda-install-help{position:fixed;z-index:1500;inset:0;display:grid;place-items:end center;padding:18px;background:rgba(20,52,30,.38);backdrop-filter:blur(5px)} .lcda-install-sheet{position:relative;width:min(100%,540px);box-sizing:border-box;background:#fffdf7;border:1px solid #e5e6ce;border-radius:28px;padding:24px 22px 22px;box-shadow:0 24px 70px rgba(25,54,31,.30);text-align:center}.lcda-install-help-close{position:absolute;right:12px;top:10px;width:38px;height:38px;border:0;border-radius:50%;background:#f1f5ea;color:#315139;font-size:1.55rem;cursor:pointer}.lcda-install-sheet-icon{width:88px;height:88px;margin:0 auto 8px;display:grid;place-items:center;border-radius:24px;background:#f4faeb;border:1px solid #dce8cc}.lcda-install-sheet-icon img{width:78px;height:78px;object-fit:contain;display:block}.lcda-install-sheet h2{margin:6px 0 8px;color:#176326}.lcda-install-sheet p{margin:0 0 12px;color:#687168}.lcda-install-sheet ol{text-align:left;margin:12px auto 18px;padding-left:24px;color:#415045;line-height:1.5}.lcda-install-help-done{width:100%;border:0;border-radius:16px;padding:13px;background:#269a40;color:#fff;font-weight:900;cursor:pointer} @media(max-width:620px){.lcda-install-banner{grid-template-columns:auto minmax(0,1fr);gap:9px 10px;padding:11px 12px;border-radius:19px}.lcda-install-art{grid-row:1 / span 2;width:46px;height:46px;border-radius:14px}.lcda-install-art img{width:40px;height:40px}.lcda-install-copy strong{font-size:.87rem}.lcda-install-copy small{font-size:.66rem}.lcda-install-now{grid-column:2;padding:10px 12px}.lcda-install-later{position:absolute;right:8px;top:5px;font-size:0;width:32px;height:32px}.lcda-install-later:after{content:'×';font-size:1.25rem;color:#718071}.lcda-install-copy{padding-right:26px}}