/* MEL OS V20.32 — Espaço Luz da Mel: textos que não se sobrepõem, laterais alinhadas, cartinha da Mel, agenda do dia,
   livros indicados, ciclo com período fértil. Usa as cores do tema (dia e noite). */

/* ---------- arrumação geral: nada de texto em cima de texto ---------- */
main.lz .hint{margin-top:8px}
main.lz :is(.jg-ctl,.l31-rctl,form,.btn)+.hint{margin-top:10px}
main.lz .sec :is(h2,h3){line-height:1.25;overflow-wrap:anywhere}
main.lz .sec :is(p,li,small,b,label){overflow-wrap:break-word}
main.lz .sec .kick+:is(h2,h3,b){margin-top:4px}
main.lz .sec :is(h3,.kick)+p{margin-top:6px}
main.lz .jg-ctl{flex-wrap:wrap;row-gap:8px}
.l31-est h3{margin:4px 0 6px}.l31-est h3+.hint{margin:0 0 12px}
/* laterais fixas: formulários e campos não passam da tela */
html{overflow-x:clip}body{max-width:100%}
main.lz .sec{min-width:0;max-width:100%}
.le-cfg{grid-template-columns:repeat(auto-fill,minmax(min(180px,100%),1fr))!important}
.le-cfg>*,.l28-bf>*,.l27-cf>*{min-width:0}
main.lz :is(.le-cfg,.l28-bf,.l27-cf,.l32-agf) :is(input,select,textarea){width:100%;max-width:100%;min-width:0;box-sizing:border-box}
main.lz select{text-overflow:ellipsis}
main.lz input[type=date],main.lz input[type=time],main.lz input[type=month]{min-width:0;max-width:100%}
@media (max-width:520px){.le-cfg{grid-template-columns:1fr!important}main.lz .le-cfg .btn{justify-self:start}}

/* ---------- cartinha da Mel (envelope ao lado do logo) ---------- */
.lz-top .brand{display:flex;align-items:center;gap:10px;min-width:0}
.l32-env{position:relative;flex:0 0 auto;width:40px;height:40px;border-radius:12px;border:1px solid rgba(227,192,126,.45);background:rgba(227,192,126,.1);font-size:20px;line-height:1;cursor:pointer;display:grid;place-items:center;margin-left:4px}
.l32-env:hover{background:rgba(227,192,126,.22)}.l32-env:focus-visible{outline:2px solid #e3c07e;outline-offset:2px}
.l32-env i{position:absolute;top:-6px;right:-6px;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:#d9534f;color:#fff;font:700 12px/20px 'DM Sans',sans-serif;font-style:normal;text-align:center;box-shadow:0 0 0 2px #15120f;animation:l32pul 2.4s ease-in-out infinite}
@keyframes l32pul{50%{transform:scale(1.12)}}@media (prefers-reduced-motion:reduce){.l32-env i{animation:none}}
.l32-cm{position:fixed;inset:0;z-index:60;background:var(--l18-ov,rgba(21,18,15,.62));display:grid;place-items:center;padding:16px}
.l32-cm[hidden]{display:none}
.l32-cmin{position:relative;width:100%;max-width:560px;max-height:88vh;overflow:auto;background:var(--l18-s,#fff);color:var(--l18-tx,#2a241e);border-radius:22px;padding:22px 20px;box-shadow:0 30px 80px rgba(0,0,0,.35)}
.l32-cmin h3{margin:4px 0 14px;font:500 26px/1.2 'Cormorant Garamond',serif}
.l32-x{position:absolute;top:12px;right:12px;width:36px;height:36px;border-radius:50%;border:1px solid var(--l18-ln);background:transparent;color:inherit;font-size:16px;cursor:pointer}
.l32-cl{display:grid;gap:10px}
.l32-ct{border:1px solid var(--l18-ln);border-radius:16px;overflow:hidden;background:var(--l18-s2,#fffaf0)}
.l32-ct.nova{border-color:var(--l18-gd,#b78a42);box-shadow:0 0 0 1px var(--l18-gd,#b78a42) inset}
.l32-cth{all:unset;box-sizing:border-box;width:100%;display:flex;gap:12px;align-items:center;padding:12px 14px;cursor:pointer}
.l32-cth:focus-visible{outline:2px solid var(--l18-gd);outline-offset:-2px}
.l32-sel{font-size:24px;flex:0 0 auto}.l32-cth b{display:block;line-height:1.3}.l32-cth small{display:block;color:var(--l18-mu);font-size:12.5px;margin-top:2px}
.l32-papel{padding:4px 18px 16px;border-top:1px dashed var(--l18-ln);background:repeating-linear-gradient(transparent 0 29px,color-mix(in srgb,var(--l18-gd) 14%,transparent) 29px 30px)}
.l32-de{color:var(--l18-mu);font-size:12.5px;text-align:right;margin:10px 0 6px}
.l32-txt{font:400 19px/30px 'Cormorant Garamond',Georgia,serif;white-space:normal}
.l32-ass{font:italic 500 18px/1.4 'Cormorant Garamond',serif;color:var(--l18-gd);text-align:right;margin:14px 0 6px}

/* ---------- agenda do dia ---------- */
.l32-ag{border:1px solid var(--l18-ln);border-radius:20px;padding:16px;background:var(--l18-s2,#fffaf0);margin:14px 0}
.l32-agnav{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.l32-agnav b{flex:1;text-align:center;font-size:17px;min-width:120px}
.l32-agprog{display:flex;align-items:center;gap:10px;margin:12px 0}.l32-agprog i{flex:1;height:10px;border-radius:99px;background:color-mix(in srgb,var(--l18-gd) 18%,transparent);overflow:hidden}
.l32-agprog em{display:block;height:100%;background:linear-gradient(90deg,#86c5a4,#c99a4b);border-radius:99px;transition:width .4s}.l32-agprog small{color:var(--l18-mu);white-space:nowrap}
.l32-atr{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:10px 12px;border-radius:14px;background:color-mix(in srgb,#c99a4b 14%,transparent);margin:0 0 12px}
.l32-atr[hidden]{display:none}
.l32-agf{display:flex;gap:8px;margin:0 0 12px}.l32-agf input{flex:1;font:16px 'DM Sans',sans-serif;padding:12px 14px;border-radius:14px;border:1px solid var(--l18-ln);background:var(--l18-s,#fff);color:var(--l18-tx)}
.l32-agf .btn{flex:0 0 auto}
@media (max-width:420px){.l32-agf{flex-direction:column}.l32-agf .btn{align-self:flex-start}}
.l32-agl{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.l32-agl li{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:start;padding:10px 12px;border-radius:14px;background:var(--l18-s,#fff);border:1px solid var(--l18-ln)}
.l32-agl li.prio{border-color:var(--l18-gd)}
.l32-agl li.feito .l32-tt{text-decoration:line-through;text-decoration-thickness:2px;color:var(--l18-mu)}
.l32-agl li.nao .l32-tt{color:var(--l18-mu);font-style:italic}
.l32-ck{all:unset;cursor:pointer;width:28px;height:28px;border-radius:9px;border:2px solid var(--l18-gd);display:grid;place-items:center;font-size:16px;line-height:1;color:#fff;margin-top:1px}
.l32-ck:focus-visible{outline:2px solid var(--l18-gd);outline-offset:2px}
li.feito .l32-ck{background:#4c9b78;border-color:#4c9b78}li.nao .l32-ck{background:color-mix(in srgb,var(--l18-mu) 40%,transparent);border-color:var(--l18-mu)}
.l32-tt{display:block;font-size:16px;line-height:1.4;overflow-wrap:anywhere;padding-top:3px}
.l32-tt small{display:block;font-size:12px;color:var(--l18-mu);margin-top:2px;font-style:normal}
.l32-ac{grid-column:2;display:flex;flex-wrap:wrap;gap:6px;margin-top:2px}
.l32-ac button,.l32-ac label{font:13px 'DM Sans',sans-serif;padding:5px 10px;border-radius:999px;border:1px solid var(--l18-ln);background:transparent;color:inherit;cursor:pointer;display:inline-flex;align-items:center;gap:4px}
.l32-ac input[type=date]{font:13px 'DM Sans',sans-serif;border:0;background:transparent;color:inherit;padding:0;width:130px}
.l32-vz[hidden]{display:none}
.l32-agmini{display:grid;gap:4px;text-decoration:none;color:inherit;margin-top:12px}.l32-agmini small{color:var(--l18-mu)}

/* ---------- livros indicados ---------- */
.l32-ind{margin:20px 0 6px}.l32-ind h3{margin:4px 0 12px}
.l32-il{display:grid;gap:12px}
.l32-li{display:flex;gap:14px;align-items:flex-start;padding:14px;border-radius:16px;border:1px solid var(--l18-ln);background:var(--l18-s2,#fffaf0)}
.l32-li>div:last-child{min-width:0;flex:1}.l32-li b{display:block;line-height:1.3}.l32-li small{display:block;color:var(--l18-mu);margin-top:2px}
.l32-li .l32-mes{color:var(--l18-gd)}.l32-li p{margin:8px 0}

/* ---------- ciclo: previsão como nos apps ---------- */
.l32-cprev{list-style:none;padding:12px 14px;margin:12px 0;border-radius:14px;background:color-mix(in srgb,#e88aa6 10%,transparent);display:grid;gap:6px}
.l32-cprev li{line-height:1.4}.l32-cprev small{color:var(--l18-mu)}
.l28-cal span i{font-style:normal;font-size:11px;line-height:1;min-height:11px}
/* cabeçalho: logo + envelope + tema + sair sem se encostarem no celular */
.lz-top{gap:8px}.lz-top .brand{flex:1 1 auto;min-width:0}.lz-top .l21-brand{min-width:0;overflow:hidden}
.lz-top .l21-brand :is(b,small){display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lz-top .lz-hi{flex:0 0 auto}
@media (max-width:480px){.lz-top{padding:12px 14px}.lz-top .lz-hi>span{display:none}.lz-top .l21-brand small{max-width:34vw}}
@media (max-width:360px){.lz-top .l21-brand{display:none}}