body{
  font-family: 'Poppins', sans-serif;
  font-size: 16px;
}

img{
  max-width: 100%;
}


.main-nav {
  /* display: grid;
  grid-template-columns: 1fr auto; */
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  
  margin-right: auto;
  margin-left: auto;
}

.main-nav p{
  font-weight: 700;
  font-size: 2.12rem;
  margin: 0;
}

.main-nav ul{
  display: inline-flex;
  list-style-type: none;
  gap: 16px;
  margin:0;
  padding:0;
}

.main-cover{
  background-image: url(../images/figure.png);
  background-repeat: no-repeat;
  background-position: right center;
  padding-top: 76px;
  padding-bottom: 82px;
}

.main-cover img{
  width: 400px;
}

.main-header{
  display: flex;
  flex-wrap: wrap;
  gap: 142px;
  margin: 0 auto;
}

.main-header header{
  width: min(100%, 562px);
}

.main-header .text-s, .main-header .text-xl{
  margin: 0;
}



.green-dot-paragraph::before{
  content: "";
  width:10px;
  height: 10px;
  background-color: #00F07D;
  display: inline-block;
  border-radius: 50%;
}

.projects{
  background-color: #C9D6FA;
  display: grid;
  grid-template-columns: repeat(3,1fr);
}

@media (max-width: 768px) {
  .projects{
    grid-template-columns: 1fr;
  }
}

.benefits-section{
  padding-top: 96px;
  padding-bottom: 87px;
  background: linear-gradient( rgba(201, 214, 250, 0.2) 0%, rgba(255, 255, 255, 0) 100%);
  text-align: center;
}

.benefits-section h2{
  font-size: 2.5rem; /* 16px => 40 / 16 = 2.5 */
  line-height: 3.75rem; /* 16px => 60 / 16 = 3.75 */
  margin:0;
  font-weight: 600;
}

.benefits-section .container{
  margin: 0 auto;
}

.benefits-section .container-s{
  margin: 0 auto;
}

.benefits{
  font-size: 1.125rem; /* 16px => 18 / 16 = 1.125 */
  font-weight: 400;
  line-height: 1.625rem; /* 16px => 26 / 16 = 1.625 */
  color: #122250;

  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
  gap: 1rem;
  margin-top: 3rem; /* 16px => 48 / 16 = 3 */
}

.benefits p{
  margin:0;
}

.benefits .text-secondary{
  font-size: 0.875rem; /* 16px => 14 / 16 = 0.875 */
}


.icon{
  width: 68px;
  height: 68px;
  background-color: #F9FBFC;
  border: 1px solid #9DAFBD;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  margin-bottom: 30px;
}

.quote{
  width: min(100%,730px);
  margin: 0 auto;
  text-align: center;
  padding: 96px 20px;
}
.main-quote-text{
  font-weight: 400;
  font-size: 2.125rem; /* 16px => 34 / 16 = 2.125 */
  line-height: 2.875rem; /* 16px => 46 / 16 = 2.875 */
  color: #366BFF;
}

.quote .text-bold{
  font-weight: 700;
  font-size: 0.93rem; /* 16px => 15 / 16 = 0.9375 */
  margin:0;
}

.quote .text-secondary{
  font-family: 'Popins', sans-serif;
  font-size: 0.812rem; /* 16px => 13 / 16 = 0.8125 */
  margin:0;
}

.quote img{
  width: 60px;
  height: 60px;
  border-radius: 50%;
}

/* Clases utilitarias */
.container{
  width: min(100%, 69em);
}
.container-s{
  width: min(100%, 33.5em); /* 16px => 537 / 16 = 33.5625 */
}

.text-s{
  font-size: 0.875rem; /* 16px => 14 / 16 =  0.875 */
  line-height: 1.321rem; /* 16px => 21 / 16 = 1.3125 */
  font-weight: 600;
}

.text-xl{
  font-size: 2.75rem; /* 16px => 44 / 16 = 2.75 */
  line-height: 4.125rem; /* 16px => 66 / 16 = 4.125 */
}

.text-md{
  font-size: 1.25rem; /* 16px => 20 / 16 = 1.25 */
  line-height: 1.875rem; /* 16px => 30 / 16 = 1.875 */
}
.text-secondary{
  color: rgba(18, 34, 80, 0.64);
  font-weight: 400;
  font-family: 'Roboto', sans-serif;
  font-size: 1.125rem; /* 16px => 18 / 16 = 1.125 */
  line-height: 1.625rem; /* 16px => 26 / 16 = 1.625 */
}

.pink-text{
  color: #FF2EAB;
}