/* MEL OS V20.21 — Espaço Luz da Mel: Meus chás e Yoga em casa. Usa as variáveis do luz-18.css (dia e noite). */
.l21 .gd-sum b{color:var(--l18-gd)}
.l21-luna{background:linear-gradient(135deg,#f3eefb,#fdfbff);border-color:#dccff0}
.l21-luna b{color:#6b4f9c!important}
html[data-theme=dark] .l21-luna{background:linear-gradient(135deg,#2c2140,#241b31);border-color:rgba(190,160,240,.3)}
html[data-theme=dark] .l21-luna b{color:#d6c3ff!important}

/* ---------- chás ---------- */
.l21-agora{margin:0 0 18px}.l21-agora .l21-cha{border-width:2px;border-color:var(--l18-gd2)}
.l21-cha{border:1px solid var(--l18-ln);border-radius:20px;background:var(--l18-s);margin:0 0 10px;box-shadow:var(--l18-sh);overflow:hidden}
.l21-cha[hidden]{display:none}
.l21-cha>summary{display:flex;align-items:center;gap:12px;padding:14px 16px;cursor:pointer;list-style:none;min-height:64px}
.l21-cha>summary::-webkit-details-marker{display:none}
.l21-cha>summary::after{content:'›';margin-left:auto;font-size:26px;color:var(--l18-mu);transition:transform .2s;padding-left:6px}
.l21-cha[open]>summary::after{transform:rotate(90deg)}
.l21-ic{flex:0 0 46px;height:46px;display:grid;place-items:center;font-size:24px;border-radius:15px;background:var(--l18-s2);border:1px solid var(--l18-ln)}
.l21-nm{display:grid;gap:2px;min-width:0}.l21-nm b{font:500 20px/1.2 'Cormorant Garamond',serif;color:var(--l18-tx)}.l21-nm small{font-size:13.5px;color:var(--l18-mu)}
.l21-pode{flex:none;font-style:normal;font-size:12px;font-weight:700;padding:4px 9px;border-radius:999px;background:var(--l18-okbg);color:var(--l18-ok);white-space:nowrap}
.l21-fav{flex:none;font-style:normal}
.l21-cb{padding:0 16px 16px;border-top:1px dashed var(--l18-ln)}
.l21-cb p{font-size:16px;line-height:1.55;margin:10px 0}
.l21-tags{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0 2px}.l21-tags span{font-size:12.5px;padding:4px 10px;border-radius:999px;background:var(--l18-s2);border:1px solid var(--l18-ln);color:var(--l18-tx)}
.l21-falta{color:#9a5b1c;background:#fff4e2;border-radius:12px;padding:8px 12px!important;font-size:14.5px!important}
html[data-theme=dark] .l21-falta{color:#f3c98b;background:rgba(227,160,80,.14)}
.l21-cuid{font-size:14px!important;color:var(--l18-mu)}
.l21-acts{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 4px}
.l21-nota{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:10px;font-size:14px;color:var(--l18-mu)}
.l21-nota button{font:500 14px 'DM Sans',sans-serif;padding:8px 12px;border-radius:999px;border:1px solid var(--l18-ln);background:transparent;color:var(--l18-tx);cursor:pointer;min-height:38px}
.l21-nota button.on{background:linear-gradient(135deg,#f7e3b5,#e3c07e);color:#2a1d10;border-color:transparent}
.l21-busca{margin:6px 0 16px}
.l21-fil{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0 0 12px}
.l21-fil input[type=search]{flex:1 1 220px;min-width:0;font:16px 'DM Sans',sans-serif;padding:11px 14px;border-radius:14px;border:1px solid var(--l18-ln);background:var(--l18-s);color:var(--l18-tx)}
.l21-sw{display:inline-flex}.l21-sw input{position:absolute;opacity:0;pointer-events:none}
.l21-sw span{font:500 14.5px 'DM Sans',sans-serif;padding:9px 14px;border-radius:999px;border:1px solid var(--l18-ln);background:var(--l18-s);color:var(--l18-tx);cursor:pointer}
.l21-sw input:checked+span{background:var(--l18-okbg);color:var(--l18-ok);border-color:var(--l18-ok)}
.l21-sw input:focus-visible+span{outline:2px solid var(--l18-gd);outline-offset:2px}
.l21-arm,.l21-bib,.l21-aj{border:1px solid var(--l18-ln);border-radius:20px;background:var(--l18-s);padding:4px 16px;margin:14px 0}
.l21-arm>summary,.l21-bib>summary,.l21-aj>summary{font:600 17px 'DM Sans',sans-serif;padding:12px 0;cursor:pointer;color:var(--l18-tx)}
.l21-arm>summary small,.l21-bib>summary small{font-weight:400;color:var(--l18-mu);font-size:13.5px;margin-left:6px}
.l21-ig{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(150px,100%),1fr));gap:8px;margin:8px 0 14px}
.l21-ig label{display:flex}.l21-ig input{position:absolute;opacity:0;pointer-events:none}
.l21-ig span{flex:1;font-size:14.5px;padding:10px 12px;border-radius:14px;border:1px solid var(--l18-ln);background:var(--l18-s2);color:var(--l18-tx);cursor:pointer;line-height:1.3}
.l21-ig span i{display:block;font-style:normal;font-size:12px;color:var(--l18-ok)}
.l21-ig input:checked+span{border-color:var(--l18-gd);background:linear-gradient(135deg,rgba(247,227,181,.55),rgba(227,192,126,.35));font-weight:600}
.l21-ig input:focus-visible+span{outline:2px solid var(--l18-gd);outline-offset:2px}
.l21-ig .jd span{cursor:default}
.l21-hr{display:flex;flex-wrap:wrap;align-items:center;gap:10px;font-size:15.5px;margin:4px 0}
.l21-hr input{font:16px 'DM Sans',sans-serif;padding:8px 10px;border-radius:12px;border:1px solid var(--l18-ln);background:var(--l18-s2);color:var(--l18-tx)}
.l21-arm form{padding-bottom:12px}
.l21-tmr{position:fixed;left:50%;transform:translateX(-50%);bottom:calc(84px + env(safe-area-inset-bottom,0px));z-index:90;display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:20px;
  background:#15120f;color:#f4ecdf;border:1px solid rgba(227,192,126,.45);box-shadow:0 14px 30px -12px rgba(0,0,0,.6);width:min(92vw,420px)}
.l21-tmr[hidden]{display:none}
.l21-tmr div{display:grid;flex:1;min-width:0}.l21-tmr b{font:500 18px 'Cormorant Garamond',serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.l21-tmr small{font-size:13.5px;color:#e3c07e}
.l21-tmr .lz-x{color:#f4ecdf}
.l21-tmr-r{--p:0;flex:0 0 38px;height:38px;border-radius:50%;background:conic-gradient(#e3c07e calc(var(--p)*1%),rgba(255,255,255,.12) 0);display:grid;place-items:center}
.l21-tmr-r::after{content:'🍵';width:30px;height:30px;border-radius:50%;background:#15120f;display:grid;place-items:center;font-size:15px}

/* ---------- yoga ---------- */
.l21-yw p{font-size:17px}
.l21-quiz fieldset{border:1px solid var(--l18-ln);border-radius:18px;padding:12px 14px;margin:0 0 12px;background:var(--l18-s)}
.l21-quiz legend{font-weight:600;padding:0 6px;font-size:16px}
.l21-quiz fieldset>label{display:block;margin:6px 0}.l21-quiz fieldset>label input{position:absolute;opacity:0;pointer-events:none}
.l21-quiz fieldset>label span{display:block;padding:11px 14px;border-radius:14px;border:1px solid var(--l18-ln);background:var(--l18-s2);cursor:pointer;font-size:15.5px}
.l21-quiz fieldset>label input:checked+span{border-color:var(--l18-gd);background:linear-gradient(135deg,rgba(247,227,181,.6),rgba(227,192,126,.35));font-weight:600}
.l21-quiz fieldset>label input:focus-visible+span{outline:2px solid var(--l18-gd);outline-offset:2px}
.l21-ja{margin-top:8px}
.l21-nv{display:grid;gap:4px;margin:0 0 12px}.l21-nvb{justify-self:start;font-weight:700;padding:6px 14px;border-radius:999px;background:linear-gradient(135deg,#f7e3b5,#e3c07e);color:#2a1d10}
.l21-nv small{color:var(--l18-mu);font-size:14px}
.l21-sug{padding:14px 16px;border-radius:18px;background:var(--l18-okbg);color:var(--l18-ok);margin:0 0 14px;display:grid;gap:8px}.l21-sug p{margin:0;font-size:16px}
.l21-hoje{border:2px solid var(--l18-gd2);border-radius:24px;padding:16px;background:var(--l18-s);box-shadow:var(--l18-sh);margin:0 0 18px}
.l21-hc{display:flex;gap:14px;align-items:flex-start}.l21-hi{flex:0 0 56px;height:56px;border-radius:18px;display:grid;place-items:center;font-size:30px;background:var(--l18-s2);border:1px solid var(--l18-ln)}
.l21-hc b{font:500 24px/1.2 'Cormorant Garamond',serif}.l21-hc p{margin:4px 0 0;font-size:15.5px;color:var(--l18-mu)}
.l21-min{align-items:center}.l21-min span{font-size:14px;color:var(--l18-mu)}
.l21-vbox{margin-top:12px}
.l21-aulas{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(230px,100%),1fr));gap:10px;margin:0 0 6px}
.l21-aula{display:grid;gap:4px;text-align:left;padding:16px;border-radius:20px;border:1px solid var(--l18-ln);background:var(--l18-s);color:var(--l18-tx);cursor:pointer;box-shadow:var(--l18-sh);font:inherit}
.l21-aula:hover,.l21-aula:focus-visible{border-color:var(--l18-gd)}
.l21-aula span{font-size:28px}.l21-aula b{font:500 21px/1.2 'Cormorant Garamond',serif}.l21-aula small{font-size:14.5px;color:var(--l18-mu);line-height:1.4}
.l21-aula i{font-style:normal;font-size:12.5px;font-weight:600;color:var(--l18-gd)}
.l21-pg{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(150px,100%),1fr));gap:10px;padding:4px 0 14px}
.l21-po{border:1px solid var(--l18-ln);border-radius:18px;background:var(--l18-s2);overflow:hidden}
.l21-po[hidden]{display:none}
.l21-po[open]{grid-column:1/-1}
.l21-po>summary{display:grid;justify-items:center;text-align:center;gap:2px;padding:10px 8px 12px;cursor:pointer;list-style:none}
.l21-po>summary::-webkit-details-marker{display:none}
.l21-po>summary .yg-fig{width:96px;height:96px}
.l21-po>summary b{font:500 18px/1.2 'Cormorant Garamond',serif}.l21-po>summary small{font-size:12px;color:var(--l18-mu)}
.l21-po>div{padding:0 14px 14px}.l21-po>div p{font-size:15.5px;margin:8px 0}
.l21-po[open]>summary{grid-template-columns:auto 1fr;justify-items:start;text-align:left;align-items:center;column-gap:12px}
.l21-po[open]>summary .yg-fig{grid-row:span 2}
/* bonequinho das posturas */
.yg-fig{display:block;color:var(--l18-gd)}
.yg-fig path,.yg-fig line,.yg-fig circle{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round}
.yg-fig .fr path{stroke-width:5}.yg-fig .tr path{stroke-width:4.4;opacity:.45}.yg-fig circle{stroke-width:4.4;fill:var(--l18-s)}
.yg-fig .g{stroke-width:1.6;opacity:.35}.yg-fig .ch{stroke-width:2.4;opacity:.35}
/* aula guiada (tela cheia) */
.l21-yp{position:fixed;inset:0;z-index:120;background:var(--l18-ov);display:grid;place-items:center;padding:12px;backdrop-filter:blur(3px)}
.l21-yp[hidden]{display:none}
.l21-yp-in{width:min(560px,100%);max-height:calc(100dvh - 24px);overflow:auto;border-radius:28px;background:var(--l18-s);color:var(--l18-tx);padding:16px 18px 20px;box-shadow:0 30px 70px -20px rgba(0,0,0,.6);text-align:center}
.l21-yp-top{display:flex;justify-content:space-between;align-items:center;gap:10px;text-align:left}.l21-yp-top small{font-size:14px;color:var(--l18-mu)}
.l21-yp-fig{display:grid;place-items:center;margin:4px auto 0;width:min(240px,62vw);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 50% 45%,var(--l18-s2),transparent 70%)}
.l21-yp-fig .yg-fig{width:100%;height:100%}
.l21-lotus{font-size:90px;animation:l21b 4s ease-in-out infinite}@keyframes l21b{50%{transform:scale(1.08)}}
.l21-yp-prep{margin:4px 0 0;font-weight:600;color:var(--l18-gd);letter-spacing:.04em}
.l21-yp h3{font:500 30px/1.15 'Cormorant Garamond',serif;margin:6px 0 0}
.l21-yp-in>small{display:block;color:var(--l18-mu);font-style:italic;font-size:14px}
.l21-yp-t{margin:12px 0 6px}.l21-yp-t b{font:500 44px/1 'Cormorant Garamond',serif;color:var(--l18-gd)}.l21-yp-t small{display:block;color:var(--l18-mu);font-size:13px;margin-top:6px}
.l21-yp-como{font-size:16.5px;line-height:1.55;text-align:left;margin:10px 0}.l21-yp-resp{font-size:15px;color:var(--l18-mu);text-align:left;margin:6px 0}
.l21-yp-next{font-size:14px;color:var(--l18-mu);margin:8px 0}
.l21-yp-ctl{justify-content:center}.l21-yp-ctl .btn{min-width:56px}
.l21-yp-fim{padding:8px 0}.l21-yp-fim .jg-ctl{justify-content:center}
@media (prefers-reduced-motion:reduce){.l21-lotus{animation:none}}
@media (max-width:420px){.l21-pg{grid-template-columns:repeat(2,1fr)}.l21-aulas{grid-template-columns:1fr}.l21-yp-t b{font-size:38px}}
.l21-ir{display:block;text-decoration:none;color:inherit}.l21-ir p{font-size:16px}
/* V20.21 ajustes: marca, números centralizados, aulas em linha */
.l21-brand b{display:block;line-height:1.1}.l21-brand b span{display:block;font:italic 500 19px/1.1 'Cormorant Garamond',Georgia,serif;letter-spacing:.04em;text-transform:none;color:#e3c07e;margin-top:2px}
.l21 .gd-sum small{text-align:center;line-height:1.3}
.l21-aula{grid-template-columns:52px 1fr;column-gap:14px;align-items:start}.l21-aula span{grid-row:span 3;width:52px;height:52px;display:grid;place-items:center;border-radius:16px;background:var(--l18-s2);border:1px solid var(--l18-ln);font-size:26px}
.l21-aula i{grid-column:2}
.l21-yp-top>span{display:flex;gap:12px;align-items:center}
.l21-aula{align-content:start}
.l21-brand b{white-space:nowrap}
@media (max-width:520px){.l21-brand b{letter-spacing:.14em;font-size:12.5px}.l21-brand b span{display:inline;font-size:17px;letter-spacing:.02em;margin-left:5px}}
.lz section.sec{scroll-margin-top:136px}
.l21-rp{float:right;margin:-2px -6px 0 8px;border:0;background:transparent;cursor:pointer;font-size:13px;opacity:.45;padding:4px;min-width:28px;min-height:28px}.l21-rp:hover,.l21-rp:focus-visible{opacity:1}
.l21-priv{font-size:14.5px;margin-top:16px}