.trata{
   width:100%;
   min-height:394px;
   background-color:#f0efee;
   display:flex;
   flex-direction:column;
   justify-content:center;
   align-items:center;
   padding:99px 0px 80px;
 }

.trata .top{
  width:100%;
  max-width:743px;
  align-self:flex-start;
  margin-left:128px;
  color:#4c4c4c;
  font-size:30px;
  line-height:33px;
}

.trata .top span{
  color:#b72323;
}

.trata .line{
  width:100%;
  height:1px;
  background-color:#b7b7b7;
  margin:58px 0 46px;
}

.trata .bottom{
  width:100%;
  display:flex;
  justify-content: space-between;
  max-width:1255px;
  gap: 20px;
  padding: 0 20px;
}

.trata .aspecto{
  width:365px;
  display:flex;
  gap:36px;
  align-items:center;
}

.trata .icon{
    width:89px;
    height:91px;
    background-color:#e6e6e6;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-shrink:0;
    transition:
      background-color 0.3s ease,
      transform 0.3s ease;
}

.trata .icon img{
  display:block;
  width:auto;
  height:auto;
  max-width:47px;
  max-height:47px;
  transition:transform 0.3s ease;
}

.trata .aspecto:hover .icon{
  background-color:#fff;
  transform:translateY(-2px);
}

.trata .aspecto:hover .icon img{
  transform:scale(1.05);
}

.trata .textito{
  display:flex;
  flex-direction:column;
  gap:2px;
}

.trata .textito p:first-child{
  color:#4e4e4e;
  font-size:16px;
  line-height:18px;
}

.trata .textito p:last-child{
  color:#4c4c4c;
  font-size:18px;
  line-height:18.8px;
  letter-spacing:-0.192px;
}

@media (max-width: 1100px){
  .trata{
    padding:72px 0px;
  }

  .trata .top{
    align-self:center;
    margin-left:0;
    text-align:center;
  }

  .trata .bottom{
    flex-direction:column;
    align-items:center;
    gap:22px;
  }

  .trata .aspecto{
    max-width:460px;
  }
}

@media (max-width: 560px){
  .trata{
    padding:56px 0px;
  }

  .trata .top{
    font-size:28px;
    line-height:31px;
    padding: 0 18px;
  }

  .trata .line{
    margin:32px 0;
  }

  .trata .aspecto{
    gap:18px;
    width:100%;
  }

  .trata .bottom{
    max-width:350px;
    min-width:300px;
    padding: 0 18px;
  }

  .trata .icon{
    width:72px;
    height:74px;
  }

  .trata .textito p:first-child{
    font-size:15px;
    line-height:18px;
  }

  .trata .textito p:last-child{
    font-size:17px;
    line-height:20px;
  }
}

@media (prefers-reduced-motion: reduce){
  .trata .icon,
  .trata .icon img{
    transition:none;
  }

  .trata .aspecto:hover .icon,
  .trata .aspecto:hover .icon img{
    transform:none;
  }
}

/* Large viewport proportional scaling */
@media (min-width: 1765px){
  .trata{
   width:100%;
   min-height:22.3356vw;
   background-color:#f0efee;
   display:flex;
   flex-direction:column;
   justify-content:center;
   align-items:center;
   padding:5.6122vw 0 4.5351vw;
 }
  .trata .top{
  width:100%;
  max-width:42.1202vw;
  align-self:flex-start;
  margin-left:7.2562vw;
  color:#4c4c4c;
  font-size:1.7007vw;
  line-height:1.8707vw;
}
  .trata .line{
  width:100%;
  height:0.0567vw;
  background-color:#b7b7b7;
  margin:3.288vw 0 2.6077vw;
}
  .trata .bottom{
  width:100%;
  display:flex;
  justify-content: space-between;
  max-width:71.1451vw;
  gap: 1.1338vw;
  padding: 0 1.1338vw;
}
  .trata .aspecto{
  width:20.6916vw;
  display:flex;
  gap:2.0408vw;
  align-items:center;
}
  .trata .icon{
    width:5.0454vw;
    height:5.1587vw;
    background-color:#e6e6e6;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-shrink:0;
    transition:
      background-color 0.3s ease,
      transform 0.3s ease;
}
  .trata .icon img{
  display:block;
  width:auto;
  height:auto;
  max-width:2.6644vw;
  max-height:2.6644vw;
  transition:transform 0.3s ease;
}
  .trata .aspecto:hover .icon{
  background-color:#fff;
  transform:translateY(-0.1134vw);
}
  .trata .textito{
  display:flex;
  flex-direction:column;
  gap:0.1134vw;
}
  .trata .textito p:first-child{
  color:#4e4e4e;
  font-size:0.907vw;
  line-height:1.0204vw;
}
  .trata .textito p:last-child{
  color:#4c4c4c;
  font-size:1.0204vw;
  line-height:1.0658vw;
  letter-spacing:-0.0109vw;
}
}
/* End large viewport proportional scaling */