:root{color-scheme:light;--bg:#e4faf8;--bg2:#c9f1ec;--ink:#14494f;--soft:#4f8087;--pk:#ff6fa5;--or:#ffb347;--vi:#7c5cff;--mt:#2ec4b6;--card:#fff;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px)}
html{scroll-padding-top:env(safe-area-inset-top,0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
body{margin:0;font-family:"Fredoka","Baloo 2","Nunito","Segoe UI",system-ui,sans-serif;font-weight:500;color:var(--ink);background:var(--bg);min-height:100vh;overflow-x:hidden}
.deco{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden}
.deco i{position:absolute;display:block;border-radius:50%;opacity:.5;animation:fl 9s ease-in-out infinite}
.deco i.s{border-radius:0;clip-path:polygon(50% 0,62% 36%,100% 38%,70% 60%,80% 100%,50% 76%,20% 100%,30% 60%,0 38%,38% 36%)}
.deco i.b{border-radius:50% 50% 48% 48%;height:1.28em;opacity:.6}
@keyframes fl{50%{transform:translateY(-24px) rotate(10deg)}}
main{position:relative;z-index:1;max-width:520px;margin:0 auto;padding:16px 14px 140px}
.screen{display:none;animation:in .45s ease}.screen.on{display:block}
@keyframes in{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
h2{font-size:28px;margin:.25em 0;line-height:1.1;font-weight:700}h3{margin:0}
.lead{color:var(--soft);margin:4px 0 10px}
.tag{display:inline-block;background:#fff;border-radius:99px;padding:5px 14px;font-weight:600;font-size:.78rem;color:var(--mt);box-shadow:0 3px 10px #2ec4b622}
.mas{display:flex;gap:10px;align-items:center;margin:10px 0 14px}
.mas .e{font-size:50px;animation:bo 2.4s ease-in-out infinite}
@keyframes bo{50%{transform:translateY(-6px) rotate(-5deg)}}
.bub{background:#fff;border-radius:20px 20px 20px 4px;padding:11px 14px;box-shadow:0 6px 16px #14494f14;font-size:.95rem;color:var(--ink)}
.card{background:var(--card);border-radius:24px;padding:16px;box-shadow:0 8px 22px #14494f12;margin-top:12px;border:3px solid transparent;transition:.2s}
.card.sel{border-color:var(--pk);background:#fffafd}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.mini{background:#fff;border-radius:20px;padding:12px 8px;text-align:center;box-shadow:0 6px 16px #14494f10;border:3px solid transparent}
.mini.sel{border-color:var(--pk)}.mini .ic{font-size:34px}.mini h4{margin:2px 0;font-size:.92rem}.mini p{margin:0 0 4px;font-size:.75rem;color:var(--soft)}
.price{font-weight:700;color:var(--pk)}
.cnt{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:6px}
.cnt button{width:36px;height:36px;border-radius:50%;border:0;background:var(--mt);color:#fff;font:700 22px inherit;font-family:inherit;cursor:pointer}
.cnt b{min-width:30px;text-align:center;font-size:1.1rem}
.btn{border:0;border-radius:99px;padding:12px 22px;font:600 1rem inherit;font-family:inherit;cursor:pointer;background:linear-gradient(135deg,var(--pk),var(--or));color:#fff;box-shadow:0 8px 18px #ff6fa54d}
.btn.g{background:#fff;color:var(--ink);box-shadow:0 4px 12px #14494f18}.btn.full{width:100%;margin-top:14px}
.btn.v{background:linear-gradient(135deg,var(--vi),#4dc3ff);box-shadow:0 8px 18px #7c5cff44}
.btn.wa{background:linear-gradient(135deg,#25d366,#128c7e);display:block;text-align:center;text-decoration:none;box-shadow:0 8px 18px #25d36655}
.btn:disabled{opacity:.5}
label{font-weight:600;font-size:.88rem;display:block;margin:10px 0 4px}
input[type=text],input[type=tel]{width:100%;padding:13px 16px;border-radius:16px;border:2px solid var(--bg2);background:var(--bg);font:inherit;color:var(--ink);outline:none}
input:focus{border-color:var(--mt)}
.cal{background:var(--bg);border-radius:20px;padding:10px}.cal .hd{display:flex;justify-content:space-between;align-items:center;font-weight:600;margin-bottom:6px;text-transform:capitalize}
.cal .hd button{border:0;background:#fff;width:32px;height:32px;border-radius:50%;color:var(--mt);font-weight:700}
.days{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;text-align:center}.days span{font-size:.72rem;color:var(--soft)}
.days button{border:0;background:#fff;border-radius:12px;padding:8px 0;font:inherit;color:var(--ink)}.days button:disabled{opacity:.3}.days button.on{background:var(--pk);color:#fff}
.err{color:#d6336c;font-weight:600;min-height:1.2em;margin:6px 0 0}
.park{width:100%;border-radius:22px;box-shadow:0 8px 22px #14494f14;display:block;margin-top:10px}
.chips{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0;padding:0;list-style:none}
.chips li{background:var(--bg);border-radius:99px;padding:5px 11px;font-size:.82rem}
.seg{display:flex;gap:6px;background:#fff;border-radius:99px;padding:5px;margin-top:10px;box-shadow:0 4px 12px #14494f10}
.seg button{flex:1;border:0;border-radius:99px;padding:9px 4px;font:600 .8rem inherit;font-family:inherit;background:transparent;color:var(--soft)}
.seg button.on{background:linear-gradient(135deg,var(--vi),#4dc3ff);color:#fff}
.pkh{display:flex;justify-content:space-between;align-items:center;gap:8px}.pkh h3{font-size:1.15rem}.pkh .price{font-size:1.25rem}
details{background:#fff;border-radius:18px;padding:12px 16px;margin-top:10px;box-shadow:0 4px 12px #14494f10}summary{font-weight:600}details ul{margin:8px 0 0;padding-left:18px;font-size:.9rem;color:var(--soft)}
.ag{display:flex;gap:10px;align-items:flex-start;background:#fff3cf;border-radius:18px;padding:12px;margin-top:12px;font-size:.9rem}.ag input{width:22px;height:22px;accent-color:var(--pk)}
.inv{background:#fff;border-radius:26px;padding:18px;margin-top:12px;box-shadow:0 10px 26px #14494f16;position:relative}
.inv:before{content:"";position:absolute;left:0;right:0;top:-8px;height:8px;background:radial-gradient(circle at 8px 8px,transparent 7px,#fff 8px) 0 0/16px 8px}
.inv h3{display:flex;justify-content:space-between;align-items:center;margin:14px 0 4px;font-size:1rem}.inv h3 button{font-size:.72rem;padding:5px 12px}
.ln{display:flex;justify-content:space-between;gap:8px;padding:6px 0;border-bottom:1px dashed var(--bg2);font-size:.9rem}
.tot{display:flex;justify-content:space-between;font-size:1.5rem;font-weight:700;margin-top:12px;color:var(--vi)}
.pay{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;background:var(--bg);border-radius:20px;padding:16px;margin-top:14px}.pay svg{width:150px;height:150px;background:#fff;padding:8px;border-radius:16px}
.rule{display:flex;gap:12px;align-items:center;background:#fff;border-radius:18px;padding:12px 14px;margin-top:10px;box-shadow:0 4px 12px #14494f10}.rule span{font-size:30px}
.bar{position:fixed;left:0;right:0;bottom:0;z-index:4;background:#ffffffee;backdrop-filter:blur(10px);border-radius:26px 26px 0 0;box-shadow:0 -8px 24px #14494f1c;padding:10px 14px calc(10px + env(safe-area-inset-bottom,0px));display:none}.bar.on{display:block}
.bar .in{max-width:520px;margin:auto}
.dots{display:flex;gap:6px;justify-content:center;margin-bottom:8px}.dots i{width:8px;height:8px;border-radius:8px;background:var(--bg2)}.dots i.a{background:var(--pk);width:24px}.dots i.d{background:var(--mt)}
.bar .rw{display:flex;align-items:center;justify-content:space-between;gap:8px}
.tp{background:linear-gradient(135deg,var(--pk),var(--or));color:#fff;border-radius:18px;padding:6px 14px;box-shadow:0 6px 14px #ff6fa555;line-height:1}.tp small{display:block;font-size:.62rem;letter-spacing:.08em;opacity:.95}.tp b{font-size:1.45rem}
#s0{position:fixed;inset:0;z-index:5;display:none;overflow:hidden;background:linear-gradient(160deg,#0f5560,#2ec4b6 55%,#a8f0e6);padding:0}#s0.on{display:block}
#s0 .scene{position:absolute;inset:-10%;background:radial-gradient(circle at 30% 70%,#ffffff44,transparent 40%),radial-gradient(circle at 75% 30%,#ffc94d66,transparent 35%);animation:ken 5s ease-out forwards}
@keyframes ken{from{transform:scale(1.25) translateX(-4%)}to{transform:none}}
#s0 .bal{position:absolute;bottom:-90px;width:54px;height:68px;border-radius:50% 50% 48% 48%;animation:up 4.5s ease-in forwards}@keyframes up{to{transform:translateY(-120vh)}}
.cin{position:absolute;left:0;right:0;height:9vh;background:#06262b;z-index:2}
.logo{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;text-align:center;color:#fff;z-index:3;opacity:0;animation:lg 1.4s 3.4s forwards}@keyframes lg{from{opacity:0;transform:scale(.8)}to{opacity:1;transform:none}}
.logo img{width:70vw;max-width:300px}.logo .mark{font-size:84px}.logo h1{font-size:46px;margin:0}.logo p{letter-spacing:.3em;margin:4px 0}
.arrow{position:absolute;bottom:13vh;left:50%;margin-left:-31px;z-index:4;width:62px;height:62px;border-radius:50%;border:0;background:#fff;color:var(--mt);font-size:30px;opacity:0;animation:lg 1s 4.4s forwards}
.skip{position:absolute;top:calc(env(safe-area-inset-top,0px) + 12px);right:14px;z-index:6;background:#ffffff33;color:#fff;border:0;border-radius:99px;padding:7px 14px;font:600 .9rem inherit;font-family:inherit}
.il{width:1.3em;height:1.3em;display:inline-block;vertical-align:-.3em}.mini .ic{font-size:0}.mini .ic .il{width:54px;height:54px}.mas .e .il{width:70px;height:70px}.logo .mark .il{width:96px;height:96px}.chips li .il{width:1.6em;height:1.6em;vertical-align:-.45em;margin-right:2px}.card h3 .il,.inv h3 .il{width:1.5em;height:1.5em}.tiles{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:10px 0}.tiles div{background:var(--bg);border-radius:16px;padding:10px 6px;text-align:center;font-size:.8rem;line-height:1.2}.tiles .il{display:block;width:58px;height:58px;margin:0 auto 4px}
.ph{width:100%;border-radius:18px;display:block;margin:8px 0}
.mini .ic{font-size:0}.mini .ic .tk{width:100%;height:78px;object-fit:cover;border-radius:12px;margin:0}
.mas .e .tk{width:84px;height:auto;object-fit:contain;margin:0;border-radius:0}
.logo img{filter:drop-shadow(0 8px 14px #0006)}
.gal{display:flex;gap:8px;overflow-x:auto;padding:4px 2px 8px;scroll-snap-type:x mandatory;margin:4px 0}
.gal .g{flex:0 0 118px;background:var(--bg);border-radius:16px;padding:6px;text-align:center;font-size:.75rem;scroll-snap-align:start}
.gal .g img{width:100%;height:78px;object-fit:cover;border-radius:12px;margin:0 0 4px}
.gal .g .il{width:60px;height:60px;display:block;margin:6px auto 4px}
.parkph{position:relative;margin-top:10px}.parkph img{margin:0;border-radius:22px;box-shadow:0 8px 22px #14494f14}
.parkph span{position:absolute;bottom:8px;background:#ffffffe6;border-radius:99px;padding:3px 10px;font-weight:600;font-size:.76rem}
.tg{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:8px 0}.tg img{width:100%;border-radius:14px;margin:0}
.card .seg{box-shadow:none;background:var(--bg)}
.tiles .tk{width:100%;height:92px;object-fit:cover;border-radius:12px;margin:0 0 4px}
.tg{grid-template-columns:repeat(3,1fr);gap:6px}
.tg div{background:#dff7fb;border-radius:14px;padding:4px;text-align:center;font-size:.7rem;line-height:1.15;font-weight:600}
.tg img,.tg .il{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;border-radius:10px;margin:0 0 2px}
#s0{padding:0;background:#0f5560}#s0 video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#0f5560}
.flogo{position:absolute;inset:0;display:none;place-items:center;background:linear-gradient(160deg,#0f5560,#2ec4b6 55%,#a8f0e6)}.flogo img{width:72vw;max-width:320px;filter:drop-shadow(0 8px 14px #0006)}
.plbtn{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#fff;color:var(--mt);font-weight:700;border-radius:99px;padding:14px 24px;display:none;z-index:6;cursor:pointer}
.arrow{opacity:1;animation:pu 1.8s infinite;bottom:6vh;z-index:6}
.mut{color:var(--soft);font-size:.8rem}
.days button.half{background:#fff3cf}.days button.full{background:#ffe0e8;text-decoration:line-through}
.leg{font-size:.72rem;color:var(--soft);margin:8px 0 0}.dot{display:inline-block;width:10px;height:10px;border-radius:50%;vertical-align:-1px}.dot.half{background:#ffd95a}.dot.full{background:#ff9fb8}
.tns{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.tn{border:3px solid transparent;border-radius:18px;background:var(--bg);padding:10px 6px;font:inherit;font-family:inherit;color:var(--ink);cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:2px}
.tn .il{width:44px;height:44px}.tn small{color:var(--soft);font-size:.74rem}.tn.on{border-color:var(--pk);background:#fffafd}.tn:disabled{opacity:.5;cursor:not-allowed}.tn:disabled small{color:#d6336c;font-weight:600}
.sec{margin-top:14px}.sec h4{margin:0 0 8px;font-size:1rem}.sec .il{width:1.5em;height:1.5em}
.gal2{display:grid;grid-template-columns:1fr 1fr;gap:8px}.gal2 img,.gal2 figure img{width:100%;height:150px;object-fit:cover;border-radius:16px;margin:0;display:block}
.gal2 figure{margin:0}figcaption{font-size:.74rem;text-align:center;color:var(--soft);margin-top:4px;line-height:1.2}
.qrrow{display:flex;gap:14px;align-items:center}.qrrow img{width:110px;height:110px;border-radius:14px;background:#fff;flex:none;margin:0}
.refs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:8px 0}.refs figure{margin:0}.refs img{width:100%;height:150px;object-fit:cover;border-radius:14px;margin:0;display:block}
.bh{display:flex;gap:12px;align-items:flex-start}.bh h4{margin:0 0 2px}.bh p{margin:0 0 4px;font-size:.85rem;color:var(--soft)}.ic2{flex:none;width:58px;height:58px;background:var(--bg2);border-radius:50%;display:grid;place-items:center;font-size:0}.ic2 .il{width:38px;height:38px}
.mini .ic .tk{height:92px}
.ph{width:100%;aspect-ratio:4/3;object-fit:cover;object-position:center;border-radius:18px;display:block;margin:8px 0}
.ph.wide{aspect-ratio:auto;object-fit:contain}
.parkph img{aspect-ratio:auto;width:100%;border-radius:22px;display:block;margin:0}
.dl{margin:4px 0 8px;padding-left:18px;text-align:left;font-size:.85rem;color:var(--soft)}.dl li{margin:2px 0}
.mini .dl{font-size:.74rem;padding-left:16px;min-height:3.4em}
.mini .ic{height:84px;display:grid;place-items:center;font-size:0}.mini .ic .tk{width:100%;height:84px;object-fit:cover;border-radius:12px;margin:0;aspect-ratio:auto}.mini .ic .il{width:60px;height:60px}
.food .mini .ic{height:auto}.food .mini .ic .tk{height:auto;aspect-ratio:4/3}
.gal2 img,.gal2 figure img,.refs img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:14px;margin:0;display:block}
.gal1 img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:16px;display:block}
.qrrow img{width:110px;height:110px;object-fit:contain}
.pn{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding-bottom:6px;scrollbar-width:none}.pn::-webkit-scrollbar{display:none}
.sl{flex:0 0 100%;scroll-snap-align:center;background:#fff;border-radius:26px;padding:14px;box-shadow:0 10px 26px #14494f16;min-width:0}.sl .ph{margin:0 0 10px}
.hint{text-align:center;color:var(--mt);font-weight:600;font-size:.85rem;margin:10px 0 0;animation:nudge 1.8s ease-in-out infinite}@keyframes nudge{50%{transform:translateX(6px)}}
.pdots{display:flex;gap:6px;justify-content:center;margin-top:10px}.pdots i{width:9px;height:9px;border-radius:9px;background:var(--bg2)}.pdots i.a{width:26px;background:var(--pk)}
.duo{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.center{text-align:center}.center .dl{display:inline-block}
.evh{font-size:1.05rem;letter-spacing:.04em;margin:4px 0}
.ic2{width:88px;height:88px;border-radius:18px;background:var(--bg2)}.ic2 .il{width:64px;height:64px}.bc .cnt{justify-content:flex-end}
.lg{width:150px;height:auto}
.deco{position:fixed;left:0;top:0;width:100%;height:100vh;height:100lvh;z-index:0;overflow:hidden;pointer-events:none;contain:strict;transform:translateZ(0);will-change:transform}
.deco i{will-change:transform}
main{padding-top:58px}
.bk{position:fixed;top:calc(env(safe-area-inset-top,0px) + 10px);left:12px;z-index:7;background:#fff;border:0;border-radius:99px;padding:9px 16px;font:600 .95rem inherit;font-family:inherit;color:var(--ink);box-shadow:0 4px 14px #14494f2b;display:none;cursor:pointer}.bk.on{display:block}
#s0{padding:0;background:#0f5560}#s0 video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
#fr{position:absolute;inset:0;display:none;background:#0f5560}#fr img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 1s}#fr img.a{opacity:1}
.logoi{width:84px;height:auto;aspect-ratio:auto;object-fit:contain;display:block;margin:0;border-radius:0;background:none;box-shadow:none}
.mas .e .logoi{width:84px}.logoi.big{width:min(68vw,280px);margin:0 auto 6px}.inv-l{width:170px;margin:0 auto 4px}
.hero{text-align:center;margin-top:4px}.lead.c{text-align:center}
h1.big{font-size:32px;line-height:1.12;margin:.35em 0;text-align:center;font-weight:700}
.tri{display:flex;gap:10px;justify-content:center;margin:4px 0 10px}.tri img{width:30%;max-width:116px;aspect-ratio:1;border-radius:50%;object-fit:cover;margin:0}
.strip{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;padding:2px 2px 8px;margin:6px 0;scrollbar-width:none}.strip::-webkit-scrollbar{display:none}
.strip figure{flex:0 0 84%;margin:0;scroll-snap-align:center}.strip img{width:100%;aspect-ratio:4/3;object-fit:cover;object-position:center;border-radius:16px;display:block;margin:0}
.note{border:3px solid var(--or);background:#fff8e6;border-radius:18px;padding:12px 14px;margin:10px 0;font-weight:600;font-size:.95rem}
.note.warn{border-color:#ff5d73;background:#fff0f2;color:#9b1c31}
.bigw{background:linear-gradient(135deg,#ff4d6d,#ff8a5c);color:#fff;border-radius:22px;padding:18px;text-align:center;margin:12px 0;box-shadow:0 10px 22px #ff4d6d44}.bigw b{display:block;font-size:1.45rem;line-height:1.15}.bigw span{display:block;margin-top:6px}
.bigw.alc{background:linear-gradient(135deg,#7c5cff,#4dc3ff);box-shadow:0 10px 22px #7c5cff44}
.days button.half{background:#ffd21f;color:#5a4300;font-weight:700}.days button.full{background:#2f8bff;color:#fff;text-decoration:none;font-weight:700;opacity:.9}
.days button.on{background:var(--pk)!important;color:#fff!important;box-shadow:0 0 0 3px #fff,0 0 0 5px var(--pk)}
.dot.half{background:#ffd21f}.dot.full{background:#2f8bff}
.pk3{display:flex;align-items:center;gap:10px}.pk3 h3{flex:1;font-size:1.05rem}.pk3 .circ{width:68px;height:68px;border-radius:50%;margin:0;flex:none;object-fit:cover}.pk3 .price{font-size:1.15rem}
.mini{display:flex;flex-direction:column;text-align:center}.mini .cnt{margin-top:auto;padding-top:6px}
.mini .pic{width:100%;aspect-ratio:4/3;object-fit:cover;object-position:center;border-radius:12px;display:block;margin:0 0 6px}.mini .pic.cn{object-fit:contain;background:#fff}
.mini h4{margin:2px 0}.mini .dl{min-height:0;text-align:left}.price.sm{font-size:.95rem;margin:2px 0 4px}
.seg.col{flex-direction:column;border-radius:18px;gap:4px}.seg.col button{padding:9px 4px}
.tel{display:inline-block;background:var(--bg);border-radius:99px;padding:8px 14px;font-weight:700;color:var(--ink);text-decoration:none;margin:4px 4px 0 0}
.who{display:flex;gap:12px;align-items:center}.lgc{width:70px;height:70px;border-radius:50%;object-fit:cover;flex:none;margin:0;background:#fff}
.chk{display:flex;gap:10px;align-items:flex-start;background:#fff3cf;border-radius:18px;padding:14px;margin-top:12px;font-weight:600}.chk input{width:24px;height:24px;accent-color:var(--pk);flex:none}
.duo2{display:grid;gap:12px;margin-top:16px}.btn.xl{padding:17px 22px;font-size:1.1rem;width:100%}
.mesero{display:flex;gap:12px;align-items:center}.mesero img{width:40%;aspect-ratio:4/3;object-fit:cover;border-radius:14px;flex:none}
.gal .g.cake{flex:0 0 128px;padding:4px}.gal .g.cake img{height:170px;margin:0}
.refs figure{margin:0}.refs img{aspect-ratio:4/3}
.gridp{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:8px 0}.gridp figure{margin:0}.gridp img{width:100%;aspect-ratio:4/3;object-fit:cover;object-position:center;border-radius:14px;display:block;margin:0}
.gridp.g1{grid-template-columns:1fr}.gridp.g1 img{aspect-ratio:16/10}.gridp .pt img{aspect-ratio:3/4}.gridp .full{grid-column:1/-1}.gridp .full img{aspect-ratio:16/10}.gridp .top img{object-position:center 8%}
.pkg{display:grid;grid-template-columns:1fr 128px;gap:12px;align-items:center}.pkg h3{font-size:1.05rem;margin:0}.pkg .circ{width:128px;height:128px;border-radius:50%;object-fit:cover;margin:0}.price.bigp{font-size:1.35rem;margin:2px 0 4px}
.refs.one{grid-template-columns:1fr}.refs.one img{aspect-ratio:4/3}
.ph.nat{aspect-ratio:auto;object-fit:contain;background:none}
.mini .dl{flex:1 1 auto}.msgc{align-items:center;justify-content:center;gap:10px;background:linear-gradient(160deg,#fff,#eafcf9)}.msgc .e .il{width:76px;height:76px}.msgc .bub{box-shadow:none;background:var(--bg);text-align:center}
.mesero img{object-position:center 12%}
.note.nov{border-color:#2f8bff;background:#eef6ff;color:#14494f}.tri3{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}.tri3 figure{margin:0}.tri3 img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:12px;display:block;margin:0}.tri3 figcaption{font-size:.7rem;font-weight:600;text-align:center;margin-top:3px}
/* Ajuste para que el video vertical se vea completo en computadoras */
@media (min-width: 768px) {
    video {
        object-fit: contain !important;
        background-color: #f0f8ff; /* Color de fondo suave para los lados vacíos */
        height: 100vh !important;
        width: 100% !important;
    }
}