.premios-container {
  display: flex;
  flex-direction: column;
  padding: 15px 75px 75px 75px;

  .premios-title {
    color: var(--sds-color-text-default-default);
    font-family: Inter;
    font-size: clamp(24px, 4vw, 28px);
    font-style: normal;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: -0.55px;
    align-self: stretch;
    margin-bottom: 10px;
  }

  .premios-subtitle {
    color: var(--sds-color-text-default-secondary);
    font-family: var(--sds-typography-subheading-font-family);
    font-size: clamp(18px, 3.5vw, 23px);
    font-style: normal;
    font-weight: 400;
    line-height: 1.2;
    align-self: stretch;
  }

  .premios-text {
    margin-bottom: 40px;
  }

  .premios-images-container {
    width: 100%;

    .premios-images {
      display: flex;
      gap: 56px;
      justify-content: flex-start;
      flex-wrap: wrap;

      .premios-image1,
      .premios-image2 {
        width: clamp(300px, 45vw, 597px);
        height: clamp(200px, 24vw, 317px);
        background-color: #F5EDE5;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 8px;

        img {
          max-width: 100%;
          max-height: 100%;
          height: auto;
          border-radius: 8px;
          object-fit: cover;
        }
      }
    }
  }
}

/* Responsive design */
@media (max-width: 768px) {
  .premios-container {
    padding: 30px 20px 40px 20px;

    .premios-title {
      margin-bottom: 8px;
    }

    .premios-text {
      margin-bottom: 24px;
    }

    .premios-images-container {
      .premios-images {
        flex-direction: column;
        gap: 24px;
        align-items: center;

        .premios-image1,
        .premios-image2 {
          width: 100%;
          max-width: 400px;
          aspect-ratio: 16/10;
          height: auto;
        }
      }
    }
  }
}