/* Diário comercial no telefone: a capa cabe em um palco previsível e o livro
   aberto vira uma área de leitura/edição real, sem controles fora da tela. */
@media(max-width:600px){
  body.participant-diary-marciel #entry-content{overflow-x:hidden}
  body.participant-diary-marciel .employee-diary-layout.employee-diary-diary.participant-diary:not(.employee-diary-reading){min-height:max(760px,100dvh);overflow:hidden}
  body.participant-diary-marciel .employee-diary-layout.employee-diary-diary.participant-diary:not(.employee-diary-reading) .sera-diary-welcome-eyebrow{top:25px;left:5%;font-size:13px}
  body.participant-diary-marciel .employee-diary-layout.employee-diary-diary.participant-diary:not(.employee-diary-reading) .sera-diary-welcome>h2{width:90%;margin-left:5%;padding-top:65px;font-size:clamp(29px,8vw,36px);line-height:1.08}
  body.participant-diary-marciel .employee-diary-layout.employee-diary-diary.participant-diary:not(.employee-diary-reading) .sera-diary-welcome>p{width:90%;margin:11px 0 0 5%;font-size:14px;line-height:1.45}
  body.participant-diary-marciel .employee-diary-layout.employee-diary-diary.participant-diary:not(.employee-diary-reading) .sera-diary-character{top:245px;bottom:auto;left:5%;width:55%;height:250px;object-position:center bottom}
  body.participant-diary-marciel .employee-diary-layout.employee-diary-diary.participant-diary:not(.employee-diary-reading) .sera-diary-visual{top:475px;right:3%;left:3%;width:94%;height:270px;min-height:0}
  body.participant-diary-marciel .employee-diary-layout.employee-diary-diary.participant-diary:not(.employee-diary-reading) .employee-diary-cover-image{transform:none}
  body.participant-diary-marciel .employee-diary-layout.employee-diary-diary.participant-diary:not(.employee-diary-reading) .employee-diary-cover:hover .employee-diary-cover-image{transform:scale(1.01)}
  body.participant-diary-marciel .employee-diary-layout.employee-diary-diary.participant-diary.employee-diary-reading{min-height:100dvh;padding:20px 14px 42px;overflow:visible}
  body.participant-diary-marciel .employee-diary-layout.employee-diary-diary.participant-diary.employee-diary-reading>.sera-diary-welcome{display:none!important}
  body.participant-diary-marciel .employee-diary-layout.employee-diary-diary.participant-diary.employee-diary-reading>.sera-diary-visual{position:relative;top:auto;right:auto;bottom:auto;left:auto;width:100%;height:auto;min-height:0}
  body.participant-diary-marciel .employee-diary-layout.employee-diary-diary.participant-diary.employee-diary-reading .employee-diary-section{height:auto;min-height:0;overflow:visible}
  body.participant-diary-marciel .employee-diary-layout.employee-diary-diary.participant-diary.employee-diary-reading .employee-diary-book-head{position:static;display:flex;flex-wrap:wrap;align-items:center;gap:8px;width:100%;margin:0 0 14px;color:#fff}
  body.participant-diary-marciel .employee-diary-layout.employee-diary-diary.participant-diary.employee-diary-reading .employee-diary-book-head>div:first-child{display:block;margin-right:auto}
  body.participant-diary-marciel .employee-diary-layout.employee-diary-diary.participant-diary.employee-diary-reading .employee-diary-spread{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;width:100%;min-width:0;height:auto;min-height:0;aspect-ratio:auto;padding:0;background:none;filter:none}
  body.participant-diary-marciel .employee-diary-layout.employee-diary-diary.participant-diary.employee-diary-reading .employee-diary-left-page,
  body.participant-diary-marciel .employee-diary-layout.employee-diary-diary.participant-diary.employee-diary-reading .employee-diary-right-page{position:relative;top:auto;right:auto;bottom:auto;left:auto;width:100%;height:auto;min-height:0;max-height:none;overflow:visible!important;padding:18px;border:1px solid #e7d9cb;border-radius:14px;background:#fffdf8;box-shadow:0 10px 25px #1b0b2c24}
  body.participant-diary-marciel .employee-diary-layout.employee-diary-diary.participant-diary.employee-diary-reading .employee-diary-page-form{height:auto;min-height:0;overflow:visible;grid-template-rows:auto;gap:10px}
  body.participant-diary-marciel .employee-diary-layout.employee-diary-diary.participant-diary.employee-diary-reading .employee-diary-page-form textarea{min-height:220px;resize:vertical;font-size:16px}
  body.participant-diary-marciel .employee-diary-layout.employee-diary-diary.participant-diary.employee-diary-reading .employee-diary-page-form input{font-size:16px}
  body.participant-diary-marciel .employee-diary-layout.employee-diary-diary.participant-diary.employee-diary-reading .employee-diary-right-page>.employee-diary-page-text{min-height:0;overflow:visible}
  body.participant-diary-marciel .employee-diary-layout.employee-diary-diary.participant-diary.employee-diary-reading .employee-diary-right-page>.employee-diary-reading-controls{margin-top:12px}
}

/* Só a moldura do painel público difere do iframe do Marciel. */
@media(max-width:600px){
  body.employee-workspace-active.participant-diary-marciel #entry-content .participant-diary:not(.employee-diary-reading) .sera-diary-welcome-eyebrow{position:static!important;top:auto!important;left:auto!important}
  body.employee-workspace-active.participant-diary-marciel #entry-content .participant-diary:not(.employee-diary-reading) .sera-diary-welcome>h2{padding-top:0!important}
}

/* O livro permanece aberto em duas páginas no mobile; só a edição ocupa as
   duas páginas para que teclado e botões continuem utilizáveis. */
@media(max-width:600px){
  body.participant-diary-marciel .employee-diary-layout.employee-diary-diary.participant-diary:not(.employee-diary-reading){min-height:max(720px,100dvh)}
  body.participant-diary-marciel .employee-diary-layout.employee-diary-diary.participant-diary:not(.employee-diary-reading) .sera-diary-character{top:290px;left:1%;width:39%;height:175px}
  body.participant-diary-marciel .employee-diary-layout.employee-diary-diary.participant-diary:not(.employee-diary-reading) .sera-diary-visual{top:395px;right:2%;left:2%;width:96%;height:310px}
  body.participant-diary-marciel .employee-diary-layout.employee-diary-diary.participant-diary.employee-diary-reading{min-height:max(630px,100dvh);padding:0;overflow:hidden}
  body.participant-diary-marciel .employee-diary-layout.employee-diary-diary.participant-diary.employee-diary-reading>.sera-diary-welcome{display:block!important}
  body.participant-diary-marciel .employee-diary-layout.employee-diary-diary.participant-diary.employee-diary-reading>.sera-diary-welcome>:not(.sera-diary-character){display:none!important}
  body.participant-diary-marciel .employee-diary-layout.employee-diary-diary.participant-diary.employee-diary-reading .sera-diary-character{display:block!important;top:20px;bottom:auto;left:1%;width:28%;height:128px}
  body.participant-diary-marciel .employee-diary-layout.employee-diary-diary.participant-diary.employee-diary-reading>.sera-diary-visual{position:absolute;top:160px;right:2%;left:2%;width:96%;height:clamp(300px,85vw,360px)}
  body.participant-diary-marciel .employee-diary-layout.employee-diary-diary.participant-diary.employee-diary-reading .employee-diary-section{height:100%;overflow:visible}
  body.participant-diary-marciel .employee-diary-layout.employee-diary-diary.participant-diary.employee-diary-reading .employee-diary-book-head{position:absolute;top:-136px;left:28%;width:70%;justify-content:flex-end;gap:5px;margin:0}
  body.participant-diary-marciel .employee-diary-layout.employee-diary-diary.participant-diary.employee-diary-reading .employee-diary-book-head>div:first-child{display:none}
  body.participant-diary-marciel .employee-diary-layout.employee-diary-diary.participant-diary.employee-diary-reading .employee-diary-book-head>button{min-height:36px;padding:6px 8px;font-size:11px}
  body.participant-diary-marciel .employee-diary-layout.employee-diary-diary.participant-diary.employee-diary-reading .employee-diary-spread{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:0;width:100%;height:100%;min-height:0;aspect-ratio:auto;padding:0;background:url('/diary-new-open-cutout.png') center/100% 100% no-repeat;filter:drop-shadow(0 10px 13px #1b0b2c35)}
  body.participant-diary-marciel .employee-diary-layout.employee-diary-diary.participant-diary.employee-diary-reading .employee-diary-left-page,
  body.participant-diary-marciel .employee-diary-layout.employee-diary-diary.participant-diary.employee-diary-reading .employee-diary-right-page{position:absolute;top:15%;bottom:11%;width:39%;height:auto;min-height:0;max-height:none;overflow:auto!important;padding:4px 3px;border:0;border-radius:0;background:transparent;box-shadow:none}
  body.participant-diary-marciel .employee-diary-layout.employee-diary-diary.participant-diary.employee-diary-reading .employee-diary-left-page{left:8%;right:auto}
  body.participant-diary-marciel .employee-diary-layout.employee-diary-diary.participant-diary.employee-diary-reading .employee-diary-right-page{right:8%;left:auto}
  body.participant-diary-marciel .employee-diary-layout.employee-diary-diary.participant-diary.employee-diary-reading .employee-diary-left-page h3,
  body.participant-diary-marciel .employee-diary-layout.employee-diary-diary.participant-diary.employee-diary-reading .employee-diary-right-page h3{font-size:15px;line-height:1.15;margin:5px 0 8px}
  body.participant-diary-marciel .employee-diary-layout.employee-diary-diary.participant-diary.employee-diary-reading .employee-diary-left-page p,
  body.participant-diary-marciel .employee-diary-layout.employee-diary-diary.participant-diary.employee-diary-reading .employee-diary-right-page p{font-size:11px;line-height:1.35}
  body.participant-diary-marciel .employee-diary-layout.employee-diary-diary.participant-diary.employee-diary-reading .employee-diary-right-page>.employee-diary-page-text{font-size:12px;line-height:1.45;overflow:auto}
  body.participant-diary-marciel .employee-diary-layout.employee-diary-diary.participant-diary.employee-diary-reading .employee-diary-right-page:has(.employee-diary-page-form){right:9%;left:9%;width:82%;padding:5px 9px;background:#fffdf6e8}
  body.participant-diary-marciel .employee-diary-layout.employee-diary-diary.participant-diary.employee-diary-reading .employee-diary-spread:has(.employee-diary-page-form) .employee-diary-left-page{display:none}
  body.participant-diary-marciel .employee-diary-layout.employee-diary-diary.participant-diary.employee-diary-reading .employee-diary-page-form{height:100%;grid-template-rows:auto auto minmax(0,1fr) auto;gap:4px;overflow:auto}
  body.participant-diary-marciel .employee-diary-layout.employee-diary-diary.participant-diary.employee-diary-reading .employee-diary-page-form label:has(textarea){min-height:0;grid-template-rows:auto minmax(0,1fr)}
  body.participant-diary-marciel .employee-diary-layout.employee-diary-diary.participant-diary.employee-diary-reading .employee-diary-page-form textarea{height:100%;min-height:80px;resize:none;font-size:16px}
}

/* Especificidade final: neutraliza as posições legadas do diário participante
   dentro do iframe comercial, sem alterar o diário dos outros painéis. */
@media(max-width:600px){
  body.employee-workspace-active.participant-diary-marciel .employee-diary-layout.employee-diary-diary.participant-diary:not(.employee-diary-reading){min-height:max(720px,100dvh)!important}
  body.employee-workspace-active.participant-diary-marciel .employee-diary-layout.employee-diary-diary.participant-diary:not(.employee-diary-reading) .sera-diary-character{top:265px!important;right:auto!important;bottom:auto!important;left:0!important;width:38%!important;height:180px!important}
  body.employee-workspace-active.participant-diary-marciel .employee-diary-layout.employee-diary-diary.participant-diary:not(.employee-diary-reading) .sera-diary-visual{top:360px!important;right:2%!important;bottom:auto!important;left:2%!important;width:96%!important;height:330px!important}
  body.employee-workspace-active.participant-diary-marciel .employee-diary-layout.employee-diary-diary.participant-diary:not(.employee-diary-reading) .employee-diary-cover-image{transform:translateY(-13px) scale(1.12)!important}
  body.employee-workspace-active.participant-diary-marciel .employee-diary-layout.employee-diary-diary.participant-diary.employee-diary-reading{min-height:max(630px,100dvh)!important}
  body.employee-workspace-active.participant-diary-marciel .employee-diary-layout.employee-diary-diary.participant-diary.employee-diary-reading>.sera-diary-welcome>.sera-diary-welcome-eyebrow,
  body.employee-workspace-active.participant-diary-marciel .employee-diary-layout.employee-diary-diary.participant-diary.employee-diary-reading>.sera-diary-welcome>h2,
  body.employee-workspace-active.participant-diary-marciel .employee-diary-layout.employee-diary-diary.participant-diary.employee-diary-reading>.sera-diary-welcome>p,
  body.employee-workspace-active.participant-diary-marciel .employee-diary-layout.employee-diary-diary.participant-diary.employee-diary-reading>.sera-diary-welcome>.sera-diary-kicker,
  body.employee-workspace-active.participant-diary-marciel .employee-diary-layout.employee-diary-diary.participant-diary.employee-diary-reading>.sera-diary-welcome>.sera-diary-actions{display:none!important}
  body.employee-workspace-active.participant-diary-marciel .employee-diary-layout.employee-diary-diary.participant-diary.employee-diary-reading .sera-diary-character{top:18px!important;right:auto!important;bottom:auto!important;left:0!important;width:25%!important;height:130px!important}
  body.employee-workspace-active.participant-diary-marciel .employee-diary-layout.employee-diary-diary.participant-diary.employee-diary-reading>.sera-diary-visual{top:155px!important;right:2%!important;bottom:auto!important;left:2%!important;width:96%!important;height:clamp(300px,85vw,360px)!important}
  body.employee-workspace-active.participant-diary-marciel .employee-diary-layout.employee-diary-diary.participant-diary.employee-diary-reading .employee-diary-book-head{position:absolute!important;top:-130px!important;right:3%!important;left:auto!important;width:70%!important;max-width:none!important;justify-content:flex-end!important}
  body.employee-workspace-active.participant-diary-marciel .employee-diary-layout.employee-diary-diary.participant-diary.employee-diary-reading .employee-diary-book-head>button{flex:1 1 90px;min-width:0;max-width:120px;white-space:normal;text-align:center}
}

/* A versão mobile comercial mostra só o livro, centralizado na área útil. */
@media(max-width:600px){
  body.employee-workspace-active.participant-diary-marciel{height:100%;min-height:0;overflow:hidden;background:#462556}
  body.employee-workspace-active.participant-diary-marciel #entry-content{height:100%;min-height:0;overflow:hidden;background:#462556}
  body.employee-workspace-active.participant-diary-marciel .employee-diary-layout.employee-diary-diary.participant-diary,
  body.employee-workspace-active.participant-diary-marciel .employee-diary-layout.employee-diary-diary.participant-diary.employee-diary-reading{width:100%;height:100%;min-height:0!important;padding:0;overflow:hidden!important}
  body.employee-workspace-active.participant-diary-marciel .employee-diary-layout.employee-diary-diary.participant-diary>.sera-diary-welcome{display:block!important;position:absolute;z-index:5;top:5%;left:6%;width:88%;height:auto;min-height:0;overflow:visible}
  body.employee-workspace-active.participant-diary-marciel .employee-diary-layout.employee-diary-diary.participant-diary .sera-diary-character,
  body.employee-workspace-active.participant-diary-marciel .employee-diary-layout.employee-diary-diary.participant-diary .sera-diary-welcome>p,
  body.employee-workspace-active.participant-diary-marciel .employee-diary-layout.employee-diary-diary.participant-diary .sera-diary-welcome>.sera-diary-actions,
  body.employee-workspace-active.participant-diary-marciel .employee-diary-layout.employee-diary-diary.participant-diary .sera-diary-welcome>.sera-diary-inspiration{display:none!important}
  body.employee-workspace-active.participant-diary-marciel .employee-diary-layout.employee-diary-diary.participant-diary:not(.employee-diary-reading) .sera-diary-welcome-eyebrow{display:block!important;width:100%;margin:0 0 8px!important;color:#f1d9f6;font-size:11px;letter-spacing:.18em}
  body.employee-workspace-active.participant-diary-marciel .employee-diary-layout.employee-diary-diary.participant-diary:not(.employee-diary-reading) .sera-diary-welcome>h2{display:block!important;width:100%;max-width:340px;margin:0!important;color:#fff;font:700 clamp(25px,7vw,31px)/1.08 Georgia,serif}
  body.employee-workspace-active.participant-diary-marciel .employee-diary-layout.employee-diary-diary.participant-diary:not(.employee-diary-reading)>.sera-diary-visual{display:grid!important;place-items:center!important;top:22%!important;right:3%!important;bottom:auto!important;left:3%!important;width:94%!important;height:68%!important;min-height:0!important}
  body.employee-workspace-active.participant-diary-marciel .employee-diary-layout.employee-diary-diary.participant-diary:not(.employee-diary-reading) .employee-diary-section,
  body.employee-workspace-active.participant-diary-marciel .employee-diary-layout.employee-diary-diary.participant-diary:not(.employee-diary-reading) .employee-diary-cover-wrap{width:100%;height:100%;min-height:0;overflow:hidden}
  body.employee-workspace-active.participant-diary-marciel .employee-diary-layout.employee-diary-diary.participant-diary:not(.employee-diary-reading) .employee-diary-cover{width:100%;height:100%;min-height:0}
  body.employee-workspace-active.participant-diary-marciel .employee-diary-layout.employee-diary-diary.participant-diary:not(.employee-diary-reading) .employee-diary-cover-image{width:100%;height:100%;object-fit:contain;transform:scale(1.08)!important}
  body.employee-workspace-active.participant-diary-marciel .employee-diary-layout.employee-diary-diary.participant-diary.employee-diary-reading>.sera-diary-visual{top:50%!important;right:2%!important;bottom:auto!important;left:2%!important;width:96%!important;height:clamp(300px,86vw,350px)!important;transform:translateY(-43%)}
  body.employee-workspace-active.participant-diary-marciel .employee-diary-layout.employee-diary-diary.participant-diary.employee-diary-reading .employee-diary-book-head{top:-65px!important;right:0!important;left:0!important;width:100%!important;justify-content:center!important}
}