:root{box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);--bg:#F2F5F4;--card:#fff;--trash-ic:#B3261E;--trash-bg:var(--line);--frh-bg:var(--hgc);--frh-tx:#fff;--cvh-op1:.85;--cvh-op2:.95;--cvbar-bg:#011C41;--cvbar-bdc:transparent;--cvh-bg:var(--hg);--cvh-tx:#fff;--dcb:#FBEFD5;--dcd:#E3C77A;--dct:#7A5300;--dcs:#7A5300;--dcp:#7A5300;--dcpt:#FBEFD5;--ink:#12201E;--mute:#3E4F4C;--star:#B3C2BE;--line:#DCE4E2;--brand:#011C41;--on:#fff;--gold:#E3A72B;--win:#011C41;--winbg:#E1E8F3;--winbd:initial;--np:linear-gradient(135deg,#011C41,#1F4E8C);--nps:rgba(1,28,65,.3);--npc:#011C41;--nt:linear-gradient(135deg,#C98A1E,#ECC266);--nts:rgba(201,138,30,.34);--ntc:#A86E0C;--ntt:#011C41;--tgp:#E1E8F3;--tgpc:#011C41;--tgt:#FBEFD5;--tgtc:#7A5300;--wbar:#DFA746;--hg:linear-gradient(135deg,#0A2F5F,#2A63A8);--cg:#0B3A6E;--navb:#9FB0B6;--hgc:var(--np);--bellb:#011C41;--bpb:var(--bellb);--bpc:#fff;--bpr:none;--pgi:var(--brand);--gw1:var(--brand);--trhg:linear-gradient(90deg,rgba(228,238,250,.98) 0,rgba(222,234,248,.94) 50%,rgba(110,140,185,.5) 100%);--trbd:var(--line);--gwc:#D9A02A;--vcb:#E3F4F0;--vci:#0B6B5E;--vcvb:#fff;--vcvd:var(--line);--bellc:#fff;--bellhb:#E3A72B;--bellhc:#011C41;--stp:#1F4E8C;--stt:#E3A72B;--rcb:#E1F3EF;--rcbd:#0E5A52;--rct:#0B3F39;--rcbn:#0E5A52;--rcbt:#fff;--vsa:#FBEFD5;--sgb:#E3A72B;--sgt:#011C41;--isp:#1F4E8C;--ispt:#fff;--ist:#E3A72B;--istt:#011C41;--tcar:#1F4E8C;--tcarh:#1F4E8C;--tvdn:#B3261E;--tvgn:#1E864A;--tvamb:#946400;--ttint:rgba(227,167,43,.16);--rcg:linear-gradient(135deg,#0E5A52,#2FA595);--nvpb:#E4ECF7;--nvpc:#1F4E8C;--nvpt:#1F4E8C;--nvtb:#FBEFD5;--tsoft:var(--ttint);--tkb:#FFF8E6;--cvbg:transparent;--cvbd:transparent;--cvp:0px;--cvtb:#FBEFD5;--cvtt:#6B4B00;--cvtbd:#E3C77A;--cvkb:#FAF1E1;--cvkbd:#E6D2A6;--cvob:#E5F3EA;--cvobd:#BBDCC8;--cfb:#EAF1FA;--cfbd:#C6D8EE;--cfr:#F7F9FC;--lbb:#E3F3F2;--lbbd:#B9DEDB;--pfb:#FFFFFF;--pfbd:#E3A72B;--pyt:initial;--pys:initial;--pyd:#F0DDA8;--tnb:#011C41;--tnt:#FFFFFF;--ofb:#EDF0F1;--ofbd:#D5DBDD;--lgb:#FFFFFF;--lgbd:#011C41;--lgt:#011C41;--ncpb:#EAF1FA;--ncpt:#1F4E8C;--nctb:#FAF1E1;--nctt:#A86E0C;--hbp:#EAF1FB;--hbt:#FAF1DC;--hbg:#EEF0F2;--hbw:#EDF0F1;--hbo:#E1F5E8;--tkbd:#E3A72B;--vtx:initial;--vmt:initial;--vst:#C98A1E;--cdb:#E3A72B;--ctb:#FBEFD5;--ctt:#6B4B00;--ctbd:#E3C77A;--wb:#FBEFD5;--wt:#6B4B00;--wbd:#E3C77A;--aplb:linear-gradient(135deg,#C98A1E,#ECC266);--aplt:#1A1300;--vsgb:#D2ECEA;--vsga:#0B6B5E;--vsgt:#FFFFFF;--prb:#FAF1E1;--prbd:#E6D2A6;--lrb:#FBF4E2;--lrbd:#EAD9AA;--vrb:#BFE0D3;--vrbd:#D9B25E;--vrbw:1.5px;--vlth:linear-gradient(135deg,#073A34,#0D5A4E);--esb:#0B6B5E;--est:#FFFFFF;--esbd:transparent;--tlsb:#D2ECEA;--tlsa:#0B6B5E;--tlst:#FFFFFF;--tlsx:none;--tcb:#E3F3F2;--tcbd:#B9DEDB;--tci:#0B6B5E;--tct:#FFFFFF;--wdd:inline-block;--tagb:#FBEFD5;--tagt:#6B4B00;--tagbd:#E3C77A;--nvtc:#E3A72B;--nvtt:#8A5A00;--tcbl:#011C41;--tvroad:#A9B8B5;--frbg:var(--np);--frtx:#fff;--tcbg:var(--tvbg);--tctx:#011C41;--tcsh:var(--nts);--tcln:rgba(0,0,0,.18);--cxb:#E4ECF7;--cxc:#1F4E8C;--sgw:linear-gradient(135deg,#0B5E7A,#27A3C7);--sgo:linear-gradient(135deg,#1F7A44,#4CC07A)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--star:var(--line);--bg:#0D1514;--card:#16211F;--trash-ic:#FF5247;--trash-bg:rgba(255,82,71,.18);--frh-bg:linear-gradient(135deg,#C28D32,#EBC269);--frh-tx:#1F1400;--cvh-op1:1;--cvh-op2:1;--cvbar-bg:#0F2A52;--cvbar-bdc:rgba(255,255,255,.14);--cvh-bg:linear-gradient(135deg,#C28D32,#EBC269);--cvh-tx:#1F1400;--dcb:var(--card);--dcd:#E3A72B;--dct:var(--ink);--dcs:var(--mute);--dcp:#E3A72B;--dcpt:#011C41;--ink:#EAF1EF;--mute:#8FA3A0;--line:#243330;--brand:#DFA746;--on:#0D1514;--winbg:#0C1113;--winbd:#E3A72B;--win:#ECC266;--wbar:#DFA746;--hg:linear-gradient(135deg,#8A5A0A,#DFA746);--navb:#3A504C;--np:linear-gradient(135deg,#0A2F5F,#1F4E8C);--nps:rgba(31,78,140,.35);--npc:#1F4E8C;--nt:linear-gradient(135deg,#C98A1E,#ECC266);--nts:rgba(201,138,30,.34);--ntc:#A86E0C;--ntt:#1A1203;--tgp:#D6F1DE;--tgpc:#0B6B33;--tgt:#FBEFD5;--tgtc:#7A5300;--hgc:var(--hg);--cg:#0E5A52;--bellb:#16211F;--bpb:rgba(5,9,12,.45);--bpc:var(--brand);--bpr:0 0 0 1.5px var(--stt);--pgi:var(--mute);--gw1:initial;--trhg:linear-gradient(90deg,rgba(8,12,14,.98) 0,rgba(8,12,14,.94) 50%,rgba(227,167,43,.3) 100%);--trbd:var(--stt);--gwc:var(--brand);--vcb:var(--card);--vci:var(--stt);--vcvb:var(--card);--vcvd:var(--stt);--bellc:#fff;--bellhb:#DFA746;--bellhc:#0D1514;--stp:#3C7BC8;--stt:#E3A72B;--rcb:#12302B;--rcbd:#3FB5A5;--rct:#D6F1ED;--rcbn:#3FB5A5;--rcbt:#0D1514;--vsa:initial;--sgb:initial;--sgt:initial;--isp:#3470BA;--ispt:#fff;--ist:#E3A72B;--istt:#1A1203;--tcar:#7DB5F5;--tcarh:#7DB5F5;--tvdn:#F5A5A5;--tvgn:#7FDDA6;--tvamb:#E8C36A;--rcg:linear-gradient(135deg,#2E9E8D,#62D3C0);--nvpb:#14243A;--nvpc:#3C7BC8;--nvpt:#8DB8F2;--nvtb:#0C1113;--tsoft:transparent;--tkb:#0C1113;--cvbg:transparent;--cvbd:transparent;--cvp:0px;--cvtb:var(--line);--cvtt:var(--mute);--cvtbd:transparent;--cvkb:var(--card);--cvkbd:var(--line);--cvob:var(--card);--cvobd:var(--line);--cfb:var(--card);--cfbd:var(--line);--cfr:var(--card);--lbb:var(--card);--lbbd:var(--line);--pfb:var(--card);--pfbd:#E3A72B;--pyt:initial;--pys:initial;--pyd:#5A4A1E;--dcbd:#E3A72B;--vfb:#0F2F2B;--vfbd:#E3A72B;--ncpb:#EAF1FA;--ncpt:#1F4E8C;--nctb:#FAF1E1;--nctt:#A86E0C;--tnb:#E3A72B;--tnt:#011C41;--tdl:#EAF1FA;--ofb:initial;--ofbd:initial;--lgb:initial;--lgbd:#E3A72B;--lgt:initial;--skbd:#E3A72B;--skt:#EAF1EF;--cob:#FAF1E1;--cobd:#E3A72B;--cot:#6B4B00;--hbp:var(--card);--hbt:var(--card);--hbg:var(--card);--hbw:var(--card);--hbo:var(--card);--tkbd:#E3A72B;--vtx:initial;--vmt:initial;--vst:initial;--cdb:#E3A72B;--ctb:#0C1113;--ctt:#E3A72B;--ctbd:rgba(227,167,43,.28);--wb:transparent;--wt:#ECC266;--wbd:#E3A72B;--aplb:#000;--aplt:#fff;--vsgb:var(--line);--vsga:#E3A72B;--vsgt:#011C41;--prb:var(--card);--prbd:var(--line);--lrb:var(--card);--lrbd:#E3A72B;--vrb:var(--card);--vrbd:var(--line);--vrbw:1px;--vlth:linear-gradient(135deg,#0B6B5E,#188475);--esb:#14423A;--est:#7FE3CE;--esbd:#2A8070;--tlsb:initial;--tlsa:initial;--tlst:initial;--tlsx:initial;--tcb:#164A3A;--tcbd:#6FD3A0;--tci:#6FD3A0;--tct:#0B2A20;--tcmt:#BEE5CF;--sob:#164A3A;--sobd:#6FD3A0;--sos:#BEE5CF;--sobx:#6FD3A0;--sobxt:#0B2A20;--wdd:inline-block;--tagb:#0C1113;--tagt:#E3A72B;--tagbd:rgba(227,167,43,.28);--nvtc:#E3A72B;--nvtt:#E3A72B;--tcbl:#12407F;--tvroad:#6E8884;--frbg:var(--np);--frtx:#fff;--tcbg:var(--np);--tctx:#fff;--tcsh:var(--nps);--tcln:rgba(255,255,255,.28);--cxb:#14243A;--cxc:#8DB8F2;--sgw:linear-gradient(135deg,#0B5E7A,#2BAED4);--sgo:linear-gradient(135deg,#1F7A44,#4CC07A)}}
:root[data-theme="dark"]{--star:var(--line);--bg:#0D1514;--card:#16211F;--trash-ic:#FF5247;--trash-bg:rgba(255,82,71,.18);--frh-bg:linear-gradient(135deg,#C28D32,#EBC269);--frh-tx:#1F1400;--cvh-op1:1;--cvh-op2:1;--cvbar-bg:#0F2A52;--cvbar-bdc:rgba(255,255,255,.14);--cvh-bg:linear-gradient(135deg,#C28D32,#EBC269);--cvh-tx:#1F1400;--dcb:var(--card);--dcd:#E3A72B;--dct:var(--ink);--dcs:var(--mute);--dcp:#E3A72B;--dcpt:#011C41;--ink:#EAF1EF;--mute:#8FA3A0;--line:#243330;--brand:#DFA746;--on:#0D1514;--winbg:#0C1113;--winbd:#E3A72B;--win:#ECC266;--wbar:#DFA746;--hg:linear-gradient(135deg,#8A5A0A,#DFA746);--navb:#3A504C;--np:linear-gradient(135deg,#0A2F5F,#1F4E8C);--nps:rgba(31,78,140,.35);--npc:#1F4E8C;--nt:linear-gradient(135deg,#C98A1E,#ECC266);--nts:rgba(201,138,30,.34);--ntc:#A86E0C;--ntt:#1A1203;--tgp:#D6F1DE;--tgpc:#0B6B33;--tgt:#FBEFD5;--tgtc:#7A5300;--hgc:var(--hg);--cg:#0E5A52;--bellb:#16211F;--bpb:rgba(5,9,12,.45);--bpc:var(--brand);--bpr:0 0 0 1.5px var(--stt);--pgi:var(--mute);--gw1:initial;--trhg:linear-gradient(90deg,rgba(8,12,14,.98) 0,rgba(8,12,14,.94) 50%,rgba(227,167,43,.3) 100%);--trbd:var(--stt);--gwc:var(--brand);--vcb:var(--card);--vci:var(--stt);--vcvb:var(--card);--vcvd:var(--stt);--bellc:#fff;--bellhb:#DFA746;--bellhc:#0D1514;--stp:#3C7BC8;--stt:#E3A72B;--rcb:#12302B;--rcbd:#3FB5A5;--rct:#D6F1ED;--rcbn:#3FB5A5;--rcbt:#0D1514;--vsa:initial;--sgb:initial;--sgt:initial;--isp:#3470BA;--ispt:#fff;--ist:#E3A72B;--istt:#1A1203;--tcar:#7DB5F5;--tcarh:#7DB5F5;--tvdn:#F5A5A5;--tvgn:#7FDDA6;--tvamb:#E8C36A;--rcg:linear-gradient(135deg,#2E9E8D,#62D3C0);--nvpb:#14243A;--nvpc:#3C7BC8;--nvpt:#8DB8F2;--nvtb:#0C1113;--tsoft:transparent;--tkb:#0C1113;--cvbg:transparent;--cvbd:transparent;--cvp:0px;--cvtb:var(--line);--cvtt:var(--mute);--cvtbd:transparent;--cvkb:var(--card);--cvkbd:var(--line);--cvob:var(--card);--cvobd:var(--line);--cfb:var(--card);--cfbd:var(--line);--cfr:var(--card);--lbb:var(--card);--lbbd:var(--line);--pfb:var(--card);--pfbd:#E3A72B;--pyt:initial;--pys:initial;--pyd:#5A4A1E;--dcbd:#E3A72B;--vfb:#0F2F2B;--vfbd:#E3A72B;--ncpb:#EAF1FA;--ncpt:#1F4E8C;--nctb:#FAF1E1;--nctt:#A86E0C;--tnb:#E3A72B;--tnt:#011C41;--tdl:#EAF1FA;--ofb:initial;--ofbd:initial;--lgb:initial;--lgbd:#E3A72B;--lgt:initial;--skbd:#E3A72B;--skt:#EAF1EF;--cob:#FAF1E1;--cobd:#E3A72B;--cot:#6B4B00;--hbp:var(--card);--hbt:var(--card);--hbg:var(--card);--hbw:var(--card);--hbo:var(--card);--tkbd:#E3A72B;--vtx:initial;--vmt:initial;--vst:initial;--cdb:#E3A72B;--ctb:#0C1113;--ctt:#E3A72B;--ctbd:rgba(227,167,43,.28);--wb:transparent;--wt:#ECC266;--wbd:#E3A72B;--aplb:#000;--aplt:#fff;--vsgb:var(--line);--vsga:#E3A72B;--vsgt:#011C41;--prb:var(--card);--prbd:var(--line);--lrb:var(--card);--lrbd:#E3A72B;--vrb:var(--card);--vrbd:var(--line);--vrbw:1px;--vlth:linear-gradient(135deg,#0B6B5E,#188475);--esb:#14423A;--est:#7FE3CE;--esbd:#2A8070;--tlsb:initial;--tlsa:initial;--tlst:initial;--tlsx:initial;--tcb:#164A3A;--tcbd:#6FD3A0;--tci:#6FD3A0;--tct:#0B2A20;--tcmt:#BEE5CF;--sob:#164A3A;--sobd:#6FD3A0;--sos:#BEE5CF;--sobx:#6FD3A0;--sobxt:#0B2A20;--wdd:inline-block;--tagb:#0C1113;--tagt:#E3A72B;--tagbd:rgba(227,167,43,.28);--nvtc:#E3A72B;--nvtt:#E3A72B;--tcbl:#12407F;--tvroad:#6E8884;--frbg:var(--np);--frtx:#fff;--tcbg:var(--np);--tctx:#fff;--tcsh:var(--nps);--tcln:rgba(255,255,255,.28);--cxb:#14243A;--cxc:#8DB8F2;--sgw:linear-gradient(135deg,#0B5E7A,#2BAED4);--sgo:linear-gradient(135deg,#1F7A44,#4CC07A)}
html{scroll-padding-top:env(safe-area-inset-top,0px)}*{box-sizing:border-box;margin:0}
body{background:var(--bg);color:var(--ink);font-family:'Bricolage Grotesque',system-ui,sans-serif;max-width:560px;margin:0 auto;padding-bottom:140px;line-height:1.4}
header{display:flex;justify-content:space-between;align-items:center;padding:16px 18px 6px}
h1{font-size:19px;font-weight:800;letter-spacing:-.3px}h2{font-size:26px;font-weight:800;letter-spacing:-.6px;margin:8px 0 4px}
.hr{display:flex;gap:8px;align-items:center}
.seg{display:flex;background:var(--line);border-radius:99px;padding:3px}
.seg button{border:0;background:none;color:var(--mute);font-weight:600;font-size:13px;font-family:inherit;padding:6px 13px;border-radius:99px}.seg button.on{background:var(--brand);color:var(--on)}
.bell{position:relative;width:38px;height:38px;border-radius:50%;border:0;background:var(--bellb);color:var(--bellc);display:grid;place-items:center;padding:0;box-shadow:0 0 0 1px var(--line)}.bdg{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;padding:0 4px;border-radius:9px;background:#D93025;color:#fff;font-weight:700;font-size:12px;line-height:1;font-family:inherit;place-items:center;box-shadow:0 0 0 2px var(--bg);pointer-events:none}.av{width:38px;height:38px;border-radius:50%;background:var(--brand) center/cover no-repeat;color:var(--on);border:0;padding:0;font-weight:800;font-size:16px;font-family:inherit;box-shadow:0 0 0 2px var(--brand)}
.sub{padding:0 18px 12px;color:var(--mute);font-size:14px}main{padding:0 18px}
.card{background:var(--card);border-radius:18px;overflow:hidden;margin-bottom:14px;border:1px solid var(--line)}
.ph{height:230px;display:flex;align-items:flex-end;padding:12px;color:#fff;font-weight:600;font-size:13px;position:relative;text-shadow:0 1px 4px #0008}
.plus{position:absolute;top:10px;right:10px;display:flex;align-items:center;gap:7px;height:40px;padding:0 13px 0 4px;border-radius:99px;background:#fffE;color:#123A73;border:0;text-shadow:none;font-family:inherit}.plus *{pointer-events:none}.emb{position:relative;width:auto;height:auto;border:0;padding:6px;display:block;margin:0 auto;background:none;box-shadow:none;-webkit-tap-highlight-color:transparent}.emb *{pointer-events:none}.emb .lw,.emb .ly{filter:drop-shadow(.8px 0 0 #000) drop-shadow(-.8px 0 0 #000) drop-shadow(0 .8px 0 #000) drop-shadow(0 -.8px 0 #000) drop-shadow(-1px -1px 0 rgba(255,255,255,.65)) drop-shadow(2px 3px 1px rgba(0,0,0,.55)) drop-shadow(4px 8px 8px rgba(0,0,0,.35))}@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .emb .lw,.emb .ly{filter:drop-shadow(-1px -1px 0 rgba(255,255,255,.65)) drop-shadow(2px 3px 1px rgba(0,0,0,.55)) drop-shadow(4px 8px 8px rgba(0,0,0,.35))}}:root[data-theme="dark"] .emb .lw,.emb .ly{filter:drop-shadow(-1px -1px 0 rgba(255,255,255,.65)) drop-shadow(2px 3px 1px rgba(0,0,0,.55)) drop-shadow(4px 8px 8px rgba(0,0,0,.35))}.emb.go{cursor:pointer}.emb.go .lgs{animation:pul 2.2s ease-in-out infinite}.emb.lk{filter:grayscale(.85);opacity:.6}@keyframes pul{0%,100%{transform:scale(1)}50%{transform:scale(1.06)}}.lkb{position:absolute;right:-6px;bottom:-12px;font-size:20px;background:#fff;border-radius:50%;width:36px;height:36px;display:grid;place-items:center;box-shadow:0 3px 8px #0005}.swp{touch-action:pan-y pinch-zoom}.swp.sl{animation:inl .28s ease-out}.swp.sr{animation:inr .28s ease-out}@keyframes inl{from{transform:translateX(48px);opacity:.15}to{transform:none;opacity:1}}@keyframes inr{from{transform:translateX(-48px);opacity:.15}to{transform:none;opacity:1}}html,body{overscroll-behavior:none}.tut{position:fixed;inset:0;touch-action:none;background:rgba(6,20,18,.74);z-index:30;display:none}.tut.open{display:flex;flex-direction:column;justify-content:flex-end;align-items:center}.tut .sk{position:absolute;top:calc(14px + env(safe-area-inset-top,0px));right:14px;background:var(--brand);color:var(--on);border:0;border-radius:99px;padding:10px 18px;font-weight:700;font-size:15px;font-family:inherit;box-shadow:0 4px 14px #0006}.tut .cn{position:absolute;top:calc(22px + env(safe-area-inset-top,0px));left:18px;color:#fff;font-weight:600;font-size:14px;opacity:.9}.tut .sh{width:100%;max-width:560px;background:var(--card);border-radius:26px 26px 0 0;padding:20px 20px calc(22px + env(safe-area-inset-bottom,0px))}html.tutp body{padding-bottom:620px}
html.brolock,html.brolock body{overflow:hidden}.tut .sh.sa{min-height:480px}
.tut .sh.shk{min-height:496px}.pe{position:fixed;inset:0;z-index:50;background:#060E0D;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:20px}.pest{position:relative;width:min(80vw,320px);aspect-ratio:1;border-radius:50%;overflow:hidden;touch-action:none;box-shadow:0 0 0 4px var(--brand);background:#000;cursor:grab}.pest img{position:absolute;max-width:none;user-select:none;-webkit-user-drag:none;pointer-events:none}.pehint{color:#ffffffaa;margin:0;font-size:14px;text-align:center}.pez{display:flex;align-items:center;gap:12px;width:min(80vw,320px);color:#fff;font-size:22px;font-weight:700}.pez input{flex:1;accent-color:var(--brand);height:44px;touch-action:pan-x;margin:0}.pez button{flex:none;width:44px;height:44px;border-radius:50%;border:1px solid #ffffff44;background:transparent;color:#fff;font-weight:700;font-size:24px;line-height:1;font-family:inherit;display:grid;place-items:center;padding:0}.peb{display:flex;gap:10px;width:min(80vw,320px)}.peb .btn{flex:1}
.swp{position:relative}
.gdr{display:none;position:fixed;inset:0;z-index:35;background:rgba(6,20,18,.58);touch-action:none;-webkit-tap-highlight-color:transparent}.gdr.on{display:block}
.hint{position:relative;z-index:36;pointer-events:none}.hint small{display:block;margin-top:6px;font-size:12.5px;opacity:.75}
.hint{display:flex;gap:12px;align-items:center;background:var(--card);border:1.5px solid #1F4E8C;border-radius:18px;padding:13px 14px;margin:0 0 12px;font-size:14.5px;line-height:1.4;color:var(--ink)}
.hint .hi{flex:none;width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,#011C41,#1F4E8C);color:#fff;display:grid;place-items:center}.hint .hi svg{width:22px;height:22px}
.hand{position:absolute;left:50%;top:118px;width:78px;height:78px;margin-left:-39px;z-index:37;pointer-events:none;opacity:0;animation:hsw 2.6s ease-in-out infinite both}
.hand .hd{display:grid;place-items:center;width:78px;height:78px;border-radius:50%;background:rgba(255,255,255,.3);box-shadow:0 0 0 6px rgba(255,255,255,.16);color:#fff;filter:drop-shadow(0 3px 8px rgba(0,0,0,.55))}
@keyframes hsw{0%{opacity:0;transform:translateX(92px) rotate(10deg) scale(.9)}15%{opacity:1;transform:translateX(92px) rotate(10deg) scale(1)}70%{opacity:1;transform:translateX(-92px) rotate(-10deg) scale(1)}90%,100%{opacity:0;transform:translateX(-92px) rotate(-10deg) scale(.95)}}
@media (prefers-reduced-motion:reduce){.hand{display:none}}

.acts{display:flex;flex-direction:column;gap:12px;margin-top:20px}
.act{display:flex;align-items:center;gap:14px;width:100%;text-align:left;border:0;border-radius:22px;padding:18px 16px;font-family:inherit;cursor:pointer;transition:transform .12s}
.act:active{transform:scale(.985)}.act *{pointer-events:none}.act:disabled{opacity:.78}
.act .ai{flex:none;width:50px;height:50px;border-radius:50%;display:grid;place-items:center}
.act .at{flex:1;min-width:0}
.act b{display:block;font-weight:800;font-size:18px;line-height:1.2;font-family:inherit}
.act small{display:block;font-weight:500;font-size:13px;line-height:1.3;margin-top:3px;opacity:.88}
.act .ch{flex:none;font-size:30px;line-height:1;opacity:.8}
.act.s1{background:var(--np);color:#fff;box-shadow:0 12px 26px -12px var(--nps)}.act.s1 .ai{background:rgba(255,255,255,.2)}
.act.s2{background:linear-gradient(135deg,#C98A1E,#ECC266);color:#011C41;box-shadow:0 12px 26px -12px rgba(201,138,30,.6)}.act.s2 .ai{background:rgba(1,28,65,.14)}
.act.s3{background:var(--card);color:var(--ink);box-shadow:inset 0 0 0 2px var(--brand)}.act.s3 .ai{background:var(--line);color:var(--brand)}
.nota{margin:18px 0 4px;padding:20px 18px;border-radius:20px;text-align:center;border:0;background:var(--np);color:#fff;box-shadow:0 12px 26px -12px var(--nps);font-weight:800;font-size:20px;font-family:inherit;pointer-events:none;user-select:none;-webkit-user-select:none}
.okc{flex:none;width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#011C41,#1F4E8C);color:#fff;box-shadow:0 4px 12px -4px rgba(1,28,65,.65);display:grid;place-items:center;font-weight:800;font-size:22px;line-height:1;font-family:inherit}.okc.sm{width:26px;height:26px;font-size:15px}
.okl{margin-right:auto;display:flex;align-items:center;gap:10px}.okt{font-weight:600;font-size:14px;color:var(--mute)}
.nxt{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;margin:18px 0 4px;padding:18px 20px;border:0;border-radius:20px;background:var(--np);color:#fff;font-family:inherit;text-align:left;box-shadow:0 12px 26px -12px var(--nps);cursor:pointer}
.nxt *{pointer-events:none}.nxt b{display:block;font-weight:800;font-size:20px;line-height:1.2;font-family:inherit}.nxt small{display:block;font-weight:500;font-size:13px;opacity:.88;margin-top:3px}
.nxt .ar{flex:none;width:42px;height:42px;border-radius:50%;background:rgba(255,255,255,.2);display:grid;place-items:center;font-size:22px}
.pzo{position:fixed;inset:0;z-index:40;background:rgba(6,14,13,.9);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;padding:20px}.pzc{width:min(78vw,340px);aspect-ratio:1;border-radius:50%;background:center/cover no-repeat;box-shadow:0 0 0 5px var(--brand),0 20px 50px rgba(0,0,0,.5);animation:pzin .28s ease-out;pointer-events:none}@keyframes pzin{from{transform:scale(.35);opacity:.2}to{transform:scale(1);opacity:1}}.tut .pgr{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;margin:0 0 12px}.tut .pgr .pager{margin:0}.tut .pgr .sk{position:static;justify-self:end;padding:6px 12px;font-size:13px;font-weight:600;box-shadow:none;background:transparent;color:var(--skt,var(--mute));border:1px solid var(--skbd,var(--line))}.tut h2 svg{width:30px;height:30px;display:block}.tut .sh{position:relative;z-index:2;display:flex;flex-direction:column;min-height:450px}.tut .sh>.row:last-child{margin-top:auto}.tut .sk,.tut .cn{z-index:3}.thl{z-index:35!important;outline:3px solid var(--brand);outline-offset:5px}.tut .spot-unused{position:absolute;z-index:1;border-radius:99px;border:2px solid var(--brand);box-shadow:0 0 0 100vmax rgba(6,20,18,.76);pointer-events:none}.tut .vis{min-height:160px;border-radius:18px;background:var(--winbg);display:grid;place-items:center;margin-bottom:16px;overflow:hidden;padding:14px}.tut .vis.vp{min-height:124px;margin-bottom:14px;padding:12px}.tut .vis.vg{background:linear-gradient(135deg,#1747B8,#0B2A6B)}.colb{position:absolute;top:10px;left:10px;display:flex;align-items:center;gap:7px;height:40px;padding:0 13px 0 4px;border-radius:99px;background:#fffE;color:#123A73;border:0;font-weight:600;font-size:12px;font-family:inherit;text-shadow:none}.colb *{pointer-events:none}.colb b{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#011C41,#1F4E8C);box-shadow:0 3px 8px -3px rgba(1,28,65,.7);color:#fff;display:grid;place-items:center;font-weight:800;font-size:18px;line-height:1;font-family:inherit}.plus b{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#011C41,#1F4E8C);box-shadow:0 3px 8px -3px rgba(1,28,65,.7);color:#fff;display:grid;place-items:center;font-weight:800;font-size:20px;line-height:1;font-family:inherit}.plus small{font-size:13px;font-weight:600;font-family:inherit}
.body{padding:14px 16px}.row{display:flex;justify-content:space-between;align-items:center;gap:10px}
.price{font-size:24px;font-weight:800;letter-spacing:-.5px}.price small{font-size:13px;color:var(--mute);font-weight:600}
.egb{background:linear-gradient(135deg,#DFA746,#F3CB7E);color:#2B1B00;font-weight:800;font-size:13px;letter-spacing:.2px;border-radius:99px;padding:6px 14px;white-space:nowrap;box-shadow:0 5px 14px rgba(223,167,70,.38),inset 0 1px 0 #fff8;border:1px solid #B8842C}
.tag{font-size:12px;background:var(--line);border-radius:99px;padding:3px 10px;color:var(--mute);font-weight:600;border:0;font-family:inherit;white-space:nowrap}
.ok{background:#D6F1DE;color:#0B6B33}.warn{background:var(--wb);color:var(--wt);box-shadow:inset 0 0 0 1.5px var(--wbd,transparent)}
.warn::before{content:"";display:var(--wdd,none);width:7px;height:7px;border-radius:50%;background:#E3A72B;margin-right:7px;vertical-align:1px}.bad{background:#FAD9D5;color:#9B1C12}
.facts{display:flex;gap:16px;margin:10px 0;flex-wrap:wrap}.facts div{font-size:12px;color:var(--mute)}.facts b{display:block;font-size:20px;color:var(--ink)}
html,body{touch-action:pan-x pan-y;-webkit-text-size-adjust:100%}input,select,textarea{font-size:16px!important}
.chips{display:flex;flex-wrap:wrap;gap:6px;margin:4px 0}
.chip{border:1px solid var(--line);background:var(--card);color:var(--ink);font-weight:600;font-size:13px;font-family:inherit;padding:7px 12px;border-radius:99px}.chip.on{background:var(--brand);color:var(--on);border-color:var(--brand)}
.btn{border:0;background:var(--brand);color:var(--on);font-weight:600;font-size:15px;font-family:inherit;padding:13px 18px;border-radius:14px;width:100%;display:block;text-align:center}.btn.ghost{background:var(--line);color:var(--ink)}
.priv{background:#FFF4D6;color:#5A4300;border-radius:12px;padding:10px 12px;font-size:13px;margin-top:10px}
.priv.pva{background:#F8E2A4;color:#2E2100;border:1.5px solid #C98A1E}.priv.pva b{color:#5A3A00}
.note{font-size:12px;color:var(--mute);margin:6px 2px}
.vbk{display:inline-flex;align-items:center;justify-content:center;gap:6px;width:auto;border:0;background:var(--brand);color:var(--on);border-radius:99px;padding:9px 18px 9px 14px;min-height:44px;font-family:inherit;font-weight:700;font-size:15px;box-shadow:0 6px 14px -6px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.28);cursor:pointer}
.vbk:active{transform:scale(.96);box-shadow:0 2px 6px -3px rgba(0,0,0,.5)}
.vbk.ch::before{content:"‹";font-size:22px;line-height:1;margin-top:-3px}
/* v199: texto de la interfaz no se selecciona por accidente; sí en campos y en lo que se copia */
body{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
input,textarea,select,[contenteditable="true"],.sel{-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}
.undob{position:fixed;left:50%;transform:translateX(-50%);bottom:calc(96px + env(safe-area-inset-bottom,0px));width:calc(100% - 20px);max-width:548px;z-index:34;display:flex;align-items:center;justify-content:space-between;gap:10px;background:linear-gradient(135deg,#C98A1E,#ECC266);color:#1A1300;border:0;border-radius:18px;padding:10px 12px 10px 16px;font-size:14px;font-weight:700;box-shadow:0 10px 26px rgba(201,138,30,.45)}
.undob .btn{width:auto;flex:none;height:40px;padding:0 18px;margin:0;background:#0C1113;color:#E3A72B;box-shadow:none}.lb{font-size:13px;font-weight:600;margin:14px 0 4px;display:block}
input,textarea,select{width:100%;font:inherit;padding:11px;border-radius:12px;border:1px solid var(--line);background:var(--card);color:var(--ink)}
.stars{display:flex;gap:4px;font-size:32px;color:var(--star,var(--line));cursor:pointer;user-select:none}.stars span{position:relative}.stars span.f{color:var(--gold)}
.stars span.h::before{content:"★";position:absolute;left:0;width:50%;overflow:hidden;color:var(--gold)}
nav{position:fixed;bottom:calc(12px + env(safe-area-inset-bottom,0px));left:50%;transform:translateX(-50%);width:calc(100% - 20px);max-width:548px;display:none;gap:4px;background:linear-gradient(180deg,var(--card),var(--bg));border:2px solid var(--navb);border-radius:28px;box-shadow:0 14px 34px rgba(0,0,0,.45),0 2px 0 rgba(255,255,255,.55) inset,0 -3px 0 rgba(0,0,0,.08) inset;padding:7px;z-index:5}
nav button{flex:1;border:0;background:none;color:var(--ink);opacity:.78;font-weight:700;font-size:12px;font-family:inherit;padding:10px 2px 9px;border-radius:21px;display:flex;flex-direction:column;align-items:center;gap:4px}
nav button svg{width:24px;height:24px;display:block;pointer-events:none}
nav button.on{background:var(--brand);color:var(--on);opacity:1;box-shadow:0 6px 14px rgba(0,0,0,.35),0 1px 0 rgba(255,255,255,.35) inset,0 -2px 0 rgba(0,0,0,.2) inset;transform:translateY(-2px)}
.dr{position:fixed;inset:0;z-index:9}

.dr button{display:flex;align-items:center;gap:16px;width:100%;text-align:left;border:0;background:none;color:var(--ink);font-size:19px;font-weight:600;font-family:inherit;padding:19px 2px;border-bottom:1px solid var(--line)}.dr button svg{width:26px;height:26px;flex:none;stroke:var(--brand);fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}.dr button span{pointer-events:none}
.pager{display:flex;gap:6px;justify-content:center;margin:0 0 12px}.pager i{width:8px;height:8px;border-radius:9px;background:var(--line)}.pager i.on{background:var(--brand);width:22px}
@keyframes hbg{from{transform:scaleX(0)}to{transform:scaleX(1)}}.hb{transform-origin:left}@keyframes cbg{from{transform:scaleY(0)}to{transform:scaleY(1)}}.cb{transform-origin:bottom}[data-ch]{-webkit-tap-highlight-color:transparent}[data-ch] *{pointer-events:none}
.crit{display:flex;gap:6px;overflow-x:auto;padding-bottom:10px}.crit button{flex:none}
.vs{padding:14px 16px}.bar{margin:10px 0}.bar .l{display:flex;justify-content:space-between;font-size:14px;margin-bottom:4px}
.bar .t{height:12px;background:var(--line);border-radius:9px;overflow:hidden}.bar .t i{display:block;height:100%;background:var(--mute);border-radius:9px}.bar.w .t i{background:var(--wbar,var(--brand))}.bar.w .l b{color:var(--win)}
.tbl{width:100%;border-collapse:collapse;font-size:14px}.tbl th{font-size:12px;font-weight:600;color:var(--mute);padding:8px 4px}
.tbl td{text-align:center;padding:11px 3px;font-size:13px;border-top:1px solid var(--line)}.tbl td:first-child{text-align:left;color:var(--mute);font-size:12px}.tbl td.w{background:var(--winbg);color:var(--win);font-weight:800;border-radius:8px}
.car{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px}.car .sl{flex:none;width:92%;scroll-snap-align:center}
.car.gcar{overflow-y:hidden;align-items:flex-start;overscroll-behavior-x:contain;touch-action:pan-x pan-y;-webkit-overflow-scrolling:touch}.car.gcar .sl{scroll-snap-stop:always;scroll-snap-align:start}
.im{height:230px;border-radius:16px;background:var(--line)}.empty{height:200px;border:2px dashed var(--line);border-radius:16px;display:grid;place-items:center;color:var(--mute);text-align:center;padding:20px}
.cnt{display:flex;align-items:center;justify-content:center;gap:26px;margin:26px 0}.cnt b{font-size:64px;font-weight:800;min-width:70px;text-align:center}
.cnt button{width:54px;height:54px;border-radius:50%;border:0;background:var(--line);color:var(--ink);font-weight:600;font-size:28px;font-family:inherit}
.ln{padding:12px 16px;border-top:1px solid var(--line)}.ln:first-child{border-top:0}.x{border:0;background:none;color:var(--mute);font-size:16px;padding:4px}
@media print{header,nav,.noprint{display:none!important}body{background:#fff;color:#000;max-width:none}.priv{display:none}}
.gb{transform-origin:left;animation:grow .9s ease-out both}@keyframes grow{from{transform:scaleX(0)}}
.gv{position:fixed;inset:0;z-index:40;background:#050a09;display:none;flex-direction:column}.gv.open{display:flex}.gvs{flex:1;display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.gvs::-webkit-scrollbar{display:none}.gvi{flex:0 0 100%;scroll-snap-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:76px 12px 60px;min-height:0}.gvi img{max-width:100%;max-height:100%;min-height:0;object-fit:contain;border-radius:16px;flex:0 1 auto}.gvl{background:#fffE;color:#0E5A52;border-radius:99px;padding:8px 18px;font-weight:800;font-size:15px}.gvx{position:absolute;top:calc(14px + env(safe-area-inset-top,0px));right:14px;width:46px;height:46px;border-radius:50%;border:0;background:#fff;color:#111;font:700 24px/1 sans-serif;box-shadow:0 4px 14px #0008}.gvc{position:absolute;top:calc(24px + env(safe-area-inset-top,0px));left:18px;color:#fff;font-weight:700;font-size:15px}.gva{position:absolute;top:50%;width:44px;height:44px;margin-top:-22px;border-radius:50%;border:0;background:#ffffffD9;color:#0E5A52;font:800 26px/1 sans-serif}.gv *{-webkit-tap-highlight-color:transparent}
.bmsw{flex:none;width:50px;height:30px;border-radius:99px;background:var(--line);position:relative;border:0;padding:0;cursor:pointer}.bmsw::after{content:"";position:absolute;top:3px;left:3px;width:24px;height:24px;border-radius:50%;background:var(--card);box-shadow:0 1px 3px rgba(0,0,0,.35);transition:transform .15s}.bmsw.lk{opacity:.55}.bmsw.on{background:var(--brand)}.bmsw.on::after{transform:translateX(20px);background:var(--on)}.bmsw::before{content:"";position:absolute;inset:-7px -4px}.bsh2{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:10px;align-items:start}@media (max-width:360px){.bsh2{grid-template-columns:minmax(0,1fr)}}
.lw,.ly{position:absolute;inset:0;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}.lw{background:#FBFBFD}.ly{background:#DFA746}.lgs.n .lw{-webkit-mask-image:var(--mnw);mask-image:var(--mnw)}.lgs.n .ly{-webkit-mask-image:var(--mng);mask-image:var(--mng)}.lgs.f .lw{-webkit-mask-image:var(--mfw);mask-image:var(--mfw)}.lgs.f .ly{-webkit-mask-image:var(--mfg);mask-image:var(--mfg)}.lgs.fe .lw{-webkit-mask-image:var(--mfwe);mask-image:var(--mfwe)}.lgs.fe .ly{-webkit-mask-image:var(--mfge);mask-image:var(--mfge)}
.lgtag{width:270px;max-width:100%;margin:0 auto 22px;text-align:center;font-weight:500;font-size:11.4px;letter-spacing:.42em;padding-left:.42em;white-space:nowrap;color:#011C41}@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .lgtag{color:#FBFBFD}}:root[data-theme="dark"] .lgtag{color:#FBFBFD}
.lgo .lw{background:#011C41;filter:drop-shadow(0 2px 3px rgba(1,28,65,.25))}.lgo .ly{background:linear-gradient(160deg,#E9A92B,#C27A0A);filter:drop-shadow(.6px 0 0 #6b3f00) drop-shadow(-.6px 0 0 #6b3f00) drop-shadow(0 .6px 0 #6b3f00) drop-shadow(0 -.6px 0 #6b3f00) drop-shadow(0 2px 3px rgba(107,63,0,.3))}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .lgo .lw{background:#FBFBFD;filter:none}:root:not([data-theme="light"]) .lgo .ly{background:#DFA746;filter:none}}:root[data-theme="dark"] .lgo .lw{background:#FBFBFD;filter:none}:root[data-theme="dark"] .lgo .ly{background:#DFA746;filter:none}
.emb .lw,.emb .ly{filter:drop-shadow(-1px -1px 0 rgba(255,255,255,.9)) drop-shadow(2px 3px 1px rgba(0,0,0,.35)) drop-shadow(4px 8px 8px rgba(0,0,0,.2))}
input::placeholder,textarea::placeholder{color:var(--mute);opacity:.6}
.mapb{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:14px 16px;border-radius:16px;background:linear-gradient(135deg,#011C41,#1F4E8C);color:#fff!important;font-weight:700;font-size:15px;font-family:inherit;text-decoration:none!important;box-shadow:0 8px 20px rgba(1,28,65,.35),inset 0 1px 0 rgba(255,255,255,.35);transition:transform .15s}.mapb:active{transform:scale(.98)}.mapb span{pointer-events:none}.mapb .mpa{font-size:22px;line-height:1;margin-left:2px;opacity:.9}


.fup{margin-top:14px;border:1px solid var(--line);border-left:5px solid var(--gold,#E3A72B);border-radius:14px;padding:12px 14px;background:var(--card)}
.fup b{display:block;font-size:14px}.fup p{margin:6px 0 0;font-size:15px}.fup small{display:block;margin-top:6px;color:var(--mute)}
.fend{margin-top:14px;background:none;border:2px solid var(--brand);color:var(--brand)}
.fmo{position:fixed;inset:0;z-index:28;background:rgba(6,20,18,.55);display:flex;align-items:center;justify-content:center;padding:20px;touch-action:none}
.fms{width:100%;max-width:360px;background:var(--card);color:var(--ink);border-radius:20px;padding:20px 18px 14px;box-shadow:0 24px 48px -12px rgba(6,20,18,.5);animation:bpin .16s ease-out}
.fms h3{margin:0 0 6px;font-size:19px}.fms p{margin:0 0 14px;color:var(--mute);font-size:14px}
.fms .btn{margin-top:8px}.fms .fdl{background:#B3261E;color:#fff}.fms .fcn{display:block;margin:10px auto 0;border:0;background:none;color:var(--mute);font:inherit;font-weight:600;padding:8px 14px;cursor:pointer}

.lswp{position:relative;overflow:hidden;border-radius:16px;margin-bottom:8px}
.lswp .librow{margin-bottom:0}
.lsw-sl{position:relative;z-index:1;touch-action:pan-y;background:var(--card);border-radius:16px;will-change:transform}
.lswp.open .lsw-sl{transform:translateX(-88px)}
.lswp.lsett .lsw-sl{pointer-events:none}
.lsw-del{position:absolute;top:0;right:0;bottom:0;width:88px;border:0;background:#B3261E;color:#fff;font-family:inherit;font-weight:700;font-size:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;cursor:pointer;padding:0;border-radius:0 16px 16px 0}
.lsw-del svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
.lsw-del span{pointer-events:none}
.lswp:not(.open):not(.sw) .lsw-del{visibility:hidden}
/* v223: áreas táctiles de 44 px (zonas invisibles; el aspecto no cambia) */
#blb,#avb,.agc button.tag,.ln button.tag[data-edit],button.x,button[data-drm],#sub a,.dtg,button[data-tutm],.chip{position:relative}
#blb::after,#avb::after{content:"";position:absolute;inset:-3px}
.agc button.tag::after,.ln button.tag[data-edit]::after{content:"";position:absolute;inset:-12px 0}
button.x::after{content:"";position:absolute;inset:-8px -20px -8px -3px}
button[data-drm]::after{content:"";position:absolute;inset:-7px -10px}
#sub a::after{content:"";position:absolute;inset:-2px 0}
.dtg::after,button[data-tutm]::after{content:"";position:absolute;inset:-12px 0}
.chip::after{content:"";position:absolute;inset:-7px 0}
@media (max-width:350px){.plus small{font-size:12px}.plus{gap:5px;padding:0 9px 0 4px}}
/* v227 */
.tvh.vlt{background:var(--vlth);color:#fff}
.pa2{display:flex;gap:6px;margin-top:10px}
.lk2{flex:1;margin:0;min-height:44px;padding:10px 6px;border:0;background:transparent;color:var(--brand);font-family:inherit;font-weight:600;font-size:13px;line-height:1.25;text-decoration:underline;text-underline-offset:3px;border-radius:12px;cursor:pointer}
.lk2.on{background:var(--brand);color:var(--on);text-decoration:none}
#sub .bct{display:block;margin-top:10px;vertical-align:baseline;line-height:1.2}
#sub .bct1{display:block;font-size:20px;font-weight:800;line-height:1.2;color:var(--ink)}
#sub .bct2{display:block;font-size:14px;font-weight:500;color:var(--mute);margin-top:2px}
main .frase,.frase.frase{font-family:inherit;font-style:normal;font-size:17px;font-weight:600;line-height:1.3}
.agi{color:var(--on)}.agi svg{width:18px;height:18px}
.ic2{display:inline-block;vertical-align:-4px;margin-right:6px}
.empty.empty2{height:auto;padding:22px 16px}
.eic{width:56px;height:56px;border-radius:50%;background:var(--line);display:grid;place-items:center;margin:0 auto 10px;color:var(--mute)}
.empty2 b{display:block;color:var(--ink)}.empty2 .note{margin:4px 0 14px}
.ph::after{content:"";position:absolute;left:0;right:0;bottom:0;height:90px;background:linear-gradient(transparent,rgba(0,0,0,.55));pointer-events:none}
.ph .et{position:relative;z-index:1}.ph .plus,.ph .colb{z-index:2}
#nav button{position:relative}.nvlk{position:absolute;top:5px;right:9px;width:12px;height:12px;opacity:.9}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .priv{background:#0C1113;color:#EAF1EF;border:1.5px solid #E3A72B}:root:not([data-theme="light"]) .priv b{color:#E3A72B}}
:root[data-theme="dark"] .priv{background:#0C1113;color:#EAF1EF;border:1.5px solid #E3A72B}:root[data-theme="dark"] .priv b{color:#E3A72B}

@media (hover:hover) and (pointer:fine){
.lswp:not(.open):not(.sw) .lsw-del{visibility:visible}
.lswp{overflow:visible;display:flex;align-items:center;gap:8px}
.lswp .lsw-sl{flex:1;min-width:0;touch-action:auto;transform:none!important}
.lsw-del{position:static;flex:none;width:42px;height:42px;border-radius:50%;background:var(--trash-bg);color:var(--trash-ic)}
.lsw-del span{display:none}
.lsw-del:hover{background:#B3261E;color:#fff}
}
.lmsg{margin:0 0 12px;padding:10px 12px;border-radius:12px;background:var(--winbg,#FFF3D6);color:var(--ink);font-size:14px}
.lmsg a{color:var(--brand);font-weight:700;text-decoration:underline;cursor:pointer}

/* v216: filtros de La Biblioteca */
.lfsg{display:flex;gap:2px;background:var(--vsgb);border-radius:14px;padding:3px;margin:0 0 10px}
.lfsg button{flex:1;min-width:0;border:0;background:none;color:var(--mute);font-family:inherit;font-weight:700;font-size:13px;padding:10px 2px;border-radius:11px;min-height:40px}
.lfsg button.on{background:var(--vsga);color:var(--vsgt);box-shadow:0 1px 3px rgba(0,0,0,.22)}
.lffb{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 6px}
.lfc{display:inline-flex;align-items:center;max-width:100%;min-width:0;min-height:44px;border:1px solid var(--dcbd,var(--line));background:var(--card);color:var(--ink);border-radius:99px;padding:0;font-family:inherit;font-weight:600;font-size:13px}
button.lfc{padding:0 13px;gap:6px}button.lfc *{pointer-events:none}
.lfc .lfd{color:var(--mute)}
.lfc.on{background:var(--sob,var(--ttint));border-color:var(--sobd,var(--ist))}
.lfc .lft{border:0;background:none;color:inherit;font:inherit;font-weight:600;padding:0 4px 0 14px;min-height:44px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;max-width:62vw}
.lfc .lfx{border:0;background:none;color:inherit;font-family:inherit;font-size:14px;padding:0 14px 0 6px;min-height:44px;min-width:40px;opacity:.85}
.lfcn{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:13px;color:var(--mute);margin:2px 2px 8px;min-height:22px}
.lfcn button{border:0;background:none;color:var(--brand);font-family:inherit;font-weight:700;font-size:13px;text-decoration:underline;padding:8px 2px;min-height:36px}
.librt small.lpr{color:var(--ink);font-weight:700}
.lop{display:inline-block;font-size:12px;font-weight:800;letter-spacing:0;text-transform:uppercase;padding:1px 5px;border-radius:6px;margin-right:5px;vertical-align:1px}
.lop.v{background:var(--tgt);color:var(--tgtc)}.lop.r{background:var(--tgp);color:var(--tgpc)}
html.lflock,html.lflock body{overflow:hidden;overscroll-behavior:none}
.lfo{position:fixed;inset:0;z-index:29}
.lfbk{position:absolute;inset:0;background:rgba(6,20,18,.55);touch-action:none}
.lfsh{position:absolute;left:0;right:0;bottom:0;margin:0 auto;width:100%;max-width:560px;max-height:88vh;max-height:88dvh;display:flex;flex-direction:column;background:var(--card);color:var(--ink);border-radius:22px 22px 0 0;padding:10px 16px calc(14px + env(safe-area-inset-bottom,0px));box-shadow:0 -10px 30px rgba(0,0,0,.3)}
.lfsh.lfan{animation:lfup .18s ease-out}
@keyframes lfup{from{transform:translateY(28px);opacity:.4}to{transform:none;opacity:1}}
@media (prefers-reduced-motion:reduce){.lfsh.lfan{animation:none}}
.lfgr{width:38px;height:4px;border-radius:4px;background:var(--line);margin:0 auto 10px;flex:none}
.lfhd{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;flex:none}.lfhd b{font-size:18px}
.lfhd button{border:0;background:var(--line);color:var(--ink);width:36px;height:36px;border-radius:50%;font-family:inherit;font-size:14px}
.lfsb{overflow-y:auto;min-height:0;display:flex;flex-direction:column;gap:12px;padding-bottom:4px;overscroll-behavior:contain;touch-action:pan-y;-webkit-overflow-scrolling:touch}
.lflb{font-size:12px;font-weight:700;color:var(--mute);margin:0 0 6px}
.lfam{display:flex;align-items:center;gap:8px;min-width:0}.lfam .lfw{font-size:14px;font-weight:700;flex:none}
.lffl{flex:1;min-width:0;display:flex;align-items:center;gap:4px;border:2px solid var(--line);border-radius:13px;background:var(--card);padding:0 10px;height:48px}
.lffl.f{border-color:var(--ist)}.lffl span{color:var(--mute);font-weight:700;flex:none}
.lffl input{flex:1;min-width:0;width:auto;border:0;background:none;padding:0;border-radius:0;color:var(--ink);font-weight:700;font-variant-numeric:tabular-nums;outline:none}
.lfpr{display:flex;flex-wrap:wrap;gap:7px}
.lfpr button{border:1px solid var(--prbd);background:var(--prb);color:var(--ink);font-family:inherit;font-weight:600;font-size:13px;border-radius:99px;padding:0 13px;min-height:40px}
.lferr{font-size:12.5px;color:var(--tvdn);min-height:17px;margin:0;font-weight:600}
.lfht{font-size:12.5px;color:var(--mute);margin:0}
.lfft{display:flex;gap:10px;align-items:center;margin-top:12px;flex:none}
.lfft .btn{flex:1}.lfft .btn[disabled]{opacity:.45}
.lfft .lfk{border:0;background:none;color:var(--mute);font-family:inherit;font-weight:700;font-size:14px;text-decoration:underline;padding:10px 4px;min-height:44px}
.lfr{display:flex;align-items:center;gap:12px;width:100%;text-align:left;border:1px solid var(--lrbd);background:var(--lrb);color:var(--ink);border-radius:13px;padding:0 12px;min-height:50px;font-family:inherit}
.lfr *{pointer-events:none}
.lfr .lbx{flex:none;width:24px;height:24px;border-radius:7px;border:2px solid var(--line);display:grid;place-items:center;font-size:14px;color:var(--on);font-weight:800}
.lfr.on{border-color:var(--sobd,var(--ist));background:var(--sob,var(--ttint))}.lfr.on small{color:var(--sos,var(--mute))}.lfr.on .lbx{background:var(--sobx,var(--ist));border-color:var(--sobx,var(--ist));color:var(--sobxt,var(--istt))}
.lfr b{flex:1;font-size:15px}.lfr small{color:var(--mute);font-size:12.5px}
.lfgl{font-size:12px;font-weight:800;letter-spacing:.4px;text-transform:uppercase;color:var(--mute);margin:4px 0 -4px}

.fts{margin-top:12px}.fts>b{font-size:14px}.fts .fcn{font-size:12px;color:var(--mute);margin-left:6px}
.ftg{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px}.ftc{width:calc(50% - 5px);min-width:0}
.fph{border:0;padding:0;background:none;display:block;width:100%;cursor:pointer;border-radius:12px}
.fph img{width:100%;height:96px;object-fit:cover;border-radius:12px;display:block;pointer-events:none}
.ftcap{display:block;font-size:12px;color:var(--mute);margin-top:4px;line-height:1.3;overflow-wrap:anywhere}
.fpl{display:flex;flex-direction:column;gap:10px;width:100%}
.fpr{display:flex;gap:10px;align-items:center}
.fpr .fph{flex:none;width:62px}.fpr .fph img{height:62px}
.fpr .fdin{flex:1;min-width:0;margin:0}
.gvcap{background:#000A;color:#fff;border-radius:14px;padding:10px 14px;font-size:15px;line-height:1.35;max-width:92%;text-align:center;max-height:22vh;overflow:auto;overflow-wrap:anywhere}
html.bplock,html.bplock body{overflow:hidden;overscroll-behavior:none}
#bpo{display:none;position:fixed;inset:0;z-index:26;touch-action:none;overscroll-behavior:none}
#bpo .bpp{touch-action:none}
#bpo .bpl{touch-action:pan-y}
#bpo .bpbk{position:absolute;inset:0;touch-action:none;background:rgba(6,20,18,.18)}
#bpo .bpp{position:absolute;display:flex;flex-direction:column;background:var(--card);color:var(--ink);border:1px solid var(--line);border-radius:18px;box-shadow:0 22px 44px -14px rgba(6,20,18,.45),0 4px 12px rgba(6,20,18,.12);transform-origin:calc(var(--ax,300px) + 7px) -8px;animation:bpin .16s ease-out;overflow:visible}
#bpo .bpp::before{content:"";position:absolute;top:-7px;left:var(--ax,300px);width:14px;height:14px;background:var(--card);border-left:1px solid var(--line);border-top:1px solid var(--line);transform:rotate(45deg);border-top-left-radius:4px}
#bpo .bph{display:flex;align-items:center;justify-content:space-between;padding:13px 14px 8px 16px;font-size:16px}
#bpo .bpx{border:0;background:var(--line);color:var(--ink);width:28px;height:28px;border-radius:50%;font:inherit;font-size:13px;cursor:pointer}
#bpo .bpl{overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:2px 12px 4px;min-height:0}
#bpo .bpi{border:1px solid var(--line);border-radius:14px;padding:10px 12px;margin-bottom:10px;display:flex;flex-direction:column;gap:4px;background:var(--card)}
#bpo .bpi.nw{border:2px solid var(--brand)}
#bpo .bpi small{color:var(--mute);font-size:13px}
#bpo .bpb{border:0;background:var(--brand);color:var(--on);font-family:inherit;font-weight:600;font-size:14px;padding:9px 12px;border-radius:11px;margin-top:6px;width:100%;cursor:pointer}
#bpo .bpe{padding:18px 8px;text-align:center;color:var(--mute);font-size:14px}
#bpo .bpf{margin:0;padding:8px 16px 13px;font-size:13px;color:var(--mute)}
#bpo .bpf a{color:var(--brand);font-weight:700;cursor:pointer;text-decoration:underline}
#bpo .libstrip{margin-bottom:10px;padding:9px 10px}
@keyframes bpin{from{opacity:0;transform:scale(.94) translateY(-4px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){#bpo .bpp{animation:none}}
.bell{transition:background .2s,color .2s}.bell.has{background:var(--bellhb);color:var(--bellhc);box-shadow:none}.bell.wig svg{animation:bw .8s ease-in-out 1;transform-origin:50% 8%}
@keyframes bw{0%,100%{transform:rotate(0)}15%{transform:rotate(-16deg)}35%{transform:rotate(13deg)}55%{transform:rotate(-8deg)}75%{transform:rotate(5deg)}}
@media (prefers-reduced-motion:reduce){.bell.wig svg{animation:none}}
.tut .sh.sga .vis:not(.vg){--ink:#EAF1EF;--mute:#8FA3A0;--card:#16211F;--line:#243330;--brand:#DFA746;--on:#0D1514;color:var(--ink);background:var(--tkb,var(--vsa,var(--winbg)));box-shadow:inset 0 0 0 1.5px var(--tkbd,var(--sgb,transparent))}:root[data-theme="light"] .tut .sh.sga .vis:not(.vg){--ink:#12201E;--mute:#3E4F4C;--card:#fff;--line:#DCE4E2;--brand:#011C41;--on:#fff}@media (prefers-color-scheme:light){:root:not([data-theme]) .tut .sh.sga .vis:not(.vg){--ink:#12201E;--mute:#3E4F4C;--card:#fff;--line:#DCE4E2;--brand:#011C41;--on:#fff}}.tut .pgr{grid-template-columns:minmax(0,1fr) auto minmax(max-content,1fr)}.tut .pgr .sk{white-space:nowrap}
.tut .sh.sga .pager i.on{background:var(--sgb,var(--brand))}
.tut .sh.sga>.row>.btn:not(.ghost){background:var(--sgb,var(--brand));color:var(--sgt,var(--on))}
.rcv{background:var(--rcb);border:1.5px solid var(--rcbd);color:var(--rct);border-radius:18px;padding:14px;margin-bottom:14px}
.rcvt{display:flex;align-items:center;gap:12px}.rcvt b{display:block;font-size:15px}.rcvt small{display:block;font-size:12.5px;opacity:.85}
.rcvi{flex:none;width:40px;height:40px;border-radius:50%;background:var(--rcbn);color:var(--rcbt);display:grid;place-items:center;font-weight:800;font-size:14px}
.rcvm{display:flex;align-items:center;gap:12px;background:var(--card);color:var(--ink);border-radius:14px;padding:9px;margin-top:12px}
.rcvm b{display:block;font-size:15px}.rcvm small{display:block;font-size:12.5px;color:var(--mute)}
.rcvth{flex:none;width:52px;height:52px;border-radius:10px}
.rcvb{width:100%;margin-top:12px;border:0;border-radius:14px;padding:13px;background:var(--rcbn);color:var(--rcbt);font-weight:700;font-size:15px;font-family:inherit}
.hsec{display:flex;justify-content:space-between;align-items:center;width:100%;border:0;font-family:inherit;font-size:15px;font-weight:700;padding:12px 14px;margin-top:8px}
.card.hb-p .lswp.rowsw .lsw-sl{background:var(--hbp)}.card.hb-t .lswp.rowsw .lsw-sl{background:var(--hbt)}.card.hb-ag .lswp.rowsw .lsw-sl{background:var(--hbg)}.card.hb-w .lswp.rowsw .lsw-sl{background:var(--hbw)}.card.hb-o .lswp.rowsw .lsw-sl{background:var(--hbo)}.card.hb-p{background:var(--hbp)}.card.hb-t{background:var(--hbt)}.card.hb-ag{background:var(--hbg)}.card.hb-w{background:var(--hbw)}.card.hb-o{background:var(--hbo)}
.cvbg{background:var(--cvbg);border:1px solid var(--cvbd);border-radius:22px;padding:var(--cvp)}.card.cfc{background:var(--cfb);border-color:var(--cfbd)}
.card.cfc .tutrow{background:var(--cfr)}
.card.pfc{background:var(--pfb);border-color:var(--pfbd)}.card.pfc .ln{border-top-color:var(--pyd,var(--line))}.card.pfc .ln b{color:var(--pyt,inherit)}.card.pfc .ln small{color:var(--pys,var(--mute))!important}
.lswp:not([data-lspec^="vlt"])>.lsw-sl:has(>.librow){background:var(--lbb)}
.lswp:not([data-lspec^="vlt"])>.lsw-sl>.librow{background:var(--lbb);border-color:var(--lbbd)}
.lswp[data-lspec^="vlt"]>.lsw-sl:has(>.librow){background:var(--vrb)}
.lswp[data-lspec^="vlt"]>.lsw-sl>.librow{background:var(--vfb,var(--vrb));border-color:var(--vfbd,var(--vrbd))}
.btn.apl{background:var(--aplb);color:var(--aplt)}
.card.cvo{background:var(--cvob);border-color:var(--cvobd)}
.chips.cvt .tag{background:var(--cvtb);color:var(--cvtt);box-shadow:inset 0 0 0 1px var(--cvtbd)}
.hsec .tag{margin-left:6px;background:rgba(255,255,255,.28);color:inherit}
nav.mp button.on{background:var(--isp);color:var(--ispt)}nav.mt button.on{background:var(--ist);color:var(--istt)}
.tvp{display:flex;gap:6px;margin:8px 0 12px;overflow-x:auto;padding-bottom:2px}
.tvb{flex:1 0 76px;min-width:76px;border:1.5px solid transparent;border-radius:12px;padding:7px 4px;background:var(--line);color:var(--mute);font-weight:600;font-size:11px;font-family:inherit;display:flex;flex-direction:column;align-items:center;gap:1px}
.tvb *{pointer-events:none}.tvb b{font-size:15px;color:var(--ink)}.tvb small{font-size:10.5px;font-weight:600}
.tvb.on{border-color:var(--ist);background:var(--card);color:var(--ink)}
.tvb.v{background:#D6F1DE;color:#0B6B33}.tvb.v b{color:#0B6B33}.tvb.d{background:#FAD9D5;color:#9B1C12}.tvb.d b{color:#9B1C12}
.tvb.on.v,.tvb.on.d{border-color:var(--ist)}
.tvc{border:0;border-radius:99px;padding:8px 13px;background:var(--line);color:var(--mute);font-weight:600;font-size:13px;font-family:inherit;margin:0 6px 7px 0}
.tvc.tl.on{background:#D6F1DE;color:#0B6B33}.tvc.tn.on{background:#FAD9D5;color:#9B1C12}

.nota.nt{background:var(--ist);color:var(--istt);box-shadow:0 12px 26px -12px var(--ist)}
.tvh{background:var(--nt);color:var(--ntt);border-radius:20px;padding:16px 18px;margin:6px 0 12px;box-shadow:0 12px 24px -14px var(--ist)}
.tvh .row{margin:0}.tvt{font-size:26px;font-weight:800}.tvs{font-size:13px;opacity:.92}
.tvo{background:rgba(0,0,0,.25);color:#fff;border-radius:99px;padding:3px 10px;font-size:12px;font-weight:700}
.tvg{height:9px;border-radius:99px;background:rgba(128,128,128,.38);margin:10px 0 7px;overflow:hidden}.tvg i{display:block;height:100%;border-radius:99px;background:currentColor;transition:width .5s}
.tvw{overflow-x:auto;padding-bottom:4px;-webkit-overflow-scrolling:touch}
.tvroad{position:relative;height:34px}
.tvline{position:absolute;left:0;right:0;top:26px;border-top:3px dashed var(--line)}
.tvstop{position:absolute;top:19px;width:14px;height:14px;border-radius:50%;border:2.5px solid var(--ist);background:var(--card)}
.tvstop.v{background:#2E9E5B;border-color:#2E9E5B}.tvstop.d{background:#C93B2E;border-color:#C93B2E}
.tvcar{position:absolute;top:2px;width:44px;height:22px;color:var(--tcar);z-index:2;pointer-events:none}
.tvcar svg{display:block;width:44px;height:22px;filter:drop-shadow(0 2px 2px rgba(0,0,0,.3))}.tvcar.rv svg{transform:scaleX(-1)}
.tvp{display:flex;gap:6px;margin:0 0 12px}
.tvp .tvb{flex:0 0 76px;min-width:0}
.tvcard{border-top:5px solid var(--ist)}
.tvcard,.pcd,.bro{border-color:var(--cdb,var(--line));box-shadow:inset 0 0 0 .5px var(--cdb,transparent)}
.pcd .tag{background:var(--ctb,var(--line));color:var(--ctt,var(--mute));box-shadow:inset 0 0 0 1px var(--ctbd,transparent)}
.tvhd{display:flex;align-items:center;gap:7px;font-weight:700;font-size:14px;margin:12px 0 7px}.tvhd.up{color:#1F8A4C}.tvhd.dn{color:#C0392B}
.tvhd svg{width:20px;height:20px;flex:none}
.tvc svg,.tvc span{pointer-events:none}
.tvc{display:inline-flex;align-items:center;gap:6px}
.tvc svg{width:16px;height:16px;flex:none}
.tvx{display:block;width:100%;margin:2px 0 8px}
.tvm{background:#FAD9D5;color:#9B1C12;border-radius:12px;padding:10px 12px;font-weight:700;font-size:13px;margin:0 0 10px}
.tvshake{animation:tvsh .45s}
@keyframes tvsh{0%,100%{transform:translateX(0)}20%{transform:translateX(-7px)}40%{transform:translateX(7px)}60%{transform:translateX(-5px)}80%{transform:translateX(4px)}}
.tvdis{opacity:.55}
@media (prefers-reduced-motion:reduce){.tvshake{animation:none}}
.tvp{position:relative}.tvb{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;transition:transform .18s}
.tvb.tvdr{z-index:6;transition:none;box-shadow:0 12px 22px -6px rgba(0,0,0,.55);transform-origin:50% 50%}
.tvb.tvdr b{transform:scale(1.15)}
.tvtt{display:flex;align-items:center;gap:14px}.tvtc{display:block;color:var(--tcarh)}.tvtc svg{display:block;width:64px;height:32px}
.tvord .tvb{position:relative}.tvord .tvb.p::after{content:"";position:absolute;top:7px;right:7px;width:9px;height:14px;background:radial-gradient(circle,currentColor 1.3px,transparent 1.7px) 0 0/4.5px 4.5px;opacity:.55}

.btn.tvsoft,.btn.tvpri,.btn.tvblu,.btn.tvdng{display:flex;align-items:center;justify-content:center;gap:9px;font-weight:800}
.btn.tvsoft svg,.btn.tvpri svg,.btn.tvblu svg,.btn.tvdng svg{width:19px;height:19px;flex:none}
.btn.tvsoft{background:var(--tsoft);color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--ist);font-size:14px}
.btn.tvpri{background:var(--nt);color:var(--ntt);box-shadow:0 12px 22px -12px var(--nts)}
.btn.tvblu{background:var(--np);color:#fff;box-shadow:0 12px 22px -12px var(--nps)}
.btn.tvdng{background:rgba(192,57,43,.1);color:var(--tvdn);box-shadow:inset 0 0 0 1.5px rgba(192,57,43,.5)}
.tvb{background:var(--card);border:1.5px solid rgba(227,167,43,.55);color:var(--ink);box-shadow:0 8px 14px -10px rgba(227,167,43,.9);padding:8px 4px}
.tvb b{width:27px;height:27px;border-radius:50%;background:var(--ttint);color:var(--ink);display:grid;place-items:center;font-size:14px;font-weight:800;margin-bottom:2px}
.tvb span{color:var(--ink)}.tvb small{color:var(--mute)}
.tvb.on{background:var(--nt);border-color:transparent;color:var(--ntt);box-shadow:0 12px 20px -10px var(--nts),0 0 0 2px var(--ist)}
.tvb.on b{background:rgba(255,255,255,.6);color:var(--ntt)}.tvb.on span,.tvb.on small{color:var(--ntt)}
.tvb.v{background:linear-gradient(135deg,#2E9E5B,#5BC585);border-color:transparent;color:#fff;box-shadow:0 8px 14px -10px #2E9E5B}
.tvb.v b{background:rgba(255,255,255,.92);color:#1F7A44}.tvb.v span,.tvb.v small{color:#fff}
.tvb.d{background:linear-gradient(135deg,#C0392B,#E8695D);border-color:transparent;color:#fff;box-shadow:0 8px 14px -10px #C0392B}
.tvb.d b{background:rgba(255,255,255,.92);color:#A52A1E}.tvb.d span,.tvb.d small{color:#fff}
.tvb.on.v,.tvb.on.d{box-shadow:0 0 0 2px var(--ist)}
.tvcard .tag{background:var(--tagb);color:var(--tagt);box-shadow:inset 0 0 0 1px var(--tagbd)}
.tvc.tl{background:rgba(46,158,91,.12);color:var(--tvgn);box-shadow:inset 0 0 0 1.5px rgba(46,158,91,.4)}
.tvc.tl.on{background:#2E9E5B;color:#fff;box-shadow:none}
.tvc.tn{background:rgba(192,57,43,.1);color:var(--tvdn);box-shadow:inset 0 0 0 1.5px rgba(192,57,43,.4)}
.tvc.tn.on{background:#C0392B;color:#fff;box-shadow:none}
.rcv2{border-radius:22px;overflow:hidden;background:var(--card);border:1.5px solid var(--rcbd);margin-bottom:14px;box-shadow:0 16px 30px -18px var(--rcbd)}
.rch{position:relative;height:172px}
.rch::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.3) 0%,rgba(0,0,0,0) 40%,rgba(0,0,0,.74) 100%)}
.rcn{position:absolute;top:12px;left:12px;z-index:2;background:var(--rcg);color:var(--rcbt);border-radius:99px;padding:5px 13px;font-weight:800;font-size:12px;letter-spacing:.4px}
.rcc{position:absolute;top:12px;right:12px;z-index:2;background:rgba(0,0,0,.52);color:#fff;border-radius:99px;padding:5px 11px;font-weight:700;font-size:12px}
.rcs{position:absolute;left:12px;right:12px;bottom:12px;z-index:2;display:flex;align-items:center;gap:10px;color:#fff}
.rcs b{display:block;font-size:15px;text-shadow:0 1px 5px rgba(0,0,0,.6)}.rcs .rcvi{border:2px solid #fff;background:var(--rcg)}
.rcb2{padding:14px 16px 16px}
.rcq{background:var(--rcb);color:var(--rct);border-radius:12px;padding:10px 12px;font-size:13.5px;margin:10px 0 0;border-left:4px solid var(--rcbn)}.rcq small{opacity:.8}
.rcb2 .rcvb{background:var(--rcg);color:var(--rcbt);box-shadow:0 12px 22px -12px var(--rcbd)}

nav.mp{background:var(--nvpb);border:1.5px solid var(--nvpc);box-shadow:0 14px 28px -16px var(--nvpc)}
nav.mt{background:var(--nvtb);border:1.5px solid var(--nvtc);box-shadow:0 14px 28px -16px var(--nvtc)}
nav.mp button,nav.mt button{opacity:1;position:relative}
nav.mp button{color:var(--nvpt)}nav.mt button{color:var(--nvtt)}
nav.mp button+button::before,nav.mt button+button::before{content:"";position:absolute;left:-2.5px;top:14px;bottom:14px;width:1.5px;border-radius:2px;background:currentColor;opacity:.32;pointer-events:none}
nav.mp button.on::before,nav.mp button.on+button::before,nav.mt button.on::before,nav.mt button.on+button::before{display:none}
nav.mp button.on{background:var(--np);color:#fff;box-shadow:0 10px 18px -8px var(--nps),0 1px 0 rgba(255,255,255,.3) inset;transform:translateY(-3px)}
nav.mt button.on{background:var(--nt);color:var(--ntt);box-shadow:0 10px 18px -8px var(--nts),0 1px 0 rgba(255,255,255,.4) inset;transform:translateY(-3px)}
.btn.tvbig{padding:19px 14px;font-size:17px;box-shadow:0 16px 28px -12px var(--nts),0 0 0 3px var(--ttint)}
.btn.tvbig svg{width:22px;height:22px}
.tcl{display:flex;gap:10px;align-items:flex-start;border-radius:12px;padding:10px 12px;margin-top:8px}.tcl svg{width:22px;height:22px;flex:none;margin-top:1px}
.tcl.up{background:rgba(46,158,91,.12);color:var(--tvgn)}.tcl.dn{background:rgba(192,57,43,.1);color:var(--tvdn)}.tcl div div{color:var(--ink);margin-top:2px}
.tcq{margin-top:8px;padding:10px 12px;border-radius:12px;background:var(--ttint)}.tcq div{margin-top:2px}
.tutrow{display:flex;align-items:center;gap:12px;width:100%;text-align:left;border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:16px;padding:12px;margin-top:8px;font-family:inherit}
.tutrow *{pointer-events:none}.tutrow .tri{flex:none;width:42px;height:42px;border-radius:50%;background:var(--ttint);display:grid;place-items:center;font-size:21px}
.tutrow .trt{flex:1;min-width:0}.tutrow .trt b{display:block;font-size:15px}.tutrow .trt small{display:block;color:var(--mute);font-size:12.5px;margin-top:1px}
.tutrow .trc{flex:none;background:var(--nt);color:var(--ntt);border-radius:99px;padding:6px 14px;font-weight:800;font-size:13px}
.libstrip{display:flex;align-items:center;gap:12px;width:100%;text-align:left;border:1.5px solid var(--rcbd);background:var(--rcb);color:var(--rct);border-radius:16px;padding:10px 12px;margin-bottom:12px;font-family:inherit;box-shadow:0 10px 20px -14px var(--rcbd)}
.libstrip *{pointer-events:none}.libstrip .rcvi{flex:none;border:0;background:var(--rcg);color:var(--rcbt)}.libst{flex:1;min-width:0}.libst b{display:block;font-size:14.5px}.libst small{display:block;font-size:12px;opacity:.85;margin-top:1px}.libch{flex:none;font-size:22px;opacity:.7;transition:transform .2s}
.libh{background:var(--rcg);color:var(--rcbt);box-shadow:0 12px 24px -14px var(--rcbd)}
.libtabs{display:flex;gap:6px;margin:0 0 12px}.libtabs button{flex:1;border:0;border-radius:14px;padding:11px 4px;background:var(--line);color:var(--mute);font-weight:800;font-size:14px;font-family:inherit}.libtabs button.on{background:var(--rcg);color:var(--rcbt);box-shadow:0 10px 18px -12px var(--rcbd)}
.librow{display:flex;align-items:center;gap:12px;width:100%;text-align:left;border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:16px;padding:10px;margin-bottom:8px;font-family:inherit}
.librow.nw{border:1.5px solid var(--rcbd)}.librow *{pointer-events:none}.libsw{display:flex;align-items:center;gap:12px;width:100%;text-align:left;border:0;background:none;color:var(--ink);font-family:inherit;padding:0}
.librow.sen button.libsw{pointer-events:auto}.librow.sen button.libsw *{pointer-events:none}
.libth{flex:none;border-radius:12px;display:block;background-color:var(--line)}.librt{flex:1;min-width:0}.librt b{display:block;font-size:15px}.librt small{display:block;color:var(--mute);font-size:12.5px;margin-top:1px}
.libnew{background:var(--rcg);color:var(--rcbt);border-radius:99px;padding:2px 9px;font-size:12px;font-weight:800}
.libd{font-size:12px;font-weight:700;color:var(--tvgn);margin-top:3px}.libd.low{color:#946400}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .libd.low{color:#E8C36A}}:root[data-theme="dark"] .libd.low{color:#E8C36A}
.tvline{border-top:3px dashed var(--tvroad)}
.tvprog{position:absolute;left:0;top:25px;height:5px;border-radius:3px;background:var(--tcar);box-shadow:0 0 10px var(--tcar);z-index:1}
.tvtc svg{filter:drop-shadow(0 1px 1.5px rgba(0,0,0,.45))}
.btn.pvsoft{display:flex;align-items:center;justify-content:center;gap:9px;font-weight:800;font-size:14px;background:var(--cxb);color:var(--cxc);box-shadow:inset 0 0 0 1.5px var(--cxc)}
nav.mp button.lk,nav.mt button.lk{opacity:.55}
.tvb{border-color:var(--cxc);box-shadow:0 8px 14px -10px var(--nps)}
.tvb b{background:var(--cxb);color:var(--cxc)}
.tvb.on:not(.v):not(.d){background:var(--np);color:#fff;border-color:transparent;box-shadow:0 12px 20px -10px var(--nps),0 0 0 2px var(--cxc)}
.tvb.on:not(.v):not(.d) b{background:rgba(255,255,255,.92);color:#1F4E8C}
.tvb.on:not(.v):not(.d) span,.tvb.on:not(.v):not(.d) small{color:#fff}
.tvb.on.v,.tvb.on.d{box-shadow:0 0 0 2px var(--cxc)}
.tvstop{border-color:var(--cxc)}

.dsec{margin-top:14px;padding-top:12px;border-top:1px solid var(--line)}.dsec h4{margin:0 0 2px;font-size:15px;font-weight:700;color:var(--ink)}.dsec .dsub{font-size:12px;color:var(--mute)}
.dbtn{display:flex;align-items:center;gap:10px;width:100%;margin-top:8px;padding:11px 12px;border-radius:12px;border:1px solid var(--line);background:var(--card);color:var(--ink)!important;font-family:inherit;text-align:left;text-decoration:none!important;cursor:pointer;box-sizing:border-box}.dbtn *{pointer-events:none}
.dbtn .dic{flex:none;width:34px;height:34px;border-radius:9px;background:var(--brand);color:var(--on);font-size:11px;font-weight:700;display:grid;place-items:center}.dbtn .dt{flex:1;font-size:14px;font-weight:700;line-height:1.25}.dbtn .dt small{display:block;font-weight:500;color:var(--mute);font-size:12px;margin-top:1px}.dbtn .dch{font-size:22px;line-height:1;color:var(--mute)}
.dsl{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:12px;margin-top:12px}.dsl .dh{display:flex;justify-content:space-between;align-items:center;gap:8px 12px;flex-wrap:wrap}.dsl .dh b{font-size:15px}
.dtg span{white-space:nowrap}.dtg{display:inline-flex;align-items:center;gap:8px;font-size:12px;color:var(--mute);border:0;background:none;font-family:inherit;padding:0}.dtg i{display:inline-block;width:34px;height:20px;border-radius:99px;background:var(--line);position:relative}.dtg i::after{content:"";position:absolute;left:2px;top:2px;width:16px;height:16px;border-radius:50%;background:var(--mute);transition:left .15s}.dtg.on i{background:var(--brand)}.dtg.on i::after{left:16px;background:var(--on)}.dtg *{pointer-events:none}
.dadd{display:block;width:100%;border:1px dashed var(--mute);border-radius:12px;padding:11px;text-align:center;font-weight:600;font-size:14px;font-family:inherit;color:var(--ink);background:none;margin-top:8px;cursor:pointer;box-sizing:border-box}
.dok{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:8px;padding:9px 10px;border-radius:10px;background:var(--line);font-size:13px;overflow-wrap:anywhere}.dok small{display:block;color:var(--mute);font-size:12px}.dok button{border:0;background:none;color:var(--mute);font-size:18px;font-family:inherit;padding:4px 8px;flex:none}
.dbar{height:6px;border-radius:99px;background:var(--line);overflow:hidden;margin-top:6px}.dbar i{display:block;height:100%;background:var(--brand);animation:dbr 1.8s linear forwards}@keyframes dbr{from{width:6%}to{width:100%}}
.dpg{background:#f4f1ea;color:#2b2b2b;border-radius:10px;padding:14px;font-size:12px;line-height:1.5;min-height:230px;position:relative;margin-top:10px}.dpg .dln{display:flex;justify-content:space-between;border-bottom:1px solid #d8d2c4;padding:4px 0}.dpg .dgr{height:9px;border-radius:5px;background:#d8d2c4;margin:7px 0}.dpg .dex{position:absolute;right:10px;bottom:8px;font-size:11px;color:#8a8577}

.frase{font-family:"Fraunces",Georgia,serif;font-weight:600;font-size:21px;line-height:1.22;letter-spacing:0;color:var(--brand);margin:0 0 18px;padding:2px 0 2px 14px;border-left:4px solid var(--brand);border-radius:2px}
#sub a{display:inline-flex;align-items:center;gap:6px;background:var(--brand);color:var(--on)!important;font-weight:700;font-size:16px;padding:9px 16px 9px 12px;border-radius:99px;box-shadow:0 6px 14px -6px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.28);cursor:pointer;margin-right:10px;text-decoration:none;transition:transform .12s,box-shadow .12s}#sub a:active{transform:scale(.96);box-shadow:0 2px 6px -3px rgba(0,0,0,.5)}
#sub .bct{font-size:16px;font-weight:600;color:var(--ink);vertical-align:middle;line-height:1.5}
.btn{background-image:linear-gradient(180deg,rgba(255,255,255,.2),rgba(255,255,255,0) 58%);box-shadow:0 8px 18px -8px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.3);transition:transform .12s,box-shadow .12s}.btn:active{transform:translateY(1px) scale(.985);box-shadow:0 3px 8px -4px rgba(0,0,0,.5)}
.btn.ghost.lgg{background:var(--lgb,var(--line));border-color:var(--lgbd,var(--mute));color:var(--lgt,var(--ink))}.btn.ghost{background-image:none;border:1.5px solid var(--mute);box-shadow:0 4px 10px -6px rgba(0,0,0,.35),inset 0 -2px 0 rgba(0,0,0,.06)}.btn.ghost:active{box-shadow:0 1px 3px -2px rgba(0,0,0,.4)}
.chip{box-shadow:0 2px 0 rgba(0,0,0,.14),0 6px 12px -7px rgba(0,0,0,.4);transition:transform .1s,box-shadow .1s}.chip:active{transform:translateY(1px);box-shadow:0 1px 0 rgba(0,0,0,.14)}.chip.on{box-shadow:0 2px 0 rgba(0,0,0,.22),0 8px 14px -7px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.25)}
label.empty{cursor:pointer}.gadd{height:64px;margin-top:16px;border:2px dashed var(--brand);background:var(--card);background:color-mix(in srgb,var(--brand) 20%,var(--card));color:var(--ink);font-weight:700;font-size:16px;box-shadow:0 6px 14px -8px rgba(0,0,0,.45)}.gadd:active{transform:scale(.99)}
.hsec.ag{background:linear-gradient(135deg,var(--card),var(--line))!important;color:var(--ink)!important;border:1.5px solid var(--brand);border-bottom-width:1.5px;font-size:16px;box-shadow:0 6px 16px -10px rgba(0,0,0,.5)}.hsec.ag .tag{background:var(--brand);color:var(--on)}.agi{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:9px;background:var(--brand);margin-right:10px;font-size:16px;vertical-align:middle}
.agc{border:1.5px solid var(--brand);border-top:0}.dtb{flex:none;width:52px;border-radius:14px;padding:7px 0 6px;text-align:center;line-height:1.05;font-weight:800;margin-right:12px;box-shadow:0 5px 10px -6px rgba(0,0,0,.5)}.dtb small{display:block;font-size:12px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;opacity:.92}.dtb b{display:block;font-size:23px;margin-top:1px}button.dtb{border:0;font-family:inherit;cursor:pointer}
.dtb *{pointer-events:none}
.dtb:active{transform:scale(.96)}
.und{border:0;background:none;padding:0;font:inherit;color:var(--brand);text-decoration:underline;cursor:pointer}
.dtb.lg{width:60px;padding:9px 0 8px;border-radius:16px}
.dtb.lg b{font-size:28px}
.dtb.lg small.mo{margin-top:2px;font-size:10px;letter-spacing:.8px}
.dtb.p{background:var(--np);color:#fff}.dtb.t{background:var(--nt);color:var(--ntt)}
.dsl{border-left-width:5px;box-shadow:0 8px 18px -12px rgba(0,0,0,.55)}.dsl.lp{border-left-color:var(--stt)}.dsl.br{border-left-color:var(--stp)}.dxi{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:10px;margin-right:10px;font-size:18px;vertical-align:middle}.dsl.lp .dxi{background:var(--nt)}.dsl.br .dxi{background:var(--np)}
.dadd.pri{border:0;font-weight:700;font-size:15px;box-shadow:0 8px 16px -8px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.3)}.dsl.lp .dadd.pri{background:var(--nt);color:var(--ntt)}.dsl.br .dadd.pri{background:var(--np);color:#fff}.dadd.sec{border:2px solid var(--mute);border-style:solid;font-weight:700;background:var(--card)}.dsl.lp .dadd.sec{border-color:var(--stt)}.dsl.br .dadd.sec{border-color:var(--stp)}.dsec{border-top:0;padding-top:4px}.dhd{display:flex;align-items:center;gap:12px;width:100%;min-height:64px;box-sizing:border-box;padding:12px 14px;border-radius:14px;background:var(--dcb);border:1.5px solid var(--dcd);color:var(--dct);font-family:inherit;text-align:left;cursor:pointer;box-shadow:none}.dhd .dhi{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;flex:none;background:linear-gradient(135deg,#C98A1E,#ECC266);color:#011C41}.dhd .dht{min-width:0;flex:1}.dhd .dht b{display:block;font-size:16px;font-weight:700;line-height:1.2;color:var(--dct)}.dhd .dht small{display:block;font-size:12px;margin-top:2px;line-height:1.3;color:var(--dcs);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dhd .dct{font-size:12px;font-weight:700;background:var(--dcp);color:var(--dcpt);border-radius:10px;padding:2px 9px;white-space:nowrap}.dhd .dchv{flex:none;color:var(--dct)}.dhd *{pointer-events:none}.dsl.ac,.dsl.pl,.dsl.o,.dsl.dpk{border-left-color:var(--mute)}.dsl.ac .dxi,.dsl.pl .dxi,.dsl.o .dxi{background:var(--line)}.dbtn.ac,.dbtn.pl,.dbtn.o{border-left-color:var(--mute)}.dbtn .dt{overflow-wrap:anywhere}.dty{display:flex;justify-content:space-between;align-items:center;width:100%;margin-top:8px;padding:12px;border-radius:12px;border:1.5px solid var(--line);background:var(--card);color:var(--ink);font-family:inherit;font-weight:700;font-size:14px;cursor:pointer;box-sizing:border-box;text-align:left}.dty i{font-style:normal;font-size:20px;color:var(--mute)}.dty small{font-weight:500;color:var(--mute);font-size:12px}.dty.off{border-style:dashed;color:var(--mute);cursor:default}.dty *{pointer-events:none}.dsec>.dadd.pri{background:var(--np);color:#fff}.dsec>.dadd.sec{border-color:var(--stp)}.dadd:active{transform:scale(.985)}
.dok{background:#D6F1DE;color:#0B6B33;font-weight:600}.dok small{color:#0B6B33;opacity:.85}.dok button{color:#0B6B33}
.dbtn{border-left-width:5px;box-shadow:0 6px 14px -9px rgba(0,0,0,.55);transition:transform .12s,box-shadow .12s}.dbtn:active{transform:scale(.985)}.dbtn.lp{border-left-color:var(--stt)}.dbtn.br{border-left-color:var(--stp)}.dbtn.lp .dic{background:var(--nt);color:var(--ntt)}.dbtn.br .dic{background:var(--np);color:#fff}

.et{text-decoration:underline dotted;text-decoration-thickness:1.5px;text-underline-offset:4px;cursor:pointer}
.facts [data-et]{cursor:pointer}.facts [data-et] b{text-decoration:underline dotted;text-decoration-thickness:1.5px;text-underline-offset:4px}
.revl{flex:none;border:0;background:none;color:var(--brand);font-weight:700;font-size:14px;font-family:inherit;padding:8px 4px;text-decoration:underline;text-underline-offset:3px}
.rlist{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--card);margin-top:6px}
.rrow{display:flex;align-items:center;gap:10px;width:100%;text-align:left;border:0;border-bottom:1px solid var(--line);border-left:4px solid transparent;background:transparent;color:var(--ink);font-size:15px;font-family:inherit;padding:12px 12px 12px 10px;min-height:52px}
.rrow:last-child{border-bottom:0}.rrow *{pointer-events:none}
.rrow .rvl{flex:1;font-weight:600}.rrow .rvv{flex:1.2;color:var(--mute);font-size:14px;text-align:right;overflow:hidden;text-overflow:ellipsis}.rrow .rvv i{opacity:.7}
.rrow .rvch{color:var(--mute);font-size:20px;flex:none}
.rrow.miss{border-left-color:#D64545}.rrow.miss .rvl{font-weight:800}
.rvb{display:flex;align-items:center;gap:12px;border-radius:16px;padding:14px 16px;margin:12px 0;background:var(--winbg);color:var(--ink)}
.rvb.bad{border-left:5px solid #D64545}.rvb small{display:block;color:var(--mute);margin-top:2px;font-size:13px}

/* v228: ajuste por tamaño de pantalla (no por modelo) */
body.lgv{padding-bottom:calc(12px + env(safe-area-inset-bottom,0px))}
.lgn>.lgs{width:min(330px,calc(100vw - 44px),42dvh)!important}
@media (max-height:700px){.lgn>.lgs{width:min(330px,calc(100vw - 44px),32dvh)!important}.lgn .lgq{margin-bottom:10px}}
@media (max-height:680px){.lgn>.lgs{width:min(330px,calc(100vw - 44px),29dvh)!important}.lgn{padding-top:4px}}
@media (max-height:600px){.lgn>.lgs{width:min(330px,calc(100vw - 44px),28dvh)!important}}
.lgn{padding-top:clamp(6px,4dvh,48px);padding-bottom:calc(16px + env(safe-area-inset-bottom,0px))}
.lgn>.lgs{margin-bottom:clamp(14px,3.6dvh,34px)}
.lgn .lgq{font-size:clamp(15px,2.1dvh,17px);line-height:1.35;margin:0 0 clamp(12px,3dvh,26px)}
.lgn .btn+.btn,.lgn .btn+.note+.btn{margin-top:clamp(8px,1.2dvh,10px)}
.lgn .btn[data-a="skip"]{margin-top:clamp(12px,2.4dvh,22px)}
.lgn .lb{margin-top:clamp(10px,2dvh,18px)!important}
@media (max-height:740px){.lgn .btn{padding-top:11px;padding-bottom:11px}.lgn .note{margin-top:4px;margin-bottom:0}.lgn .lgq{margin-bottom:12px}}
@media (max-height:620px){.lgn .btn{padding-top:9px;padding-bottom:9px;font-size:14px}}
.tvb{font-size:12px}.tvb small{font-size:12px}
.emi{display:inline-block;vertical-align:-3px;margin-right:8px;color:var(--brand);flex:none;line-height:0}
.tri .emi{margin:0;vertical-align:middle}
.dadd .emi{margin-right:6px;color:inherit}
.lswp.rowsw{border-radius:0;margin:0;overflow:hidden}
.lswp.rowsw+.lswp.rowsw{border-top:1px solid var(--line)}
.lswp.rowsw .lsw-sl{border-radius:0;background:var(--card)}
.lswp.rowsw .lsw-del{border-radius:0}
.lswp.rowsw .ln{border-top:0}
@media (hover:hover) and (pointer:fine){.lswp.rowsw{overflow:visible;padding-right:12px}.lswp.rowsw .lsw-del{border-radius:50%}}
.swh{display:flex;align-items:center;gap:12px;background:var(--card);border:1.5px solid var(--brand);border-radius:16px;padding:12px 12px 12px 14px;margin:0 0 14px}
.swh .swi{flex:none;width:38px;height:38px;border-radius:50%;background:var(--np);color:#fff;display:grid;place-items:center}
.swh .swi svg{animation:swn 1.8s ease-in-out infinite}
@keyframes swn{0%,100%{transform:translateX(3px)}50%{transform:translateX(-4px)}}
@media (prefers-reduced-motion:reduce){.swh .swi svg{animation:none}}
.swh b{display:block;font-size:14.5px}.swh small{display:block;font-size:13px;color:var(--mute)}
.swh .swok{margin-left:auto;flex:none;min-height:44px;padding:0 14px;border:0;border-radius:12px;background:var(--line);color:var(--ink);font-family:inherit;font-weight:700;font-size:13.5px}
/* v260 · Bloque 11: adaptación a tableta y computadora (solo >=768px; el móvil no cambia) */
@media (min-width:768px){
 body{max-width:720px}
 header{padding-left:24px;padding-right:24px}
 .sub{padding-left:24px;padding-right:24px}
}
@media (min-width:768px){
 main#v>div:has(>button[data-nt]){flex-direction:row!important}
 main#v>div:has(>button[data-nt])>button{flex:1 1 0;min-width:0;width:auto!important}
}
@media (min-width:1100px){
 body{max-width:860px}
 body[data-vw=login],body[data-vw=new],body[data-vw=cfg],body[data-vw=prof],body[data-vw=ed],body[data-vw=trash],body[data-vw=lnk]{max-width:720px}
 body[data-vw=cli]{max-width:760px}
 body[data-vw=lib],body[data-vw=vault]{max-width:1040px}
 body[data-vw=lib] main#v,body[data-vw=vault] main#v{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:14px;align-items:start}
 body[data-vw=lib] main#v>*,body[data-vw=vault] main#v>*{grid-column:1/-1}
 body[data-vw=lib] main#v>.lswp,body[data-vw=vault] main#v>.lswp{grid-column:auto}
}
@media (min-width:1600px){
 body[data-vw=lib],body[data-vw=vault]{max-width:1280px}
 body[data-vw=lib] main#v,body[data-vw=vault] main#v{grid-template-columns:repeat(3,minmax(0,1fr))}
}
.dkn{display:flex;align-items:center;justify-content:center;gap:14px;margin:0 0 10px}
.dkn button{width:44px;height:44px;border-radius:50%;border:1.5px solid var(--line);background:var(--card);color:var(--ink);font-family:inherit;font-size:26px;line-height:1;font-weight:700;cursor:pointer}
.dkn button:hover:not(:disabled){border-color:var(--brand)}
.dkn button:disabled{opacity:.35;cursor:default}
.dkn span{font-weight:700;font-size:14px;color:var(--mute);min-width:48px;text-align:center}
/* v262 · brochure en computadora (horizontal >=900px): la foto es la protagonista y la información pasa a segundo plano; móvil sin cambio */
@media (min-width:900px) and (orientation:landscape){
 #bro#bro:not(.b-vv) .b-shot,#bro#bro:not(.b-vv) .b-shot.b-flip{display:grid;grid-template-columns:minmax(0,1fr)}
 #bro#bro:not(.b-vv) .b-shot .b-sph{grid-area:1/1;position:relative;min-height:100dvh}
 #bro#bro:not(.b-vv) .b-shot .b-sph .b-img{position:relative;width:auto;max-width:100%;height:100dvh;object-fit:contain;border-radius:0}
 #bro#bro:not(.b-vv) .b-shot .b-sph.b-wide .b-img{position:absolute;inset:0;width:100%;max-width:none;height:100%;object-fit:cover}
 #bro#bro:not(.b-vv) .b-shot .b-sph::after{content:"";position:absolute;left:0;right:0;bottom:0;height:34%;background:linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.55));pointer-events:none;z-index:1}
 #bro#bro:not(.b-vv) .b-shot .b-cap,#bro#bro:not(.b-vv) .b-shot.b-flip .b-cap{background:transparent;grid-area:1/1;align-self:end;justify-self:start;z-index:2;order:0;padding:0 0 clamp(22px,5dvh,56px) clamp(28px,4vw,72px);text-align:left}
 #bro#bro:not(.b-vv) .b-shot .b-cap .b-meta{color:#fff;opacity:.88;font-size:clamp(11px,.9vw,14px);margin:0 0 4px;text-shadow:0 1px 8px rgba(0,0,0,.5)}
 #bro#bro:not(.b-vv) .b-shot .b-cap h3{color:#fff;font-size:clamp(22px,2.3vw,42px);line-height:1.1;margin:0;text-shadow:0 2px 14px rgba(0,0,0,.55)}
 #bro#bro:not(.b-vv) .b-ficha{grid-template-columns:minmax(0,1.7fr) minmax(0,1fr)}
 #bro#bro:not(.b-vv) .b-ficha .b-fph .b-img{position:relative;width:auto;max-width:100%;height:100dvh;object-fit:contain}
 #bro#bro:not(.b-vv) .b-ficha .b-fph.b-wide .b-img{position:absolute;inset:0;width:100%;max-width:none;height:100%;object-fit:cover}
 #bro#bro:not(.b-vv) .b-ficha .b-info{padding:clamp(18px,4dvh,56px) clamp(22px,2.8vw,56px);gap:clamp(6px,1.3dvh,16px)}
 #bro#bro:not(.b-vv) .b-ficha .b-info .b-frase{font-size:clamp(15px,min(1.5vw,2.6dvh),24px);max-width:30ch}
 #bro#bro:not(.b-vv) .b-ficha .b-info .b-kick,#bro#bro:not(.b-vv) .b-ficha .b-info .b-pill,#bro#bro:not(.b-vv) .b-ficha .b-info .b-pill.b-gold{font-size:clamp(10px,.85vw,13px)}
 #bro#bro:not(.b-vv) .b-ficha .b-info .b-name,#bro#bro:not(.b-vv) .b-ficha .b-info .b-name.b-long{font-size:clamp(26px,min(3vw,5.6dvh),52px)}
 #bro#bro:not(.b-vv) .b-ficha .b-info .b-loc{font-size:clamp(13px,min(1.15vw,2.2dvh),19px)}
 #bro#bro:not(.b-vv) .b-ficha .b-info .b-price .b-amt{font-size:clamp(22px,min(2.5vw,4.6dvh),42px)}
 #bro#bro:not(.b-vv) .b-ficha .b-info .b-price .b-lbl{font-size:clamp(10px,.85vw,13px)}
 #bro#bro:not(.b-vv) .b-ficha .b-info .b-st b{font-size:clamp(18px,min(1.9vw,3.6dvh),32px)}
 #bro#bro:not(.b-vv) .b-ficha .b-info .b-st span{font-size:clamp(10px,min(.8vw,1.6dvh),13px)}
 #bro#bro:not(.b-vv) .b-ficha .b-info .b-st{padding:clamp(4px,1dvh,12px) 4px;border-radius:14px}
 #bro#bro:not(.b-vv) .b-ficha .b-info .b-chip{font-size:clamp(11px,min(.95vw,1.8dvh),15px);padding:clamp(3px,.7dvh,7px) clamp(9px,.9vw,14px)}
 #bro#bro:not(.b-vv) .b-ficha .b-info .b-hl p{font-size:clamp(12px,min(1.1vw,2dvh),17px)}
 #bro#bro:not(.b-vv) .b-ficha .b-info .b-more{font-size:clamp(10px,min(.85vw,1.5dvh),13px)}
}
@media screen and (orientation:landscape){#bro.b-lap .b-ficha{min-height:100dvh;display:grid;grid-template-columns:1fr 1fr}#bro.b-lap .b-fph,#bro.b-lap .b-sph{min-height:100dvh;display:flex;align-items:center;justify-content:center;overflow:hidden}#bro.b-lap .b-nop{min-height:100dvh}#bro.b-lap .b-fph .b-bd,#bro.b-lap .b-sph .b-bd{display:block;position:absolute;inset:-60px;background-size:cover;background-position:center;filter:var(--b-bdf);opacity:var(--b-bdo)}#bro.b-lap .b-fph .b-img{position:relative;width:92%;height:92dvh;object-fit:contain}#bro.b-lap .b-info{margin-top:0;border-radius:0;padding:clamp(18px,3.6dvh,72px) clamp(32px,5vw,96px);justify-content:center;gap:clamp(8px,1.8dvh,28px)}#bro.b-lap .b-frase{font-size:clamp(24px,min(3vw,5dvh),52px);padding-bottom:clamp(6px,1.2dvh,12px);max-width:24ch}#bro.b-lap .b-kick{font-size:clamp(13px,1.1vw,18px)}#bro.b-lap .b-pill{font-size:clamp(13px,1.1vw,18px)}#bro.b-lap .b-pill.b-gold{font-size:clamp(14px,1.2vw,19px)}#bro.b-lap .b-name{font-size:clamp(40px,min(6.4vw,10.5dvh),112px)}#bro.b-lap .b-loc{font-size:clamp(16px,min(1.8vw,3dvh),30px)}#bro.b-lap .b-price .b-amt{font-size:clamp(34px,min(5vw,8.4dvh),88px)}#bro.b-lap .b-price .b-lbl{font-size:clamp(13px,1.1vw,18px)}#bro.b-lap .b-st b{font-size:clamp(28px,min(4vw,6.6dvh),72px)}#bro.b-lap .b-st span{font-size:clamp(12px,min(1.1vw,2dvh),20px)}#bro.b-lap .b-st{padding:clamp(6px,1.4dvh,22px) 6px;border-radius:20px}#bro.b-lap .b-chip{font-size:clamp(13px,min(1.3vw,2.3dvh),22px);padding:clamp(5px,1dvh,10px) clamp(12px,1.2vw,20px)}#bro.b-lap .b-hl p{font-size:clamp(15px,min(1.6vw,2.7dvh),28px)}#bro.b-lap .b-more{font-size:clamp(12px,min(1.1vw,1.8dvh),18px);margin-top:0}#bro.b-lap .b-shot{min-height:100dvh;display:grid;grid-template-columns:1.25fr .75fr}#bro.b-lap .b-shot.b-flip{grid-template-columns:.75fr 1.25fr}#bro.b-lap .b-shot.b-flip .b-sph{order:2}#bro.b-lap .b-shot.b-flip .b-cap{order:1}#bro.b-lap .b-sph .b-img{position:relative;width:92%;height:92dvh;object-fit:contain;border-radius:6px}#bro.b-lap .b-cap{display:flex;flex-direction:column;justify-content:center;padding:clamp(28px,5vw,96px)}#bro.b-lap .b-meta{font-size:clamp(13px,1.2vw,20px)}#bro.b-lap .b-cap h3{font-size:clamp(56px,7vw,128px)}#bro.b-lap .b-end{min-height:100dvh;padding:80px}#bro.b-lap .b-av{width:clamp(140px,14vw,240px);height:clamp(140px,14vw,240px)}#bro.b-lap .b-end h2{font-size:clamp(56px,6vw,104px)}#bro.b-lap .b-ct{font-size:clamp(20px,2vw,34px)}#bro.b-lap .b-em{font-size:clamp(17px,1.6vw,28px)}#bro.b-lap .b-made img{width:clamp(120px,10vw,200px)}#bro.b-lap .b-name.b-long{font-size:clamp(34px,min(4.6vw,8.6dvh),92px)}}
@media screen and (orientation:landscape){
 #bro#bro.b-lap .b-shot,#bro#bro.b-lap .b-shot.b-flip{display:grid;grid-template-columns:minmax(0,1fr)}
 #bro#bro.b-lap .b-shot .b-sph{grid-area:1/1;position:relative;min-height:100dvh}
 #bro#bro.b-lap .b-shot .b-sph .b-img{position:relative;width:auto;max-width:100%;height:100dvh;object-fit:contain;border-radius:0}
 #bro#bro.b-lap .b-shot .b-sph.b-wide .b-img{position:absolute;inset:0;width:100%;max-width:none;height:100%;object-fit:cover}
 #bro#bro.b-lap .b-shot .b-sph::after{content:"";position:absolute;left:0;right:0;bottom:0;height:34%;background:linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.55));pointer-events:none;z-index:1}
 #bro#bro.b-lap .b-shot .b-cap,#bro#bro.b-lap .b-shot.b-flip .b-cap{background:transparent;grid-area:1/1;align-self:end;justify-self:start;z-index:2;order:0;padding:0 0 clamp(22px,5dvh,56px) clamp(28px,4vw,72px);text-align:left}
 #bro#bro.b-lap .b-shot .b-cap .b-meta{color:#fff;opacity:.88;font-size:clamp(11px,.9vw,14px);margin:0 0 4px;text-shadow:0 1px 8px rgba(0,0,0,.5)}
 #bro#bro.b-lap .b-shot .b-cap h3{color:#fff;font-size:clamp(22px,2.3vw,42px);line-height:1.1;margin:0;text-shadow:0 2px 14px rgba(0,0,0,.55)}
 #bro#bro.b-lap .b-ficha{grid-template-columns:minmax(0,1.7fr) minmax(0,1fr)}
 #bro#bro.b-lap .b-ficha .b-fph .b-img{position:relative;width:auto;max-width:100%;height:100dvh;object-fit:contain}
 #bro#bro.b-lap .b-ficha .b-fph.b-wide .b-img{position:absolute;inset:0;width:100%;max-width:none;height:100%;object-fit:cover}
 #bro#bro.b-lap .b-ficha .b-info{padding:clamp(18px,4dvh,56px) clamp(22px,2.8vw,56px);gap:clamp(6px,1.3dvh,16px)}
 #bro#bro.b-lap .b-ficha .b-info .b-frase{font-size:clamp(15px,min(1.5vw,2.6dvh),24px);max-width:30ch}
 #bro#bro.b-lap .b-ficha .b-info .b-kick,#bro#bro.b-lap .b-ficha .b-info .b-pill,#bro#bro.b-lap .b-ficha .b-info .b-pill.b-gold{font-size:clamp(10px,.85vw,13px)}
 #bro#bro.b-lap .b-ficha .b-info .b-name,#bro#bro.b-lap .b-ficha .b-info .b-name.b-long{font-size:clamp(26px,min(3vw,5.6dvh),52px)}
 #bro#bro.b-lap .b-ficha .b-info .b-loc{font-size:clamp(13px,min(1.15vw,2.2dvh),19px)}
 #bro#bro.b-lap .b-ficha .b-info .b-price .b-amt{font-size:clamp(22px,min(2.5vw,4.6dvh),42px)}
 #bro#bro.b-lap .b-ficha .b-info .b-price .b-lbl{font-size:clamp(10px,.85vw,13px)}
 #bro#bro.b-lap .b-ficha .b-info .b-st b{font-size:clamp(18px,min(1.9vw,3.6dvh),32px)}
 #bro#bro.b-lap .b-ficha .b-info .b-st span{font-size:clamp(10px,min(.8vw,1.6dvh),13px)}
 #bro#bro.b-lap .b-ficha .b-info .b-st{padding:clamp(4px,1dvh,12px) 4px;border-radius:14px}
 #bro#bro.b-lap .b-ficha .b-info .b-chip{font-size:clamp(11px,min(.95vw,1.8dvh),15px);padding:clamp(3px,.7dvh,7px) clamp(9px,.9vw,14px)}
 #bro#bro.b-lap .b-ficha .b-info .b-hl p{font-size:clamp(12px,min(1.1vw,2dvh),17px)}
 #bro#bro.b-lap .b-ficha .b-info .b-more{font-size:clamp(10px,min(.85vw,1.5dvh),13px)}
}
@media screen and (min-width:700px){#bro.b-vv{background:var(--b-bg)}#bro.b-vv>section,#bro.b-vv>.b-intro{max-width:520px;margin-left:auto;margin-right:auto}}
@media screen and (orientation:landscape) and (max-height:520px){#bro#bro.b-lap .b-ficha .b-info>*{flex-shrink:0}#bro#bro.b-lap .b-ficha .b-info{padding:60px 22px 16px;gap:4px;justify-content:flex-start}#bro#bro.b-lap .b-frase{display:none}#bro#bro.b-lap .b-kick,#bro#bro.b-lap .b-pill,#bro#bro.b-lap .b-pill.b-gold{font-size:10px}#bro#bro.b-lap .b-name,#bro#bro.b-lap .b-name.b-long{font-size:22px;line-height:1.1}#bro#bro.b-lap .b-loc{font-size:12px}#bro#bro.b-lap .b-price .b-amt{font-size:19px}#bro#bro.b-lap .b-st{padding:3px 4px}#bro#bro.b-lap .b-st b{font-size:17px}#bro#bro.b-lap .b-st span{font-size:10px}#bro#bro.b-lap .b-chip{font-size:11px;padding:3px 9px}#bro#bro.b-lap .b-hl p{font-size:12px}#bro#bro.b-lap .b-more{display:none}#bro#bro.b-lap .b-shot .b-cap h3{font-size:22px}}
@media print{body,body[data-vw]{max-width:none!important}}
@media print{
#bro#bro.b-lp .b-intro,#bro#bro.b-lp .b-open2,#bro#bro.b-lp .b-div,#bro#bro.b-lp .b-end,#bro#bro.b-lp .b-stick{height:405pt!important}
#bro#bro.b-lp .b-ficha{flex-direction:row!important;height:405pt!important;background:var(--b-bg)}
#bro#bro.b-lp .b-ficha .b-fph{flex:1.7 1 0!important;min-width:0;height:405pt!important;align-items:stretch}
#bro#bro.b-lp .b-ficha .b-fph .b-img{width:100%!important;max-width:none!important;height:405pt!important;max-height:405pt!important;object-fit:contain}
#bro#bro.b-lp .b-ficha .b-fph.b-wide .b-img{object-fit:cover}
#bro#bro.b-lp .b-ficha .b-info{flex:1 1 0;min-width:0;padding:14pt 16pt;justify-content:center;gap:4pt}
#bro#bro.b-lp .b-frase{font-size:13px!important;padding-bottom:3px}
#bro#bro.b-lp .b-kick,#bro#bro.b-lp .b-pill,#bro#bro.b-lp .b-pill.b-gold{font-size:9px!important}
#bro#bro.b-lp .b-name,#bro#bro.b-lp .b-name.b-long{font-size:24px!important;line-height:1.1}
#bro#bro.b-lp .b-loc{font-size:11px!important}
#bro#bro.b-lp .b-price .b-amt{font-size:20px!important}
#bro#bro.b-lp .b-price .b-lbl{font-size:8px!important}
#bro#bro.b-lp .b-st b{font-size:16px!important}
#bro#bro.b-lp .b-st span{font-size:8px!important}
#bro#bro.b-lp .b-st{padding:4px 3px!important}
#bro#bro.b-lp .b-chip{font-size:9px!important;padding:3px 8px!important}
#bro#bro.b-lp .b-hl p{font-size:10px!important}
#bro#bro.b-lp .b-shot{position:relative;flex-direction:column!important;height:405pt!important}
#bro#bro.b-lp .b-shot .b-sph{flex:none!important;height:405pt!important;align-items:stretch}
#bro#bro.b-lp .b-shot .b-sph .b-img{width:100%!important;max-width:none!important;height:405pt!important;max-height:405pt!important;object-fit:contain}
#bro#bro.b-lp .b-shot .b-sph.b-wide .b-img{object-fit:cover}
#bro#bro.b-lp .b-shot .b-cap{position:absolute!important;left:0;right:0;bottom:0;padding:34px 30px 18px!important;background:linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.6))!important;text-align:left}
#bro#bro.b-lp .b-shot .b-cap .b-meta{color:#fff!important;font-size:9px!important;margin:0 0 2px}
#bro#bro.b-lp .b-shot .b-cap h3{color:#fff!important;font-size:20px!important;margin:0}
#bro#bro.b-lp .b-av{width:70px!important;height:70px!important}
#bro#bro.b-lp .b-end h2{font-size:30px!important}
#bro#bro.b-lp .b-ct{font-size:14px!important}
#bro#bro.b-lp .b-em{font-size:11px!important}
#bro#bro.b-lp .b-made img{width:70px!important}
#bro#bro.b-lp .b-end{padding:20px!important}
}
.bfms{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}
.bfm{border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:14px;padding:10px 4px 8px;display:flex;flex-direction:column;align-items:center;gap:5px;font-family:inherit;font-weight:600;font-size:13px;line-height:1.2;text-align:center}
.bfm small{font-weight:400;font-size:11px;color:var(--mute)}
.bfm.on{border:2px solid var(--brand);background:var(--winbg);padding:9px 3px 7px}
.bfm *{pointer-events:none}
.bfp{display:flex;align-items:center;justify-content:center;gap:4px;height:34px}
.bfp i{display:block;border:2px solid var(--brand);border-radius:4px;position:relative;background:var(--card)}
.bfp i::after{content:"";position:absolute;left:3px;bottom:3px;width:45%;height:3px;border-radius:2px;background:var(--gold)}
.bfp .v{width:20px;height:30px}.bfp .h{width:34px;height:22px}
.bmnet{position:fixed;top:0;left:0;right:0;z-index:70;display:none;align-items:center;justify-content:center;gap:10px;padding:calc(env(safe-area-inset-top,0px) + 5px) 12px 5px;font-size:12.5px;font-weight:700;line-height:1.25;text-align:center}
.bmnet.off{background:var(--wb);color:var(--wt);box-shadow:inset 0 -1.5px 0 var(--wbd)}
.bmnet.ok{background:var(--winbg);color:var(--win)}
.bmnb{flex:none;border:0;border-radius:99px;padding:1px 10px;font-size:12px;line-height:1.3;font-weight:700;background:var(--brand);color:var(--on);cursor:pointer}
.av.vacio{background:var(--nvpb)}
/* A1j · barra «Vista previa» del cliente (P4): alto minimo 52 px, esquinas inferiores 14 px, fija arriba respetando el area segura; la banda ::before tapa el contenido que pasa bajo la hora/isla */
.cvbar{position:sticky;top:env(safe-area-inset-top,0px);z-index:4;box-sizing:border-box;min-height:52px;padding:0 14px;margin:0 -18px 12px;display:flex;justify-content:space-between;align-items:center;font-size:12px;font-weight:600;color:#fff;background:var(--cvbar-bg);border:1px solid var(--cvbar-bdc);border-radius:0 0 14px 14px}
.cvbar::before{content:"";position:absolute;left:-1px;right:-1px;bottom:100%;height:80px;background:var(--cvbar-bg);pointer-events:none}
/* A1l · D2-05: iconos de criterio (SVG base ICS) alineados con el texto */
.ci{vertical-align:-4px}
/* A1l · D2-19: estado deshabilitado del cliente sin opacidad: fondo y texto con tokens */
.btn.off{background:var(--line);background-image:none;color:var(--mute);box-shadow:none}
/* A1l · D2-08: con el tutorial abierto se oculta el texto de la barra «Vista previa» para que no se encime con el contador */
html.tutopen .cvbar>span{visibility:hidden}
/* A1m · Punto 1: iconos de criterio en Comparar del asesor (icono solo, 20 px, color de marca) */
.cib{color:var(--brand);flex:none}
.cib-t{display:block;margin:0 auto 3px}
.cibs{display:inline-block;width:28px;vertical-align:middle;line-height:0;text-indent:0}
.cibs .cib{vertical-align:middle}
/* sangria francesa: si el nombre ocupa dos lineas, la segunda queda alineada con el nombre y no bajo el icono */
.tbl td.cibt{padding-left:31px;text-indent:-28px}
/* A1m · Punto 2: recuadro y placas del logo de la agencia en el folleto (la placa es una variable por si se ajusta) */
:root{--b-box:#FFFFFF;--b-plate-l:rgba(255,255,255,.92);--b-plate-d:rgba(13,21,20,.92)}
/* A1m · Punto 4: grosor del borde de las fichas de Mi Boveda (claro 1.5px; oscuro conserva 1px) */
.lswp[data-lspec^="vlt"]>.lsw-sl>.librow{border-width:var(--vrbw)}
/* A1m · Punto 5: boton «Enviar a colega» del detalle de Mi Boveda (mismo alto y radio que .btn; icono 20 px, 8 px antes del texto) */
.btn.tvcol{display:flex;align-items:center;justify-content:center;gap:8px;font-weight:800;background:var(--esb);color:var(--est);box-shadow:inset 0 0 0 1.5px var(--esbd)}
.btn.tvcol svg{width:20px;height:20px;flex:none;margin:-.5px 0}

/* ===== A1n · pantalla de inicio de sesion nueva (login, terms, priv). Colores solo por variables --lg* ===== */
:root{--lgveil:linear-gradient(180deg,rgba(255,255,255,.62),rgba(255,255,255,.8));--lgfb:linear-gradient(180deg,#DCEBFA,#F4F8FC 55%,#EAF1F8);--lgglass:rgba(255,255,255,.66);--lgglassb:rgba(255,255,255,.85);--lgwb:#fff;--lgwt:#12201E;--lgeb:var(--brand);--lget:#fff;--lgebd:transparent;--lgchip:rgba(255,255,255,.7);--lgchipb:rgba(1,28,65,.18);--lgsel:var(--brand);--lgselt:#fff;--lgsh:0 10px 24px -14px rgba(1,28,65,.45);--lgtx:var(--ink);--lgsub:#22322F;--lgsolid:#F2F5F4}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--lgveil:linear-gradient(180deg,rgba(5,9,12,.64),rgba(5,9,12,.86));--lgfb:linear-gradient(180deg,#05101F,#0A1A2E 55%,#050B14);--lgglass:rgba(14,22,28,.62);--lgglassb:rgba(223,167,70,.38);--lgeb:rgba(255,255,255,.1);--lget:#EAF1EF;--lgebd:rgba(255,255,255,.34);--lgchip:rgba(255,255,255,.08);--lgchipb:rgba(255,255,255,.22);--lgsel:#DFA746;--lgselt:#0D1514;--lgsh:0 10px 24px -14px rgba(0,0,0,.8);--lgsub:#E2EBE9;--lgsolid:#16211F}}
:root[data-theme="dark"]{--lgveil:linear-gradient(180deg,rgba(5,9,12,.64),rgba(5,9,12,.86));--lgfb:linear-gradient(180deg,#05101F,#0A1A2E 55%,#050B14);--lgglass:rgba(14,22,28,.62);--lgglassb:rgba(223,167,70,.38);--lgeb:rgba(255,255,255,.1);--lget:#EAF1EF;--lgebd:rgba(255,255,255,.34);--lgchip:rgba(255,255,255,.08);--lgchipb:rgba(255,255,255,.22);--lgsel:#DFA746;--lgselt:#0D1514;--lgsh:0 10px 24px -14px rgba(0,0,0,.8);--lgsub:#E2EBE9;--lgsolid:#16211F}
#lgbg{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;background:var(--lgfb);pointer-events:none}
body.lgv #lgbg{display:block}
#lgbg .lgi{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;opacity:0;transition:opacity .35s}
#lgbg .lgi.on{opacity:1}
#lgbg::after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--lgveil)}
body.lgv{background:transparent;padding-bottom:calc(12px + env(safe-area-inset-bottom,0px))}
body.lgv main{position:relative;z-index:1}
.lg2{text-align:center;padding:clamp(14px,4dvh,36px) 4px 18px;display:flex;flex-direction:column;align-items:stretch}
.lg2>.lgs{width:clamp(190px,56vw,250px)!important;max-width:min(250px,34dvh)!important;min-width:150px}
.lg2 .lgt{font-size:clamp(17px,4.6vw,20px);line-height:1.25;font-weight:800;color:var(--lgtx);margin:clamp(14px,3dvh,26px) 0 6px;text-wrap:balance}
.lg2 .lgsb{font-size:14px;line-height:1.4;color:var(--lgsub);margin:0 auto clamp(14px,2.6dvh,22px);max-width:300px;text-wrap:balance}
.lgbs{display:flex;flex-direction:column;gap:8px}
.lgb{position:relative;display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:46px;padding:10px 40px;border-radius:99px;font:inherit;font-weight:700;font-size:15px;line-height:1.2;cursor:pointer;border:1px solid transparent}
.lgb>span{text-align:center;text-wrap:balance}
.lgb .lgbr{position:absolute;left:16px;top:50%;margin-top:-10px;width:20px;height:20px}
.lgb .lgsv:not(.lgbr):not(.lgch){position:absolute;left:16px;top:50%;margin-top:-10px;width:20px;height:20px}
.lgb .lgch{position:absolute;right:14px;top:50%;margin-top:-9px;width:18px;height:18px;opacity:.7}
.lgw{background:var(--lgwb);color:var(--lgwt);box-shadow:var(--lgsh)}
.lge:not(.lgen){font-size:14px;padding-left:36px;padding-right:34px}
.lge{background:var(--lgeb);color:var(--lget);border-color:var(--lgebd);box-shadow:var(--lgsh)}
.lge:not(.lgen){-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.lge.lgen{margin-top:12px;justify-content:center}
.lgb *,.lgth *{pointer-events:none}
.lgb:active{transform:translateY(1px)}
.lgb:focus-visible,.lgp:focus-visible,.lgth:focus-visible,.lgk:focus-visible,.lgin:focus-visible{outline:3px solid var(--lgsel);outline-offset:2px}
.lgm{min-height:20px;line-height:20px;margin:0;font-size:13px;font-weight:600;color:var(--lgtx)}
.lgsp{display:flex;align-items:center;gap:12px;margin:2px 4px;color:var(--lgsub);font-size:13px;font-weight:600}
.lgsp::before,.lgsp::after{content:"";flex:1;height:1px;background:var(--lgchipb)}
.lgcard{margin-top:16px;padding:14px 14px 12px;border-radius:26px;border:1px solid var(--lgglassb);background:var(--lgglass);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);text-align:left}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.lgcard{background:var(--lgsolid)}.lge:not(.lgen){background:var(--lgsolid)}}
.lgcg+.lgcg{margin-top:12px;padding-top:12px;border-top:1px solid var(--lgchipb)}
.lgch2{display:flex;align-items:center;gap:8px;font-weight:800;font-size:14px;color:var(--lgtx);margin-bottom:8px}
.lgch2 .lgsv{width:18px;height:18px;flex:none}
.lgr2{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.lgr3{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.lgp{min-height:44px;border-radius:99px;border:1px solid var(--lgchipb);background:var(--lgchip);color:var(--lgtx);font:inherit;font-weight:700;font-size:14px;cursor:pointer}
.lgth{display:flex;flex-direction:column;align-items:center;gap:6px;min-height:44px;padding:0;border:0;background:transparent;color:var(--lgtx);font:inherit;font-size:12.5px;font-weight:600;cursor:pointer}
.lgtp{display:flex;align-items:center;justify-content:center;width:100%;min-height:44px;border-radius:99px;border:1px solid var(--lgchipb);background:var(--lgchip)}
.lgtp .lgsv{width:20px;height:20px}
.lgtl{display:flex;flex-direction:column;align-items:center;line-height:1.2}
.lgtl small{font-size:11px;font-weight:500;color:var(--lgsub)}
.lgp.on,.lgth.on .lgtp{background:var(--lgsel);color:var(--lgselt);border-color:var(--lgsel)}
.lgcode{text-align:center}
.lgcn{margin:0 0 8px;font-size:14px;color:var(--lgtx)}
.lgcl{display:block;font-size:13px;font-weight:700;color:var(--lgtx);margin:6px 0}
.lgin{width:100%;min-height:46px;border-radius:14px;border:1px solid var(--lgchipb);background:var(--lgchip);color:var(--lgtx);font:inherit;font-size:18px;text-align:center;letter-spacing:.25em;padding:8px}
.lgfn{margin:16px auto 0;max-width:330px;font-size:12.5px;line-height:1.9;color:var(--lgsub);text-align:center;text-wrap:balance}
.lgk{display:inline;border:0;background:none;padding:4px 0;margin:-4px 0;font:inherit;font-weight:700;color:var(--lgtx);text-decoration:underline;cursor:pointer}
.lgleg{text-align:center;margin-top:clamp(18px,8dvh,80px)}
.lgleg .lgt{margin-top:6px}

/* ===== A1n-P3 · pantalla de inicio fija (sin scroll ni rebote) y velo por imagen ===== */
:root{--lgvc:255,255,255;--lga1:.3;--lga2:.6;--lga3:.6;--lga4:.6;--lgy1:14%;--lgy2:22%;--lgy3:32%;--lgy4:36%;--lgy5:90%;--lgy6:93%;--lgy7:97%}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--lgvc:5,9,12;--lga2:.64;--lga3:.64;--lga4:.64}}
:root[data-theme="dark"]{--lgvc:5,9,12;--lga2:.64;--lga3:.64;--lga4:.64}
#lgbg::after{background:linear-gradient(180deg,rgba(var(--lgvc),var(--lga1)) 0,rgba(var(--lgvc),var(--lga1)) var(--lgy1),rgba(var(--lgvc),var(--lga2)) var(--lgy2),rgba(var(--lgvc),var(--lga2)) var(--lgy3),rgba(var(--lgvc),var(--lga3)) var(--lgy4),rgba(var(--lgvc),var(--lga3)) var(--lgy5),rgba(var(--lgvc),var(--lga4)) var(--lgy6),rgba(var(--lgvc),var(--lga4)) var(--lgy7),rgba(var(--lgvc),var(--lga1)) 100%)}
#lgbg[data-t]::after{background:rgba(var(--lgvc),var(--lga3))}
html.lgv{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;overflow:hidden;overscroll-behavior:none;-webkit-overflow-scrolling:auto}
html.lgv body{height:100%;padding-bottom:0;overflow:hidden;overscroll-behavior:none}
html.lgv #sub{display:none}
html.lgv main#v{height:100%;min-height:0}
.lg2{height:100%;box-sizing:border-box;justify-content:space-between;padding:clamp(4px,1.2dvh,14px) 4px clamp(4px,1.2dvh,12px)}
.lg2 .lgs{width:min(clamp(120px,28dvh,250px),60vw)!important;max-width:none!important;min-width:0}
.lg2 .lgt{font-size:clamp(16px,2.4dvh,20px);margin:clamp(6px,1.6dvh,14px) 0 4px}
.lg2 .lgsb{font-size:clamp(12.5px,1.75dvh,14px);margin:0 auto}
.lgbs{gap:clamp(6px,.9dvh,8px)}
.lgb{min-height:44px;padding-top:6px;padding-bottom:6px}
.lgm{min-height:clamp(16px,2.2dvh,20px);line-height:clamp(16px,2.2dvh,20px)}
.lgsp{margin:0 4px}
.lgcard{margin-top:0;padding:clamp(8px,1.5dvh,14px) 14px clamp(8px,1.3dvh,12px)}
.lgcg+.lgcg{margin-top:clamp(6px,1.2dvh,12px);padding-top:clamp(6px,1.2dvh,12px)}
.lgch2{margin-bottom:clamp(4px,.9dvh,8px)}
.lgth{font-size:clamp(11px,1.5dvh,12.5px);gap:clamp(3px,.7dvh,6px)}
.lgtl small{font-size:clamp(10px,1.3dvh,11px)}
.lgfn{margin:0 auto;font-size:clamp(11px,1.5dvh,12.5px);line-height:1.6}
.lgcode{margin:0}
.lgleg{margin-top:0;align-self:center}
.lg2.lgl3{justify-content:center}
html.lgkb .lg2{overflow-y:auto;justify-content:flex-start;gap:10px;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}

/* ===== A1o-1b · foto fija detras de Inicio, velo parejo por foto, resplandor detras de cada bloque de texto, encabezado en dos estados ===== */
:root{--hva:.3;--hgl:.62;--hmk:#000;--hfr:var(--brand)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--hfr:#fff}}
:root[data-theme="dark"]{--hfr:#fff}
#hbg{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:transparent}
#hbg .hbi{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center top;opacity:0;transition:opacity .35s}
#hbg .hbi.on{opacity:1}
@media (prefers-reduced-motion:reduce){#hbg .hbi{transition:none}}
#hbg[data-i]::after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(var(--lgvc),var(--hva))}
html.hlft main,html.hcen main{position:relative;z-index:1;overflow-x:hidden;overflow-x:clip}
html.hlft header,html.hcen header{position:relative;z-index:1}
html.hlft #hlg{left:18px!important;transform:translateY(-50%)!important}
html.hlft header{min-height:62px!important}
/* A1y-1 B1: campana y aro iguales en TODAS las pantallas (antes solo en Inicio y flujos) */
.bell:not(.has){background:var(--bpb);color:var(--bpc);box-shadow:var(--bpr)}
.bell.has,#avb{box-shadow:0 0 0 1.5px var(--stt)}
html.hlft #avb.vacio,html.hcen #avb.vacio{background:rgba(var(--lgvc),.45)}
html.hhm main>h2{font-size:32px;font-weight:800;line-height:1.1;letter-spacing:-.5px;margin:14px 0 10px;position:relative}
html.hhm main>.frase{border-left:4px solid var(--stt);border-radius:2px;color:var(--hfr);position:relative}
.hlab{position:relative;margin:6px 0 8px 2px;font-size:12.5px;font-weight:700;letter-spacing:1.4px;text-transform:uppercase;color:var(--ink)}

/* ===== A1o-2 · botones con iconos, Mis presentaciones en oscuro, filas nuevas ===== */
:root{--ico-main:#0B2A5E;--ico-acc:#E3A72B;--npb:var(--np);--npbi:none;--npsh:0 8px 22px var(--nps);--npcb:var(--ncpb,#fff);--npch:rgba(255,255,255,.28);--npar:#fff;--hpb:var(--np);--hpc:#fff;--hpbd:transparent;--hptg:rgba(255,255,255,.28);--hptgc:#fff;--hdb:var(--np);--hdc:#fff;--hdbd:transparent;--hed:var(--np);--hedc:#fff;--hedb:transparent;--hlb:var(--stp)}
.hnb{width:100%;border:0;border-radius:22px;padding:20px 18px;display:flex;align-items:center;gap:12px;text-align:left;font-family:inherit}
.hnp{color:#fff;background:var(--npb);box-shadow:var(--npbi),var(--npsh)}
.hnt{color:var(--ntt);background:var(--nt);box-shadow:0 8px 22px var(--nts)}
.hnc{flex:none;display:grid;place-items:center;border-radius:50%;pointer-events:none}
.hnp .hnc{background:var(--npcb);box-shadow:0 0 0 5px var(--npch)}
.hnt .hnc{background:var(--nctb,#fff);box-shadow:0 0 0 5px rgba(255,255,255,.3)}
.hni{width:58%;height:58%;display:block}
.hnx{flex:none;width:24px;height:24px;margin-left:auto;pointer-events:none}
.hnp .hnx{color:var(--npar)}.hnt .hnx{color:var(--ntt)}
button.hsec[data-hc="pres"]{background:var(--hpb)!important;color:var(--hpc)!important;box-shadow:inset 0 0 0 1.5px var(--hpbd)}
button.hsec[data-hc="pres"] .tag{background:var(--hptg);color:var(--hptgc)}
.card.hb-p .dtb.p{background:var(--hdb);color:var(--hdc);box-shadow:inset 0 0 0 1.5px var(--hdbd)}
.card.hb-p .ln.row{border-left-color:var(--hlb)!important}
.card.hb-p button.tag.epr{background:var(--hed)!important;color:var(--hedc)!important;box-shadow:inset 0 0 0 1.5px var(--hedb)}
.tth{position:relative;flex:none;display:block;margin-right:12px}
.ttb{position:absolute;top:-6px;right:-6px;min-width:22px;height:22px;padding:0 5px;border-radius:11px;background:var(--stt);color:var(--ntt);font-size:12px;font-weight:800;display:grid;place-items:center;box-shadow:0 0 0 2px var(--card)}
.hmore{display:block;width:100%;border:0;background:none;color:var(--brand);font:inherit;font-weight:700;font-size:14px;padding:13px 14px;text-align:center;min-height:44px}

/* ===== A1o-3 · encabezado centrado y foto fija detras de las vistas de flujo ===== */
html.hcen .sub{position:relative;z-index:1}
html.hcen main>h2,html.hcen main>.frase{position:relative}
#hbg[data-f]::after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(var(--lgvc),var(--hta)) 0%,rgba(var(--lgvc),0) var(--htp)),var(--hfg,rgba(var(--lgvc),.9))}
@media print{#hbg{display:none!important}}
html.brolock #hbg{display:none!important}


/* ===== A1o-5 · menu con categorias y movimiento ===== */
:root{--dpb:var(--card);--dst:#8A5A09;--dpa:rgba(227,167,43,.16);--dpp:var(--line);--dppt:var(--ink);--drsc:rgba(0,0,0,.4)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--dpb:#0b0d12;--dst:var(--stt);--dpa:rgba(227,167,43,.14);--dpp:rgba(227,167,43,.18);--dppt:var(--stt);--drsc:rgba(0,0,0,.55)}}
:root[data-theme="dark"]{--dpb:#0b0d12;--dst:var(--stt);--dpa:rgba(227,167,43,.14);--dpp:rgba(227,167,43,.18);--dppt:var(--stt);--drsc:rgba(0,0,0,.55)}
.dr{display:block;visibility:hidden;pointer-events:none;background:transparent;touch-action:none;transition:background .3s cubic-bezier(.22,1,.36,1),visibility 0s linear .3s}
.dr.open{visibility:visible;pointer-events:auto;background:var(--drsc);transition:background .3s cubic-bezier(.22,1,.36,1),visibility 0s}
.dr>div{width:74%;max-width:340px;height:100%;background:var(--dpb);padding:calc(18px + env(safe-area-inset-top,0px)) 14px calc(18px + env(safe-area-inset-bottom,0px));overflow-y:auto;touch-action:pan-y;transform:translateX(-102%);transition:transform .3s cubic-bezier(.22,1,.36,1);box-shadow:0 0 40px rgba(0,0,0,.35)}
.dr.open>div{transform:none}
.dpf{display:flex;align-items:center;gap:12px;padding:6px 6px 14px}.dpf b{font-size:17px;font-weight:800;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dpa{flex:none;width:46px;height:46px;border-radius:50%;background:center/cover var(--line);box-shadow:0 0 0 1.5px var(--stt)}.dpa.vacio{background:var(--nvpb)}
.dsec{margin:6px 6px 2px;font-size:11.5px;font-weight:700;letter-spacing:1.6px;color:var(--dst)}
.dsp{height:1px;margin:10px 6px;background:var(--line)}
.dr button.dit{position:relative;display:flex;align-items:center;gap:14px;width:100%;min-height:48px;padding:10px 12px;border:0;border-radius:14px;background:none;color:var(--ink);font:inherit;font-size:17px;font-weight:600;text-align:left}
.dr button.dit.on{background:var(--dpa)}
.dr button.dit.on::before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:4px;border-radius:2px;background:var(--stt)}
.dr button.dit .dtx{flex:1;pointer-events:none}
.dpill{flex:none;min-width:26px;height:26px;padding:0 8px;border-radius:13px;background:var(--dpp);color:var(--dppt);font-size:13px;font-weight:700;display:grid;place-items:center;pointer-events:none}
#appw{transition:transform .3s cubic-bezier(.22,1,.36,1)}
html.drc #appw{transform-origin:0 var(--oy,50%);clip-path:inset(var(--ct,0) 0 var(--cb,0) 0 round 26px)}
html.dro #appw{transform:translateX(var(--dx,74%)) scale(.94)}
html.dro:not(.hhm):not(.hcen) #appw{background:var(--bg)}
nav{transition:opacity .2s}html.dro nav{opacity:0;pointer-events:none}
@media (prefers-reduced-motion:reduce){#appw,.dr,.dr>div,nav{transition:none!important}}
html.drc{overflow-x:hidden}
html.lgv #appw{height:100%}

/* ===== A1p-1 · guia de la mano: main y header (z-index:1, para quedar sobre la foto fija) atrapaban al aviso (z 36) y a la mano (z 37) bajo la capa de la guia (z 35); mientras la guia esta activa dejan de ser contexto de apilamiento y la foto pasa detras ===== */
html.gdon main,html.gdon header{z-index:auto!important}
html.gdon #hbg{z-index:-2}

/* ===== A1p-1 · cierre de sesion fluido ===== */
html.drx #appw,html.drx .dr,html.drx .dr>div,html.drx nav,html.drx #lgbg .lgi{transition:none!important}
html.drx::view-transition-group(root),html.drx::view-transition-old(root),html.drx::view-transition-new(root){animation-duration:280ms;animation-timing-function:ease}

/* ===== A1p-2 · azul = presentaciones, amarillo = tours; filas por tipo; Editar con lapiz ===== */
:root{--kpb:#E4EEFA;--kpt:#123F7A;--kpd:#8FB3E3;--kpa:#1F4E8C;--kfb:linear-gradient(135deg,#C98A1E,#ECC266);--kft:#1A1203}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--kpb:transparent;--kpt:#9CC2F2;--kpd:#3C7BC8;--kpa:#3C7BC8}}
:root[data-theme="dark"]{--kpb:transparent;--kpt:#9CC2F2;--kpd:#3C7BC8;--kpa:#3C7BC8}
.warn.kp{--wb:var(--kpb);--wt:var(--kpt);--wbd:var(--kpd)}
.warn.kp::before{background:var(--kpa)}
.tth .libth.tfb{display:grid;place-items:center;background:var(--kfb);color:var(--kft)}
.tth .libth.tfb svg{width:34px;height:34px}
.tag.edt{display:inline-flex;align-items:center;gap:5px}
.tag.edt svg{width:14px;height:14px;flex:none}

/* ===== A1p-3 · nombre opcional en segundo lugar ===== */
.ln small.rsn{color:var(--ink);opacity:.78;font-size:13px;font-weight:600}

/* ===== A1q-1 · Inicio estatico mientras el contenido cabe ===== */
html.hfit,html.hfit body{overflow:hidden;overscroll-behavior:none}

/* ===== A1s-1 ===== */
/* Destello al tocar (bloques 8 y 10): iOS pinta un resaltado gris translucido sobre cualquier elemento tocable; sobre el dorado y los fondos claros se ve como un destello oscuro. Los elementos ya tienen su propio efecto :active. */
*{-webkit-tap-highlight-color:transparent}
/* Menu: perfil tocable */
.dr button.dpf{gap:12px;padding:6px 6px 14px;border-bottom:0;font-size:inherit;font-weight:inherit;min-height:56px;border-radius:14px;margin-bottom:0}
.dr button.dpf:active{background:var(--dpa)}
/* Menu: el panel y el fondo son capas propias para que el deslizamiento no repinte la pagina */
.dr>div{will-change:transform}
html{overflow-x:hidden}
/* Miniatura del tour tocable (44 px minimo; mide 64) */
button.tth{border:0;padding:0;background:none;font:inherit;color:inherit;cursor:pointer;min-width:64px;min-height:64px;border-radius:12px}
.tth *{pointer-events:none}
button.tth:active{transform:scale(.96)}
/* Ubicacion: ver y editar */
.mapr{display:flex;gap:8px;margin-top:10px}
.mapr .mapb{margin-top:0!important;width:auto;flex:1 1 auto}
.mapr .mape{flex:none;padding:14px 16px;border:0;cursor:pointer;min-height:44px}
.mapr .mape svg{width:18px;height:18px;flex:none}
/* Editar perfil */
.btn.edp{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:14px}
.btn.edp svg{width:18px;height:18px;flex:none}
/* Guia de deslizar: la mano empieza ya visible */
.hand{animation-delay:-.39s}

/* ===== A1s-1 · bloque 1: halo suave en los textos sueltos de los flujos (el velo es mas ligero arriba y la foto se aprecia; el halo del color del velo mantiene el contraste) ===== */
html.hcen:not(.hhm){--hsh:rgba(var(--lgvc),1)}

/* ===== A1t-1 · menu lateral (bloque 3). Causa de los destellos (medida en WebKit cuadro por cuadro): el velo .dr cambiaba su background con una transicion propia (0 a .4 claro / .55 oscuro: 71 % ya en el cuadro 4) y oscurecia todo Inicio mientras se movia. V1: sin velo animado, una sola transicion de transform en #appw y en el panel, con will-change solo mientras dura el movimiento. V2 (html.mv2): el contenido no se mueve y el velo es un color solido que no cambia (aparece y desaparece en el cuadro del toque, no al final del movimiento). ===== */
.dr,.dr.open{background:transparent;transition:visibility 0s linear .3s}
.dr.open{transition:visibility 0s}

/* ===== A1u-1 · version en el menu ===== */
.dver{margin:16px 6px 0 12px;font-size:12.5px;font-weight:600;color:var(--mute);letter-spacing:.2px;-webkit-user-select:none;user-select:none}

/* ===== A1w-1 · bloque 2: menu SIN movimiento. Medido (Chromium y WebKit, cuadros exactos y grabaciones): la curva de entrada recorria el 24 % del desplazamiento en el primer cuadro (pendiente 4,5x) y, aun con la curva mas suave posible (lineal), el cambio de brillo entre cuadros llega a 2x el promedio, asi que el criterio de 1,5x no se logro. Regla de Sergio: se quita el movimiento. El menu aparece sobre Inicio (que no se mueve, no se escala, no se recorta y no se atenua) y desaparece en el mismo cuadro del toque. Sin velo. ===== */
html.dro #appw,html.drc #appw{transform:none!important;clip-path:none!important;transition:none!important}
.dr,.dr.open,.dr>div,.dr.open>div{transition:none!important}
.dr>div,html.drc #appw{will-change:auto}

/* ===== A1w-1 · bloque 3: el boton de ubicacion de Preparacion es un button (abre la edicion) con el mismo aspecto que el enlace ===== */
button.mapb{border:0;cursor:pointer}

/* ===== A1w-1 · bloque 4: miniatura de la propiedad en la Papelera (mismo tamano y esquinas que las de Mis tours: 64 px, radio 12) ===== */
.trth{display:flex;gap:12px;align-items:flex-start}.trth .libth{flex:none}.trtx{min-width:0;flex:1}

/* ===== A1w-1 · bloque 5: el halo (text-shadow) es solo para textos sueltos sobre la foto. Avisos y tarjetas con fondo propio (p.tvm «Tienes que calificar las estrellas…», .warn, .bad) no llevan halo. ===== */

/* ===== A1w-2 · «Revisar todo» (.lkrv) en oscuro: la luz de la isla flotante (verde/dorada/azul segun el tipo) cae detras del texto cuando la tarjeta queda junto a la barra y lo dejaba entre 2,96 y 4,28:1; halo oscuro propio y un dorado un poco mas claro (#F0C873 en vez de #DFA746) solo en este boton; mismo tamano, subrayado y posicion; la luz de la isla fija un techo de 3,8:1 con el dorado original aun con fondo negro. En claro no cambia. ===== */
@media (prefers-color-scheme:dark){html:not([data-theme="light"]) .lk2.lkrv{--rvc:#F7D68C;color:var(--rvc);text-shadow:0 0 1px var(--bg),0 0 2px var(--bg),0 0 4px var(--bg)}}
html[data-theme="dark"] .lk2.lkrv{--rvc:#F7D68C;color:var(--rvc);text-shadow:0 0 1px var(--bg),0 0 2px var(--bg),0 0 4px var(--bg)}

/* A1x-1 · B3 · tutorial: encabezado (N de M, barra de pasos, Saltar), titulo y texto, ilustracion y botones. Sin animaciones ni efectos nuevos. */
.tut .vis{--chg-b:#D6F1DE;--chg-c:#0B6B33;--chr-b:#FAD9D5;--chr-c:#9B1C12}
.tut .sh{border-radius:28px 28px 0 0}
.tut .pgr{grid-template-columns:auto minmax(0,1fr) auto;gap:14px;margin:0 0 14px}
.tut .pgr .cn{position:static;color:var(--mute);font-size:14px;font-weight:700;opacity:1;white-space:nowrap}
.tut .pgr .pager{display:flex;gap:6px;margin:0}
.tut .pgr .pager i{flex:1;width:auto;height:5px;border-radius:3px;background:var(--line)}
.tut .pgr .pager i.dn{background:var(--mute);opacity:.55}
.tut .sh.sga .pgr .pager i.on,.tut .pgr .pager i.on{width:auto;background:var(--stt)}
.tut .pgr .sk{border:0;background:transparent;padding:6px 0;color:var(--skt,var(--mute));font-size:14px;font-weight:700;text-decoration:underline;text-underline-offset:3px}
.tut h2{font-size:28px;line-height:1.12;letter-spacing:-.4px;margin:0 0 8px}
.tut .vis{margin:0 0 16px}
.tut .sh.sga .vis:not(.vg){box-shadow:inset 0 0 0 1px var(--line)}
.tut .btn svg{width:18px;height:18px;margin-left:8px;vertical-align:-3px}

/* A1x-1 · B4 · Mi Boveda: cabecera con foto de fondo (img/fondos/noche-2) bajo degradado verde, chips con icono, flecha redonda. Sin animaciones ni sombras nuevas. */
.tvh.vlt{--vlr:7,58,52;display:flex;align-items:center;gap:14px;padding:18px;border:1.5px solid var(--stt);background:linear-gradient(90deg,rgba(var(--vlr),.97) 0%,rgba(var(--vlr),.9) 55%,rgba(var(--vlr),.55) 100%),url(../img/fondos/noche-2.webp) right center/cover,var(--vlth)}
.tvh.vlt .vlti{flex:none;color:var(--stt);display:grid;place-items:center}
.lffb.vx .lfc{background:var(--vcb);border:1.5px solid var(--stt)}
.lffb.vx .lfc.on{background:var(--vcb)}
.lffb.vx .lfi{flex:none;color:var(--vci)}
.librow .libch.vch{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--vcvb);border:1.5px solid var(--vcvd);color:var(--vci);opacity:1;font-size:0}
.lffb.vx{gap:6px}
.lffb.vx button.lfc{padding:0 9px;gap:4px;font-size:13px}
.lffb.vx .lfi{width:17px;height:17px}
.tut .btn svg{pointer-events:none}

/* A1y-1 · B4 · Nueva presentacion / Nuevo tour: foto del fondo que se funde con la pagina, titulo con la 2.a palabra dorada, iconos en etiquetas y chips, Siguiente dorado con flecha. Sin halos, blur ni animaciones. */
html.hnew #hbg[data-f]::after{background:linear-gradient(180deg,rgba(var(--lgvc),var(--hta)) 0%,rgba(var(--lgvc),0) var(--htp)),linear-gradient(180deg,rgba(var(--lgvc),.06) 0,rgba(var(--lgvc),.2) 70px,rgba(var(--lgvc),var(--hfa)) 150px)}
.gw{color:var(--gwc)}
.lbi{display:flex;align-items:center;gap:10px}
.lbi svg{color:var(--brand)}
.chip[data-dtu]{display:inline-flex;align-items:center;gap:8px}
.chip[data-dtu] svg{width:20px;height:20px}
.chip[data-dtu].on{background:var(--brand);color:var(--on);border-color:var(--brand)}
#nxt{display:flex;align-items:center;justify-content:center;gap:8px;background:var(--ist);color:var(--istt);box-shadow:0 8px 18px -12px var(--ist)}
#nxt svg{width:20px;height:20px}
#nxt:disabled,#nxt[aria-disabled="true"]{box-shadow:none;filter:saturate(.5)}

/* A1y-1 · B5 · Biblioteca: foto (img/cabeceras/biblioteca-manos.webp, Luis Villasmil, Unsplash) a la derecha bajo degradado teal; Recibidas con degradado teal a cian. */
.tvh.libh{--lbr:6,92,86;min-height:150px;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(90deg,rgba(var(--lbr),.98) 0,rgba(var(--lbr),.94) 40%,rgba(var(--lbr),0) 62%),url(../img/fondos/cab-biblioteca.webp) right center/auto 100% no-repeat,var(--rcg)}
.tvh.libh .tvt,.tvh.libh .tvs{max-width:56%;color:#fff}
.libtabs{--lbt1:#0A6F68;--lbt2:#19B3A6}
.libtabs button.on{background:linear-gradient(90deg,var(--lbt1),var(--lbt2));color:#fff}
/* A1y-1 · B7 · Papelera: cabecera con foto (img/cabeceras/papelera-letrero.webp, Gary Chan, Unsplash) bajo degradado; filas, pildoras y aviso con icono. */
.tvh.trh{min-height:150px;display:flex;flex-direction:column;justify-content:center;color:var(--ink);border:1.5px solid var(--trbd);background:var(--trhg),url(../img/fondos/cab-papelera.webp) right center/auto 112% no-repeat,#05090c}
.tvh.trh .tvt,.tvh.trh .tvs{max-width:58%}
.trsh{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:18px 0 8px}
.trst{font-size:19px;font-weight:800}
.trpl,.trdays{display:inline-flex;align-items:center;gap:6px}
.trpl{flex:none;font-size:12.5px;font-weight:600;background:var(--line);color:var(--ink);border-radius:99px;padding:7px 12px}
.trpl svg,.trdays svg,.trb svg{width:15px;height:15px;pointer-events:none}
.card.trl{background:transparent;border:0;overflow:visible;display:grid;gap:8px}
.card.trl .ln{background:var(--card);border:1px solid var(--trbd);border-radius:16px;padding:12px}
.card.trl .ln:first-child{border-top:1px solid var(--trbd)}
.trb{display:inline-flex;align-items:center;gap:6px;font-size:13.5px;padding:8px 13px}
.trinfo{display:flex;align-items:flex-start;gap:12px;background:var(--card);border:1px solid var(--trbd);border-radius:16px;padding:12px 14px;color:var(--ink)}
.trinfo svg{width:22px;height:22px;flex:none;margin-top:1px;color:var(--brand)}
.card.trl{grid-template-columns:minmax(0,1fr)}
.card.trl .ln .row{flex-wrap:wrap}
.trpl{max-width:46%;white-space:normal;line-height:1.2}
.trst{min-width:0}



/* A1z-1 · B2 · capsulas del swipe de Presentar y Fichas: activa 48x12 dorada, inactivas 12x12 (azul marino en claro, gris en oscuro), separacion 9 px. Sin animaciones. */
#v .pager{gap:9px}
#v .pager i{width:12px;height:12px;border-radius:6px;background:var(--pgi)}
#v .pager i.on{width:48px;background:var(--stt)}
/* A1z-1 · B3 · «Nueva»/«Nuevo» en el azul marino del logo (solo claro); la 2.a palabra, dorado intenso #D9A02A (aprobado por Sergio, ~2,1:1: no cumple el 3:1 de texto grande). Oscuro sin cambios (--gw1:initial). */
html.hnew main>h2{color:var(--gw1,inherit)}

/* A1z-2 · velo alto: una capa extra solo en la parte alta de las pantallas de flujo (sustituye a las placas de A1z-1). */
:root{--hta:.5;--htp:35%}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--hta:.75;--htp:40%}}
:root[data-theme="dark"]{--hta:.75;--htp:40%}
/* fin A1z-2 velo alto */

/* A1z-3: logo alineado con campana y perfil; titulos de seccion de Configuracion 20/26; boton Ver como lo ve el cliente; Descartar claro; Resetear tour; degradado de tarjetas del tour (claro) */
:root{--tvbg:linear-gradient(135deg,#C6922B,#F0DFAE);--dgbg:rgba(192,57,43,.18);--dgbd:#B3261E;--dgtx:#7A1912;--rsb:#0B1F4A;--rsov:rgba(0,0,0,.5)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--tvbg:var(--nt);--dgbg:rgba(192,57,43,.1);--dgbd:rgba(192,57,43,.5);--dgtx:var(--tvdn)}}
:root[data-theme="dark"]{--tvbg:var(--nt);--dgbg:rgba(192,57,43,.1);--dgbd:rgba(192,57,43,.5);--dgtx:var(--tvdn)}
#hlg{margin-top:5px}
.lb.lbs{font-size:20px;display:flex;align-items:center;gap:10px}
.lb.lbs svg{width:26px;height:26px;flex:none}
.btn.tvghost{display:flex;align-items:center;justify-content:center;gap:9px;font-weight:800;background:transparent;color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--ist);font-size:14px}
.btn.tvghost svg{width:19px;height:19px;flex:none}
.btn.tvdng{background:var(--dgbg);color:var(--dgtx);box-shadow:inset 0 0 0 1.5px var(--dgbd)}
.tvhg{background:var(--tvbg)}
.tvh .row{align-items:center;gap:8px}
.tvrst{flex:none;display:inline-flex;align-items:center;gap:5px;background:var(--rsb);color:#fff;border:0;border-radius:999px;padding:6px 12px;font:inherit;font-size:12px;font-weight:800;margin-left:auto}
.tvrst svg{width:14px;height:14px;flex:none}
.rsto{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:24px;background:var(--rsov)}
.rstd{background:var(--card);color:var(--ink);border-radius:22px;padding:22px 20px;width:100%;max-width:360px}
.rstd b{display:block;font-size:19px;margin-bottom:8px}
.rstd p{font-size:14px;line-height:1.4;margin:0 0 16px}
.rstb{display:flex;gap:10px}
.rstb .btn{margin:0;flex:1}
.btn.tvrstok{background:var(--trash-ic);color:#fff;font-weight:800}
/* fin A1z-3 */

/* A1z-4: filas reales de la Papelera dentro del tutorial */
.tut .ln .row{flex-wrap:wrap;margin-top:6px!important}
.tut .ln{padding-top:8px;padding-bottom:8px}
.tut .ln .trb{font-size:11.5px;padding-left:9px;padding-right:9px}
.tut .ln .trb svg{width:14px;height:14px}
/* fin A1z-4 */

/* A1z-5b: portada en pantalla del brochure horizontal -30 % (logo, PRESENTA: y separacion); el vertical no cambia */
@media screen{#bro.b-lap .b-stick{gap:clamp(12.32px,2.24dvh,24.64px)}#bro.b-lap .b-logo{width:clamp(117.6px,29.12vw,291.2px)}#bro.b-lap .b-pres{font-size:clamp(14.56px,3.472vw,31.36px)}}
/* fin A1z-5b */

/* A1z-11 DEMO: en la demo no hay menu, cabecera, isla ni barra de vista previa del asesor; la franja #demobar reutiliza .bmnet (mismas variables de tema) */
html.bmdemo header,html.bmdemo nav,html.bmdemo #dr,html.bmdemo #hbg,html.bmdemo:not(.bmcli) #bmnet{display:none!important}
html.bmdemo .cvbar,html.bmdemo .vbk.ch[data-v="home"]{display:none!important}
/* fin A1z-11 DEMO */

/* A1z-12 TOQUE: primer toque inmediato en Compartir y Enviar al cliente (sin cambio visual): cursor:pointer (iOS trata el elemento como clicable) y touch-action:manipulation (sin espera de doble toque) */
#v .btn[data-v="cli"],#v .btn[data-v="lnk"],#v .btn.tvghost,#v .acts .act,#v .acts+.btn{cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
/* fin A1z-12 TOQUE */


/* A1z-14 ENLACE-REAL */
#v .btn[data-lkn],#v .btn[data-lks],#v .btn[data-lkw],#v .btn[data-lkx],#v .tag[data-lkr],.rstb .btn[data-lkc],.rstb .btn[data-lky]{cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
/* /A1z-14 */

/* A1z-16 BOVEDA */
#v .btn[data-vpk],#v .btn[data-vpx],#v .librow[data-vpick]{cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
/* /A1z-16 */

/* A1z-16 ENLACES */
#v .hsec[data-lkg]{cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
/* /A1z-16 */

/* A1z-18 */
#v .btn[data-lkd],.rstb .btn[data-lkz]{cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
/* /A1z-18 */

/* A1z-19 */
#v .librow[data-rp]{cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
/* /A1z-19 */

/* A1z-20: el recuadro «Mi Boveda» (pantalla Mi Boveda y selector «Agregar de la Boveda») es mas grande (mismos colores) */
.tvh.vlt.vbig{min-height:150px;padding:26px 22px;gap:18px}
/* /A1z-20 */

/* A1z-20 FRASE VERDE: texto 20px/700, verde de --sgo (su primer color, 31,122,68) opaco bajo el texto y transparente hacia la derecha sobre una foto que ya esta en img/fondos (la villa al atardecer de Mi Boveda); sin blur ni halos */
.priv.frv{position:relative;box-sizing:border-box;min-height:120px;display:flex;align-items:center;padding:18px 22% 18px 18px;margin:18px 0;border-radius:14px;color:#fff!important;font-size:20px;font-weight:700;line-height:1.3;background:linear-gradient(90deg,rgb(31,122,68) 0,rgb(31,122,68) 78%,rgba(31,122,68,0) 100%),url(../img/fondos/noche-2.webp) right center/cover no-repeat!important}/* !important: la regla del tema oscuro de .priv (fondo negro) tiene mayor especificidad */
/* /A1z-20 */
/* A1z-22 BOTONES CON BORDE POR box-shadow inset: .btn:active (mas abajo) reemplazaba su box-shadow y en iOS el :active se queda pegado, asi que el borde desaparecia hasta tocar otra zona. Tocado = igual que en reposo (sin mover ni reducir). */
.btn.tvsoft:active,.btn.tvghost:active{box-shadow:inset 0 0 0 1.5px var(--ist);transform:none}
.btn.tvdng:active{box-shadow:inset 0 0 0 1.5px var(--dgbd);transform:none}
/* /A1z-22 */
/* A1z-23 VISOR: sin zoom por pellizco ni doble toque (solo deslizar en horizontal); el marcador reserva la caja (3:2) para que al llegar la foto no salte nada */
.gv,.gvs{touch-action:pan-x}
.gvi img[src^="data:image/gif"]{width:100%;height:auto;aspect-ratio:3/2;visibility:hidden}
/* /A1z-23 */