@layer layout {
  .navbar,
  .hero-divisor,
  section > * {
    width: 100%;
    margin-inline: auto;
  }

  section {
    width: 100%;
    min-height: 100vh;
    min-height: 100svh;
    min-height: 100dvh;
    padding: 60px 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: var(--cream);
  }

  section > * {
    max-width: 1100px;
  }

  .card {
    padding: 0;
    border-radius: 0;
    box-shadow: none;
    background: transparent;
  }

  .programacao-local,
  .fundamental-layout,
  #programacao .programacao-content,
  .galeria-grid {
    display: flex;
  }

  .programacao-local > section {
    min-height: auto;
    flex: 1 1 0;
  }

  .fundamental-layout {
    align-items: flex-start;
    gap: 24px;
    margin-top: 32px;
  }

  .fundamental-text,
  .fundamental-figure,
  #programacao .programacao-texto,
  #programacao .programacao-figura {
    flex: 1 1 0;
  }

  .fundamental-figure,
  #programacao .programacao-figura {
    margin: 0;
  }

  .fundamental-figure img,
  #programacao .programacao-figura img {
    width: 100%;
    border-radius: var(--radius);
    object-fit: cover;
    box-shadow: var(--shadow);
  }

  .fundamental-figure img {
    height: auto;
    max-height: 420px;
  }

  .fundamental-figure.foto-nene {
    display: flex;
    justify-content: center;
    flex: 0 0 auto;
    width: min(100%, 230px);
    align-self: flex-start;
  }

  .fundamental-figure.foto-nene img {
    width: 100%;
    max-width: 230px;
    height: auto;
    max-height: none;
    object-fit: contain;
  }

  .importancia ul,
  #programacao .programacao-texto ul {
    margin: 0;
    padding-left: 1.2rem;
  }

  .importancia li + li,
  #programacao .programacao-texto li + li {
    margin-top: 16px;
  }

  .fundamental-text .conclusao {
    margin-top: 32px;
  }

  .galeria-grid {
    gap: 20px;
  }

  .galeria-item1,
  .galeria-item2 {
    flex: 1 1 0;
    min-height: 220px;
    border-radius: var(--radius);
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 8px 22px rgba(0, 0, 0, 0.12);
  }

  .galeria-item1 {
    padding: 0;
    background: transparent;
  }

  .galeria-item2 {
    padding: 0;
    align-items: stretch;
  }
}