/* ===== Fotos Monteiro como background do portal · 2026-07-21 =====
   Usa as fotos reais dos eventos como fundo do login e uma faixa sutil no topo
   do painel. Sempre com véu escuro/dourado por cima — legibilidade primeiro.
   Carrega por último (depois do cinema-v2). */

/* --- Login: foto de gala real atrás do card --- */
#login{
  background:
    radial-gradient(60% 50% at 50% 30%, rgba(200,168,107,.14), transparent 60%),
    linear-gradient(180deg, rgba(10,9,5,.82), rgba(5,5,5,.94)),
    url('../fotos/gala-mesa-posta.jpg') center 38%/cover no-repeat fixed;
}
#login::before{
  content:'';position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(80% 70% at 50% 100%, rgba(5,5,5,.55), transparent 60%);
}
#login .login-card{position:relative;z-index:1;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);
  background:linear-gradient(180deg, rgba(200,168,107,.06), rgba(10,9,6,.72));}

/* tema claro: véu clareado para manter o padrão executivo */
:root[data-theme=light] #login{
  background:
    linear-gradient(180deg, rgba(250,247,242,.88), rgba(250,247,242,.96)),
    url('../fotos/gala-mesa-posta.jpg') center 38%/cover no-repeat fixed;
}
:root[data-theme=light] #login .login-card{background:rgba(255,255,255,.82);}

/* --- Faixa de fotos no rodapé do login (proof discreto) --- */
#login .login-card::after{
  content:'Monteiro Formaturas · 30 anos realizando sonhos';
  display:block;margin-top:14px;font-size:10px;letter-spacing:.22em;
  text-transform:uppercase;color:rgba(200,168,107,.55);
}

/* --- Painel: textura fotográfica sutil no fundo geral (só desktop, quase invisível) --- */
@media (min-width:900px){
  body::before{
    content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;
    background:url('../fotos/colacao-salao.jpg') center/cover no-repeat;
    opacity:.05;filter:saturate(.6) brightness(.7);
  }
  :root[data-theme=light] body::before{opacity:.04;filter:saturate(.5) brightness(1.25);}
}

@media (prefers-reduced-motion:reduce){
  #login{background-attachment:scroll;}
}
