/* Identidade do site lauroabrahao.com.br: off-white, preto, bronze; Playfair Display + Manrope. */
@view-transition { navigation: auto; }
:root{
  color-scheme:light;
  --bg:#F7F5F1;--card:#FFFFFF;--linha:#E9E7E2;--txt:#1B1B1B;--texto:#353535;--cinza:#6E6E6E;
  --bronze:#B88C52;--bronze-esc:#9A7448;--champ:#D9C5A1;--topo:#1B1B1B;--sobre-bronze:#FFFFFF;
  --ok:#3F8F63;--aj:#B7791F;--er:#B23B3B;--agd:#9A7448;
  --sombra:0 10px 30px -14px rgba(27,27,27,.35);
  --raio:12px;--t:220ms cubic-bezier(.2,.7,.2,1);
}
@media (prefers-color-scheme:dark){:root:not([data-theme=light]){
  color-scheme:dark;
  --bg:#121212;--card:#1C1C1C;--linha:#2E2C29;--txt:#F2EEE7;--texto:#D9D4CB;--cinza:#A39E94;
  --bronze:#C9A06A;--bronze-esc:#D9C5A1;--champ:#D9C5A1;--topo:#0A0A0A;--sobre-bronze:#121212;
  --ok:#62BF8B;--aj:#E2A84E;--er:#E57D7D;--agd:#D9C5A1;--sombra:0 10px 30px -14px rgba(0,0,0,.8);
}}
:root[data-theme=dark]{
  color-scheme:dark;
  --bg:#121212;--card:#1C1C1C;--linha:#2E2C29;--txt:#F2EEE7;--texto:#D9D4CB;--cinza:#A39E94;
  --bronze:#C9A06A;--bronze-esc:#D9C5A1;--champ:#D9C5A1;--topo:#0A0A0A;--sobre-bronze:#121212;
  --ok:#62BF8B;--aj:#E2A84E;--er:#E57D7D;--agd:#D9C5A1;--sombra:0 10px 30px -14px rgba(0,0,0,.8);
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--texto);font:400 15px/1.55 Manrope,system-ui,sans-serif;min-height:100vh}
a{color:inherit}
h1,h2,h3{font-family:"Playfair Display",Georgia,serif;font-weight:500;color:var(--txt);letter-spacing:-.01em;margin:0}
.wrap{max-width:1180px;margin:0 auto;padding:0 16px}
button{font:inherit;cursor:pointer}
:focus-visible{outline:2px solid var(--bronze);outline-offset:3px}

/* topo */
.topo{background:var(--topo);color:#fff;position:sticky;top:0;z-index:30;border-bottom:1px solid rgba(217,197,161,.18)}
.topo .wrap{display:flex;align-items:center;gap:16px;min-height:72px}
.topo .logo{height:40px;width:auto;display:block}
.topo .acoes{margin-left:auto;display:flex;align-items:center;gap:10px}
.topo .volta{color:#fff;text-decoration:none;font-weight:600;font-size:14px;opacity:.85;padding:8px 4px}
.topo .volta:hover{color:var(--champ);opacity:1}
.tema{font:600 12px/1 Manrope,sans-serif;padding:9px 12px;min-height:36px;border-radius:999px;border:1px solid rgba(217,197,161,.35);background:transparent;color:#F2EEE7}
.tema:hover{border-color:var(--champ)}
.tema.solto{position:absolute;top:14px;right:16px;z-index:40;background:var(--card);color:var(--txt);border-color:var(--linha)}
.sair{background:none;border:0;color:#cfc9bf;font-size:13px;padding:8px 4px}
.sair:hover{color:var(--champ)}
@media (max-width:640px){.topo .logo{height:32px}.topo .wrap{gap:8px;min-height:64px}.sair{display:none}}

/* botões */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:12px 22px;border-radius:11px;font-weight:600;font-size:14.5px;letter-spacing:.02em;border:1px solid transparent;transition:background var(--t),color var(--t),border-color var(--t),transform var(--t)}
.btn:active{transform:translateY(1px)}
.btn:disabled{opacity:.45;cursor:not-allowed}
.btn.prim{background:var(--bronze);color:var(--sobre-bronze)}
.btn.prim:hover:not(:disabled){background:var(--bronze-esc)}
.btn.sec{background:transparent;border-color:var(--txt);color:var(--txt)}
.btn.sec:hover:not(:disabled){border-color:var(--bronze);color:var(--bronze)}
.btn.claro{background:transparent;border-color:rgba(217,197,161,.5);color:#F2EEE7;min-height:40px;padding:8px 14px;font-size:13px}
.btn.claro:hover:not(:disabled){background:var(--bronze);border-color:var(--bronze);color:#fff}
.btn.link{background:none;border:0;color:var(--cinza);text-decoration:underline;min-height:40px;padding:8px}

/* selos de status */
.selo{display:inline-flex;white-space:nowrap;align-items:center;gap:6px;font:700 11px/1 Manrope,sans-serif;letter-spacing:.08em;text-transform:uppercase;padding:7px 10px;border-radius:999px;background:rgba(27,27,27,.72);color:#fff;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.selo i{width:7px;height:7px;border-radius:50%;background:#cfc9bf}
.selo.novo i{background:var(--champ)}
.selo.conferir i{background:#E57D7D}
.selo.preparando i{background:#9a958b;animation:pulsa 1.2s ease-in-out infinite}
@keyframes pulsa{50%{opacity:.25}}
.selo.aprovado i{background:#62BF8B}
.selo.ajuste i,.selo.voltou i{background:#E2A84E}
.selo.agendado i{background:#C9A06A;box-shadow:0 0 0 3px rgba(201,160,106,.3)}
.selo.publicado i{background:#62BF8B}
.selo.plano{background:var(--linha);color:var(--txt)}

.eyebrow{font:700 11.5px/1 Manrope,sans-serif;letter-spacing:.18em;text-transform:uppercase;color:var(--bronze)}
.vazio{padding:48px 16px;text-align:center;color:var(--cinza)}
.vazio h3{font-size:22px;margin-bottom:6px}
.aviso{display:flex;gap:10px;align-items:flex-start;background:rgba(183,121,31,.1);border:1px solid rgba(183,121,31,.35);color:var(--txt);border-radius:var(--raio);padding:12px 14px;font-size:14px}
.oculto{display:none!important}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}@view-transition{navigation:none}}

.diverg{border:1px solid rgba(178,59,59,.45);background:rgba(178,59,59,.08);border-radius:var(--raio);padding:14px 16px;margin-top:18px;color:var(--txt)}
.diverg b{display:block;font-size:14px;margin-bottom:6px;color:var(--er)}
.diverg ul{margin:0 0 8px;padding-left:18px;font-size:14px}
.diverg small{color:var(--cinza);font-size:12.5px}
.diverg label{display:flex;gap:8px;align-items:center;margin-top:10px;font-size:13px;cursor:pointer}

/* motion: brilho enquanto a imagem carrega, imagem entra suave */
.brilho{background:linear-gradient(100deg,#1d1d1d 30%,#2c2a27 50%,#1d1d1d 70%) 0 0/300% 100%;animation:brilha 1.4s linear infinite}
@keyframes brilha{to{background-position:-150% 0}}
img.entra{opacity:0;transition:opacity .5s ease}
img.entra.ok{opacity:1}

/* avisos curtos */
.toasts{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);z-index:80;display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none}
.toast{background:#1B1B1B;color:#F2EEE7;border:1px solid rgba(217,197,161,.35);border-radius:999px;padding:11px 18px;font:600 14px/1.2 Manrope,sans-serif;box-shadow:0 12px 30px -12px rgba(0,0,0,.6);display:flex;gap:8px;align-items:center;
  animation:toastIn .35s cubic-bezier(.2,.8,.2,1),toastOut .3s ease 2.6s forwards}
.toast i{color:#62BF8B;font-style:normal}.toast.er i{color:#E57D7D}
@keyframes toastIn{from{opacity:0;transform:translateY(14px) scale(.96)}}
@keyframes toastOut{to{opacity:0;transform:translateY(8px)}}

/* galeria -> post: a capa "voa" para o carrossel; o resto da página faz fade */
::view-transition-old(root),::view-transition-new(root){animation-duration:.28s}
::view-transition-group(*){animation-duration:.45s;animation-timing-function:cubic-bezier(.2,.8,.2,1)}

.ferr[hidden]{display:none}