.sus { max-width: 1120px; margin: 0 auto; padding: 0 0 60px; }
.sus__fotos { display: grid; grid-template-columns: repeat(3, 1fr); gap: 3px; background: var(--vino-oscuro); }
.sus__fotos img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; display: block; }
.sus__caja { max-width: 640px; margin: 0 auto; padding: 28px 16px 0; text-align: center; }
.sus__ojo { font-size: 12.5px; font-weight: 700; letter-spacing: .18em; text-transform: uppercase; color: var(--oro); margin: 0 0 8px; }
.sus h1 { font-family: var(--serif); font-size: 32px; line-height: 1.1; color: var(--titulo); margin: 0 0 10px; }
.sus__texto { color: var(--tinta-suave); margin: 0 auto 22px; max-width: 46ch; }
.sus .campos label { text-align: left; }
.sus__acciones { display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; margin-top: 16px; }
.sus__wa { display: inline-flex; align-items: center; gap: 8px; }
.sus__wa svg { width: 18px; height: 18px; }
.sus__legal { font-size: 13px; color: var(--tinta-suave); margin: 14px auto 0; max-width: 44ch; }
.sus__gracias { border: 1px solid var(--oro); background: var(--tarjeta); padding: 22px 18px; margin-top: 8px; }
.sus__gracias[hidden] { display: none; }
.sus__gracias h2 { font-family: var(--serif); color: var(--titulo); margin: 0 0 6px; font-size: 26px; }
.sus__gracias p { margin: 0; color: var(--tinta-suave); }
.sus__ventajas { list-style: none; margin: 26px auto 0; padding: 0; display: grid; gap: 8px; max-width: 44ch; text-align: left; }
.sus__ventajas li { position: relative; padding-left: 26px; color: var(--tinta); }
.sus__ventajas li::before { content: ''; position: absolute; left: 6px; top: .55em; width: 8px; height: 8px; background: var(--oro); }
.sus__pie { margin-top: 26px; color: var(--tinta-suave); font-size: 14.5px; line-height: 1.5; }
@media (min-width: 900px) {
  .sus__fotos { grid-template-columns: repeat(6, 1fr); }
  .sus h1 { font-size: 40px; }
  .sus__caja { padding-top: 36px; }
}