/* Artes ambientais apenas no topo das páginas sem hero. Conteúdo e tipografia continuam acima. */
:is(#cortes, #galeria, #contato) { position: relative; isolation: isolate; overflow: hidden; }
:is(#cortes, #galeria, #contato)::before { content: ''; position: absolute; inset: 0 0 auto; z-index: 0; height: min(560px, 72svh); pointer-events: none; background-repeat: no-repeat; }
:is(#cortes, #galeria, #contato) > .wide-wrap { position: relative; z-index: 1; }
#cortes::before { background-image: radial-gradient(ellipse at 50% 35%, #000d, #0007 32%, transparent 70%), linear-gradient(180deg, #05050554, #050505bb 45%, #070707 100%), url('./assets/cortes-ferramentas-fundo.webp'); background-position: center top; background-size: 100% 100%, 100% 100%, cover; }
#galeria::before { background-image: linear-gradient(180deg, #050505ad, #050505d9 48%, #080808 100%), url('./assets/barbearia-ambiente-fundo.webp'); background-position: center top, center 33%; background-size: 100% 100%, cover; }
#contato::before { background-image: linear-gradient(180deg, #050505c2, #050505df 52%, #080909 100%), url('./assets/concept-ambiente.jpg'); background-position: center top, center 32%; background-size: 100% 100%, cover; }
@media (max-width: 700px) {
  :is(#cortes, #galeria, #contato)::before { height: 410px; }
  #cortes::before { background-image: linear-gradient(180deg, #05050520, #050505bb 43%, #070707 100%), url('./assets/cortes-ferramentas-fundo.webp'); background-size: 100% 100%, 100% auto; }
  #galeria::before { background-image: linear-gradient(180deg, #0505059e, #050505d1 50%, #080808 100%), url('./assets/barbearia-ambiente-fundo.webp'); background-position: center top, center 20%; }
}