.dialogos-section {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, .98fr) minmax(420px, .84fr);
  align-items: center;
  gap: clamp(58px, 8vw, 150px);
  min-height: 760px;
  padding: 118px clamp(48px, 5.2vw, 104px) 108px;
  overflow: hidden;
  background: #f4f6f8;
}
.dialogos-copy { max-width: 840px; }
.dialogos-copy h2 { margin: 0 0 35px; color: #050505; font-size: clamp(39px, 3.15vw, 65px); font-weight: 800; line-height: 1.05; letter-spacing: -.045em; }
.dialogos-copy p { margin: 0; color: #101010; font-size: clamp(17px, 1.27vw, 25px); font-weight: 500; line-height: 1.48; }
.dialogos-button { display: inline-flex; align-items: center; gap: 20px; margin-top: 75px; color: #171717; font-size: 16px; font-weight: 800; letter-spacing: .1em; text-decoration: none; }
.dialogos-button b { display: grid; width: 43px; height: 43px; border-radius: 12px; place-items: center; color: #fff; background: #6e20c3; font-size: 34px; font-weight: 400; letter-spacing: 0; line-height: 1; transition: transform .2s ease, background .2s ease; }
.dialogos-button:hover b { transform: translateX(4px); background: #52159a; }
.dialogos-image { position: relative; display: block; width: min(100%, 746px); justify-self: end; }
.dialogos-image > img:last-child { display: block; width: 100%; height: auto; }
.dialogos-points { position: absolute; z-index: 0; top: -72px; right: -93px; width: 186px; height: auto; }
.dialogos-image > img:last-child { position: relative; z-index: 1; }

@media (max-width: 900px) {
  .dialogos-section { grid-template-columns: 1fr; gap: 62px; min-height: 0; padding: 85px 28px; }
  .dialogos-copy { max-width: 680px; }
  .dialogos-copy h2 { margin-bottom: 23px; }
  .dialogos-button { margin-top: 40px; }
  .dialogos-image { width: min(100%, 620px); justify-self: center; }
  .dialogos-points { top: -46px; right: -36px; width: 124px; }
}