/* ==========================================================================
   SOGECAPRI · layout.css — containers, secções, grelhas
   ========================================================================== */
.container {
  max-width: var(--container);
  margin: 0 auto;
  padding-left: var(--gutter);
  padding-right: var(--gutter);
}

.section { padding-block: var(--section-y); }
.section--tight { padding-block: clamp(40px, 5vw, 64px); }

.section--dark    { background: var(--wine-dark); color: var(--cream); position: relative; overflow: hidden; }
.section--espresso{ background: var(--espresso); color: var(--cream); }
.section--cream   { background: var(--cream); }

/* Grelhas utilitárias */
.grid { display: grid; gap: clamp(36px, 5vw, 80px); }
.grid--2 { grid-template-columns: 1fr 1fr; align-items: center; }
.grid--align-start { align-items: start; }

/* Anéis decorativos para fundos escuros */
.ring {
  position: absolute;
  border: 1px solid rgba(212, 162, 64, 0.1);
  border-radius: 50%;
  pointer-events: none;
}
.ring--tr { top: -120px; right: -120px; width: 480px; height: 480px; }
.ring--bl { bottom: -100px; left: -80px; width: 360px; height: 360px; }
.relative { position: relative; z-index: 1; }